From 2793a6dd447bb9342cc7b29a1e673b29ee85a657 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Mon, 20 Oct 2025 22:35:25 +0200
Subject: [PATCH] feat(settings): add toggles for TTS language (system, content
 detection)

---
 src/components/Settings/TTSSettings.tsx | 26 +++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/components/Settings/TTSSettings.tsx b/src/components/Settings/TTSSettings.tsx
index e9f80013..d580977d 100644
--- a/src/components/Settings/TTSSettings.tsx
+++ b/src/components/Settings/TTSSettings.tsx
@@ -37,6 +37,32 @@ const TTSSettings: React.FC<TTSSettingsProps> = ({ settings, onUpdate }) => {
           </button>
         </div>
       </div>
+
+      <div className="setting-group">
+        <label htmlFor="ttsUseSystemLanguage" className="checkbox-label">
+          <input
+            id="ttsUseSystemLanguage"
+            type="checkbox"
+            checked={settings.ttsUseSystemLanguage ?? false}
+            onChange={e => onUpdate({ ttsUseSystemLanguage: e.target.checked })}
+            className="setting-checkbox"
+          />
+          <span>Use system language for TTS</span>
+        </label>
+      </div>
+
+      <div className="setting-group">
+        <label htmlFor="ttsDetectContentLanguage" className="checkbox-label">
+          <input
+            id="ttsDetectContentLanguage"
+            type="checkbox"
+            checked={settings.ttsDetectContentLanguage !== false}
+            onChange={e => onUpdate({ ttsDetectContentLanguage: e.target.checked })}
+            className="setting-checkbox"
+          />
+          <span>Detect content language automatically</span>
+        </label>
+      </div>
     </div>
   )
 }