From 580b451e44ddca25ec0bc636b71789bf11627bb2 Mon Sep 17 00:00:00 2001
From: Joshua Swigut <62301576+JJSwigut@users.noreply.github.com>
Date: Wed, 6 Aug 2025 11:37:41 -0400
Subject: [PATCH] Fix voice dictation provider selection bug (#3862)

---
 .../settings/dictation/DictationSection.tsx   | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/ui/desktop/src/components/settings/dictation/DictationSection.tsx b/ui/desktop/src/components/settings/dictation/DictationSection.tsx
index 8802240743..f80cbe85c2 100644
--- a/ui/desktop/src/components/settings/dictation/DictationSection.tsx
+++ b/ui/desktop/src/components/settings/dictation/DictationSection.tsx
@@ -97,6 +97,23 @@ export default function DictationSection() {
     checkOpenAIKey();
   }, [getProviders]);
 
+  const handleDropdownToggle = async () => {
+    const newShowState = !showProviderDropdown;
+    setShowProviderDropdown(newShowState);
+
+    if (newShowState) {
+      try {
+        const providers = await getProviders(true);
+        const openAIProvider = providers.find((p) => p.name === 'openai');
+        const isConfigured = !!openAIProvider?.is_configured;
+        setHasOpenAIKey(isConfigured);
+      } catch (error) {
+        console.error('Error checking OpenAI configuration:', error);
+        setHasOpenAIKey(false);
+      }
+    }
+  };
+
   const saveSettings = (newSettings: DictationSettings) => {
     setSettings(newSettings);
     localStorage.setItem(DICTATION_SETTINGS_KEY, JSON.stringify(newSettings));
@@ -171,7 +188,7 @@ export default function DictationSection() {
             </div>
             <div className="relative">
               <button
-                onClick={() => setShowProviderDropdown(!showProviderDropdown)}
+                onClick={handleDropdownToggle}
                 className="flex items-center gap-2 px-3 py-1.5 text-sm border border-borderSubtle rounded-md hover:border-borderStandard transition-colors text-textStandard bg-background-default"
               >
                 {getProviderLabel(settings.provider)}
@@ -182,12 +199,7 @@ export default function DictationSection() {
                 <div className="absolute right-0 mt-1 w-48 bg-background-default border border-borderStandard rounded-md shadow-lg z-10">
                   <button
                     onClick={() => handleProviderChange('openai')}
-                    disabled={!hasOpenAIKey}
-                    className={`w-full px-3 py-2 text-left text-sm transition-colors first:rounded-t-md ${
-                      hasOpenAIKey
-                        ? 'hover:bg-bgSubtle text-textStandard'
-                        : 'text-textSubtle cursor-not-allowed'
-                    }`}
+                    className="w-full px-3 py-2 text-left text-sm transition-colors first:rounded-t-md hover:bg-bgSubtle text-textStandard"
                   >
                     OpenAI Whisper
                     {!hasOpenAIKey && <span className="text-xs ml-1">(not configured)</span>}