fix: hide voice options until enabled

src/components/quick-settings-panel/view/QuickSettingsContent.tsx

@@ -28,6 +28,9 @@ export default function QuickSettingsContent({
   onPreferenceChange,
 }: QuickSettingsContentProps) {
   const { t } = useTranslation('settings');
+  const inputSettingToggles = preferences.voiceEnabled
+    ? INPUT_SETTING_TOGGLES
+    : INPUT_SETTING_TOGGLES.filter(({ key }) => key !== 'voiceEnabled');
 
   const renderToggleRows = (items: PreferenceToggleItem[]) => (
     items.map(({ key, labelKey, icon }) => (
@@ -67,7 +70,7 @@ export default function QuickSettingsContent({
       </QuickSettingsSection>
 
       <QuickSettingsSection title={t('quickSettings.sections.inputSettings')}>
-        {renderToggleRows(INPUT_SETTING_TOGGLES)}
+        {renderToggleRows(inputSettingToggles)}
         <p className="ml-3 text-xs text-gray-500 dark:text-gray-400">
           {t('quickSettings.sendByCtrlEnterDescription')}
         </p>

src/components/settings/view/tabs/VoiceSettingsTab.tsx

@@ -21,6 +21,7 @@ export default function VoiceSettingsTab() {
   const { t } = useTranslation('settings');
   const { preferences, setPreference } = useUiPreferences();
   const { config, update } = useVoiceConfig();
+  const voiceEnabled = preferences.voiceEnabled;
 
   return (
     <div className="space-y-8">
@@ -31,13 +32,14 @@ export default function VoiceSettingsTab() {
             <div className="text-xs text-muted-foreground">{t('voiceSettings.enableDescription')}</div>
           </div>
           <SettingsToggle
-            checked={preferences.voiceEnabled}
+            checked={voiceEnabled}
             onChange={(v) => setPreference('voiceEnabled', v)}
             ariaLabel={t('voiceSettings.enable')}
           />
         </div>
       </SettingsSection>
 
+      {voiceEnabled && (
         <SettingsSection title={t('voiceSettings.backendTitle')} description={t('voiceSettings.backendDescription')}>
           <div className="space-y-4">
             <Field
@@ -83,6 +85,7 @@ export default function VoiceSettingsTab() {
             <p className="text-xs text-muted-foreground">{t('voiceSettings.note')}</p>
           </div>
         </SettingsSection>
+      )}
     </div>
   );
 }