diff --git a/.DS_Store b/.DS_Store
deleted file mode 100644
index 6eeb8f7..0000000
Binary files a/.DS_Store and /dev/null differ
diff --git a/ChatMultiAI-extension.zip b/ChatMultiAI-extension.zip
new file mode 100644
index 0000000..fec8b7a
Binary files /dev/null and b/ChatMultiAI-extension.zip differ
diff --git a/README.md b/README.md
index 14e2bc8..6b11583 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,31 @@
 # ChatMultiAI
 Send prompts to multiple AI assistants at once
 
- [Chrome web store - ChatMultiAI](https://chromewebstore.google.com/detail/chatmultiai/jlmpfilkbghnodgcgdbkhebbllanpfbf?authuser=0&hl=en)
+## Install (Manual, from GitHub)
+1. Download the latest release ZIP from GitHub Releases: https://github.com/inspiretelapps/ChatMultiAI/releases
+2. Unzip the file.
+3. Open `chrome://extensions`.
+4. Enable **Developer mode** and click **Load unpacked**.
+5. Select the unzipped folder.
 
-![Screenshot 2025-04-01 at 16.20.36.png](images/Screenshot%202025-04-01%20at%2016.20.36.png)
-![Screenshot 2025-04-01 at 16.21.52.png](images/Screenshot%202025-04-01%20at%2016.21.52.png)
+**Release ZIP name:** The asset is published as `ChatMultiAI-extension.zip` in each GitHub Release.
 
+## Release Checklist (ZIP)
+1. Run `scripts/release-zip.sh` to build and package the ZIP.
+2. Publish a GitHub Release and upload `ChatMultiAI-extension.zip`.
+
+## Recent Changes
+
+### Fork Updates (inspiretelapps)
+
+- **Fixed Grok integration**: Implemented a main-world script approach to properly handle Grok's React-based input. Uses contenteditable element detection and clipboard paste simulation for reliable prompt filling.
+- **Removed model chooser**: Simplified the interface by removing the model selection dropdown - the extension now works with the default model on each AI platform.
+- **Updated chat window styling**: Changed the background of the chat window for a cleaner look.
+- **Removed DeepSeek support**: Focused on the four main AI providers (ChatGPT, Claude, Gemini, Grok).
+
+## Supported AI Providers
+
+- ChatGPT
+- Claude
+- Gemini
+- Grok
diff --git a/chat-multi-ai/assets/automation.svg b/chat-multi-ai/assets/automation.svg
new file mode 100644
index 0000000..cd33e98
--- /dev/null
+++ b/chat-multi-ai/assets/automation.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="512" viewBox="0 -960 960 960" width="512" fill="#e3e3e3">
+  <path d="M296-270q-42 35-87.5 32T129-269q-34-28-46.5-73.5T99-436l75-124q-25-22-39.5-53T120-680q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47q-9 0-18-1t-17-3l-77 130q-11 18-7 35.5t17 28.5q13 11 31 12.5t35-12.5l420-361q42-35 88-31.5t80 31.5q34 28 46 73.5T861-524l-75 124q25 22 39.5 53t14.5 67q0 66-47 113t-113 47q-66 0-113-47t-47-113q0-66 47-113t113-47q9 0 17.5 1t16.5 3l78-130q11-18 7-35.5T782-630q-13-11-31-12.5T716-630L296-270Zm-16-330q33 0 56.5-23.5T360-680q0-33-23.5-56.5T280-760q-33 0-56.5 23.5T200-680q0 33 23.5 56.5T280-600Zm400 400q33 0 56.5-23.5T760-280q0-33-23.5-56.5T680-360q-33 0-56.5 23.5T600-280q0 33 23.5 56.5T680-200ZM280-680Zm400 400Z"/>
+</svg>
diff --git a/chat-multi-ai/assets/icon.png b/chat-multi-ai/assets/icon.png
index dfe0c2f..5510e3f 100644
Binary files a/chat-multi-ai/assets/icon.png and b/chat-multi-ai/assets/icon.png differ
diff --git a/chat-multi-ai/package.json b/chat-multi-ai/package.json
index faf7a11..2329374 100644
--- a/chat-multi-ai/package.json
+++ b/chat-multi-ai/package.json
@@ -44,14 +44,20 @@
   "manifest": {
     "permissions": [
       "sidePanel",
-      "tabs"
+      "tabs",
+      "scripting"
     ],
     "host_permissions": [
       "https://chatgpt.com/*",
       "https://grok.com/*",
-      "https://chat.deepseek.com/*",
       "https://claude.ai/*",
       "https://gemini.google.com/*"
+    ],
+    "web_accessible_resources": [
+      {
+        "resources": ["grok-main-world.*.js"],
+        "matches": ["https://grok.com/*"]
+      }
     ]
   }
 }
diff --git a/chat-multi-ai/src/background.ts b/chat-multi-ai/src/background.ts
index 18abb01..9ac368d 100644
--- a/chat-multi-ai/src/background.ts
+++ b/chat-multi-ai/src/background.ts
@@ -12,7 +12,6 @@ const getDomainFromUrl = (url: string): string => {
     // Extract base domain for matching
     if (hostname.includes('chatgpt.com')) return 'chatgpt.com'
     if (hostname.includes('grok.com')) return 'grok.com'
-    if (hostname.includes('chat.deepseek.com')) return 'chat.deepseek.com'
     if (hostname.includes('claude.ai')) return 'claude.ai'
     if (hostname.includes('gemini.google.com')) return 'gemini.google.com'
     return hostname
diff --git a/chat-multi-ai/src/components/ui/textarea.tsx b/chat-multi-ai/src/components/ui/textarea.tsx
index e56b0af..76c8c6a 100644
--- a/chat-multi-ai/src/components/ui/textarea.tsx
+++ b/chat-multi-ai/src/components/ui/textarea.tsx
@@ -9,7 +9,7 @@ const Textarea = React.forwardRef<
   return (
     <textarea
       className={cn(
-        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         className
       )}
       ref={ref}
diff --git a/chat-multi-ai/src/contents/ai-provider-content.ts b/chat-multi-ai/src/contents/ai-provider-content.ts
index 60635b3..feb148c 100644
--- a/chat-multi-ai/src/contents/ai-provider-content.ts
+++ b/chat-multi-ai/src/contents/ai-provider-content.ts
@@ -6,7 +6,6 @@ export const config: PlasmoCSConfig = {
   matches: [
     "https://chatgpt.com/*",
     "https://grok.com/*",
-    "https://chat.deepseek.com/*",
     "https://claude.ai/*",
     "https://gemini.google.com/*"
   ],
@@ -16,6 +15,29 @@ export const config: PlasmoCSConfig = {
 
 // Track if we've already processed this page
 let processed = false
+const GROK_MESSAGE_SOURCE = "chatmultiai"
+const GROK_FILL_MESSAGE = "GROK_FILL_PROMPT"
+const GROK_SENT_MESSAGE = "GROK_PROMPT_SENT"
+
+const isGrokPage = window.location.hostname.includes("grok.com")
+
+// Set up message listener for Grok
+// The grok-main-world.ts is automatically injected by Plasmo with world: "MAIN"
+if (isGrokPage) {
+  // Listen for messages from the main-world script
+  window.addEventListener("message", (event) => {
+    if (event.source !== window) return
+    const data = event.data
+    if (!data || data.source !== GROK_MESSAGE_SOURCE) return
+    if (data.type === GROK_SENT_MESSAGE) {
+      chrome.runtime.sendMessage({ type: "PROMPT_SENT" }).catch((err) => {
+        console.log("Failed to notify background script that prompt was sent:", err)
+      })
+    }
+  })
+
+  console.log("ChatMultiAI: Grok content script loaded, main-world script is handled by Plasmo")
+}
 
 // Wait for the DOM to be fully loaded and interactive
 function waitForPageLoad() {
@@ -116,28 +138,17 @@ async function fillInputBox(prompt: string, autoSend: boolean = false, isFollowU
       }
     } 
     else if (domain.includes("grok.com")) {
-      // Grok input selector
-      const textarea = await waitForElement("textarea.w-full.bg-transparent.focus\\:outline-none.text-primary")
-      if (textarea instanceof HTMLTextAreaElement) {
-        textarea.value = prompt
-        textarea.style.height = "auto" // Reset height
-        textarea.dispatchEvent(new Event("input", { bubbles: true }))
-        // Trigger resize if needed
-        textarea.dispatchEvent(new Event("change", { bubbles: true }))
-        console.log("ChatMultiAI: Successfully filled Grok input")
-        
-        // Auto-submit only if autoSend is true
-        if (autoSend) {
-          const sendButton = await waitForElement("button[type='submit']")
-          if (sendButton instanceof HTMLButtonElement && !sendButton.disabled) {
-            sendButton.click()
-            console.log("ChatMultiAI: Auto-sent prompt to Grok")
-            promptWasSent = true
-          } else {
-            console.log("ChatMultiAI: Could not find or click send button for Grok")
-          }
-        }
-      }
+      // Grok requires main-world execution to update React state reliably.
+      console.log("ChatMultiAI: Posting Grok prompt to main world")
+      window.postMessage(
+        {
+          source: GROK_MESSAGE_SOURCE,
+          type: GROK_FILL_MESSAGE,
+          prompt,
+          autoSend
+        },
+        "*"
+      )
     }
     else if (domain.includes("gemini.google.com")) {
       // Gemini input selector
@@ -170,47 +181,33 @@ async function fillInputBox(prompt: string, autoSend: boolean = false, isFollowU
         }
       }
     }
-    else if (domain.includes("chat.deepseek.com")) {
-      // DeepSeek input selector
-      const textarea = await waitForElement("textarea#chat-input")
-      if (textarea instanceof HTMLTextAreaElement) {
-        textarea.value = prompt
-        textarea.dispatchEvent(new Event("input", { bubbles: true }))
-        console.log("ChatMultiAI: Successfully filled DeepSeek input")
-        
-        // Auto-submit only if autoSend is true
-        if (autoSend) {
-          const sendButton = await waitForElement("div[role='button'][aria-disabled='false']")
-          if (sendButton instanceof HTMLElement) {
-            sendButton.click()
-            console.log("ChatMultiAI: Auto-sent prompt to DeepSeek")
-            promptWasSent = true
-          } else {
-            console.log("ChatMultiAI: Could not find or click send button for DeepSeek")
-          }
-        }
-      }
-    }
     else if (domain.includes("claude.ai")) {
-      // Claude input selector
-      const contentEditableDiv = await waitForElement("div.ProseMirror[contenteditable='true']")
+      // Claude uses ProseMirror editor
+      const contentEditableDiv = await waitForElement("div.ProseMirror[contenteditable='true']") as HTMLElement
       if (contentEditableDiv) {
-        // Clear existing content
-        contentEditableDiv.innerHTML = ""
-        
-        // Create a paragraph element
-        const paragraph = document.createElement("p")
-        paragraph.textContent = prompt
-        
-        // Append the paragraph to the contenteditable div
-        contentEditableDiv.appendChild(paragraph)
-        
-        // Trigger input event
-        contentEditableDiv.dispatchEvent(new Event("input", { bubbles: true }))
+        // Focus the editor first
+        contentEditableDiv.focus()
+
+        // Wait a moment for focus to take effect
+        await new Promise(resolve => setTimeout(resolve, 50))
+
+        // Use execCommand to select all and replace - this properly updates ProseMirror state
+        // execCommand is the most reliable way to update contenteditable editors
+        document.execCommand('selectAll', false, undefined)
+        document.execCommand('insertText', false, prompt)
+
+        // Dispatch input event to notify any listeners
+        contentEditableDiv.dispatchEvent(new InputEvent('input', {
+          bubbles: true,
+          inputType: 'insertText',
+          data: prompt
+        }))
+
         console.log("ChatMultiAI: Successfully filled Claude input")
-        
+
         // Auto-submit only if autoSend is true
         if (autoSend) {
+          await new Promise(resolve => setTimeout(resolve, 100))
           const sendButton = await waitForElement("button[type='button'][aria-label='Send Message']")
           if (sendButton instanceof HTMLButtonElement) {
             sendButton.click()
@@ -263,4 +260,4 @@ async function main() {
   })
 }
 
-main() 
\ No newline at end of file
+main() 
diff --git a/chat-multi-ai/src/contents/grok-main-world.ts b/chat-multi-ai/src/contents/grok-main-world.ts
new file mode 100644
index 0000000..8f75dff
--- /dev/null
+++ b/chat-multi-ai/src/contents/grok-main-world.ts
@@ -0,0 +1,598 @@
+import type { PlasmoCSConfig } from "plasmo"
+
+export const config: PlasmoCSConfig = {
+  matches: ["https://grok.com/*"],
+  run_at: "document_end",
+  world: "MAIN"
+}
+
+const MESSAGE_SOURCE = "chatmultiai"
+const FILL_MESSAGE = "GROK_FILL_PROMPT"
+const SENT_MESSAGE = "GROK_PROMPT_SENT"
+
+// Log that the script is loaded
+console.log("ChatMultiAI: Grok main-world script loaded at", new Date().toISOString())
+
+const sleep = (ms: number) => new Promise<void>((resolve) => setTimeout(resolve, ms))
+
+// Type for input elements - can be textarea OR contenteditable div
+type InputElement = HTMLTextAreaElement | HTMLElement
+
+const isVisible = (element: HTMLElement): boolean => {
+  const style = window.getComputedStyle(element)
+  const rect = element.getBoundingClientRect()
+  return style.display !== "none" && style.visibility !== "hidden" && rect.width > 0 && rect.height > 0
+}
+
+const findVisibleTextarea = (): HTMLTextAreaElement | null => {
+  const textareas = Array.from(document.querySelectorAll("textarea"))
+  for (const textarea of textareas) {
+    if (isVisible(textarea)) {
+      return textarea
+    }
+  }
+  return null
+}
+
+// Find contenteditable elements (Grok might use this instead of textarea)
+const findVisibleContentEditable = (): HTMLElement | null => {
+  // Try various selectors that Grok might use
+  const selectors = [
+    'div[contenteditable="true"]',
+    '[contenteditable="true"]',
+    'div[role="textbox"]',
+    '[role="textbox"]',
+    'div.ProseMirror',  // ProseMirror editor
+    'div[data-placeholder]',  // Common pattern for editable divs
+  ]
+
+  for (const selector of selectors) {
+    const elements = document.querySelectorAll(selector)
+    for (const element of elements) {
+      if (element instanceof HTMLElement && isVisible(element)) {
+        console.log("ChatMultiAI: Found contenteditable with selector:", selector)
+        return element
+      }
+    }
+  }
+  return null
+}
+
+// Find any input element (textarea or contenteditable)
+const findVisibleInput = (): InputElement | null => {
+  // First try textarea
+  const textarea = findVisibleTextarea()
+  if (textarea) {
+    console.log("ChatMultiAI: Found textarea element")
+    return textarea
+  }
+
+  // Then try contenteditable
+  const contentEditable = findVisibleContentEditable()
+  if (contentEditable) {
+    console.log("ChatMultiAI: Found contenteditable element")
+    return contentEditable
+  }
+
+  return null
+}
+
+const waitForVisibleInput = (timeout = 15000): Promise<InputElement | null> => {
+  return new Promise((resolve) => {
+    const existing = findVisibleInput()
+    if (existing) return resolve(existing)
+
+    const observer = new MutationObserver(() => {
+      const found = findVisibleInput()
+      if (found) {
+        observer.disconnect()
+        resolve(found)
+      }
+    })
+
+    observer.observe(document.body, { childList: true, subtree: true })
+
+    setTimeout(() => {
+      observer.disconnect()
+      resolve(null)
+    }, timeout)
+  })
+}
+
+// Keep old function for backwards compatibility
+const waitForVisibleTextarea = (timeout = 15000): Promise<HTMLTextAreaElement | null> => {
+  return waitForVisibleInput(timeout) as Promise<HTMLTextAreaElement | null>
+}
+
+const setNativeValue = (element: HTMLTextAreaElement, value: string) => {
+  // Get the value setter from the element itself (may be overridden by React)
+  const elementDescriptor = Object.getOwnPropertyDescriptor(element, "value")
+  const elementSetter = elementDescriptor?.set
+
+  // Get the original prototype setter (from HTMLTextAreaElement.prototype)
+  const prototype = Object.getPrototypeOf(element)
+  const prototypeDescriptor = Object.getOwnPropertyDescriptor(prototype, "value")
+  const prototypeSetter = prototypeDescriptor?.set
+
+  // Key insight from React issue #10135:
+  // When React has overridden the setter (elementSetter !== prototypeSetter),
+  // we must use the PROTOTYPE setter to bypass React's tracking
+  if (elementSetter && prototypeSetter && elementSetter !== prototypeSetter) {
+    prototypeSetter.call(element, value)
+  } else if (prototypeSetter) {
+    prototypeSetter.call(element, value)
+  } else if (elementSetter) {
+    elementSetter.call(element, value)
+  } else {
+    element.value = value
+  }
+}
+
+const dispatchInputEvents = (element: HTMLTextAreaElement, value: string) => {
+  // Dispatch focus event first
+  element.dispatchEvent(new FocusEvent("focus", { bubbles: true }))
+  element.dispatchEvent(new FocusEvent("focusin", { bubbles: true }))
+
+  // Dispatch keydown to simulate key press
+  element.dispatchEvent(new KeyboardEvent("keydown", { bubbles: true, key: "a", code: "KeyA" }))
+
+  try {
+    const beforeInput = new InputEvent("beforeinput", {
+      bubbles: true,
+      cancelable: true,
+      inputType: "insertText",
+      data: value,
+      composed: true
+    })
+    element.dispatchEvent(beforeInput)
+  } catch {
+    // Ignore if InputEvent is not supported
+  }
+
+  try {
+    const input = new InputEvent("input", {
+      bubbles: true,
+      cancelable: true,
+      inputType: "insertText",
+      data: value,
+      composed: true
+    })
+    element.dispatchEvent(input)
+  } catch {
+    element.dispatchEvent(new Event("input", { bubbles: true }))
+  }
+
+  // Dispatch keyup after input
+  element.dispatchEvent(new KeyboardEvent("keyup", { bubbles: true, key: "a", code: "KeyA" }))
+
+  element.dispatchEvent(new Event("change", { bubbles: true }))
+
+  // Dispatch compositionend to signal end of text input (some React apps need this)
+  try {
+    element.dispatchEvent(new CompositionEvent("compositionend", { bubbles: true, data: value }))
+  } catch {
+    // Ignore if not supported
+  }
+}
+
+const findSubmitButton = (): HTMLButtonElement | null => {
+  // Try multiple selectors for the submit button
+  const selectors = [
+    'button[type="submit"]:not([disabled])',
+    'button[aria-label*="send" i]:not([disabled])',
+    'button[aria-label*="submit" i]:not([disabled])',
+    'button svg[class*="send" i]',
+    'form button:not([disabled])',
+    // Look for buttons with send icons or specific class names
+    'button[class*="send" i]:not([disabled])',
+    // Grok-specific: look for button near textarea
+    'div[class*="input"] button:not([disabled])',
+  ]
+
+  for (const selector of selectors) {
+    const button = document.querySelector(selector)
+    if (button) {
+      // If we found an SVG, get its parent button
+      if (button.tagName === 'svg') {
+        const parentButton = button.closest('button')
+        if (parentButton && !parentButton.disabled) {
+          return parentButton as HTMLButtonElement
+        }
+      } else if (button instanceof HTMLButtonElement) {
+        return button
+      }
+    }
+  }
+
+  // Fallback: find any enabled button in the form area
+  const textareas = document.querySelectorAll('textarea')
+  for (const textarea of textareas) {
+    const form = textarea.closest('form')
+    if (form) {
+      const buttons = form.querySelectorAll('button:not([disabled])')
+      for (const btn of buttons) {
+        if (btn instanceof HTMLButtonElement) {
+          return btn
+        }
+      }
+    }
+  }
+
+  return null
+}
+
+// Find React's onChange handler by traversing the fiber tree
+const findReactOnChange = (element: HTMLElement): ((event: any) => void) | null => {
+  // Find React's internal fiber key
+  const reactFiberKey = Object.keys(element).find(
+    key => key.startsWith('__reactFiber$') || key.startsWith('__reactInternalInstance$')
+  )
+
+  if (!reactFiberKey) {
+    console.log("ChatMultiAI: No React fiber found on element")
+    return null
+  }
+
+  let fiber = (element as any)[reactFiberKey]
+
+  // Traverse up the fiber tree to find a component with onChange
+  while (fiber) {
+    const props = fiber.memoizedProps || fiber.pendingProps
+    if (props?.onChange && typeof props.onChange === 'function') {
+      console.log("ChatMultiAI: Found React onChange handler")
+      return props.onChange
+    }
+    fiber = fiber.return
+  }
+
+  console.log("ChatMultiAI: No onChange handler found in fiber tree")
+  return null
+}
+
+// Create a synthetic React-like event
+const createSyntheticEvent = (element: HTMLTextAreaElement, value: string) => {
+  return {
+    target: { value },
+    currentTarget: { value },
+    preventDefault: () => {},
+    stopPropagation: () => {},
+    persist: () => {},
+    nativeEvent: new Event('change'),
+    type: 'change',
+    bubbles: true
+  }
+}
+
+// Simulate clipboard paste - often works better with React apps
+const simulateClipboardPaste = async (element: HTMLElement, text: string): Promise<boolean> => {
+  try {
+    element.focus()
+    await sleep(50)
+
+    // Create a paste event with the text data
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/plain', text)
+
+    const pasteEvent = new ClipboardEvent('paste', {
+      bubbles: true,
+      cancelable: true,
+      clipboardData: clipboardData
+    })
+
+    element.dispatchEvent(pasteEvent)
+    console.log("ChatMultiAI: Dispatched paste event")
+
+    await sleep(50)
+    return true
+  } catch (e) {
+    console.log("ChatMultiAI: Clipboard paste simulation failed:", e)
+    return false
+  }
+}
+
+// Simulate typing character by character (slow but reliable)
+const simulateTyping = async (element: HTMLElement, text: string): Promise<boolean> => {
+  try {
+    element.focus()
+    await sleep(50)
+
+    for (const char of text) {
+      // Dispatch keydown
+      element.dispatchEvent(new KeyboardEvent('keydown', {
+        key: char,
+        code: `Key${char.toUpperCase()}`,
+        bubbles: true
+      }))
+
+      // Dispatch beforeinput
+      element.dispatchEvent(new InputEvent('beforeinput', {
+        inputType: 'insertText',
+        data: char,
+        bubbles: true,
+        cancelable: true
+      }))
+
+      // Dispatch input
+      element.dispatchEvent(new InputEvent('input', {
+        inputType: 'insertText',
+        data: char,
+        bubbles: true
+      }))
+
+      // Dispatch keyup
+      element.dispatchEvent(new KeyboardEvent('keyup', {
+        key: char,
+        code: `Key${char.toUpperCase()}`,
+        bubbles: true
+      }))
+    }
+
+    console.log("ChatMultiAI: Simulated typing complete")
+    return true
+  } catch (e) {
+    console.log("ChatMultiAI: Simulated typing failed:", e)
+    return false
+  }
+}
+
+// Fill contenteditable element (like Claude's ProseMirror)
+const fillContentEditable = async (element: HTMLElement, prompt: string): Promise<boolean> => {
+  console.log("ChatMultiAI: Filling contenteditable element")
+
+  // Focus the element first
+  element.focus()
+  await sleep(50)
+
+  // METHOD 1: Use execCommand (most reliable for contenteditable)
+  try {
+    document.execCommand('selectAll', false, undefined)
+    document.execCommand('insertText', false, prompt)
+
+    // Dispatch input event
+    element.dispatchEvent(new InputEvent('input', {
+      bubbles: true,
+      inputType: 'insertText',
+      data: prompt
+    }))
+
+    console.log("ChatMultiAI: execCommand succeeded for contenteditable")
+
+    // Check if it worked
+    if (element.textContent === prompt || element.innerText.trim() === prompt) {
+      return true
+    }
+  } catch (e) {
+    console.log("ChatMultiAI: execCommand failed for contenteditable:", e)
+  }
+
+  // METHOD 2: Try clipboard paste simulation
+  await simulateClipboardPaste(element, prompt)
+  await sleep(100)
+  if (element.textContent?.includes(prompt) || element.innerText?.includes(prompt)) {
+    console.log("ChatMultiAI: Clipboard paste worked")
+    return true
+  }
+
+  // METHOD 3: Direct innerHTML/textContent manipulation
+  try {
+    // Clear and set content
+    element.innerHTML = ''
+    const p = document.createElement('p')
+    p.textContent = prompt
+    element.appendChild(p)
+
+    // Dispatch input event
+    element.dispatchEvent(new InputEvent('input', {
+      bubbles: true,
+      inputType: 'insertText',
+      data: prompt
+    }))
+
+    console.log("ChatMultiAI: Direct innerHTML manipulation")
+    return true
+  } catch (e) {
+    console.log("ChatMultiAI: Direct manipulation failed:", e)
+  }
+
+  // METHOD 4: Simple textContent
+  try {
+    element.textContent = prompt
+    element.dispatchEvent(new Event('input', { bubbles: true }))
+    console.log("ChatMultiAI: Set textContent directly")
+    return true
+  } catch (e) {
+    console.log("ChatMultiAI: textContent failed:", e)
+  }
+
+  return false
+}
+
+// Fill textarea element
+const fillTextarea = async (textarea: HTMLTextAreaElement, prompt: string): Promise<boolean> => {
+  console.log("ChatMultiAI: Filling textarea element")
+
+  // Focus and click the textarea
+  textarea.focus()
+  textarea.click()
+  await sleep(50)
+
+  // Store the previous value for _valueTracker trick
+  const previousValue = textarea.value
+
+  // PRIMARY METHOD: Native setter + _valueTracker (from React issue #10135)
+  setNativeValue(textarea, prompt)
+
+  // Use _valueTracker to trick React into detecting the change
+  const tracker = (textarea as unknown as { _valueTracker?: { setValue: (value: string) => void } })
+    ._valueTracker
+  if (tracker) {
+    tracker.setValue(previousValue)
+    console.log("ChatMultiAI: Applied _valueTracker trick")
+  }
+
+  // Dispatch the input event
+  textarea.dispatchEvent(new Event('input', { bubbles: true }))
+
+  // Wait a frame for React to process
+  await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()))
+  await sleep(50)
+
+  // Check if value was set
+  if (textarea.value === prompt) {
+    console.log("ChatMultiAI: Primary method worked")
+    return true
+  }
+
+  console.log("ChatMultiAI: Primary method didn't work, trying fallbacks")
+
+  // FALLBACK 1: Try __reactProps$ onChange
+  const reactPropsKey = Object.keys(textarea).find(key => key.startsWith('__reactProps$'))
+  if (reactPropsKey) {
+    const reactProps = (textarea as any)[reactPropsKey]
+    if (reactProps?.onChange) {
+      try {
+        reactProps.onChange({ target: { value: prompt }, currentTarget: { value: prompt } })
+        textarea.value = prompt
+        console.log("ChatMultiAI: Called __reactProps$ onChange")
+      } catch (e) {
+        console.log("ChatMultiAI: __reactProps$ onChange failed:", e)
+      }
+    }
+  }
+
+  // FALLBACK 2: Try React fiber onChange handler
+  const onChange = findReactOnChange(textarea)
+  if (onChange && textarea.value !== prompt) {
+    try {
+      const syntheticEvent = createSyntheticEvent(textarea, prompt)
+      onChange(syntheticEvent)
+      textarea.value = prompt
+      console.log("ChatMultiAI: Called React fiber onChange handler")
+    } catch (e) {
+      console.log("ChatMultiAI: React fiber onChange call failed:", e)
+    }
+  }
+
+  // FALLBACK 3: Try execCommand
+  if (textarea.value !== prompt) {
+    try {
+      textarea.focus()
+      textarea.select()
+      document.execCommand('insertText', false, prompt)
+      console.log("ChatMultiAI: Used execCommand insertText")
+    } catch (e) {
+      console.log("ChatMultiAI: execCommand failed:", e)
+    }
+  }
+
+  // FALLBACK 4: Try clipboard paste simulation
+  if (textarea.value !== prompt) {
+    await simulateClipboardPaste(textarea, prompt)
+    await sleep(100)
+  }
+
+  // Final dispatch of all input events
+  dispatchInputEvents(textarea, prompt)
+
+  // Set cursor at the end
+  try {
+    textarea.setSelectionRange(prompt.length, prompt.length)
+  } catch {
+    // Some textareas may not support selection ranges
+  }
+
+  return textarea.value === prompt
+}
+
+const fillGrokPrompt = async (prompt: string, autoSend: boolean) => {
+  console.log("ChatMultiAI: fillGrokPrompt called with prompt:", prompt.substring(0, 50) + "...", "autoSend:", autoSend)
+
+  const inputElement = await waitForVisibleInput()
+  if (!inputElement) {
+    console.log("ChatMultiAI: Grok input element not found (tried textarea and contenteditable)")
+    return
+  }
+
+  const isTextarea = inputElement instanceof HTMLTextAreaElement
+  console.log("ChatMultiAI: Found Grok input element, type:", isTextarea ? "textarea" : "contenteditable")
+
+  let success = false
+
+  if (isTextarea) {
+    success = await fillTextarea(inputElement, prompt)
+  } else {
+    success = await fillContentEditable(inputElement, prompt)
+  }
+
+  // Wait for React to fully process
+  await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()))
+  await sleep(150)
+
+  // Verify the value was set
+  const currentValue = isTextarea
+    ? (inputElement as HTMLTextAreaElement).value
+    : inputElement.textContent || inputElement.innerText || ''
+
+  console.log("ChatMultiAI: Input value after fill:", currentValue.substring(0, 50) + "...")
+  console.log("ChatMultiAI: Fill succeeded:", success)
+
+  if (!autoSend) {
+    console.log("ChatMultiAI: autoSend is false, not clicking submit")
+    return
+  }
+
+  // Wait a bit more for the button to become enabled
+  await sleep(400)
+
+  const submitButton = findSubmitButton()
+  if (submitButton) {
+    console.log("ChatMultiAI: Found submit button, clicking")
+    submitButton.click()
+    window.postMessage({ source: MESSAGE_SOURCE, type: SENT_MESSAGE }, "*")
+  } else {
+    console.log("ChatMultiAI: Grok submit button not available, trying Enter key")
+
+    // Try pressing Enter to submit
+    const enterEvent = new KeyboardEvent("keydown", {
+      bubbles: true,
+      cancelable: true,
+      key: "Enter",
+      code: "Enter",
+      keyCode: 13,
+      which: 13
+    })
+    inputElement.dispatchEvent(enterEvent)
+
+    await sleep(50)
+
+    inputElement.dispatchEvent(new KeyboardEvent("keyup", {
+      bubbles: true,
+      cancelable: true,
+      key: "Enter",
+      code: "Enter",
+      keyCode: 13,
+      which: 13
+    }))
+
+    // Also try form submission
+    const form = inputElement.closest('form')
+    if (form) {
+      form.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }))
+      console.log("ChatMultiAI: Dispatched form submit event")
+    }
+
+    window.postMessage({ source: MESSAGE_SOURCE, type: SENT_MESSAGE }, "*")
+  }
+}
+
+window.addEventListener("message", (event) => {
+  if (event.source !== window) return
+  const data = event.data
+  if (!data || data.source !== MESSAGE_SOURCE || data.type !== FILL_MESSAGE) return
+
+  const prompt = typeof data.prompt === "string" ? data.prompt : ""
+  const autoSend = Boolean(data.autoSend)
+  if (!prompt) return
+
+  fillGrokPrompt(prompt, autoSend)
+})
diff --git a/chat-multi-ai/src/globals.css b/chat-multi-ai/src/globals.css
index 992f044..a2cfdb7 100644
--- a/chat-multi-ai/src/globals.css
+++ b/chat-multi-ai/src/globals.css
@@ -36,13 +36,13 @@
   }
 
   .dark {
-    --background: 222.2 84% 4.9%;
+    --background: 0 0% 8%;
     --foreground: 210 40% 98%;
 
-    --card: 222.2 84% 4.9%;
+    --card: 0 0% 8%;
     --card-foreground: 210 40% 98%;
 
-    --popover: 222.2 84% 4.9%;
+    --popover: 0 0% 8%;
     --popover-foreground: 210 40% 98%;
 
     --primary: 217.2 91.2% 59.8%;
diff --git a/chat-multi-ai/src/images/logo.png b/chat-multi-ai/src/images/logo.png
index dfe0c2f..5510e3f 100644
Binary files a/chat-multi-ai/src/images/logo.png and b/chat-multi-ai/src/images/logo.png differ
diff --git a/chat-multi-ai/src/sidepanel.tsx b/chat-multi-ai/src/sidepanel.tsx
index 0270cc9..5a885d3 100644
--- a/chat-multi-ai/src/sidepanel.tsx
+++ b/chat-multi-ai/src/sidepanel.tsx
@@ -1,5 +1,5 @@
 import "./globals.css"
-import { useState, useEffect, useRef, useCallback } from "react"
+import { useState, useEffect, useLayoutEffect, useRef, useCallback } from "react"
 // import cssText from "data-text:@/globals.css"
 import type { PlasmoCSConfig } from "plasmo"
 import { Moon, Sun, Send, Monitor } from "lucide-react"
@@ -11,8 +11,6 @@ import { Card } from "@/components/ui/card"
 import { Textarea } from "@/components/ui/textarea"
 import { Separator } from "@/components/ui/separator"
 import { Switch } from "@/components/ui/switch"
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 
 // 导入AI提供商的图标
 import chatgptLightIcon from "data-base64:~images/chatgpt-light.png"
@@ -23,8 +21,6 @@ import geminiLightIcon from "data-base64:~images/gemini-light.png"
 import geminiDarkIcon from "data-base64:~images/gemini-dark.png"
 import grokLightIcon from "data-base64:~images/grok-light.png"
 import grokDarkIcon from "data-base64:~images/grok-dark.png"
-import deepseekLightIcon from "data-base64:~images/deepseek-light.png"
-import deepseekDarkIcon from "data-base64:~images/deepseek-dark.png"
 
 export const config: PlasmoCSConfig = {
   css: ["font-src: self;"]
@@ -51,8 +47,6 @@ interface AIProvider {
   enabled: boolean
   url: string
   icon: React.ReactNode
-  models: string[]
-  selected: string
 }
 
 const ThemeToggle = () => {
@@ -118,18 +112,16 @@ const ChatMultiAIContent = () => {
     const textColor = isDark ? "text-white-400" : "text-black-400"
     
     switch(providerId) {
-      case "chatgpt": 
-        return <img src={isDark ? chatgptDarkIcon : chatgptLightIcon} className={`h-5 w-5 ${textColor}`} alt="ChatGPT" />
-      case "grok": 
-        return <img src={isDark ? grokDarkIcon : grokLightIcon} className={`h-5 w-5 ${textColor}`} alt="Grok" />
-      case "deepseek": 
-        return <img src={isDark ? deepseekDarkIcon : deepseekLightIcon} className={`h-5 w-5 ${textColor}`} alt="DeepSeek" />
-      case "claude": 
-        return <img src={isDark ? claudeDarkIcon : claudeLightIcon} className={`h-5 w-5 ${textColor}`} alt="Claude" />
-      case "gemini": 
-        return <img src={isDark ? geminiDarkIcon : geminiLightIcon} className={`h-5 w-5 ${textColor}`} alt="Gemini" />
-      default: 
-        return <img src={isDark ? chatgptDarkIcon : chatgptLightIcon} className={`h-5 w-5 ${textColor}`} alt="AI" />
+      case "chatgpt":
+        return <img src={isDark ? chatgptDarkIcon : chatgptLightIcon} className={`h-6 w-6 ${textColor}`} alt="ChatGPT" />
+      case "grok":
+        return <img src={isDark ? grokDarkIcon : grokLightIcon} className={`h-6 w-6 ${textColor}`} alt="Grok" />
+      case "claude":
+        return <img src={isDark ? claudeDarkIcon : claudeLightIcon} className={`h-6 w-6 ${textColor}`} alt="Claude" />
+      case "gemini":
+        return <img src={isDark ? geminiDarkIcon : geminiLightIcon} className={`h-6 w-6 ${textColor}`} alt="Gemini" />
+      default:
+        return <img src={isDark ? chatgptDarkIcon : chatgptLightIcon} className={`h-6 w-6 ${textColor}`} alt="AI" />
     }
   }, [isDark]) // Only re-create when isDark changes
   
@@ -140,45 +132,28 @@ const ChatMultiAIContent = () => {
       name: "ChatGPT",
       enabled: true,
       url: "https://chatgpt.com/",
-      icon: getIconForProvider("chatgpt"),
-      models: ["GPT-4o", "o1","GPT-4.5", "o3-mini-high"],
-      selected: "GPT-4o"
+      icon: getIconForProvider("chatgpt")
     },
     {
       id: "grok",
       name: "Grok",
       enabled: true,
       url: "https://grok.com/",
-      icon: getIconForProvider("grok"),
-      models: ["Grok-2", "Grok-3"],
-      selected: "Grok-3"
+      icon: getIconForProvider("grok")
     },
     {
       id: "gemini",
       name: "Gemini",
       enabled: true,
       url: "https://gemini.google.com/",
-      icon: getIconForProvider("gemini"),
-      models: ["2.0 Flash","2.0 Flash Thinking", "2.5 Pro"],
-      selected: "2.0 Flash"
-    },
-    {
-      id: "deepseek",
-      name: "DeepSeek",
-      enabled: true,
-      url: "https://chat.deepseek.com/",
-      icon: getIconForProvider("deepseek"),
-      models: ["DeepSeek-R1","Search"],
-      selected: "DeepSeek-R1"
+      icon: getIconForProvider("gemini")
     },
     {
       id: "claude",
       name: "Claude",
       enabled: true,
       url: "https://claude.ai/",
-      icon: getIconForProvider("claude"),
-      models: ["Claude 3.7 Sonnet", "Claude 3.5 Haiku"],
-      selected: "Claude 3.7 Sonnet"
+      icon: getIconForProvider("claude")
     }
   ], [getIconForProvider])
   
@@ -211,17 +186,15 @@ const ChatMultiAIContent = () => {
   useEffect(() => {
     // Skip saving if providers is empty (initial state)
     if (providers.length === 0) return
-    
+
     // Serialize providers without the React node icons
     const serializableProviders = providers.map(provider => ({
       id: provider.id,
       name: provider.name,
       enabled: provider.enabled,
-      url: provider.url,
-      models: provider.models,
-      selected: provider.selected
+      url: provider.url
     }))
-    
+
     localStorage.setItem('chatmultiai_providers', JSON.stringify(serializableProviders))
   }, [providers])
   
@@ -236,17 +209,6 @@ const ChatMultiAIContent = () => {
     )
   }
   
-  // Change selected model for a provider
-  const handleModelChange = (id: string, model: string) => {
-    setProviders(
-      providers.map((provider) =>
-        provider.id === id
-          ? { ...provider, selected: model }
-          : provider
-      )
-    )
-  }
-  
   // Add toolbar
   const [autoSend, setAutoSend] = useState(() => {
     // Load auto-send setting from localStorage
@@ -298,15 +260,28 @@ const ChatMultiAIContent = () => {
   }
   
   // Auto-resize textarea when content changes
-  useEffect(() => {
-    if (textareaRef.current) {
-      // Reset height to auto to get the correct scrollHeight
-      textareaRef.current.style.height = 'auto'
+  // Using useLayoutEffect to run synchronously before browser paint (prevents visual flicker)
+  useLayoutEffect(() => {
+    if (!textareaRef.current) return
 
-      if(prompt){
-        textareaRef.current.style.height = `${Math.min(textareaRef.current.scrollHeight, 200)}px`
-      }
-    }
+    const textarea = textareaRef.current
+    const minHeight = 100
+    const maxHeight = 400
+
+    // Store the current scroll position
+    const scrollTop = textarea.scrollTop
+
+    // Temporarily set height to 0 to get accurate scrollHeight measurement
+    // Using 0 instead of 'auto' gives us the true content height
+    textarea.style.height = '0px'
+    const scrollHeight = textarea.scrollHeight
+
+    // Calculate new height: at least minHeight, at most maxHeight
+    const newHeight = Math.max(minHeight, Math.min(scrollHeight, maxHeight))
+    textarea.style.height = `${newHeight}px`
+
+    // Restore scroll position
+    textarea.scrollTop = scrollTop
   }, [prompt])
   
   return (
@@ -322,47 +297,22 @@ const ChatMultiAIContent = () => {
       </div>
 
       <div className="flex-grow overflow-auto p-4">
-        <Accordion type="multiple" defaultValue={[]} className="mb-4">
+        <div className="space-y-2">
           {providers.map((provider) => (
-            <AccordionItem value={provider.id} key={provider.id}>
-              <div className="flex items-center">
-                <Switch
-                  id={`provider-${provider.id}`}
-                  checked={provider.enabled}
-                  onCheckedChange={() => toggleProvider(provider.id)}
-                  className="mr-2 data-[state=checked]:bg-primary"
-                />
-                <AccordionTrigger className="flex-1 py-2">
-                  <div className="flex items-center gap-2">
-                    {provider.icon}
-                    <span className="font-medium">{provider.name}</span>
-                  </div>
-                </AccordionTrigger>
+            <div key={provider.id} className="flex items-center justify-between py-2 px-1">
+              <div className="flex items-center gap-3">
+                {provider.icon}
+                <span className="text-base font-medium">{provider.name}</span>
               </div>
-              <AccordionContent className="p-2 pt-0">
-                <div className="flex flex-col gap-2">
-                  <p className="text-xs text-muted-foreground mb-1">Select model:</p>
-                  <Select
-                    value={provider.selected}
-                    onValueChange={(value) => handleModelChange(provider.id, value)}
-                    disabled={!provider.enabled}
-                  >
-                    <SelectTrigger className="w-full">
-                      <SelectValue placeholder="Select model" />
-                    </SelectTrigger>
-                    <SelectContent>
-                      {provider.models.map((model) => (
-                        <SelectItem key={model} value={model}>
-                          {model}
-                        </SelectItem>
-                      ))}
-                    </SelectContent>
-                  </Select>
-                </div>
-              </AccordionContent>
-            </AccordionItem>
+              <Switch
+                id={`provider-${provider.id}`}
+                checked={provider.enabled}
+                onCheckedChange={() => toggleProvider(provider.id)}
+                className="data-[state=checked]:bg-primary"
+              />
+            </div>
           ))}
-        </Accordion>
+        </div>
       </div>
 
       <div className="sticky bottom-0 bg-background pt-2 p-4 border-t">
@@ -397,7 +347,7 @@ const ChatMultiAIContent = () => {
         <Textarea
           ref={textareaRef}
           placeholder="Type your prompt here..."
-          className="min-h-[50px] max-h-[200px] resize-none mb-2 focus-visible:ring-primary overflow-y-auto overflow-x-hidden"
+          className="min-h-[100px] max-h-[400px] resize-none mb-2 focus-visible:ring-primary overflow-y-auto overflow-x-hidden"
           value={prompt}
           onChange={(e) => setPrompt(e.target.value)}
           onKeyDown={(e) => {
diff --git a/scripts/release-zip.sh b/scripts/release-zip.sh
new file mode 100755
index 0000000..2de9a8b
--- /dev/null
+++ b/scripts/release-zip.sh
@@ -0,0 +1,27 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
+APP_DIR="$ROOT_DIR/chat-multi-ai"
+BUILD_DIR="$APP_DIR/build/chrome-mv3-prod"
+OUT_ZIP="$ROOT_DIR/ChatMultiAI-extension.zip"
+STAGE_DIR="$ROOT_DIR/.context/release-staging"
+
+if ! command -v pnpm >/dev/null 2>&1; then
+  echo "pnpm is required. Install it first: https://pnpm.io/installation" >&2
+  exit 1
+fi
+
+pnpm -C "$APP_DIR" install
+pnpm -C "$APP_DIR" build
+
+rm -rf "$STAGE_DIR"
+mkdir -p "$STAGE_DIR/ChatMultiAI"
+cp -R "$BUILD_DIR/." "$STAGE_DIR/ChatMultiAI/"
+
+(
+  cd "$STAGE_DIR"
+  zip -r -X "$OUT_ZIP" "ChatMultiAI" >/dev/null
+)
+
+echo "Wrote $OUT_ZIP"