Move Claude's message input and send logic to its dedicated chatbot implementation

Author: robertpiosik

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

@@ -52,6 +52,28 @@ export const claude: Chatbot = {
     }
     await new Promise((r) => requestAnimationFrame(r))
   },
+  enter_message_and_send: async (message: string) => {
+    const input_element = document.querySelector(
+      'div[contenteditable=true]'
+    ) as HTMLElement
+
+    if (input_element) {
+      input_element.innerText = message
+      input_element.dispatchEvent(new Event('input', { bubbles: true }))
+      input_element.dispatchEvent(new Event('change', { bubbles: true }))
+      await new Promise((r) => setTimeout(r, 500))
+      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) {
+        submit_button.click()
+      }
+    }
+  },
   inject_apply_response_button: (client_id: number) => {
     const add_buttons = (params: { footer: Element }) => {
       // Check if buttons already exist by text content to avoid duplicates

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

@@ -27,22 +27,17 @@ export const kimi: Chatbot = {
   },
   enter_message_and_send: async (message: string) => {
     const input_element = document.querySelector(
-      '.chat-input-editor[data-lexical-editor="true"]'
+      'div[contenteditable=true]'
     ) as HTMLElement
 
-    if (!input_element) {
-      throw new Error('Kimi input element not found')
-    }
-
-    // Focus the element first
-    input_element.focus()
-
-    // Insert the new text using execCommand which works better with Lexical
-    document.execCommand('insertText', false, message)
-
-    // Dispatch input event to trigger Lexical's change detection
-    input_element.dispatchEvent(new Event('input', { bubbles: true }))
-    input_element.dispatchEvent(new Event('change', { bubbles: true }))
+    input_element.dispatchEvent(
+      new InputEvent('input', {
+        bubbles: true,
+        cancelable: true,
+        inputType: 'insertText',
+        data: message
+      })
+    )
 
     new Promise<void>((resolve) => {
       const check_button_state = () => {

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

@@ -119,7 +119,6 @@ export const get_textarea_element = () => {
     [gemini_url]: 'div[contenteditable="true"]',
     [openrouter_url]: 'textarea',
     [chatgpt_url]: 'div#prompt-textarea',
-    [claude_url]: 'div[contenteditable=true]',
     [deepseek_url]: 'textarea',
     [mistral_url]: 'div[contenteditable="true"]',
     [yuanbao_url]: 'div[contenteditable="true"]',
@@ -153,17 +152,7 @@ const enter_message_and_send = async (params: {
     params.input_element.dispatchEvent(new Event('change', { bubbles: true }))
     await new Promise((r) => requestAnimationFrame(r))
     const form = params.input_element.closest('form')
-    if (is_claude) {
-      await new Promise((r) => setTimeout(r, 500))
-      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
-      submit_button.click()
-    } else if (form) {
+    if (form) {
       form.requestSubmit()
     } else {
       const enter_event = new KeyboardEvent('keydown', {