Add reasoning effort support for HuggingChat

- to `apps/browser/src/content-scripts/send-prompt-content-script/chatbots/hugging-chat.ts` add reasoning effort: low, medium, high [Pasted text]
- in case of `apps/browser/src/content-scripts/send-prompt-content-script/chatbots/hugging-chat.ts`, if no reasoning effort is selected option 'default' should be selected (it's in the dropdown above 'low')

├── apps
│   └── browser
│       └── src
│           └── content-scripts
│               └── send-prompt-content-script
│                   └── chatbots
│                       ├── ai-studio.ts
│                       ├── arena.ts
│                       ├── chatgpt.ts
│                       ├── claude.ts
│                       ├── copilot.ts
│                       ├── deepseek.ts
│                       ├── doubao.ts
│                       ├── gemini.ts
│                       ├── github-copilot.ts
│                       ├── grok.ts
│                       ├── hugging-chat.ts
│                       ├── index.ts
│                       ├── kimi.ts
│                       ├── meta.ts
│                       ├── mistral.ts
│                       ├── open-webui.ts
│                       ├── openrouter.ts
│                       ├── qwen.ts
│                       ├── together.ts
│                       ├── yuanbao.ts
│                       └── z-ai.ts
└── packages
    └── shared
        └── src
            └── constants
                └── chatbots.ts

Author: robertpiosik

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

@@ -9,6 +9,83 @@ export const hugging_chat: Chatbot = {
   wait_until_ready: async () => {
     await new Promise((resolve) => setTimeout(resolve, 500))
   },
+  set_reasoning_effort: async (chat) => {
+    const effort_button = document.querySelector(
+      'button[aria-label="Select thinking effort"]'
+    ) as HTMLButtonElement
+
+    if (!effort_button) {
+      if (chat.reasoning_effort) {
+        report_initialization_error({
+          function_name: 'hugging_chat.set_reasoning_effort',
+          log_message: 'Thinking effort button not found'
+        })
+      }
+      return
+    }
+
+    const reasoning_effort = chat.reasoning_effort || 'default'
+
+    if (
+      effort_button.textContent
+        ?.trim()
+        .toLowerCase()
+        .includes(reasoning_effort.toLowerCase())
+    ) {
+      return
+    }
+
+    effort_button.click()
+    await new Promise((r) => requestAnimationFrame(r))
+
+    const menu = await new Promise<Element | null>((resolve) => {
+      let attempts = 0
+      const check = () => {
+        attempts++
+        const el = document.querySelector('div[data-dropdown-menu-content]')
+        if (el) {
+          resolve(el)
+        } else if (attempts > 50) {
+          resolve(null)
+        } else {
+          setTimeout(check, 100)
+        }
+      }
+      check()
+    })
+
+    if (!menu) {
+      report_initialization_error({
+        function_name: 'hugging_chat.set_reasoning_effort',
+        log_message: 'Reasoning effort menu not found'
+      })
+      return
+    }
+
+    const options = Array.from(menu.querySelectorAll('div[role="menuitem"]'))
+    let found = false
+    for (const option of options) {
+      if (
+        option.textContent?.trim().toLowerCase() ==
+        reasoning_effort.toLowerCase()
+      ) {
+        ;(option as HTMLElement).click()
+        found = true
+        break
+      }
+    }
+
+    if (!found) {
+      report_initialization_error({
+        function_name: 'hugging_chat.set_reasoning_effort',
+        log_message: `Reasoning effort option "${reasoning_effort}" not found`
+      })
+      document.dispatchEvent(
+        new KeyboardEvent('keydown', { key: 'Escape', bubbles: true })
+      )
+    }
+    await new Promise((resolve) => setTimeout(resolve, 250))
+  },
   set_model: async (chat) => {
     const model = chat.model
     if (!model) return

packages/shared/src/constants/chatbots.ts

@@ -112,7 +112,9 @@ export const CHATBOTS = {
   } as Chatbot,
   HuggingChat: {
     url: 'https://huggingface.co/chat/',
-    supports_user_provided_model: true
+    supports_user_provided_model: true,
+    supports_reasoning_effort: true,
+    supported_reasoning_efforts: ['Low', 'Medium', 'High']
   } as Chatbot,
   Kimi: {
     url: 'https://www.kimi.com/'