From f101b021334613fe792da7e408f279a6a3dda99f Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Tue, 16 Dec 2025 05:58:16 +0530
Subject: [PATCH 01/11] ui work

---
 src-tauri/src/settings.rs                     |  27 +++
 src/bindings.ts                               |   8 +-
 src/components/Sidebar.tsx                    |  14 +-
 .../settings/UseOnlineProviderToggle.tsx      |  31 +++
 .../settings/general/GeneralSettings.tsx      |   2 +
 src/components/settings/index.ts              |   2 +
 .../OnlineProviderSettings.tsx                | 229 ++++++++++++++++++
 src/components/ui/SettingContainer.tsx        |   4 +-
 src/i18n/locales/en/translation.json          |  30 ++-
 9 files changed, 335 insertions(+), 12 deletions(-)
 create mode 100644 src/components/settings/UseOnlineProviderToggle.tsx
 create mode 100644 src/components/settings/online-providers/OnlineProviderSettings.tsx

diff --git a/src-tauri/src/settings.rs b/src-tauri/src/settings.rs
index c2b98bd3e..20eab5a67 100644
--- a/src-tauri/src/settings.rs
+++ b/src-tauri/src/settings.rs
@@ -291,6 +291,15 @@ pub struct AppSettings {
     pub mute_while_recording: bool,
     #[serde(default)]
     pub append_trailing_space: bool,
+    // Online provider settings
+    #[serde(default)]
+    pub use_online_provider: bool,
+    #[serde(default = "default_online_provider_id")]
+    pub online_provider_id: String,
+    #[serde(default = "default_online_provider_api_keys")]
+    pub online_provider_api_keys: HashMap<String, String>,
+    #[serde(default)]
+    pub online_provider_custom_prompt: Option<String>,
 }
 
 fn default_model() -> String {
@@ -360,6 +369,19 @@ fn default_post_process_enabled() -> bool {
     false
 }
 
+fn default_online_provider_id() -> String {
+    "openai".to_string()
+}
+
+fn default_online_provider_api_keys() -> HashMap<String, String> {
+    let mut map = HashMap::new();
+    map.insert("openai".to_string(), String::new());
+    map.insert("groq".to_string(), String::new());
+    map.insert("gemini".to_string(), String::new());
+    map.insert("sambanova".to_string(), String::new());
+    map
+}
+
 fn default_post_process_provider_id() -> String {
     "openai".to_string()
 }
@@ -554,6 +576,11 @@ pub fn get_default_settings() -> AppSettings {
         post_process_selected_prompt_id: None,
         mute_while_recording: false,
         append_trailing_space: false,
+        // Online provider defaults
+        use_online_provider: false,
+        online_provider_id: default_online_provider_id(),
+        online_provider_api_keys: default_online_provider_api_keys(),
+        online_provider_custom_prompt: None,
     }
 }
 
diff --git a/src/bindings.ts b/src/bindings.ts
index cf72c49a2..635fb4c5d 100644
--- a/src/bindings.ts
+++ b/src/bindings.ts
@@ -588,10 +588,8 @@ async updateRecordingRetentionPeriod(period: string) : Promise<Result<null, stri
 }
 },
 /**
- * Checks if the Mac is a laptop by detecting battery presence
- * 
- * This uses pmset to check for battery information.
- * Returns true if a battery is detected (laptop), false otherwise (desktop)
+ * Stub implementation for non-macOS platforms
+ * Always returns false since laptop detection is macOS-specific
  */
 async isLaptop() : Promise<Result<boolean, string>> {
     try {
@@ -613,7 +611,7 @@ async isLaptop() : Promise<Result<boolean, string>> {
 
 /** user-defined types **/
 
-export type AppSettings = { bindings: Partial<{ [key in string]: ShortcutBinding }>; push_to_talk: boolean; audio_feedback: boolean; audio_feedback_volume?: number; sound_theme?: SoundTheme; start_hidden?: boolean; autostart_enabled?: boolean; update_checks_enabled?: boolean; selected_model?: string; always_on_microphone?: boolean; selected_microphone?: string | null; clamshell_microphone?: string | null; selected_output_device?: string | null; translate_to_english?: boolean; selected_language?: string; overlay_position?: OverlayPosition; debug_mode?: boolean; log_level?: LogLevel; custom_words?: string[]; model_unload_timeout?: ModelUnloadTimeout; word_correction_threshold?: number; history_limit?: string; recording_retention_period?: RecordingRetentionPeriod; paste_method?: PasteMethod; clipboard_handling?: ClipboardHandling; post_process_enabled?: boolean; post_process_provider_id?: string; post_process_providers?: PostProcessProvider[]; post_process_api_keys?: Partial<{ [key in string]: string }>; post_process_models?: Partial<{ [key in string]: string }>; post_process_prompts?: LLMPrompt[]; post_process_selected_prompt_id?: string | null; mute_while_recording?: boolean; append_trailing_space?: boolean }
+export type AppSettings = { bindings: Partial<{ [key in string]: ShortcutBinding }>; push_to_talk: boolean; audio_feedback: boolean; audio_feedback_volume?: number; sound_theme?: SoundTheme; start_hidden?: boolean; autostart_enabled?: boolean; update_checks_enabled?: boolean; selected_model?: string; always_on_microphone?: boolean; selected_microphone?: string | null; clamshell_microphone?: string | null; selected_output_device?: string | null; translate_to_english?: boolean; selected_language?: string; overlay_position?: OverlayPosition; debug_mode?: boolean; log_level?: LogLevel; custom_words?: string[]; model_unload_timeout?: ModelUnloadTimeout; word_correction_threshold?: number; history_limit?: string; recording_retention_period?: RecordingRetentionPeriod; paste_method?: PasteMethod; clipboard_handling?: ClipboardHandling; post_process_enabled?: boolean; post_process_provider_id?: string; post_process_providers?: PostProcessProvider[]; post_process_api_keys?: Partial<{ [key in string]: string }>; post_process_models?: Partial<{ [key in string]: string }>; post_process_prompts?: LLMPrompt[]; post_process_selected_prompt_id?: string | null; mute_while_recording?: boolean; append_trailing_space?: boolean; use_online_provider?: boolean; online_provider_id?: string; online_provider_api_keys?: Partial<{ [key in string]: string }>; online_provider_custom_prompt?: string | null }
 export type AudioDevice = { index: string; name: string; is_default: boolean }
 export type BindingResponse = { success: boolean; binding: ShortcutBinding | null; error: string | null }
 export type ClipboardHandling = "dont_modify" | "copy_to_clipboard"
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 2d42cb6b7..7d74d517b 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Cog, FlaskConical, History, Info, Sparkles } from "lucide-react";
+import { Cog, FlaskConical, History, Info, Sparkles, Cloud } from "lucide-react";
 import HandyTextLogo from "./icons/HandyTextLogo";
 import HandyHand from "./icons/HandyHand";
 import { useSettings } from "../hooks/useSettings";
@@ -11,6 +11,7 @@ import {
   DebugSettings,
   AboutSettings,
   PostProcessingSettings,
+  OnlineProviderSettings,
 } from "./settings";
 
 export type SidebarSection = keyof typeof SECTIONS_CONFIG;
@@ -43,6 +44,12 @@ export const SECTIONS_CONFIG = {
     component: AdvancedSettings,
     enabled: () => true,
   },
+  providers: {
+    labelKey: "sidebar.providers",
+    icon: Cloud,
+    component: OnlineProviderSettings,
+    enabled: (settings) => settings?.use_online_provider ?? false,
+  },
   postprocessing: {
     labelKey: "sidebar.postProcessing",
     icon: Sparkles,
@@ -96,11 +103,10 @@ export const Sidebar: React.FC<SidebarProps> = ({
           return (
             <div
               key={section.id}
-              className={`flex gap-2 items-center p-2 w-full rounded-lg cursor-pointer transition-colors ${
-                isActive
+              className={`flex gap-2 items-center p-2 w-full rounded-lg cursor-pointer transition-colors ${isActive
                   ? "bg-logo-primary/80"
                   : "hover:bg-mid-gray/20 hover:opacity-100 opacity-85"
-              }`}
+                }`}
               onClick={() => onSectionChange(section.id)}
             >
               <Icon width={24} height={24} className="shrink-0" />
diff --git a/src/components/settings/UseOnlineProviderToggle.tsx b/src/components/settings/UseOnlineProviderToggle.tsx
new file mode 100644
index 000000000..47d076fa0
--- /dev/null
+++ b/src/components/settings/UseOnlineProviderToggle.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { ToggleSwitch } from "../ui/ToggleSwitch";
+import { useSettings } from "../../hooks/useSettings";
+
+interface UseOnlineProviderToggleProps {
+    descriptionMode?: "inline" | "tooltip";
+    grouped?: boolean;
+}
+
+export const UseOnlineProviderToggle: React.FC<UseOnlineProviderToggleProps> =
+    React.memo(({ descriptionMode = "tooltip", grouped = false }) => {
+        const { t } = useTranslation();
+        const { getSetting, updateSetting, isUpdating } = useSettings();
+
+        const enabled = getSetting("use_online_provider") || false;
+
+        return (
+            <ToggleSwitch
+                checked={enabled}
+                onChange={(enabled) => updateSetting("use_online_provider", enabled)}
+                isUpdating={isUpdating("use_online_provider")}
+                label={t("settings.general.useOnlineProvider.label")}
+                description={t("settings.general.useOnlineProvider.description")}
+                descriptionMode={descriptionMode}
+                grouped={grouped}
+            />
+        );
+    });
+
+UseOnlineProviderToggle.displayName = "UseOnlineProviderToggle";
diff --git a/src/components/settings/general/GeneralSettings.tsx b/src/components/settings/general/GeneralSettings.tsx
index b3a0ad678..fa98c5ed9 100644
--- a/src/components/settings/general/GeneralSettings.tsx
+++ b/src/components/settings/general/GeneralSettings.tsx
@@ -9,6 +9,7 @@ import { PushToTalk } from "../PushToTalk";
 import { AudioFeedback } from "../AudioFeedback";
 import { useSettings } from "../../../hooks/useSettings";
 import { VolumeSlider } from "../VolumeSlider";
+import { UseOnlineProviderToggle } from "../UseOnlineProviderToggle";
 
 export const GeneralSettings: React.FC = () => {
   const { t } = useTranslation();
@@ -19,6 +20,7 @@ export const GeneralSettings: React.FC = () => {
         <HandyShortcut shortcutId="transcribe" grouped={true} />
         <LanguageSelector descriptionMode="tooltip" grouped={true} />
         <PushToTalk descriptionMode="tooltip" grouped={true} />
+        <UseOnlineProviderToggle descriptionMode="tooltip" grouped={true} />
       </SettingsGroup>
       <SettingsGroup title={t("settings.sound.title")}>
         <MicrophoneSelector descriptionMode="tooltip" grouped={true} />
diff --git a/src/components/settings/index.ts b/src/components/settings/index.ts
index b01bcd202..9ec3ed76b 100644
--- a/src/components/settings/index.ts
+++ b/src/components/settings/index.ts
@@ -5,6 +5,7 @@ export { DebugSettings } from "./debug/DebugSettings";
 export { HistorySettings } from "./history/HistorySettings";
 export { AboutSettings } from "./about/AboutSettings";
 export { PostProcessingSettings } from "./post-processing/PostProcessingSettings";
+export { OnlineProviderSettings } from "./online-providers/OnlineProviderSettings";
 
 // Individual setting components
 export { MicrophoneSelector } from "./MicrophoneSelector";
@@ -27,3 +28,4 @@ export { HistoryLimit } from "./HistoryLimit";
 export { RecordingRetentionPeriodSelector } from "./RecordingRetentionPeriod";
 export { AutostartToggle } from "./AutostartToggle";
 export { UpdateChecksToggle } from "./UpdateChecksToggle";
+export { UseOnlineProviderToggle } from "./UseOnlineProviderToggle";
diff --git a/src/components/settings/online-providers/OnlineProviderSettings.tsx b/src/components/settings/online-providers/OnlineProviderSettings.tsx
new file mode 100644
index 000000000..62f814d12
--- /dev/null
+++ b/src/components/settings/online-providers/OnlineProviderSettings.tsx
@@ -0,0 +1,229 @@
+import React, { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Check } from "lucide-react";
+
+import { SettingsGroup } from "../../ui/SettingsGroup";
+import { SettingContainer } from "../../ui/SettingContainer";
+import { Input } from "../../ui/Input";
+import { Dropdown } from "../../ui/Dropdown";
+import { Textarea } from "../../ui/Textarea";
+import { Button } from "../../ui/Button";
+import { useSettings } from "../../../hooks/useSettings";
+
+const ONLINE_PROVIDERS = [
+    { value: "openai", label: "OpenAI" },
+    { value: "groq", label: "Groq" },
+    { value: "gemini", label: "Gemini" },
+    { value: "sambanova", label: "SambaNova" },
+];
+
+const PROVIDER_MODELS: Record<string, { value: string; label: string }[]> = {
+    openai: [
+        { value: "whisper", label: "Whisper" },
+    ],
+    groq: [
+        { value: "whisper-large-v3", label: "Whisper Large V3" },
+        { value: "whisper-large-v3-turbo", label: "Whisper Large V3 Turbo" },
+    ],
+    gemini: [
+        { value: "gemini-2.5-flash", label: "Gemini 2.5 Flash" },
+        { value: "gemini-2.5-flash-lite", label: "Gemini 2.5 Flash Lite" },
+        { value: "gemini-2.5-pro", label: "Gemini 2.5 Pro" },
+        { value: "gemini-2.0-flash", label: "Gemini 2.0 Flash" },
+        { value: "gemini-2.0-flash-lite", label: "Gemini 2.0 Flash Lite" },
+        { value: "other", label: "Other (Custom)" },
+    ],
+    sambanova: [
+        { value: "whisper-large-v3", label: "Whisper Large V3" },
+    ],
+};
+
+const DisabledNotice: React.FC<{ children: React.ReactNode }> = ({
+    children,
+}) => (
+    <div className="p-4 bg-mid-gray/5 rounded-lg border border-mid-gray/20">
+        <p className="text-sm text-mid-gray">{children}</p>
+    </div>
+);
+
+export const OnlineProviderSettings: React.FC = () => {
+    const { t } = useTranslation();
+    const { getSetting, updateSetting, isUpdating } = useSettings();
+
+    const enabled = getSetting("use_online_provider") || false;
+    const selectedProviderId = getSetting("online_provider_id") || "openai";
+    const apiKeys = getSetting("online_provider_api_keys") || {};
+    const customPrompt = getSetting("online_provider_custom_prompt") || "";
+
+    const [localApiKey, setLocalApiKey] = useState(apiKeys[selectedProviderId] || "");
+    const [localCustomPrompt, setLocalCustomPrompt] = useState(customPrompt || "");
+    const [selectedModel, setSelectedModel] = useState<string>("");
+    const [customModelId, setCustomModelId] = useState("");
+
+    const modelOptions = PROVIDER_MODELS[selectedProviderId] || [];
+    const isOtherSelected = selectedModel === "other";
+
+    // Set default model when provider changes
+    useEffect(() => {
+        if (modelOptions.length > 0) {
+            setSelectedModel(modelOptions[0].value);
+            setCustomModelId("");
+        }
+    }, [selectedProviderId, modelOptions]);
+
+    const isApiKeyDirty = localApiKey !== (apiKeys[selectedProviderId] || "");
+    const isApiKeySaving = isUpdating("online_provider_api_keys");
+
+    const handleProviderChange = (providerId: string | null) => {
+        if (!providerId) return;
+        updateSetting("online_provider_id", providerId);
+        // Update local API key to show the key for the new provider
+        setLocalApiKey(apiKeys[providerId] || "");
+    };
+
+    const handleModelChange = (modelId: string | null) => {
+        if (!modelId) return;
+        setSelectedModel(modelId);
+        if (modelId !== "other") {
+            setCustomModelId("");
+        }
+    };
+
+    const handleSaveApiKey = () => {
+        if (isApiKeyDirty) {
+            const updatedKeys = { ...apiKeys, [selectedProviderId]: localApiKey };
+            updateSetting("online_provider_api_keys", updatedKeys);
+        }
+    };
+
+    const handleCustomPromptBlur = () => {
+        if (localCustomPrompt !== (customPrompt || "")) {
+            updateSetting("online_provider_custom_prompt", localCustomPrompt || null);
+        }
+    };
+
+    if (!enabled) {
+        return (
+            <div className="max-w-3xl w-full mx-auto space-y-6">
+                <SettingsGroup title={t("settings.onlineProviders.title")}>
+                    <DisabledNotice>
+                        {t("settings.onlineProviders.disabledNotice")}
+                    </DisabledNotice>
+                </SettingsGroup>
+            </div>
+        );
+    }
+
+    return (
+        <div className="max-w-3xl w-full mx-auto space-y-6">
+            <SettingsGroup title={t("settings.onlineProviders.title")}>
+                <SettingContainer
+                    title={t("settings.onlineProviders.provider.title")}
+                    description={t("settings.onlineProviders.provider.description")}
+                    descriptionMode="tooltip"
+                    layout="horizontal"
+                    grouped={true}
+                >
+                    <div className="flex items-center gap-2 ml-auto">
+                        <Dropdown
+                            selectedValue={selectedProviderId}
+                            options={ONLINE_PROVIDERS}
+                            onSelect={handleProviderChange}
+                            disabled={isUpdating("online_provider_id")}
+                            className="min-w-[200px]"
+                        />
+                    </div>
+                </SettingContainer>
+
+                <SettingContainer
+                    title={t("settings.onlineProviders.model.title")}
+                    description={t("settings.onlineProviders.model.description")}
+                    descriptionMode="tooltip"
+                    layout="horizontal"
+                    grouped={true}
+                    tooltipPosition="bottom"
+                >
+                    <div className="flex items-center gap-2 ml-auto">
+                        <Dropdown
+                            selectedValue={selectedModel}
+                            options={modelOptions}
+                            onSelect={handleModelChange}
+                            placeholder={t("settings.onlineProviders.model.placeholder")}
+                            className="min-w-[200px]"
+                        />
+                        {isOtherSelected && (
+                            <Input
+                                type="text"
+                                value={customModelId}
+                                onChange={(e) => setCustomModelId(e.target.value)}
+                                placeholder="Enter model ID"
+                                className="min-w-[180px]"
+                                variant="compact"
+                            />
+                        )}
+                    </div>
+                </SettingContainer>
+
+                <SettingContainer
+                    title={t("settings.onlineProviders.apiKey.title")}
+                    description={t("settings.onlineProviders.apiKey.description")}
+                    descriptionMode="tooltip"
+                    layout="horizontal"
+                    grouped={true}
+                    tooltipPosition="bottom"
+                >
+                    <div className="flex items-center gap-2 ml-auto">
+                        <Input
+                            type="password"
+                            value={localApiKey}
+                            onChange={(e) => setLocalApiKey(e.target.value)}
+                            placeholder={t("settings.onlineProviders.apiKey.placeholder")}
+                            className="min-w-[280px]"
+                            variant="compact"
+                        />
+                        {isApiKeyDirty && (
+                            <Button
+                                onClick={handleSaveApiKey}
+                                variant="primary"
+                                size="sm"
+                                disabled={isApiKeySaving}
+                                className="flex items-center gap-1 px-3"
+                            >
+                                <Check className="h-4 w-4" />
+                            </Button>
+                        )}
+                    </div>
+                </SettingContainer>
+
+                <SettingContainer
+                    title={t("settings.onlineProviders.customPrompt.title")}
+                    description={t("settings.onlineProviders.customPrompt.description")}
+                    descriptionMode="tooltip"
+                    layout="horizontal"
+                    grouped={true}
+                    tooltipPosition="bottom"
+                >
+                    <div className="flex items-center gap-2 ml-auto flex-1">
+                        <Textarea
+                            value={localCustomPrompt}
+                            onChange={(e) => setLocalCustomPrompt(e.target.value)}
+                            placeholder={t("settings.onlineProviders.customPrompt.placeholder")}
+                            className="min-w-[250px] max-h-20"
+                        />
+                        {localCustomPrompt !== (customPrompt || "") && (
+                            <Button
+                                onClick={handleCustomPromptBlur}
+                                variant="primary"
+                                size="sm"
+                                disabled={isUpdating("online_provider_custom_prompt")}
+                                className="flex items-center gap-1 px-3"
+                            >
+                                <Check className="h-4 w-4" />
+                            </Button>
+                        )}
+                    </div>
+                </SettingContainer>
+            </SettingsGroup>
+        </div>
+    );
+};
diff --git a/src/components/ui/SettingContainer.tsx b/src/components/ui/SettingContainer.tsx
index ce24b4687..ba5e02607 100644
--- a/src/components/ui/SettingContainer.tsx
+++ b/src/components/ui/SettingContainer.tsx
@@ -90,7 +90,7 @@ export const SettingContainer: React.FC<SettingContainerProps> = ({
                 />
               </svg>
               {showTooltip && (
-                <div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-background border border-mid-gray/80 rounded-lg shadow-lg z-50 max-w-xs min-w-[200px] whitespace-normal animate-in fade-in-0 zoom-in-95 duration-200">
+                <div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-background border border-mid-gray/80 rounded-lg shadow-lg z-[100] max-w-xs min-w-[200px] whitespace-normal animate-in fade-in-0 zoom-in-95 duration-200">
                   <p className="text-sm text-center leading-relaxed">
                     {description}
                   </p>
@@ -165,7 +165,7 @@ export const SettingContainer: React.FC<SettingContainerProps> = ({
               </svg>
               {showTooltip && (
                 <div
-                  className={`absolute ${tooltipPosition === "top" ? "bottom-full" : "top-[150%]"} left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-background border border-mid-gray/80 rounded-lg shadow-lg z-50 max-w-xs min-w-[200px] whitespace-normal animate-in fade-in-0 zoom-in-95 duration-200`}
+                  className={`absolute ${tooltipPosition === "top" ? "bottom-full" : "top-[150%]"} left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-background border border-mid-gray/80 rounded-lg shadow-lg z-[100] max-w-xs min-w-[200px] whitespace-normal animate-in fade-in-0 zoom-in-95 duration-200`}
                 >
                   <p className="text-sm text-center leading-relaxed">
                     {description}
diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
index 6e5f92ca8..802e96ae7 100644
--- a/src/i18n/locales/en/translation.json
+++ b/src/i18n/locales/en/translation.json
@@ -3,6 +3,7 @@
     "general": "General",
     "advanced": "Advanced",
     "postProcessing": "Post Process",
+    "providers": "Providers",
     "history": "History",
     "debug": "Debug",
     "about": "About"
@@ -107,6 +108,10 @@
       "pushToTalk": {
         "label": "Push To Talk",
         "description": "Hold to record, release to stop"
+      },
+      "useOnlineProvider": {
+        "label": "Use Online Provider",
+        "description": "Use an online API for transcription instead of the local model"
       }
     },
     "sound": {
@@ -254,6 +259,29 @@
         "createFirst": "Click 'Create New Prompt' above to create your first post-processing prompt."
       }
     },
+    "onlineProviders": {
+      "title": "Online Providers",
+      "disabledNotice": "Online providers are disabled. Enable 'Use Online Provider' in General settings to configure.",
+      "provider": {
+        "title": "Provider",
+        "description": "Select an online transcription service provider."
+      },
+      "model": {
+        "title": "Model",
+        "description": "Select the transcription model for the selected provider.",
+        "placeholder": "Select a model"
+      },
+      "apiKey": {
+        "title": "API Key",
+        "description": "Your API key for the selected provider.",
+        "placeholder": "Enter your API key"
+      },
+      "customPrompt": {
+        "title": "Custom Prompt",
+        "description": "Optional prompt to customize transcription behavior.",
+        "placeholder": "Enter custom instructions for transcription (optional)"
+      }
+    },
     "history": {
       "title": "History",
       "openFolder": "Open Recordings Folder",
@@ -407,4 +435,4 @@
     "title": "Application Language",
     "description": "Change the language of the Handy interface"
   }
-}
+}
\ No newline at end of file

From 80426724575789f04b9cab1ccc4ea4e27e5a82d6 Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Tue, 16 Dec 2025 22:15:23 +0530
Subject: [PATCH 02/11] implemented external providers and post processing
 using external providers

---
 src-tauri/src/actions.rs                      | 215 +++++++++++++++++-
 src-tauri/src/lib.rs                          |   4 +
 src-tauri/src/settings.rs                     |  39 +++-
 src-tauri/src/shortcut.rs                     |  50 ++++
 src-tauri/tauri.conf.json                     |  14 +-
 src/App.css                                   |  10 +
 src/bindings.ts                               |  34 ++-
 .../PostProcessingSettingsApi/ApiKeyField.tsx |  48 ++--
 .../PostProcessingSettingsApi/ModelSelect.tsx |  28 ++-
 .../usePostProcessProviderState.ts            |  10 +
 .../settings/general/GeneralSettings.tsx      |   2 +
 .../settings/history/HistorySettings.tsx      | 105 ++++++---
 .../OnlineProviderSettings.tsx                | 113 +++++----
 .../PostProcessingSettings.tsx                |  10 +-
 src/components/ui/Select.tsx                  |   3 +
 src/stores/settingsStore.ts                   |  36 +--
 16 files changed, 583 insertions(+), 138 deletions(-)

diff --git a/src-tauri/src/actions.rs b/src-tauri/src/actions.rs
index ca14c257e..32a225645 100644
--- a/src-tauri/src/actions.rs
+++ b/src-tauri/src/actions.rs
@@ -30,6 +30,178 @@ pub trait ShortcutAction: Send + Sync {
 // Transcribe Action
 struct TranscribeAction;
 
+/// Online provider configuration for audio transcription
+struct OnlineTranscriptionProvider {
+    base_url: String,
+    model: String,
+    api_key: String,
+}
+
+/// Transcribe audio using an online provider (OpenAI, Groq, SambaNova, etc.)
+async fn transcribe_online(
+    provider: OnlineTranscriptionProvider,
+    audio_samples: Vec<f32>,
+    language: Option<String>,
+) -> Result<String, String> {
+    use hound::{WavSpec, WavWriter};
+    use std::io::Cursor;
+
+    debug!(
+        "Starting online transcription with provider base_url: {}",
+        provider.base_url
+    );
+
+    // Convert f32 samples to WAV format in memory
+    let spec = WavSpec {
+        channels: 1,
+        sample_rate: 16000,
+        bits_per_sample: 16,
+        sample_format: hound::SampleFormat::Int,
+    };
+
+    let mut buffer = Cursor::new(Vec::new());
+    {
+        let mut writer = WavWriter::new(&mut buffer, spec)
+            .map_err(|e| format!("Failed to create WAV writer: {}", e))?;
+
+        for sample in &audio_samples {
+            // Convert f32 [-1.0, 1.0] to i16
+            let i16_sample = (sample * 32767.0).clamp(-32768.0, 32767.0) as i16;
+            writer
+                .write_sample(i16_sample)
+                .map_err(|e| format!("Failed to write sample: {}", e))?;
+        }
+        writer
+            .finalize()
+            .map_err(|e| format!("Failed to finalize WAV: {}", e))?;
+    }
+
+    let wav_data = buffer.into_inner();
+    debug!("Created WAV data: {} bytes", wav_data.len());
+
+    // Build the transcription endpoint URL
+    let base_url = provider.base_url.trim_end_matches('/');
+    let endpoint = format!("{}/audio/transcriptions", base_url);
+
+    // Create multipart form
+    let form = reqwest::multipart::Form::new()
+        .text("model", provider.model.clone())
+        .part(
+            "file",
+            reqwest::multipart::Part::bytes(wav_data)
+                .file_name("audio.wav")
+                .mime_str("audio/wav")
+                .map_err(|e| format!("Failed to set MIME type: {}", e))?,
+        );
+
+    // Add language if specified and not "auto"
+    let form = if let Some(lang) = language {
+        if lang != "auto" {
+            form.text("language", lang)
+        } else {
+            form
+        }
+    } else {
+        form
+    };
+
+    // Create HTTP client with authorization header
+    let client = reqwest::Client::new();
+    let response = client
+        .post(&endpoint)
+        .bearer_auth(&provider.api_key)
+        .multipart(form)
+        .send()
+        .await
+        .map_err(|e| format!("Failed to send transcription request: {}", e))?;
+
+    if !response.status().is_success() {
+        let status = response.status();
+        let error_text = response
+            .text()
+            .await
+            .unwrap_or_else(|_| "Unknown error".to_string());
+        return Err(format!(
+            "Transcription request failed ({}): {}",
+            status, error_text
+        ));
+    }
+
+    // Parse the response - OpenAI returns { "text": "..." }
+    let response_text = response
+        .text()
+        .await
+        .map_err(|e| format!("Failed to read response: {}", e))?;
+
+    let parsed: serde_json::Value = serde_json::from_str(&response_text)
+        .map_err(|e| format!("Failed to parse response: {}", e))?;
+
+    let text = parsed
+        .get("text")
+        .and_then(|v| v.as_str())
+        .unwrap_or("")
+        .to_string();
+
+    debug!(
+        "Online transcription completed. Result length: {} chars",
+        text.len()
+    );
+
+    Ok(text)
+}
+
+/// Get the online provider configuration from settings
+fn get_online_transcription_provider(settings: &AppSettings) -> Option<OnlineTranscriptionProvider> {
+    let provider_id = &settings.online_provider_id;
+    let api_key = settings
+        .online_provider_api_keys
+        .get(provider_id)
+        .cloned()
+        .unwrap_or_default();
+
+    if api_key.trim().is_empty() {
+        error!(
+            "Online transcription skipped: no API key for provider '{}'",
+            provider_id
+        );
+        return None;
+    }
+
+    let model = settings
+        .online_provider_models
+        .get(provider_id)
+        .cloned()
+        .unwrap_or_else(|| {
+            // Default models per provider
+            match provider_id.as_str() {
+                "openai" => "whisper-1".to_string(),
+                "groq" => "whisper-large-v3-turbo".to_string(),
+                "sambanova" => "whisper-large-v3".to_string(),
+                "gemini" => "gemini-2.0-flash".to_string(),
+                _ => "whisper-1".to_string(),
+            }
+        });
+
+    // Provider base URLs
+    let base_url = match provider_id.as_str() {
+        "openai" => "https://api.openai.com/v1".to_string(),
+        "groq" => "https://api.groq.com/openai/v1".to_string(),
+        "sambanova" => "https://api.sambanova.ai/v1".to_string(),
+        "gemini" => "https://generativelanguage.googleapis.com/v1beta/openai".to_string(),
+        _ => {
+            error!("Unknown online provider: {}", provider_id);
+            return None;
+        }
+    };
+
+    Some(OnlineTranscriptionProvider {
+        base_url,
+        model,
+        api_key,
+    })
+}
+
+
 async fn maybe_post_process_transcription(
     settings: &AppSettings,
     transcription: &str,
@@ -248,9 +420,15 @@ impl ShortcutAction for TranscribeAction {
         let start_time = Instant::now();
         debug!("TranscribeAction::start called for binding: {}", binding_id);
 
-        // Load model in the background
-        let tm = app.state::<Arc<TranscriptionManager>>();
-        tm.initiate_model_load();
+        // Only load the local model if we're NOT using an online provider
+        let settings = get_settings(app);
+        if !settings.use_online_provider {
+            // Load model in the background
+            let tm = app.state::<Arc<TranscriptionManager>>();
+            tm.initiate_model_load();
+        } else {
+            debug!("Using online provider for transcription, skipping local model load");
+        }
 
         let binding_id = binding_id.to_string();
         change_tray_icon(app, TrayIconState::Recording);
@@ -351,9 +529,35 @@ impl ShortcutAction for TranscribeAction {
                     samples.len()
                 );
 
+                // Get settings to check if we should use online provider
+                let settings = get_settings(&ah);
+                
                 let transcription_time = Instant::now();
                 let samples_clone = samples.clone(); // Clone for history saving
-                match tm.transcribe(samples) {
+                
+                // Use either online or local transcription based on settings
+                let transcription_result: Result<String, String> = if settings.use_online_provider {
+                    // Online transcription
+                    debug!("Using online provider for transcription");
+                    if let Some(provider) = get_online_transcription_provider(&settings) {
+                        let language = if settings.selected_language == "auto" {
+                            None
+                        } else {
+                            Some(settings.selected_language.clone())
+                        };
+                        transcribe_online(provider, samples, language)
+                            .await
+                            .map_err(|e| format!("Online transcription failed: {}", e))
+                    } else {
+                        Err("Online provider not configured properly".to_string())
+                    }
+                } else {
+                    // Local transcription
+                    debug!("Using local model for transcription");
+                    tm.transcribe(samples).map_err(|e| e.to_string())
+                };
+
+                match transcription_result {
                     Ok(transcription) => {
                         debug!(
                             "Transcription completed in {:?}: '{}'",
@@ -361,7 +565,6 @@ impl ShortcutAction for TranscribeAction {
                             transcription
                         );
                         if !transcription.is_empty() {
-                            let settings = get_settings(&ah);
                             let mut final_text = transcription.clone();
                             let mut post_processed_text: Option<String> = None;
                             let mut post_process_prompt: Option<String> = None;
@@ -435,7 +638,7 @@ impl ShortcutAction for TranscribeAction {
                         }
                     }
                     Err(err) => {
-                        debug!("Global Shortcut Transcription error: {}", err);
+                        error!("Transcription error: {}", err);
                         utils::hide_recording_overlay(&ah);
                         change_tray_icon(&ah, TrayIconState::Idle);
                     }
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index d9e113d77..e2b677a28 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -262,6 +262,10 @@ pub fn run() {
         shortcut::change_mute_while_recording_setting,
         shortcut::change_append_trailing_space_setting,
         shortcut::change_update_checks_setting,
+        shortcut::change_use_online_provider_setting,
+        shortcut::change_online_provider_id_setting,
+        shortcut::change_online_provider_api_key_setting,
+        shortcut::change_online_provider_model_setting,
         trigger_update_check,
         commands::cancel_operation,
         commands::get_app_dir_path,
diff --git a/src-tauri/src/settings.rs b/src-tauri/src/settings.rs
index 20eab5a67..433d67165 100644
--- a/src-tauri/src/settings.rs
+++ b/src-tauri/src/settings.rs
@@ -298,6 +298,8 @@ pub struct AppSettings {
     pub online_provider_id: String,
     #[serde(default = "default_online_provider_api_keys")]
     pub online_provider_api_keys: HashMap<String, String>,
+    #[serde(default = "default_online_provider_models")]
+    pub online_provider_models: HashMap<String, String>,
     #[serde(default)]
     pub online_provider_custom_prompt: Option<String>,
 }
@@ -382,6 +384,15 @@ fn default_online_provider_api_keys() -> HashMap<String, String> {
     map
 }
 
+fn default_online_provider_models() -> HashMap<String, String> {
+    let mut map = HashMap::new();
+    map.insert("openai".to_string(), "whisper".to_string());
+    map.insert("groq".to_string(), "whisper-large-v3-turbo".to_string());
+    map.insert("gemini".to_string(), "gemini-2.0-flash".to_string());
+    map.insert("sambanova".to_string(), "whisper-large-v3".to_string());
+    map
+}
+
 fn default_post_process_provider_id() -> String {
     "openai".to_string()
 }
@@ -403,9 +414,30 @@ fn default_post_process_providers() -> Vec<PostProcessProvider> {
             models_endpoint: Some("/models".to_string()),
         },
         PostProcessProvider {
-            id: "anthropic".to_string(),
-            label: "Anthropic".to_string(),
-            base_url: "https://api.anthropic.com/v1".to_string(),
+            id: "gemini".to_string(),
+            label: "Gemini".to_string(),
+            base_url: "https://generativelanguage.googleapis.com/v1beta/openai".to_string(),
+            allow_base_url_edit: false,
+            models_endpoint: Some("/models".to_string()),
+        },
+        PostProcessProvider {
+            id: "groq".to_string(),
+            label: "Groq".to_string(),
+            base_url: "https://api.groq.com/openai/v1".to_string(),
+            allow_base_url_edit: false,
+            models_endpoint: Some("/models".to_string()),
+        },
+        PostProcessProvider {
+            id: "cerebras".to_string(),
+            label: "Cerebras".to_string(),
+            base_url: "https://api.cerebras.ai/v1".to_string(),
+            allow_base_url_edit: false,
+            models_endpoint: Some("/models".to_string()),
+        },
+        PostProcessProvider {
+            id: "sambanova".to_string(),
+            label: "SambaNova".to_string(),
+            base_url: "https://api.sambanova.ai/v1".to_string(),
             allow_base_url_edit: false,
             models_endpoint: Some("/models".to_string()),
         },
@@ -580,6 +612,7 @@ pub fn get_default_settings() -> AppSettings {
         use_online_provider: false,
         online_provider_id: default_online_provider_id(),
         online_provider_api_keys: default_online_provider_api_keys(),
+        online_provider_models: default_online_provider_models(),
         online_provider_custom_prompt: None,
     }
 }
diff --git a/src-tauri/src/shortcut.rs b/src-tauri/src/shortcut.rs
index 288815c3a..38e653260 100644
--- a/src-tauri/src/shortcut.rs
+++ b/src-tauri/src/shortcut.rs
@@ -717,6 +717,56 @@ pub fn change_append_trailing_space_setting(app: AppHandle, enabled: bool) -> Re
     Ok(())
 }
 
+#[tauri::command]
+#[specta::specta]
+pub fn change_use_online_provider_setting(app: AppHandle, enabled: bool) -> Result<(), String> {
+    let mut settings = settings::get_settings(&app);
+    settings.use_online_provider = enabled;
+    settings::write_settings(&app, settings);
+    Ok(())
+}
+
+#[tauri::command]
+#[specta::specta]
+pub fn change_online_provider_id_setting(
+    app: AppHandle,
+    provider_id: String,
+) -> Result<(), String> {
+    let mut settings = settings::get_settings(&app);
+    settings.online_provider_id = provider_id;
+    settings::write_settings(&app, settings);
+    Ok(())
+}
+
+#[tauri::command]
+#[specta::specta]
+pub fn change_online_provider_api_key_setting(
+    app: AppHandle,
+    provider_id: String,
+    api_key: String,
+) -> Result<(), String> {
+    let mut settings = settings::get_settings(&app);
+    settings
+        .online_provider_api_keys
+        .insert(provider_id, api_key);
+    settings::write_settings(&app, settings);
+    Ok(())
+}
+
+#[tauri::command]
+#[specta::specta]
+pub fn change_online_provider_model_setting(
+    app: AppHandle,
+    provider_id: String,
+    model: String,
+) -> Result<(), String> {
+    let mut settings = settings::get_settings(&app);
+    // Store the model per provider - we need to add this field to settings
+    settings.online_provider_models.insert(provider_id, model);
+    settings::write_settings(&app, settings);
+    Ok(())
+}
+
 /// Determine whether a shortcut string contains at least one non-modifier key.
 /// We allow single non-modifier keys (e.g. "f5" or "space") but disallow
 /// modifier-only combos (e.g. "ctrl" or "ctrl+shift").
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 1c186dd74..13d9f978f 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -15,9 +15,9 @@
       {
         "label": "main",
         "title": "Handy",
-        "width": 680,
+        "width": 800,
         "height": 570,
-        "minWidth": 680,
+        "minWidth": 800,
         "minHeight": 570,
         "resizable": true,
         "maximizable": false,
@@ -29,7 +29,9 @@
       "assetProtocol": {
         "enable": true,
         "scope": {
-          "allow": ["**"],
+          "allow": [
+            "**"
+          ],
           "requireLiteralLeadingDot": false
         }
       }
@@ -39,7 +41,9 @@
     "active": true,
     "createUpdaterArtifacts": true,
     "targets": "all",
-    "resources": ["resources/**/*"],
+    "resources": [
+      "resources/**/*"
+    ],
     "license": "MIT",
     "icon": [
       "icons/32x32.png",
@@ -78,4 +82,4 @@
       ]
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/App.css b/src/App.css
index 8a8e66fb9..09ae142fc 100644
--- a/src/App.css
+++ b/src/App.css
@@ -35,6 +35,16 @@
   background-color: var(--color-background);
 }
 
+/* Hide scrollbars while keeping scroll functionality */
+* {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+}
+
+*::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
+
 .container {
   margin: 0;
   padding-top: 10vh;
diff --git a/src/bindings.ts b/src/bindings.ts
index 635fb4c5d..2c35d1ea2 100644
--- a/src/bindings.ts
+++ b/src/bindings.ts
@@ -260,6 +260,38 @@ async changeUpdateChecksSetting(enabled: boolean) : Promise<Result<null, string>
     else return { status: "error", error: e  as any };
 }
 },
+async changeUseOnlineProviderSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_use_online_provider_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeOnlineProviderIdSetting(providerId: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_online_provider_id_setting", { providerId }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeOnlineProviderApiKeySetting(providerId: string, apiKey: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_online_provider_api_key_setting", { providerId, apiKey }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeOnlineProviderModelSetting(providerId: string, model: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_online_provider_model_setting", { providerId, model }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
 async triggerUpdateCheck() : Promise<Result<null, string>> {
     try {
     return { status: "ok", data: await TAURI_INVOKE("trigger_update_check") };
@@ -611,7 +643,7 @@ async isLaptop() : Promise<Result<boolean, string>> {
 
 /** user-defined types **/
 
-export type AppSettings = { bindings: Partial<{ [key in string]: ShortcutBinding }>; push_to_talk: boolean; audio_feedback: boolean; audio_feedback_volume?: number; sound_theme?: SoundTheme; start_hidden?: boolean; autostart_enabled?: boolean; update_checks_enabled?: boolean; selected_model?: string; always_on_microphone?: boolean; selected_microphone?: string | null; clamshell_microphone?: string | null; selected_output_device?: string | null; translate_to_english?: boolean; selected_language?: string; overlay_position?: OverlayPosition; debug_mode?: boolean; log_level?: LogLevel; custom_words?: string[]; model_unload_timeout?: ModelUnloadTimeout; word_correction_threshold?: number; history_limit?: string; recording_retention_period?: RecordingRetentionPeriod; paste_method?: PasteMethod; clipboard_handling?: ClipboardHandling; post_process_enabled?: boolean; post_process_provider_id?: string; post_process_providers?: PostProcessProvider[]; post_process_api_keys?: Partial<{ [key in string]: string }>; post_process_models?: Partial<{ [key in string]: string }>; post_process_prompts?: LLMPrompt[]; post_process_selected_prompt_id?: string | null; mute_while_recording?: boolean; append_trailing_space?: boolean; use_online_provider?: boolean; online_provider_id?: string; online_provider_api_keys?: Partial<{ [key in string]: string }>; online_provider_custom_prompt?: string | null }
+export type AppSettings = { bindings: Partial<{ [key in string]: ShortcutBinding }>; push_to_talk: boolean; audio_feedback: boolean; audio_feedback_volume?: number; sound_theme?: SoundTheme; start_hidden?: boolean; autostart_enabled?: boolean; update_checks_enabled?: boolean; selected_model?: string; always_on_microphone?: boolean; selected_microphone?: string | null; clamshell_microphone?: string | null; selected_output_device?: string | null; translate_to_english?: boolean; selected_language?: string; overlay_position?: OverlayPosition; debug_mode?: boolean; log_level?: LogLevel; custom_words?: string[]; model_unload_timeout?: ModelUnloadTimeout; word_correction_threshold?: number; history_limit?: string; recording_retention_period?: RecordingRetentionPeriod; paste_method?: PasteMethod; clipboard_handling?: ClipboardHandling; post_process_enabled?: boolean; post_process_provider_id?: string; post_process_providers?: PostProcessProvider[]; post_process_api_keys?: Partial<{ [key in string]: string }>; post_process_models?: Partial<{ [key in string]: string }>; post_process_prompts?: LLMPrompt[]; post_process_selected_prompt_id?: string | null; mute_while_recording?: boolean; append_trailing_space?: boolean; use_online_provider?: boolean; online_provider_id?: string; online_provider_api_keys?: Partial<{ [key in string]: string }>; online_provider_models?: Partial<{ [key in string]: string }>; online_provider_custom_prompt?: string | null }
 export type AudioDevice = { index: string; name: string; is_default: boolean }
 export type BindingResponse = { success: boolean; binding: ShortcutBinding | null; error: string | null }
 export type ClipboardHandling = "dont_modify" | "copy_to_clipboard"
diff --git a/src/components/settings/PostProcessingSettingsApi/ApiKeyField.tsx b/src/components/settings/PostProcessingSettingsApi/ApiKeyField.tsx
index 804c1f204..689b43c00 100644
--- a/src/components/settings/PostProcessingSettingsApi/ApiKeyField.tsx
+++ b/src/components/settings/PostProcessingSettingsApi/ApiKeyField.tsx
@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
+import { Eye, EyeOff } from "lucide-react";
 import { Input } from "../../ui/Input";
 
 interface ApiKeyFieldProps {
@@ -7,28 +8,45 @@ interface ApiKeyFieldProps {
   disabled: boolean;
   placeholder?: string;
   className?: string;
+  providerId?: string; // Used to reset local state when provider changes
 }
 
 export const ApiKeyField: React.FC<ApiKeyFieldProps> = React.memo(
-  ({ value, onBlur, disabled, placeholder, className = "" }) => {
+  ({ value, onBlur, disabled, placeholder, className = "", providerId }) => {
     const [localValue, setLocalValue] = useState(value);
+    const [showPassword, setShowPassword] = useState(false);
 
-    // Sync with prop changes
-    React.useEffect(() => {
+    // Reset local state when provider changes or value changes
+    useEffect(() => {
       setLocalValue(value);
-    }, [value]);
+      setShowPassword(false); // Hide password when provider changes
+    }, [value, providerId]);
 
     return (
-      <Input
-        type="password"
-        value={localValue}
-        onChange={(event) => setLocalValue(event.target.value)}
-        onBlur={() => onBlur(localValue)}
-        placeholder={placeholder}
-        variant="compact"
-        disabled={disabled}
-        className={`flex-1 min-w-[320px] ${className}`}
-      />
+      <div className={`relative flex items-center ${className}`}>
+        <Input
+          type={showPassword ? "text" : "password"}
+          value={localValue}
+          onChange={(event) => setLocalValue(event.target.value)}
+          onBlur={() => onBlur(localValue)}
+          placeholder={placeholder}
+          variant="compact"
+          disabled={disabled}
+          className="flex-1 min-w-[320px] pr-10"
+        />
+        <button
+          type="button"
+          onClick={() => setShowPassword(!showPassword)}
+          className="absolute right-2 p-1 text-text/50 hover:text-logo-primary transition-colors"
+          title={showPassword ? "Hide API key" : "Show API key"}
+        >
+          {showPassword ? (
+            <EyeOff className="w-4 h-4" />
+          ) : (
+            <Eye className="w-4 h-4" />
+          )}
+        </button>
+      </div>
     );
   },
 );
diff --git a/src/components/settings/PostProcessingSettingsApi/ModelSelect.tsx b/src/components/settings/PostProcessingSettingsApi/ModelSelect.tsx
index 8a05ed0f1..fc9212a6b 100644
--- a/src/components/settings/PostProcessingSettingsApi/ModelSelect.tsx
+++ b/src/components/settings/PostProcessingSettingsApi/ModelSelect.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
 import type { ModelOption } from "./types";
 import { Select } from "../../ui/Select";
 
@@ -12,6 +12,7 @@ type ModelSelectProps = {
   onCreate: (value: string) => void;
   onBlur: () => void;
   className?: string;
+  providerId?: string; // Track provider changes to reset menu state
 };
 
 export const ModelSelect: React.FC<ModelSelectProps> = React.memo(
@@ -25,11 +26,28 @@ export const ModelSelect: React.FC<ModelSelectProps> = React.memo(
     onCreate,
     onBlur,
     className = "flex-1 min-w-[360px]",
+    providerId,
   }) => {
+    // Track if menu should be open - starts open if no value selected
+    const [isMenuOpen, setIsMenuOpen] = useState(!value);
+
+    // Reset menu state when provider changes - open if no model for new provider
+    useEffect(() => {
+      if (!value) {
+        setIsMenuOpen(true);
+      }
+    }, [providerId, value]);
+
     const handleCreate = (inputValue: string) => {
       const trimmed = inputValue.trim();
       if (!trimmed) return;
       onCreate(trimmed);
+      setIsMenuOpen(false);
+    };
+
+    const handleSelect = (selected: string | null) => {
+      onSelect(selected ?? "");
+      setIsMenuOpen(false);
     };
 
     const computedClassName = `text-sm ${className}`;
@@ -39,14 +57,18 @@ export const ModelSelect: React.FC<ModelSelectProps> = React.memo(
         className={computedClassName}
         value={value || null}
         options={options}
-        onChange={(selected) => onSelect(selected ?? "")}
+        onChange={handleSelect}
         onCreateOption={handleCreate}
-        onBlur={onBlur}
+        onBlur={() => {
+          setIsMenuOpen(false);
+          onBlur();
+        }}
         placeholder={placeholder}
         disabled={disabled}
         isLoading={isLoading}
         isCreatable
         formatCreateLabel={(input) => `Use "${input}"`}
+        menuIsOpen={isMenuOpen}
       />
     );
   },
diff --git a/src/components/settings/PostProcessingSettingsApi/usePostProcessProviderState.ts b/src/components/settings/PostProcessingSettingsApi/usePostProcessProviderState.ts
index 4cd04ee4d..2961b1a79 100644
--- a/src/components/settings/PostProcessingSettingsApi/usePostProcessProviderState.ts
+++ b/src/components/settings/PostProcessingSettingsApi/usePostProcessProviderState.ts
@@ -134,6 +134,16 @@ export const usePostProcessProviderState = (): PostProcessProviderState => {
     void fetchPostProcessModels(selectedProviderId);
   }, [fetchPostProcessModels, isAppleProvider, selectedProviderId]);
 
+  // Auto-fetch models when provider changes and API key is available
+  useEffect(() => {
+    if (isAppleProvider) return;
+    const currentApiKey = settings?.post_process_api_keys?.[selectedProviderId] ?? "";
+    if (currentApiKey.trim() && !postProcessModelOptions[selectedProviderId]) {
+      // Only fetch if we have an API key and haven't fetched before
+      void fetchPostProcessModels(selectedProviderId);
+    }
+  }, [selectedProviderId, settings?.post_process_api_keys, postProcessModelOptions, fetchPostProcessModels, isAppleProvider]);
+
   const availableModelsRaw = postProcessModelOptions[selectedProviderId] || [];
 
   const modelOptions = useMemo<ModelOption[]>(() => {
diff --git a/src/components/settings/general/GeneralSettings.tsx b/src/components/settings/general/GeneralSettings.tsx
index fa98c5ed9..5f5969880 100644
--- a/src/components/settings/general/GeneralSettings.tsx
+++ b/src/components/settings/general/GeneralSettings.tsx
@@ -10,6 +10,7 @@ import { AudioFeedback } from "../AudioFeedback";
 import { useSettings } from "../../../hooks/useSettings";
 import { VolumeSlider } from "../VolumeSlider";
 import { UseOnlineProviderToggle } from "../UseOnlineProviderToggle";
+import { PostProcessingToggle } from "../PostProcessingToggle";
 
 export const GeneralSettings: React.FC = () => {
   const { t } = useTranslation();
@@ -21,6 +22,7 @@ export const GeneralSettings: React.FC = () => {
         <LanguageSelector descriptionMode="tooltip" grouped={true} />
         <PushToTalk descriptionMode="tooltip" grouped={true} />
         <UseOnlineProviderToggle descriptionMode="tooltip" grouped={true} />
+        <PostProcessingToggle descriptionMode="tooltip" grouped={true} />
       </SettingsGroup>
       <SettingsGroup title={t("settings.sound.title")}>
         <MicrophoneSelector descriptionMode="tooltip" grouped={true} />
diff --git a/src/components/settings/history/HistorySettings.tsx b/src/components/settings/history/HistorySettings.tsx
index 6e06c9eb9..93fe5c7d3 100644
--- a/src/components/settings/history/HistorySettings.tsx
+++ b/src/components/settings/history/HistorySettings.tsx
@@ -190,7 +190,8 @@ export const HistorySettings: React.FC = () => {
                 key={entry.id}
                 entry={entry}
                 onToggleSaved={() => toggleSaved(entry.id)}
-                onCopyText={() => copyToClipboard(entry.transcription_text)}
+                onCopyRawText={() => copyToClipboard(entry.transcription_text)}
+                onCopyPostProcessedText={() => copyToClipboard(entry.post_processed_text || "")}
                 getAudioUrl={getAudioUrl}
                 deleteAudio={deleteAudioEntry}
               />
@@ -205,7 +206,8 @@ export const HistorySettings: React.FC = () => {
 interface HistoryEntryProps {
   entry: HistoryEntry;
   onToggleSaved: () => void;
-  onCopyText: () => void;
+  onCopyRawText: () => void;
+  onCopyPostProcessedText: () => void;
   getAudioUrl: (fileName: string) => Promise<string | null>;
   deleteAudio: (id: string) => Promise<void>;
 }
@@ -213,13 +215,15 @@ interface HistoryEntryProps {
 const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
   entry,
   onToggleSaved,
-  onCopyText,
+  onCopyRawText,
+  onCopyPostProcessedText,
   getAudioUrl,
   deleteAudio,
 }) => {
   const { t, i18n } = useTranslation();
   const [audioUrl, setAudioUrl] = useState<string | null>(null);
-  const [showCopied, setShowCopied] = useState(false);
+  const [showCopiedRaw, setShowCopiedRaw] = useState(false);
+  const [showCopiedProcessed, setShowCopiedProcessed] = useState(false);
 
   useEffect(() => {
     const loadAudio = async () => {
@@ -229,10 +233,16 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
     loadAudio();
   }, [entry.file_name, getAudioUrl]);
 
-  const handleCopyText = () => {
-    onCopyText();
-    setShowCopied(true);
-    setTimeout(() => setShowCopied(false), 2000);
+  const handleCopyRawText = () => {
+    onCopyRawText();
+    setShowCopiedRaw(true);
+    setTimeout(() => setShowCopiedRaw(false), 2000);
+  };
+
+  const handleCopyPostProcessedText = () => {
+    onCopyPostProcessedText();
+    setShowCopiedProcessed(true);
+    setTimeout(() => setShowCopiedProcessed(false), 2000);
   };
 
   const handleDeleteEntry = async () => {
@@ -245,30 +255,20 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
   };
 
   const formattedDate = formatDateTime(entry.timestamp, i18n.language);
+  const hasPostProcessedText = entry.post_processed_text && entry.post_processed_text.trim() !== "";
 
   return (
     <div className="px-4 py-2 pb-5 flex flex-col gap-3">
+      {/* Header with date and main actions (star, delete) */}
       <div className="flex justify-between items-center">
         <p className="text-sm font-medium">{formattedDate}</p>
         <div className="flex items-center gap-1">
-          <button
-            onClick={handleCopyText}
-            className="text-text/50 hover:text-logo-primary  hover:border-logo-primary transition-colors cursor-pointer"
-            title={t("settings.history.copyToClipboard")}
-          >
-            {showCopied ? (
-              <Check width={16} height={16} />
-            ) : (
-              <Copy width={16} height={16} />
-            )}
-          </button>
           <button
             onClick={onToggleSaved}
-            className={`p-2 rounded  transition-colors cursor-pointer ${
-              entry.saved
-                ? "text-logo-primary hover:text-logo-primary/80"
-                : "text-text/50 hover:text-logo-primary"
-            }`}
+            className={`p-2 rounded transition-colors cursor-pointer ${entry.saved
+              ? "text-logo-primary hover:text-logo-primary/80"
+              : "text-text/50 hover:text-logo-primary"
+              }`}
             title={
               entry.saved
                 ? t("settings.history.unsave")
@@ -290,9 +290,60 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
           </button>
         </div>
       </div>
-      <p className="italic text-text/90 text-sm pb-2">
-        {entry.transcription_text}
-      </p>
+
+      {/* Raw Transcription Section */}
+      <div className="border border-mid-gray/20 rounded-lg p-3">
+        <div className="flex justify-between items-start gap-2">
+          <div className="flex-1">
+            <p className="text-xs font-medium text-mid-gray uppercase tracking-wide mb-1">
+              {t("settings.history.rawOutput", "Raw Output")}
+            </p>
+            <p className="italic text-text/90 text-sm">
+              {entry.transcription_text}
+            </p>
+          </div>
+          <button
+            onClick={handleCopyRawText}
+            className="text-text/50 hover:text-logo-primary hover:border-logo-primary transition-colors cursor-pointer flex-shrink-0"
+            title={t("settings.history.copyToClipboard")}
+          >
+            {showCopiedRaw ? (
+              <Check width={16} height={16} />
+            ) : (
+              <Copy width={16} height={16} />
+            )}
+          </button>
+        </div>
+      </div>
+
+      {/* Post-Processed Section (only shown if there's post-processed text) */}
+      {hasPostProcessedText && (
+        <div className="border border-logo-primary/30 rounded-lg p-3 bg-logo-primary/5">
+          <div className="flex justify-between items-start gap-2">
+            <div className="flex-1">
+              <p className="text-xs font-medium text-logo-primary uppercase tracking-wide mb-1">
+                {t("settings.history.postProcessedOutput", "Post-Processed Output")}
+              </p>
+              <p className="text-text/90 text-sm">
+                {entry.post_processed_text}
+              </p>
+            </div>
+            <button
+              onClick={handleCopyPostProcessedText}
+              className="text-text/50 hover:text-logo-primary hover:border-logo-primary transition-colors cursor-pointer flex-shrink-0"
+              title={t("settings.history.copyToClipboard")}
+            >
+              {showCopiedProcessed ? (
+                <Check width={16} height={16} />
+              ) : (
+                <Copy width={16} height={16} />
+              )}
+            </button>
+          </div>
+        </div>
+      )}
+
+      {/* Audio Player */}
       {audioUrl && <AudioPlayer src={audioUrl} className="w-full" />}
     </div>
   );
diff --git a/src/components/settings/online-providers/OnlineProviderSettings.tsx b/src/components/settings/online-providers/OnlineProviderSettings.tsx
index 62f814d12..2609252a8 100644
--- a/src/components/settings/online-providers/OnlineProviderSettings.tsx
+++ b/src/components/settings/online-providers/OnlineProviderSettings.tsx
@@ -1,14 +1,14 @@
 import React, { useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import { Check } from "lucide-react";
+import { Check, Eye, EyeOff } from "lucide-react";
 
 import { SettingsGroup } from "../../ui/SettingsGroup";
 import { SettingContainer } from "../../ui/SettingContainer";
 import { Input } from "../../ui/Input";
 import { Dropdown } from "../../ui/Dropdown";
-import { Textarea } from "../../ui/Textarea";
 import { Button } from "../../ui/Button";
 import { useSettings } from "../../../hooks/useSettings";
+import { commands } from "@/bindings";
 
 const ONLINE_PROVIDERS = [
     { value: "openai", label: "OpenAI" },
@@ -48,59 +48,70 @@ const DisabledNotice: React.FC<{ children: React.ReactNode }> = ({
 
 export const OnlineProviderSettings: React.FC = () => {
     const { t } = useTranslation();
-    const { getSetting, updateSetting, isUpdating } = useSettings();
+    const { getSetting, updateSetting, isUpdating, refreshSettings } = useSettings();
 
     const enabled = getSetting("use_online_provider") || false;
     const selectedProviderId = getSetting("online_provider_id") || "openai";
     const apiKeys = getSetting("online_provider_api_keys") || {};
-    const customPrompt = getSetting("online_provider_custom_prompt") || "";
+    const savedModels = getSetting("online_provider_models") || {};
 
     const [localApiKey, setLocalApiKey] = useState(apiKeys[selectedProviderId] || "");
-    const [localCustomPrompt, setLocalCustomPrompt] = useState(customPrompt || "");
-    const [selectedModel, setSelectedModel] = useState<string>("");
+    const [showApiKey, setShowApiKey] = useState(false);
+    const [selectedModel, setSelectedModel] = useState<string>(savedModels[selectedProviderId] || "");
     const [customModelId, setCustomModelId] = useState("");
+    const [isApiKeySaving, setIsApiKeySaving] = useState(false);
 
     const modelOptions = PROVIDER_MODELS[selectedProviderId] || [];
     const isOtherSelected = selectedModel === "other";
 
-    // Set default model when provider changes
+    // Update local state when provider changes
     useEffect(() => {
-        if (modelOptions.length > 0) {
+        setLocalApiKey(apiKeys[selectedProviderId] || "");
+        const savedModel = savedModels[selectedProviderId] || "";
+        if (savedModel) {
+            setSelectedModel(savedModel);
+        } else if (modelOptions.length > 0) {
             setSelectedModel(modelOptions[0].value);
-            setCustomModelId("");
         }
-    }, [selectedProviderId, modelOptions]);
+        setCustomModelId("");
+    }, [selectedProviderId, modelOptions.length]);
 
     const isApiKeyDirty = localApiKey !== (apiKeys[selectedProviderId] || "");
-    const isApiKeySaving = isUpdating("online_provider_api_keys");
 
     const handleProviderChange = (providerId: string | null) => {
         if (!providerId) return;
         updateSetting("online_provider_id", providerId);
-        // Update local API key to show the key for the new provider
-        setLocalApiKey(apiKeys[providerId] || "");
     };
 
-    const handleModelChange = (modelId: string | null) => {
+    const handleModelChange = async (modelId: string | null) => {
         if (!modelId) return;
         setSelectedModel(modelId);
         if (modelId !== "other") {
             setCustomModelId("");
+            // Save the model selection to backend
+            try {
+                await commands.changeOnlineProviderModelSetting(selectedProviderId, modelId);
+                await refreshSettings();
+            } catch (error) {
+                console.error("Failed to save model selection:", error);
+            }
         }
     };
 
-    const handleSaveApiKey = () => {
+    const handleSaveApiKey = async () => {
         if (isApiKeyDirty) {
-            const updatedKeys = { ...apiKeys, [selectedProviderId]: localApiKey };
-            updateSetting("online_provider_api_keys", updatedKeys);
+            setIsApiKeySaving(true);
+            try {
+                await commands.changeOnlineProviderApiKeySetting(selectedProviderId, localApiKey);
+                await refreshSettings();
+            } catch (error) {
+                console.error("Failed to save API key:", error);
+            } finally {
+                setIsApiKeySaving(false);
+            }
         }
     };
 
-    const handleCustomPromptBlur = () => {
-        if (localCustomPrompt !== (customPrompt || "")) {
-            updateSetting("online_provider_custom_prompt", localCustomPrompt || null);
-        }
-    };
 
     if (!enabled) {
         return (
@@ -173,14 +184,28 @@ export const OnlineProviderSettings: React.FC = () => {
                     tooltipPosition="bottom"
                 >
                     <div className="flex items-center gap-2 ml-auto">
-                        <Input
-                            type="password"
-                            value={localApiKey}
-                            onChange={(e) => setLocalApiKey(e.target.value)}
-                            placeholder={t("settings.onlineProviders.apiKey.placeholder")}
-                            className="min-w-[280px]"
-                            variant="compact"
-                        />
+                        <div className="relative flex items-center">
+                            <Input
+                                type={showApiKey ? "text" : "password"}
+                                value={localApiKey}
+                                onChange={(e) => setLocalApiKey(e.target.value)}
+                                placeholder={t("settings.onlineProviders.apiKey.placeholder")}
+                                className="min-w-[280px] pr-10"
+                                variant="compact"
+                            />
+                            <button
+                                type="button"
+                                onClick={() => setShowApiKey(!showApiKey)}
+                                className="absolute right-2 p-1 text-text/50 hover:text-logo-primary transition-colors"
+                                title={showApiKey ? "Hide API key" : "Show API key"}
+                            >
+                                {showApiKey ? (
+                                    <EyeOff className="w-4 h-4" />
+                                ) : (
+                                    <Eye className="w-4 h-4" />
+                                )}
+                            </button>
+                        </div>
                         {isApiKeyDirty && (
                             <Button
                                 onClick={handleSaveApiKey}
@@ -195,34 +220,6 @@ export const OnlineProviderSettings: React.FC = () => {
                     </div>
                 </SettingContainer>
 
-                <SettingContainer
-                    title={t("settings.onlineProviders.customPrompt.title")}
-                    description={t("settings.onlineProviders.customPrompt.description")}
-                    descriptionMode="tooltip"
-                    layout="horizontal"
-                    grouped={true}
-                    tooltipPosition="bottom"
-                >
-                    <div className="flex items-center gap-2 ml-auto flex-1">
-                        <Textarea
-                            value={localCustomPrompt}
-                            onChange={(e) => setLocalCustomPrompt(e.target.value)}
-                            placeholder={t("settings.onlineProviders.customPrompt.placeholder")}
-                            className="min-w-[250px] max-h-20"
-                        />
-                        {localCustomPrompt !== (customPrompt || "") && (
-                            <Button
-                                onClick={handleCustomPromptBlur}
-                                variant="primary"
-                                size="sm"
-                                disabled={isUpdating("online_provider_custom_prompt")}
-                                className="flex items-center gap-1 px-3"
-                            >
-                                <Check className="h-4 w-4" />
-                            </Button>
-                        )}
-                    </div>
-                </SettingContainer>
             </SettingsGroup>
         </div>
     );
diff --git a/src/components/settings/post-processing/PostProcessingSettings.tsx b/src/components/settings/post-processing/PostProcessingSettings.tsx
index 52ad96dc0..3b28c7bc7 100644
--- a/src/components/settings/post-processing/PostProcessingSettings.tsx
+++ b/src/components/settings/post-processing/PostProcessingSettings.tsx
@@ -111,6 +111,7 @@ const PostProcessingSettingsApiComponent: React.FC = () => {
                 )}
                 disabled={state.isApiKeyUpdating}
                 className="min-w-[320px]"
+                providerId={state.selectedProviderId}
               />
             </div>
           </SettingContainer>
@@ -127,7 +128,7 @@ const PostProcessingSettingsApiComponent: React.FC = () => {
               : t("settings.postProcessing.api.model.descriptionDefault")
         }
         descriptionMode="tooltip"
-        layout="stacked"
+        layout="horizontal"
         grouped={true}
       >
         <div className="flex items-center gap-2">
@@ -141,14 +142,15 @@ const PostProcessingSettingsApiComponent: React.FC = () => {
                 ? t("settings.postProcessing.api.model.placeholderApple")
                 : state.modelOptions.length > 0
                   ? t(
-                      "settings.postProcessing.api.model.placeholderWithOptions",
-                    )
+                    "settings.postProcessing.api.model.placeholderWithOptions",
+                  )
                   : t("settings.postProcessing.api.model.placeholderNoOptions")
             }
             onSelect={state.handleModelSelect}
             onCreate={state.handleModelCreate}
-            onBlur={() => {}}
+            onBlur={() => { }}
             className="flex-1 min-w-[380px]"
+            providerId={state.selectedProviderId}
           />
           <ResetButton
             onClick={state.handleRefreshModels}
diff --git a/src/components/ui/Select.tsx b/src/components/ui/Select.tsx
index 08c497d27..f81cf9f26 100644
--- a/src/components/ui/Select.tsx
+++ b/src/components/ui/Select.tsx
@@ -21,6 +21,7 @@ type BaseProps = {
   disabled?: boolean;
   isLoading?: boolean;
   isClearable?: boolean;
+  menuIsOpen?: boolean; // Controls whether dropdown is open
   onChange: (value: string | null, action: ActionMeta<SelectOption>) => void;
   onBlur?: () => void;
   className?: string;
@@ -127,6 +128,7 @@ export const Select: React.FC<SelectProps> = React.memo(
     disabled,
     isLoading,
     isClearable = true,
+    menuIsOpen,
     onChange,
     onBlur,
     className = "",
@@ -160,6 +162,7 @@ export const Select: React.FC<SelectProps> = React.memo(
       onBlur,
       isClearable,
       styles: selectStyles,
+      ...(menuIsOpen !== undefined && { menuIsOpen }),
     };
 
     if (isCreatable) {
diff --git a/src/stores/settingsStore.ts b/src/stores/settingsStore.ts
index 67d3c4fc8..aa7ad65a5 100644
--- a/src/stores/settingsStore.ts
+++ b/src/stores/settingsStore.ts
@@ -124,6 +124,10 @@ const settingUpdaters: {
   append_trailing_space: (value) =>
     commands.changeAppendTrailingSpaceSetting(value as boolean),
   log_level: (value) => commands.setLogLevel(value as any),
+  use_online_provider: (value) =>
+    commands.changeUseOnlineProviderSetting(value as boolean),
+  online_provider_id: (value) =>
+    commands.changeOnlineProviderIdSetting(value as string),
 };
 
 export const useSettingsStore = create<SettingsStore>()(
@@ -294,15 +298,15 @@ export const useSettingsStore = create<SettingsStore>()(
         set((state) => ({
           settings: state.settings
             ? {
-                ...state.settings,
-                bindings: {
-                  ...state.settings.bindings,
-                  [id]: {
-                    ...state.settings.bindings[id]!,
-                    current_binding: binding,
-                  },
+              ...state.settings,
+              bindings: {
+                ...state.settings.bindings,
+                [id]: {
+                  ...state.settings.bindings[id]!,
+                  current_binding: binding,
                 },
-              }
+              },
+            }
             : null,
         }));
 
@@ -315,15 +319,15 @@ export const useSettingsStore = create<SettingsStore>()(
           set((state) => ({
             settings: state.settings
               ? {
-                  ...state.settings,
-                  bindings: {
-                    ...state.settings.bindings,
-                    [id]: {
-                      ...state.settings.bindings[id]!,
-                      current_binding: originalBinding,
-                    },
+                ...state.settings,
+                bindings: {
+                  ...state.settings.bindings,
+                  [id]: {
+                    ...state.settings.bindings[id]!,
+                    current_binding: originalBinding,
                   },
-                }
+                },
+              }
               : null,
           }));
         }

From d7cec5d42db8c51c32ab567acb937d7b70c25fea Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Tue, 16 Dec 2025 22:43:06 +0530
Subject: [PATCH 03/11] merge conflict resolved

---
 src-tauri/src/settings.rs | 2 ++
 src-tauri/src/shortcut.rs | 5 +++++
 src/bindings.ts           | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src-tauri/src/settings.rs b/src-tauri/src/settings.rs
index dfa4dfb1d..beb5bb966 100644
--- a/src-tauri/src/settings.rs
+++ b/src-tauri/src/settings.rs
@@ -393,6 +393,8 @@ fn default_online_provider_models() -> HashMap<String, String> {
     map.insert("gemini".to_string(), "gemini-2.0-flash".to_string());
     map.insert("sambanova".to_string(), "whisper-large-v3".to_string());
     map
+}
+
 fn default_app_language() -> String {
     "en".to_string()
 }
diff --git a/src-tauri/src/shortcut.rs b/src-tauri/src/shortcut.rs
index 1914516b2..f75d00408 100644
--- a/src-tauri/src/shortcut.rs
+++ b/src-tauri/src/shortcut.rs
@@ -764,6 +764,11 @@ pub fn change_online_provider_model_setting(
     // Store the model per provider - we need to add this field to settings
     settings.online_provider_models.insert(provider_id, model);
     settings::write_settings(&app, settings);
+    Ok(())
+}
+
+#[tauri::command]
+#[specta::specta]
 pub fn change_app_language_setting(app: AppHandle, language: String) -> Result<(), String> {
     let mut settings = settings::get_settings(&app);
     settings.app_language = language;
diff --git a/src/bindings.ts b/src/bindings.ts
index ac17a8627..164ad4338 100644
--- a/src/bindings.ts
+++ b/src/bindings.ts
@@ -651,7 +651,7 @@ async isLaptop() : Promise<Result<boolean, string>> {
 
 /** user-defined types **/
 
-export type AppSettings = { bindings: Partial<{ [key in string]: ShortcutBinding }>; push_to_talk: boolean; audio_feedback: boolean; audio_feedback_volume?: number; sound_theme?: SoundTheme; start_hidden?: boolean; autostart_enabled?: boolean; update_checks_enabled?: boolean; selected_model?: string; always_on_microphone?: boolean; selected_microphone?: string | null; clamshell_microphone?: string | null; selected_output_device?: string | null; translate_to_english?: boolean; selected_language?: string; overlay_position?: OverlayPosition; debug_mode?: boolean; log_level?: LogLevel; custom_words?: string[]; model_unload_timeout?: ModelUnloadTimeout; word_correction_threshold?: number; history_limit?: string; recording_retention_period?: RecordingRetentionPeriod; paste_method?: PasteMethod; clipboard_handling?: ClipboardHandling; post_process_enabled?: boolean; post_process_provider_id?: string; post_process_providers?: PostProcessProvider[]; post_process_api_keys?: Partial<{ [key in string]: string }>; post_process_models?: Partial<{ [key in string]: string }>; post_process_prompts?: LLMPrompt[]; post_process_selected_prompt_id?: string | null; mute_while_recording?: boolean; append_trailing_space?: boolean; app_language?: string; use_online_provider?: boolean; online_provider_id?: string; online_provider_api_keys?: Partial<{ [key in string]: string }>; online_provider_models?: Partial<{ [key in string]: string }>; online_provider_custom_prompt?: string | null }
+export type AppSettings = { bindings: Partial<{ [key in string]: ShortcutBinding }>; push_to_talk: boolean; audio_feedback: boolean; audio_feedback_volume?: number; sound_theme?: SoundTheme; start_hidden?: boolean; autostart_enabled?: boolean; update_checks_enabled?: boolean; selected_model?: string; always_on_microphone?: boolean; selected_microphone?: string | null; clamshell_microphone?: string | null; selected_output_device?: string | null; translate_to_english?: boolean; selected_language?: string; overlay_position?: OverlayPosition; debug_mode?: boolean; log_level?: LogLevel; custom_words?: string[]; model_unload_timeout?: ModelUnloadTimeout; word_correction_threshold?: number; history_limit?: number; recording_retention_period?: RecordingRetentionPeriod; paste_method?: PasteMethod; clipboard_handling?: ClipboardHandling; post_process_enabled?: boolean; post_process_provider_id?: string; post_process_providers?: PostProcessProvider[]; post_process_api_keys?: Partial<{ [key in string]: string }>; post_process_models?: Partial<{ [key in string]: string }>; post_process_prompts?: LLMPrompt[]; post_process_selected_prompt_id?: string | null; mute_while_recording?: boolean; append_trailing_space?: boolean; use_online_provider?: boolean; online_provider_id?: string; online_provider_api_keys?: Partial<{ [key in string]: string }>; online_provider_models?: Partial<{ [key in string]: string }>; online_provider_custom_prompt?: string | null; app_language?: string }
 export type AudioDevice = { index: string; name: string; is_default: boolean }
 export type BindingResponse = { success: boolean; binding: ShortcutBinding | null; error: string | null }
 export type ClipboardHandling = "dont_modify" | "copy_to_clipboard"

From a790cc8f2ebb2c6b4292b70958a3b5701bdf56a5 Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Tue, 16 Dec 2025 22:45:27 +0530
Subject: [PATCH 04/11] fixed the warnings:
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

shortcut.rs
 (1 warning)
Unused import: APPLE_INTELLIGENCE_DEFAULT_MODEL_ID — removed from imports
signal_handle.rs
 (6 warnings)
Unused import: crate::actions::ACTION_MAP — added #[cfg(unix)]
Unused import: crate::ManagedToggleState — added #[cfg(unix)]
Unused imports:
debug
, info, warn from
log
 — added #[cfg(unix)]
Unused import: std::thread — added #[cfg(unix)]
Unused imports: AppHandle, Manager from tauri — added #[cfg(unix)]
(These were all only used in unix-specific code, so adding #[cfg(unix)] prevents the warnings on Windows)

settings.rs
 (1 warning)
Unused mut:
providers
 variable — added #[allow(unused_mut)] (it's only mutated on macOS aarch64)
lib.rs
 (1 warning)
Unused mut: builder variable — added #[allow(unused_mut)] (it's only mutated on macOS with the nspanel plugin)
---
 src-tauri/src/lib.rs           | 1 +
 src-tauri/src/settings.rs      | 1 +
 src-tauri/src/shortcut.rs      | 2 +-
 src-tauri/src/signal_handle.rs | 5 +++++
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index dbaea8a68..e8c237a74 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -322,6 +322,7 @@ pub fn run() {
         )
         .expect("Failed to export typescript bindings");
 
+    #[allow(unused_mut)]
     let mut builder = tauri::Builder::default().plugin(
         LogBuilder::new()
             .level(log::LevelFilter::Trace) // Set to most verbose level globally
diff --git a/src-tauri/src/settings.rs b/src-tauri/src/settings.rs
index beb5bb966..163ac1009 100644
--- a/src-tauri/src/settings.rs
+++ b/src-tauri/src/settings.rs
@@ -404,6 +404,7 @@ fn default_post_process_provider_id() -> String {
 }
 
 fn default_post_process_providers() -> Vec<PostProcessProvider> {
+    #[allow(unused_mut)]
     let mut providers = vec![
         PostProcessProvider {
             id: "openai".to_string(),
diff --git a/src-tauri/src/shortcut.rs b/src-tauri/src/shortcut.rs
index f75d00408..98fe2694b 100644
--- a/src-tauri/src/shortcut.rs
+++ b/src-tauri/src/shortcut.rs
@@ -11,7 +11,7 @@ use crate::managers::audio::AudioRecordingManager;
 use crate::settings::ShortcutBinding;
 use crate::settings::{
     self, get_settings, ClipboardHandling, LLMPrompt, OverlayPosition, PasteMethod, SoundTheme,
-    APPLE_INTELLIGENCE_DEFAULT_MODEL_ID, APPLE_INTELLIGENCE_PROVIDER_ID,
+    APPLE_INTELLIGENCE_PROVIDER_ID,
 };
 use crate::ManagedToggleState;
 
diff --git a/src-tauri/src/signal_handle.rs b/src-tauri/src/signal_handle.rs
index c4445c99e..8d8c80943 100644
--- a/src-tauri/src/signal_handle.rs
+++ b/src-tauri/src/signal_handle.rs
@@ -1,7 +1,12 @@
+#[cfg(unix)]
 use crate::actions::ACTION_MAP;
+#[cfg(unix)]
 use crate::ManagedToggleState;
+#[cfg(unix)]
 use log::{debug, info, warn};
+#[cfg(unix)]
 use std::thread;
+#[cfg(unix)]
 use tauri::{AppHandle, Manager};
 
 #[cfg(unix)]

From 3922bfb38d8f82f25822e90a30c064a67e3c1f30 Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Tue, 16 Dec 2025 23:17:23 +0530
Subject: [PATCH 05/11] feat: Updated cause the build was failing

---
 src-tauri/src/lib.rs                                | 1 +
 src-tauri/tauri.conf.json                           | 4 +---
 src/components/settings/history/HistorySettings.tsx | 8 ++++----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index e8c237a74..09f456817 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -15,6 +15,7 @@ mod shortcut;
 mod signal_handle;
 mod tray;
 mod utils;
+#[cfg(debug_assertions)]
 use specta_typescript::{BigIntExportBehavior, Typescript};
 use tauri_specta::{collect_commands, Builder};
 
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 13d9f978f..363b09565 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -70,9 +70,7 @@
         "files": {}
       }
     },
-    "windows": {
-      "signCommand": "trusted-signing-cli -e https://eus.codesigning.azure.net/ -a CJ-Signing -c cjpais-dev -d Handy %1"
-    }
+    "windows": {}
   },
   "plugins": {
     "updater": {
diff --git a/src/components/settings/history/HistorySettings.tsx b/src/components/settings/history/HistorySettings.tsx
index 93fe5c7d3..c6636d309 100644
--- a/src/components/settings/history/HistorySettings.tsx
+++ b/src/components/settings/history/HistorySettings.tsx
@@ -72,7 +72,7 @@ export const HistorySettings: React.FC = () => {
     };
   }, [loadHistoryEntries]);
 
-  const toggleSaved = async (id: string) => {
+  const toggleSaved = async (id: number) => {
     try {
       await commands.toggleHistoryEntrySaved(id);
       // No need to reload here - the event listener will handle it
@@ -102,7 +102,7 @@ export const HistorySettings: React.FC = () => {
     }
   };
 
-  const deleteAudioEntry = async (id: string) => {
+  const deleteAudioEntry = async (id: number) => {
     try {
       await commands.deleteHistoryEntry(id);
     } catch (error) {
@@ -209,7 +209,7 @@ interface HistoryEntryProps {
   onCopyRawText: () => void;
   onCopyPostProcessedText: () => void;
   getAudioUrl: (fileName: string) => Promise<string | null>;
-  deleteAudio: (id: string) => Promise<void>;
+  deleteAudio: (id: number) => Promise<void>;
 }
 
 const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
@@ -254,7 +254,7 @@ const HistoryEntryComponent: React.FC<HistoryEntryProps> = ({
     }
   };
 
-  const formattedDate = formatDateTime(entry.timestamp, i18n.language);
+  const formattedDate = formatDateTime(String(entry.timestamp), i18n.language);
   const hasPostProcessedText = entry.post_processed_text && entry.post_processed_text.trim() !== "";
 
   return (

From 66b838c3a4b17b1813e5e5c13b6faebdbb3f0d5e Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Wed, 17 Dec 2025 18:45:33 +0530
Subject: [PATCH 06/11] removed api transcription

---
 src-tauri/src/actions.rs                      | 207 +---------------
 src-tauri/src/lib.rs                          |   4 -
 src-tauri/src/settings.rs                     |  38 ---
 src-tauri/src/shortcut.rs                     |  49 ----
 src/bindings.ts                               |  34 +--
 src/components/Sidebar.tsx                    |  13 +-
 .../settings/UseOnlineProviderToggle.tsx      |  31 ---
 .../settings/general/GeneralSettings.tsx      |   2 -
 src/components/settings/index.ts              |   2 -
 .../OnlineProviderSettings.tsx                | 226 ------------------
 src/stores/settingsStore.ts                   |   4 -
 11 files changed, 10 insertions(+), 600 deletions(-)
 delete mode 100644 src/components/settings/UseOnlineProviderToggle.tsx
 delete mode 100644 src/components/settings/online-providers/OnlineProviderSettings.tsx

diff --git a/src-tauri/src/actions.rs b/src-tauri/src/actions.rs
index 32a225645..4fc702343 100644
--- a/src-tauri/src/actions.rs
+++ b/src-tauri/src/actions.rs
@@ -30,176 +30,6 @@ pub trait ShortcutAction: Send + Sync {
 // Transcribe Action
 struct TranscribeAction;
 
-/// Online provider configuration for audio transcription
-struct OnlineTranscriptionProvider {
-    base_url: String,
-    model: String,
-    api_key: String,
-}
-
-/// Transcribe audio using an online provider (OpenAI, Groq, SambaNova, etc.)
-async fn transcribe_online(
-    provider: OnlineTranscriptionProvider,
-    audio_samples: Vec<f32>,
-    language: Option<String>,
-) -> Result<String, String> {
-    use hound::{WavSpec, WavWriter};
-    use std::io::Cursor;
-
-    debug!(
-        "Starting online transcription with provider base_url: {}",
-        provider.base_url
-    );
-
-    // Convert f32 samples to WAV format in memory
-    let spec = WavSpec {
-        channels: 1,
-        sample_rate: 16000,
-        bits_per_sample: 16,
-        sample_format: hound::SampleFormat::Int,
-    };
-
-    let mut buffer = Cursor::new(Vec::new());
-    {
-        let mut writer = WavWriter::new(&mut buffer, spec)
-            .map_err(|e| format!("Failed to create WAV writer: {}", e))?;
-
-        for sample in &audio_samples {
-            // Convert f32 [-1.0, 1.0] to i16
-            let i16_sample = (sample * 32767.0).clamp(-32768.0, 32767.0) as i16;
-            writer
-                .write_sample(i16_sample)
-                .map_err(|e| format!("Failed to write sample: {}", e))?;
-        }
-        writer
-            .finalize()
-            .map_err(|e| format!("Failed to finalize WAV: {}", e))?;
-    }
-
-    let wav_data = buffer.into_inner();
-    debug!("Created WAV data: {} bytes", wav_data.len());
-
-    // Build the transcription endpoint URL
-    let base_url = provider.base_url.trim_end_matches('/');
-    let endpoint = format!("{}/audio/transcriptions", base_url);
-
-    // Create multipart form
-    let form = reqwest::multipart::Form::new()
-        .text("model", provider.model.clone())
-        .part(
-            "file",
-            reqwest::multipart::Part::bytes(wav_data)
-                .file_name("audio.wav")
-                .mime_str("audio/wav")
-                .map_err(|e| format!("Failed to set MIME type: {}", e))?,
-        );
-
-    // Add language if specified and not "auto"
-    let form = if let Some(lang) = language {
-        if lang != "auto" {
-            form.text("language", lang)
-        } else {
-            form
-        }
-    } else {
-        form
-    };
-
-    // Create HTTP client with authorization header
-    let client = reqwest::Client::new();
-    let response = client
-        .post(&endpoint)
-        .bearer_auth(&provider.api_key)
-        .multipart(form)
-        .send()
-        .await
-        .map_err(|e| format!("Failed to send transcription request: {}", e))?;
-
-    if !response.status().is_success() {
-        let status = response.status();
-        let error_text = response
-            .text()
-            .await
-            .unwrap_or_else(|_| "Unknown error".to_string());
-        return Err(format!(
-            "Transcription request failed ({}): {}",
-            status, error_text
-        ));
-    }
-
-    // Parse the response - OpenAI returns { "text": "..." }
-    let response_text = response
-        .text()
-        .await
-        .map_err(|e| format!("Failed to read response: {}", e))?;
-
-    let parsed: serde_json::Value = serde_json::from_str(&response_text)
-        .map_err(|e| format!("Failed to parse response: {}", e))?;
-
-    let text = parsed
-        .get("text")
-        .and_then(|v| v.as_str())
-        .unwrap_or("")
-        .to_string();
-
-    debug!(
-        "Online transcription completed. Result length: {} chars",
-        text.len()
-    );
-
-    Ok(text)
-}
-
-/// Get the online provider configuration from settings
-fn get_online_transcription_provider(settings: &AppSettings) -> Option<OnlineTranscriptionProvider> {
-    let provider_id = &settings.online_provider_id;
-    let api_key = settings
-        .online_provider_api_keys
-        .get(provider_id)
-        .cloned()
-        .unwrap_or_default();
-
-    if api_key.trim().is_empty() {
-        error!(
-            "Online transcription skipped: no API key for provider '{}'",
-            provider_id
-        );
-        return None;
-    }
-
-    let model = settings
-        .online_provider_models
-        .get(provider_id)
-        .cloned()
-        .unwrap_or_else(|| {
-            // Default models per provider
-            match provider_id.as_str() {
-                "openai" => "whisper-1".to_string(),
-                "groq" => "whisper-large-v3-turbo".to_string(),
-                "sambanova" => "whisper-large-v3".to_string(),
-                "gemini" => "gemini-2.0-flash".to_string(),
-                _ => "whisper-1".to_string(),
-            }
-        });
-
-    // Provider base URLs
-    let base_url = match provider_id.as_str() {
-        "openai" => "https://api.openai.com/v1".to_string(),
-        "groq" => "https://api.groq.com/openai/v1".to_string(),
-        "sambanova" => "https://api.sambanova.ai/v1".to_string(),
-        "gemini" => "https://generativelanguage.googleapis.com/v1beta/openai".to_string(),
-        _ => {
-            error!("Unknown online provider: {}", provider_id);
-            return None;
-        }
-    };
-
-    Some(OnlineTranscriptionProvider {
-        base_url,
-        model,
-        api_key,
-    })
-}
 
 
 async fn maybe_post_process_transcription(
@@ -420,15 +250,9 @@ impl ShortcutAction for TranscribeAction {
         let start_time = Instant::now();
         debug!("TranscribeAction::start called for binding: {}", binding_id);
 
-        // Only load the local model if we're NOT using an online provider
-        let settings = get_settings(app);
-        if !settings.use_online_provider {
-            // Load model in the background
-            let tm = app.state::<Arc<TranscriptionManager>>();
-            tm.initiate_model_load();
-        } else {
-            debug!("Using online provider for transcription, skipping local model load");
-        }
+        // Load model in the background
+        let tm = app.state::<Arc<TranscriptionManager>>();
+        tm.initiate_model_load();
 
         let binding_id = binding_id.to_string();
         change_tray_icon(app, TrayIconState::Recording);
@@ -529,33 +353,14 @@ impl ShortcutAction for TranscribeAction {
                     samples.len()
                 );
 
-                // Get settings to check if we should use online provider
                 let settings = get_settings(&ah);
                 
                 let transcription_time = Instant::now();
                 let samples_clone = samples.clone(); // Clone for history saving
                 
-                // Use either online or local transcription based on settings
-                let transcription_result: Result<String, String> = if settings.use_online_provider {
-                    // Online transcription
-                    debug!("Using online provider for transcription");
-                    if let Some(provider) = get_online_transcription_provider(&settings) {
-                        let language = if settings.selected_language == "auto" {
-                            None
-                        } else {
-                            Some(settings.selected_language.clone())
-                        };
-                        transcribe_online(provider, samples, language)
-                            .await
-                            .map_err(|e| format!("Online transcription failed: {}", e))
-                    } else {
-                        Err("Online provider not configured properly".to_string())
-                    }
-                } else {
-                    // Local transcription
-                    debug!("Using local model for transcription");
-                    tm.transcribe(samples).map_err(|e| e.to_string())
-                };
+                // Use local transcription
+                debug!("Using local model for transcription");
+                let transcription_result: Result<String, String> = tm.transcribe(samples).map_err(|e| e.to_string());
 
                 match transcription_result {
                     Ok(transcription) => {
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 09f456817..349d4c6a1 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -264,10 +264,6 @@ pub fn run() {
         shortcut::change_append_trailing_space_setting,
         shortcut::change_app_language_setting,
         shortcut::change_update_checks_setting,
-        shortcut::change_use_online_provider_setting,
-        shortcut::change_online_provider_id_setting,
-        shortcut::change_online_provider_api_key_setting,
-        shortcut::change_online_provider_model_setting,
         trigger_update_check,
         commands::cancel_operation,
         commands::get_app_dir_path,
diff --git a/src-tauri/src/settings.rs b/src-tauri/src/settings.rs
index 163ac1009..f31a45657 100644
--- a/src-tauri/src/settings.rs
+++ b/src-tauri/src/settings.rs
@@ -291,17 +291,6 @@ pub struct AppSettings {
     pub mute_while_recording: bool,
     #[serde(default)]
     pub append_trailing_space: bool,
-    // Online provider settings
-    #[serde(default)]
-    pub use_online_provider: bool,
-    #[serde(default = "default_online_provider_id")]
-    pub online_provider_id: String,
-    #[serde(default = "default_online_provider_api_keys")]
-    pub online_provider_api_keys: HashMap<String, String>,
-    #[serde(default = "default_online_provider_models")]
-    pub online_provider_models: HashMap<String, String>,
-    #[serde(default)]
-    pub online_provider_custom_prompt: Option<String>,
     #[serde(default = "default_app_language")]
     pub app_language: String,
 }
@@ -373,27 +362,6 @@ fn default_post_process_enabled() -> bool {
     false
 }
 
-fn default_online_provider_id() -> String {
-    "openai".to_string()
-}
-
-fn default_online_provider_api_keys() -> HashMap<String, String> {
-    let mut map = HashMap::new();
-    map.insert("openai".to_string(), String::new());
-    map.insert("groq".to_string(), String::new());
-    map.insert("gemini".to_string(), String::new());
-    map.insert("sambanova".to_string(), String::new());
-    map
-}
-
-fn default_online_provider_models() -> HashMap<String, String> {
-    let mut map = HashMap::new();
-    map.insert("openai".to_string(), "whisper".to_string());
-    map.insert("groq".to_string(), "whisper-large-v3-turbo".to_string());
-    map.insert("gemini".to_string(), "gemini-2.0-flash".to_string());
-    map.insert("sambanova".to_string(), "whisper-large-v3".to_string());
-    map
-}
 
 fn default_app_language() -> String {
     "en".to_string()
@@ -615,12 +583,6 @@ pub fn get_default_settings() -> AppSettings {
         post_process_selected_prompt_id: None,
         mute_while_recording: false,
         append_trailing_space: false,
-        // Online provider defaults
-        use_online_provider: false,
-        online_provider_id: default_online_provider_id(),
-        online_provider_api_keys: default_online_provider_api_keys(),
-        online_provider_models: default_online_provider_models(),
-        online_provider_custom_prompt: None,
         app_language: default_app_language(),
     }
 }
diff --git a/src-tauri/src/shortcut.rs b/src-tauri/src/shortcut.rs
index 98fe2694b..94a17955f 100644
--- a/src-tauri/src/shortcut.rs
+++ b/src-tauri/src/shortcut.rs
@@ -717,55 +717,6 @@ pub fn change_append_trailing_space_setting(app: AppHandle, enabled: bool) -> Re
     Ok(())
 }
 
-#[tauri::command]
-#[specta::specta]
-pub fn change_use_online_provider_setting(app: AppHandle, enabled: bool) -> Result<(), String> {
-    let mut settings = settings::get_settings(&app);
-    settings.use_online_provider = enabled;
-    settings::write_settings(&app, settings);
-    Ok(())
-}
-
-#[tauri::command]
-#[specta::specta]
-pub fn change_online_provider_id_setting(
-    app: AppHandle,
-    provider_id: String,
-) -> Result<(), String> {
-    let mut settings = settings::get_settings(&app);
-    settings.online_provider_id = provider_id;
-    settings::write_settings(&app, settings);
-    Ok(())
-}
-
-#[tauri::command]
-#[specta::specta]
-pub fn change_online_provider_api_key_setting(
-    app: AppHandle,
-    provider_id: String,
-    api_key: String,
-) -> Result<(), String> {
-    let mut settings = settings::get_settings(&app);
-    settings
-        .online_provider_api_keys
-        .insert(provider_id, api_key);
-    settings::write_settings(&app, settings);
-    Ok(())
-}
-
-#[tauri::command]
-#[specta::specta]
-pub fn change_online_provider_model_setting(
-    app: AppHandle,
-    provider_id: String,
-    model: String,
-) -> Result<(), String> {
-    let mut settings = settings::get_settings(&app);
-    // Store the model per provider - we need to add this field to settings
-    settings.online_provider_models.insert(provider_id, model);
-    settings::write_settings(&app, settings);
-    Ok(())
-}
 
 #[tauri::command]
 #[specta::specta]
diff --git a/src/bindings.ts b/src/bindings.ts
index 164ad4338..aa8ab3186 100644
--- a/src/bindings.ts
+++ b/src/bindings.ts
@@ -268,38 +268,6 @@ async changeUpdateChecksSetting(enabled: boolean) : Promise<Result<null, string>
     else return { status: "error", error: e  as any };
 }
 },
-async changeUseOnlineProviderSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_use_online_provider_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeOnlineProviderIdSetting(providerId: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_online_provider_id_setting", { providerId }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeOnlineProviderApiKeySetting(providerId: string, apiKey: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_online_provider_api_key_setting", { providerId, apiKey }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeOnlineProviderModelSetting(providerId: string, model: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_online_provider_model_setting", { providerId, model }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
 async triggerUpdateCheck() : Promise<Result<null, string>> {
     try {
     return { status: "ok", data: await TAURI_INVOKE("trigger_update_check") };
@@ -651,7 +619,7 @@ async isLaptop() : Promise<Result<boolean, string>> {
 
 /** user-defined types **/
 
-export type AppSettings = { bindings: Partial<{ [key in string]: ShortcutBinding }>; push_to_talk: boolean; audio_feedback: boolean; audio_feedback_volume?: number; sound_theme?: SoundTheme; start_hidden?: boolean; autostart_enabled?: boolean; update_checks_enabled?: boolean; selected_model?: string; always_on_microphone?: boolean; selected_microphone?: string | null; clamshell_microphone?: string | null; selected_output_device?: string | null; translate_to_english?: boolean; selected_language?: string; overlay_position?: OverlayPosition; debug_mode?: boolean; log_level?: LogLevel; custom_words?: string[]; model_unload_timeout?: ModelUnloadTimeout; word_correction_threshold?: number; history_limit?: number; recording_retention_period?: RecordingRetentionPeriod; paste_method?: PasteMethod; clipboard_handling?: ClipboardHandling; post_process_enabled?: boolean; post_process_provider_id?: string; post_process_providers?: PostProcessProvider[]; post_process_api_keys?: Partial<{ [key in string]: string }>; post_process_models?: Partial<{ [key in string]: string }>; post_process_prompts?: LLMPrompt[]; post_process_selected_prompt_id?: string | null; mute_while_recording?: boolean; append_trailing_space?: boolean; use_online_provider?: boolean; online_provider_id?: string; online_provider_api_keys?: Partial<{ [key in string]: string }>; online_provider_models?: Partial<{ [key in string]: string }>; online_provider_custom_prompt?: string | null; app_language?: string }
+export type AppSettings = { bindings: Partial<{ [key in string]: ShortcutBinding }>; push_to_talk: boolean; audio_feedback: boolean; audio_feedback_volume?: number; sound_theme?: SoundTheme; start_hidden?: boolean; autostart_enabled?: boolean; update_checks_enabled?: boolean; selected_model?: string; always_on_microphone?: boolean; selected_microphone?: string | null; clamshell_microphone?: string | null; selected_output_device?: string | null; translate_to_english?: boolean; selected_language?: string; overlay_position?: OverlayPosition; debug_mode?: boolean; log_level?: LogLevel; custom_words?: string[]; model_unload_timeout?: ModelUnloadTimeout; word_correction_threshold?: number; history_limit?: number; recording_retention_period?: RecordingRetentionPeriod; paste_method?: PasteMethod; clipboard_handling?: ClipboardHandling; post_process_enabled?: boolean; post_process_provider_id?: string; post_process_providers?: PostProcessProvider[]; post_process_api_keys?: Partial<{ [key in string]: string }>; post_process_models?: Partial<{ [key in string]: string }>; post_process_prompts?: LLMPrompt[]; post_process_selected_prompt_id?: string | null; mute_while_recording?: boolean; append_trailing_space?: boolean; app_language?: string }
 export type AudioDevice = { index: string; name: string; is_default: boolean }
 export type BindingResponse = { success: boolean; binding: ShortcutBinding | null; error: string | null }
 export type ClipboardHandling = "dont_modify" | "copy_to_clipboard"
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 7d74d517b..3ba914aa8 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Cog, FlaskConical, History, Info, Sparkles, Cloud } from "lucide-react";
+import { Cog, FlaskConical, History, Info, Sparkles } from "lucide-react";
 import HandyTextLogo from "./icons/HandyTextLogo";
 import HandyHand from "./icons/HandyHand";
 import { useSettings } from "../hooks/useSettings";
@@ -11,7 +11,6 @@ import {
   DebugSettings,
   AboutSettings,
   PostProcessingSettings,
-  OnlineProviderSettings,
 } from "./settings";
 
 export type SidebarSection = keyof typeof SECTIONS_CONFIG;
@@ -44,12 +43,6 @@ export const SECTIONS_CONFIG = {
     component: AdvancedSettings,
     enabled: () => true,
   },
-  providers: {
-    labelKey: "sidebar.providers",
-    icon: Cloud,
-    component: OnlineProviderSettings,
-    enabled: (settings) => settings?.use_online_provider ?? false,
-  },
   postprocessing: {
     labelKey: "sidebar.postProcessing",
     icon: Sparkles,
@@ -104,8 +97,8 @@ export const Sidebar: React.FC<SidebarProps> = ({
             <div
               key={section.id}
               className={`flex gap-2 items-center p-2 w-full rounded-lg cursor-pointer transition-colors ${isActive
-                  ? "bg-logo-primary/80"
-                  : "hover:bg-mid-gray/20 hover:opacity-100 opacity-85"
+                ? "bg-logo-primary/80"
+                : "hover:bg-mid-gray/20 hover:opacity-100 opacity-85"
                 }`}
               onClick={() => onSectionChange(section.id)}
             >
diff --git a/src/components/settings/UseOnlineProviderToggle.tsx b/src/components/settings/UseOnlineProviderToggle.tsx
deleted file mode 100644
index 47d076fa0..000000000
--- a/src/components/settings/UseOnlineProviderToggle.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { ToggleSwitch } from "../ui/ToggleSwitch";
-import { useSettings } from "../../hooks/useSettings";
-
-interface UseOnlineProviderToggleProps {
-    descriptionMode?: "inline" | "tooltip";
-    grouped?: boolean;
-}
-
-export const UseOnlineProviderToggle: React.FC<UseOnlineProviderToggleProps> =
-    React.memo(({ descriptionMode = "tooltip", grouped = false }) => {
-        const { t } = useTranslation();
-        const { getSetting, updateSetting, isUpdating } = useSettings();
-
-        const enabled = getSetting("use_online_provider") || false;
-
-        return (
-            <ToggleSwitch
-                checked={enabled}
-                onChange={(enabled) => updateSetting("use_online_provider", enabled)}
-                isUpdating={isUpdating("use_online_provider")}
-                label={t("settings.general.useOnlineProvider.label")}
-                description={t("settings.general.useOnlineProvider.description")}
-                descriptionMode={descriptionMode}
-                grouped={grouped}
-            />
-        );
-    });
-
-UseOnlineProviderToggle.displayName = "UseOnlineProviderToggle";
diff --git a/src/components/settings/general/GeneralSettings.tsx b/src/components/settings/general/GeneralSettings.tsx
index 5f5969880..36ed78c4d 100644
--- a/src/components/settings/general/GeneralSettings.tsx
+++ b/src/components/settings/general/GeneralSettings.tsx
@@ -9,7 +9,6 @@ import { PushToTalk } from "../PushToTalk";
 import { AudioFeedback } from "../AudioFeedback";
 import { useSettings } from "../../../hooks/useSettings";
 import { VolumeSlider } from "../VolumeSlider";
-import { UseOnlineProviderToggle } from "../UseOnlineProviderToggle";
 import { PostProcessingToggle } from "../PostProcessingToggle";
 
 export const GeneralSettings: React.FC = () => {
@@ -21,7 +20,6 @@ export const GeneralSettings: React.FC = () => {
         <HandyShortcut shortcutId="transcribe" grouped={true} />
         <LanguageSelector descriptionMode="tooltip" grouped={true} />
         <PushToTalk descriptionMode="tooltip" grouped={true} />
-        <UseOnlineProviderToggle descriptionMode="tooltip" grouped={true} />
         <PostProcessingToggle descriptionMode="tooltip" grouped={true} />
       </SettingsGroup>
       <SettingsGroup title={t("settings.sound.title")}>
diff --git a/src/components/settings/index.ts b/src/components/settings/index.ts
index 9ec3ed76b..b01bcd202 100644
--- a/src/components/settings/index.ts
+++ b/src/components/settings/index.ts
@@ -5,7 +5,6 @@ export { DebugSettings } from "./debug/DebugSettings";
 export { HistorySettings } from "./history/HistorySettings";
 export { AboutSettings } from "./about/AboutSettings";
 export { PostProcessingSettings } from "./post-processing/PostProcessingSettings";
-export { OnlineProviderSettings } from "./online-providers/OnlineProviderSettings";
 
 // Individual setting components
 export { MicrophoneSelector } from "./MicrophoneSelector";
@@ -28,4 +27,3 @@ export { HistoryLimit } from "./HistoryLimit";
 export { RecordingRetentionPeriodSelector } from "./RecordingRetentionPeriod";
 export { AutostartToggle } from "./AutostartToggle";
 export { UpdateChecksToggle } from "./UpdateChecksToggle";
-export { UseOnlineProviderToggle } from "./UseOnlineProviderToggle";
diff --git a/src/components/settings/online-providers/OnlineProviderSettings.tsx b/src/components/settings/online-providers/OnlineProviderSettings.tsx
deleted file mode 100644
index 2609252a8..000000000
--- a/src/components/settings/online-providers/OnlineProviderSettings.tsx
+++ /dev/null
@@ -1,226 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import { Check, Eye, EyeOff } from "lucide-react";
-
-import { SettingsGroup } from "../../ui/SettingsGroup";
-import { SettingContainer } from "../../ui/SettingContainer";
-import { Input } from "../../ui/Input";
-import { Dropdown } from "../../ui/Dropdown";
-import { Button } from "../../ui/Button";
-import { useSettings } from "../../../hooks/useSettings";
-import { commands } from "@/bindings";
-
-const ONLINE_PROVIDERS = [
-    { value: "openai", label: "OpenAI" },
-    { value: "groq", label: "Groq" },
-    { value: "gemini", label: "Gemini" },
-    { value: "sambanova", label: "SambaNova" },
-];
-
-const PROVIDER_MODELS: Record<string, { value: string; label: string }[]> = {
-    openai: [
-        { value: "whisper", label: "Whisper" },
-    ],
-    groq: [
-        { value: "whisper-large-v3", label: "Whisper Large V3" },
-        { value: "whisper-large-v3-turbo", label: "Whisper Large V3 Turbo" },
-    ],
-    gemini: [
-        { value: "gemini-2.5-flash", label: "Gemini 2.5 Flash" },
-        { value: "gemini-2.5-flash-lite", label: "Gemini 2.5 Flash Lite" },
-        { value: "gemini-2.5-pro", label: "Gemini 2.5 Pro" },
-        { value: "gemini-2.0-flash", label: "Gemini 2.0 Flash" },
-        { value: "gemini-2.0-flash-lite", label: "Gemini 2.0 Flash Lite" },
-        { value: "other", label: "Other (Custom)" },
-    ],
-    sambanova: [
-        { value: "whisper-large-v3", label: "Whisper Large V3" },
-    ],
-};
-
-const DisabledNotice: React.FC<{ children: React.ReactNode }> = ({
-    children,
-}) => (
-    <div className="p-4 bg-mid-gray/5 rounded-lg border border-mid-gray/20">
-        <p className="text-sm text-mid-gray">{children}</p>
-    </div>
-);
-
-export const OnlineProviderSettings: React.FC = () => {
-    const { t } = useTranslation();
-    const { getSetting, updateSetting, isUpdating, refreshSettings } = useSettings();
-
-    const enabled = getSetting("use_online_provider") || false;
-    const selectedProviderId = getSetting("online_provider_id") || "openai";
-    const apiKeys = getSetting("online_provider_api_keys") || {};
-    const savedModels = getSetting("online_provider_models") || {};
-
-    const [localApiKey, setLocalApiKey] = useState(apiKeys[selectedProviderId] || "");
-    const [showApiKey, setShowApiKey] = useState(false);
-    const [selectedModel, setSelectedModel] = useState<string>(savedModels[selectedProviderId] || "");
-    const [customModelId, setCustomModelId] = useState("");
-    const [isApiKeySaving, setIsApiKeySaving] = useState(false);
-
-    const modelOptions = PROVIDER_MODELS[selectedProviderId] || [];
-    const isOtherSelected = selectedModel === "other";
-
-    // Update local state when provider changes
-    useEffect(() => {
-        setLocalApiKey(apiKeys[selectedProviderId] || "");
-        const savedModel = savedModels[selectedProviderId] || "";
-        if (savedModel) {
-            setSelectedModel(savedModel);
-        } else if (modelOptions.length > 0) {
-            setSelectedModel(modelOptions[0].value);
-        }
-        setCustomModelId("");
-    }, [selectedProviderId, modelOptions.length]);
-
-    const isApiKeyDirty = localApiKey !== (apiKeys[selectedProviderId] || "");
-
-    const handleProviderChange = (providerId: string | null) => {
-        if (!providerId) return;
-        updateSetting("online_provider_id", providerId);
-    };
-
-    const handleModelChange = async (modelId: string | null) => {
-        if (!modelId) return;
-        setSelectedModel(modelId);
-        if (modelId !== "other") {
-            setCustomModelId("");
-            // Save the model selection to backend
-            try {
-                await commands.changeOnlineProviderModelSetting(selectedProviderId, modelId);
-                await refreshSettings();
-            } catch (error) {
-                console.error("Failed to save model selection:", error);
-            }
-        }
-    };
-
-    const handleSaveApiKey = async () => {
-        if (isApiKeyDirty) {
-            setIsApiKeySaving(true);
-            try {
-                await commands.changeOnlineProviderApiKeySetting(selectedProviderId, localApiKey);
-                await refreshSettings();
-            } catch (error) {
-                console.error("Failed to save API key:", error);
-            } finally {
-                setIsApiKeySaving(false);
-            }
-        }
-    };
-
-
-    if (!enabled) {
-        return (
-            <div className="max-w-3xl w-full mx-auto space-y-6">
-                <SettingsGroup title={t("settings.onlineProviders.title")}>
-                    <DisabledNotice>
-                        {t("settings.onlineProviders.disabledNotice")}
-                    </DisabledNotice>
-                </SettingsGroup>
-            </div>
-        );
-    }
-
-    return (
-        <div className="max-w-3xl w-full mx-auto space-y-6">
-            <SettingsGroup title={t("settings.onlineProviders.title")}>
-                <SettingContainer
-                    title={t("settings.onlineProviders.provider.title")}
-                    description={t("settings.onlineProviders.provider.description")}
-                    descriptionMode="tooltip"
-                    layout="horizontal"
-                    grouped={true}
-                >
-                    <div className="flex items-center gap-2 ml-auto">
-                        <Dropdown
-                            selectedValue={selectedProviderId}
-                            options={ONLINE_PROVIDERS}
-                            onSelect={handleProviderChange}
-                            disabled={isUpdating("online_provider_id")}
-                            className="min-w-[200px]"
-                        />
-                    </div>
-                </SettingContainer>
-
-                <SettingContainer
-                    title={t("settings.onlineProviders.model.title")}
-                    description={t("settings.onlineProviders.model.description")}
-                    descriptionMode="tooltip"
-                    layout="horizontal"
-                    grouped={true}
-                    tooltipPosition="bottom"
-                >
-                    <div className="flex items-center gap-2 ml-auto">
-                        <Dropdown
-                            selectedValue={selectedModel}
-                            options={modelOptions}
-                            onSelect={handleModelChange}
-                            placeholder={t("settings.onlineProviders.model.placeholder")}
-                            className="min-w-[200px]"
-                        />
-                        {isOtherSelected && (
-                            <Input
-                                type="text"
-                                value={customModelId}
-                                onChange={(e) => setCustomModelId(e.target.value)}
-                                placeholder="Enter model ID"
-                                className="min-w-[180px]"
-                                variant="compact"
-                            />
-                        )}
-                    </div>
-                </SettingContainer>
-
-                <SettingContainer
-                    title={t("settings.onlineProviders.apiKey.title")}
-                    description={t("settings.onlineProviders.apiKey.description")}
-                    descriptionMode="tooltip"
-                    layout="horizontal"
-                    grouped={true}
-                    tooltipPosition="bottom"
-                >
-                    <div className="flex items-center gap-2 ml-auto">
-                        <div className="relative flex items-center">
-                            <Input
-                                type={showApiKey ? "text" : "password"}
-                                value={localApiKey}
-                                onChange={(e) => setLocalApiKey(e.target.value)}
-                                placeholder={t("settings.onlineProviders.apiKey.placeholder")}
-                                className="min-w-[280px] pr-10"
-                                variant="compact"
-                            />
-                            <button
-                                type="button"
-                                onClick={() => setShowApiKey(!showApiKey)}
-                                className="absolute right-2 p-1 text-text/50 hover:text-logo-primary transition-colors"
-                                title={showApiKey ? "Hide API key" : "Show API key"}
-                            >
-                                {showApiKey ? (
-                                    <EyeOff className="w-4 h-4" />
-                                ) : (
-                                    <Eye className="w-4 h-4" />
-                                )}
-                            </button>
-                        </div>
-                        {isApiKeyDirty && (
-                            <Button
-                                onClick={handleSaveApiKey}
-                                variant="primary"
-                                size="sm"
-                                disabled={isApiKeySaving}
-                                className="flex items-center gap-1 px-3"
-                            >
-                                <Check className="h-4 w-4" />
-                            </Button>
-                        )}
-                    </div>
-                </SettingContainer>
-
-            </SettingsGroup>
-        </div>
-    );
-};
diff --git a/src/stores/settingsStore.ts b/src/stores/settingsStore.ts
index 9c0e508fc..14df02417 100644
--- a/src/stores/settingsStore.ts
+++ b/src/stores/settingsStore.ts
@@ -124,10 +124,6 @@ const settingUpdaters: {
   append_trailing_space: (value) =>
     commands.changeAppendTrailingSpaceSetting(value as boolean),
   log_level: (value) => commands.setLogLevel(value as any),
-  use_online_provider: (value) =>
-    commands.changeUseOnlineProviderSetting(value as boolean),
-  online_provider_id: (value) =>
-    commands.changeOnlineProviderIdSetting(value as string),
   app_language: (value) => commands.changeAppLanguageSetting(value as string),
 };
 

From 1c03ff96cdc0a117afe46dcabe995fb1e9ae86bf Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Wed, 17 Dec 2025 22:04:46 +0530
Subject: [PATCH 07/11] Post processing ui changes

---
 src-tauri/src/actions.rs                      |  55 +-
 src-tauri/src/lib.rs                          |   1 +
 src-tauri/src/llm_client.rs                   | 110 +++-
 src-tauri/src/llm_types.rs                    |  32 ++
 src-tauri/src/settings.rs                     |   7 -
 .../BaseUrlField.tsx                          |   4 +-
 .../PostProcessingSettingsApi/ModelSelect.tsx |  32 ++
 .../ProviderSelect.tsx                        |   2 +-
 .../PostProcessingSettings.tsx                | 530 ++++++++++--------
 src/components/ui/Dropdown.tsx                |  18 +-
 src/components/ui/Modal.tsx                   |  77 +++
 src/components/ui/Select.tsx                  |  17 +-
 src/components/ui/index.ts                    |   1 +
 src/i18n/locales/en/translation.json          |  12 +-
 14 files changed, 572 insertions(+), 326 deletions(-)
 create mode 100644 src-tauri/src/llm_types.rs
 create mode 100644 src/components/ui/Modal.tsx

diff --git a/src-tauri/src/actions.rs b/src-tauri/src/actions.rs
index 4fc702343..8f1b306f9 100644
--- a/src-tauri/src/actions.rs
+++ b/src-tauri/src/actions.rs
@@ -8,10 +8,6 @@ use crate::settings::{get_settings, AppSettings, APPLE_INTELLIGENCE_PROVIDER_ID}
 use crate::shortcut;
 use crate::tray::{change_tray_icon, TrayIconState};
 use crate::utils::{self, show_recording_overlay, show_transcribing_overlay};
-use async_openai::types::{
-    ChatCompletionRequestMessage, ChatCompletionRequestUserMessageArgs,
-    CreateChatCompletionRequestArgs,
-};
 use ferrous_opencc::{config::BuiltinConfig, OpenCC};
 use log::{debug, error};
 use once_cell::sync::Lazy;
@@ -150,45 +146,20 @@ async fn maybe_post_process_transcription(
         }
     };
 
-    // Build the chat completion request
-    let message = match ChatCompletionRequestUserMessageArgs::default()
-        .content(processed_prompt)
-        .build()
-    {
-        Ok(msg) => ChatCompletionRequestMessage::User(msg),
-        Err(e) => {
-            error!("Failed to build chat message: {}", e);
-            return None;
-        }
-    };
-
-    let request = match CreateChatCompletionRequestArgs::default()
-        .model(&model)
-        .messages(vec![message])
-        .build()
-    {
-        Ok(req) => req,
-        Err(e) => {
-            error!("Failed to build chat completion request: {}", e);
-            return None;
-        }
-    };
-
-    // Send the request
-    match client.chat().create(request).await {
-        Ok(response) => {
-            if let Some(choice) = response.choices.first() {
-                if let Some(content) = &choice.message.content {
-                    debug!(
-                        "LLM post-processing succeeded for provider '{}'. Output length: {} chars",
-                        provider.id,
-                        content.len()
-                    );
-                    return Some(content.clone());
-                }
+    // Send the chat completion request using our custom client
+    match client.chat_completion(&model, &processed_prompt).await {
+        Ok(content) => {
+            if content.trim().is_empty() {
+                error!("LLM API response has empty content");
+                None
+            } else {
+                debug!(
+                    "LLM post-processing succeeded for provider '{}'. Output length: {} chars",
+                    provider.id,
+                    content.len()
+                );
+                Some(content)
             }
-            error!("LLM API response has no content");
-            None
         }
         Err(e) => {
             error!(
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 349d4c6a1..a9cbd5028 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -8,6 +8,7 @@ mod commands;
 mod helpers;
 mod input;
 mod llm_client;
+mod llm_types;
 mod managers;
 mod overlay;
 mod settings;
diff --git a/src-tauri/src/llm_client.rs b/src-tauri/src/llm_client.rs
index 2177ea652..70cf07ef9 100644
--- a/src-tauri/src/llm_client.rs
+++ b/src-tauri/src/llm_client.rs
@@ -1,33 +1,101 @@
+use crate::llm_types::ChatCompletionResponse;
 use crate::settings::PostProcessProvider;
-use async_openai::{config::OpenAIConfig, Client};
+use reqwest::Client;
+use serde::Serialize;
 
-/// Create an OpenAI-compatible client configured for the given provider
+#[derive(Serialize)]
+struct ChatCompletionRequest {
+    model: String,
+    messages: Vec<ChatMessage>,
+}
+
+#[derive(Serialize)]
+struct ChatMessage {
+    role: String,
+    content: String,
+}
+
+/// LLM client for making chat completion requests to OpenAI-compatible APIs
+pub struct LlmClient {
+    http_client: Client,
+    base_url: String,
+    api_key: String,
+}
+
+impl LlmClient {
+    /// Send a chat completion request and return the response content
+    pub async fn chat_completion(
+        &self,
+        model: &str,
+        user_message: &str,
+    ) -> Result<String, String> {
+        let request = ChatCompletionRequest {
+            model: model.to_string(),
+            messages: vec![ChatMessage {
+                role: "user".to_string(),
+                content: user_message.to_string(),
+            }],
+        };
+
+        let url = format!("{}/chat/completions", self.base_url);
+        
+        let response = self
+            .http_client
+            .post(&url)
+            .header("Authorization", format!("Bearer {}", self.api_key))
+            .header("Content-Type", "application/json")
+            .json(&request)
+            .send()
+            .await
+            .map_err(|e| format!("HTTP request failed: {}", e))?;
+
+        if !response.status().is_success() {
+            let status = response.status();
+            let body = response.text().await.unwrap_or_default();
+            return Err(format!("API request failed with status {}: {}", status, body));
+        }
+
+        let body = response
+            .text()
+            .await
+            .map_err(|e| format!("Failed to read response body: {}", e))?;
+
+        let parsed: ChatCompletionResponse = serde_json::from_str(&body)
+            .map_err(|e| format!("Failed to parse response: {} - body: {}", e, body))?;
+
+        parsed
+            .choices
+            .first()
+            .and_then(|c| c.message.content.clone())
+            .ok_or_else(|| "No content in response".to_string())
+    }
+}
+
+/// Create an LLM client configured for the given provider
 pub fn create_client(
     provider: &PostProcessProvider,
     api_key: String,
-) -> Result<Client<OpenAIConfig>, String> {
-    let base_url = provider.base_url.trim_end_matches('/');
-    let config = OpenAIConfig::new()
-        .with_api_base(base_url)
-        .with_api_key(api_key);
-
-    // Create client with Anthropic-specific header if needed
-    let client = if provider.id == "anthropic" {
-        let mut headers = reqwest::header::HeaderMap::new();
+) -> Result<LlmClient, String> {
+    let base_url = provider.base_url.trim_end_matches('/').to_string();
+
+    let mut headers = reqwest::header::HeaderMap::new();
+    
+    // Add provider-specific headers
+    if provider.id == "anthropic" {
         headers.insert(
             "anthropic-version",
             reqwest::header::HeaderValue::from_static("2023-06-01"),
         );
+    }
 
-        let http_client = reqwest::Client::builder()
-            .default_headers(headers)
-            .build()
-            .map_err(|e| format!("Failed to build HTTP client: {}", e))?;
-
-        Client::with_config(config).with_http_client(http_client)
-    } else {
-        Client::with_config(config)
-    };
+    let http_client = reqwest::Client::builder()
+        .default_headers(headers)
+        .build()
+        .map_err(|e| format!("Failed to build HTTP client: {}", e))?;
 
-    Ok(client)
+    Ok(LlmClient {
+        http_client,
+        base_url,
+        api_key,
+    })
 }
diff --git a/src-tauri/src/llm_types.rs b/src-tauri/src/llm_types.rs
new file mode 100644
index 000000000..2ebc8fd84
--- /dev/null
+++ b/src-tauri/src/llm_types.rs
@@ -0,0 +1,32 @@
+use serde::Deserialize;
+
+/// Custom response types for OpenAI-compatible APIs that may have
+/// non-standard fields (like Groq's `service_tier: "on_demand"`)
+
+#[derive(Debug, Deserialize)]
+pub struct ChatCompletionResponse {
+    pub id: String,
+    pub object: String,
+    pub created: u64,
+    pub model: String,
+    pub choices: Vec<ChatChoice>,
+    #[serde(skip)]
+    pub usage: Option<serde_json::Value>,
+    #[serde(skip)]
+    pub service_tier: Option<String>,
+}
+
+#[derive(Debug, Deserialize)]
+pub struct ChatChoice {
+    pub index: u32,
+    pub message: ChatMessage,
+    pub finish_reason: Option<String>,
+    #[serde(skip)]
+    pub logprobs: Option<serde_json::Value>,
+}
+
+#[derive(Debug, Deserialize)]
+pub struct ChatMessage {
+    pub role: String,
+    pub content: Option<String>,
+}
diff --git a/src-tauri/src/settings.rs b/src-tauri/src/settings.rs
index f31a45657..7408df1a4 100644
--- a/src-tauri/src/settings.rs
+++ b/src-tauri/src/settings.rs
@@ -409,13 +409,6 @@ fn default_post_process_providers() -> Vec<PostProcessProvider> {
             allow_base_url_edit: false,
             models_endpoint: Some("/models".to_string()),
         },
-        PostProcessProvider {
-            id: "sambanova".to_string(),
-            label: "SambaNova".to_string(),
-            base_url: "https://api.sambanova.ai/v1".to_string(),
-            allow_base_url_edit: false,
-            models_endpoint: Some("/models".to_string()),
-        },
         PostProcessProvider {
             id: "custom".to_string(),
             label: "Custom".to_string(),
diff --git a/src/components/settings/PostProcessingSettingsApi/BaseUrlField.tsx b/src/components/settings/PostProcessingSettingsApi/BaseUrlField.tsx
index 1c1cf13c4..339787c9d 100644
--- a/src/components/settings/PostProcessingSettingsApi/BaseUrlField.tsx
+++ b/src/components/settings/PostProcessingSettingsApi/BaseUrlField.tsx
@@ -31,8 +31,8 @@ export const BaseUrlField: React.FC<BaseUrlFieldProps> = React.memo(
         placeholder={placeholder}
         variant="compact"
         disabled={disabled}
-        className={`flex-1 min-w-[360px] ${className}`}
-        title={disabledMessage}
+        className={`w-[220px] truncate ${className}`}
+        title={localValue || disabledMessage}
       />
     );
   },
diff --git a/src/components/settings/PostProcessingSettingsApi/ModelSelect.tsx b/src/components/settings/PostProcessingSettingsApi/ModelSelect.tsx
index fc9212a6b..68a98f848 100644
--- a/src/components/settings/PostProcessingSettingsApi/ModelSelect.tsx
+++ b/src/components/settings/PostProcessingSettingsApi/ModelSelect.tsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { RefreshCcw } from "lucide-react";
 import type { ModelOption } from "./types";
 import { Select } from "../../ui/Select";
 
@@ -11,6 +12,8 @@ type ModelSelectProps = {
   onSelect: (value: string) => void;
   onCreate: (value: string) => void;
   onBlur: () => void;
+  onRefresh?: () => void;
+  isRefreshing?: boolean;
   className?: string;
   providerId?: string; // Track provider changes to reset menu state
 };
@@ -25,6 +28,8 @@ export const ModelSelect: React.FC<ModelSelectProps> = React.memo(
     onSelect,
     onCreate,
     onBlur,
+    onRefresh,
+    isRefreshing,
     className = "flex-1 min-w-[360px]",
     providerId,
   }) => {
@@ -50,8 +55,33 @@ export const ModelSelect: React.FC<ModelSelectProps> = React.memo(
       setIsMenuOpen(false);
     };
 
+    const handleRefreshClick = (e: React.MouseEvent) => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (onRefresh && !isRefreshing && !disabled) {
+        onRefresh();
+      }
+    };
+
     const computedClassName = `text-sm ${className}`;
 
+    // Custom dropdown indicator with refresh icon
+    const customComponents = {
+      DropdownIndicator: () => (
+        <button
+          type="button"
+          onClick={handleRefreshClick}
+          disabled={isRefreshing || disabled}
+          className="p-2 mr-1 text-text/50 hover:text-logo-primary transition-colors disabled:opacity-50"
+          title="Refresh models"
+        >
+          <RefreshCcw
+            className={`h-4 w-4 ${isRefreshing ? "animate-spin" : ""}`}
+          />
+        </button>
+      ),
+    };
+
     return (
       <Select
         className={computedClassName}
@@ -69,9 +99,11 @@ export const ModelSelect: React.FC<ModelSelectProps> = React.memo(
         isCreatable
         formatCreateLabel={(input) => `Use "${input}"`}
         menuIsOpen={isMenuOpen}
+        components={customComponents}
       />
     );
   },
 );
 
 ModelSelect.displayName = "ModelSelect";
+
diff --git a/src/components/settings/PostProcessingSettingsApi/ProviderSelect.tsx b/src/components/settings/PostProcessingSettingsApi/ProviderSelect.tsx
index 805bf97d0..9fdfd04c1 100644
--- a/src/components/settings/PostProcessingSettingsApi/ProviderSelect.tsx
+++ b/src/components/settings/PostProcessingSettingsApi/ProviderSelect.tsx
@@ -16,7 +16,7 @@ export const ProviderSelect: React.FC<ProviderSelectProps> = React.memo(
         selectedValue={value}
         onSelect={onChange}
         disabled={disabled}
-        className="flex-1"
+        className="w-[160px]"
       />
     );
   },
diff --git a/src/components/settings/post-processing/PostProcessingSettings.tsx b/src/components/settings/post-processing/PostProcessingSettings.tsx
index 3b28c7bc7..08803bf55 100644
--- a/src/components/settings/post-processing/PostProcessingSettings.tsx
+++ b/src/components/settings/post-processing/PostProcessingSettings.tsx
@@ -1,15 +1,14 @@
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { RefreshCcw } from "lucide-react";
 import { commands } from "@/bindings";
 
 import { SettingsGroup } from "../../ui/SettingsGroup";
 import { SettingContainer } from "../../ui/SettingContainer";
 import { Button } from "../../ui/Button";
-import { ResetButton } from "../../ui/ResetButton";
 import { Input } from "../../ui/Input";
 import { Dropdown } from "../../ui/Dropdown";
 import { Textarea } from "../../ui/Textarea";
+import { Modal } from "../../ui/Modal";
 
 import { ProviderSelect } from "../PostProcessingSettingsApi/ProviderSelect";
 import { BaseUrlField } from "../PostProcessingSettingsApi/BaseUrlField";
@@ -47,7 +46,7 @@ const PostProcessingSettingsApiComponent: React.FC = () => {
         layout="horizontal"
         grouped={true}
       >
-        <div className="flex items-center gap-2">
+        <div className="flex items-center gap-2 justify-end">
           <ProviderSelect
             options={state.providerOptions}
             value={state.selectedProviderId}
@@ -90,7 +89,6 @@ const PostProcessingSettingsApiComponent: React.FC = () => {
                   !state.selectedProvider?.allow_base_url_edit ||
                   state.isBaseUrlUpdating
                 }
-                className="min-w-[380px]"
               />
             </div>
           </SettingContainer>
@@ -135,7 +133,7 @@ const PostProcessingSettingsApiComponent: React.FC = () => {
           <ModelSelect
             value={state.model}
             options={state.modelOptions}
-            disabled={state.isModelUpdating}
+            disabled={state.isModelUpdating || state.isAppleProvider}
             isLoading={state.isFetchingModels}
             placeholder={
               state.isAppleProvider
@@ -149,19 +147,11 @@ const PostProcessingSettingsApiComponent: React.FC = () => {
             onSelect={state.handleModelSelect}
             onCreate={state.handleModelCreate}
             onBlur={() => { }}
+            onRefresh={state.handleRefreshModels}
+            isRefreshing={state.isFetchingModels}
             className="flex-1 min-w-[380px]"
             providerId={state.selectedProviderId}
           />
-          <ResetButton
-            onClick={state.handleRefreshModels}
-            disabled={state.isFetchingModels || state.isAppleProvider}
-            ariaLabel={t("settings.postProcessing.api.model.refreshModels")}
-            className="flex h-10 w-10 items-center justify-center"
-          >
-            <RefreshCcw
-              className={`h-4 w-4 ${state.isFetchingModels ? "animate-spin" : ""}`}
-            />
-          </ResetButton>
         </div>
       </SettingContainer>
     </>
@@ -172,70 +162,84 @@ const PostProcessingSettingsPromptsComponent: React.FC = () => {
   const { t } = useTranslation();
   const { getSetting, updateSetting, isUpdating, refreshSettings } =
     useSettings();
-  const [isCreating, setIsCreating] = useState(false);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [editingPromptId, setEditingPromptId] = useState<string | null>(null);
   const [draftName, setDraftName] = useState("");
   const [draftText, setDraftText] = useState("");
+  const [searchQuery, setSearchQuery] = useState("");
 
   const enabled = getSetting("post_process_enabled") || false;
   const prompts = getSetting("post_process_prompts") || [];
   const selectedPromptId = getSetting("post_process_selected_prompt_id") || "";
-  const selectedPrompt =
-    prompts.find((prompt) => prompt.id === selectedPromptId) || null;
-
-  useEffect(() => {
-    if (isCreating) return;
-
-    if (selectedPrompt) {
-      setDraftName(selectedPrompt.name);
-      setDraftText(selectedPrompt.prompt);
-    } else {
-      setDraftName("");
-      setDraftText("");
+
+  // Sort prompts: active first, then alphabetically
+  const sortedPrompts = [...prompts].sort((a, b) => {
+    if (a.id === selectedPromptId) return -1;
+    if (b.id === selectedPromptId) return 1;
+    return a.name.localeCompare(b.name);
+  });
+
+  // Filter prompts by search query
+  const filteredPrompts = sortedPrompts.filter(
+    (prompt) =>
+      prompt.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      prompt.prompt.toLowerCase().includes(searchQuery.toLowerCase())
+  );
+
+  const handleOpenCreateModal = () => {
+    setEditingPromptId(null);
+    setDraftName("");
+    setDraftText("");
+    setIsModalOpen(true);
+  };
+
+  const handleOpenEditModal = (promptId: string) => {
+    const prompt = prompts.find((p) => p.id === promptId);
+    if (prompt) {
+      setEditingPromptId(promptId);
+      setDraftName(prompt.name);
+      setDraftText(prompt.prompt);
+      setIsModalOpen(true);
     }
-  }, [
-    isCreating,
-    selectedPromptId,
-    selectedPrompt?.name,
-    selectedPrompt?.prompt,
-  ]);
-
-  const handlePromptSelect = (promptId: string | null) => {
-    if (!promptId) return;
-    updateSetting("post_process_selected_prompt_id", promptId);
-    setIsCreating(false);
   };
 
-  const handleCreatePrompt = async () => {
+  const handleCloseModal = () => {
+    setIsModalOpen(false);
+    setEditingPromptId(null);
+    setDraftName("");
+    setDraftText("");
+  };
+
+  const handleSavePrompt = async () => {
     if (!draftName.trim() || !draftText.trim()) return;
 
     try {
-      const result = await commands.addPostProcessPrompt(
-        draftName.trim(),
-        draftText.trim(),
-      );
-      if (result.status === "ok") {
-        await refreshSettings();
-        updateSetting("post_process_selected_prompt_id", result.data.id);
-        setIsCreating(false);
+      if (editingPromptId) {
+        // Update existing prompt
+        await commands.updatePostProcessPrompt(
+          editingPromptId,
+          draftName.trim(),
+          draftText.trim()
+        );
+      } else {
+        // Create new prompt
+        const result = await commands.addPostProcessPrompt(
+          draftName.trim(),
+          draftText.trim()
+        );
+        if (result.status === "ok") {
+          updateSetting("post_process_selected_prompt_id", result.data.id);
+        }
       }
+      await refreshSettings();
+      handleCloseModal();
     } catch (error) {
-      console.error("Failed to create prompt:", error);
+      console.error("Failed to save prompt:", error);
     }
   };
 
-  const handleUpdatePrompt = async () => {
-    if (!selectedPromptId || !draftName.trim() || !draftText.trim()) return;
-
-    try {
-      await commands.updatePostProcessPrompt(
-        selectedPromptId,
-        draftName.trim(),
-        draftText.trim(),
-      );
-      await refreshSettings();
-    } catch (error) {
-      console.error("Failed to update prompt:", error);
-    }
+  const handleSetAsActive = (promptId: string) => {
+    updateSetting("post_process_selected_prompt_id", promptId);
   };
 
   const handleDeletePrompt = async (promptId: string) => {
@@ -244,29 +248,11 @@ const PostProcessingSettingsPromptsComponent: React.FC = () => {
     try {
       await commands.deletePostProcessPrompt(promptId);
       await refreshSettings();
-      setIsCreating(false);
     } catch (error) {
       console.error("Failed to delete prompt:", error);
     }
   };
 
-  const handleCancelCreate = () => {
-    setIsCreating(false);
-    if (selectedPrompt) {
-      setDraftName(selectedPrompt.name);
-      setDraftText(selectedPrompt.prompt);
-    } else {
-      setDraftName("");
-      setDraftText("");
-    }
-  };
-
-  const handleStartCreate = () => {
-    setIsCreating(true);
-    setDraftName("");
-    setDraftText("");
-  };
-
   if (!enabled) {
     return (
       <DisabledNotice>
@@ -275,178 +261,250 @@ const PostProcessingSettingsPromptsComponent: React.FC = () => {
     );
   }
 
-  const hasPrompts = prompts.length > 0;
-  const isDirty =
-    !!selectedPrompt &&
-    (draftName.trim() !== selectedPrompt.name ||
-      draftText.trim() !== selectedPrompt.prompt.trim());
-
   return (
-    <SettingContainer
-      title={t("settings.postProcessing.prompts.selectedPrompt.title")}
-      description={t(
-        "settings.postProcessing.prompts.selectedPrompt.description",
-      )}
-      descriptionMode="tooltip"
-      layout="stacked"
-      grouped={true}
-    >
-      <div className="space-y-3">
-        <div className="flex gap-2">
-          <Dropdown
-            selectedValue={selectedPromptId || null}
-            options={prompts.map((p) => ({
-              value: p.id,
-              label: p.name,
-            }))}
-            onSelect={(value) => handlePromptSelect(value)}
-            placeholder={
-              prompts.length === 0
-                ? t("settings.postProcessing.prompts.noPrompts")
-                : t("settings.postProcessing.prompts.selectPrompt")
-            }
-            disabled={
-              isUpdating("post_process_selected_prompt_id") || isCreating
-            }
-            className="flex-1"
-          />
-          <Button
-            onClick={handleStartCreate}
-            variant="primary"
-            size="md"
-            disabled={isCreating}
+    <div className="px-4 py-2">
+      {/* Header with Search and Create Button */}
+      <div className="flex items-center gap-3 mb-4">
+        {/* Search Bar */}
+        <div className="flex-1 relative">
+          <svg
+            className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-mid-gray"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
           >
-            {t("settings.postProcessing.prompts.createNew")}
-          </Button>
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+            />
+          </svg>
+          <Input
+            type="text"
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+            placeholder={t("settings.postProcessing.prompts.searchPlaceholder")}
+            className="w-full pl-9"
+            variant="compact"
+          />
         </div>
 
-        {!isCreating && hasPrompts && selectedPrompt && (
-          <div className="space-y-3">
-            <div className="space-y-2 flex flex-col">
-              <label className="text-sm font-semibold">
-                {t("settings.postProcessing.prompts.promptLabel")}
-              </label>
-              <Input
-                type="text"
-                value={draftName}
-                onChange={(e) => setDraftName(e.target.value)}
-                placeholder={t(
-                  "settings.postProcessing.prompts.promptLabelPlaceholder",
-                )}
-                variant="compact"
-              />
-            </div>
-
-            <div className="space-y-2 flex flex-col">
-              <label className="text-sm font-semibold">
-                {t("settings.postProcessing.prompts.promptInstructions")}
-              </label>
-              <Textarea
-                value={draftText}
-                onChange={(e) => setDraftText(e.target.value)}
-                placeholder={t(
-                  "settings.postProcessing.prompts.promptInstructionsPlaceholder",
-                )}
-              />
-              <p
-                className="text-xs text-mid-gray/70"
-                dangerouslySetInnerHTML={{
-                  __html: t("settings.postProcessing.prompts.promptTip"),
-                }}
-              />
-            </div>
-
-            <div className="flex gap-2 pt-2">
-              <Button
-                onClick={handleUpdatePrompt}
-                variant="primary"
-                size="md"
-                disabled={!draftName.trim() || !draftText.trim() || !isDirty}
-              >
-                {t("settings.postProcessing.prompts.updatePrompt")}
-              </Button>
-              <Button
-                onClick={() => handleDeletePrompt(selectedPromptId)}
-                variant="secondary"
-                size="md"
-                disabled={!selectedPromptId || prompts.length <= 1}
-              >
-                {t("settings.postProcessing.prompts.deletePrompt")}
-              </Button>
-            </div>
-          </div>
-        )}
+        {/* Create New Prompt Button */}
+        <Button
+          onClick={handleOpenCreateModal}
+          variant="primary"
+          size="md"
+          className="flex items-center gap-1 whitespace-nowrap"
+        >
+          <svg
+            className="w-4 h-4"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M12 4v16m8-8H4"
+            />
+          </svg>
+          {t("settings.postProcessing.prompts.createNew")}
+        </Button>
+      </div>
 
-        {!isCreating && !selectedPrompt && (
-          <div className="p-3 bg-mid-gray/5 rounded border border-mid-gray/20">
+      {/* Prompt Cards List */}
+      <div className="space-y-2">
+        {filteredPrompts.length === 0 ? (
+          <div className="p-4 bg-mid-gray/5 rounded-lg border border-mid-gray/20 text-center">
             <p className="text-sm text-mid-gray">
-              {hasPrompts
-                ? t("settings.postProcessing.prompts.selectToEdit")
-                : t("settings.postProcessing.prompts.createFirst")}
+              {prompts.length === 0
+                ? t("settings.postProcessing.prompts.createFirst")
+                : t("settings.postProcessing.prompts.noSearchResults")}
             </p>
           </div>
+        ) : (
+          filteredPrompts.map((prompt) => {
+            const isActive = prompt.id === selectedPromptId;
+            return (
+              <div
+                key={prompt.id}
+                className={`p-3 rounded-lg border transition-all duration-150 ${isActive
+                  ? "border-logo-primary/50 bg-logo-primary/5"
+                  : "border-mid-gray/20 bg-mid-gray/5 hover:border-mid-gray/40"
+                  }`}
+              >
+                <div className="flex items-start justify-between gap-3">
+                  {/* Prompt Content */}
+                  <div className="flex-1 min-w-0">
+                    <div className="flex items-center gap-2 mb-1">
+                      <h4 className="text-sm font-semibold truncate">
+                        {prompt.name}
+                      </h4>
+                      {isActive && (
+                        <span className="px-1.5 py-0.5 text-xs font-medium bg-logo-primary/20 text-logo-primary rounded">
+                          {t("settings.postProcessing.prompts.active")}
+                        </span>
+                      )}
+                    </div>
+                    <p className="text-xs text-mid-gray line-clamp-2">
+                      {prompt.prompt}
+                    </p>
+                  </div>
+
+                  {/* Action Buttons */}
+                  <div className="flex items-center gap-1 flex-shrink-0">
+                    {/* Edit Button */}
+                    <button
+                      onClick={() => handleOpenEditModal(prompt.id)}
+                      className="p-1.5 rounded-lg hover:bg-mid-gray/20 transition-colors duration-150 cursor-pointer"
+                      title={t("settings.postProcessing.prompts.edit")}
+                    >
+                      <svg
+                        className="w-4 h-4 text-mid-gray hover:text-text"
+                        fill="none"
+                        stroke="currentColor"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          strokeWidth={2}
+                          d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
+                        />
+                      </svg>
+                    </button>
+
+                    {/* Set as Active Button */}
+                    <button
+                      onClick={() => handleSetAsActive(prompt.id)}
+                      disabled={
+                        isActive || isUpdating("post_process_selected_prompt_id")
+                      }
+                      className={`p-1.5 rounded-lg transition-colors duration-150 cursor-pointer ${isActive
+                        ? "text-logo-primary"
+                        : "hover:bg-mid-gray/20 text-mid-gray hover:text-logo-primary"
+                        } disabled:opacity-50 disabled:cursor-not-allowed`}
+                      title={
+                        isActive
+                          ? t("settings.postProcessing.prompts.currentlyActive")
+                          : t("settings.postProcessing.prompts.setAsActive")
+                      }
+                    >
+                      <svg
+                        className="w-4 h-4"
+                        fill={isActive ? "currentColor" : "none"}
+                        stroke="currentColor"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          strokeWidth={2}
+                          d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"
+                        />
+                      </svg>
+                    </button>
+
+                    {/* Delete Button */}
+                    <button
+                      onClick={() => handleDeletePrompt(prompt.id)}
+                      disabled={isActive}
+                      className="p-1.5 rounded-lg hover:bg-red-500/20 transition-colors duration-150 cursor-pointer text-mid-gray hover:text-red-500 disabled:opacity-50 disabled:cursor-not-allowed"
+                      title={t("settings.postProcessing.prompts.deletePrompt")}
+                    >
+                      <svg
+                        className="w-4 h-4"
+                        fill="none"
+                        stroke="currentColor"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          strokeWidth={2}
+                          d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+                        />
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            );
+          })
         )}
+      </div>
 
-        {isCreating && (
-          <div className="space-y-3">
-            <div className="space-y-2 block flex flex-col">
-              <label className="text-sm font-semibold text-text">
-                {t("settings.postProcessing.prompts.promptLabel")}
-              </label>
-              <Input
-                type="text"
-                value={draftName}
-                onChange={(e) => setDraftName(e.target.value)}
-                placeholder={t(
-                  "settings.postProcessing.prompts.promptLabelPlaceholder",
-                )}
-                variant="compact"
-              />
-            </div>
+      {/* Create/Edit Modal */}
+      <Modal
+        isOpen={isModalOpen}
+        onClose={handleCloseModal}
+        title={
+          editingPromptId
+            ? t("settings.postProcessing.prompts.editPrompt")
+            : t("settings.postProcessing.prompts.createNewPrompt")
+        }
+      >
+        <div className="space-y-4">
+          <div className="space-y-2">
+            <label className="text-sm font-semibold">
+              {t("settings.postProcessing.prompts.promptLabel")}
+            </label>
+            <Input
+              type="text"
+              value={draftName}
+              onChange={(e) => setDraftName(e.target.value)}
+              placeholder={t(
+                "settings.postProcessing.prompts.promptLabelPlaceholder"
+              )}
+              variant="compact"
+              className="w-full"
+            />
+          </div>
 
-            <div className="space-y-2 flex flex-col">
-              <label className="text-sm font-semibold">
-                {t("settings.postProcessing.prompts.promptInstructions")}
-              </label>
-              <Textarea
-                value={draftText}
-                onChange={(e) => setDraftText(e.target.value)}
-                placeholder={t(
-                  "settings.postProcessing.prompts.promptInstructionsPlaceholder",
-                )}
-              />
-              <p
-                className="text-xs text-mid-gray/70"
-                dangerouslySetInnerHTML={{
-                  __html: t("settings.postProcessing.prompts.promptTip"),
-                }}
-              />
-            </div>
+          <div className="space-y-2">
+            <label className="text-sm font-semibold">
+              {t("settings.postProcessing.prompts.promptInstructions")}
+            </label>
+            <Textarea
+              value={draftText}
+              onChange={(e) => setDraftText(e.target.value)}
+              placeholder={t(
+                "settings.postProcessing.prompts.promptInstructionsPlaceholder"
+              )}
+              className="w-full"
+            />
+            <p
+              className="text-xs text-mid-gray/70"
+              dangerouslySetInnerHTML={{
+                __html: t("settings.postProcessing.prompts.promptTip"),
+              }}
+            />
+          </div>
 
-            <div className="flex gap-2 pt-2">
-              <Button
-                onClick={handleCreatePrompt}
-                variant="primary"
-                size="md"
-                disabled={!draftName.trim() || !draftText.trim()}
-              >
-                {t("settings.postProcessing.prompts.createPrompt")}
-              </Button>
-              <Button
-                onClick={handleCancelCreate}
-                variant="secondary"
-                size="md"
-              >
-                {t("settings.postProcessing.prompts.cancel")}
-              </Button>
-            </div>
+          <div className="flex gap-2 justify-end pt-2">
+            <Button onClick={handleCloseModal} variant="secondary" size="md">
+              {t("settings.postProcessing.prompts.cancel")}
+            </Button>
+            <Button
+              onClick={handleSavePrompt}
+              variant="primary"
+              size="md"
+              disabled={!draftName.trim() || !draftText.trim()}
+            >
+              {editingPromptId
+                ? t("settings.postProcessing.prompts.updatePrompt")
+                : t("settings.postProcessing.prompts.createPrompt")}
+            </Button>
           </div>
-        )}
-      </div>
-    </SettingContainer>
+        </div>
+      </Modal>
+    </div>
   );
 };
 
+
 export const PostProcessingSettingsApi = React.memo(
   PostProcessingSettingsApiComponent,
 );
diff --git a/src/components/ui/Dropdown.tsx b/src/components/ui/Dropdown.tsx
index f31f2ad43..988f40eed 100644
--- a/src/components/ui/Dropdown.tsx
+++ b/src/components/ui/Dropdown.tsx
@@ -62,11 +62,10 @@ export const Dropdown: React.FC<DropdownProps> = ({
     <div className={`relative ${className}`} ref={dropdownRef}>
       <button
         type="button"
-        className={`px-2 py-1 text-sm font-semibold bg-mid-gray/10 border border-mid-gray/80 rounded min-w-[200px] text-left flex items-center justify-between transition-all duration-150 ${
-          disabled
-            ? "opacity-50 cursor-not-allowed"
-            : "hover:bg-logo-primary/10 cursor-pointer hover:border-logo-primary"
-        }`}
+        className={`w-full px-2 py-1 text-sm font-semibold bg-mid-gray/10 border border-mid-gray/80 rounded min-w-[120px] text-left flex items-center justify-between transition-all duration-150 ${disabled
+          ? "opacity-50 cursor-not-allowed"
+          : "hover:bg-logo-primary/10 cursor-pointer hover:border-logo-primary"
+          }`}
         onClick={handleToggle}
         disabled={disabled}
       >
@@ -96,11 +95,10 @@ export const Dropdown: React.FC<DropdownProps> = ({
               <button
                 key={option.value}
                 type="button"
-                className={`w-full px-2 py-1 text-sm text-left hover:bg-logo-primary/10 transition-colors duration-150 ${
-                  selectedValue === option.value
-                    ? "bg-logo-primary/20 font-semibold"
-                    : ""
-                } ${option.disabled ? "opacity-50 cursor-not-allowed" : ""}`}
+                className={`w-full px-2 py-1 text-sm text-left hover:bg-logo-primary/10 transition-colors duration-150 ${selectedValue === option.value
+                  ? "bg-logo-primary/20 font-semibold"
+                  : ""
+                  } ${option.disabled ? "opacity-50 cursor-not-allowed" : ""}`}
                 onClick={() => handleSelect(option.value)}
                 disabled={option.disabled}
               >
diff --git a/src/components/ui/Modal.tsx b/src/components/ui/Modal.tsx
new file mode 100644
index 000000000..774d47560
--- /dev/null
+++ b/src/components/ui/Modal.tsx
@@ -0,0 +1,77 @@
+import React, { useEffect, useCallback } from "react";
+
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: React.ReactNode;
+}
+
+export const Modal: React.FC<ModalProps> = ({
+    isOpen,
+    onClose,
+    title,
+    children,
+}) => {
+    const handleKeyDown = useCallback(
+        (event: KeyboardEvent) => {
+            if (event.key === "Escape") {
+                onClose();
+            }
+        },
+        [onClose]
+    );
+
+    useEffect(() => {
+        if (isOpen) {
+            document.addEventListener("keydown", handleKeyDown);
+            document.body.style.overflow = "hidden";
+            return () => {
+                document.removeEventListener("keydown", handleKeyDown);
+                document.body.style.overflow = "";
+            };
+        }
+    }, [isOpen, handleKeyDown]);
+
+    if (!isOpen) return null;
+
+    return (
+        <div className="fixed inset-0 z-[200] flex items-center justify-center">
+            {/* Backdrop */}
+            <div
+                className="absolute inset-0 bg-black/60 backdrop-blur-sm animate-in fade-in-0 duration-200"
+                onClick={onClose}
+            />
+
+            {/* Modal Container */}
+            <div className="relative z-10 w-full max-w-md mx-4 bg-background border border-mid-gray/40 rounded-xl shadow-2xl animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-4 duration-300">
+                {/* Header */}
+                <div className="flex items-center justify-between px-5 py-4 border-b border-mid-gray/20">
+                    <h2 className="text-lg font-semibold">{title}</h2>
+                    <button
+                        onClick={onClose}
+                        className="p-1 rounded-lg hover:bg-mid-gray/20 transition-colors duration-150 cursor-pointer"
+                        aria-label="Close modal"
+                    >
+                        <svg
+                            className="w-5 h-5 text-mid-gray hover:text-text"
+                            fill="none"
+                            stroke="currentColor"
+                            viewBox="0 0 24 24"
+                        >
+                            <path
+                                strokeLinecap="round"
+                                strokeLinejoin="round"
+                                strokeWidth={2}
+                                d="M6 18L18 6M6 6l12 12"
+                            />
+                        </svg>
+                    </button>
+                </div>
+
+                {/* Content */}
+                <div className="px-5 py-4">{children}</div>
+            </div>
+        </div>
+    );
+};
diff --git a/src/components/ui/Select.tsx b/src/components/ui/Select.tsx
index f81cf9f26..8e9e5c654 100644
--- a/src/components/ui/Select.tsx
+++ b/src/components/ui/Select.tsx
@@ -1,11 +1,13 @@
 import React from "react";
-import SelectComponent from "react-select";
+import SelectComponent, { components } from "react-select";
 import CreatableSelect from "react-select/creatable";
 import type {
   ActionMeta,
   Props as ReactSelectProps,
   SingleValue,
   StylesConfig,
+  GroupBase,
+  DropdownIndicatorProps,
 } from "react-select";
 
 export type SelectOption = {
@@ -26,6 +28,9 @@ type BaseProps = {
   onBlur?: () => void;
   className?: string;
   formatCreateLabel?: (input: string) => string;
+  components?: {
+    DropdownIndicator?: React.ComponentType<DropdownIndicatorProps<SelectOption, false, GroupBase<SelectOption>>> | null;
+  };
 };
 
 type CreatableProps = {
@@ -52,8 +57,8 @@ const neutralBorder =
 const selectStyles: StylesConfig<SelectOption, false> = {
   control: (base, state) => ({
     ...base,
-    minHeight: 40,
-    borderRadius: 6,
+    minHeight: 10,
+    borderRadius: 4,
     borderColor: state.isFocused ? "var(--color-logo-primary)" : neutralBorder,
     boxShadow: state.isFocused ? "0 0 0 1px var(--color-logo-primary)" : "none",
     backgroundColor: state.isFocused ? focusBackground : baseBackground,
@@ -67,8 +72,8 @@ const selectStyles: StylesConfig<SelectOption, false> = {
   }),
   valueContainer: (base) => ({
     ...base,
-    paddingInline: 10,
-    paddingBlock: 6,
+    paddingInline: 8,
+    paddingBlock: 0,
   }),
   input: (base) => ({
     ...base,
@@ -135,6 +140,7 @@ export const Select: React.FC<SelectProps> = React.memo(
     isCreatable,
     formatCreateLabel,
     onCreateOption,
+    components: customComponents,
   }) => {
     const selectValue = React.useMemo(() => {
       if (!value) return null;
@@ -163,6 +169,7 @@ export const Select: React.FC<SelectProps> = React.memo(
       isClearable,
       styles: selectStyles,
       ...(menuIsOpen !== undefined && { menuIsOpen }),
+      ...(customComponents && { components: customComponents }),
     };
 
     if (isCreatable) {
diff --git a/src/components/ui/index.ts b/src/components/ui/index.ts
index 71f2e2807..0ed1b7386 100644
--- a/src/components/ui/index.ts
+++ b/src/components/ui/index.ts
@@ -5,3 +5,4 @@ export { SettingContainer } from "./SettingContainer";
 export { SettingsGroup } from "./SettingsGroup";
 export { TextDisplay } from "./TextDisplay";
 export { Textarea } from "./Textarea";
+export { Modal } from "./Modal";
diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
index b1e6c3014..37d9fe225 100644
--- a/src/i18n/locales/en/translation.json
+++ b/src/i18n/locales/en/translation.json
@@ -238,7 +238,7 @@
         }
       },
       "prompts": {
-        "title": "Prompt",
+        "title": "Post Processing Prompt",
         "selectedPrompt": {
           "title": "Selected Prompt",
           "description": "Select a template for refining transcriptions or create a new one. Use ${output} inside the prompt text to reference the captured transcript."
@@ -246,6 +246,8 @@
         "noPrompts": "No prompts available",
         "selectPrompt": "Select a prompt",
         "createNew": "Create New Prompt",
+        "createNewPrompt": "Create New Prompt",
+        "editPrompt": "Edit Prompt",
         "promptLabel": "Prompt Label",
         "promptLabelPlaceholder": "Enter prompt name",
         "promptInstructions": "Prompt Instructions",
@@ -256,7 +258,13 @@
         "createPrompt": "Create Prompt",
         "cancel": "Cancel",
         "selectToEdit": "Select a prompt above to view and edit its details.",
-        "createFirst": "Click 'Create New Prompt' above to create your first post-processing prompt."
+        "createFirst": "Click 'Create New Prompt' above to create your first post-processing prompt.",
+        "searchPlaceholder": "Search prompts...",
+        "noSearchResults": "No prompts match your search.",
+        "active": "Active",
+        "edit": "Edit",
+        "setAsActive": "Set as active",
+        "currentlyActive": "Currently active"
       }
     },
     "onlineProviders": {

From 2fdf2bd99ef93d737fa6699208c0c4a26d1a70f6 Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Wed, 17 Dec 2025 22:23:26 +0530
Subject: [PATCH 08/11] revert: remove cosmetic/formatting changes from PR -
 Reverted Sidebar.tsx formatting changes - Reverted shortcut.rs extra blank
 line - Reverted tauri.conf.json to restore Windows signing command and
 original formatting

---
 src-tauri/src/shortcut.rs  |  3 +--
 src-tauri/tauri.conf.json  | 18 ++++++++----------
 src/components/Sidebar.tsx |  9 +++++----
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src-tauri/src/shortcut.rs b/src-tauri/src/shortcut.rs
index 94a17955f..fa855baf8 100644
--- a/src-tauri/src/shortcut.rs
+++ b/src-tauri/src/shortcut.rs
@@ -11,7 +11,7 @@ use crate::managers::audio::AudioRecordingManager;
 use crate::settings::ShortcutBinding;
 use crate::settings::{
     self, get_settings, ClipboardHandling, LLMPrompt, OverlayPosition, PasteMethod, SoundTheme,
-    APPLE_INTELLIGENCE_PROVIDER_ID,
+    APPLE_INTELLIGENCE_DEFAULT_MODEL_ID, APPLE_INTELLIGENCE_PROVIDER_ID,
 };
 use crate::ManagedToggleState;
 
@@ -717,7 +717,6 @@ pub fn change_append_trailing_space_setting(app: AppHandle, enabled: bool) -> Re
     Ok(())
 }
 
-
 #[tauri::command]
 #[specta::specta]
 pub fn change_app_language_setting(app: AppHandle, language: String) -> Result<(), String> {
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 363b09565..1c186dd74 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -15,9 +15,9 @@
       {
         "label": "main",
         "title": "Handy",
-        "width": 800,
+        "width": 680,
         "height": 570,
-        "minWidth": 800,
+        "minWidth": 680,
         "minHeight": 570,
         "resizable": true,
         "maximizable": false,
@@ -29,9 +29,7 @@
       "assetProtocol": {
         "enable": true,
         "scope": {
-          "allow": [
-            "**"
-          ],
+          "allow": ["**"],
           "requireLiteralLeadingDot": false
         }
       }
@@ -41,9 +39,7 @@
     "active": true,
     "createUpdaterArtifacts": true,
     "targets": "all",
-    "resources": [
-      "resources/**/*"
-    ],
+    "resources": ["resources/**/*"],
     "license": "MIT",
     "icon": [
       "icons/32x32.png",
@@ -70,7 +66,9 @@
         "files": {}
       }
     },
-    "windows": {}
+    "windows": {
+      "signCommand": "trusted-signing-cli -e https://eus.codesigning.azure.net/ -a CJ-Signing -c cjpais-dev -d Handy %1"
+    }
   },
   "plugins": {
     "updater": {
@@ -80,4 +78,4 @@
       ]
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 3ba914aa8..2d42cb6b7 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -96,10 +96,11 @@ export const Sidebar: React.FC<SidebarProps> = ({
           return (
             <div
               key={section.id}
-              className={`flex gap-2 items-center p-2 w-full rounded-lg cursor-pointer transition-colors ${isActive
-                ? "bg-logo-primary/80"
-                : "hover:bg-mid-gray/20 hover:opacity-100 opacity-85"
-                }`}
+              className={`flex gap-2 items-center p-2 w-full rounded-lg cursor-pointer transition-colors ${
+                isActive
+                  ? "bg-logo-primary/80"
+                  : "hover:bg-mid-gray/20 hover:opacity-100 opacity-85"
+              }`}
               onClick={() => onSectionChange(section.id)}
             >
               <Icon width={24} height={24} className="shrink-0" />

From ecc18c2909a6ed2edd4cfb089d1cd55e73e8d54c Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Wed, 17 Dec 2025 22:41:30 +0530
Subject: [PATCH 09/11] Feat: Cleaned PR

---
 src-tauri/src/lib.rs |    2 -
 src/bindings.ts      | 1292 +++++++++++++++++++++---------------------
 2 files changed, 647 insertions(+), 647 deletions(-)

diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index a9cbd5028..2aabd3f03 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -16,7 +16,6 @@ mod shortcut;
 mod signal_handle;
 mod tray;
 mod utils;
-#[cfg(debug_assertions)]
 use specta_typescript::{BigIntExportBehavior, Typescript};
 use tauri_specta::{collect_commands, Builder};
 
@@ -320,7 +319,6 @@ pub fn run() {
         )
         .expect("Failed to export typescript bindings");
 
-    #[allow(unused_mut)]
     let mut builder = tauri::Builder::default().plugin(
         LogBuilder::new()
             .level(log::LevelFilter::Trace) // Set to most verbose level globally
diff --git a/src/bindings.ts b/src/bindings.ts
index aa8ab3186..33e8035bc 100644
--- a/src/bindings.ts
+++ b/src/bindings.ts
@@ -5,608 +5,610 @@
 
 
 export const commands = {
-async changeBinding(id: string, binding: string) : Promise<Result<BindingResponse, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_binding", { id, binding }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async resetBinding(id: string) : Promise<Result<BindingResponse, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("reset_binding", { id }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changePttSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_ptt_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeAudioFeedbackSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_audio_feedback_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeAudioFeedbackVolumeSetting(volume: number) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_audio_feedback_volume_setting", { volume }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeSoundThemeSetting(theme: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_sound_theme_setting", { theme }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeStartHiddenSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_start_hidden_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeAutostartSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_autostart_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeTranslateToEnglishSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_translate_to_english_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeSelectedLanguageSetting(language: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_selected_language_setting", { language }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeOverlayPositionSetting(position: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_overlay_position_setting", { position }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeDebugModeSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_debug_mode_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeWordCorrectionThresholdSetting(threshold: number) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_word_correction_threshold_setting", { threshold }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changePasteMethodSetting(method: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_paste_method_setting", { method }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeClipboardHandlingSetting(handling: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_clipboard_handling_setting", { handling }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changePostProcessEnabledSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_post_process_enabled_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changePostProcessBaseUrlSetting(providerId: string, baseUrl: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_post_process_base_url_setting", { providerId, baseUrl }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changePostProcessApiKeySetting(providerId: string, apiKey: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_post_process_api_key_setting", { providerId, apiKey }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changePostProcessModelSetting(providerId: string, model: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_post_process_model_setting", { providerId, model }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async setPostProcessProvider(providerId: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("set_post_process_provider", { providerId }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async fetchPostProcessModels(providerId: string) : Promise<Result<string[], string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("fetch_post_process_models", { providerId }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async addPostProcessPrompt(name: string, prompt: string) : Promise<Result<LLMPrompt, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("add_post_process_prompt", { name, prompt }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async updatePostProcessPrompt(id: string, name: string, prompt: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("update_post_process_prompt", { id, name, prompt }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async deletePostProcessPrompt(id: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("delete_post_process_prompt", { id }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async setPostProcessSelectedPrompt(id: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("set_post_process_selected_prompt", { id }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async updateCustomWords(words: string[]) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("update_custom_words", { words }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-/**
- * Temporarily unregister a binding while the user is editing it in the UI.
- * This avoids firing the action while keys are being recorded.
- */
-async suspendBinding(id: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("suspend_binding", { id }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-/**
- * Re-register the binding after the user has finished editing.
- */
-async resumeBinding(id: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("resume_binding", { id }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeMuteWhileRecordingSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_mute_while_recording_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeAppendTrailingSpaceSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_append_trailing_space_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeAppLanguageSetting(language: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_app_language_setting", { language }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async changeUpdateChecksSetting(enabled: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("change_update_checks_setting", { enabled }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async triggerUpdateCheck() : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("trigger_update_check") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async cancelOperation() : Promise<void> {
-    await TAURI_INVOKE("cancel_operation");
-},
-async getAppDirPath() : Promise<Result<string, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_app_dir_path") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getAppSettings() : Promise<Result<AppSettings, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_app_settings") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getDefaultSettings() : Promise<Result<AppSettings, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_default_settings") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getLogDirPath() : Promise<Result<string, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_log_dir_path") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async setLogLevel(level: LogLevel) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("set_log_level", { level }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async openRecordingsFolder() : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("open_recordings_folder") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async openLogDir() : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("open_log_dir") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async openAppDataDir() : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("open_app_data_dir") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getAvailableModels() : Promise<Result<ModelInfo[], string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_available_models") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getModelInfo(modelId: string) : Promise<Result<ModelInfo | null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_model_info", { modelId }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async downloadModel(modelId: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("download_model", { modelId }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async deleteModel(modelId: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("delete_model", { modelId }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async cancelDownload(modelId: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("cancel_download", { modelId }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async setActiveModel(modelId: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("set_active_model", { modelId }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getCurrentModel() : Promise<Result<string, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_current_model") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getTranscriptionModelStatus() : Promise<Result<string | null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_transcription_model_status") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async isModelLoading() : Promise<Result<boolean, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("is_model_loading") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async hasAnyModelsAvailable() : Promise<Result<boolean, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("has_any_models_available") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async hasAnyModelsOrDownloads() : Promise<Result<boolean, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("has_any_models_or_downloads") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getRecommendedFirstModel() : Promise<Result<string, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_recommended_first_model") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async updateMicrophoneMode(alwaysOn: boolean) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("update_microphone_mode", { alwaysOn }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getMicrophoneMode() : Promise<Result<boolean, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_microphone_mode") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getAvailableMicrophones() : Promise<Result<AudioDevice[], string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_available_microphones") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async setSelectedMicrophone(deviceName: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("set_selected_microphone", { deviceName }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getSelectedMicrophone() : Promise<Result<string, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_selected_microphone") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getAvailableOutputDevices() : Promise<Result<AudioDevice[], string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_available_output_devices") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async setSelectedOutputDevice(deviceName: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("set_selected_output_device", { deviceName }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getSelectedOutputDevice() : Promise<Result<string, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_selected_output_device") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async playTestSound(soundType: string) : Promise<void> {
-    await TAURI_INVOKE("play_test_sound", { soundType });
-},
-async checkCustomSounds() : Promise<CustomSounds> {
-    return await TAURI_INVOKE("check_custom_sounds");
-},
-async setClamshellMicrophone(deviceName: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("set_clamshell_microphone", { deviceName }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getClamshellMicrophone() : Promise<Result<string, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_clamshell_microphone") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async isRecording() : Promise<boolean> {
-    return await TAURI_INVOKE("is_recording");
-},
-async setModelUnloadTimeout(timeout: ModelUnloadTimeout) : Promise<void> {
-    await TAURI_INVOKE("set_model_unload_timeout", { timeout });
-},
-async getModelLoadStatus() : Promise<Result<ModelLoadStatus, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_model_load_status") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async unloadModelManually() : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("unload_model_manually") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getHistoryEntries() : Promise<Result<HistoryEntry[], string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_history_entries") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async toggleHistoryEntrySaved(id: number) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("toggle_history_entry_saved", { id }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async getAudioFilePath(fileName: string) : Promise<Result<string, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("get_audio_file_path", { fileName }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async deleteHistoryEntry(id: number) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("delete_history_entry", { id }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async updateHistoryLimit(limit: number) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("update_history_limit", { limit }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-async updateRecordingRetentionPeriod(period: string) : Promise<Result<null, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("update_recording_retention_period", { period }) };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-},
-/**
- * Stub implementation for non-macOS platforms
- * Always returns false since laptop detection is macOS-specific
- */
-async isLaptop() : Promise<Result<boolean, string>> {
-    try {
-    return { status: "ok", data: await TAURI_INVOKE("is_laptop") };
-} catch (e) {
-    if(e instanceof Error) throw e;
-    else return { status: "error", error: e  as any };
-}
-}
+    async changeBinding(id: string, binding: string): Promise<Result<BindingResponse, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_binding", { id, binding }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async resetBinding(id: string): Promise<Result<BindingResponse, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("reset_binding", { id }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changePttSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_ptt_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeAudioFeedbackSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_audio_feedback_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeAudioFeedbackVolumeSetting(volume: number): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_audio_feedback_volume_setting", { volume }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeSoundThemeSetting(theme: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_sound_theme_setting", { theme }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeStartHiddenSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_start_hidden_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeAutostartSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_autostart_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeTranslateToEnglishSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_translate_to_english_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeSelectedLanguageSetting(language: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_selected_language_setting", { language }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeOverlayPositionSetting(position: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_overlay_position_setting", { position }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeDebugModeSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_debug_mode_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeWordCorrectionThresholdSetting(threshold: number): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_word_correction_threshold_setting", { threshold }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changePasteMethodSetting(method: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_paste_method_setting", { method }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeClipboardHandlingSetting(handling: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_clipboard_handling_setting", { handling }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changePostProcessEnabledSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_post_process_enabled_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changePostProcessBaseUrlSetting(providerId: string, baseUrl: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_post_process_base_url_setting", { providerId, baseUrl }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changePostProcessApiKeySetting(providerId: string, apiKey: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_post_process_api_key_setting", { providerId, apiKey }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changePostProcessModelSetting(providerId: string, model: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_post_process_model_setting", { providerId, model }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async setPostProcessProvider(providerId: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("set_post_process_provider", { providerId }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async fetchPostProcessModels(providerId: string): Promise<Result<string[], string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("fetch_post_process_models", { providerId }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async addPostProcessPrompt(name: string, prompt: string): Promise<Result<LLMPrompt, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("add_post_process_prompt", { name, prompt }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async updatePostProcessPrompt(id: string, name: string, prompt: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("update_post_process_prompt", { id, name, prompt }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async deletePostProcessPrompt(id: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("delete_post_process_prompt", { id }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async setPostProcessSelectedPrompt(id: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("set_post_process_selected_prompt", { id }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async updateCustomWords(words: string[]): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("update_custom_words", { words }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    /**
+     * Temporarily unregister a binding while the user is editing it in the UI.
+     * This avoids firing the action while keys are being recorded.
+     */
+    async suspendBinding(id: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("suspend_binding", { id }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    /**
+     * Re-register the binding after the user has finished editing.
+     */
+    async resumeBinding(id: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("resume_binding", { id }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeMuteWhileRecordingSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_mute_while_recording_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeAppendTrailingSpaceSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_append_trailing_space_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeAppLanguageSetting(language: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_app_language_setting", { language }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async changeUpdateChecksSetting(enabled: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("change_update_checks_setting", { enabled }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async triggerUpdateCheck(): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("trigger_update_check") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async cancelOperation(): Promise<void> {
+        await TAURI_INVOKE("cancel_operation");
+    },
+    async getAppDirPath(): Promise<Result<string, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_app_dir_path") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getAppSettings(): Promise<Result<AppSettings, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_app_settings") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getDefaultSettings(): Promise<Result<AppSettings, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_default_settings") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getLogDirPath(): Promise<Result<string, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_log_dir_path") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async setLogLevel(level: LogLevel): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("set_log_level", { level }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async openRecordingsFolder(): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("open_recordings_folder") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async openLogDir(): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("open_log_dir") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async openAppDataDir(): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("open_app_data_dir") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getAvailableModels(): Promise<Result<ModelInfo[], string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_available_models") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getModelInfo(modelId: string): Promise<Result<ModelInfo | null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_model_info", { modelId }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async downloadModel(modelId: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("download_model", { modelId }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async deleteModel(modelId: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("delete_model", { modelId }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async cancelDownload(modelId: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("cancel_download", { modelId }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async setActiveModel(modelId: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("set_active_model", { modelId }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getCurrentModel(): Promise<Result<string, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_current_model") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getTranscriptionModelStatus(): Promise<Result<string | null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_transcription_model_status") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async isModelLoading(): Promise<Result<boolean, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("is_model_loading") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async hasAnyModelsAvailable(): Promise<Result<boolean, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("has_any_models_available") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async hasAnyModelsOrDownloads(): Promise<Result<boolean, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("has_any_models_or_downloads") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getRecommendedFirstModel(): Promise<Result<string, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_recommended_first_model") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async updateMicrophoneMode(alwaysOn: boolean): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("update_microphone_mode", { alwaysOn }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getMicrophoneMode(): Promise<Result<boolean, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_microphone_mode") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getAvailableMicrophones(): Promise<Result<AudioDevice[], string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_available_microphones") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async setSelectedMicrophone(deviceName: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("set_selected_microphone", { deviceName }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getSelectedMicrophone(): Promise<Result<string, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_selected_microphone") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getAvailableOutputDevices(): Promise<Result<AudioDevice[], string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_available_output_devices") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async setSelectedOutputDevice(deviceName: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("set_selected_output_device", { deviceName }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getSelectedOutputDevice(): Promise<Result<string, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_selected_output_device") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async playTestSound(soundType: string): Promise<void> {
+        await TAURI_INVOKE("play_test_sound", { soundType });
+    },
+    async checkCustomSounds(): Promise<CustomSounds> {
+        return await TAURI_INVOKE("check_custom_sounds");
+    },
+    async setClamshellMicrophone(deviceName: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("set_clamshell_microphone", { deviceName }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getClamshellMicrophone(): Promise<Result<string, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_clamshell_microphone") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async isRecording(): Promise<boolean> {
+        return await TAURI_INVOKE("is_recording");
+    },
+    async setModelUnloadTimeout(timeout: ModelUnloadTimeout): Promise<void> {
+        await TAURI_INVOKE("set_model_unload_timeout", { timeout });
+    },
+    async getModelLoadStatus(): Promise<Result<ModelLoadStatus, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_model_load_status") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async unloadModelManually(): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("unload_model_manually") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getHistoryEntries(): Promise<Result<HistoryEntry[], string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_history_entries") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async toggleHistoryEntrySaved(id: number): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("toggle_history_entry_saved", { id }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async getAudioFilePath(fileName: string): Promise<Result<string, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("get_audio_file_path", { fileName }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async deleteHistoryEntry(id: number): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("delete_history_entry", { id }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async updateHistoryLimit(limit: number): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("update_history_limit", { limit }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    async updateRecordingRetentionPeriod(period: string): Promise<Result<null, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("update_recording_retention_period", { period }) };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    },
+    /**
+     * Checks if the Mac is a laptop by detecting battery presence
+     * 
+     * This uses pmset to check for battery information.
+     * Returns true if a battery is detected (laptop), false otherwise (desktop)
+     */
+    async isLaptop(): Promise<Result<boolean, string>> {
+        try {
+            return { status: "ok", data: await TAURI_INVOKE("is_laptop") };
+        } catch (e) {
+            if (e instanceof Error) throw e;
+            else return { status: "error", error: e as any };
+        }
+    }
 }
 
 /** user-defined events **/
@@ -641,59 +643,59 @@ export type SoundTheme = "marimba" | "pop" | "custom"
 /** tauri-specta globals **/
 
 import {
-	invoke as TAURI_INVOKE,
-	Channel as TAURI_CHANNEL,
+    invoke as TAURI_INVOKE,
+    Channel as TAURI_CHANNEL,
 } from "@tauri-apps/api/core";
 import * as TAURI_API_EVENT from "@tauri-apps/api/event";
 import { type WebviewWindow as __WebviewWindow__ } from "@tauri-apps/api/webviewWindow";
 
 type __EventObj__<T> = {
-	listen: (
-		cb: TAURI_API_EVENT.EventCallback<T>,
-	) => ReturnType<typeof TAURI_API_EVENT.listen<T>>;
-	once: (
-		cb: TAURI_API_EVENT.EventCallback<T>,
-	) => ReturnType<typeof TAURI_API_EVENT.once<T>>;
-	emit: null extends T
-		? (payload?: T) => ReturnType<typeof TAURI_API_EVENT.emit>
-		: (payload: T) => ReturnType<typeof TAURI_API_EVENT.emit>;
+    listen: (
+        cb: TAURI_API_EVENT.EventCallback<T>,
+    ) => ReturnType<typeof TAURI_API_EVENT.listen<T>>;
+    once: (
+        cb: TAURI_API_EVENT.EventCallback<T>,
+    ) => ReturnType<typeof TAURI_API_EVENT.once<T>>;
+    emit: null extends T
+    ? (payload?: T) => ReturnType<typeof TAURI_API_EVENT.emit>
+    : (payload: T) => ReturnType<typeof TAURI_API_EVENT.emit>;
 };
 
 export type Result<T, E> =
-	| { status: "ok"; data: T }
-	| { status: "error"; error: E };
+    | { status: "ok"; data: T }
+    | { status: "error"; error: E };
 
 function __makeEvents__<T extends Record<string, any>>(
-	mappings: Record<keyof T, string>,
+    mappings: Record<keyof T, string>,
 ) {
-	return new Proxy(
-		{} as unknown as {
-			[K in keyof T]: __EventObj__<T[K]> & {
-				(handle: __WebviewWindow__): __EventObj__<T[K]>;
-			};
-		},
-		{
-			get: (_, event) => {
-				const name = mappings[event as keyof T];
+    return new Proxy(
+        {} as unknown as {
+            [K in keyof T]: __EventObj__<T[K]> & {
+                (handle: __WebviewWindow__): __EventObj__<T[K]>;
+            };
+        },
+        {
+            get: (_, event) => {
+                const name = mappings[event as keyof T];
 
-				return new Proxy((() => {}) as any, {
-					apply: (_, __, [window]: [__WebviewWindow__]) => ({
-						listen: (arg: any) => window.listen(name, arg),
-						once: (arg: any) => window.once(name, arg),
-						emit: (arg: any) => window.emit(name, arg),
-					}),
-					get: (_, command: keyof __EventObj__<any>) => {
-						switch (command) {
-							case "listen":
-								return (arg: any) => TAURI_API_EVENT.listen(name, arg);
-							case "once":
-								return (arg: any) => TAURI_API_EVENT.once(name, arg);
-							case "emit":
-								return (arg: any) => TAURI_API_EVENT.emit(name, arg);
-						}
-					},
-				});
-			},
-		},
-	);
+                return new Proxy((() => { }) as any, {
+                    apply: (_, __, [window]: [__WebviewWindow__]) => ({
+                        listen: (arg: any) => window.listen(name, arg),
+                        once: (arg: any) => window.once(name, arg),
+                        emit: (arg: any) => window.emit(name, arg),
+                    }),
+                    get: (_, command: keyof __EventObj__<any>) => {
+                        switch (command) {
+                            case "listen":
+                                return (arg: any) => TAURI_API_EVENT.listen(name, arg);
+                            case "once":
+                                return (arg: any) => TAURI_API_EVENT.once(name, arg);
+                            case "emit":
+                                return (arg: any) => TAURI_API_EVENT.emit(name, arg);
+                        }
+                    },
+                });
+            },
+        },
+    );
 }

From 64d413cc4bf4b81b21f8c2600b425028971491c9 Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Wed, 17 Dec 2025 22:43:46 +0530
Subject: [PATCH 10/11] reverted binding.ts

---
 src/bindings.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/bindings.ts b/src/bindings.ts
index 33e8035bc..171a47f5e 100644
--- a/src/bindings.ts
+++ b/src/bindings.ts
@@ -698,4 +698,4 @@ function __makeEvents__<T extends Record<string, any>>(
             },
         },
     );
-}
+}
\ No newline at end of file

From 26583e61494460059e131cc4aec39e58a42e4dbd Mon Sep 17 00:00:00 2001
From: avijitbhuin21 <avijitbhuin21@gmail.com>
Date: Wed, 17 Dec 2025 22:47:18 +0530
Subject: [PATCH 11/11] revertd binding.ts

---
 src/bindings.ts | 1296 +++++++++++++++++++++++------------------------
 1 file changed, 648 insertions(+), 648 deletions(-)

diff --git a/src/bindings.ts b/src/bindings.ts
index 33e8035bc..c781fa111 100644
--- a/src/bindings.ts
+++ b/src/bindings.ts
@@ -5,610 +5,610 @@
 
 
 export const commands = {
-    async changeBinding(id: string, binding: string): Promise<Result<BindingResponse, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_binding", { id, binding }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async resetBinding(id: string): Promise<Result<BindingResponse, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("reset_binding", { id }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changePttSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_ptt_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeAudioFeedbackSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_audio_feedback_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeAudioFeedbackVolumeSetting(volume: number): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_audio_feedback_volume_setting", { volume }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeSoundThemeSetting(theme: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_sound_theme_setting", { theme }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeStartHiddenSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_start_hidden_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeAutostartSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_autostart_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeTranslateToEnglishSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_translate_to_english_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeSelectedLanguageSetting(language: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_selected_language_setting", { language }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeOverlayPositionSetting(position: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_overlay_position_setting", { position }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeDebugModeSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_debug_mode_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeWordCorrectionThresholdSetting(threshold: number): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_word_correction_threshold_setting", { threshold }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changePasteMethodSetting(method: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_paste_method_setting", { method }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeClipboardHandlingSetting(handling: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_clipboard_handling_setting", { handling }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changePostProcessEnabledSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_post_process_enabled_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changePostProcessBaseUrlSetting(providerId: string, baseUrl: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_post_process_base_url_setting", { providerId, baseUrl }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changePostProcessApiKeySetting(providerId: string, apiKey: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_post_process_api_key_setting", { providerId, apiKey }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changePostProcessModelSetting(providerId: string, model: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_post_process_model_setting", { providerId, model }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async setPostProcessProvider(providerId: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("set_post_process_provider", { providerId }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async fetchPostProcessModels(providerId: string): Promise<Result<string[], string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("fetch_post_process_models", { providerId }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async addPostProcessPrompt(name: string, prompt: string): Promise<Result<LLMPrompt, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("add_post_process_prompt", { name, prompt }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async updatePostProcessPrompt(id: string, name: string, prompt: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("update_post_process_prompt", { id, name, prompt }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async deletePostProcessPrompt(id: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("delete_post_process_prompt", { id }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async setPostProcessSelectedPrompt(id: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("set_post_process_selected_prompt", { id }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async updateCustomWords(words: string[]): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("update_custom_words", { words }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    /**
-     * Temporarily unregister a binding while the user is editing it in the UI.
-     * This avoids firing the action while keys are being recorded.
-     */
-    async suspendBinding(id: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("suspend_binding", { id }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    /**
-     * Re-register the binding after the user has finished editing.
-     */
-    async resumeBinding(id: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("resume_binding", { id }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeMuteWhileRecordingSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_mute_while_recording_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeAppendTrailingSpaceSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_append_trailing_space_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeAppLanguageSetting(language: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_app_language_setting", { language }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async changeUpdateChecksSetting(enabled: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("change_update_checks_setting", { enabled }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async triggerUpdateCheck(): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("trigger_update_check") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async cancelOperation(): Promise<void> {
-        await TAURI_INVOKE("cancel_operation");
-    },
-    async getAppDirPath(): Promise<Result<string, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_app_dir_path") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getAppSettings(): Promise<Result<AppSettings, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_app_settings") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getDefaultSettings(): Promise<Result<AppSettings, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_default_settings") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getLogDirPath(): Promise<Result<string, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_log_dir_path") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async setLogLevel(level: LogLevel): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("set_log_level", { level }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async openRecordingsFolder(): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("open_recordings_folder") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async openLogDir(): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("open_log_dir") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async openAppDataDir(): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("open_app_data_dir") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getAvailableModels(): Promise<Result<ModelInfo[], string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_available_models") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getModelInfo(modelId: string): Promise<Result<ModelInfo | null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_model_info", { modelId }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async downloadModel(modelId: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("download_model", { modelId }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async deleteModel(modelId: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("delete_model", { modelId }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async cancelDownload(modelId: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("cancel_download", { modelId }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async setActiveModel(modelId: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("set_active_model", { modelId }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getCurrentModel(): Promise<Result<string, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_current_model") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getTranscriptionModelStatus(): Promise<Result<string | null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_transcription_model_status") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async isModelLoading(): Promise<Result<boolean, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("is_model_loading") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async hasAnyModelsAvailable(): Promise<Result<boolean, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("has_any_models_available") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async hasAnyModelsOrDownloads(): Promise<Result<boolean, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("has_any_models_or_downloads") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getRecommendedFirstModel(): Promise<Result<string, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_recommended_first_model") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async updateMicrophoneMode(alwaysOn: boolean): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("update_microphone_mode", { alwaysOn }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getMicrophoneMode(): Promise<Result<boolean, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_microphone_mode") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getAvailableMicrophones(): Promise<Result<AudioDevice[], string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_available_microphones") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async setSelectedMicrophone(deviceName: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("set_selected_microphone", { deviceName }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getSelectedMicrophone(): Promise<Result<string, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_selected_microphone") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getAvailableOutputDevices(): Promise<Result<AudioDevice[], string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_available_output_devices") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async setSelectedOutputDevice(deviceName: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("set_selected_output_device", { deviceName }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getSelectedOutputDevice(): Promise<Result<string, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_selected_output_device") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async playTestSound(soundType: string): Promise<void> {
-        await TAURI_INVOKE("play_test_sound", { soundType });
-    },
-    async checkCustomSounds(): Promise<CustomSounds> {
-        return await TAURI_INVOKE("check_custom_sounds");
-    },
-    async setClamshellMicrophone(deviceName: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("set_clamshell_microphone", { deviceName }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getClamshellMicrophone(): Promise<Result<string, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_clamshell_microphone") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async isRecording(): Promise<boolean> {
-        return await TAURI_INVOKE("is_recording");
-    },
-    async setModelUnloadTimeout(timeout: ModelUnloadTimeout): Promise<void> {
-        await TAURI_INVOKE("set_model_unload_timeout", { timeout });
-    },
-    async getModelLoadStatus(): Promise<Result<ModelLoadStatus, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_model_load_status") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async unloadModelManually(): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("unload_model_manually") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getHistoryEntries(): Promise<Result<HistoryEntry[], string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_history_entries") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async toggleHistoryEntrySaved(id: number): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("toggle_history_entry_saved", { id }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async getAudioFilePath(fileName: string): Promise<Result<string, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("get_audio_file_path", { fileName }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async deleteHistoryEntry(id: number): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("delete_history_entry", { id }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async updateHistoryLimit(limit: number): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("update_history_limit", { limit }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    async updateRecordingRetentionPeriod(period: string): Promise<Result<null, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("update_recording_retention_period", { period }) };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    },
-    /**
-     * Checks if the Mac is a laptop by detecting battery presence
-     * 
-     * This uses pmset to check for battery information.
-     * Returns true if a battery is detected (laptop), false otherwise (desktop)
-     */
-    async isLaptop(): Promise<Result<boolean, string>> {
-        try {
-            return { status: "ok", data: await TAURI_INVOKE("is_laptop") };
-        } catch (e) {
-            if (e instanceof Error) throw e;
-            else return { status: "error", error: e as any };
-        }
-    }
+async changeBinding(id: string, binding: string) : Promise<Result<BindingResponse, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_binding", { id, binding }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async resetBinding(id: string) : Promise<Result<BindingResponse, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("reset_binding", { id }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changePttSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_ptt_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeAudioFeedbackSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_audio_feedback_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeAudioFeedbackVolumeSetting(volume: number) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_audio_feedback_volume_setting", { volume }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeSoundThemeSetting(theme: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_sound_theme_setting", { theme }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeStartHiddenSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_start_hidden_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeAutostartSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_autostart_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeTranslateToEnglishSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_translate_to_english_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeSelectedLanguageSetting(language: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_selected_language_setting", { language }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeOverlayPositionSetting(position: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_overlay_position_setting", { position }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeDebugModeSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_debug_mode_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeWordCorrectionThresholdSetting(threshold: number) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_word_correction_threshold_setting", { threshold }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changePasteMethodSetting(method: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_paste_method_setting", { method }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeClipboardHandlingSetting(handling: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_clipboard_handling_setting", { handling }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changePostProcessEnabledSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_post_process_enabled_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changePostProcessBaseUrlSetting(providerId: string, baseUrl: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_post_process_base_url_setting", { providerId, baseUrl }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changePostProcessApiKeySetting(providerId: string, apiKey: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_post_process_api_key_setting", { providerId, apiKey }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changePostProcessModelSetting(providerId: string, model: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_post_process_model_setting", { providerId, model }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async setPostProcessProvider(providerId: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("set_post_process_provider", { providerId }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async fetchPostProcessModels(providerId: string) : Promise<Result<string[], string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("fetch_post_process_models", { providerId }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async addPostProcessPrompt(name: string, prompt: string) : Promise<Result<LLMPrompt, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("add_post_process_prompt", { name, prompt }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async updatePostProcessPrompt(id: string, name: string, prompt: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("update_post_process_prompt", { id, name, prompt }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async deletePostProcessPrompt(id: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("delete_post_process_prompt", { id }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async setPostProcessSelectedPrompt(id: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("set_post_process_selected_prompt", { id }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async updateCustomWords(words: string[]) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("update_custom_words", { words }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+/**
+ * Temporarily unregister a binding while the user is editing it in the UI.
+ * This avoids firing the action while keys are being recorded.
+ */
+async suspendBinding(id: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("suspend_binding", { id }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+/**
+ * Re-register the binding after the user has finished editing.
+ */
+async resumeBinding(id: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("resume_binding", { id }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeMuteWhileRecordingSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_mute_while_recording_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeAppendTrailingSpaceSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_append_trailing_space_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeAppLanguageSetting(language: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_app_language_setting", { language }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async changeUpdateChecksSetting(enabled: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("change_update_checks_setting", { enabled }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async triggerUpdateCheck() : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("trigger_update_check") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async cancelOperation() : Promise<void> {
+    await TAURI_INVOKE("cancel_operation");
+},
+async getAppDirPath() : Promise<Result<string, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_app_dir_path") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getAppSettings() : Promise<Result<AppSettings, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_app_settings") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getDefaultSettings() : Promise<Result<AppSettings, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_default_settings") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getLogDirPath() : Promise<Result<string, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_log_dir_path") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async setLogLevel(level: LogLevel) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("set_log_level", { level }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async openRecordingsFolder() : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("open_recordings_folder") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async openLogDir() : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("open_log_dir") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async openAppDataDir() : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("open_app_data_dir") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getAvailableModels() : Promise<Result<ModelInfo[], string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_available_models") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getModelInfo(modelId: string) : Promise<Result<ModelInfo | null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_model_info", { modelId }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async downloadModel(modelId: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("download_model", { modelId }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async deleteModel(modelId: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("delete_model", { modelId }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async cancelDownload(modelId: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("cancel_download", { modelId }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async setActiveModel(modelId: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("set_active_model", { modelId }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getCurrentModel() : Promise<Result<string, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_current_model") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getTranscriptionModelStatus() : Promise<Result<string | null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_transcription_model_status") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async isModelLoading() : Promise<Result<boolean, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("is_model_loading") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async hasAnyModelsAvailable() : Promise<Result<boolean, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("has_any_models_available") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async hasAnyModelsOrDownloads() : Promise<Result<boolean, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("has_any_models_or_downloads") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getRecommendedFirstModel() : Promise<Result<string, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_recommended_first_model") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async updateMicrophoneMode(alwaysOn: boolean) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("update_microphone_mode", { alwaysOn }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getMicrophoneMode() : Promise<Result<boolean, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_microphone_mode") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getAvailableMicrophones() : Promise<Result<AudioDevice[], string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_available_microphones") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async setSelectedMicrophone(deviceName: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("set_selected_microphone", { deviceName }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getSelectedMicrophone() : Promise<Result<string, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_selected_microphone") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getAvailableOutputDevices() : Promise<Result<AudioDevice[], string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_available_output_devices") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async setSelectedOutputDevice(deviceName: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("set_selected_output_device", { deviceName }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getSelectedOutputDevice() : Promise<Result<string, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_selected_output_device") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async playTestSound(soundType: string) : Promise<void> {
+    await TAURI_INVOKE("play_test_sound", { soundType });
+},
+async checkCustomSounds() : Promise<CustomSounds> {
+    return await TAURI_INVOKE("check_custom_sounds");
+},
+async setClamshellMicrophone(deviceName: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("set_clamshell_microphone", { deviceName }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getClamshellMicrophone() : Promise<Result<string, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_clamshell_microphone") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async isRecording() : Promise<boolean> {
+    return await TAURI_INVOKE("is_recording");
+},
+async setModelUnloadTimeout(timeout: ModelUnloadTimeout) : Promise<void> {
+    await TAURI_INVOKE("set_model_unload_timeout", { timeout });
+},
+async getModelLoadStatus() : Promise<Result<ModelLoadStatus, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_model_load_status") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async unloadModelManually() : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("unload_model_manually") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getHistoryEntries() : Promise<Result<HistoryEntry[], string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_history_entries") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async toggleHistoryEntrySaved(id: number) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("toggle_history_entry_saved", { id }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async getAudioFilePath(fileName: string) : Promise<Result<string, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("get_audio_file_path", { fileName }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async deleteHistoryEntry(id: number) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("delete_history_entry", { id }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async updateHistoryLimit(limit: number) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("update_history_limit", { limit }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+async updateRecordingRetentionPeriod(period: string) : Promise<Result<null, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("update_recording_retention_period", { period }) };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
+/**
+ * Checks if the Mac is a laptop by detecting battery presence
+ * 
+ * This uses pmset to check for battery information.
+ * Returns true if a battery is detected (laptop), false otherwise (desktop)
+ */
+async isLaptop() : Promise<Result<boolean, string>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("is_laptop") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+}
 }
 
 /** user-defined events **/
@@ -643,59 +643,59 @@ export type SoundTheme = "marimba" | "pop" | "custom"
 /** tauri-specta globals **/
 
 import {
-    invoke as TAURI_INVOKE,
-    Channel as TAURI_CHANNEL,
+	invoke as TAURI_INVOKE,
+	Channel as TAURI_CHANNEL,
 } from "@tauri-apps/api/core";
 import * as TAURI_API_EVENT from "@tauri-apps/api/event";
 import { type WebviewWindow as __WebviewWindow__ } from "@tauri-apps/api/webviewWindow";
 
 type __EventObj__<T> = {
-    listen: (
-        cb: TAURI_API_EVENT.EventCallback<T>,
-    ) => ReturnType<typeof TAURI_API_EVENT.listen<T>>;
-    once: (
-        cb: TAURI_API_EVENT.EventCallback<T>,
-    ) => ReturnType<typeof TAURI_API_EVENT.once<T>>;
-    emit: null extends T
-    ? (payload?: T) => ReturnType<typeof TAURI_API_EVENT.emit>
-    : (payload: T) => ReturnType<typeof TAURI_API_EVENT.emit>;
+	listen: (
+		cb: TAURI_API_EVENT.EventCallback<T>,
+	) => ReturnType<typeof TAURI_API_EVENT.listen<T>>;
+	once: (
+		cb: TAURI_API_EVENT.EventCallback<T>,
+	) => ReturnType<typeof TAURI_API_EVENT.once<T>>;
+	emit: null extends T
+		? (payload?: T) => ReturnType<typeof TAURI_API_EVENT.emit>
+		: (payload: T) => ReturnType<typeof TAURI_API_EVENT.emit>;
 };
 
 export type Result<T, E> =
-    | { status: "ok"; data: T }
-    | { status: "error"; error: E };
+	| { status: "ok"; data: T }
+	| { status: "error"; error: E };
 
 function __makeEvents__<T extends Record<string, any>>(
-    mappings: Record<keyof T, string>,
+	mappings: Record<keyof T, string>,
 ) {
-    return new Proxy(
-        {} as unknown as {
-            [K in keyof T]: __EventObj__<T[K]> & {
-                (handle: __WebviewWindow__): __EventObj__<T[K]>;
-            };
-        },
-        {
-            get: (_, event) => {
-                const name = mappings[event as keyof T];
+	return new Proxy(
+		{} as unknown as {
+			[K in keyof T]: __EventObj__<T[K]> & {
+				(handle: __WebviewWindow__): __EventObj__<T[K]>;
+			};
+		},
+		{
+			get: (_, event) => {
+				const name = mappings[event as keyof T];
 
-                return new Proxy((() => { }) as any, {
-                    apply: (_, __, [window]: [__WebviewWindow__]) => ({
-                        listen: (arg: any) => window.listen(name, arg),
-                        once: (arg: any) => window.once(name, arg),
-                        emit: (arg: any) => window.emit(name, arg),
-                    }),
-                    get: (_, command: keyof __EventObj__<any>) => {
-                        switch (command) {
-                            case "listen":
-                                return (arg: any) => TAURI_API_EVENT.listen(name, arg);
-                            case "once":
-                                return (arg: any) => TAURI_API_EVENT.once(name, arg);
-                            case "emit":
-                                return (arg: any) => TAURI_API_EVENT.emit(name, arg);
-                        }
-                    },
-                });
-            },
-        },
-    );
-}
+				return new Proxy((() => {}) as any, {
+					apply: (_, __, [window]: [__WebviewWindow__]) => ({
+						listen: (arg: any) => window.listen(name, arg),
+						once: (arg: any) => window.once(name, arg),
+						emit: (arg: any) => window.emit(name, arg),
+					}),
+					get: (_, command: keyof __EventObj__<any>) => {
+						switch (command) {
+							case "listen":
+								return (arg: any) => TAURI_API_EVENT.listen(name, arg);
+							case "once":
+								return (arg: any) => TAURI_API_EVENT.once(name, arg);
+							case "emit":
+								return (arg: any) => TAURI_API_EVENT.emit(name, arg);
+						}
+					},
+				});
+			},
+		},
+	);
+}
\ No newline at end of file