Refactor chatbot configuration functions to accept the entire Chat object instead of individual parameters, and update Perplexity model support with reasoning options

Author: robertpiosik

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

@@ -29,7 +29,8 @@ export const ai_studio: Chatbot = {
       check_for_element()
     })
   },
-  enter_system_instructions: async (system_instructions?: string) => {
+  enter_system_instructions: async (chat) => {
+    const system_instructions = chat.system_instructions
     if (!system_instructions) return
     await open_panel()
     const system_instructions_button = document.querySelector(
@@ -84,7 +85,8 @@ export const ai_studio: Chatbot = {
     close_button.click()
     await new Promise((r) => requestAnimationFrame(r))
   },
-  set_options: async (options?: string[]) => {
+  set_options: async (chat) => {
+    const options = chat.options
     if (!options) return
     const settings_items = Array.from(
       document.querySelectorAll('div.settings-item')
@@ -178,7 +180,8 @@ export const ai_studio: Chatbot = {
     }
     await new Promise((r) => requestAnimationFrame(r))
   },
-  set_temperature: async (temperature?: number) => {
+  set_temperature: async (chat) => {
+    const temperature = chat.temperature
     if (temperature === undefined) return
     const temperature_element = document.querySelector(
       'ms-prompt-run-settings div[data-test-id="temperatureSliderContainer"] input[type=number]'
@@ -193,7 +196,8 @@ export const ai_studio: Chatbot = {
     temperature_element.value = temperature.toString()
     temperature_element.dispatchEvent(new Event('change', { bubbles: true }))
   },
-  set_reasoning_effort: async (reasoning_effort?: string) => {
+  set_reasoning_effort: async (chat) => {
+    const reasoning_effort = chat.reasoning_effort
     if (!reasoning_effort) return
 
     await open_panel()
@@ -239,7 +243,8 @@ export const ai_studio: Chatbot = {
 
     await new Promise((r) => requestAnimationFrame(r))
   },
-  set_thinking_budget: async (thinking_budget?: number) => {
+  set_thinking_budget: async (chat) => {
+    const thinking_budget = chat.thinking_budget
     if (thinking_budget === undefined) {
       const thinking_toggle = document.querySelector(
         'mat-slide-toggle[data-test-toggle="enable-thinking"] button'
@@ -306,7 +311,8 @@ export const ai_studio: Chatbot = {
       budget_input.dispatchEvent(new Event('change', { bubbles: true }))
     }
   },
-  set_top_p: async (top_p?: number) => {
+  set_top_p: async (chat) => {
+    const top_p = chat.top_p
     if (top_p === undefined) return
     const settings_items = Array.from(
       document.querySelectorAll('div.settings-item')

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

@@ -38,7 +38,8 @@ export const chatgpt: Chatbot = {
       })
     }
   },
-  set_options: async (options?: string[]) => {
+  set_options: async (chat) => {
+    const options = chat.options
     if (!options) return
     const supported_options = CHATBOTS['ChatGPT'].supported_options
     for (const option of options) {

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

@@ -19,7 +19,8 @@ export const claude: Chatbot = {
       check_for_element()
     })
   },
-  set_model: async (model?: string) => {
+  set_model: async (chat) => {
+    const model = chat.model
     if (!model) return
     const model_selector_button = document.querySelector(
       'button[data-testid="model-selector-dropdown"]'
@@ -70,7 +71,8 @@ export const claude: Chatbot = {
     }
     await new Promise((r) => requestAnimationFrame(r))
   },
-  set_options: async (options?: string[]) => {
+  set_options: async (chat) => {
+    const options = chat.options
     if (!options) return
     const supported_options = CHATBOTS['Claude'].supported_options
     if (

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

@@ -19,7 +19,8 @@ export const copilot: Chatbot = {
       check_for_element()
     })
   },
-  set_model: async (model?: string) => {
+  set_model: async (chat) => {
+    const model = chat.model
     if (!model) return
 
     const model_selector_button = document.querySelector(

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

@@ -7,7 +7,8 @@ import {
 import { report_initialization_error } from '../utils/report-initialization-error'
 
 export const deepseek: Chatbot = {
-  set_options: async (options?: string[]) => {
+  set_options: async (chat) => {
+    const options = chat.options
     if (!options) return
 
     const deep_think_button = Array.from(

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

@@ -23,7 +23,8 @@ export const doubao: Chatbot = {
       check_for_element()
     })
   },
-  set_options: async (options?: string[]) => {
+  set_options: async (chat) => {
+    const options = chat.options
     if (!options) return
     const deep_thinking_button = document.querySelector(
       'div[data-testid="chat_input"] input[data-testid="upload-file-input"] + button'

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

@@ -19,7 +19,8 @@ export const gemini: Chatbot = {
       check_for_element()
     })
   },
-  set_model: async (model?: string) => {
+  set_model: async (chat) => {
+    const model = chat.model
     if (
       model &&
       CHATBOTS['Gemini'].models &&
@@ -74,7 +75,8 @@ export const gemini: Chatbot = {
       await new Promise((r) => requestAnimationFrame(r))
     }
   },
-  set_options: async (options?: string[]) => {
+  set_options: async (chat) => {
+    const options = chat.options
     if (!options) return
     const supported_options = CHATBOTS['Gemini'].supported_options
     if (

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

@@ -19,7 +19,8 @@ export const github_copilot: Chatbot = {
       check_for_element()
     })
   },
-  set_model: async (model?: string) => {
+  set_model: async (chat) => {
+    const model = chat.model
     if (!model) return
 
     const model_selector_button = document.querySelector(

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

@@ -20,7 +20,8 @@ export const grok: Chatbot = {
     })
     await new Promise((r) => setTimeout(r, 500))
   },
-  set_options: async (options?: string[]) => {
+  set_options: async (chat) => {
+    const options = chat.options
     if (!options) return
     const supported_options = CHATBOTS['Grok'].supported_options
     for (const option of options) {
@@ -39,7 +40,8 @@ export const grok: Chatbot = {
       }
     }
   },
-  set_model: async (model?: string) => {
+  set_model: async (chat) => {
+    const model = chat.model
     if (!model) return
 
     const model_selector_buttons = document.querySelectorAll(

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

@@ -9,7 +9,8 @@ export const hugging_chat: Chatbot = {
   wait_until_ready: async () => {
     await new Promise((resolve) => setTimeout(resolve, 500))
   },
-  set_model: async (model?: string) => {
+  set_model: async (chat) => {
+    const model = chat.model
     if (!model) return
 
     const model_picker_button = document.querySelector(