@goodandready/dsh-voice 0.9.11 → 0.9.12

package/lib/client.js

@@ -62,7 +62,7 @@ window.__ModuleLoader__.load({
       'hide': 'Hide',
       'title': 'Voice',
       'recordSlot': 'Voice recording',
-      'browserHint': 'the browser does the recognition, no key needed',
+      'browserHint': 'Web Speech recognition (uses page/browser language when auto, Chrome sends audio to Google)',
       'openaiHint': 'whisper-1 · key OPENAI_API_KEY',
       'siliconflowHint': 'FunAudioLLM/SenseVoiceSmall · key SILICONFLOW_API_KEY',
       'deepinfraHint': 'openai/whisper-large-v3-turbo · key DEEPINFRA_API_KEY',
@@ -89,6 +89,12 @@ window.__ModuleLoader__.load({
       'hotkeyHint1': 'Hold it to record, release to send to the agent, Esc cancels. ',
       'hotkeyHint2': 'Any key will do: a letter, an F-key or a modifier.',
       'language': 'Language',
+      'langAuto': 'Auto-detect',
+      'langRu': 'Russian (ru)',
+      'langEn': 'English (en)',
+      'langZh': 'Chinese (zh)',
+      'langUk': 'Ukrainian (uk)',
+      'langDe': 'German (de)',
       'dictationHint': 'Speech is cut at pauses and the text is appended to the input.',
       'pauseMs': 'Pause that ends a phrase, ms',
       'pauseHint': 'Lower means more frequent chunks and faster text, but a higher risk of cutting a word',
@@ -204,6 +210,9 @@ window.__ModuleLoader__.load({
       'updating': 'Updating…',
       'updateSuccess': 'Updated successfully! Restart DSH to apply.',
       'updateFailed': 'Update failed. Check logs.',
+      'updateCheckFailed': 'Update check failed',
+      'checkingUpdates': 'Checking updates…',
+      'updateStatusUnknown': 'Version status unknown',
       'sensevoiceTitle': 'SenseVoice Local ASR (1-Click Setup)',
       'sensevoiceDesc': 'Ultra-fast offline speech recognition on CPU (50–100ms latency, Russian/English).',
       'installSensevoice': 'Install SenseVoice-Small (1-Click)',
@@ -256,7 +265,7 @@ window.__ModuleLoader__.load({
       'hide': '隐藏',
       'title': '语音',
       'recordSlot': '语音录制',
-      'browserHint': '浏览器直接识别，无需密钥',
+      'browserHint': 'Web Speech 语音识别 (设为 auto 时使用页面或浏览器语言，Chrome 会上传音频至 Google)',
       'openaiHint': 'whisper-1 · 密钥 OPENAI_API_KEY',
       'siliconflowHint': 'FunAudioLLM/SenseVoiceSmall · 密钥 SILICONFLOW_API_KEY',
       'deepinfraHint': 'openai/whisper-large-v3-turbo · 密钥 DEEPINFRA_API_KEY',
@@ -283,6 +292,12 @@ window.__ModuleLoader__.load({
       'hotkeyHint1': '按住录音，松开发送给智能体，按 Esc 取消。',
       'hotkeyHint2': '支持任意按键：字母键、功能键 (F1-F12) 或修饰键。',
       'language': '识别语言',
+      'langAuto': '自动检测',
+      'langRu': '俄语 (ru)',
+      'langEn': '英语 (en)',
+      'langZh': '中文 (zh)',
+      'langUk': '乌克兰语 (uk)',
+      'langDe': '德语 (de)',
       'dictationHint': '语音按停顿自动切句，文字实时追加至输入框。',
       'pauseMs': '断句静音停顿时长（毫秒）',
       'pauseHint': '数值越小切分越频繁、出字越快，但可能切断未说完的词',
@@ -398,6 +413,9 @@ window.__ModuleLoader__.load({
       'updating': '正在更新…',
       'updateSuccess': '更新成功！请重启 DSH 生效。',
       'updateFailed': '更新失败，请查看日志。',
+      'updateCheckFailed': '检查更新失败',
+      'checkingUpdates': '正在检查更新…',
+      'updateStatusUnknown': '版本状态未知',
       'sensevoiceTitle': 'SenseVoice 本地 ASR (一键部署)',
       'sensevoiceDesc': 'CPU 上超低延迟离线语音识别 (50–100ms，中英俄多语种)。',
       'installSensevoice': '一键安装 SenseVoice-Small',
@@ -507,13 +525,34 @@ window.__ModuleLoader__.load({
       subscribe(l) { this.listeners.add(l); return () => this.listeners.delete(l) },
     }
 
-    if (typeof window !== 'undefined') {
-      window.addEventListener('dsh:tts:start', () => {
-        voice.set({ isTtsSpeaking: true })
-      })
-      window.addEventListener('dsh:tts:stop', () => {
-        voice.set({ isTtsSpeaking: false })
-      })
+    function registerGlobalLifecycle() {
+      if (typeof window === 'undefined') return () => {}
+      const onTtsStart = () => voice.set({ isTtsSpeaking: true })
+      const onTtsStop = () => voice.set({ isTtsSpeaking: false })
+      const onSettingsSaved = () => { voice._chainsPromise = null }
+      const onPageUnload = () => {
+        if (voice.rec && typeof voice.teardownRec === 'function') voice.teardownRec(voice.rec)
+        if (voice.browser) {
+          try { voice.browser.abort() } catch (_) {}
+        }
+      }
+
+      window.addEventListener('dsh:tts:start', onTtsStart)
+      window.addEventListener('dsh:tts:stop', onTtsStop)
+      window.addEventListener('dsh-voice:settings-saved', onSettingsSaved)
+      window.addEventListener('pagehide', onPageUnload)
+      window.addEventListener('beforeunload', onPageUnload)
+
+      return () => {
+        window.removeEventListener('dsh:tts:start', onTtsStart)
+        window.removeEventListener('dsh:tts:stop', onTtsStop)
+        window.removeEventListener('dsh-voice:settings-saved', onSettingsSaved)
+        window.removeEventListener('pagehide', onPageUnload)
+        window.removeEventListener('beforeunload', onPageUnload)
+        onPageUnload()
+        if (typeof voice.clearGlobalHotkey === 'function') voice.clearGlobalHotkey()
+        voice.set({ phase: 'idle', caption: '', interimTranscript: '', isTtsSpeaking: false })
+      }
     }
 
     function triggerBargeIn() {
@@ -871,6 +910,21 @@ window.__ModuleLoader__.load({
       return speechRecognitionCtor() !== null
     }
 
+    function resolveBrowserRecognitionLang(lang) {
+      if (lang && lang !== 'auto') {
+        if (lang.includes('-')) return lang
+        const BCP47 = { ru: 'ru-RU', en: 'en-US', zh: 'zh-CN', uk: 'uk-UA', de: 'de-DE' }
+        return BCP47[lang.toLowerCase()] || lang
+      }
+      if (typeof document !== 'undefined' && document.documentElement && document.documentElement.lang) {
+        return document.documentElement.lang
+      }
+      if (typeof navigator !== 'undefined' && navigator.language) {
+        return navigator.language
+      }
+      return 'en-US'
+    }
+
     /**
      * @param options {{lang: string, continuous: boolean, onInterim, onFinal, onError}}
      * @returns {{stop: Function, abort: Function}}
@@ -878,7 +932,7 @@ window.__ModuleLoader__.load({
     function startBrowserRecognition(options) {
       const Ctor = speechRecognitionCtor()
       const recognition = new Ctor()
-      recognition.lang = options.lang && options.lang !== 'auto' ? options.lang : 'ru-RU'
+      recognition.lang = resolveBrowserRecognitionLang(options.lang)
       recognition.continuous = options.continuous !== false
       recognition.interimResults = true
       let stopped = false
@@ -939,22 +993,19 @@ window.__ModuleLoader__.load({
 
     // Fetch the mode chain from the host once. Only needed to decide whether
 
-    voice._core = { tidyPhrase, applyVoiceCommands, VOICE_COMMANDS, undoLastInsert, insertHistory, insertDraftText, appendDraft }
-    let chainsPromise = null
-    if (typeof window !== 'undefined') {
-      window.addEventListener('dsh-voice:settings-saved', () => { chainsPromise = null })
-    }
+    voice._core = { tidyPhrase, applyVoiceCommands, VOICE_COMMANDS, undoLastInsert, insertHistory, insertDraftText, appendDraft, resolveBrowserRecognitionLang }
+    voice._chainsPromise = null
     function modeChain(mode) {
-      if (!chainsPromise) {
-        chainsPromise = fetch('/dsh-voice/status', { cache: 'no-store' })
+      if (!voice._chainsPromise) {
+        voice._chainsPromise = fetch('/dsh-voice/status', { cache: 'no-store' })
           .then((res) => res.json())
           .then((data) => (data && data.modes) || {})
           .catch(() => {
-            chainsPromise = null
+            voice._chainsPromise = null
             return {}
           })
       }
-      return chainsPromise.then((modes) => {
+      return voice._chainsPromise.then((modes) => {
         const row = modes[mode] || {}
         return {
           chain: Array.isArray(row.chain) ? row.chain.map((e) => e && e.provider) : [],
@@ -971,16 +1022,7 @@ window.__ModuleLoader__.load({
       if (rec.analyser) { try { rec.analyser.disconnect() } catch (e) { /* already disconnected */ } }
       if (rec.audioCtx) { try { rec.audioCtx.close() } catch (e) { /* already closed */ } }
     }
-    if (typeof window !== 'undefined') {
-      const onPageUnload = () => {
-        if (voice.rec) teardown(voice.rec)
-        if (voice.browser) {
-          try { voice.browser.abort() } catch (e) { /* ignore */ }
-        }
-      }
-      window.addEventListener('pagehide', onPageUnload)
-      window.addEventListener('beforeunload', onPageUnload)
-    }
+    voice.teardownRec = teardown
     function waitStop(recorder) {
       if (!recorder || recorder.state === 'inactive') return Promise.resolve()
       return new Promise((resolve) => recorder.addEventListener('stop', resolve, { once: true }))
@@ -1279,6 +1321,7 @@ window.__ModuleLoader__.load({
         window.__dsh_voice_hotkey_cleanup = null
       }
     }
+    voice.clearGlobalHotkey = clearGlobalHotkey
     function installHotkey(ctx, keyName, mode) {
       clearGlobalHotkey()
       if (typeof document === 'undefined' || !keyName) return () => {}
@@ -2104,34 +2147,42 @@ window.__ModuleLoader__.load({
       if (key) return t(key)
       return MODEL_HINT_STATIC[provider] || ''
     }
-    const LANGS = ['auto', 'ru', 'en', 'uk', 'de']
+    const SUPPORTED_LANGS = [
+      { code: '', labelKey: 'langAuto', defaultLabel: 'auto' },
+      { code: 'ru', labelKey: 'langRu', defaultLabel: 'ru' },
+      { code: 'en', labelKey: 'langEn', defaultLabel: 'en' },
+      { code: 'zh', labelKey: 'langZh', defaultLabel: 'zh' },
+      { code: 'uk', labelKey: 'langUk', defaultLabel: 'uk' },
+      { code: 'de', labelKey: 'langDe', defaultLabel: 'de' },
+    ]
+    const LANGS = SUPPORTED_LANGS.map((o) => o.code)
 
     const SET_CSS =
-      '.cb-page{display:flex;flex-direction:column;gap:18px;padding:4px 0 24px;max-width:960px}' +
-      '.cb-section-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}' +
-      '.cb-section-title{font-size:15px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between}' +
-      '.cb-section-desc{font-size:13px;color:var(--dsw-alias-label-secondary);margin-top:-4px;line-height:1.4}' +
-      '.cb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}' +
-      '.cb-grid-2{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:12px}' +
-      '.cb-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);display:inline-flex;align-items:center;gap:4px;font-weight:500}' +
-      '.cb-badge-ok{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 8%, transparent)}' +
-      '.cb-badge-warn{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);background:color-mix(in srgb, var(--dsw-alias-state-warning-primary) 8%, transparent)}' +
-      '.cb-badge-bad{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent)}' +
-      '.cb-input{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 10px;font-size:13px;box-sizing:border-box}' +
-      '.cb-input:focus{outline:none;border-color:var(--dsw-alias-state-brand-primary)}' +
-      '.cb-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:6px 12px;font-size:13px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}' +
-      '.cb-btn:hover:not(:disabled){background:var(--dsw-alias-bg-layer-4, var(--dsw-alias-bg-layer-2));border-color:var(--dsw-alias-label-dimmed, var(--dsw-alias-border-l2))}' +
-      '.cb-btn-primary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);border-color:transparent}' +
-      '.cb-btn-primary:hover:not(:disabled){background:var(--dsw-alias-label-primary) !important;color:var(--dsw-alias-bg-layer-3) !important;opacity:0.88}' +
-      '.cb-btn-danger{color:var(--dsw-alias-state-error-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent)}' +
-      '.cb-btn-mini{border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);border-radius:6px;width:28px;height:28px;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:13px}' +
-      '.cb-btn-mini:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2)}' +
-      '.cb-field{display:flex;flex-direction:column;gap:6px;padding:6px 0;font-size:13px;color:var(--dsw-alias-label-primary)}' +
-      '.cb-field select,.cb-field input[type="text"],.cb-field input[type="number"],.cb-field textarea{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 10px;font-size:13px;box-sizing:border-box}' +
-      '.cb-field textarea{height:auto;padding:8px 10px;font-family:inherit}' +
-      '.cb-check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--dsw-alias-label-primary);user-select:none}' +
-      '.cb-check-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer}' +
-      '.cb-alert-err{padding:10px 14px;border-radius:8px;background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);color:var(--dsw-alias-state-error-primary);font-size:13px}' +
+      '.dvo-settings-root.cb-page,.dvo-settings-root .cb-page{display:flex;flex-direction:column;gap:18px;padding:4px 0 24px;max-width:960px}' +
+      '.dvo-settings-root .cb-section-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}' +
+      '.dvo-settings-root .cb-section-title{font-size:15px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between}' +
+      '.dvo-settings-root .cb-section-desc{font-size:13px;color:var(--dsw-alias-label-secondary);margin-top:-4px;line-height:1.4}' +
+      '.dvo-settings-root .cb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}' +
+      '.dvo-settings-root .cb-grid-2{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:12px}' +
+      '.dvo-settings-root .cb-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);display:inline-flex;align-items:center;gap:4px;font-weight:500}' +
+      '.dvo-settings-root .cb-badge-ok{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 8%, transparent)}' +
+      '.dvo-settings-root .cb-badge-warn{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);background:color-mix(in srgb, var(--dsw-alias-state-warning-primary) 8%, transparent)}' +
+      '.dvo-settings-root .cb-badge-bad,.dvo-settings-root .cb-badge-err{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent)}' +
+      '.dvo-settings-root .cb-input{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 10px;font-size:13px;box-sizing:border-box}' +
+      '.dvo-settings-root .cb-input:focus{outline:none;border-color:var(--dsw-alias-state-brand-primary)}' +
+      '.dvo-settings-root .cb-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:6px 12px;font-size:13px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}' +
+      '.dvo-settings-root .cb-btn:hover:not(:disabled){background:var(--dsw-alias-bg-layer-4, var(--dsw-alias-bg-layer-2));border-color:var(--dsw-alias-label-dimmed, var(--dsw-alias-border-l2))}' +
+      '.dvo-settings-root .cb-btn-primary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);border-color:transparent}' +
+      '.dvo-settings-root .cb-btn-primary:hover:not(:disabled){background:var(--dsw-alias-label-primary) !important;color:var(--dsw-alias-bg-layer-3) !important;opacity:0.88}' +
+      '.dvo-settings-root .cb-btn-danger{color:var(--dsw-alias-state-error-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 30%, transparent)}' +
+      '.dvo-settings-root .cb-btn-mini{border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);border-radius:6px;width:28px;height:28px;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:13px}' +
+      '.dvo-settings-root .cb-btn-mini:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2)}' +
+      '.dvo-settings-root .cb-field{display:flex;flex-direction:column;gap:6px;padding:6px 0;font-size:13px;color:var(--dsw-alias-label-primary)}' +
+      '.dvo-settings-root .cb-field select,.dvo-settings-root .cb-field input[type="text"],.dvo-settings-root .cb-field input[type="number"],.dvo-settings-root .cb-field textarea{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 10px;font-size:13px;box-sizing:border-box}' +
+      '.dvo-settings-root .cb-field textarea{height:auto;padding:8px 10px;font-family:inherit}' +
+      '.dvo-settings-root .cb-check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--dsw-alias-label-primary);user-select:none}' +
+      '.dvo-settings-root .cb-check-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer}' +
+      '.dvo-settings-root .cb-alert-err{padding:10px 14px;border-radius:8px;background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);color:var(--dsw-alias-state-error-primary);font-size:13px}' +
       '.dvs-wrap{display:flex;flex-direction:column;gap:18px;padding:4px 0;max-width:960px}' +
       '.dvs-block{display:flex;flex-direction:column;gap:10px}' +
       '.dvs-h{font-size:14px;font-weight:600;color:var(--dsw-alias-label-primary)}' +
@@ -2153,12 +2204,19 @@ window.__ModuleLoader__.load({
       '.dvo-pcardOpen .dvo-pchev{transform:rotate(180deg)}' +
       '.dvo-pbody{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:12px}'
     const setCssId = 'dsh-voice/settings.module.css'
-    if (typeof document !== 'undefined' && !document.querySelector('style[data-dsh-plugin="dsh-voice"][data-plugin-css="' + setCssId + '"]')) {
-      const tag = document.createElement('style')
-      tag.textContent = SET_CSS
-      tag.setAttribute('data-dsh-plugin', 'dsh-voice')
-      tag.dataset.pluginCss = setCssId
-      document.head.appendChild(tag)
+    function installSettingsCss() {
+      if (typeof document === 'undefined') return () => {}
+      let tag = document.querySelector('style[data-dsh-plugin="dsh-voice"][data-plugin-css="' + setCssId + '"]')
+      if (!tag) {
+        tag = document.createElement('style')
+        tag.textContent = SET_CSS
+        tag.setAttribute('data-dsh-plugin', 'dsh-voice')
+        tag.dataset.pluginCss = setCssId
+        document.head.appendChild(tag)
+      }
+      return () => {
+        if (tag && tag.parentNode) tag.parentNode.removeChild(tag)
+      }
     }
 
         function createErrorBoundary() {
@@ -2671,8 +2729,12 @@ window.__ModuleLoader__.load({
           if (!res.ok) throw new Error(`HTTP ${res.status}`)
           const data = await res.json()
           setUpdaterStatus(data)
+          if (data && data.latestCheckFailed) {
+            setUpdaterMsg(t('updateCheckFailed'))
+          }
         } catch (e) {
-          /* best effort update check */
+          setUpdaterStatus(null)
+          setUpdaterMsg(t('updateCheckFailed') + ': ' + (e?.message || String(e)))
         } finally {
           setUpdaterLoading(false)
         }
@@ -2854,16 +2916,24 @@ window.__ModuleLoader__.load({
         ),
         React.createElement('div', { className: 'cb-section-desc' }, t('versionHint')),
         React.createElement('div', { className: 'cb-row', style: { alignItems: 'center', gap: '12px' } },
-          React.createElement('span', { className: 'cb-badge cb-badge-ok' },
-            'v' + ((updaterStatus && updaterStatus.currentVersion) || '0.9.6')
-          ),
-          updaterStatus && updaterStatus.updateAvailable
-            ? React.createElement('span', { className: 'cb-badge cb-badge-warn' },
-                t('updateAvailable') + ': v' + updaterStatus.latestVersion
-              )
-            : React.createElement('span', { className: 'cb-badge cb-badge-ok' },
-                t('upToDate')
-              ),
+          updaterStatus && updaterStatus.currentVersion
+            ? React.createElement('span', { className: 'cb-badge cb-badge-ok' }, 'v' + updaterStatus.currentVersion)
+            : null,
+          updaterLoading && (!updaterStatus || !updaterStatus.currentVersion)
+            ? React.createElement('span', { className: 'cb-badge' }, '⏳ ' + t('checkingUpdates'))
+            : !updaterStatus
+              ? React.createElement('span', { className: 'cb-badge cb-badge-warn' }, '❓ ' + t('updateStatusUnknown'))
+              : updaterStatus.updateAvailable
+                ? React.createElement('span', { className: 'cb-badge cb-badge-warn' },
+                    t('updateAvailable') + ': v' + updaterStatus.latestVersion
+                  )
+                : updaterStatus.latestCheckFailed
+                  ? React.createElement('span', { className: 'cb-badge cb-badge-warn' },
+                      '⚠️ ' + t('updateCheckFailed')
+                    )
+                  : React.createElement('span', { className: 'cb-badge cb-badge-ok' },
+                      t('upToDate')
+                    ),
           updaterStatus && updaterStatus.updateAvailable
             ? React.createElement('button', {
                 type: 'button', className: 'cb-btn cb-btn-primary', style: { fontSize: '12px', padding: '4px 10px' },
@@ -2903,6 +2973,7 @@ window.__ModuleLoader__.load({
       const [err, setErr] = React.useState('')
       const [serverConfig, setServerConfig] = React.useState(null)
       const [configLoading, setConfigLoading] = React.useState(true)
+      const [revision, setRevision] = React.useState(null)
 
       React.useEffect(() => {
         let alive = true
@@ -2911,6 +2982,7 @@ window.__ModuleLoader__.load({
           .then((data) => {
             if (alive && data && data.ok && data.config) {
               setServerConfig(data.config)
+              if (typeof data.revision === 'number') setRevision(data.revision)
               setDraft((curr) => curr || deepClone(data.config))
             }
           })
@@ -3079,14 +3151,15 @@ window.__ModuleLoader__.load({
           const res = await fetch('/dsh-voice/config', {
             method: 'PUT',
             headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ config: draft }),
+            body: JSON.stringify({ config: draft, expectedRevision: (typeof revision === 'number' ? revision : undefined) }),
           })
           const data = await res.json()
           if (res.ok && data && data.ok) {
             httpOk = true
-            if (data.config) {
-              setServerConfig(data.config)
-            }
+            if (data.config) setServerConfig(data.config)
+            if (typeof data.revision === 'number') setRevision(data.revision)
+          } else if (res.status === 409) {
+            httpError = data?.error?.message || 'Settings conflict: parallel changes detected'
           } else {
             httpError = data?.error?.message || data?.error || res.statusText || 'Save failed'
           }
@@ -3094,7 +3167,7 @@ window.__ModuleLoader__.load({
           httpError = e?.message || String(e)
         }
 
-        if (scope && typeof scope.set === 'function') {
+        if (httpOk && scope && typeof scope.set === 'function') {
           for (const k of Object.keys(draft)) {
             try {
               await scope.set(k, draft[k])
@@ -3157,13 +3230,22 @@ window.__ModuleLoader__.load({
           .filter((k) => k && BUILTIN.indexOf(k) < 0),
       )
 
-      const langField = (mode) => React.createElement('div', { className: 'cb-field' },
-        React.createElement('label', null, t('language')),
-        React.createElement('select', {
-          value: modeVal(mode, 'language', 'ru'), disabled: !writable,
-          onChange: (e) => setIn(mode, 'language', e.target.value),
-        }, LANGS.map((o) => React.createElement('option', { key: o, value: o }, o))),
-      )
+      const langField = (mode) => {
+        const val = modeVal(mode, 'language', '')
+        const opts = SUPPORTED_LANGS.slice()
+        if (val && !opts.some((o) => o.code === val)) {
+          opts.push({ code: val, labelKey: val, defaultLabel: val })
+        }
+        return React.createElement('div', { className: 'cb-field' },
+          React.createElement('label', null, t('language')),
+          React.createElement('select', {
+            value: val, disabled: !writable,
+            onChange: (e) => setIn(mode, 'language', e.target.value),
+          }, opts.map((o) => React.createElement('option', { key: o.code || 'auto', value: o.code },
+            t(o.labelKey) !== o.labelKey ? t(o.labelKey) : o.defaultLabel
+          ))),
+        )
+      }
 
       const numField = (mode, key, label, hint) => React.createElement('div', { className: 'cb-field' },
         React.createElement('label', null, label),
@@ -3180,7 +3262,7 @@ window.__ModuleLoader__.load({
       const whisperRunning = !!(statusData && statusData.whisperRunning)
       const providerCount = (statusData && Array.isArray(statusData.providers)) ? statusData.providers.length : chainOptions.length
 
-      return React.createElement('div', { className: 'cb-page' },
+      return React.createElement('div', { className: 'cb-page dvo-settings-root' },
         // 1. Connection & Engine Status Card
         React.createElement(ConnectionStatusCard, {
           t: t,
@@ -3456,13 +3538,14 @@ window.__ModuleLoader__.load({
             ),
             React.createElement('span', { className: 'dvo-pchev' }, chevronIcon()),
           ),
-          (page || open) ? React.createElement('div', { className: 'dvo-pbody' }, React.createElement(VoiceSection, props)) : null,
+          (page || open) ? React.createElement('div', { className: 'dvo-pbody dvo-settings-root' }, React.createElement(VoiceSection, props)) : null,
         ),
       )
     }
 
     function registerSettings(ctx) {
       ctx.effect(() => {
+        const offCss = installSettingsCss()
         const offItem = ctx.slots.inject('plugins.item', () => ctx.slots.register(
           {
             name: 'plugins.item',
@@ -3493,6 +3576,7 @@ window.__ModuleLoader__.load({
           PluginCard,
         ))
         return () => {
+          if (typeof offCss === 'function') offCss()
           if (typeof offItem === 'function') offItem()
           if (typeof offRow === 'function') offRow()
           if (typeof offLegacy === 'function') offLegacy()
@@ -3516,6 +3600,9 @@ window.__ModuleLoader__.load({
         const undo = [addLocale('en', en), addLocale('zh', zh)]
         return () => { for (const off of undo) off() }
       }, 'dsh-voice: locale dictionaries')
+      ctx.effect(() => {
+        return registerGlobalLifecycle()
+      }, 'dsh-voice: global lifecycle')
       moduleT = ctx.locale.bind(NS)
       registerComposer(ctx)
       registerSettings(ctx)

package/lib/config-routes.js

@@ -27,9 +27,14 @@ export function registerConfigRoutes(ctx, {
         return
       }
 
-      // 3. GET: return live configuration snapshot
+      // 3. GET: return live configuration snapshot with revision
       if (req.method === 'GET') {
-        writeJson(res, 200, { ok: true, config: live() })
+        let rev
+        try {
+          const settingsService = getSettingsService?.()
+          rev = settingsService?.describe?.()?.find?.((r) => r.ns === NS)?.revision
+        } catch { /* ignore revision lookup errors */ }
+        writeJson(res, 200, { ok: true, config: live(), revision: rev })
         return
       }
 
@@ -62,6 +67,9 @@ export function registerConfigRoutes(ctx, {
       const rawConfig = payload && typeof payload.config === 'object' && payload.config !== null
         ? payload.config
         : payload
+      const expectedRevision = (typeof payload?.expectedRevision === 'number')
+        ? payload.expectedRevision
+        : ((typeof payload?.revision === 'number') ? payload.revision : undefined)
 
       if (!rawConfig || typeof rawConfig !== 'object' || Array.isArray(rawConfig)) {
         writeJson(res, 400, { ok: false, error: { code: 'body', message: 'body must be a JSON object' } })
@@ -88,21 +96,35 @@ export function registerConfigRoutes(ctx, {
       try {
         let saved = false
         if (settingsService) {
-          let rev
+          let currentRev
           try {
-            rev = settingsService.describe?.()?.find?.((r) => r.ns === NS)?.revision
+            currentRev = settingsService.describe?.()?.find?.((r) => r.ns === NS)?.revision
           } catch { /* ignore revision lookup errors */ }
 
+          if (typeof expectedRevision === 'number' && typeof currentRev === 'number' && expectedRevision !== currentRev) {
+            writeJson(res, 409, {
+              ok: false,
+              error: {
+                code: 'conflict',
+                message: `Settings revision conflict: expected ${expectedRevision}, current is ${currentRev}`,
+                currentRevision: currentRev,
+              },
+            })
+            return
+          }
+
+          const targetRev = (typeof expectedRevision === 'number') ? expectedRevision : currentRev
+
           if (typeof settingsService.replace === 'function') {
-            await settingsService.replace(NS, merged, rev)
+            await settingsService.replace(NS, merged, targetRev)
             saved = true
           } else if (typeof settingsService.update === 'function') {
-            await settingsService.update(NS, merged, rev)
+            await settingsService.update(NS, merged, targetRev)
             saved = true
           }
         }
 
-        if (scope) {
+        if (!saved && scope) {
           if (typeof scope.replace === 'function') {
             await scope.replace(merged)
             saved = true
@@ -110,10 +132,11 @@ export function registerConfigRoutes(ctx, {
             await scope.patch(merged)
             saved = true
           } else if (typeof scope.set === 'function') {
-            for (const [k, v] of Object.entries(merged)) {
-              await scope.set(k, v).catch(() => {})
+            const entries = Object.entries(merged)
+            for (const [k, v] of entries) {
+              await scope.set(k, v)
             }
-            saved = true
+            if (entries.length > 0) saved = true
           }
         }
 
@@ -126,7 +149,11 @@ export function registerConfigRoutes(ctx, {
           triggerAutostart()
         }
 
-        writeJson(res, 200, { ok: true, config: live() })
+        let newRev
+        try {
+          newRev = settingsService?.describe?.()?.find?.((r) => r.ns === NS)?.revision
+        } catch {}
+        writeJson(res, 200, { ok: true, config: live(), revision: newRev })
       } catch (err) {
         writeJson(res, 500, { ok: false, error: { code: 'save', message: String(err?.message || err) } })
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-voice",
-  "version": "0.9.11",
+  "version": "0.9.12",
   "description": "Voice input for DeepSeek Harness: dictation chunked by pauses and voice messages, each with its own provider fallback chain (Deepgram, Groq, HuggingFace, local whisper.cpp, plus any OpenAI-compatible API of your own).",
   "license": "MIT",
   "type": "module",