Update Arena chatbot integration with new selectors, model support, and wildcard URL pattern

Author: robertpiosik

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

@@ -41,11 +41,11 @@ export const arena: Chatbot = {
         footer,
         get_chat_turn: (f) =>
           f
-            .closest('div[role="group"]')
+            .closest('.bg-surface-primary')
             ?.querySelector('div.prose') as HTMLElement,
         perform_copy: (f) => {
           const copy_button = f.querySelector(
-            'button:nth-child(2)'
+            'button:has([d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9"])'
           ) as HTMLElement
           if (!copy_button) {
             report_initialization_error({
@@ -62,10 +62,9 @@ export const arena: Chatbot = {
 
     observe_for_responses({
       chatbot_name: 'Arena',
-      is_generating: () =>
-        !!document.querySelector('canvas[data-sentry-component="Loading"]'),
+      is_generating: () => !!document.querySelector('ol.animate-spin'),
       footer_selector:
-        'div[aria-roledescription="slide"] > div > div > div[role="presentation"]',
+        'ol .bg-surface-primary > div:last-child > div.text-text-primary',
       add_buttons
     })
   }

apps/browser/src/manifest.json

@@ -4,7 +4,7 @@
   "name": "Autofill for Code Web Chat",
   "short_name": "CWC",
   "description": "Got tired with copy and paste? Enable prompt autofill!",
-  "version": "1.99.0",
+  "version": "1.100.0",
   "homepage_url": "https://github.com/robertpiosik/CodeWebChat",
   "icons": {
     "16": "icons/icon-16.png",
@@ -34,7 +34,7 @@
         "https://github.com/copilot/*",
         "https://grok.com/*",
         "https://huggingface.co/chat/",
-        "https://arena.ai/",
+        "https://arena.ai/*",
         "https://www.kimi.com/",
         "https://chat.mistral.ai/*",
         "http://openwebui/",

apps/editor/src/services/websocket-manager.ts

@@ -396,6 +396,12 @@ export class WebSocketManager {
         } else {
           url = 'http://openwebui/'
         }
+      } else if (preset.chatbot == 'Arena') {
+        if (preset.model) {
+          url = `https://arena.ai/?mode=direct&model=${preset.model}`
+        } else {
+          url = chatbot.url
+        }
       } else if (preset.chatbot == 'Gemini' && gemini_user_id) {
         url = `https://gemini.google.com/u/${gemini_user_id}/app`
       } else if (chatbot.supports_url_override && preset.newUrl) {
@@ -489,6 +495,12 @@ export class WebSocketManager {
       } else {
         url = 'http://openwebui/'
       }
+    } else if (params.preset.chatbot == 'Arena') {
+      if (params.preset.model) {
+        url = `https://arena.ai/?mode=direct&model=${params.preset.model}`
+      } else {
+        url = chatbot.url
+      }
     } else if (
       params.preset.chatbot == 'Gemini' &&
       gemini_user_number !== undefined &&

packages/shared/src/constants/chatbots.ts

@@ -43,12 +43,12 @@ export const CHATBOTS = {
       'gemini-3-pro-preview': {
         label: 'Gemini 3 Pro Preview',
         disabled_options: ['disable-thinking'],
-        supported_reasoning_efforts: ['high', 'low']
+        supported_reasoning_efforts: ['Low', 'High']
       },
       'gemini-3-flash-preview': {
         label: 'Gemini 3 Flash Preview',
         disabled_options: ['disable-thinking'],
-        supported_reasoning_efforts: ['high', 'Medium', 'Low', 'Minimal']
+        supported_reasoning_efforts: ['Minimal', 'Low', 'Medium', 'High']
       },
       'gemini-2.5-pro': {
         label: 'Gemini 2.5 Pro',
@@ -60,7 +60,8 @@ export const CHATBOTS = {
     }
   } as Chatbot,
   Arena: {
-    url: 'https://arena.ai/'
+    url: 'https://arena.ai/',
+    supports_user_provided_model: true
   } as Chatbot,
   ChatGPT: {
     url: 'https://chatgpt.com/',
@@ -175,7 +176,14 @@ export const CHATBOTS = {
     supports_custom_top_p: true,
     supports_system_instructions: true,
     supports_reasoning_effort: true,
-    supported_reasoning_efforts: ['high', 'medium', 'low', 'minimal'],
+    supported_reasoning_efforts: [
+      'None',
+      'Minimal',
+      'Low',
+      'Medium',
+      'High',
+      'XHigh'
+    ],
     default_system_instructions: "You're a helpful coding assistant.",
     supported_options: {
       'disable-reasoning': 'Disable reasoning (for hybrid models)'

packages/shared/src/constants/dictionary.ts

@@ -14,7 +14,7 @@ export const dictionary = {
     ) =>
       `All checked files in "${folder_name}" are unchanged since commit ${commit_hash}.`,
     NO_INTELLIGENT_UPDATE_CONFIGURATIONS_FOUND:
-      'No "Intelligent Update" configurations found. Please add one in the settings.',
+      'No "Intelligent Update" configurations found. Please add one in settings.',
     NO_SAFE_FILE_PATHS_REMAINING:
       'No safe file paths remaining. Operation cancelled.',
     NO_ACTIVE_EDITOR_FOUND: 'No active editor found.',
@@ -39,17 +39,17 @@ export const dictionary = {
     NO_MATCHING_FILES_FOUND_FOR_CLIPBOARD_PATHS:
       'No matching files found in workspace for the paths in clipboard.',
     NO_CODE_AT_CURSOR_CONFIGURATIONS_FOUND:
-      'No "Code Completions" configurations found. Please add one in the settings.',
+      'No "Code Completions" configurations found. Please add one in settings.',
     NO_PRUNE_CONTEXT_CONFIGURATIONS_FOUND:
-      'No "Prune Context" configurations found. Please add one in the settings.',
+      'No "Prune Context" configurations found. Please add one in settings.',
     NO_RECENT_CHANGES_TO_UNDO:
       'No recent changes found to undo or changes were already undone.',
     CONTEXT_COPIED_TO_CLIPBOARD: 'Context copied to clipboard.',
     CONTEXT_FROM_OPEN_EDITORS_COPIED_TO_CLIPBOARD:
       'Context from open editors copied to clipboard.',
     NO_SAVED_CONTEXTS_FOUND: 'No saved contexts found.',
     NO_COMMIT_MESSAGES_CONFIGURATIONS_FOUND:
-      'No "Commit Messages" configurations found. Please add one in the settings.',
+      'No "Commit Messages" configurations found. Please add one in settings.',
     NO_FILES_SELECTED_FOR_COMMIT_MESSAGE_GENERATION:
       'No files selected for commit message generation.',
     COMMIT_MESSAGE_GENERATION_CANCELLED: 'Commit message generation cancelled.',
@@ -75,7 +75,7 @@ export const dictionary = {
     NO_DEFAULT_INTELLIGENT_UPDATE_CONFIGURATION:
       'No default "Intelligent Update" configuration found. Please set one as default in the settings.',
     NO_EDIT_CONTEXT_CONFIGURATIONS_FOUND:
-      'No "Edit Context" configurations found. Please add one in the settings.',
+      'No "Edit Context" configurations found. Please add one in settings.',
     DELETED_CONTEXT_FROM_ALL_ROOTS: 'Deleted context.',
     NO_HISTORY_FOR_PROMPT_TYPE:
       'No history to show for the current prompt type.',

packages/ui/src/components/editor/panel/modals/AutoClosingModal/AutoClosingModal.stories.tsx

@@ -17,7 +17,7 @@ export const Default = () => {
       title="Initialized in the connected browser"
       duration={3000}
       on_close={handle_close}
-      icon="success"
+      type="success"
     />
   ) : null
 }