Update chatbot integrations and configurations for Qwen, Yuanbao, and Z

- refrom qwen, remove options: thinking, search
- keep pressing the temporary button until aria-pressed="true". use interval 100ms without any limit on tries.
- qwen should have two models: 'Fast' and 'Thinking'. Model selector show up on click on [Pasted text]. popup with Fast and Thinking options: [Pasted text]
- remove the interval when setting temporary qwen
- to copy in `apps/browser/src/content-scripts/send-prompt-content-script/chatbots/yuanbao.ts`, you first need to click on [Pasted text] (located in the footer), then popup appears: [Pasted text] and you need 'copy as markdown'. Note strings can be translated to chinese here so don't use aria label.
- from z.ai, remove deep think option

├── apps
│   └── browser
│       └── src
│           └── content-scripts
│               └── send-prompt-content-script
│                   └── chatbots
│                       ├── ai-studio.ts
│                       ├── arena.ts
│                       ├── chatgpt.ts
│                       ├── claude.ts
│                       ├── copilot.ts
│                       ├── deepseek.ts
│                       ├── doubao.ts
│                       ├── gemini.ts
│                       ├── github-copilot.ts
│                       ├── grok.ts
│                       ├── hugging-chat.ts
│                       ├── index.ts
│                       ├── kimi.ts
│                       ├── meta.ts
│                       ├── mistral.ts
│                       ├── open-webui.ts
│                       ├── openrouter.ts
│                       ├── qwen.ts
│                       ├── together.ts
│                       ├── yuanbao.ts
│                       └── z-ai.ts
└── packages
    └── shared
        └── src
            └── constants
                └── chatbots.ts

Author: robertpiosik

apps/browser/src/content-scripts/send-prompt-content-script/chatbots/qwen.ts

@@ -11,7 +11,7 @@ export const qwen: Chatbot = {
     await new Promise((resolve) => {
       const check_for_element = () => {
         const model_selector_button = document.querySelector(
-          '.ant-dropdown-trigger'
+          'textarea.message-input-textarea'
         ) as HTMLElement
 
         if (model_selector_button) {
@@ -22,13 +22,13 @@ export const qwen: Chatbot = {
       }
       check_for_element()
     })
-    await new Promise((resolve) => setTimeout(resolve, 500))
+    await new Promise((resolve) => setTimeout(resolve, 1500))
   },
   set_model: async (chat) => {
     const model = chat.model
     if (!model) return
     const model_selector_button = document.querySelector(
-      '.header-left .ant-dropdown-trigger'
+      '.qwen-chat-v2-dropdown-menu-select'
     ) as HTMLElement
     if (!model_selector_button) {
       report_initialization_error({
@@ -47,30 +47,18 @@ export const qwen: Chatbot = {
 
     model_selector_button.click()
     await new Promise((r) => requestAnimationFrame(r))
+    await new Promise((r) => setTimeout(r, 100))
 
-    const expand_more = document.querySelector(
-      '[class*="index-module__model-selector-view-more__"]'
-    ) as HTMLElement
-    if (expand_more) {
-      expand_more.click()
-      await new Promise((r) => setTimeout(r, 300))
-    } else {
-      report_initialization_error({
-        function_name: 'set_model',
-        log_message: 'Expand more button not found'
-      })
-      return
-    }
     const model_buttons = document.querySelectorAll(
-      '[class*="index-module__model-selector-dropdown-menu-item___"]'
-    ) as NodeListOf<HTMLButtonElement>
+      '.qwen-chat-v2-dropdown-menu-item'
+    ) as NodeListOf<HTMLElement>
     for (const button of Array.from(model_buttons)) {
-      const model_name_element = (button.querySelector(
-        '[class*="index-module__model-name-text___"]'
-      ) || button.querySelector('div.text-15')) as HTMLDivElement
+      const model_name_element = button.querySelector(
+        '.qwen-chat-v2-dropdown-menu-item-label'
+      ) as HTMLSpanElement
       if (
         model_name_element &&
-        model_name_element.textContent ==
+        model_name_element.textContent?.trim() ==
           CHATBOTS['Qwen'].models?.[model]?.label
       ) {
         button.click()
@@ -88,41 +76,12 @@ export const qwen: Chatbot = {
         const temporary_button = document.querySelector(
           '.temporary-chat-entry'
         ) as HTMLButtonElement
-        if (!temporary_button) {
-          report_initialization_error({
-            function_name: 'set_options',
-            log_message: 'Temporary chat button not found'
-          })
-          return
-        }
-        temporary_button.click()
-        await new Promise((r) => requestAnimationFrame(r))
-      } else if (option == 'thinking' && supported_options?.['thinking']) {
-        const thinking_button = document.querySelector(
-          '.chat-message-input-thinking-budget-btn > div'
-        ) as HTMLDivElement
-        if (!thinking_button) {
-          report_initialization_error({
-            function_name: 'set_options',
-            log_message: 'Thinking button not found'
-          })
-          return
-        }
-        thinking_button.click()
-        await new Promise((r) => requestAnimationFrame(r))
-      } else if (option == 'search' && supported_options?.['search']) {
-        const search_button = document.querySelector(
-          '.chat-message-input-thinking-budget-btn + div'
-        ) as HTMLDivElement
-        if (!search_button) {
-          report_initialization_error({
-            function_name: 'set_options',
-            log_message: 'Search button not found'
-          })
-          return
+        if (
+          temporary_button &&
+          temporary_button.getAttribute('aria-pressed') !== 'true'
+        ) {
+          temporary_button.click()
         }
-        search_button.click()
-        await new Promise((r) => requestAnimationFrame(r))
       }
     }
   },
@@ -150,7 +109,7 @@ export const qwen: Chatbot = {
         get_code_from_block: (b) => b.querySelector('.cm-line')?.textContent,
         perform_copy: (f) => {
           const copy_button = f.querySelector(
-            'div.qwen-chat-package-comp-new-action-control-container-copy'
+            'button:first-child'
           ) as HTMLElement
           if (!copy_button) {
             report_initialization_error({
@@ -168,8 +127,8 @@ export const qwen: Chatbot = {
           }
           copy_button.click()
         },
-        insert_button: (f, b) => f.insertBefore(b, f.children[0]),
-        customize_button: (b) => (b.style.order = '7')
+        insert_button: (f, b) =>
+          f.insertBefore(b, f.children[f.children.length])
       })
     }
 

apps/browser/src/content-scripts/send-prompt-content-script/chatbots/yuanbao.ts

@@ -9,7 +9,7 @@ export const yuanbao: Chatbot = {
   wait_until_ready: async () => {
     await new Promise((resolve) => {
       const check_for_element = () => {
-        if (document.querySelector('.input-guide-v2')) {
+        if (document.querySelector('div[contenteditable="true"]')) {
           resolve(null)
         } else {
           setTimeout(check_for_element, 100)
@@ -41,18 +41,34 @@ export const yuanbao: Chatbot = {
         client_id: params.client_id,
         raw_instructions: params.raw_instructions,
         footer,
-        perform_copy: (f) => {
-          const copy_button = f.querySelector(
-            '.agent-chat__toolbar__copy'
+        perform_copy: async (f) => {
+          const copy_dropdown_arrow = f.querySelector(
+            'div[class*="ToolbarCopy_arrowIconWrap"]'
           ) as HTMLElement
-          if (!copy_button) {
+          if (!copy_dropdown_arrow) {
             report_initialization_error({
               function_name: 'yuanbao.perform_copy',
-              log_message: 'Copy button not found'
+              log_message: 'Copy dropdown arrow not found'
             })
             return
           }
-          copy_button.click()
+          copy_dropdown_arrow.click()
+
+          await new Promise((resolve) => setTimeout(resolve, 100))
+
+          const dropdown_items = document.querySelectorAll(
+            '.t-popup__content[class*="ToolbarCopy_dropdown-menu"] .t-dropdown__item'
+          )
+          const copy_markdown_option = dropdown_items[1] as HTMLElement
+
+          if (!copy_markdown_option) {
+            report_initialization_error({
+              function_name: 'yuanbao.perform_copy',
+              log_message: 'Copy as markdown option not found'
+            })
+            return
+          }
+          copy_markdown_option.click()
         },
         insert_button: (f, b) => f.insertBefore(b, f.children[6])
       })

apps/browser/src/content-scripts/send-prompt-content-script/chatbots/z-ai.ts

@@ -18,28 +18,6 @@ export const z_ai: Chatbot = {
       check_for_element()
     })
   },
-  set_options: async (chat) => {
-    const options = chat.options
-
-    const deep_think_button = document.querySelector(
-      'button[data-autothink]'
-    ) as HTMLButtonElement
-    if (!deep_think_button) {
-      report_initialization_error({
-        function_name: 'z_ai.set_options',
-        log_message: 'Auto think button not found'
-      })
-      return
-    }
-
-    const should_be_on = options?.includes('deep-think') || false
-    const is_on = deep_think_button.getAttribute('data-autothink') == 'true'
-
-    if (should_be_on != is_on) {
-      deep_think_button.click()
-      await new Promise((r) => requestAnimationFrame(r))
-    }
-  },
   enter_message: async (params) => {
     const input_element = document.querySelector(
       'textarea'
@@ -80,7 +58,8 @@ export const z_ai: Chatbot = {
       chatbot_name: 'Z.AI',
       is_generating: () =>
         !document.querySelector('button[id="send-message-button"]'),
-      footer_selector: '.chat-assistant + div',
+      footer_selector:
+        'div[id="messages-container"] > div > div > div > div > div:last-child > div > div:last-child > div > div:last-child',
       add_buttons: params.inject_button ? add_buttons : undefined
     })
   }

apps/browser/src/manifest.json

@@ -43,7 +43,7 @@
         "https://openrouter.ai/chat*",
         "https://chat.qwen.ai/*",
         "https://chat.together.ai/",
-        "https://yuanbao.tencent.com/chat*",
+        "https://yuanbao.tencent.com/*",
         "https://chat.z.ai/",
         "http://localhost/"
       ],

packages/shared/src/constants/chatbots.ts

@@ -168,10 +168,13 @@ export const CHATBOTS = {
     url: 'https://chat.qwen.ai/',
     supports_url_override: true,
     url_override_label: 'Project URL',
+    url_override_disabled_options: ['temporary'],
     supported_options: {
-      thinking: 'Thinking',
-      search: 'Search',
       temporary: 'Temporary'
+    },
+    models: {
+      fast: { label: 'Fast' },
+      thinking: { label: 'Thinking' }
     }
   } as Chatbot,
   Together: {
@@ -181,9 +184,6 @@ export const CHATBOTS = {
     url: 'https://yuanbao.tencent.com/chat'
   } as Chatbot,
   Z: {
-    url: 'https://chat.z.ai/',
-    supported_options: {
-      'deep-think': 'Deep Think'
-    }
+    url: 'https://chat.z.ai/'
   } as Chatbot
 }