Remove the "without_submission" parameter and related functionality from chat initialization across all components

Author: robertpiosik

packages/browser/src/background/message-handler.ts

@@ -81,7 +81,6 @@ const process_next_chat = async () => {
         options: current_chat_message.options
       },
       client_id: current_chat_message.client_id,
-      without_submission: current_chat_message.without_submission,
       raw_instructions: current_chat_message.raw_instructions,
       mode: current_chat_message.mode
     }

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/ai-studio.ts

@@ -345,13 +345,13 @@ export const ai_studio: Chatbot = {
     top_p_element.value = top_p.toString()
     top_p_element.dispatchEvent(new Event('change', { bubbles: true }))
   },
-  enter_message_and_send: async (params) => {
+  enter_message: async (params) => {
     const input_element = document.querySelector(
       'textarea[formcontrolname="promptText"]'
     ) as HTMLTextAreaElement
     if (!input_element) {
       report_initialization_error({
-        function_name: 'enter_message_and_send',
+        function_name: 'enter_message',
         log_message: 'Message input textarea not found'
       })
       return
@@ -376,20 +376,6 @@ export const ai_studio: Chatbot = {
     })
 
     await close_panel()
-
-    if (params.without_submission) return
-
-    const send_button = document.querySelector(
-      'ms-run-button > button'
-    ) as HTMLElement
-    if (!send_button) {
-      report_initialization_error({
-        function_name: 'enter_message_and_send',
-        log_message: 'Send button not found'
-      })
-      return
-    }
-    send_button.click()
   },
   inject_apply_response_button: (
     client_id: number,

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/chatgpt.ts

@@ -116,6 +116,21 @@ export const chatgpt: Chatbot = {
       }
     }
   },
+  enter_message: async (params) => {
+    const input_element = document.querySelector(
+      'div#prompt-textarea'
+    ) as HTMLTextAreaElement
+    if (!input_element) {
+      report_initialization_error({
+        function_name: 'enter_message',
+        log_message: 'Message input textarea not found for ChatGPT'
+      })
+      return
+    }
+    input_element.innerText = params.message
+    input_element.dispatchEvent(new Event('input', { bubbles: true }))
+    input_element.dispatchEvent(new Event('change', { bubbles: true }))
+  },
   inject_apply_response_button: (
     client_id: number,
     raw_instructions?: string,

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/claude.ts

@@ -10,7 +10,13 @@ export const claude: Chatbot = {
   wait_until_ready: async () => {
     await new Promise((resolve) => {
       const check_for_element = () => {
-        if (document.querySelector('body[style="pointer-events: auto;"]')) {
+        if (
+          (
+            document.querySelector(
+              'main > div > div:last-child'
+            ) as HTMLDivElement
+          ).textContent
+        ) {
           resolve(null)
         } else {
           setTimeout(check_for_element, 100)
@@ -105,14 +111,14 @@ export const claude: Chatbot = {
       }
     }
   },
-  enter_message_and_send: async (params) => {
+  enter_message: async (params) => {
     const input_element = document.querySelector(
       'div[contenteditable=true]'
     ) as HTMLElement
 
     if (!input_element) {
       report_initialization_error({
-        function_name: 'enter_message_and_send',
+        function_name: 'enter_message',
         log_message: 'Message input not found'
       })
       return
@@ -121,25 +127,6 @@ export const claude: Chatbot = {
     input_element.innerText = params.message
     input_element.dispatchEvent(new Event('input', { bubbles: true }))
     input_element.dispatchEvent(new Event('change', { bubbles: true }))
-    await new Promise((r) => setTimeout(r, 500))
-
-    if (params.without_submission) return
-
-    const submit_button = Array.from(
-      document.querySelectorAll('fieldset button')
-    ).find((button) =>
-      button.querySelector(
-        'path[d="M208.49,120.49a12,12,0,0,1-17,0L140,69V216a12,12,0,0,1-24,0V69L64.49,120.49a12,12,0,0,1-17-17l72-72a12,12,0,0,1,17,0l72,72A12,12,0,0,1,208.49,120.49Z"]'
-      )
-    ) as HTMLButtonElement
-    if (!submit_button) {
-      report_initialization_error({
-        function_name: 'enter_message_and_send',
-        log_message: 'Submit button not found'
-      })
-      return
-    }
-    submit_button.click()
   },
   inject_apply_response_button: (
     client_id: number,

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/copilot.ts

@@ -19,97 +19,20 @@ export const copilot: Chatbot = {
       check_for_element()
     })
   },
-  set_model: async (chat) => {
-    const model = chat.model
-    if (!model) return
-
-    const model_selector_button = document.querySelector(
-      'button[data-testid="composer-chat-mode-smart-button"]'
-    ) as HTMLButtonElement
-    if (!model_selector_button) {
-      report_initialization_error({
-        function_name: 'set_model',
-        log_message: 'Model selector button not found'
-      })
-      return
-    }
-
-    const model_label_to_find = CHATBOTS['Copilot'].models?.[model]?.label
-    if (!model_label_to_find) return
-
-    // The current model text is inside the button
-    if (model_selector_button.textContent?.includes(model_label_to_find)) {
-      return
-    }
-
-    model_selector_button.click()
-    await new Promise((r) => requestAnimationFrame(r))
-
-    const options_container = document.querySelector('div[id="popoverPortal"]')
-    if (!options_container) {
-      report_initialization_error({
-        function_name: 'set_model',
-        log_message: 'Model options container not found'
-      })
-      // click again to close
-      model_selector_button.click()
-      return
-    }
-
-    const options = options_container.querySelectorAll(
-      'button[role="menuitem"]'
-    )
-
-    let found = false
-    for (const option of Array.from(options)) {
-      if (option.textContent?.includes(model_label_to_find)) {
-        ;(option as HTMLElement).click()
-        found = true
-        break
-      }
-    }
-
-    if (!found) {
-      report_initialization_error({
-        function_name: 'set_model',
-        log_message: `Model option "${model_label_to_find}" not found`
-      })
-      // click again to close dropdown
-      model_selector_button.click()
-    }
-
-    await new Promise((r) => requestAnimationFrame(r))
-  },
-  enter_message_and_send: async (params) => {
+  enter_message: async (params) => {
     const input_element = document.querySelector(
       'textarea'
     ) as HTMLTextAreaElement
     if (!input_element) {
       report_initialization_error({
-        function_name: 'enter_message_and_send',
+        function_name: 'enter_message',
         log_message: 'Message input textarea not found for Copilot'
       })
       return
     }
     input_element.value = params.message
     input_element.dispatchEvent(new Event('input', { bubbles: true }))
     input_element.dispatchEvent(new Event('change', { bubbles: true }))
-    await new Promise((r) => requestAnimationFrame(r))
-
-    if (params.without_submission) return
-
-    const send_button = document.querySelector(
-      'button[data-testid="submit-button"]'
-    ) as HTMLElement
-
-    if (!send_button || send_button.hasAttribute('disabled')) {
-      report_initialization_error({
-        function_name: 'enter_message_and_send',
-        log_message: 'Send button not found or disabled for Copilot'
-      })
-      return
-    }
-    send_button.click()
   },
   inject_apply_response_button: (
     client_id: number,

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/deepseek.ts

@@ -9,11 +9,11 @@ import { report_initialization_error } from '../utils/report-initialization-erro
 export const deepseek: Chatbot = {
   set_options: async (chat) => {
     const deep_think_button = Array.from(
-      document.querySelectorAll('button')
+      document.querySelectorAll('div[role="button"]')
     ).find(
       (button) =>
         button.textContent == 'DeepThink' || button.textContent == '深度思考'
-    )
+    ) as HTMLButtonElement
     if (!deep_think_button) {
       report_initialization_error({
         function_name: 'set_options',
@@ -22,10 +22,12 @@ export const deepseek: Chatbot = {
       return
     }
 
-    const search_button = Array.from(document.querySelectorAll('button')).find(
+    const search_button = Array.from(
+      document.querySelectorAll('div[role="button"]')
+    ).find(
       (button) =>
         button.textContent == 'Search' || button.textContent == '联网搜索'
-    )
+    ) as HTMLButtonElement
     if (!search_button) {
       report_initialization_error({
         function_name: 'set_options',
@@ -66,6 +68,21 @@ export const deepseek: Chatbot = {
     }
     await new Promise((r) => requestAnimationFrame(r))
   },
+  enter_message: async (params) => {
+    const input_element = document.querySelector(
+      'textarea'
+    ) as HTMLTextAreaElement
+    if (!input_element) {
+      report_initialization_error({
+        function_name: 'deepseek.enter_message',
+        log_message: 'Message input textarea not found'
+      })
+      return
+    }
+    input_element.value = params.message
+    input_element.dispatchEvent(new Event('input', { bubbles: true }))
+    input_element.dispatchEvent(new Event('change', { bubbles: true }))
+  },
   inject_apply_response_button: (
     client_id: number,
     raw_instructions?: string,

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/doubao.ts

@@ -100,6 +100,21 @@ export const doubao: Chatbot = {
       }
     }
   },
+  enter_message: async (params) => {
+    const input_element = document.querySelector(
+      'textarea'
+    ) as HTMLTextAreaElement
+    if (!input_element) {
+      report_initialization_error({
+        function_name: 'doubao.enter_message',
+        log_message: 'Message input textarea not found'
+      })
+      return
+    }
+    input_element.value = params.message
+    input_element.dispatchEvent(new Event('input', { bubbles: true }))
+    input_element.dispatchEvent(new Event('change', { bubbles: true }))
+  },
   inject_apply_response_button: (
     client_id: number,
     raw_instructions?: string,

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/gemini.ts

@@ -134,6 +134,22 @@ export const gemini: Chatbot = {
       }
     }
   },
+  enter_message: async (params) => {
+    const input_element = document.querySelector(
+      'div[contenteditable="true"]'
+    ) as HTMLElement
+    if (!input_element) {
+      report_initialization_error({
+        function_name: 'gemini.enter_message',
+        log_message: 'Message input not found'
+      })
+      return
+    }
+
+    input_element.innerText = params.message
+    input_element.dispatchEvent(new Event('input', { bubbles: true }))
+    input_element.dispatchEvent(new Event('change', { bubbles: true }))
+  },
   inject_apply_response_button: (
     client_id: number,
     raw_instructions?: string,

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/github-copilot.ts

@@ -81,33 +81,21 @@ export const github_copilot: Chatbot = {
 
     await new Promise((r) => requestAnimationFrame(r))
   },
-  enter_message_and_send: async (params) => {
+  enter_message: async (params) => {
     const input_element = document.querySelector(
       'textarea'
     ) as HTMLTextAreaElement
     if (!input_element) {
       report_initialization_error({
-        function_name: 'enter_message_and_send',
+        function_name: 'enter_message',
         log_message: 'Message input textarea not found for GitHub Copilot'
       })
       return
     }
     input_element.value = params.message
     input_element.dispatchEvent(new Event('input', { bubbles: true }))
     input_element.dispatchEvent(new Event('change', { bubbles: true }))
-    await new Promise((r) => requestAnimationFrame(r))
-
-    if (params.without_submission) return
-
-    const enter_event = new KeyboardEvent('keydown', {
-      key: 'Enter',
-      code: 'Enter',
-      keyCode: 13,
-      which: 13,
-      bubbles: true,
-      cancelable: true
-    })
-    input_element.dispatchEvent(enter_event)
+    input_element.focus()
   },
   inject_apply_response_button: (
     client_id: number,

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/grok.ts

@@ -88,7 +88,24 @@ export const grok: Chatbot = {
         break
       }
     }
-    await new Promise((r) => requestAnimationFrame(r))
+    await new Promise((r) => setTimeout(r, 250))
+  },
+  enter_message: async (params) => {
+    const input_element = document.querySelector(
+      'div[contenteditable="true"]'
+    ) as HTMLElement
+    if (!input_element) {
+      report_initialization_error({
+        function_name: 'grok.enter_message',
+        log_message: 'Message input not found'
+      })
+      return
+    }
+
+    input_element.textContent = params.message
+    input_element.dispatchEvent(new Event('input', { bubbles: true }))
+    input_element.dispatchEvent(new Event('change', { bubbles: true }))
+    input_element.focus()
   },
   inject_apply_response_button: (
     client_id: number,