.

Author: hydropix

src/web/static/js/core/settings-manager.js

@@ -27,7 +27,9 @@ const LOCAL_SETTINGS = [
     'lastSourceLanguage',
     'lastTargetLanguage',
     'lastApiEndpoint',
-    'lastOpenaiEndpoint'
+    'lastOpenaiEndpoint',
+    'fastMode',
+    'ttsEnabled'
 ];
 
 /**
@@ -113,6 +115,32 @@ export const SettingsManager = {
                 providerSelect.dispatchEvent(new Event('change'));
             }
         }
+
+        // Apply Fast Mode setting
+        if (prefs.fastMode !== undefined) {
+            const fastModeCheckbox = DomHelpers.getElement('fastMode');
+            if (fastModeCheckbox) {
+                fastModeCheckbox.checked = prefs.fastMode;
+                // Show/hide the info panel based on checkbox state
+                const fastModeInfo = DomHelpers.getElement('fastModeInfo');
+                if (fastModeInfo) {
+                    fastModeInfo.style.display = prefs.fastMode ? 'block' : 'none';
+                }
+            }
+        }
+
+        // Apply TTS Enabled setting
+        if (prefs.ttsEnabled !== undefined) {
+            const ttsEnabledCheckbox = DomHelpers.getElement('ttsEnabled');
+            if (ttsEnabledCheckbox) {
+                ttsEnabledCheckbox.checked = prefs.ttsEnabled;
+                // Show/hide the TTS options panel based on checkbox state
+                const ttsOptions = DomHelpers.getElement('ttsOptions');
+                if (ttsOptions) {
+                    ttsOptions.style.display = prefs.ttsEnabled ? 'block' : 'none';
+                }
+            }
+        }
     },
 
     /**
@@ -146,13 +174,19 @@ export const SettingsManager = {
      * Save current form state to local preferences
      */
     saveCurrentState() {
+        // Get checkbox values
+        const fastModeCheckbox = DomHelpers.getElement('fastMode');
+        const ttsEnabledCheckbox = DomHelpers.getElement('ttsEnabled');
+
         const prefs = {
             lastProvider: DomHelpers.getValue('llmProvider'),
             lastModel: DomHelpers.getValue('model'),
             lastSourceLanguage: this._getLanguageValue('sourceLang', 'customSourceLang'),
             lastTargetLanguage: this._getLanguageValue('targetLang', 'customTargetLang'),
             lastApiEndpoint: DomHelpers.getValue('apiEndpoint'),
-            lastOpenaiEndpoint: DomHelpers.getValue('openaiEndpoint')
+            lastOpenaiEndpoint: DomHelpers.getValue('openaiEndpoint'),
+            fastMode: fastModeCheckbox ? fastModeCheckbox.checked : false,
+            ttsEnabled: ttsEnabledCheckbox ? ttsEnabledCheckbox.checked : false
         };
 
         this.saveLocalPreferences(prefs);

src/web/templates/translation_interface.html

@@ -111,15 +111,8 @@ <h2>⚙️ Translation Configuration</h2>
                     <small>Example: `translated_{originalName}_to_FR.{ext}`</small>
                 </div>
 
-                <!-- Save Settings Button -->
-                <div style="text-align: center; margin: 20px 0;">
-                    <button type="button" class="btn btn-secondary" id="saveSettingsBtn" onclick="saveSettings()" style="padding: 8px 20px; font-size: 14px;" title="Save current settings (API keys, model, languages) to .env file for next session">
-                        💾 Save Settings
-                    </button>
-                    <span id="saveSettingsStatus" style="margin-left: 10px; font-size: 14px;"></span>
-                </div>
-
-                <div class="form-group" style="margin-bottom: 30px;">
+                <!-- Fast Mode Option -->
+                <div class="form-group" style="margin-bottom: 15px;">
                     <label style="display: flex; align-items: center; gap: 10px;">
                         <input type="checkbox" id="fastMode" style="width: auto;">
                         Fast Mode (EPUB only - removes all formatting, maximum reliability)
@@ -139,7 +132,7 @@ <h2>⚙️ Translation Configuration</h2>
                 </div>
 
                 <!-- TTS (Text-to-Speech) Options -->
-                <div class="form-group" style="margin-bottom: 30px;">
+                <div class="form-group" style="margin-bottom: 15px;">
                     <label style="display: flex; align-items: center; gap: 10px;">
                         <input type="checkbox" id="ttsEnabled" style="width: auto;">
                         🔊 Generate Audio (TTS) - Create audio narration after translation
@@ -301,6 +294,14 @@ <h4 style="margin: 0 0 12px 0; font-size: 14px; color: #fbbf24;">🎤 Voice Clon
                     </div>
                 </div>
 
+                <!-- Save Settings Button -->
+                <div style="text-align: center; margin: 20px 0;">
+                    <button type="button" class="btn btn-secondary" id="saveSettingsBtn" onclick="saveSettings()" style="padding: 8px 20px; font-size: 14px;" title="Save current settings (API keys, model, languages) to .env file for next session">
+                        💾 Save Settings
+                    </button>
+                    <span id="saveSettingsStatus" style="margin-left: 10px; font-size: 14px;"></span>
+                </div>
+
                 <div class="advanced-toggle" onclick="toggleAdvanced()">
                     <span>🔧 Advanced Settings</span>
                     <span id="advancedIcon">▼</span>