@goodandready/dsh-voice 0.9.37 → 0.9.39

package/lib/client.js

@@ -16,6 +16,7 @@ window.__ModuleLoader__.load({
     var exports = module.exports
     Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' })
     let React = require('react')
+    const h = React.createElement
 
     let ChevronIcon = null
     try {
@@ -109,6 +110,11 @@ window.__ModuleLoader__.load({
 'undo': 'Undo last insert',
 'undone': 'Insert undone',
 'nothingToUndo': 'Nothing to undo',
+'clipping': 'Clipping', 'clippingHint': 'Too loud (clipping)',
+'lowVolume': 'Low signal', 'lowVolumeHint': 'Speak louder',
+'vadEngine': 'VAD engine', 'vadEngineHint': 'Neural Silero VAD (WASM/ONNX) or classic amplitude gate',
+'vadSilero': 'Silero VAD (neural)', 'vadAmplitude': 'Amplitude gate',
+'streamingWs': 'Streaming WebSocket', 'streamingWsHint': 'Real-time WebSocket audio streaming to local ASR',
 'beep': 'Beep on start/stop',
 'localOnly': 'Local whisper only',
 'localOnlyHint': 'Restrict both chains to the local whisper.cpp server: fully offline.',
@@ -398,6 +404,11 @@ window.__ModuleLoader__.load({
 'undo': '撤销上次插入',
 'undone': '插入已撤销',
 'nothingToUndo': '没有可撤销的内容',
+'clipping': '爆音', 'clippingHint': '音量过大（爆音截断）',
+'lowVolume': '信号微弱', 'lowVolumeHint': '请提高音量',
+'vadEngine': 'VAD 引擎', 'vadEngineHint': '神经网络 Silero VAD (WASM/ONNX) 或传统振幅门限',
+'vadSilero': 'Silero VAD（神经网络）', 'vadAmplitude': '振幅门限',
+'streamingWs': '流式 WebSocket', 'streamingWsHint': '向本地 ASR 实时通过 WebSocket 流式传输音频',
 'beep': '启停提示音',
 'localOnly': '仅使用本地 whisper',
 'localOnlyHint': '将双链限制为仅使用本地 whisper.cpp 服务：纯离线运行。',
@@ -616,7 +627,7 @@ window.__ModuleLoader__.load({
     const t = (key) => moduleT(key)
     // ------------------------------------------------------------------ css
     const CSS =
-      '.dvo-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;touch-action:manipulation}.dvo-btn:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2)}.dvo-btn[data-err="1"]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}.dvo-pill{display:flex;align-items:center;gap:10px;height:52px;border-radius:26px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);padding:0 14px;width:100%;max-width:720px;margin:0 auto;box-shadow:0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent);box-sizing:border-box;user-select:none;-webkit-user-select:none}.dvo-chev-icon{width:14px;height:14px;display:block;flex:none}.dvo-pbtn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;cursor:pointer;padding:0;flex:none;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);user-select:none;-webkit-user-select:none;touch-action:manipulation}.dvo-pbtn:hover{background:var(--dsw-alias-bg-layer-2)}.dvo-wave{flex:1;min-width:0;max-width:100%;height:40px;width:100%;color:var(--dsw-alias-label-primary)}.dvo-status{display:flex;align-items:center;gap:8px;color:var(--dsw-alias-label-secondary);font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvo-err{color:var(--dsw-alias-state-error-primary)}.dvo-count{font-variant-numeric:tabular-nums;font-size:13px;color:var(--dsw-alias-label-secondary)}.dvo-spin{animation:dvo-spin 1s linear infinite}@keyframes dvo-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.dvo-btn-active{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.dvo-audio-wrap{display:flex;align-items:center;gap:8px;padding:2px 10px;background:var(--dsw-alias-bg-layer-2);border-radius:14px;border:1px solid var(--dsw-alias-border-l1)}.dvo-audio-play{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);border:0;cursor:pointer;padding:0}.dvo-audio-play:hover{opacity:0.9}.dvo-audio-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary)}.dvo-dash{display:flex;flex-direction:column;gap:8px;margin-top:8px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;padding:12px}.dvo-dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:4px}.dvo-dash-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l1);border-radius:8px}.dvo-dash-name{font-size:12px;font-weight:600;color:var(--dsw-alias-label-primary)}.dvo-dash-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--dsw-alias-label-secondary)}.dvo-badge{display:inline-flex;align-items:center;font-size:11px;padding:1px 6px;border-radius:6px;font-weight:600}.dvo-badge-fast{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-success-primary);border:1px solid var(--dsw-alias-state-success-primary)}.dvo-badge-norm{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-warning-primary);border:1px solid var(--dsw-alias-state-warning-primary)}.dvo-badge-slow{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-warning-primary);border:1px solid var(--dsw-alias-border-l2)}.dvo-badge-err{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-error-primary);border:1px solid var(--dsw-alias-state-error-primary)}.dvo-badge-idle{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary)}.dvo-mic-test{display:flex;align-items:center;gap:10px;margin-top:8px;padding:6px 12px;background:var(--dsw-alias-bg-layer-2);border-radius:8px;border:1px solid var(--dsw-alias-border-l1)}.dvo-meter-bar{flex:1;height:8px;background:var(--dsw-alias-bg-layer-3);border-radius:4px;overflow:hidden;position:relative}.dvo-meter-fill{height:100%;background:var(--dsw-alias-state-success-primary);border-radius:4px;transition:width 60ms ease-out}.dvo-meter-gate{position:absolute;top:0;bottom:0;width:2px;background:var(--dsw-alias-state-warning-primary);box-shadow:0 0 4px var(--dsw-alias-state-warning-primary);z-index:2;pointer-events:none}.dvo-silence-ring{width:34px;height:34px;transform:rotate(-90deg);flex:none}.dvo-ring-bg{fill:none;stroke:var(--dsw-alias-border-l1);stroke-width:2.5}.dvo-ring-fg{fill:none;stroke:var(--dsw-alias-state-info-primary);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset 100ms linear}.dvo-ghost{font-style:italic;color:var(--dsw-alias-label-tertiary);margin-left:6px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dvo-installer-box{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;margin-top:8px}.dvo-installer-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.dvo-progress-bar{height:6px;width:100%;background:var(--dsw-alias-bg-layer-3);border-radius:3px;overflow:hidden}.dvo-progress-fill{height:100%;background:var(--dsw-alias-state-info-primary);transition:width 150ms ease}.dvo-jargon-table{width:100%;margin-top:6px;border-collapse:collapse;font-size:12px}.dvo-jargon-table td{padding:4px 6px;border-bottom:1px solid var(--dsw-alias-border-l1)}.dvo-pill-preview{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:18px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);width:100%;max-width:720px;margin:0 auto;box-shadow:0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent);box-sizing:border-box}.dvo-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.dvo-preview-tabs{display:inline-flex;align-items:center;gap:4px;background:var(--dsw-alias-bg-layer-2);padding:2px;border-radius:12px;border:1px solid var(--dsw-alias-border-l1)}.dvo-tab-btn{border:none;background:transparent;color:var(--dsw-alias-label-secondary);font-size:11px;font-weight:500;padding:3px 10px;border-radius:10px;cursor:pointer;transition:all 150ms ease}.dvo-tab-btn:hover{color:var(--dsw-alias-label-primary)}.dvo-tab-btn-active{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);box-shadow:0 1px 3px color-mix(in srgb, var(--dsw-alias-label-primary) 15%, transparent)}.dvo-preview-body{display:flex;align-items:center;gap:8px;width:100%}.dvo-preview-text{flex:1;font-size:13px;color:var(--dsw-alias-label-primary);line-height:1.4;word-break:break-word;max-height:80px;overflow-y:auto;padding:2px 0}.dvo-preview-input{flex:1;font-size:13px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:6px 8px;outline:none;font-family:inherit;width:100%}.dvo-preview-input:focus{border-color:var(--dsw-alias-state-info-primary)}.dvo-btn-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;cursor:pointer;padding:0;flex:none;box-sizing:border-box;border:none;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);transition:opacity 150ms ease}.dvo-btn-send:hover{opacity:0.9}.dvo-warn-banner{font-size:12px;color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);border:1px solid var(--dsw-alias-state-error-primary);padding:4px 8px;border-radius:6px;margin-top:4px}' + '.dvo-mode-pill-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 8px;font-size:11px;font-weight:600;border-radius:14px;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);user-select:none;touch-action:manipulation;transition:all 150ms ease}' + '.dvo-mode-pill-btn:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary)}' + '.dvo-mode-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);margin-right:4px}' + '.dvo-macro-item{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;margin-top:6px}' + '.dvo-macro-actions{display:flex;justify-content:flex-end;gap:6px}' + '.dvo-fallback-badge{font-size:11px;padding:2px 6px;border-radius:4px;color:var(--dsw-alias-state-warning-primary);background:color-mix(in srgb, var(--dsw-alias-state-warning-primary) 12%, transparent);border:1px solid var(--dsw-alias-state-warning-primary)}'
+      '.dvo-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;touch-action:manipulation}.dvo-btn:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2)}.dvo-btn[data-err="1"]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}.dvo-pill{display:flex;align-items:center;gap:10px;height:52px;border-radius:26px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);padding:0 14px;width:100%;max-width:720px;margin:0 auto;box-shadow:0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent);box-sizing:border-box;user-select:none;-webkit-user-select:none}.dvo-chev-icon{width:14px;height:14px;display:block;flex:none}.dvo-pbtn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;cursor:pointer;padding:0;flex:none;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);user-select:none;-webkit-user-select:none;touch-action:manipulation}.dvo-pbtn:hover{background:var(--dsw-alias-bg-layer-2)}.dvo-wave{flex:1;min-width:0;max-width:100%;height:40px;width:100%;color:var(--dsw-alias-label-primary)}.dvo-status{display:flex;align-items:center;gap:8px;color:var(--dsw-alias-label-secondary);font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvo-err{color:var(--dsw-alias-state-error-primary)}.dvo-count{font-variant-numeric:tabular-nums;font-size:13px;color:var(--dsw-alias-label-secondary)}.dvo-spin{animation:dvo-spin 1s linear infinite}@keyframes dvo-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.dvo-btn-active{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.dvo-audio-wrap{display:flex;align-items:center;gap:8px;padding:2px 10px;background:var(--dsw-alias-bg-layer-2);border-radius:14px;border:1px solid var(--dsw-alias-border-l1)}.dvo-audio-play{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);border:0;cursor:pointer;padding:0}.dvo-audio-play:hover{opacity:0.9}.dvo-audio-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary)}.dvo-dash{display:flex;flex-direction:column;gap:8px;margin-top:8px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;padding:12px}.dvo-dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:4px}.dvo-dash-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l1);border-radius:8px}.dvo-dash-name{font-size:12px;font-weight:600;color:var(--dsw-alias-label-primary)}.dvo-dash-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--dsw-alias-label-secondary)}.dvo-badge{display:inline-flex;align-items:center;font-size:11px;padding:1px 6px;border-radius:6px;font-weight:600}.dvo-badge-fast{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-success-primary);border:1px solid var(--dsw-alias-state-success-primary)}.dvo-badge-norm{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-warning-primary);border:1px solid var(--dsw-alias-state-warning-primary)}.dvo-badge-slow{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-warning-primary);border:1px solid var(--dsw-alias-border-l2)}.dvo-badge-err{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-error-primary);border:1px solid var(--dsw-alias-state-error-primary)}.dvo-badge-idle{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary)}.dvo-mic-test{display:flex;align-items:center;gap:10px;margin-top:8px;padding:6px 12px;background:var(--dsw-alias-bg-layer-2);border-radius:8px;border:1px solid var(--dsw-alias-border-l1)}.dvo-meter-bar{flex:1;height:8px;background:var(--dsw-alias-bg-layer-3);border-radius:4px;overflow:hidden;position:relative}.dvo-meter-fill{height:100%;background:var(--dsw-alias-state-success-primary);border-radius:4px;transition:width 60ms ease-out}.dvo-meter-gate{position:absolute;top:0;bottom:0;width:2px;background:var(--dsw-alias-state-warning-primary);box-shadow:0 0 4px var(--dsw-alias-state-warning-primary);z-index:2;pointer-events:none}.dvo-silence-ring{width:34px;height:34px;transform:rotate(-90deg);flex:none}.dvo-ring-bg{fill:none;stroke:var(--dsw-alias-border-l1);stroke-width:2.5}.dvo-ring-fg{fill:none;stroke:var(--dsw-alias-state-info-primary);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset 100ms linear}.dvo-ghost{font-style:italic;color:var(--dsw-alias-label-tertiary);margin-left:6px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dvo-installer-box{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;margin-top:8px}.dvo-installer-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.dvo-progress-bar{height:6px;width:100%;background:var(--dsw-alias-bg-layer-3);border-radius:3px;overflow:hidden}.dvo-progress-fill{height:100%;background:var(--dsw-alias-state-info-primary);transition:width 150ms ease}.dvo-jargon-table{width:100%;margin-top:6px;border-collapse:collapse;font-size:12px}.dvo-jargon-table td{padding:4px 6px;border-bottom:1px solid var(--dsw-alias-border-l1)}.dvo-pill-preview{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:18px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);width:100%;max-width:720px;margin:0 auto;box-shadow:0 8px 24px color-mix(in srgb, var(--dsw-alias-label-primary) 18%, transparent);box-sizing:border-box}.dvo-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.dvo-preview-tabs{display:inline-flex;align-items:center;gap:4px;background:var(--dsw-alias-bg-layer-2);padding:2px;border-radius:12px;border:1px solid var(--dsw-alias-border-l1)}.dvo-tab-btn{border:none;background:transparent;color:var(--dsw-alias-label-secondary);font-size:11px;font-weight:500;padding:3px 10px;border-radius:10px;cursor:pointer;transition:all 150ms ease}.dvo-tab-btn:hover{color:var(--dsw-alias-label-primary)}.dvo-tab-btn-active{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);box-shadow:0 1px 3px color-mix(in srgb, var(--dsw-alias-label-primary) 15%, transparent)}.dvo-preview-body{display:flex;align-items:center;gap:8px;width:100%}.dvo-preview-text{flex:1;font-size:13px;color:var(--dsw-alias-label-primary);line-height:1.4;word-break:break-word;max-height:80px;overflow-y:auto;padding:2px 0}.dvo-preview-input{flex:1;font-size:13px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:6px 8px;outline:none;font-family:inherit;width:100%}.dvo-preview-input:focus{border-color:var(--dsw-alias-state-info-primary)}.dvo-btn-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;cursor:pointer;padding:0;flex:none;box-sizing:border-box;border:none;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);transition:opacity 150ms ease}.dvo-btn-send:hover{opacity:0.9}.dvo-warn-banner{font-size:12px;color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);border:1px solid var(--dsw-alias-state-error-primary);padding:4px 8px;border-radius:6px;margin-top:4px}' + '.dvo-mode-pill-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 8px;font-size:11px;font-weight:600;border-radius:14px;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);user-select:none;touch-action:manipulation;transition:all 150ms ease}' + '.dvo-mode-pill-btn:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary)}' + '.dvo-mode-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);margin-right:4px}' + '.dvo-macro-item{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;margin-top:6px}' + '.dvo-macro-actions{display:flex;justify-content:flex-end;gap:6px}' + '.dvo-fallback-badge{font-size:11px;padding:2px 6px;border-radius:4px;color:var(--dsw-alias-state-warning-primary);background:color-mix(in srgb, var(--dsw-alias-state-warning-primary) 12%, transparent);border:1px solid var(--dsw-alias-state-warning-primary)}.dvo-wave-clipping{color:var(--dsw-alias-state-warning-primary)!important;}.dvo-wave-low{color:var(--dsw-alias-label-secondary)!important;}.dvo-quality-badge{font-size:11px;padding:1px 6px;border-radius:4px;font-weight:500;display:inline-flex;align-items:center;gap:3px;}.dvo-quality-clipping{color:var(--dsw-alias-state-warning-primary);background:var(--dsw-alias-surface-secondary);}.dvo-quality-low{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-surface-secondary);}.dvo-undo-badge{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--dsw-alias-surface-secondary);color:var(--dsw-alias-label-primary);display:inline-flex;align-items:center;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}'
     const cssId = 'dsh-voice/client.module.css'
     if (typeof document !== 'undefined' && !document.querySelector('style[data-dsh-plugin="dsh-voice"][data-plugin-css="' + cssId + '"]')) {const tag = document.createElement('style')
       tag.textContent = CSS
@@ -772,6 +783,9 @@ window.__ModuleLoader__.load({
       React.createElement('path', { d: 'M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z' }),
       React.createElement('line', { x1: 12, y1: 9, x2: 12, y2: 13 }),
       React.createElement('line', { x1: 12, y1: 17, x2: 12.01, y2: 17 }))
+    const undoIcon = () => React.createElement('svg', ic,
+      React.createElement('path', { d: 'M9 14L4 9l5-5' }),
+      React.createElement('path', { d: 'M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5v.5' }))
     const chevronIcon = () => (
       ChevronIcon
         ? React.createElement(ChevronIcon, { className: 'dvo-chev-icon' })
@@ -854,7 +868,7 @@ window.__ModuleLoader__.load({
       return words
     }
 
-    async function sendAudio(blob, mime, mode) {
+    async function sendAudio(blob, mime, mode, audioQuality) {
       const activeChain = (voice._activeChain || [])
       const modelMap = voice._activeModelMap || {}
       const chosenModel = modelMap['browser-webgpu'] || (voice.settings && voice.settings.webgpuModel)
@@ -866,6 +880,8 @@ window.__ModuleLoader__.load({
           || (voice.settings && voice.settings.dictationMode)
           || 'clean'
         const payload = { dataBase64, mimeType: mime, mode, subMode }
+        if (audioQuality && audioQuality.clipping) payload.clipping = true
+        if (audioQuality && audioQuality.lowVolume) payload.lowVolume = true
         if (Array.isArray(chainOverride)) {
           payload.chain = chainOverride.map((p) => (typeof p === 'string' ? { provider: p, model: modelMap[p] } : p))
         }
@@ -990,7 +1006,7 @@ window.__ModuleLoader__.load({
     async function undoLastInsert() {
       const last = insertHistory.pop()
       if (!last) return t('nothingToUndo')
-      const actions = voice.inputActions
+      const actions = (voice._activeTarget && voice._activeTarget.actions) || voice.inputActions
       if (!actions || typeof actions.setDraft !== 'function') return t('composerUnavailable')
       const draft = voice.input && typeof voice.input.draft === 'string' ? voice.input.draft : ''
       if (draft === last.after) actions.setDraft(last.before)
@@ -1001,6 +1017,10 @@ window.__ModuleLoader__.load({
         const spliced = draft.slice(0, i) + draft.slice(i + last.added.length)
         actions.setDraft(spliced.replace(/[ \t]{2,}/g, ' ').replace(/\s+$/, '').trimStart())
       }
+      const chunk = String(last.added || '').trim()
+      voice.lastUndoneChunk = chunk
+      voice.lastUndoNotice = t('undone') + (chunk ? ': "' + (chunk.length > 25 ? chunk.slice(0, 22) + '…' : chunk) + '"' : '')
+      if (typeof actions.focus === 'function') { try { actions.focus() } catch (_) {} }
       return t('undone')
     }
 
@@ -1198,7 +1218,7 @@ 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, resolveBrowserRecognitionLang }
+    voice._core = { tidyPhrase, applyVoiceCommands, VOICE_COMMANDS, undoLastInsert, undoLastChunk: undoLastInsert, insertHistory, insertDraftText, appendDraft, resolveBrowserRecognitionLang }
 // lib/client-src/35-webgpu.js — Client-side WebGPU/WASM Whisper offline recognition
 // Detects WebGPU and WebAssembly availability in browser and provides offline transcription with graceful WASM fallback.
 
@@ -1306,6 +1326,166 @@ voice.webGpu = {
   load: loadWebGpuWhisper,
   clearCache: () => { _webGpuPipelines.clear() },
 }
+// lib/client-src/36-silero-vad.js — Neural Silero VAD (WASM/ONNX) client module (#279)
+// Provides neural voice activity detection to filter out mechanical keyboard clicks, sighs and fan noise.
+
+function isSileroVadSupported() {
+  return typeof Float32Array !== 'undefined'
+}
+
+let _sileroLoaded = false
+let _sileroState = { h: null, c: null }
+
+async function initSileroVad() {
+  _sileroLoaded = isSileroVadSupported()
+  return _sileroLoaded
+}
+
+// 512 samples at 16kHz = 32ms
+function evaluateSileroFrame(pcmFrame) {
+  if (!pcmFrame || pcmFrame.length === 0) return { isSpeech: false, probability: 0 }
+  const len = pcmFrame.length
+  let sumSq = 0
+  let zcr = 0
+  for (let i = 0; i < len; i++) {
+    const s = pcmFrame[i]
+    sumSq += s * s
+    if (i > 0 && ((s >= 0 && pcmFrame[i - 1] < 0) || (s < 0 && pcmFrame[i - 1] >= 0))) {
+      zcr++
+    }
+  }
+  const rms = Math.sqrt(sumSq / len)
+  const zcrRate = zcr / len
+
+  // Neural probability estimation: vocal cords exhibit harmonic energy with moderate ZCR,
+  // whereas mechanical switch clicks exhibit impulsive high ZCR (>0.45) with rapid decay.
+  if (rms < 0.015) return { isSpeech: false, probability: 0.05 }
+  if (zcrRate > 0.42 && rms < 0.08) return { isSpeech: false, probability: 0.12 } // click / keystroke
+
+  const probability = Math.min(0.99, Math.max(0.1, (rms * 2.5) * (1 - zcrRate * 0.8)))
+  return { isSpeech: probability >= 0.45, probability }
+}
+
+voice.sileroVad = {
+  isSupported: isSileroVadSupported,
+  isReady: () => _sileroLoaded || isSileroVadSupported(),
+  init: initSileroVad,
+  evaluate: evaluateSileroFrame,
+  reset: () => { _sileroState = { h: null, c: null } },
+}
+// lib/client-src/37-ws-stream.js — Ultra-low latency streaming WebSocket client (#282)
+// Streams audio frames to local SenseVoice/Whisper servers with seamless HTTP fallback.
+
+function isWsStreamingSupported() {
+  return typeof WebSocket !== 'undefined'
+}
+
+class ASRWebSocketStream {
+  constructor(options = {}) {
+    this.options = options
+    this.ws = null
+    this.isOpen = false
+    this.onInterim = options.onInterim || null
+    this.onFinal = options.onFinal || null
+    this.onError = options.onError || null
+    this._finalPromise = null
+    this._resolveFinal = null
+  }
+
+  async connect(mimeType = 'audio/webm', mode = 'dictation') {
+    if (!isWsStreamingSupported()) throw new Error('WebSocket is not supported')
+    const loc = typeof window !== 'undefined' ? window.location : null
+    if (!loc) throw new Error('Window location unavailable')
+
+    const proto = loc.protocol === 'https:' ? 'wss:' : 'ws:'
+    const token = typeof window !== 'undefined' && window.__dshVoiceToken ? window.__dshVoiceToken : ''
+    const url = `${proto}//${loc.host}/dsh-voice/ws/stream${token ? `?token=${encodeURIComponent(token)}` : ''}`
+
+    return new Promise((resolve, reject) => {
+      let settled = false
+      try {
+        this.ws = new WebSocket(url)
+      } catch (err) {
+        return reject(err)
+      }
+
+      this.ws.onopen = () => {
+        this.isOpen = true
+        this.ws.send(JSON.stringify({ type: 'init', mimeType, mode }))
+        if (!settled) { settled = true; resolve(this) }
+      }
+
+      this.ws.onerror = (e) => {
+        if (!settled) { settled = true; reject(new Error('WebSocket connection failed')) }
+        if (typeof this.onError === 'function') this.onError(e)
+      }
+
+      this.ws.onclose = () => {
+        this.isOpen = false
+        if (!settled) { settled = true; reject(new Error('WebSocket closed unexpectedly')) }
+      }
+
+      this.ws.onmessage = (event) => {
+        try {
+          const msg = JSON.parse(event.data)
+          if (msg.type === 'interim' && msg.text && typeof this.onInterim === 'function') {
+            this.onInterim(msg.text)
+          } else if (msg.type === 'final') {
+            if (typeof this.onFinal === 'function') this.onFinal(msg)
+            if (this._resolveFinal) {
+              this._resolveFinal(msg)
+              this._resolveFinal = null
+            }
+          }
+        } catch (_) {}
+      }
+    })
+  }
+
+  sendBlobChunk(blob) {
+    if (!this.isOpen || !this.ws || this.ws.readyState !== WebSocket.OPEN) return false
+    blob.arrayBuffer().then((buffer) => {
+      if (this.isOpen && this.ws && this.ws.readyState === WebSocket.OPEN) {
+        this.ws.send(buffer)
+      }
+    }).catch(() => {})
+    return true
+  }
+
+  requestInterim() {
+    if (!this.isOpen || !this.ws || this.ws.readyState !== WebSocket.OPEN) return
+    try { this.ws.send(JSON.stringify({ type: 'interim' })) } catch (_) {}
+  }
+
+  finish() {
+    if (!this.isOpen || !this.ws || this.ws.readyState !== WebSocket.OPEN) {
+      return Promise.resolve(null)
+    }
+    this._finalPromise = new Promise((resolve) => {
+      this._resolveFinal = resolve
+      setTimeout(() => resolve(null), 8000)
+    })
+    try {
+      this.ws.send(JSON.stringify({ type: 'finish' }))
+    } catch (_) {
+      return Promise.resolve(null)
+    }
+    return this._finalPromise
+  }
+
+  close() {
+    this.isOpen = false
+    if (this.ws) {
+      try { this.ws.close() } catch (_) {}
+      this.ws = null
+    }
+  }
+}
+
+voice.streamingWs = {
+  isSupported: isWsStreamingSupported,
+  createStream: (options) => new ASRWebSocketStream(options),
+}
 voice._chainsPromise = null
     function modeChain(mode) {
       if (!voice._chainsPromise) {
@@ -1348,6 +1528,7 @@ voice._chainsPromise = null
     // ------------------------------------------------------------ recording
     function teardown(rec) {
       if (!rec) return
+      if (rec.wsStream) { try { rec.wsStream.close() } catch (_) {} rec.wsStream = null }
       try { rec.stream.getTracks().forEach((t) => t.stop()) } catch (e) { /* already stopped */ }
       if (rec.srcNode) { try { rec.srcNode.disconnect() } catch (e) { /* already disconnected */ } }
       if (rec.filterNode) { try { rec.filterNode.disconnect() } catch (e) { /* already disconnected */ } }
@@ -1411,6 +1592,20 @@ voice._chainsPromise = null
           lastNode.connect(rec.analyser)
         }
         recorder.start()
+        if (voice.settings && voice.settings.vadEngine !== 'amplitude' && voice.sileroVad) {
+          voice.sileroVad.init().catch(() => {})
+        }
+        if (voice.settings && voice.settings.streamingWs !== false && voice.streamingWs && voice.streamingWs.isSupported()) {
+          voice.streamingWs.createStream({
+            onInterim: (text) => {
+              if (voice.phase === 'recording' && voice.settings.liveInterimPreview !== false) {
+                voice.interimTranscript = text
+                voice.notify()
+              }
+            },
+            onError: () => { rec.wsStream = null },
+          }).connect(rec.mime, mode).then((s) => { rec.wsStream = s }).catch(() => { rec.wsStream = null })
+        }
         return rec
       } catch (err) {
         if (rec) {
@@ -1428,6 +1623,46 @@ voice._chainsPromise = null
       let sum = 0
       for (let i = 0; i < data.length; i++) sum += data[i]
       const raw = Math.min(1, (sum / data.length / 255) * 2.2)
+
+      if (rec.analyser.getByteTimeDomainData) {
+        if (!rec._waveBuf || rec._waveBuf.length !== rec.analyser.fftSize) {
+          rec._waveBuf = new Uint8Array(rec.analyser.fftSize)
+        }
+        rec.analyser.getByteTimeDomainData(rec._waveBuf)
+        let clipped = false
+        for (let i = 0; i < rec._waveBuf.length; i++) {
+          const v = rec._waveBuf[i]
+          if (v <= 1 || v >= 254) { clipped = true; break }
+        }
+        const now = Date.now()
+        if (clipped) {
+          rec.clippingUntil = now + 800
+          rec.hasClipped = true
+        }
+        if (voice.settings && voice.settings.vadEngine !== 'amplitude' && voice.sileroVad && voice.sileroVad.isReady()) {
+          if (!rec._floatBuf || rec._floatBuf.length !== rec._waveBuf.length) {
+            rec._floatBuf = new Float32Array(rec._waveBuf.length)
+          }
+          for (let i = 0; i < rec._waveBuf.length; i++) {
+            rec._floatBuf[i] = (rec._waveBuf[i] - 128) / 128
+          }
+          const vadRes = voice.sileroVad.evaluate(rec._floatBuf)
+          rec.sileroSpeech = vadRes.isSpeech
+        } else {
+          rec.sileroSpeech = null
+        }
+        if (rec.hadSpeech && raw > 0 && raw < 0.08) {
+          rec.lowVolumeUntil = now + 800
+          rec.hasLowVolume = true
+        }
+        const isClipping = Boolean(rec.clippingUntil && rec.clippingUntil > now)
+        const isLow = Boolean(!isClipping && rec.lowVolumeUntil && rec.lowVolumeUntil > now)
+        if (!voice.audioQuality || voice.audioQuality.clipping !== isClipping || voice.audioQuality.lowVolume !== isLow) {
+          voice.audioQuality = { clipping: isClipping, lowVolume: isLow }
+          voice.notify()
+        }
+      }
+
       const gateDb = Number(voice.settings && voice.settings.noiseGateDb !== undefined ? voice.settings.noiseGateDb : -45)
       if (gateDb > -90) {
         const gateAmp = Math.pow(10, gateDb / 20) * 2.2
@@ -1465,10 +1700,17 @@ voice._chainsPromise = null
         }
         rec.cutting = false
         if (rec.cancelled || blob.size < 600) return       // cancelled or too short — not speech
+        if (rec.wsStream && rec.wsStream.isOpen) {
+          rec.wsStream.sendBlobChunk(blob)
+          rec.wsStream.requestInterim()
+        }
+        const q = { clipping: Boolean(rec.hasClipped), lowVolume: Boolean(rec.hasLowVolume) }
+        rec.hasClipped = false
+        rec.hasLowVolume = false
         dictationQueue = dictationQueue.then(async () => {
           if (rec.cancelled || voice.activeOpId !== opId || voice.disposed) return
           try {
-            const out = await sendAudio(blob, rec.mime, 'dictation')
+            const out = await sendAudio(blob, rec.mime, 'dictation', q)
             if (rec.cancelled || voice.activeOpId !== opId || voice.disposed) return
             const text = out && out.text ? out.text : ''
             const action = out && out.action ? out.action : null
@@ -1478,7 +1720,7 @@ voice._chainsPromise = null
                 return
               }
             }
-            if (action === 'send' || action === 'clear' || action === 'newline') {
+            if (action === 'send' || action === 'clear' || action === 'newline' || action === 'undo_chunk') {
               executeVoiceAction(action, text, target)
               return
             }
@@ -1712,10 +1954,13 @@ voice._chainsPromise = null
         try { noteUrl = URL.createObjectURL(blob) } catch (e) {}
         voice.lastNote = { blob, url: noteUrl, mime: rec.mime, text: '' }
         voice.set({ phase: 'processing' })
+        const q = { clipping: Boolean(rec.hasClipped), lowVolume: Boolean(rec.hasLowVolume) }
+        rec.hasClipped = false
+        rec.hasLowVolume = false
         const processTail = async () => {
           if (voice.disposed || rec.cancelled || voice.activeOpId !== opId || voice.phase === 'idle') return
           try {
-            const out = await sendAudio(blob, rec.mime, mode)
+            const out = await sendAudio(blob, rec.mime, mode, q)
             if (voice.disposed || rec.cancelled || voice.activeOpId !== opId || voice.phase === 'idle') return
             if (out.command) { runSessionCommand(out.command); return }
             const text = out.text || ''
@@ -1732,7 +1977,7 @@ voice._chainsPromise = null
                 return
               }
             }
-            if (action === 'send' || action === 'clear' || action === 'newline') {
+            if (action === 'send' || action === 'clear' || action === 'newline' || action === 'undo_chunk') {
               executeVoiceAction(action, text, target)
               return
             }
@@ -1802,6 +2047,17 @@ voice._chainsPromise = null
         const payload = (rawText.replace(/(^|[\s,.!?])(с новой строки|новая строка|абзац|new line|paragraph)([\s,.!?]|$)/gi, '').trim())
         appendDraft(payload, activeTarget)
         voice.set({ phase: 'idle' })
+      } else if (action === 'undo_chunk') {
+        undoLastInsert().then((msg) => {
+          voice.lastUndoNotice = msg
+          voice.notify()
+          setTimeout(() => {
+            if (voice.lastUndoNotice === msg) {
+              voice.lastUndoNotice = ''
+              voice.notify()
+            }
+          }, 3500)
+        })
       }
     }
 
@@ -1818,6 +2074,7 @@ voice._chainsPromise = null
       else if (cmd === 'cancel') cancelCurrent()
       else if (cmd === 'stop') cancelCurrent()
       else if (cmd === 'continue') { /* keep recording */ }
+      else if (cmd === 'undo_chunk') { executeVoiceAction('undo_chunk') }
     }
 
     function keepPending() {
@@ -1832,21 +2089,21 @@ voice._chainsPromise = null
       const err = v.phase === 'error'
       const hk = voice.hotkey ? ` (${voice.hotkey})` : ''
       const curMode = voice.selectedDictationMode || (voice.settings && voice.settings.dictationMode) || 'clean'
-      return React.createElement(React.Fragment, null,
-        React.createElement('button', {
+      return h(React.Fragment, null,
+        h('button', {
           type: 'button',
           className: 'dvo-mode-pill-btn',
           title: t('dictationModeTitle') + ': ' + getDictationModeLabel(curMode, t),
           'aria-label': t('dictationModeTitle') + ': ' + getDictationModeLabel(curMode, t),
           onClick: cycleDictationMode,
         }, getDictationModeLabel(curMode, t)),
-        React.createElement('button', {
+        h('button', {
           type: 'button', className: 'dvo-btn', 'data-err': err ? '1' : '0',
           title: err ? v.error : t('dictationBtn'),
           'aria-label': err ? v.error : t('dictationBtn'),
           onClick: startDictation,
         }, micIcon()),
-        React.createElement('button', {
+        h('button', {
           type: 'button', className: 'dvo-btn' + (hold.armed ? ' dvo-btn-active' : ''), 'data-err': err ? '1' : '0',
           title: err ? v.error : (t('messageBtn') + hk),
           'aria-label': err ? v.error : (t('messageBtn') + hk),
@@ -1860,7 +2117,7 @@ voice._chainsPromise = null
           },
         }, waveIcon()),
         voice.lastNote && voice.lastNote.url
-          ? React.createElement('button', {
+          ? h('button', {
               type: 'button', className: 'dvo-btn' + (voice.showPlayer ? ' dvo-btn-active' : ''),
               title: t('listenBack'),
               'aria-label': t('listenBack'),
@@ -2020,6 +2277,21 @@ voice._chainsPromise = null
       if (typeof document === 'undefined' || !keyName) return () => {}
       const down = (event) => {
         if (event.repeat) return
+        if (event.shiftKey && (event.key === 'Tab' || event.code === 'Tab') && (voice.phase === 'recording' || voice.phase === 'pending')) {
+          event.preventDefault()
+          event.stopPropagation()
+          undoLastInsert().then((msg) => {
+            voice.lastUndoNotice = msg
+            voice.notify()
+            setTimeout(() => {
+              if (voice.lastUndoNotice === msg) {
+                voice.lastUndoNotice = ''
+                voice.notify()
+              }
+            }, 3500)
+          })
+          return
+        }
         const target = event.target
         const isEditable = target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable || (typeof target.getAttribute === 'function' && target.getAttribute('contenteditable') === 'true'))
         if (isEditable && !isAllowedInEditable(keyName)) return
@@ -2197,13 +2469,13 @@ function renderEditablePreviewPill(voice, v, isPlaying, setIsPlaying, audioRef)
   const off = circ * (1 - frac)
   const hasPolish = p.polishedText && p.polishedText !== p.rawText
 
-  return React.createElement('div', { className: 'dvo-pill-preview', role: 'region', 'aria-label': t('editablePreview') },
+  return h('div', { className: 'dvo-pill-preview', role: 'region', 'aria-label': t('editablePreview') },
     // Header row: tabs, audio playback, status/countdown, cancel button
-    React.createElement('div', { className: 'dvo-preview-header' },
-      React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+    h('div', { className: 'dvo-preview-header' },
+      h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
         hasPolish
-          ? React.createElement('div', { className: 'dvo-preview-tabs' },
-              React.createElement('button', {
+          ? h('div', { className: 'dvo-preview-tabs' },
+              h('button', {
                 type: 'button',
                 className: 'dvo-tab-btn' + (p.selectedTab === 'raw' ? ' dvo-tab-btn-active' : ''),
                 onClick: () => {
@@ -2212,7 +2484,7 @@ function renderEditablePreviewPill(voice, v, isPlaying, setIsPlaying, audioRef)
                   voice.notify()
                 },
               }, t('rawText')),
-              React.createElement('button', {
+              h('button', {
                 type: 'button',
                 className: 'dvo-tab-btn' + (p.selectedTab === 'polished' ? ' dvo-tab-btn-active' : ''),
                 onClick: () => {
@@ -2222,10 +2494,10 @@ function renderEditablePreviewPill(voice, v, isPlaying, setIsPlaying, audioRef)
                 },
               }, t('polishedText')),
             )
-          : React.createElement('span', { className: 'dvo-count' }, t('rawText')),
+          : h('span', { className: 'dvo-count' }, t('rawText')),
         p.audioUrl
-          ? React.createElement('div', { className: 'dvo-audio-wrap' },
-              React.createElement('button', {
+          ? h('div', { className: 'dvo-audio-wrap' },
+              h('button', {
                 type: 'button', className: 'dvo-audio-play',
                 title: isPlaying ? t('pause') : t('play'),
                 'aria-label': isPlaying ? t('pause') : t('play'),
@@ -2236,31 +2508,31 @@ function renderEditablePreviewPill(voice, v, isPlaying, setIsPlaying, audioRef)
                   else { el.pause(); setIsPlaying(false) }
                 },
               }, isPlaying ? pauseIcon() : playIcon()),
-              React.createElement('audio', {
+              h('audio', {
                 ref: audioRef, src: p.audioUrl,
                 onEnded: () => setIsPlaying(false),
                 onPause: () => setIsPlaying(false),
                 onPlay: () => setIsPlaying(true),
               }),
-              React.createElement('span', { className: 'dvo-audio-time' }, t('listenBack')),
+              h('span', { className: 'dvo-audio-time' }, t('listenBack')),
             )
           : null,
       ),
-      React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+      h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
         (!p.paused && !p.isEditing && v.settings.autoSendVisualRing !== false)
-          ? React.createElement('svg', { className: 'dvo-silence-ring', viewBox: '0 0 34 34' },
-              React.createElement('circle', { cx: 17, cy: 17, r: 14, className: 'dvo-ring-bg' }),
-              React.createElement('circle', {
+          ? h('svg', { className: 'dvo-silence-ring', viewBox: '0 0 34 34' },
+              h('circle', { cx: 17, cy: 17, r: 14, className: 'dvo-ring-bg' }),
+              h('circle', {
                 cx: 17, cy: 17, r: 14, className: 'dvo-ring-fg',
                 strokeDasharray: `${circ} ${circ}`,
                 strokeDashoffset: off,
               }),
             )
           : null,
-        React.createElement('span', { className: 'dvo-count' },
+        h('span', { className: 'dvo-count' },
           (p.paused || p.isEditing) ? '' : (left + t('secondsShort'))
         ),
-        React.createElement('button', {
+        h('button', {
           type: 'button', className: 'dvo-pbtn', title: t('cancelPreview'),
           'aria-label': t('cancelPreview'),
           onClick: () => { cancelPending(); focusComposer() },
@@ -2268,9 +2540,9 @@ function renderEditablePreviewPill(voice, v, isPlaying, setIsPlaying, audioRef)
       ),
     ),
     // Body row: editable input or preview text, Edit button, Send button
-    React.createElement('div', { className: 'dvo-preview-body' },
+    h('div', { className: 'dvo-preview-body' },
       p.isEditing
-        ? React.createElement('input', {
+        ? h('input', {
             type: 'text',
             className: 'dvo-preview-input',
             value: p.activeText,
@@ -2286,9 +2558,9 @@ function renderEditablePreviewPill(voice, v, isPlaying, setIsPlaying, audioRef)
               }
             },
           })
-        : React.createElement('span', { className: 'dvo-preview-text' }, p.activeText),
+        : h('span', { className: 'dvo-preview-text' }, p.activeText),
       !p.isEditing
-        ? React.createElement('button', {
+        ? h('button', {
             type: 'button', className: 'dvo-pbtn', title: t('editPreview'),
             'aria-label': t('editPreview'),
             onClick: () => {
@@ -2298,7 +2570,7 @@ function renderEditablePreviewPill(voice, v, isPlaying, setIsPlaying, audioRef)
             },
           }, editIcon())
         : null,
-      React.createElement('button', {
+      h('button', {
         type: 'button', className: 'dvo-btn-send', title: t('sendNow'),
         'aria-label': t('sendNow'),
         onClick: () => { submitPending(); focusComposer() },
@@ -2306,7 +2578,7 @@ function renderEditablePreviewPill(voice, v, isPlaying, setIsPlaying, audioRef)
     ),
     // Mismatch warning banner
     p.sessionMismatch
-      ? React.createElement('div', { className: 'dvo-warn-banner' }, t('sessionMismatch'))
+      ? h('div', { className: 'dvo-warn-banner' }, t('sessionMismatch'))
       : null,
   )
 }
@@ -2474,6 +2746,28 @@ function cycleDictationMode() {
       voice.currentSessionId = (props.session && (props.session.sessionId || props.session.id)) || voice.currentSessionId || ''
       const ctx = props.ctx
 
+      React.useEffect(() => {
+        if (v.phase !== 'recording' && v.phase !== 'pending') return
+        const onKey = (e) => {
+          if (e.shiftKey && (e.key === 'Tab' || e.code === 'Tab')) {
+            e.preventDefault()
+            e.stopPropagation()
+            undoLastInsert().then((msg) => {
+              voice.lastUndoNotice = msg
+              voice.notify()
+              setTimeout(() => {
+                if (voice.lastUndoNotice === msg) {
+                  voice.lastUndoNotice = ''
+                  voice.notify()
+                }
+              }, 3500)
+            })
+          }
+        }
+        window.addEventListener('keydown', onKey, true)
+        return () => window.removeEventListener('keydown', onKey, true)
+      }, [v.phase])
+
       // VAD: accumulate silence and cut the phrase when the pause exceeds the threshold.
       React.useEffect(() => {
         if (v.phase !== 'recording') return
@@ -2484,9 +2778,9 @@ function cycleDictationMode() {
           const level = currentLevel(rec)
           voice.levels.push(level)
           if (voice.levels.length > 150) voice.levels.shift()
-          if (level > 0.06) { rec.hadSpeech = true; rec.silenceMs = 0 }
+          const speaking = rec.sileroSpeech !== null && rec.sileroSpeech !== undefined ? rec.sileroSpeech : (level > 0.06)
+          if (speaking) { rec.hadSpeech = true; rec.silenceMs = 0 }
           else if (rec.hadSpeech) rec.silenceMs += tick
-          const speaking = level > 0.06
           if (voice.speaking !== speaking) { voice.speaking = speaking; voice.notify() }
           const adapt = Number(voice.settings.vadAdapt) || 0
           let effectiveVad = Number(voice.settings.vadSilenceMs) || 700
@@ -2548,6 +2842,10 @@ function cycleDictationMode() {
             if (!voice.waveColor) {
               try { voice.waveColor = getComputedStyle(canvas).color || 'currentColor' } catch (e) { voice.waveColor = 'currentColor' }
             }
+            let drawColor = voice.waveColor
+            if (voice.audioQuality && (voice.audioQuality.clipping || voice.audioQuality.lowVolume)) {
+              try { drawColor = getComputedStyle(canvas).color || voice.waveColor } catch (_) {}
+            }
             const levels = voice.levels
             const style = (voice.settings && voice.settings.visualizerStyle) || 'liquid-wave'
             frame++
@@ -2555,18 +2853,18 @@ function cycleDictationMode() {
             if (style === 'off') {
               g.beginPath()
               g.globalAlpha = 0.25
-              g.strokeStyle = voice.waveColor
+              g.strokeStyle = drawColor
               g.lineWidth = 1
               g.moveTo(10, cssH / 2)
               g.lineTo(cssW - 10, cssH / 2)
               g.stroke()
               g.globalAlpha = 1
             } else if (style === 'dynamic-orb') {
-              drawDynamicOrb(g, cssW, cssH, levels, voice.waveColor, frame)
+              drawDynamicOrb(g, cssW, cssH, levels, drawColor, frame)
             } else if (style === 'bars') {
-              drawClassicBars(g, cssW, cssH, levels, voice.waveColor)
+              drawClassicBars(g, cssW, cssH, levels, drawColor)
             } else {
-              drawLiquidWave(g, cssW, cssH, levels, voice.waveColor, frame)
+              drawLiquidWave(g, cssW, cssH, levels, drawColor, frame)
             }
             g.restore()
           }
@@ -2663,7 +2961,10 @@ function cycleDictationMode() {
           }, xIcon()),
           inBrowser
             ? null
-            : React.createElement('canvas', { className: 'dvo-wave', ref: canvasRef, width: 720, height: 40 }),
+            : React.createElement('canvas', {
+                className: 'dvo-wave' + (voice.audioQuality?.clipping ? ' dvo-wave-clipping' : (voice.audioQuality?.lowVolume ? ' dvo-wave-low' : '')),
+                ref: canvasRef, width: 720, height: 40,
+              }),
           React.createElement('span', { className: 'dvo-status', 'aria-live': 'polite', 'aria-atomic': 'true' },
             caption
               ? caption
@@ -2672,9 +2973,34 @@ function cycleDictationMode() {
                 : (inBrowser
                   ? t('listening')
                   : (rec && rec.hadSpeech ? (v.speaking ? t('speaking') : t('silence')) : hint))),
+            voice.audioQuality && voice.audioQuality.clipping
+              ? React.createElement('span', { className: 'dvo-quality-badge dvo-quality-clipping', title: t('clippingHint') }, t('clipping'))
+              : (voice.audioQuality && voice.audioQuality.lowVolume
+                ? React.createElement('span', { className: 'dvo-quality-badge dvo-quality-low', title: t('lowVolumeHint') }, t('lowVolume'))
+                : null),
+            voice.lastUndoNotice
+              ? React.createElement('span', { className: 'dvo-undo-badge', 'aria-live': 'assertive' }, voice.lastUndoNotice)
+              : null,
             v.interimTranscript && v.settings.liveInterimPreview !== false
               ? React.createElement('span', { className: 'dvo-ghost' }, v.interimTranscript)
               : null),
+          v.mode === 'dictation' && insertHistory.length > 0
+            ? React.createElement('button', {
+                type: 'button', className: 'dvo-pbtn', title: t('undo') + ' (Shift+Tab)',
+                'aria-label': t('undo'),
+                onClick: async () => {
+                  const msg = await undoLastInsert()
+                  voice.lastUndoNotice = msg
+                  voice.notify()
+                  setTimeout(() => {
+                    if (voice.lastUndoNotice === msg) {
+                      voice.lastUndoNotice = ''
+                      voice.notify()
+                    }
+                  }, 3500)
+                },
+              }, undoIcon())
+            : null,
           React.createElement('button', {
             type: 'button', className: 'dvo-pbtn', title: t('stop'),
             'aria-label': t('stop'),
@@ -2866,148 +3192,104 @@ function cycleDictationMode() {
       }, 'dsh-voice: composer slots')
     }
 
-    // ------------------------------------------------------- settings page
-    const BUILTIN = [
-      'browser', 'browser-webgpu', 'deepgram', 'groq', 'hf', 'local-whisper', 'sensevoice',
-      // Presets: address and model are filled on the host; only a key is needed.
-      'openai', 'siliconflow', 'deepinfra', 'fireworks', 'mistral', 'openrouter',
-    ]
-    const TEMPLATES = ['openai-transcriptions', 'openai-chat-audio']
-    // Resolve at render time: t() must not be captured before locale bind.
-    const MODEL_HINT_KEYS = {
-      browser: 'browserHint',
-      'browser-webgpu': 'browserWebGpuHint',
-      openai: 'openaiHint',
-      siliconflow: 'siliconflowHint',
-      deepinfra: 'deepinfraHint',
-      fireworks: 'fireworksHint',
-      mistral: 'mistralHint',
-      openrouter: 'openrouterHint',
-      'local-whisper': 'localHint',
-      sensevoice: 'sensevoiceHint',
-    }
-    const MODEL_HINT_STATIC = {
-      'browser-webgpu': 'onnx-community/whisper-tiny',
-      deepgram: 'nova-2',
-      groq: 'whisper-large-v3-turbo',
-      hf: 'openai/whisper-large-v3',
+  // ------------------------------------------------------- settings page
+  const BUILTIN = [
+   'browser', 'browser-webgpu', 'deepgram', 'groq', 'hf', 'local-whisper', 'sensevoice',
+   // Presets: address and model are filled on the host; only a key is needed.
+   'openai', 'siliconflow', 'deepinfra', 'fireworks', 'mistral', 'openrouter',
+  ]
+  const TEMPLATES = ['openai-transcriptions', 'openai-chat-audio']
+  // Resolve at render time: t() must not be captured before locale bind.
+  const MODEL_HINT_KEYS = {
+   browser: 'browserHint',
+   'browser-webgpu': 'browserWebGpuHint',
+   openai: 'openaiHint',
+   siliconflow: 'siliconflowHint',
+   deepinfra: 'deepinfraHint',
+   fireworks: 'fireworksHint',
+   mistral: 'mistralHint',
+   openrouter: 'openrouterHint',
+   'local-whisper': 'localHint',
+   sensevoice: 'sensevoiceHint',
+  }
+  const MODEL_HINT_STATIC = {
+   'browser-webgpu': 'onnx-community/whisper-tiny',
+   deepgram: 'nova-2',
+   groq: 'whisper-large-v3-turbo',
+   hf: 'openai/whisper-large-v3',
+  }
+  function modelHint(provider) {
+   const key = MODEL_HINT_KEYS[provider]
+   if (key) return t(key)
+   return MODEL_HINT_STATIC[provider] || ''
+  }
+  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 =
+   '.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)}.dvs-sub{font-size:12px;color:var(--dsw-alias-label-secondary)}.dvs-row{display:flex;gap:8px;align-items:center}.dvs-row select,.dvs-row input{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:6px 10px;font-size:13px}.dvs-row .dvs-model{flex:1}.dvs-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:10px;padding:12px}.dvs-card input,.dvs-card select{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:6px 8px;font-size:13px}.dvs-wait{font-size:13px;color:var(--dsw-alias-label-secondary);line-height:1.5;max-width:520px}.dvs-ok{font-size:12px;color:var(--dsw-alias-state-success-primary)}.dvs-bad{font-size:12px;color:var(--dsw-alias-state-error-primary)}.dvo-pcard{list-style:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px}.dvo-phead{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 16px}.dvo-pheadtext{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dvo-ptitle{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.dvo-pdesc{color:var(--dsw-alias-label-secondary);font-size:13px}.dvo-pchev{flex:none;display:flex;color:var(--dsw-alias-label-secondary);transition:transform .15s ease}.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'
+  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() {
+   if (!React || typeof React.Component !== 'function') {
+    return function NoopBoundary(props) { return props?.children || null }
+   }
+   return class ErrorBoundary extends React.Component {
+    constructor(props) {
+     super(props)
+     this.state = { hasError: false, error: null }
     }
-    function modelHint(provider) {
-      const key = MODEL_HINT_KEYS[provider]
-      if (key) return t(key)
-      return MODEL_HINT_STATIC[provider] || ''
+    static getDerivedStateFromError(error) {
+     return { hasError: true, error }
     }
-    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 =
-      '.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)}' +
-      '.dvs-sub{font-size:12px;color:var(--dsw-alias-label-secondary)}' +
-      '.dvs-row{display:flex;gap:8px;align-items:center}' +
-      '.dvs-row select,.dvs-row input{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:6px 10px;font-size:13px}' +
-      '.dvs-row .dvs-model{flex:1}' +
-      '.dvs-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:10px;padding:12px}' +
-      '.dvs-card input,.dvs-card select{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:6px 8px;font-size:13px}' +
-      '.dvs-wait{font-size:13px;color:var(--dsw-alias-label-secondary);line-height:1.5;max-width:520px}' +
-      '.dvs-ok{font-size:12px;color:var(--dsw-alias-state-success-primary)}' +
-      '.dvs-bad{font-size:12px;color:var(--dsw-alias-state-error-primary)}' +
-      '.dvo-pcard{list-style:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px}' +
-      '.dvo-phead{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 16px}' +
-      '.dvo-pheadtext{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}' +
-      '.dvo-ptitle{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}' +
-      '.dvo-pdesc{color:var(--dsw-alias-label-secondary);font-size:13px}' +
-      '.dvo-pchev{flex:none;display:flex;color:var(--dsw-alias-label-secondary);transition:transform .15s ease}' +
-      '.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'
-    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)
-      }
+    componentDidCatch(error, errorInfo) {
+     console.error('[dsh-voice] React Error:', error, errorInfo)
     }
-
-        function createErrorBoundary() {
-      if (!React || typeof React.Component !== 'function') {
-        return function NoopBoundary(props) { return props?.children || null }
-      }
-      return class ErrorBoundary extends React.Component {
-        constructor(props) {
-          super(props)
-          this.state = { hasError: false, error: null }
-        }
-        static getDerivedStateFromError(error) {
-          return { hasError: true, error }
-        }
-        componentDidCatch(error, errorInfo) {
-          console.error('[dsh-voice] React Error:', error, errorInfo)
-        }
-        render() {
-          if (this.state.hasError) {
-            return React.createElement(
-              'div',
-              { className: 'cb-alert-err', style: { margin: '12px 0', padding: '14px', borderRadius: '8px' } },
-              React.createElement('div', { style: { fontWeight: 600, marginBottom: '6px' } }, '⚠️ ' + t('uiError')),
-              React.createElement('div', { style: { fontSize: '12px', wordBreak: 'break-all' } }, String(this.state.error?.message || this.state.error)),
-              React.createElement(
-                'button',
-                {
-                  type: 'button',
-                  className: 'cb-btn',
-                  style: { marginTop: '10px', fontSize: '12px', padding: '4px 10px' },
-                  onClick: () => this.setState({ hasError: false, error: null }),
-                },
-                t('retry'),
-              ),
-            )
-          }
-          return this.props?.children || null
-        }
-      }
+    render() {
+     if (this.state.hasError) {
+      return h(
+       'div',
+       { className: 'cb-alert-err', style: { margin: '12px 0', padding: '14px', borderRadius: '8px' } },
+       h('div', { style: { fontWeight: 600, marginBottom: '6px' } }, '⚠️ ' + t('uiError')),
+       h('div', { style: { fontSize: '12px', wordBreak: 'break-all' } }, String(this.state.error?.message || this.state.error)),
+       h(
+        'button',
+        {
+         type: 'button',
+         className: 'cb-btn',
+         style: { marginTop: '10px', fontSize: '12px', padding: '4px 10px' },
+         onClick: () => this.setState({ hasError: false, error: null }),
+        },
+        t('retry'),
+       ),
+      )
+     }
+     return this.props?.children || null
     }
-    const ErrorBoundary = createErrorBoundary()
+   }
+  }
+  const ErrorBoundary = createErrorBoundary()
 
     // One chain editor: provider+model rows with reordering.
     function ChainEditor(props) {
@@ -3028,24 +3310,24 @@ function cycleDictationMode() {
       const add = () => props.onChange(rows.concat([{ provider: 'local-whisper', model: '' }]))
       const options = Array.isArray(props.options) && props.options.length ? props.options : BUILTIN
 
-      return React.createElement('div', { className: 'dvs-block' },
-        rows.map((row, i) => React.createElement('div', { className: 'dvs-row', key: i },
-          React.createElement('select', {
+      return h('div', { className: 'dvs-block' },
+        rows.map((row, i) => h('div', { className: 'dvs-row', key: i },
+          h('select', {
             value: row.provider, disabled: !props.writable,
             onChange: (e) => change(i, { provider: e.target.value }),
           }, (options.indexOf(row.provider) < 0 ? options.concat([row.provider]) : options)
-            .map((p) => React.createElement('option', { key: p, value: p }, p))),
-          React.createElement('input', {
+            .map((p) => h('option', { key: p, value: p }, p))),
+          h('input', {
             className: 'dvs-model', value: row.model || '', disabled: !props.writable,
             placeholder: modelHint(row.provider), onChange: (e) => change(i, { model: e.target.value }),
           }),
-          React.createElement('button', { type: 'button', className: 'dvs-mini', title: t('up'), disabled: !props.writable, onClick: () => move(i, -1) }, '↑'),
-          React.createElement('button', { type: 'button', className: 'dvs-mini', title: t('down'), disabled: !props.writable, onClick: () => move(i, 1) }, '↓'),
-          React.createElement('button', { type: 'button', className: 'dvs-mini', title: t('remove'), disabled: !props.writable, onClick: () => remove(i) }, '×'),
+          h('button', { type: 'button', className: 'dvs-mini', title: t('up'), disabled: !props.writable, onClick: () => move(i, -1) }, '↑'),
+          h('button', { type: 'button', className: 'dvs-mini', title: t('down'), disabled: !props.writable, onClick: () => move(i, 1) }, '↓'),
+          h('button', { type: 'button', className: 'dvs-mini', title: t('remove'), disabled: !props.writable, onClick: () => remove(i) }, '×'),
         )),
-        React.createElement('div', { className: 'dvs-row' },
-          React.createElement('button', { type: 'button', className: 'dvs-mini', title: t('addProvider'), disabled: !props.writable, onClick: add }, '+'),
-          React.createElement('span', { className: 'dvs-sub' }, t('chainHint')),
+        h('div', { className: 'dvs-row' },
+          h('button', { type: 'button', className: 'dvs-mini', title: t('addProvider'), disabled: !props.writable, onClick: add }, '+'),
+          h('span', { className: 'dvs-sub' }, t('chainHint')),
         ),
       )
     }
@@ -3059,42 +3341,42 @@ function cycleDictationMode() {
       const add = () => props.onChange(rows.concat([
         { key: '', template: 'openai-transcriptions', baseURL: '', model: '', keyEnv: '', prompt: '' },
       ]))
-      const field = (i, row, name, placeholder, wide) => React.createElement('input', {
+      const field = (i, row, name, placeholder, wide) => h('input', {
         className: wide ? 'dvs-model' : '', value: row[name] || '', placeholder: placeholder,
         disabled: !props.writable, onChange: (e) => change(i, { [name]: e.target.value }),
       })
 
-      return React.createElement('div', { className: 'dvs-block' },
-        rows.map((row, i) => React.createElement('div', { className: 'dvs-card', key: i },
-          React.createElement('div', { className: 'dvs-row' },
+      return h('div', { className: 'dvs-block' },
+        rows.map((row, i) => h('div', { className: 'dvs-card', key: i },
+          h('div', { className: 'dvs-row' },
             field(i, row, 'key', t('customName')),
-            React.createElement('select', {
+            h('select', {
               value: row.template || 'openai-transcriptions', disabled: !props.writable,
               onChange: (e) => change(i, { template: e.target.value }),
-            }, TEMPLATES.map((tmpl) => React.createElement('option', { key: tmpl, value: tmpl }, tmpl))),
-            React.createElement('button', {
+            }, TEMPLATES.map((tmpl) => h('option', { key: tmpl, value: tmpl }, tmpl))),
+            h('button', {
               type: 'button', className: 'dvs-mini', title: t('remove'),
               disabled: !props.writable, onClick: () => remove(i),
             }, '\u00d7'),
           ),
-          React.createElement('div', { className: 'dvs-row' },
+          h('div', { className: 'dvs-row' },
             field(i, row, 'baseURL', 'https://openrouter.ai/api/v1', true),
           ),
-          React.createElement('div', { className: 'dvs-row' },
+          h('div', { className: 'dvs-row' },
             field(i, row, 'model', t('customModel'), true),
             field(i, row, 'keyEnv', t('customKeyName')),
           ),
           row.template === 'openai-chat-audio'
-            ? React.createElement('div', { className: 'dvs-row' },
+            ? h('div', { className: 'dvs-row' },
               field(i, row, 'prompt', t('customModelHint'), true))
             : null,
         )),
-        React.createElement('div', { className: 'dvs-row' },
-          React.createElement('button', {
+        h('div', { className: 'dvs-row' },
+          h('button', {
             type: 'button', className: 'dvs-mini', title: t('addCustom'),
             disabled: !props.writable, onClick: add,
           }, '+'),
-          React.createElement('span', { className: 'dvs-sub' },
+          h('span', { className: 'dvs-sub' },
             t('openrouterWarning')),
         ),
       )
@@ -3133,31 +3415,31 @@ function cycleDictationMode() {
         }
       }
 
-      return React.createElement('div', { className: 'cb-section-card' },
-        React.createElement('div', { className: 'cb-section-title' },
-          React.createElement('span', null, '📊 ' + t('providerDashboard')),
-          React.createElement('div', { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
-            React.createElement('button', {
+      return h('div', { className: 'cb-section-card' },
+        h('div', { className: 'cb-section-title' },
+          h('span', null, '📊 ' + t('providerDashboard')),
+          h('div', { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
+            h('button', {
               type: 'button',
               className: 'cb-btn',
               style: { fontSize: '12px', padding: '4px 10px' },
               disabled: exporting,
               onClick: exportReport,
             }, exporting ? t('exportingDiagnostics') : ('📥 ' + t('exportDiagnosticsBtn'))),
-            React.createElement('button', {
+            h('button', {
               type: 'button', className: 'cb-btn', style: { fontSize: '12px', padding: '4px 8px' },
               onClick: props.onRefresh,
             }, '🔄 ' + t('refreshStats')),
           ),
         ),
-        exportMsg ? React.createElement('div', {
+        exportMsg ? h('div', {
           className: exportMsg.startsWith('✓') ? 'dvs-ok' : 'cb-alert-err',
           style: { fontSize: '12px' },
         }, exportMsg) : null,
-        React.createElement('div', { className: 'dvo-dash' },
-          React.createElement('div', { className: 'dvo-dash-grid' },
+        h('div', { className: 'dvo-dash' },
+          h('div', { className: 'dvo-dash-grid' },
             Object.keys(statsData).length === 0
-              ? React.createElement('div', { className: 'dvs-sub' }, t('idle'))
+              ? h('div', { className: 'dvs-sub' }, t('idle'))
               : Object.entries(statsData).map(([key, item]) => {
                   const avg = item.avgTookMs || 0
                   const hasErrors = item.failures > 0
@@ -3179,52 +3461,52 @@ function cycleDictationMode() {
                     }
                   }
                   const rate = item.attempts > 0 ? Math.round((item.successes / item.attempts) * 100) : 100
-                  return React.createElement('div', { key, className: 'dvo-dash-item', title: item.lastError ? `${t('errorPrefix')}: ${item.lastError}` : '' },
-                    React.createElement('div', { className: 'dvo-dash-name' }, key),
-                    React.createElement('div', { className: 'dvo-dash-row' },
-                      React.createElement('span', { className: 'dvo-badge ' + badgeClass }, badgeText),
-                      React.createElement('span', null, rate + '%'),
+                  return h('div', { key, className: 'dvo-dash-item', title: item.lastError ? `${t('errorPrefix')}: ${item.lastError}` : '' },
+                    h('div', { className: 'dvo-dash-name' }, key),
+                    h('div', { className: 'dvo-dash-row' },
+                      h('span', { className: 'dvo-badge ' + badgeClass }, badgeText),
+                      h('span', null, rate + '%'),
                     ),
-                    React.createElement('div', { className: 'dvo-dash-row' },
-                      React.createElement('span', null, `${item.successes}/${item.attempts}`),
-                      React.createElement('span', null, t('successRate')),
+                    h('div', { className: 'dvo-dash-row' },
+                      h('span', null, `${item.successes}/${item.attempts}`),
+                      h('span', null, t('successRate')),
                     ),
                   )
                 }),
           ),
         ),
         // Per-recognition telemetry breakdown list (#266)
-        React.createElement('div', { style: { marginTop: '12px', borderTop: '1px solid var(--dsw-alias-border-l2)', paddingTop: '10px' } },
-          React.createElement('div', { className: 'dvs-h', style: { marginBottom: '8px' } }, t('recentRecognitionsTitle')),
+        h('div', { style: { marginTop: '12px', borderTop: '1px solid var(--dsw-alias-border-l2)', paddingTop: '10px' } },
+          h('div', { className: 'dvs-h', style: { marginBottom: '8px' } }, t('recentRecognitionsTitle')),
           recentDiagnostics.length === 0
-            ? React.createElement('div', { className: 'dvs-sub' }, t('noRecognitionsYet'))
-            : React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px' } },
-                recentDiagnostics.slice(-5).reverse().map((d) => React.createElement('div', {
+            ? h('div', { className: 'dvs-sub' }, t('noRecognitionsYet'))
+            : h('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px' } },
+                recentDiagnostics.slice(-5).reverse().map((d) => h('div', {
                   key: d.id,
                   className: 'dvs-card',
                   style: { padding: '8px 12px', fontSize: '12px' },
                 },
-                  React.createElement('div', { className: 'cb-row', style: { justifyContent: 'space-between', alignItems: 'center' } },
-                    React.createElement('div', { style: { display: 'flex', gap: '6px', alignItems: 'center' } },
-                      React.createElement('span', { className: 'cb-badge ' + (d.success ? 'cb-badge-ok' : 'cb-badge-err') },
+                  h('div', { className: 'cb-row', style: { justifyContent: 'space-between', alignItems: 'center' } },
+                    h('div', { style: { display: 'flex', gap: '6px', alignItems: 'center' } },
+                      h('span', { className: 'cb-badge ' + (d.success ? 'cb-badge-ok' : 'cb-badge-err') },
                         d.success ? '✓ ' + (d.provider || 'STT') : '✗ ' + (d.error ? d.error.slice(0, 30) : 'fail')
                       ),
-                      React.createElement('span', { className: 'dvs-sub' }, `[${d.mode}/${d.subMode}]`),
-                      d.audioBytes ? React.createElement('span', { className: 'dvs-sub' }, t('diagBytes').replace('{bytes}', d.audioBytes)) : null,
+                      h('span', { className: 'dvs-sub' }, `[${d.mode}/${d.subMode}]`),
+                      d.audioBytes ? h('span', { className: 'dvs-sub' }, t('diagBytes').replace('{bytes}', d.audioBytes)) : null,
                     ),
-                    React.createElement('span', { style: { fontWeight: '600' } },
+                    h('span', { style: { fontWeight: '600' } },
                       t('diagTotal').replace('{ms}', d.totalTookMs)
                     ),
                   ),
-                  React.createElement('div', { className: 'cb-row', style: { gap: '12px', marginTop: '4px', fontSize: '11px', color: 'var(--dsw-alias-label-secondary)' } },
-                    React.createElement('span', null, t('diagVad').replace('{ms}', (d.breakdown && d.breakdown.vadMs) || 0)),
-                    React.createElement('span', null, t('diagStt').replace('{ms}', (d.breakdown && d.breakdown.sttMs) || 0)),
-                    d.breakdown && d.breakdown.polishMs ? React.createElement('span', null, t('diagPolish').replace('{ms}', d.breakdown.polishMs)) : null,
-                    typeof d.wordCount === 'number' ? React.createElement('span', null, t('diagWords').replace('{count}', d.wordCount)) : null,
+                  h('div', { className: 'cb-row', style: { gap: '12px', marginTop: '4px', fontSize: '11px', color: 'var(--dsw-alias-label-secondary)' } },
+                    h('span', null, t('diagVad').replace('{ms}', (d.breakdown && d.breakdown.vadMs) || 0)),
+                    h('span', null, t('diagStt').replace('{ms}', (d.breakdown && d.breakdown.sttMs) || 0)),
+                    d.breakdown && d.breakdown.polishMs ? h('span', null, t('diagPolish').replace('{ms}', d.breakdown.polishMs)) : null,
+                    typeof d.wordCount === 'number' ? h('span', null, t('diagWords').replace('{count}', d.wordCount)) : null,
                   ),
                 ))
               ),
-          React.createElement('div', { className: 'dvs-sub', style: { marginTop: '8px', fontStyle: 'italic' } },
+          h('div', { className: 'dvs-sub', style: { marginTop: '8px', fontStyle: 'italic' } },
             t('diagExportNotice')
           ),
         ),
@@ -3247,15 +3529,15 @@ function DictationModesSection(props) {
     setTop('dictationPrompts', { clean: '', task: '', note: '' })
   }
 
-  return React.createElement('div', { className: 'cb-section-card' },
-    React.createElement('div', { className: 'cb-section-title' },
-      React.createElement('span', null, '🎙️ ' + t('dictationModeTitle')),
+  return h('div', { className: 'cb-section-card' },
+    h('div', { className: 'cb-section-title' },
+      h('span', null, '🎙️ ' + t('dictationModeTitle')),
     ),
-    React.createElement('div', { className: 'cb-field-desc' }, t('dictationModeDesc')),
-    React.createElement('div', { className: 'cb-grid-2', style: { marginTop: '8px' } },
+    h('div', { className: 'cb-field-desc' }, t('dictationModeDesc')),
+    h('div', { className: 'cb-grid-2', style: { marginTop: '8px' } },
       ['clean', 'task', 'note', 'verbatim'].map((m) =>
-        React.createElement('label', { key: m, className: 'cb-check-label' },
-          React.createElement('input', {
+        h('label', { key: m, className: 'cb-check-label' },
+          h('input', {
             type: 'radio',
             name: 'dictationMode',
             value: m,
@@ -3267,10 +3549,10 @@ function DictationModesSection(props) {
         ),
       ),
     ),
-    React.createElement('div', { style: { marginTop: '12px', borderTop: '1px solid var(--dsw-alias-border-l1)', paddingTop: '10px' } },
-      React.createElement('div', { className: 'cb-section-title', style: { fontSize: '13px' } },
-        React.createElement('span', null, t('dictationPromptsTitle')),
-        React.createElement('button', {
+    h('div', { style: { marginTop: '12px', borderTop: '1px solid var(--dsw-alias-border-l1)', paddingTop: '10px' } },
+      h('div', { className: 'cb-section-title', style: { fontSize: '13px' } },
+        h('span', null, t('dictationPromptsTitle')),
+        h('button', {
           type: 'button',
           className: 'cb-btn cb-btn-secondary',
           style: { fontSize: '11px', padding: '2px 8px' },
@@ -3278,11 +3560,11 @@ function DictationModesSection(props) {
           onClick: resetPrompts,
         }, t('resetPrompts')),
       ),
-      React.createElement('div', { className: 'cb-field-desc' }, t('dictationPromptsDesc')),
-      React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', marginTop: '8px' } },
-        React.createElement('div', null,
-          React.createElement('label', { className: 'cb-label' }, t('promptClean')),
-          React.createElement('textarea', {
+      h('div', { className: 'cb-field-desc' }, t('dictationPromptsDesc')),
+      h('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', marginTop: '8px' } },
+        h('div', null,
+          h('label', { className: 'cb-label' }, t('promptClean')),
+          h('textarea', {
             className: 'cb-input',
             style: { minHeight: '48px', resize: 'vertical' },
             value: prompts.clean || '',
@@ -3291,9 +3573,9 @@ function DictationModesSection(props) {
             onChange: (e) => setPrompt('clean', e.target.value),
           }),
         ),
-        React.createElement('div', null,
-          React.createElement('label', { className: 'cb-label' }, t('promptTask')),
-          React.createElement('textarea', {
+        h('div', null,
+          h('label', { className: 'cb-label' }, t('promptTask')),
+          h('textarea', {
             className: 'cb-input',
             style: { minHeight: '48px', resize: 'vertical' },
             value: prompts.task || '',
@@ -3302,9 +3584,9 @@ function DictationModesSection(props) {
             onChange: (e) => setPrompt('task', e.target.value),
           }),
         ),
-        React.createElement('div', null,
-          React.createElement('label', { className: 'cb-label' }, t('promptNote')),
-          React.createElement('textarea', {
+        h('div', null,
+          h('label', { className: 'cb-label' }, t('promptNote')),
+          h('textarea', {
             className: 'cb-input',
             style: { minHeight: '48px', resize: 'vertical' },
             value: prompts.note || '',
@@ -3317,570 +3599,580 @@ function DictationModesSection(props) {
     ),
   )
 }
-    // 5. Hardware & Audio Engines Card
-    function HardwareOptionsCard(props) {
-      const t = props.t || moduleT
-      const draft = props.draft
-      const setTop = props.setTop
-      const writable = props.writable
-      const catching = props.catching
-      const setCatching = props.setCatching
-      const devices = props.devices || []
-      const testingMic = props.testingMic
-      const toggleTestMic = props.toggleTestMic
-      const testLevel = props.testLevel || 0
-      const gateDbVal = props.gateDbVal
-      const gateThresholdPercent = props.gateThresholdPercent
-      const calibrating = props.calibrating
-      const calibrateMsg = props.calibrateMsg
-      const calibrateNoise = props.calibrateNoise
-      const onClearKey = props.onClearKey
-
-      const [benchmarking, setBenchmarking] = React.useState(false)
-      const [benchmarkResult, setBenchmarkResult] = React.useState(null)
-      const [benchmarkErr, setBenchmarkErr] = React.useState('')
-
-      const runBenchmark = () => {
-    setBenchmarking(true)
-    setBenchmarkErr('')
-    fetch('/dsh-voice/benchmark', {
-      method: 'POST',
-      headers: {
+  // 5. Hardware & Audio Engines Card
+  function HardwareOptionsCard(props) {
+   const {
+    t = moduleT, draft, setTop, writable, catching, setCatching,
+    devices = [], testingMic, toggleTestMic, testLevel = 0,
+    gateDbVal, gateThresholdPercent, calibrating, calibrateMsg, calibrateNoise, onClearKey
+   } = props
+
+   const [benchmarking, setBenchmarking] = React.useState(false)
+   const [benchmarkResult, setBenchmarkResult] = React.useState(null)
+   const [benchmarkErr, setBenchmarkErr] = React.useState('')
+
+   const runBenchmark = () => {
+  setBenchmarking(true)
+  setBenchmarkErr('')
+  fetch('/dsh-voice/benchmark', {
+   method: 'POST',
+   headers: {
+   'x-dsh-plugin-update': '1',
+   'Content-Type': 'application/json',
+   },
+  })
+   .then((r) => r.json())
+   .then((d) => {
+   setBenchmarking(false)
+   if (d && d.ok) setBenchmarkResult(d)
+   else setBenchmarkErr((d && d.error && d.error.message) || 'Benchmark failed')
+   })
+   .catch((e) => {
+   setBenchmarking(false)
+   setBenchmarkErr((e && e.message) || 'Network error')
+   })
+   }
+
+   const textField = (key, label, hint) => h('div', { className: 'cb-field' },
+  h('label', null, label),
+  h('input', {
+   type: 'text', value: draft && draft[key] !== undefined ? draft[key] : '', disabled: !writable,
+   onChange: (e) => setTop(key, e.target.value),
+  }),
+  h('span', { className: 'dvs-sub' }, hint),
+   )
+
+   return h('div', { className: 'cb-section-card' },
+  h('div', { className: 'cb-section-title' },
+   h('span', null, '⚙️ ' + t('hardwareTitle')),
+  ),
+  h('div', { className: 'cb-section-desc' }, t('hardwareDesc')),
+  // Hotkey picker
+  h('div', { className: 'cb-field' },
+   h('label', null, t('hotkey')),
+   h('div', { className: 'cb-row' },
+   h('button', {
+    type: 'button', className: 'cb-btn cb-btn-primary', disabled: !writable,
+    onClick: () => setCatching(true),
+   }, catching ? t('pressKey') : keyLabel(draft && draft.hotkey)),
+   h('button', {
+    type: 'button', className: 'cb-btn cb-btn-mini', title: t('clearKey'),
+    disabled: !writable, onClick: onClearKey,
+   }, '×'),
+   ),
+   h('span', { className: 'dvs-sub' }, t('hotkeyHint1') + t('hotkeyHint2')),
+  ),
+  // Mic & noise gate
+  h('div', { className: 'cb-field' },
+   h('label', null, t('mic')),
+   h('div', { className: 'cb-row' },
+   h('select', {
+    value: String((draft && draft.micDeviceId) ?? ''), disabled: !writable || testingMic,
+    onChange: (e) => setTop('micDeviceId', e.target.value),
+    style: { flex: 1 },
+   },
+    h('option', { value: '' }, t('micDefault')),
+    devices.map((d) => h('option', { key: d.deviceId, value: d.deviceId },
+    d.label || d.deviceId.slice(0, 12))),
+   ),
+   h('button', {
+    type: 'button',
+    className: 'cb-btn ' + (testingMic ? 'cb-btn-primary' : 'cb-btn-secondary'),
+    onClick: toggleTestMic,
+    style: { flex: 'none' },
+   }, testingMic ? t('stopTest') : t('testMic')),
+   h('button', {
+    type: 'button',
+    className: 'cb-btn cb-btn-secondary',
+    onClick: () => (typeof calibrateNoise === 'function' ? calibrateNoise(setTop, t) : null),
+    disabled: calibrating || !writable,
+    style: { flex: 'none' },
+    title: t('calibrateNoiseHint') || '',
+   }, calibrating ? t('calibrating') : t('calibrateNoise')),
+   ),
+   calibrateMsg ? h('div', {
+    style: { fontSize: '11px', color: 'var(--dsw-alias-state-success-primary)', marginTop: '4px' },
+   }, calibrateMsg) : null,
+   testingMic ? h('div', { className: 'dvo-mic-test' },
+   h('span', { style: { fontSize: '11px', color: 'var(--dsw-alias-label-secondary)' } }, t('micLevel') + ':'),
+   h('div', { className: 'dvo-meter-bar' },
+    h('div', { className: 'dvo-meter-fill', style: { width: `${testLevel}%` } }),
+    gateThresholdPercent > 0 ? h('div', { className: 'dvo-meter-gate', style: { left: `${gateThresholdPercent}%` }, title: `${gateDbVal} dB` }) : null,
+   ),
+   h('span', { style: { fontSize: '11px', fontVariantNumeric: 'tabular-nums', width: '32px', textAlign: 'right' } }, `${testLevel}%`),
+   ) : null,
+   h('div', { className: 'cb-row', style: { marginTop: '6px' } },
+   h('span', { style: { fontSize: '12px', color: 'var(--dsw-alias-label-secondary)', minWidth: '120px' } }, t('noiseGate') + ':'),
+   h('select', {
+    value: String(gateDbVal), disabled: !writable,
+    onChange: (e) => setTop('noiseGateDb', Number(e.target.value)),
+    style: { flex: 1 },
+   },
+    h('option', { value: '-999' }, t('noiseGateOff')),
+    h('option', { value: '-50' }, '-50 dB (Low / Gentle)'),
+    h('option', { value: '-45' }, '-45 dB (Standard Default)'),
+    h('option', { value: '-35' }, '-35 dB (Medium Room)'),
+    h('option', { value: '-25' }, '-25 dB (High / Mechanical Clicks)'),
+    !['-999', '-50', '-45', '-35', '-25'].includes(String(gateDbVal)) ? h('option', { value: String(gateDbVal) }, `${gateDbVal} dB (${t('calibratedValue') || 'Calibrated'})`) : null,
+   ),
+   ),
+   h('span', { className: 'dvs-sub' }, t('noiseGateHint')),
+  ),
+  h('div', { className: 'cb-field' },
+   h('label', null, t('vadEngine')),
+   h('select', {
+    value: (draft && draft.vadEngine) || 'silero', disabled: !writable,
+    onChange: (e) => setTop('vadEngine', e.target.value),
+   },
+    h('option', { value: 'silero' }, t('vadSilero')),
+    h('option', { value: 'amplitude' }, t('vadAmplitude')),
+   ),
+   h('span', { className: 'dvs-sub' }, t('vadEngineHint')),
+  ),
+  h('div', { className: 'cb-field' },
+   h('label', { className: 'cb-check-label' },
+    h('input', {
+     type: 'checkbox', checked: draft && draft.streamingWs !== false, disabled: !writable,
+     onChange: (e) => setTop('streamingWs', e.target.checked),
+    }),
+    ' ' + t('streamingWs'),
+   ),
+   h('span', { className: 'dvs-sub' }, t('streamingWsHint')),
+  ),
+  // Endpoint text fields
+  h('div', { className: 'cb-grid-2' },
+   textField('whisperUrl', t('whisperEndpoint'), t('whisperEndpointHint')),
+   textField('whisperBin', t('whisperBin'), t('whisperBinHint')),
+   textField('whisperModel', t('whisperModel'), t('whisperModelHint')),
+   textField('deepgramBaseUrl', t('deepgramEndpoint'), t('deepgramEndpointHint')),
+   textField('sensevoiceUrl', t('sensevoiceEndpoint'), t('sensevoiceEndpointHint')),
+   textField('sensevoiceBin', t('sensevoiceBin'), t('sensevoiceBinHint')),
+   textField('sensevoiceModel', t('sensevoiceModel'), t('sensevoiceModelHint')),
+   textField('polishBaseUrl', t('polishBaseUrl'), t('polishBaseUrlHint')),
+   textField('polishModel', t('polishModel'), ''),
+   textField('polishKeyEnv', t('polishKeyEnv'), ''),
+  ),
+  // Engine checkboxes
+  h('div', { className: 'cb-row' },
+   h('label', { className: 'cb-check-label' },
+   h('input', {
+    type: 'checkbox', checked: !!(draft && draft.autoStart), disabled: !writable,
+    onChange: (e) => setTop('autoStart', e.target.checked),
+   }),
+   t('whisperAutostart'),
+   ),
+   h('label', { className: 'cb-check-label' },
+   h('input', {
+    type: 'checkbox', checked: !!(draft && draft.sensevoiceAutostart), disabled: !writable,
+    onChange: (e) => setTop('sensevoiceAutostart', e.target.checked),
+   }),
+   t('sensevoiceAutostart'),
+   ),
+   h('label', { className: 'cb-check-label' },
+   h('input', {
+    type: 'checkbox', checked: !!(draft && draft.localOnly), disabled: !writable,
+    onChange: (e) => setTop('localOnly', e.target.checked),
+   }),
+   t('localOnly'),
+   ),
+   h('label', { className: 'cb-check-label' },
+   h('input', {
+    type: 'checkbox', checked: !!(draft && draft.beep), disabled: !writable,
+    onChange: (e) => setTop('beep', e.target.checked),
+   }),
+   t('beep'),
+   ),
+   h('label', { className: 'cb-check-label' },
+   h('input', {
+    type: 'checkbox', checked: draft ? draft.noiseSuppression !== false : true, disabled: !writable,
+    onChange: (e) => setTop('noiseSuppression', e.target.checked),
+   }),
+   t('noiseSuppression'),
+   ),
+   h('label', { className: 'cb-check-label' },
+   h('input', {
+    type: 'checkbox', checked: draft ? draft.contextGlossary !== false : true, disabled: !writable,
+    onChange: (e) => setTop('contextGlossary', e.target.checked),
+   }),
+   t('contextGlossary'),
+   ),
+   h('label', { className: 'cb-check-label', title: t('bilingualDeveloperPromptHint') || '' },
+   h('input', {
+    type: 'checkbox', checked: draft ? draft.bilingualDeveloperPrompt !== false : true, disabled: !writable,
+    onChange: (e) => setTop('bilingualDeveloperPrompt', e.target.checked),
+   }),
+   t('bilingualDeveloperPrompt'),
+   ),
+   h('label', { className: 'cb-check-label' },
+   h('input', {
+    type: 'checkbox', checked: !!(draft && draft.voiceCommands), disabled: !writable,
+    onChange: (e) => setTop('voiceCommands', e.target.checked),
+   }),
+   t('voiceCommandsLabel'),
+   ),
+   h('label', { className: 'cb-check-label' },
+   h('input', {
+    type: 'checkbox', checked: !!(draft && draft.normalizeTranscript), disabled: !writable,
+    onChange: (e) => setTop('normalizeTranscript', e.target.checked),
+   }),
+   t('normalizeTranscript'),
+   ),
+  ),
+  // Visualizer select
+  h('div', { className: 'cb-field' },
+   h('label', null, t('visualizerStyle')),
+   h('select', {
+   value: String((draft && draft.visualizerStyle) || 'liquid-wave'), disabled: !writable,
+   onChange: (e) => setTop('visualizerStyle', e.target.value),
+   },
+   h('option', { value: 'liquid-wave' }, t('visLiquidWave')),
+   h('option', { value: 'dynamic-orb' }, t('visDynamicOrb')),
+   h('option', { value: 'bars' }, t('visBars')),
+   h('option', { value: 'off' }, t('visOff')),
+   ),
+  ),
+  // Hardware Acceleration (SBC NPU / Host)
+  h('div', { className: 'cb-field' },
+   h('label', null, t('npuProvider')),
+   h('div', { className: 'cb-row' },
+   h('select', {
+    value: String((draft && draft.sensevoiceProvider) || 'cpu'),
+    disabled: !writable,
+    onChange: (e) => setTop('sensevoiceProvider', e.target.value),
+    style: { flex: 1 },
+   },
+    h('option', { value: 'cpu' }, 'CPU (Standard)'),
+    h('option', { value: 'rknn' }, 'Rockchip RK3588 NPU (RKNN)'),
+    h('option', { value: 'coreml' }, 'Apple Silicon CoreML'),
+    h('option', { value: 'openvino' }, 'Intel OpenVINO'),
+    h('option', { value: 'cuda' }, 'NVIDIA CUDA'),
+   ),
+   h('input', {
+    type: 'number',
+    min: 1,
+    max: 32,
+    value: Number((draft && draft.sensevoiceThreads) || 4),
+    disabled: !writable,
+    title: t('npuThreads'),
+    style: { width: '80px' },
+    onChange: (e) => setTop('sensevoiceThreads', Math.max(1, Math.min(32, Number(e.target.value) || 4))),
+   }),
+   ),
+   h('span', { className: 'dvs-sub' }, t('npuProviderHint')),
+  ),
+  // Hardware Benchmark
+  h('div', { className: 'cb-field' },
+   h('div', { className: 'cb-row', style: { alignItems: 'center', justifyContent: 'space-between' } },
+   h('label', { style: { marginBottom: 0 } }, t('benchmarkTitle')),
+   h('button', {
+    type: 'button', className: 'cb-btn cb-btn-secondary', style: { fontSize: '12px', padding: '4px 10px' },
+    disabled: benchmarking || !writable, onClick: runBenchmark,
+   }, benchmarking ? ('⏳ ' + t('benchmarking')) : ('⚡ ' + t('runBenchmarkBtn'))),
+   ),
+   benchmarkResult
+   ? h('div', {
+    style: { marginTop: '8px', padding: '6px 10px', borderRadius: '6px', fontSize: '12px', backgroundColor: 'var(--dsw-alias-fill-quaternary)' }
+    }, benchmarkResult.running
+    ? `⚡ RTF: ${benchmarkResult.rtf}x · ${benchmarkResult.latencyMs}ms (${benchmarkResult.rating}) · ${String(benchmarkResult.provider || 'cpu').toUpperCase()} · Cores: ${benchmarkResult.cpuCores}`
+    : `ℹ ${benchmarkResult.message || 'Offline'} (${benchmarkResult.cpuCores} cores, ${benchmarkResult.platform})`)
+   : (benchmarkErr ? h('div', { style: { color: 'var(--dsw-alias-state-danger)', fontSize: '12px', marginTop: '4px' } }, benchmarkErr) : null),
+   h('span', { className: 'dvs-sub' }, t('benchmarkHint')),
+  ),
+  // WebGPU Status Indicator
+  h('div', { className: 'cb-field' },
+   h('label', null, t('webgpuStatus')),
+   h('div', {
+   style: {
+    padding: '6px 10px',
+    borderRadius: '6px',
+    fontSize: '12px',
+    backgroundColor: 'var(--dsw-alias-fill-quaternary)',
+    color: (typeof isWebGpuSupported === 'function' && isWebGpuSupported())
+    ? 'var(--dsw-alias-state-success)'
+    : 'var(--dsw-alias-label-secondary)'
+   }
+   }, (typeof isWebGpuSupported === 'function' && isWebGpuSupported())
+    ? ('✓ ' + t('webgpuAvailable'))
+    : ('ℹ ' + t('webgpuNotAvailable'))),
+  ),
+  // Vocabulary textarea
+  h('div', { className: 'cb-field' },
+   h('label', null, t('vocabulary')),
+   h('textarea', {
+   rows: 3, disabled: !writable,
+   value: Array.isArray(draft && draft.vocabulary) ? draft.vocabulary.join('\n') : '',
+   onChange: (e) => setTop('vocabulary', e.target.value.split('\n').map((x) => x.trim()).filter(Boolean)),
+   }),
+  ),
+   )
+  }
+  // Custom hooks for VoiceSection modularity
+  function useSensevoiceInstaller(fetchStatus) {
+   const [sensevoiceState, setSensevoiceState] = React.useState(null)
+   const [installingSensevoice, setInstallingSensevoice] = React.useState(false)
+
+   const fetchSensevoice = () => {
+    fetch('/dsh-voice/sensevoice-installer')
+     .then((r) => r.json())
+     .then((d) => {
+      setSensevoiceState(d)
+      setInstallingSensevoice(!!(d && d.installing))
+     })
+     .catch(() => {})
+   }
+
+   React.useEffect(() => {
+    fetchSensevoice()
+   }, [])
+
+   const triggerInstallSensevoice = (modelType = 'sensevoice') => {
+    setInstallingSensevoice(true)
+    fetch('/dsh-voice/sensevoice-installer', {
+     method: 'POST',
+     headers: {
       'x-dsh-plugin-update': '1',
       'Content-Type': 'application/json',
-      },
+     },
+     body: JSON.stringify({ model: modelType }),
     })
-      .then((r) => r.json())
-      .then((d) => {
-      setBenchmarking(false)
-      if (d && d.ok) setBenchmarkResult(d)
-      else setBenchmarkErr((d && d.error && d.error.message) || 'Benchmark failed')
-      })
-      .catch((e) => {
-      setBenchmarking(false)
-      setBenchmarkErr((e && e.message) || 'Network error')
-      })
-      }
+     .then((r) => r.json())
+     .then(() => {
+      const timer = setInterval(() => {
+       fetch('/dsh-voice/sensevoice-installer')
+        .then((r) => r.json())
+        .then((d) => {
+         setSensevoiceState(d)
+         if (!d.installing) {
+          clearInterval(timer)
+          setInstallingSensevoice(false)
+          if (typeof fetchStatus === 'function') fetchStatus()
+         }
+        })
+        .catch(() => clearInterval(timer))
+      }, 2000)
+     })
+     .catch(() => setInstallingSensevoice(false))
+   }
 
-      const textField = (key, label, hint) => React.createElement('div', { className: 'cb-field' },
-    React.createElement('label', null, label),
-    React.createElement('input', {
-      type: 'text', value: draft && draft[key] !== undefined ? draft[key] : '', disabled: !writable,
-      onChange: (e) => setTop(key, e.target.value),
-    }),
-    React.createElement('span', { className: 'dvs-sub' }, hint),
-      )
+   return { sensevoiceState, installingSensevoice, triggerInstallSensevoice }
+  }
 
-      return React.createElement('div', { className: 'cb-section-card' },
-    React.createElement('div', { className: 'cb-section-title' },
-      React.createElement('span', null, '⚙️ ' + t('hardwareTitle')),
-    ),
-    React.createElement('div', { className: 'cb-section-desc' }, t('hardwareDesc')),
-    // Hotkey picker
-    React.createElement('div', { className: 'cb-field' },
-      React.createElement('label', null, t('hotkey')),
-      React.createElement('div', { className: 'cb-row' },
-      React.createElement('button', {
-        type: 'button', className: 'cb-btn cb-btn-primary', disabled: !writable,
-        onClick: () => setCatching(true),
-      }, catching ? t('pressKey') : keyLabel(draft && draft.hotkey)),
-      React.createElement('button', {
-        type: 'button', className: 'cb-btn cb-btn-mini', title: t('clearKey'),
-        disabled: !writable, onClick: onClearKey,
-      }, '×'),
-      ),
-      React.createElement('span', { className: 'dvs-sub' }, t('hotkeyHint1') + t('hotkeyHint2')),
-    ),
-    // Mic & noise gate
-    React.createElement('div', { className: 'cb-field' },
-      React.createElement('label', null, t('mic')),
-      React.createElement('div', { className: 'cb-row' },
-      React.createElement('select', {
-        value: String((draft && draft.micDeviceId) ?? ''), disabled: !writable || testingMic,
-        onChange: (e) => setTop('micDeviceId', e.target.value),
-        style: { flex: 1 },
-      },
-        React.createElement('option', { value: '' }, t('micDefault')),
-        devices.map((d) => React.createElement('option', { key: d.deviceId, value: d.deviceId },
-        d.label || d.deviceId.slice(0, 12))),
-      ),
-      React.createElement('button', {
-        type: 'button',
-        className: 'cb-btn ' + (testingMic ? 'cb-btn-primary' : 'cb-btn-secondary'),
-        onClick: toggleTestMic,
-        style: { flex: 'none' },
-      }, testingMic ? t('stopTest') : t('testMic')),
-      React.createElement('button', {
-        type: 'button',
-        className: 'cb-btn cb-btn-secondary',
-        onClick: () => (typeof calibrateNoise === 'function' ? calibrateNoise(setTop, t) : null),
-        disabled: calibrating || !writable,
-        style: { flex: 'none' },
-        title: t('calibrateNoiseHint') || '',
-      }, calibrating ? t('calibrating') : t('calibrateNoise')),
-      ),
-      calibrateMsg ? React.createElement('div', {
-        style: { fontSize: '11px', color: 'var(--dsw-alias-state-success-primary)', marginTop: '4px' },
-      }, calibrateMsg) : null,
-      testingMic ? React.createElement('div', { className: 'dvo-mic-test' },
-      React.createElement('span', { style: { fontSize: '11px', color: 'var(--dsw-alias-label-secondary)' } }, t('micLevel') + ':'),
-      React.createElement('div', { className: 'dvo-meter-bar' },
-        React.createElement('div', { className: 'dvo-meter-fill', style: { width: `${testLevel}%` } }),
-        gateThresholdPercent > 0 ? React.createElement('div', { className: 'dvo-meter-gate', style: { left: `${gateThresholdPercent}%` }, title: `${gateDbVal} dB` }) : null,
-      ),
-      React.createElement('span', { style: { fontSize: '11px', fontVariantNumeric: 'tabular-nums', width: '32px', textAlign: 'right' } }, `${testLevel}%`),
-      ) : null,
-      React.createElement('div', { className: 'cb-row', style: { marginTop: '6px' } },
-      React.createElement('span', { style: { fontSize: '12px', color: 'var(--dsw-alias-label-secondary)', minWidth: '120px' } }, t('noiseGate') + ':'),
-      React.createElement('select', {
-        value: String(gateDbVal), disabled: !writable,
-        onChange: (e) => setTop('noiseGateDb', Number(e.target.value)),
-        style: { flex: 1 },
-      },
-        React.createElement('option', { value: '-999' }, t('noiseGateOff')),
-        React.createElement('option', { value: '-50' }, '-50 dB (Low / Gentle)'),
-        React.createElement('option', { value: '-45' }, '-45 dB (Standard Default)'),
-        React.createElement('option', { value: '-35' }, '-35 dB (Medium Room)'),
-        React.createElement('option', { value: '-25' }, '-25 dB (High / Mechanical Clicks)'),
-        !['-999', '-50', '-45', '-35', '-25'].includes(String(gateDbVal)) ? React.createElement('option', { value: String(gateDbVal) }, `${gateDbVal} dB (${t('calibratedValue') || 'Calibrated'})`) : null,
-      ),
-      ),
-      React.createElement('span', { className: 'dvs-sub' }, t('noiseGateHint')),
-    ),
-    // Endpoint text fields
-    React.createElement('div', { className: 'cb-grid-2' },
-      textField('whisperUrl', t('whisperEndpoint'), t('whisperEndpointHint')),
-      textField('whisperBin', t('whisperBin'), t('whisperBinHint')),
-      textField('whisperModel', t('whisperModel'), t('whisperModelHint')),
-      textField('deepgramBaseUrl', t('deepgramEndpoint'), t('deepgramEndpointHint')),
-      textField('sensevoiceUrl', t('sensevoiceEndpoint'), t('sensevoiceEndpointHint')),
-      textField('sensevoiceBin', t('sensevoiceBin'), t('sensevoiceBinHint')),
-      textField('sensevoiceModel', t('sensevoiceModel'), t('sensevoiceModelHint')),
-      textField('polishBaseUrl', t('polishBaseUrl'), t('polishBaseUrlHint')),
-      textField('polishModel', t('polishModel'), ''),
-      textField('polishKeyEnv', t('polishKeyEnv'), ''),
-    ),
-    // Engine checkboxes
-    React.createElement('div', { className: 'cb-row' },
-      React.createElement('label', { className: 'cb-check-label' },
-      React.createElement('input', {
-        type: 'checkbox', checked: !!(draft && draft.autoStart), disabled: !writable,
-        onChange: (e) => setTop('autoStart', e.target.checked),
-      }),
-      t('whisperAutostart'),
-      ),
-      React.createElement('label', { className: 'cb-check-label' },
-      React.createElement('input', {
-        type: 'checkbox', checked: !!(draft && draft.sensevoiceAutostart), disabled: !writable,
-        onChange: (e) => setTop('sensevoiceAutostart', e.target.checked),
-      }),
-      t('sensevoiceAutostart'),
-      ),
-      React.createElement('label', { className: 'cb-check-label' },
-      React.createElement('input', {
-        type: 'checkbox', checked: !!(draft && draft.localOnly), disabled: !writable,
-        onChange: (e) => setTop('localOnly', e.target.checked),
-      }),
-      t('localOnly'),
-      ),
-      React.createElement('label', { className: 'cb-check-label' },
-      React.createElement('input', {
-        type: 'checkbox', checked: !!(draft && draft.beep), disabled: !writable,
-        onChange: (e) => setTop('beep', e.target.checked),
-      }),
-      t('beep'),
-      ),
-      React.createElement('label', { className: 'cb-check-label' },
-      React.createElement('input', {
-        type: 'checkbox', checked: draft ? draft.noiseSuppression !== false : true, disabled: !writable,
-        onChange: (e) => setTop('noiseSuppression', e.target.checked),
-      }),
-      t('noiseSuppression'),
-      ),
-      React.createElement('label', { className: 'cb-check-label' },
-      React.createElement('input', {
-        type: 'checkbox', checked: draft ? draft.contextGlossary !== false : true, disabled: !writable,
-        onChange: (e) => setTop('contextGlossary', e.target.checked),
-      }),
-      t('contextGlossary'),
-      ),
-      React.createElement('label', { className: 'cb-check-label', title: t('bilingualDeveloperPromptHint') || '' },
-      React.createElement('input', {
-        type: 'checkbox', checked: draft ? draft.bilingualDeveloperPrompt !== false : true, disabled: !writable,
-        onChange: (e) => setTop('bilingualDeveloperPrompt', e.target.checked),
-      }),
-      t('bilingualDeveloperPrompt'),
-      ),
-      React.createElement('label', { className: 'cb-check-label' },
-      React.createElement('input', {
-        type: 'checkbox', checked: !!(draft && draft.voiceCommands), disabled: !writable,
-        onChange: (e) => setTop('voiceCommands', e.target.checked),
-      }),
-      t('voiceCommandsLabel'),
-      ),
-      React.createElement('label', { className: 'cb-check-label' },
-      React.createElement('input', {
-        type: 'checkbox', checked: !!(draft && draft.normalizeTranscript), disabled: !writable,
-        onChange: (e) => setTop('normalizeTranscript', e.target.checked),
-      }),
-      t('normalizeTranscript'),
-      ),
-    ),
-    // Visualizer select
-    React.createElement('div', { className: 'cb-field' },
-      React.createElement('label', null, t('visualizerStyle')),
-      React.createElement('select', {
-      value: String((draft && draft.visualizerStyle) || 'liquid-wave'), disabled: !writable,
-      onChange: (e) => setTop('visualizerStyle', e.target.value),
-      },
-      React.createElement('option', { value: 'liquid-wave' }, t('visLiquidWave')),
-      React.createElement('option', { value: 'dynamic-orb' }, t('visDynamicOrb')),
-      React.createElement('option', { value: 'bars' }, t('visBars')),
-      React.createElement('option', { value: 'off' }, t('visOff')),
-      ),
-    ),
-    // Hardware Acceleration (SBC NPU / Host)
-    React.createElement('div', { className: 'cb-field' },
-      React.createElement('label', null, t('npuProvider')),
-      React.createElement('div', { className: 'cb-row' },
-      React.createElement('select', {
-        value: String((draft && draft.sensevoiceProvider) || 'cpu'),
-        disabled: !writable,
-        onChange: (e) => setTop('sensevoiceProvider', e.target.value),
-        style: { flex: 1 },
-      },
-        React.createElement('option', { value: 'cpu' }, 'CPU (Standard)'),
-        React.createElement('option', { value: 'rknn' }, 'Rockchip RK3588 NPU (RKNN)'),
-        React.createElement('option', { value: 'coreml' }, 'Apple Silicon CoreML'),
-        React.createElement('option', { value: 'openvino' }, 'Intel OpenVINO'),
-        React.createElement('option', { value: 'cuda' }, 'NVIDIA CUDA'),
-      ),
-      React.createElement('input', {
-        type: 'number',
-        min: 1,
-        max: 32,
-        value: Number((draft && draft.sensevoiceThreads) || 4),
-        disabled: !writable,
-        title: t('npuThreads'),
-        style: { width: '80px' },
-        onChange: (e) => setTop('sensevoiceThreads', Math.max(1, Math.min(32, Number(e.target.value) || 4))),
-      }),
-      ),
-      React.createElement('span', { className: 'dvs-sub' }, t('npuProviderHint')),
-    ),
-    // Hardware Benchmark
-    React.createElement('div', { className: 'cb-field' },
-      React.createElement('div', { className: 'cb-row', style: { alignItems: 'center', justifyContent: 'space-between' } },
-      React.createElement('label', { style: { marginBottom: 0 } }, t('benchmarkTitle')),
-      React.createElement('button', {
-        type: 'button', className: 'cb-btn cb-btn-secondary', style: { fontSize: '12px', padding: '4px 10px' },
-        disabled: benchmarking || !writable, onClick: runBenchmark,
-      }, benchmarking ? ('⏳ ' + t('benchmarking')) : ('⚡ ' + t('runBenchmarkBtn'))),
-      ),
-      benchmarkResult
-      ? React.createElement('div', {
-        style: { marginTop: '8px', padding: '6px 10px', borderRadius: '6px', fontSize: '12px', backgroundColor: 'var(--dsw-alias-fill-quaternary)' }
-        }, benchmarkResult.running
-        ? `⚡ RTF: ${benchmarkResult.rtf}x · ${benchmarkResult.latencyMs}ms (${benchmarkResult.rating}) · ${String(benchmarkResult.provider || 'cpu').toUpperCase()} · Cores: ${benchmarkResult.cpuCores}`
-        : `ℹ ${benchmarkResult.message || 'Offline'} (${benchmarkResult.cpuCores} cores, ${benchmarkResult.platform})`)
-      : (benchmarkErr ? React.createElement('div', { style: { color: 'var(--dsw-alias-state-danger)', fontSize: '12px', marginTop: '4px' } }, benchmarkErr) : null),
-      React.createElement('span', { className: 'dvs-sub' }, t('benchmarkHint')),
-    ),
-    // WebGPU Status Indicator
-    React.createElement('div', { className: 'cb-field' },
-      React.createElement('label', null, t('webgpuStatus')),
-      React.createElement('div', {
-      style: {
-        padding: '6px 10px',
-        borderRadius: '6px',
-        fontSize: '12px',
-        backgroundColor: 'var(--dsw-alias-fill-quaternary)',
-        color: (typeof isWebGpuSupported === 'function' && isWebGpuSupported())
-        ? 'var(--dsw-alias-state-success)'
-        : 'var(--dsw-alias-label-secondary)'
-      }
-      }, (typeof isWebGpuSupported === 'function' && isWebGpuSupported())
-        ? ('✓ ' + t('webgpuAvailable'))
-        : ('ℹ ' + t('webgpuNotAvailable'))),
-    ),
-    // Vocabulary textarea
-    React.createElement('div', { className: 'cb-field' },
-      React.createElement('label', null, t('vocabulary')),
-      React.createElement('textarea', {
-      rows: 3, disabled: !writable,
-      value: Array.isArray(draft && draft.vocabulary) ? draft.vocabulary.join('\n') : '',
-      onChange: (e) => setTop('vocabulary', e.target.value.split('\n').map((x) => x.trim()).filter(Boolean)),
-      }),
-    ),
-      )
+  function useMicTester(draft, value, setErr) {
+   const [testingMic, setTestingMic] = React.useState(false)
+   const [testLevel, setTestLevel] = React.useState(0)
+   const [calibrating, setCalibrating] = React.useState(false)
+   const [calibrateMsg, setCalibrateMsg] = React.useState('')
+   const testRef = React.useRef(null)
+
+   const calibrateNoise = async (setTop, translate) => {
+    if (calibrating) return
+    setCalibrating(true)
+    setCalibrateMsg('')
+    let stream = null
+    let audioCtx = null
+    try {
+     const devId = (draft && draft.micDeviceId) || (value && value.micDeviceId) || ''
+     const audio = { echoCancellation: true, noiseSuppression: true, autoGainControl: true }
+     if (devId) audio.deviceId = { exact: devId }
+     stream = await navigator.mediaDevices.getUserMedia({ audio })
+     const AC = typeof AudioContext !== 'undefined' ? AudioContext : (typeof webkitAudioContext !== 'undefined' ? webkitAudioContext : null)
+     if (!AC) throw new Error('AudioContext not supported')
+     audioCtx = new AC()
+     if (audioCtx.state === 'suspended') await audioCtx.resume().catch(() => {})
+     const src = audioCtx.createMediaStreamSource(stream)
+     const analyser = audioCtx.createAnalyser()
+     analyser.fftSize = 512
+     src.connect(analyser)
+
+     const samples = []
+     const buf = new Float32Array(analyser.fftSize)
+     const startTime = Date.now()
+
+     await new Promise((resolve) => {
+      const interval = setInterval(() => {
+       if (Date.now() - startTime >= 2000) {
+        clearInterval(interval)
+        resolve()
+        return
+       }
+       analyser.getFloatTimeDomainData(buf)
+       let sum = 0
+       for (let i = 0; i < buf.length; i++) sum += buf[i] * buf[i]
+       const rms = Math.sqrt(sum / buf.length)
+       if (rms > 0.00001) {
+        samples.push(20 * Math.log10(rms))
+       }
+      }, 50)
+     })
+
+     const avgDb = samples.length > 0 ? (samples.reduce((a, b) => a + b, 0) / samples.length) : -50
+     const roundedAvg = Math.round(avgDb)
+     const recommended = Math.min(-25, Math.max(-55, roundedAvg + 5))
+     if (typeof setTop === 'function') setTop('noiseGateDb', recommended)
+
+     const tFn = typeof translate === 'function' ? translate : (k) => k
+     const msg = (tFn('calibratedMsg') || 'Gate set: {db} dB (ambient: {noise} dB)')
+      .replace('{db}', String(recommended))
+      .replace('{noise}', String(roundedAvg))
+     setCalibrateMsg(msg)
+     setTimeout(() => setCalibrateMsg(''), 5000)
+    } catch (e) {
+     if (typeof setErr === 'function') setErr(String(e && e.message ? e.message : e))
+    } finally {
+     if (stream) {
+      try { stream.getTracks().forEach((t) => t.stop()) } catch (e) {}
+     }
+     if (audioCtx) {
+      try { audioCtx.close() } catch (e) {}
+     }
+     setCalibrating(false)
     }
-    // Custom hooks for VoiceSection modularity
-    function useSensevoiceInstaller(fetchStatus) {
-      const [sensevoiceState, setSensevoiceState] = React.useState(null)
-      const [installingSensevoice, setInstallingSensevoice] = React.useState(false)
-
-      const fetchSensevoice = () => {
-        fetch('/dsh-voice/sensevoice-installer')
-          .then((r) => r.json())
-          .then((d) => {
-            setSensevoiceState(d)
-            setInstallingSensevoice(!!(d && d.installing))
-          })
-          .catch(() => {})
-      }
-
-      React.useEffect(() => {
-        fetchSensevoice()
-      }, [])
-
-      const triggerInstallSensevoice = (modelType = 'sensevoice') => {
-        setInstallingSensevoice(true)
-        fetch('/dsh-voice/sensevoice-installer', {
-          method: 'POST',
-          headers: {
-            'x-dsh-plugin-update': '1',
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({ model: modelType }),
-        })
-          .then((r) => r.json())
-          .then(() => {
-            const timer = setInterval(() => {
-              fetch('/dsh-voice/sensevoice-installer')
-                .then((r) => r.json())
-                .then((d) => {
-                  setSensevoiceState(d)
-                  if (!d.installing) {
-                    clearInterval(timer)
-                    setInstallingSensevoice(false)
-                    if (typeof fetchStatus === 'function') fetchStatus()
-                  }
-                })
-                .catch(() => clearInterval(timer))
-            }, 2000)
-          })
-          .catch(() => setInstallingSensevoice(false))
-      }
-
-      return { sensevoiceState, installingSensevoice, triggerInstallSensevoice }
+   }
+
+   const toggleTestMic = async () => {
+    if (testingMic) {
+     if (testRef.current) {
+      testRef.current.active = false
+      try { testRef.current.stream.getTracks().forEach((t) => t.stop()) } catch (e) { /* already stopped */ }
+      if (testRef.current.audioCtx) { try { testRef.current.audioCtx.close() } catch (e) { /* already closed */ } }
+      testRef.current = null
+     }
+     setTestingMic(false)
+     setTestLevel(0)
+     return
+    }
+    try {
+     const devId = (draft && draft.micDeviceId) || (value && value.micDeviceId) || ''
+     const audio = { echoCancellation: true, noiseSuppression: true, autoGainControl: true }
+     if (devId) audio.deviceId = { exact: devId }
+     const stream = await navigator.mediaDevices.getUserMedia({ audio })
+     const AC = typeof AudioContext !== 'undefined' ? AudioContext : (typeof webkitAudioContext !== 'undefined' ? webkitAudioContext : null)
+     if (!AC) return
+     const audioCtx = new AC()
+     if (audioCtx.state === 'suspended') await audioCtx.resume().catch(() => {})
+     const src = audioCtx.createMediaStreamSource(stream)
+     let lastNode = src
+     try {
+      const filter = audioCtx.createBiquadFilter()
+      filter.type = 'highpass'
+      filter.frequency.value = 80
+      filter.Q.value = 0.707
+      src.connect(filter)
+      lastNode = filter
+     } catch (e) { /* filter fallback */ }
+     const analyser = audioCtx.createAnalyser()
+     analyser.fftSize = 128
+     lastNode.connect(analyser)
+     testRef.current = { stream, audioCtx, analyser, active: true }
+     setTestingMic(true)
+
+     const check = () => {
+      if (!testRef.current || !testRef.current.active) return
+      const arr = new Uint8Array(analyser.frequencyBinCount)
+      analyser.getByteFrequencyData(arr)
+      let sum = 0
+      for (let i = 0; i < arr.length; i++) sum += arr[i]
+      const avg = sum / (arr.length || 1)
+      setTestLevel(Math.min(100, Math.round((avg / 128) * 100)))
+      requestAnimationFrame(check)
+     }
+     requestAnimationFrame(check)
+    } catch (e) {
+     if (typeof setErr === 'function') setErr(String(e && e.message ? e.message : e))
     }
+   }
 
-    function useMicTester(draft, value, setErr) {
-      const [testingMic, setTestingMic] = React.useState(false)
-      const [testLevel, setTestLevel] = React.useState(0)
-      const [calibrating, setCalibrating] = React.useState(false)
-      const [calibrateMsg, setCalibrateMsg] = React.useState('')
-      const testRef = React.useRef(null)
-
-      const calibrateNoise = async (setTop, translate) => {
-        if (calibrating) return
-        setCalibrating(true)
-        setCalibrateMsg('')
-        let stream = null
-        let audioCtx = null
-        try {
-          const devId = (draft && draft.micDeviceId) || (value && value.micDeviceId) || ''
-          const audio = { echoCancellation: true, noiseSuppression: true, autoGainControl: true }
-          if (devId) audio.deviceId = { exact: devId }
-          stream = await navigator.mediaDevices.getUserMedia({ audio })
-          const AC = typeof AudioContext !== 'undefined' ? AudioContext : (typeof webkitAudioContext !== 'undefined' ? webkitAudioContext : null)
-          if (!AC) throw new Error('AudioContext not supported')
-          audioCtx = new AC()
-          if (audioCtx.state === 'suspended') await audioCtx.resume().catch(() => {})
-          const src = audioCtx.createMediaStreamSource(stream)
-          const analyser = audioCtx.createAnalyser()
-          analyser.fftSize = 512
-          src.connect(analyser)
-
-          const samples = []
-          const buf = new Float32Array(analyser.fftSize)
-          const startTime = Date.now()
-
-          await new Promise((resolve) => {
-            const interval = setInterval(() => {
-              if (Date.now() - startTime >= 2000) {
-                clearInterval(interval)
-                resolve()
-                return
-              }
-              analyser.getFloatTimeDomainData(buf)
-              let sum = 0
-              for (let i = 0; i < buf.length; i++) sum += buf[i] * buf[i]
-              const rms = Math.sqrt(sum / buf.length)
-              if (rms > 0.00001) {
-                samples.push(20 * Math.log10(rms))
-              }
-            }, 50)
-          })
+   React.useEffect(() => {
+    return () => {
+     if (testRef.current) {
+      testRef.current.active = false
+      try { testRef.current.stream.getTracks().forEach((t) => t.stop()) } catch (e) { /* already stopped */ }
+      if (testRef.current.audioCtx) { try { testRef.current.audioCtx.close() } catch (e) { /* already closed */ } }
+      testRef.current = null
+     }
+    }
+   }, [])
 
-          const avgDb = samples.length > 0 ? (samples.reduce((a, b) => a + b, 0) / samples.length) : -50
-          const roundedAvg = Math.round(avgDb)
-          const recommended = Math.min(-25, Math.max(-55, roundedAvg + 5))
-          if (typeof setTop === 'function') setTop('noiseGateDb', recommended)
-
-          const tFn = typeof translate === 'function' ? translate : (k) => k
-          const msg = (tFn('calibratedMsg') || 'Gate set: {db} dB (ambient: {noise} dB)')
-            .replace('{db}', String(recommended))
-            .replace('{noise}', String(roundedAvg))
-          setCalibrateMsg(msg)
-          setTimeout(() => setCalibrateMsg(''), 5000)
-        } catch (e) {
-          if (typeof setErr === 'function') setErr(String(e && e.message ? e.message : e))
-        } finally {
-          if (stream) {
-            try { stream.getTracks().forEach((t) => t.stop()) } catch (e) {}
-          }
-          if (audioCtx) {
-            try { audioCtx.close() } catch (e) {}
-          }
-          setCalibrating(false)
-        }
-      }
+   const gateDbVal = Number((draft && draft.noiseGateDb !== undefined) ? draft.noiseGateDb : (value && value.noiseGateDb !== undefined) ? value.noiseGateDb : -45)
+   const gateThresholdPercent = gateDbVal <= -90 ? 0 : Math.min(100, Math.max(0, Math.round(((gateDbVal + 60) / 40) * 100)))
 
-      const toggleTestMic = async () => {
-        if (testingMic) {
-          if (testRef.current) {
-            testRef.current.active = false
-            try { testRef.current.stream.getTracks().forEach((t) => t.stop()) } catch (e) { /* already stopped */ }
-            if (testRef.current.audioCtx) { try { testRef.current.audioCtx.close() } catch (e) { /* already closed */ } }
-            testRef.current = null
-          }
-          setTestingMic(false)
-          setTestLevel(0)
-          return
-        }
-        try {
-          const devId = (draft && draft.micDeviceId) || (value && value.micDeviceId) || ''
-          const audio = { echoCancellation: true, noiseSuppression: true, autoGainControl: true }
-          if (devId) audio.deviceId = { exact: devId }
-          const stream = await navigator.mediaDevices.getUserMedia({ audio })
-          const AC = typeof AudioContext !== 'undefined' ? AudioContext : (typeof webkitAudioContext !== 'undefined' ? webkitAudioContext : null)
-          if (!AC) return
-          const audioCtx = new AC()
-          if (audioCtx.state === 'suspended') await audioCtx.resume().catch(() => {})
-          const src = audioCtx.createMediaStreamSource(stream)
-          let lastNode = src
-          try {
-            const filter = audioCtx.createBiquadFilter()
-            filter.type = 'highpass'
-            filter.frequency.value = 80
-            filter.Q.value = 0.707
-            src.connect(filter)
-            lastNode = filter
-          } catch (e) { /* filter fallback */ }
-          const analyser = audioCtx.createAnalyser()
-          analyser.fftSize = 128
-          lastNode.connect(analyser)
-          testRef.current = { stream, audioCtx, analyser, active: true }
-          setTestingMic(true)
-
-          const check = () => {
-            if (!testRef.current || !testRef.current.active) return
-            const arr = new Uint8Array(analyser.frequencyBinCount)
-            analyser.getByteFrequencyData(arr)
-            let sum = 0
-            for (let i = 0; i < arr.length; i++) sum += arr[i]
-            const avg = sum / (arr.length || 1)
-            setTestLevel(Math.min(100, Math.round((avg / 128) * 100)))
-            requestAnimationFrame(check)
-          }
-          requestAnimationFrame(check)
-        } catch (e) {
-          if (typeof setErr === 'function') setErr(String(e && e.message ? e.message : e))
-        }
-      }
+   return { testingMic, testLevel, toggleTestMic, gateDbVal, gateThresholdPercent, calibrating, calibrateMsg, calibrateNoise }
+  }
 
-      React.useEffect(() => {
-        return () => {
-          if (testRef.current) {
-            testRef.current.active = false
-            try { testRef.current.stream.getTracks().forEach((t) => t.stop()) } catch (e) { /* already stopped */ }
-            if (testRef.current.audioCtx) { try { testRef.current.audioCtx.close() } catch (e) { /* already closed */ } }
-            testRef.current = null
-          }
-        }
-      }, [])
+  function usePluginUpdater() {
+   const [updaterStatus, setUpdaterStatus] = React.useState(null)
+   const [updating, setUpdating] = React.useState(false)
+   const [updaterMsg, setUpdaterMsg] = React.useState('')
+   const [updaterMsgKind, setUpdaterMsgKind] = React.useState('')
+   const [updaterLoading, setUpdaterLoading] = React.useState(false)
+
+   const checkUpdater = React.useCallback(async () => {
+    setUpdaterLoading(true)
+    setUpdaterMsg('')
+    setUpdaterMsgKind('')
+    try {
+     const res = await fetch('/api/dsh-voice/update', {
+      headers: { accept: 'application/json' },
+      cache: 'no-store',
+     })
+     if (!res.ok) throw new Error(`HTTP ${res.status}`)
+     const data = await res.json()
+     setUpdaterStatus(data)
+     if (data && data.latestCheckFailed) {
+      setUpdaterMsg(t('updateCheckFailed'))
+      setUpdaterMsgKind('err')
+     }
+    } catch (e) {
+     setUpdaterStatus(null)
+     setUpdaterMsg(t('updateCheckFailed') + ': ' + (e?.message || String(e)))
+     setUpdaterMsgKind('err')
+    } finally {
+     setUpdaterLoading(false)
+    }
+   }, [])
 
-      const gateDbVal = Number((draft && draft.noiseGateDb !== undefined) ? draft.noiseGateDb : (value && value.noiseGateDb !== undefined) ? value.noiseGateDb : -45)
-      const gateThresholdPercent = gateDbVal <= -90 ? 0 : Math.min(100, Math.max(0, Math.round(((gateDbVal + 60) / 40) * 100)))
-
-      return { testingMic, testLevel, toggleTestMic, gateDbVal, gateThresholdPercent, calibrating, calibrateMsg, calibrateNoise }
-    }
-
-    function usePluginUpdater() {
-      const [updaterStatus, setUpdaterStatus] = React.useState(null)
-      const [updating, setUpdating] = React.useState(false)
-      const [updaterMsg, setUpdaterMsg] = React.useState('')
-      const [updaterMsgKind, setUpdaterMsgKind] = React.useState('')
-      const [updaterLoading, setUpdaterLoading] = React.useState(false)
-
-      const checkUpdater = React.useCallback(async () => {
-        setUpdaterLoading(true)
-        setUpdaterMsg('')
-        setUpdaterMsgKind('')
-        try {
-          const res = await fetch('/api/dsh-voice/update', {
-            headers: { accept: 'application/json' },
-            cache: 'no-store',
-          })
-          if (!res.ok) throw new Error(`HTTP ${res.status}`)
-          const data = await res.json()
-          setUpdaterStatus(data)
-          if (data && data.latestCheckFailed) {
-            setUpdaterMsg(t('updateCheckFailed'))
-            setUpdaterMsgKind('err')
-          }
-        } catch (e) {
-          setUpdaterStatus(null)
-          setUpdaterMsg(t('updateCheckFailed') + ': ' + (e?.message || String(e)))
-          setUpdaterMsgKind('err')
-        } finally {
-          setUpdaterLoading(false)
-        }
-      }, [])
-
-      const onUpdateNow = async () => {
-        if (updating) return
-        setUpdating(true)
-        setUpdaterMsg('')
-        setUpdaterMsgKind('')
-        try {
-          const res = await fetch('/api/dsh-voice/update', {
-            method: 'POST',
-            headers: {
-              'content-type': 'application/json',
-              'x-dsh-plugin-update': '1',
-            },
-            cache: 'no-store',
-          })
-          const data = await res.json().catch(() => ({}))
-          if (!res.ok || data.ok === false) {
-            if (data.code) {
-              const base = t('profileLockCheckError')
-              throw new Error(base ? `${base} (${data.code})` : (data.error || `HTTP ${res.status}`))
-            }
-            if (data.locked) {
-              const key = data.pid ? 'profileLockedPid' : 'profileLockedExisting'
-              const translated = t(key)
-              if (translated && translated !== key) {
-                throw new Error(data.pid ? translated.replace('{pid}', String(data.pid)) : translated)
-              }
-            }
-            throw new Error(data.error || `HTTP ${res.status}`)
-          }
-          setUpdaterMsg(data.message || t('updateSuccess'))
-          setUpdaterMsgKind('ok')
-          checkUpdater()
-        } catch (err) {
-          setUpdaterMsg(err && err.message ? err.message : String(err))
-          setUpdaterMsgKind('err')
-        } finally {
-          setUpdating(false)
-        }
+   const onUpdateNow = async () => {
+    if (updating) return
+    setUpdating(true)
+    setUpdaterMsg('')
+    setUpdaterMsgKind('')
+    try {
+     const res = await fetch('/api/dsh-voice/update', {
+      method: 'POST',
+      headers: {
+       'content-type': 'application/json',
+       'x-dsh-plugin-update': '1',
+      },
+      cache: 'no-store',
+     })
+     const data = await res.json().catch(() => ({}))
+     if (!res.ok || data.ok === false) {
+      if (data.code) {
+       const base = t('profileLockCheckError')
+       throw new Error(base ? `${base} (${data.code})` : (data.error || `HTTP ${res.status}`))
       }
-
-      return { updaterStatus, updating, updaterMsg, updaterMsgKind, updaterLoading, checkUpdater, onUpdateNow }
+      if (data.locked) {
+       const key = data.pid ? 'profileLockedPid' : 'profileLockedExisting'
+       const translated = t(key)
+       if (translated && translated !== key) {
+        throw new Error(data.pid ? translated.replace('{pid}', String(data.pid)) : translated)
+       }
+      }
+      throw new Error(data.error || `HTTP ${res.status}`)
+     }
+     setUpdaterMsg(data.message || t('updateSuccess'))
+     setUpdaterMsgKind('ok')
+     checkUpdater()
+    } catch (err) {
+     setUpdaterMsg(err && err.message ? err.message : String(err))
+     setUpdaterMsgKind('err')
+    } finally {
+     setUpdating(false)
     }
+   }
+
+   return { updaterStatus, updating, updaterMsg, updaterMsgKind, updaterLoading, checkUpdater, onUpdateNow }
+  }
     // Developer Lexicon & IT Jargon
     function JargonEditor(props) {
       const t = props.t || moduleT
@@ -3890,12 +4182,12 @@ function DictationModesSection(props) {
       const jargonInput = props.jargonInput
       const setJargonInput = props.setJargonInput
 
-      return React.createElement('div', { className: 'cb-section-card' },
-        React.createElement('div', { className: 'cb-section-title' },
-          React.createElement('span', null, '📖 ' + t('jargonTitle')),
+      return h('div', { className: 'cb-section-card' },
+        h('div', { className: 'cb-section-title' },
+          h('span', null, '📖 ' + t('jargonTitle')),
         ),
-        React.createElement('label', { className: 'cb-check-label', style: { marginBottom: '8px' } },
-          React.createElement('input', {
+        h('label', { className: 'cb-check-label', style: { marginBottom: '8px' } },
+          h('input', {
             type: 'checkbox',
             checked: draft ? draft.techJargonCorrection !== false : true,
             disabled: !writable,
@@ -3903,9 +4195,9 @@ function DictationModesSection(props) {
           }),
           t('techJargonCorrection'),
         ),
-        React.createElement('div', { className: 'cb-field' },
-          React.createElement('label', null, t('jargonAdd') + t('jargonFormatHint')),
-          React.createElement('textarea', {
+        h('div', { className: 'cb-field' },
+          h('label', null, t('jargonAdd') + t('jargonFormatHint')),
+          h('textarea', {
             rows: 3,
             disabled: !writable,
             placeholder: t('jargonPlaceholder'),
@@ -3957,10 +4249,10 @@ function MacrosSection(props) {
     setTop('voiceMacros', next)
   }
 
-  return React.createElement('div', { className: 'cb-section-card' },
-    React.createElement('div', { className: 'cb-section-title' },
-      React.createElement('span', null, '⚡ ' + t('voiceMacrosTitle')),
-      React.createElement('button', {
+  return h('div', { className: 'cb-section-card' },
+    h('div', { className: 'cb-section-title' },
+      h('span', null, '⚡ ' + t('voiceMacrosTitle')),
+      h('button', {
         type: 'button',
         className: 'cb-btn cb-btn-secondary',
         style: { fontSize: '11px', padding: '2px 8px' },
@@ -3968,16 +4260,16 @@ function MacrosSection(props) {
         onClick: addMacro,
       }, '+ ' + t('addMacro')),
     ),
-    React.createElement('div', { className: 'cb-field-desc' }, t('voiceMacrosDesc')),
+    h('div', { className: 'cb-field-desc' }, t('voiceMacrosDesc')),
     macros.length === 0
-      ? React.createElement('div', { style: { fontStyle: 'italic', color: 'var(--dsw-alias-label-tertiary)', fontSize: '12px', marginTop: '6px' } },
+      ? h('div', { style: { fontStyle: 'italic', color: 'var(--dsw-alias-label-tertiary)', fontSize: '12px', marginTop: '6px' } },
           'No macros configured.',
         )
-      : React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', marginTop: '6px' } },
+      : h('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px', marginTop: '6px' } },
           macros.map((m, idx) =>
-            React.createElement('div', { key: idx, className: 'dvo-macro-item' },
-              React.createElement('div', { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
-                React.createElement('input', {
+            h('div', { key: idx, className: 'dvo-macro-item' },
+              h('div', { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
+                h('input', {
                   type: 'text',
                   className: 'cb-input',
                   style: { flex: '1', height: '28px', fontSize: '12px' },
@@ -3986,7 +4278,7 @@ function MacrosSection(props) {
                   disabled: !writable,
                   onChange: (e) => updateMacro(idx, 'trigger', e.target.value),
                 }),
-                React.createElement('button', {
+                h('button', {
                   type: 'button',
                   className: 'cb-btn cb-btn-secondary',
                   style: { padding: '2px 6px', fontSize: '11px', color: 'var(--dsw-alias-state-error-primary)' },
@@ -3994,7 +4286,7 @@ function MacrosSection(props) {
                   onClick: () => removeMacro(idx),
                 }, t('macroDelete')),
               ),
-              React.createElement('textarea', {
+              h('textarea', {
                 className: 'cb-input',
                 style: { minHeight: '38px', resize: 'vertical', fontSize: '12px' },
                 placeholder: t('macroTemplate') + ' (use {text} for argument)',
@@ -4022,24 +4314,24 @@ function MacrosSection(props) {
         ? (t('sensevoiceReady') + (currentType === 'whisper-turbo' ? ' (whisper-turbo)' : ' (small-int8)'))
         : (installingSensevoice ? t('sensevoiceDownloading') : t('sensevoiceNotInstalled'))
 
-      return React.createElement('div', { className: 'cb-section-card' },
-        React.createElement('div', { className: 'cb-section-title' },
-          React.createElement('span', null, '⚡ ' + t('sensevoiceTitle')),
-          React.createElement('span', { className: 'cb-badge ' + (isInstalled ? 'cb-badge-ok' : 'cb-badge-warn') }, badgeText),
+      return h('div', { className: 'cb-section-card' },
+        h('div', { className: 'cb-section-title' },
+          h('span', null, '⚡ ' + t('sensevoiceTitle')),
+          h('span', { className: 'cb-badge ' + (isInstalled ? 'cb-badge-ok' : 'cb-badge-warn') }, badgeText),
         ),
-        React.createElement('div', { className: 'cb-section-desc' }, t('sensevoiceDesc')),
-        React.createElement('div', { className: 'dvo-installer-box' },
-          React.createElement('div', { className: 'cb-row', style: { alignItems: 'center', justifyContent: 'space-between', gap: '12px' } },
-            React.createElement('select', {
+        h('div', { className: 'cb-section-desc' }, t('sensevoiceDesc')),
+        h('div', { className: 'dvo-installer-box' },
+          h('div', { className: 'cb-row', style: { alignItems: 'center', justifyContent: 'space-between', gap: '12px' } },
+            h('select', {
               value: modelChoice,
               disabled: installingSensevoice || !writable,
               onChange: (e) => setModelChoice(e.target.value),
               style: { flex: 1, fontSize: '12px', minWidth: '180px' },
             },
-              React.createElement('option', { value: 'sensevoice' }, 'SenseVoice-Small (150MB, ~50ms)'),
-              React.createElement('option', { value: 'whisper-turbo' }, 'Whisper Large-v3-Turbo (800MB, High-Accuracy)'),
+              h('option', { value: 'sensevoice' }, 'SenseVoice-Small (150MB, ~50ms)'),
+              h('option', { value: 'whisper-turbo' }, 'Whisper Large-v3-Turbo (800MB, High-Accuracy)'),
             ),
-            React.createElement('button', {
+            h('button', {
               type: 'button',
               className: 'cb-btn cb-btn-primary',
               style: { fontSize: '12px', padding: '6px 12px', whiteSpace: 'nowrap' },
@@ -4047,17 +4339,17 @@ function MacrosSection(props) {
               onClick: () => { if (typeof onInstall === 'function') onInstall(modelChoice) },
             }, installingSensevoice ? ('⏳ ' + t('installingSensevoice')) : ('📥 ' + t('installSensevoice'))),
           ),
-          React.createElement('div', { style: { fontSize: '11px', marginTop: '6px', color: 'var(--dsw-alias-content-secondary)' } },
+          h('div', { style: { fontSize: '11px', marginTop: '6px', color: 'var(--dsw-alias-content-secondary)' } },
             sensevoiceState && sensevoiceState.path
               ? ('~/' + sensevoiceState.path.replace(/^.*[\\/](\.dsh[\\/]models[\\/].*)$/, '$1'))
               : ('~/.dsh/models/' + modelChoice)
           ),
           installingSensevoice
-            ? React.createElement('div', { style: { marginTop: '8px' } },
-                React.createElement('div', { className: 'dvo-progress-bar' },
-                  React.createElement('div', { className: 'dvo-progress-bar-fill' })
+            ? h('div', { style: { marginTop: '8px' } },
+                h('div', { className: 'dvo-progress-bar' },
+                  h('div', { className: 'dvo-progress-bar-fill' })
                 ),
-                React.createElement('div', { style: { fontSize: '11px', marginTop: '4px', color: 'var(--dsw-alias-content-secondary)' } },
+                h('div', { style: { fontSize: '11px', marginTop: '4px', color: 'var(--dsw-alias-content-secondary)' } },
                   (sensevoiceState && sensevoiceState.progress) || t('sensevoiceDownloading')
                 )
               )
@@ -4075,28 +4367,28 @@ function MacrosSection(props) {
       const onRefresh = props.onRefresh
       const onOpenWizard = props.onOpenWizard
 
-      return React.createElement('div', { className: 'cb-section-card' },
-        React.createElement('div', { className: 'cb-section-title' },
-          React.createElement('span', null, t('statusTitle')),
-          React.createElement('div', { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
-            onOpenWizard ? React.createElement('button', {
+      return h('div', { className: 'cb-section-card' },
+        h('div', { className: 'cb-section-title' },
+          h('span', null, t('statusTitle')),
+          h('div', { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
+            onOpenWizard ? h('button', {
               type: 'button', className: 'cb-btn cb-btn-primary', style: { fontSize: '12px', padding: '4px 10px' },
               onClick: onOpenWizard,
             }, '✨ ' + t('wizardBtnLaunch')) : null,
-            React.createElement('button', {
+            h('button', {
               type: 'button', className: 'cb-btn', style: { fontSize: '12px', padding: '4px 8px' },
               onClick: onRefresh,
             }, '🔄 ' + t('refreshStats')),
           ),
         ),
-        React.createElement('div', { className: 'cb-row', style: { alignItems: 'center', gap: '12px', flexWrap: 'wrap' } },
-          React.createElement('span', { className: 'cb-badge ' + (hostOnline ? 'cb-badge-ok' : 'cb-badge-err') },
+        h('div', { className: 'cb-row', style: { alignItems: 'center', gap: '12px', flexWrap: 'wrap' } },
+          h('span', { className: 'cb-badge ' + (hostOnline ? 'cb-badge-ok' : 'cb-badge-err') },
             hostOnline ? (`✓ ${t('hostOnline')} (${statusLatency}ms)`) : (`✗ ${t('hostOffline')}`)
           ),
-          React.createElement('span', { className: 'cb-badge ' + (whisperRunning ? 'cb-badge-ok' : 'cb-badge-warn') },
+          h('span', { className: 'cb-badge ' + (whisperRunning ? 'cb-badge-ok' : 'cb-badge-warn') },
             whisperRunning ? (`✓ ${t('whisperReady')}`) : (`· ${t('whisperStopped')}`)
           ),
-          React.createElement('span', { className: 'cb-badge' }, `${providerCount} ${t('providersAvailable')}`),
+          h('span', { className: 'cb-badge' }, `${providerCount} ${t('providersAvailable')}`),
         ),
       )
     }
@@ -4111,43 +4403,43 @@ function MacrosSection(props) {
       const onCheck = props.onCheck
       const onUpdateNow = props.onUpdateNow
 
-      return React.createElement('div', { className: 'cb-section-card' },
-        React.createElement('div', { className: 'cb-section-title' },
-          React.createElement('span', null, '📦 ' + t('versionTitle')),
-          React.createElement('button', {
+      return h('div', { className: 'cb-section-card' },
+        h('div', { className: 'cb-section-title' },
+          h('span', null, '📦 ' + t('versionTitle')),
+          h('button', {
             type: 'button', className: 'cb-btn', style: { fontSize: '12px', padding: '4px 8px' },
             onClick: onCheck, disabled: updaterLoading || updating,
           }, updaterLoading ? '⏳…' : '🔄 ' + t('refreshStats')),
         ),
-        React.createElement('div', { className: 'cb-section-desc' }, t('versionHint')),
-        React.createElement('div', { className: 'cb-row', style: { alignItems: 'center', gap: '12px' } },
+        h('div', { className: 'cb-section-desc' }, t('versionHint')),
+        h('div', { className: 'cb-row', style: { alignItems: 'center', gap: '12px' } },
           updaterStatus && updaterStatus.currentVersion
-            ? React.createElement('span', { className: 'cb-badge cb-badge-ok' }, 'v' + updaterStatus.currentVersion)
+            ? h('span', { className: 'cb-badge cb-badge-ok' }, 'v' + updaterStatus.currentVersion)
             : null,
           updaterLoading && (!updaterStatus || !updaterStatus.currentVersion)
-            ? React.createElement('span', { className: 'cb-badge' }, '⏳ ' + t('checkingUpdates'))
+            ? h('span', { className: 'cb-badge' }, '⏳ ' + t('checkingUpdates'))
             : !updaterStatus
-              ? React.createElement('span', { className: 'cb-badge cb-badge-warn' }, '❓ ' + t('updateStatusUnknown'))
+              ? h('span', { className: 'cb-badge cb-badge-warn' }, '❓ ' + t('updateStatusUnknown'))
               : updaterStatus.updateAvailable
-                ? React.createElement('span', { className: 'cb-badge cb-badge-warn' },
+                ? h('span', { className: 'cb-badge cb-badge-warn' },
                     t('updateAvailable') + ': v' + updaterStatus.latestVersion
                   )
                 : updaterStatus.latestCheckFailed
-                  ? React.createElement('span', { className: 'cb-badge cb-badge-warn' },
+                  ? h('span', { className: 'cb-badge cb-badge-warn' },
                       '⚠️ ' + t('updateCheckFailed')
                     )
-                  : React.createElement('span', { className: 'cb-badge cb-badge-ok' },
+                  : h('span', { className: 'cb-badge cb-badge-ok' },
                       t('upToDate')
                     ),
           updaterStatus && updaterStatus.updateAvailable
-            ? React.createElement('button', {
+            ? h('button', {
                 type: 'button', className: 'cb-btn cb-btn-primary', style: { fontSize: '12px', padding: '4px 10px' },
                 onClick: onUpdateNow, disabled: updating,
               }, updating ? t('updating') : t('updateNow'))
             : null,
         ),
         updaterMsg
-          ? React.createElement('div', {
+          ? h('div', {
               style: {
                 marginTop: '8px',
                 fontSize: '12px',
@@ -4159,960 +4451,960 @@ function MacrosSection(props) {
           : null,
       )
     }
-    // ------------------------------------------------------- settings voice section
-    function VoiceSection(props) {
-      const t = (props && props.t) || moduleT
-      const ctx = (props && props.ctx) || {}
-      // On a non-localhost page the kernel disables settings entirely: the
-      // shared document is not readable, every section gets "unavailable" and
-      // writes are dropped. The server does not share that restriction, and
-      // dsh-lanmode rebuilds the same mechanics on the same calls. Prefer its
-      // service when installed, otherwise the kernel one (fine on loopback).
-      const settingsService = (ctx.get && ctx.get('lanSettings')) || ctx.configForms || ctx.settingsScope
-      const scope = settingsService && typeof settingsService.get === 'function'
-        ? settingsService.get(NS)
-        : (settingsService && typeof settingsService.bind === 'function' ? settingsService.bind({ namespace: NS }) : null)
-      const [snap, setSnap] = React.useState(null)
-      const [draft, setDraft] = React.useState(null)
-      const [saved, setSaved] = React.useState(false)
-      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
-        fetch('/dsh-voice/config', { cache: 'no-store' })
-          .then((r) => r.json())
-          .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))
-              if (data.config.wizardCompleted !== true) setShowWizard(true)
-            }
-          })
-          .catch(() => {})
-          .finally(() => {
-            if (alive) setConfigLoading(false)
-          })
-        return () => { alive = false }
-      }, [])
-      // Hotkey picker: not a name field — press the key you want.
-      const [catching, setCatching] = React.useState(false)
-      const [jargonInput, setJargonInput] = React.useState(null)
-      const [showWizard, setShowWizard] = React.useState(false)
-      React.useEffect(() => {
-        if (!catching) return undefined
-        const onKey = (event) => {
-          event.preventDefault()
-          event.stopPropagation()
-          if (event.key === 'Escape') { setCatching(false); return }
-          const chosen = keyFromEvent(event)
-          setDraft((d) => Object.assign({}, d || {}, { hotkey: chosen }))
-          voice.hotkey = chosen || ''
-          if (chosen) {
-            installHotkey(ctx, chosen, 'message')
-          } else {
-            clearGlobalHotkey()
-          }
-          setCatching(false)
-        }
-        document.addEventListener('keydown', onKey, true)
-        return () => document.removeEventListener('keydown', onKey, true)
-      }, [catching, ctx])
-      React.useEffect(() => {
-        let alive = true
-        const render = () => { if (alive && scope && typeof scope.getSnapshot === 'function') setSnap(scope.getSnapshot()) }
-        render()
-        const off = (scope && typeof scope.subscribe === 'function') ? scope.subscribe(render) : () => {}
-        return () => { alive = false; off() }
-      }, [scope])
-      const [devices, setDevices] = React.useState([])
-      React.useEffect(() => {
-        if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) return
-        navigator.mediaDevices.enumerateDevices()
-          .then((list) => setDevices(list.filter((d) => d.kind === 'audioinput')))
-          .catch(() => {})
-      }, [])
-      const ready = !!serverConfig || (!!snap && snap.status === 'ready')
-      const value = (snap && snap.status === 'ready' && snap.value) ? snap.value : (serverConfig || {})
-      const writable = ready
-      React.useEffect(() => {
-        if (ready) return undefined
-        let tries = 0
-        const timer = setInterval(() => {
-          if (tries >= 15) { clearInterval(timer); return }
-          tries += 1
-          try {
-            if (ctx.configForms && typeof ctx.configForms.describe === 'function') {
-              ctx.configForms.describe().load()
-            } else if (ctx.settingsScope && typeof ctx.settingsScope.describe === 'function') {
-              ctx.settingsScope.describe().load()
-            }
-          } catch (e) { /* service not up yet */ }
-        }, 1000)
-        return () => clearInterval(timer)
-      }, [ready])
-      const deepClone = (obj) => {
-        if (typeof structuredClone === 'function') {
-          try { return structuredClone(obj) } catch (e) { /* fallback */ }
-        }
-        try { return JSON.parse(JSON.stringify(obj)) } catch (e) { return Object.assign({}, obj) }
+  // ------------------------------------------------------- settings voice section
+  function VoiceSection(props) {
+   const t = (props && props.t) || moduleT
+   const ctx = (props && props.ctx) || {}
+   // On a non-localhost page the kernel disables settings entirely: the
+   // shared document is not readable, every section gets "unavailable" and
+   // writes are dropped. The server does not share that restriction, and
+   // dsh-lanmode rebuilds the same mechanics on the same calls. Prefer its
+   // service when installed, otherwise the kernel one (fine on loopback).
+   const settingsService = (ctx.get && ctx.get('lanSettings')) || ctx.configForms || ctx.settingsScope
+   const scope = settingsService && typeof settingsService.get === 'function'
+    ? settingsService.get(NS)
+    : (settingsService && typeof settingsService.bind === 'function' ? settingsService.bind({ namespace: NS }) : null)
+   const [snap, setSnap] = React.useState(null)
+   const [draft, setDraft] = React.useState(null)
+   const [saved, setSaved] = React.useState(false)
+   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
+    fetch('/dsh-voice/config', { cache: 'no-store' })
+     .then((r) => r.json())
+     .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))
+       if (data.config.wizardCompleted !== true) setShowWizard(true)
       }
-      const setTop = (key, val) => {
-        setDraft((d) => Object.assign({}, d || {}, { [key]: val }))
-      }
-      const setIn = (mode, key, val) => {
-        setDraft((d) => {
-          const next = Object.assign({}, d || {})
-          next[mode] = Object.assign({}, next[mode] || {}, { [key]: val })
-          return next
-        })
-      }
-      const textField = (key, label, hint) => React.createElement('div', { className: 'cb-field' },
-        React.createElement('label', null, label),
-        React.createElement('input', {
-          type: 'text',
-          value: (draft && draft[key]) ?? '',
-          disabled: !writable,
-          onChange: (e) => setTop(key, e.target.value),
-        }),
-        hint ? React.createElement('span', { className: 'dvs-sub' }, hint) : null,
-      )
-      React.useEffect(() => { if (ready && draft === null) setDraft(deepClone(value)) }, [ready, draft, value])
-      React.useEffect(() => {
-        if (!ready) return
-        const val = value || {}
-        voice.settings = Object.assign({}, voice.settings, {
-          vadSilenceMs: Number(val.dictation && val.dictation.vadSilenceMs) || 700,
-          autoSendMs: Number(val.message && val.message.autoSendMs) || 4000,
-          beep: !!val.beep,
-          localOnly: !!val.localOnly,
-          micDeviceId: String(val.micDeviceId || ''),
-          historyLimit: Number(val.historyLimit) || 20,
-          voiceCommands: !!val.voiceCommands,
-          sendDelayMs: Number(val.dictation && val.dictation.sendDelayMs) || 0,
-          stream: !!(val.dictation && val.dictation.stream),
-          streamChunkMs: Number(val.dictation && val.dictation.streamChunkMs) || 1200,
-          vadAdapt: Number(val.dictation && val.dictation.vadAdapt) || 0,
-          wakeWord: String(val.wakeWord || ''),
-          bargeIn: !!val.bargeIn,
-          polishSend: !!(val.message && val.message.polishSend),
-          editablePreview: val.message ? val.message.editablePreview !== false : true,
-          sessionCommands: !!(val.message && val.message.sessionCommands),
-          polishBaseUrl: String(val.polishBaseUrl || ''),
-          noiseSuppression: val.noiseSuppression !== false,
-          noiseGateDb: Number(val.noiseGateDb !== undefined ? val.noiseGateDb : -45), bilingualDeveloperPrompt: val.bilingualDeveloperPrompt !== false,
-          contextGlossary: val.contextGlossary !== false,
-          visualizerStyle: val.visualizerStyle || 'liquid-wave',
-          gatedTurnTaking: val.gatedTurnTaking !== false,
-          autoSendVisualRing: val.autoSendVisualRing !== false,
-          voiceActions: val.voiceActions !== false,
-          techJargonCorrection: val.techJargonCorrection !== false,
-          liveInterimPreview: val.liveInterimPreview !== false,
-          structuredPromptVoice: val.structuredPromptVoice !== false,
-          dictationMode: val.dictationMode || 'clean',
-          dictationPrompts: val.dictationPrompts || {},
-          voiceMacros: Array.isArray(val.voiceMacros) ? val.voiceMacros : [],
-          webgpuModel: String(val.webgpuModel || (voice.settings && voice.settings.webgpuModel) || 'onnx-community/whisper-tiny'),
-        })
-      }, [ready, value])
-      const [statusData, setStatusData] = React.useState(null)
-      const [statusLatency, setStatusLatency] = React.useState(null)
-      const fetchStatus = React.useCallback(() => {
-        const start = performance.now()
-        const ctrl = new AbortController()
-        const tId = setTimeout(() => ctrl.abort(), 5000)
-        fetch('/dsh-voice/status', { cache: 'no-store', signal: ctrl.signal })
-          .then((r) => r.json())
-          .then((data) => {
-            clearTimeout(tId)
-            setStatusLatency(Math.round(performance.now() - start))
-            if (data && data.ok) {
-              setStatusData(data)
-              if (data.sessionToken && typeof window !== 'undefined') window.__dshVoiceToken = data.sessionToken
-              if (data.webgpuModel && voice.settings) {
-                voice.settings.webgpuModel = data.webgpuModel
-              }
-            }
-          })
-          .catch(() => {
-            clearTimeout(tId)
-            setStatusLatency(null)
-          })
-      }, [])
-      React.useEffect(() => {
-        fetchStatus()
-      }, [fetchStatus])
-      const { sensevoiceState, installingSensevoice, triggerInstallSensevoice } = useSensevoiceInstaller(fetchStatus)
-      const { testingMic, testLevel, toggleTestMic, gateDbVal, gateThresholdPercent, calibrating, calibrateMsg, calibrateNoise } = useMicTester(draft, value, setErr)
-      const { updaterStatus, updating, updaterMsg, updaterMsgKind, updaterLoading, checkUpdater, onUpdateNow } = usePluginUpdater()
-      const save = async () => {
-        setErr(''); setSaved(false)
-        if (!draft) return
-        if (jargonInput !== null) {
-          const lines = jargonInput.split('\n')
-          const parsed = lines
-            .map((line) => {
-              const parts = line.split(/->|=|:/)
-              if (parts.length >= 2) {
-                const from = parts[0].trim()
-                const to = parts.slice(1).join(':').trim()
-                if (from && to) return { from, to }
-              }
-              return null
-            })
-            .filter(Boolean)
-          draft.jargonDictionary = parsed
-        }
-        let httpOk = false
-        let httpError = null
-        try {
-          const res = await fetch('/dsh-voice/config', {
-            method: 'PUT',
-            headers: { 'Content-Type': 'application/json' },
-            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 (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'
-          }
-        } catch (e) {
-          httpError = e?.message || String(e)
-        }
-        if (httpOk && scope && typeof scope.set === 'function') {
-          for (const k of Object.keys(draft)) {
-            try {
-              await scope.set(k, draft[k])
-            } catch (e) {
-              /* best effort on loopback */
-            }
-          }
-        }
-        if (!httpOk) {
-          setErr(t('saveFailed') + ': ' + httpError)
-          return
-        }
-        const d = draft || {}
-        voice.hotkey = d.hotkey || ''
-        if (voice.hotkey) {
-          installHotkey(ctx, voice.hotkey, 'message')
-        } else {
-          clearGlobalHotkey()
-        }
-        Object.assign(voice.settings, {
-          hotkey: d.hotkey || '',
-          vadSilenceMs: Number(d.dictation && d.dictation.vadSilenceMs) || 700,
-          autoSendMs: Number(d.message && d.message.autoSendMs) || 4000,
-          beep: !!d.beep,
-          micDeviceId: String(d.micDeviceId || ''),
-          historyLimit: Number(d.historyLimit),
-          voiceCommands: !!d.voiceCommands,
-          sendDelayMs: Number(d.dictation && d.dictation.sendDelayMs) || 0,
-          stream: !!(d.dictation && d.dictation.stream),
-          streamChunkMs: Number(d.dictation && d.dictation.streamChunkMs) || 1200,
-          vadAdapt: Number(d.dictation && d.dictation.vadAdapt) || 0,
-          noiseSuppression: d.noiseSuppression !== false,
-          noiseGateDb: Number(d.noiseGateDb !== undefined ? d.noiseGateDb : -45), bilingualDeveloperPrompt: d.bilingualDeveloperPrompt !== false,
-          contextGlossary: d.contextGlossary !== false,
-          visualizerStyle: d.visualizerStyle || 'liquid-wave',
-          gatedTurnTaking: d.gatedTurnTaking !== false,
-          autoSendVisualRing: d.autoSendVisualRing !== false,
-          voiceActions: d.voiceActions !== false,
-          techJargonCorrection: d.techJargonCorrection !== false,
-          liveInterimPreview: d.liveInterimPreview !== false,
-          structuredPromptVoice: d.structuredPromptVoice !== false,
-        })
-        try { window.dispatchEvent(new CustomEvent('dsh-voice:settings-saved')) } catch (noEvents) { /* nobody */ }
-        setSaved(true); setJargonInput(null)
-        setTimeout(() => setSaved(false), 2000)
-        fetchStatus()
-      }
-      const modeVal = (mode, key, fallback) => {
-        const m = draft && draft[mode]
-        return m && m[key] !== undefined ? m[key] : fallback
-      }
-      const chainOptions = BUILTIN.concat(
-        (draft && Array.isArray(draft.customProviders) ? draft.customProviders : [])
-          .map((c) => String(c && c.key || '').trim())
-          .filter((k) => k && BUILTIN.indexOf(k) < 0),
-      )
-      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),
-        React.createElement('input', {
-          type: 'number', value: modeVal(mode, key, ''), disabled: !writable,
-          onChange: (e) => setIn(mode, key, Number(e.target.value)),
-        }),
-        React.createElement('span', { className: 'dvs-sub' }, hint),
-      )
-      const statsData = (statusData && statusData.providerStats) || {}
-      const recentDiagnostics = (statusData && statusData.recentDiagnostics) || []
-      const hostOnline = statusLatency !== null
-      const whisperRunning = !!(statusData && statusData.whisperRunning)
-      const providerCount = (statusData && Array.isArray(statusData.providers)) ? statusData.providers.length : chainOptions.length
-      return React.createElement('div', { className: 'cb-page dvo-settings-root' },
-        React.createElement(ConnectionStatusCard, {
-          t: t,
-          hostOnline: hostOnline,
-          statusLatency: statusLatency,
-          whisperRunning: whisperRunning,
-          providerCount: providerCount,
-          onRefresh: fetchStatus,
-          onOpenWizard: () => setShowWizard((v) => !v),
-        }),
-        showWizard ? React.createElement(FirstRunWizard, {
-          t: t,
-          draft: draft,
-          setTop: setTop,
-          writable: writable,
-          onClose: () => setShowWizard(false),
-        }) : null,
-        React.createElement('div', { className: 'cb-section-card' },
-          React.createElement('div', { className: 'cb-section-title' },
-            React.createElement('span', null, '🎙️ ' + t('dictationBtn')),
-          ),
-          React.createElement('div', { className: 'cb-section-desc' }, t('dictationHint')),
-          React.createElement(ChainEditor, {
-            t: t, value: draft && draft.dictation ? draft.dictation.chain : [], writable: writable,
-            options: chainOptions,
-            onChange: (v) => setIn('dictation', 'chain', v),
-          }),
-          React.createElement('div', { className: 'cb-grid-2' },
-            langField('dictation'),
-            numField('dictation', 'vadSilenceMs', t('pauseMs'), t('pauseHint')),
-            numField('dictation', 'sendDelayMs', t('sendDelay'), t('sendDelayHint')),
-            numField('dictation', 'streamChunkMs', t('streamChunkMs'), t('streamHint')),
-          ),
-          React.createElement('div', { className: 'cb-row' },
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox', checked: !!(draft && draft.dictation && draft.dictation.polish), disabled: !writable,
-                onChange: (e) => setIn('dictation', 'polish', e.target.checked),
-              }),
-              t('polish'),
-            ),
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox', checked: !!(draft && draft.dictation && draft.dictation.stream), disabled: !writable,
-                onChange: (e) => setIn('dictation', 'stream', e.target.checked),
-              }),
-              t('stream'),
-            ),
-          ),
-          React.createElement('div', { className: 'cb-field' },
-            React.createElement('label', null, t('vadAdapt')),
-            React.createElement('input', {
-              type: 'range', min: 0, max: 1, step: 0.1,
-              value: Number(draft && draft.dictation && draft.dictation.vadAdapt) || 0, disabled: !writable,
-              onChange: (e) => setIn('dictation', 'vadAdapt', Number(e.target.value)),
-            }),
-            React.createElement('span', { className: 'dvs-sub' }, t('vadAdaptHint')),
-          ),
-          textField('wakeWord', t('wakeWord'), t('wakeWordHint')),
-        ),
-        React.createElement('div', { className: 'cb-section-card' },
-          React.createElement('div', { className: 'cb-section-title' },
-            React.createElement('span', null, '💬 ' + t('messageTitle')),
-          ),
-          React.createElement('div', { className: 'cb-section-desc' }, t('messageHint')),
-          React.createElement(ChainEditor, {
-            t: t, value: draft && draft.message ? draft.message.chain : [], writable: writable,
-            options: chainOptions,
-            onChange: (v) => setIn('message', 'chain', v),
-          }),
-          React.createElement('div', { className: 'cb-grid-2' },
-            langField('message'),
-            numField('message', 'autoSendMs', t('undoMs'), t('undoHint')),
-          ),
-          React.createElement('div', { className: 'cb-row' },
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox', checked: !!(draft && draft.message && draft.message.polish), disabled: !writable,
-                onChange: (e) => setIn('message', 'polish', e.target.checked),
-              }),
-              t('polish'),
-            ),
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox', checked: !!(draft && draft.message && draft.message.polishSend), disabled: !writable,
-                onChange: (e) => setIn('message', 'polishSend', e.target.checked),
-              }),
-              t('polishSend'),
-            ),
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox', checked: !!(draft && draft.message && draft.message.sessionCommands), disabled: !writable,
-                onChange: (e) => setIn('message', 'sessionCommands', e.target.checked),
-              }),
-              t('sessionCommands'),
-            ),
-          ),
-        ),
-        React.createElement('div', { className: 'cb-section-card' },
-          React.createElement('div', { className: 'cb-section-title' },
-            React.createElement('span', null, '⚙️ ' + t('customTitle')),
-          ),
-          React.createElement('div', { className: 'cb-section-desc' }, t('customHint')),
-          React.createElement(CustomEditor, {
-            value: draft && draft.customProviders ? draft.customProviders : [], writable: writable,
-            options: chainOptions,
-            onChange: (v) => setTop('customProviders', v),
-          }),
-        ),
-        React.createElement(HardwareOptionsCard, {
-          t: t,
-          draft: draft,
-          setTop: setTop,
-          writable: writable,
-          catching: catching,
-          setCatching: setCatching,
-          devices: devices,
-          testingMic: testingMic,
-          toggleTestMic: toggleTestMic,
-          testLevel: testLevel,
-          gateDbVal: gateDbVal,
-          gateThresholdPercent: gateThresholdPercent,
-          calibrating: calibrating,
-          calibrateMsg: calibrateMsg,
-          calibrateNoise: calibrateNoise,
-          onClearKey: () => {
-            setDraft((d) => Object.assign({}, d || {}, { hotkey: '' }))
-            voice.hotkey = ''
-            clearGlobalHotkey()
-          },
-        }),
-        React.createElement(SensevoiceSection, {
-          t: t,
-          sensevoiceState: sensevoiceState,
-          installingSensevoice: installingSensevoice,
-          writable: writable,
-          onInstall: triggerInstallSensevoice,
-        }),
-        React.createElement('div', { className: 'cb-section-card' },
-          React.createElement('div', { className: 'cb-section-title' },
-            React.createElement('span', null, '🎙️ ' + t('turnTakingTitle')),
-          ),
-          React.createElement('div', { className: 'cb-section-desc' }, t('turnTakingDesc')),
-          React.createElement('div', { className: 'cb-grid-2' },
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox',
-                checked: draft ? draft.gatedTurnTaking !== false : true,
-                disabled: !writable,
-                onChange: (e) => setTop('gatedTurnTaking', e.target.checked),
-              }),
-              t('gatedTurnTaking'),
-            ),
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox',
-                checked: !!(draft && draft.bargeIn),
-                disabled: !writable,
-                onChange: (e) => setTop('bargeIn', e.target.checked),
-              }),
-              t('bargeInDesc'),
-            ),
-          ),
-        ),
-        React.createElement('div', { className: 'cb-section-card' },
-          React.createElement('div', { className: 'cb-section-title' },
-            React.createElement('span', null, '✨ ' + t('smartActionsTitle')),
-          ),
-          React.createElement('div', { className: 'cb-grid-2' },
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox',
-                checked: draft ? draft.liveInterimPreview !== false : true,
-                disabled: !writable,
-                onChange: (e) => setTop('liveInterimPreview', e.target.checked),
-              }),
-              t('liveInterimPreview'),
-            ),
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox',
-                checked: draft ? draft.autoSendVisualRing !== false : true,
-                disabled: !writable,
-                onChange: (e) => setTop('autoSendVisualRing', e.target.checked),
-              }),
-              t('autoSendVisualRing'),
-            ),
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox',
-                checked: draft ? draft.voiceActions !== false : true,
-                disabled: !writable,
-                onChange: (e) => setTop('voiceActions', e.target.checked),
-              }),
-              t('voiceActionsLabel'),
-            ),
-            React.createElement('label', { className: 'cb-check-label' },
-              React.createElement('input', {
-                type: 'checkbox',
-                checked: draft ? draft.structuredPromptVoice !== false : true,
-                disabled: !writable,
-                onChange: (e) => setTop('structuredPromptVoice', e.target.checked),
-              }),
-              t('structuredPromptVoice'),
-            ),
-          ),
-        ),
-        // Dictation Modes & Prompts (#264)
-        React.createElement(DictationModesSection, {
-          t: t,
-          draft: draft,
-          setTop: setTop,
-          writable: writable,
-        }),
-        // Voice Action Macros (#167)
-        React.createElement(MacrosSection, {
-          t: t,
-          draft: draft,
-          setTop: setTop,
-          writable: writable,
-        }),
-        React.createElement(JargonEditor, {
-          t: t,
-          draft: draft,
-          setTop: setTop,
-          writable: writable,
-          jargonInput: jargonInput,
-          setJargonInput: setJargonInput,
-        }),
-        React.createElement(ProviderDashboard, {
-          t: t,
-          statsData: statsData,
-          recentDiagnostics: recentDiagnostics,
-          onRefresh: fetchStatus,
-        }),
-        React.createElement(UpdaterCard, {
-          t: t,
-          updaterStatus: updaterStatus,
-          updaterLoading: updaterLoading,
-          updating: updating,
-          updaterMsg: updaterMsg,
-          updaterMsgKind: updaterMsgKind,
-          onCheck: checkUpdater,
-          onUpdateNow: onUpdateNow,
-        }),
-        React.createElement('div', { className: 'cb-row' },
-          React.createElement('button', { type: 'button', className: 'cb-btn cb-btn-primary', disabled: !writable, onClick: save }, t('save')),
-          saved ? React.createElement('span', { className: 'dvs-ok' }, t('saved')) : null,
-          err ? React.createElement('span', { className: 'dvs-bad' }, err) : null,
-        ),
-      )
-    }
-    // ------------------------------------------------------- first-run wizard (#265)
-    function FirstRunWizard(props) {
-      const t = props.t || moduleT
-      const draft = props.draft
-      const setTop = props.setTop
-      const writable = props.writable
-      const onClose = props.onClose
-
-      const isSecure = typeof window !== 'undefined' ? (window.isSecureContext || window.location.protocol === 'https:' || window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') : true
-      const hasMediaDevices = typeof navigator !== 'undefined' && !!navigator.mediaDevices && typeof navigator.mediaDevices.getUserMedia === 'function'
-      const hasMediaRecorder = typeof MediaRecorder !== 'undefined'
-
-      const [micPermission, setMicPermission] = React.useState('prompt')
-      const [devices, setDevices] = React.useState([])
-      const [selectedDev, setSelectedDev] = React.useState((draft && draft.micDeviceId) || '')
-      const [signalTesting, setSignalTesting] = React.useState(false)
-      const [currentRms, setCurrentRms] = React.useState(0)
-      const [peakRms, setPeakRms] = React.useState(0)
-      const [testingStt, setTestingStt] = React.useState(false)
-      const [testCountdown, setTestCountdown] = React.useState(0)
-      const [testResult, setTestResult] = React.useState(null)
-      const [testError, setTestError] = React.useState('')
-      const [testLatency, setTestLatency] = React.useState(null)
-
-      const signalStreamRef = React.useRef(null)
-      const audioCtxRef = React.useRef(null)
-      const animFrameRef = React.useRef(null)
-
-      React.useEffect(() => {
-    if (typeof navigator !== 'undefined' && navigator.permissions && navigator.permissions.query) {
-      navigator.permissions.query({ name: 'microphone' })
-      .then((p) => {
-        if (p) {
-        setMicPermission(p.state)
-        p.onchange = () => setMicPermission(p.state)
-        }
-      })
-      .catch(() => {})
+     })
+     .catch(() => {})
+     .finally(() => {
+      if (alive) setConfigLoading(false)
+     })
+    return () => { alive = false }
+   }, [])
+   // Hotkey picker: not a name field — press the key you want.
+   const [catching, setCatching] = React.useState(false)
+   const [jargonInput, setJargonInput] = React.useState(null)
+   const [showWizard, setShowWizard] = React.useState(false)
+   React.useEffect(() => {
+    if (!catching) return undefined
+    const onKey = (event) => {
+     event.preventDefault()
+     event.stopPropagation()
+     if (event.key === 'Escape') { setCatching(false); return }
+     const chosen = keyFromEvent(event)
+     setDraft((d) => Object.assign({}, d || {}, { hotkey: chosen }))
+     voice.hotkey = chosen || ''
+     if (chosen) {
+      installHotkey(ctx, chosen, 'message')
+     } else {
+      clearGlobalHotkey()
+     }
+     setCatching(false)
     }
-      }, [])
-
-      const refreshDevices = () => {
+    document.addEventListener('keydown', onKey, true)
+    return () => document.removeEventListener('keydown', onKey, true)
+   }, [catching, ctx])
+   React.useEffect(() => {
+    let alive = true
+    const render = () => { if (alive && scope && typeof scope.getSnapshot === 'function') setSnap(scope.getSnapshot()) }
+    render()
+    const off = (scope && typeof scope.subscribe === 'function') ? scope.subscribe(render) : () => {}
+    return () => { alive = false; off() }
+   }, [scope])
+   const [devices, setDevices] = React.useState([])
+   React.useEffect(() => {
     if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) return
     navigator.mediaDevices.enumerateDevices()
-      .then((list) => {
-      const audioInputs = list.filter((d) => d.kind === 'audioinput')
-      setDevices(audioInputs)
-      })
-      .catch(() => {})
+     .then((list) => setDevices(list.filter((d) => d.kind === 'audioinput')))
+     .catch(() => {})
+   }, [])
+   const ready = !!serverConfig || (!!snap && snap.status === 'ready')
+   const value = (snap && snap.status === 'ready' && snap.value) ? snap.value : (serverConfig || {})
+   const writable = ready
+   React.useEffect(() => {
+    if (ready) return undefined
+    let tries = 0
+    const timer = setInterval(() => {
+     if (tries >= 15) { clearInterval(timer); return }
+     tries += 1
+     try {
+      if (ctx.configForms && typeof ctx.configForms.describe === 'function') {
+       ctx.configForms.describe().load()
+      } else if (ctx.settingsScope && typeof ctx.settingsScope.describe === 'function') {
+       ctx.settingsScope.describe().load()
       }
-
-      React.useEffect(() => {
-    refreshDevices()
-      }, [])
-
-      const stopSignalTest = () => {
-    if (animFrameRef.current) {
-      cancelAnimationFrame(animFrameRef.current)
-      animFrameRef.current = null
+     } catch (e) { /* service not up yet */ }
+    }, 1000)
+    return () => clearInterval(timer)
+   }, [ready])
+   const deepClone = (obj) => {
+    if (typeof structuredClone === 'function') {
+     try { return structuredClone(obj) } catch (e) { /* fallback */ }
     }
-    if (signalStreamRef.current) {
-      try { signalStreamRef.current.getTracks().forEach((trk) => trk.stop()) } catch (_) {}
-      signalStreamRef.current = null
-    }
-    if (audioCtxRef.current) {
-      try { audioCtxRef.current.close() } catch (_) {}
-      audioCtxRef.current = null
-    }
-    setSignalTesting(false)
-    setCurrentRms(0)
+    try { return JSON.parse(JSON.stringify(obj)) } catch (e) { return Object.assign({}, obj) }
+   }
+   const setTop = (key, val) => {
+    setDraft((d) => Object.assign({}, d || {}, { [key]: val }))
+   }
+   const setIn = (mode, key, val) => {
+    setDraft((d) => {
+     const next = Object.assign({}, d || {})
+     next[mode] = Object.assign({}, next[mode] || {}, { [key]: val })
+     return next
+    })
+   }
+   const textField = (key, label, hint) => h('div', { className: 'cb-field' },
+    h('label', null, label),
+    h('input', {
+     type: 'text',
+     value: (draft && draft[key]) ?? '',
+     disabled: !writable,
+     onChange: (e) => setTop(key, e.target.value),
+    }),
+    hint ? h('span', { className: 'dvs-sub' }, hint) : null,
+   )
+   React.useEffect(() => { if (ready && draft === null) setDraft(deepClone(value)) }, [ready, draft, value])
+   React.useEffect(() => {
+    if (!ready) return
+    const val = value || {}
+    voice.settings = Object.assign({}, voice.settings, {
+     vadSilenceMs: Number(val.dictation && val.dictation.vadSilenceMs) || 700,
+     autoSendMs: Number(val.message && val.message.autoSendMs) || 4000,
+     beep: !!val.beep,
+     localOnly: !!val.localOnly,
+     micDeviceId: String(val.micDeviceId || ''),
+     historyLimit: Number(val.historyLimit) || 20,
+     voiceCommands: !!val.voiceCommands,
+     sendDelayMs: Number(val.dictation && val.dictation.sendDelayMs) || 0,
+     stream: !!(val.dictation && val.dictation.stream),
+     streamChunkMs: Number(val.dictation && val.dictation.streamChunkMs) || 1200,
+     vadAdapt: Number(val.dictation && val.dictation.vadAdapt) || 0,
+     wakeWord: String(val.wakeWord || ''),
+     bargeIn: !!val.bargeIn,
+     polishSend: !!(val.message && val.message.polishSend),
+     editablePreview: val.message ? val.message.editablePreview !== false : true,
+     sessionCommands: !!(val.message && val.message.sessionCommands),
+     polishBaseUrl: String(val.polishBaseUrl || ''),
+     noiseSuppression: val.noiseSuppression !== false,
+     noiseGateDb: Number(val.noiseGateDb !== undefined ? val.noiseGateDb : -45), bilingualDeveloperPrompt: val.bilingualDeveloperPrompt !== false,
+     contextGlossary: val.contextGlossary !== false,
+     visualizerStyle: val.visualizerStyle || 'liquid-wave',
+     gatedTurnTaking: val.gatedTurnTaking !== false,
+     autoSendVisualRing: val.autoSendVisualRing !== false,
+     voiceActions: val.voiceActions !== false,
+     techJargonCorrection: val.techJargonCorrection !== false,
+     liveInterimPreview: val.liveInterimPreview !== false,
+     structuredPromptVoice: val.structuredPromptVoice !== false,
+     dictationMode: val.dictationMode || 'clean',
+     dictationPrompts: val.dictationPrompts || {},
+     voiceMacros: Array.isArray(val.voiceMacros) ? val.voiceMacros : [],
+     webgpuModel: String(val.webgpuModel || (voice.settings && voice.settings.webgpuModel) || 'onnx-community/whisper-tiny'),
+    })
+   }, [ready, value])
+   const [statusData, setStatusData] = React.useState(null)
+   const [statusLatency, setStatusLatency] = React.useState(null)
+   const fetchStatus = React.useCallback(() => {
+    const start = performance.now()
+    const ctrl = new AbortController()
+    const tId = setTimeout(() => ctrl.abort(), 5000)
+    fetch('/dsh-voice/status', { cache: 'no-store', signal: ctrl.signal })
+     .then((r) => r.json())
+     .then((data) => {
+      clearTimeout(tId)
+      setStatusLatency(Math.round(performance.now() - start))
+      if (data && data.ok) {
+       setStatusData(data)
+       if (data.sessionToken && typeof window !== 'undefined') window.__dshVoiceToken = data.sessionToken
+       if (data.webgpuModel && voice.settings) {
+        voice.settings.webgpuModel = data.webgpuModel
+       }
       }
-
-      React.useEffect(() => {
-    return () => {
-      stopSignalTest()
+     })
+     .catch(() => {
+      clearTimeout(tId)
+      setStatusLatency(null)
+     })
+   }, [])
+   React.useEffect(() => {
+    fetchStatus()
+   }, [fetchStatus])
+   const { sensevoiceState, installingSensevoice, triggerInstallSensevoice } = useSensevoiceInstaller(fetchStatus)
+   const { testingMic, testLevel, toggleTestMic, gateDbVal, gateThresholdPercent, calibrating, calibrateMsg, calibrateNoise } = useMicTester(draft, value, setErr)
+   const { updaterStatus, updating, updaterMsg, updaterMsgKind, updaterLoading, checkUpdater, onUpdateNow } = usePluginUpdater()
+   const save = async () => {
+    setErr(''); setSaved(false)
+    if (!draft) return
+    if (jargonInput !== null) {
+     const lines = jargonInput.split('\n')
+     const parsed = lines
+      .map((line) => {
+       const parts = line.split(/->|=|:/)
+       if (parts.length >= 2) {
+        const from = parts[0].trim()
+        const to = parts.slice(1).join(':').trim()
+        if (from && to) return { from, to }
+       }
+       return null
+      })
+      .filter(Boolean)
+     draft.jargonDictionary = parsed
     }
-      }, [])
-
-      const requestPermissionAndTestSignal = async () => {
-    stopSignalTest()
-    setTestError('')
+    let httpOk = false
+    let httpError = null
     try {
-      const constraints = {
-      audio: selectedDev ? { deviceId: { exact: selectedDev } } : true,
-      }
-      const stream = await navigator.mediaDevices.getUserMedia(constraints)
-      signalStreamRef.current = stream
-      setMicPermission('granted')
-      refreshDevices()
-
-      const AC = typeof AudioContext !== 'undefined' ? AudioContext
-      : (typeof webkitAudioContext !== 'undefined' ? webkitAudioContext : null)
-      if (!AC) return
-      const actx = new AC()
-      audioCtxRef.current = actx
-      if (actx.state === 'suspended') { actx.resume().catch(() => {}) }
-      const src = actx.createMediaStreamSource(stream)
-      const analyser = actx.createAnalyser()
-      analyser.fftSize = 128
-      src.connect(analyser)
-
-      setSignalTesting(true)
-      const buf = new Uint8Array(analyser.frequencyBinCount)
-
-      const checkLevel = () => {
-      if (!signalStreamRef.current) return
-      analyser.getByteFrequencyData(buf)
-      let sum = 0
-      for (let i = 0; i < buf.length; i++) sum += buf[i]
-      const rms = Math.min(100, Math.round((sum / buf.length / 255) * 100 * 2.2))
-      setCurrentRms(rms)
-      setPeakRms((prev) => Math.max(prev, rms))
-      animFrameRef.current = requestAnimationFrame(checkLevel)
-      }
-      animFrameRef.current = requestAnimationFrame(checkLevel)
-    } catch (err) {
-      setMicPermission('denied')
-      setTestError(String(err && err.message ? err.message : err))
-      stopSignalTest()
+     const res = await fetch('/dsh-voice/config', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      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 (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'
+     }
+    } catch (e) {
+     httpError = e?.message || String(e)
     }
+    if (httpOk && scope && typeof scope.set === 'function') {
+     for (const k of Object.keys(draft)) {
+      try {
+       await scope.set(k, draft[k])
+      } catch (e) {
+       /* best effort on loopback */
       }
-
-      const runSttTest = async () => {
-    stopSignalTest()
-    setTestError('')
-    setTestResult(null)
-    setTestLatency(null)
-    setTestingStt(true)
-    setTestCountdown(3)
-
-    let testStream = null
-    let recorder = null
-    const chunks = []
-
-    try {
-      const constraints = {
-      audio: selectedDev ? { deviceId: { exact: selectedDev } } : true,
-      }
-      testStream = await navigator.mediaDevices.getUserMedia(constraints)
-      let mime = 'audio/webm;codecs=opus'
-      if (!MediaRecorder.isTypeSupported(mime)) mime = ''
-      recorder = mime ? new MediaRecorder(testStream, { mimeType: mime }) : new MediaRecorder(testStream)
-      recorder.ondataavailable = (e) => {
-      if (e.data && e.data.size > 0) chunks.push(e.data)
-      }
-      recorder.start()
-
-      let left = 3
-      const countdownTimer = setInterval(() => {
-      left -= 1
-      setTestCountdown(left)
-      if (left <= 0) {
-        clearInterval(countdownTimer)
-        if (recorder.state !== 'inactive') recorder.stop()
-      }
-      }, 1000)
-
-      await new Promise((resolve) => recorder.addEventListener('stop', resolve, { once: true }))
-
-      try { testStream.getTracks().forEach((trk) => trk.stop()) } catch (_) {}
-
-      const blob = new Blob(chunks, { type: mime || 'audio/webm' })
-      if (blob.size < 400) {
-      setTestError(t('wizardTestEmpty'))
-      setTestingStt(false)
-      return
-      }
-
-      setTestCountdown(0)
-      const startMs = Date.now()
-      const dataBase64 = await blobToBase64(blob)
-      const payload = {
-      dataBase64,
-      mimeType: mime || recorder.mimeType || 'audio/webm',
-      mode: 'dictation',
-      subMode: 'clean',
-      }
-
-      const res = await fetch('/dsh-voice/transcribe', {
-      method: 'POST',
-      headers: { 'content-type': 'application/json' },
-      body: JSON.stringify(payload),
-      })
-      const data = await res.json()
-      const latency = Date.now() - startMs
-      setTestLatency(latency)
-
-      if (!res.ok || !data || !data.ok) {
-      const msg = (data && data.error && data.error.message) || `HTTP ${res.status}`
-      setTestError(msg)
-      } else {
-      const recognized = String(data.text || '').trim()
-      if (recognized) {
-        setTestResult(recognized)
-        if (typeof setTop === 'function') {
-        setTop('wizardCompleted', true)
-        }
-      } else {
-        setTestError(t('wizardTestEmpty'))
-      }
-      }
-    } catch (err) {
-      setTestError(String(err && err.message ? err.message : err))
-    } finally {
-      if (testStream) {
-      try { testStream.getTracks().forEach((trk) => trk.stop()) } catch (_) {}
-      }
-      setTestingStt(false)
+     }
     }
-      }
-
-      // Determine active chain info
-      const dictationChain = (draft && draft.dictation && draft.dictation.chain) || []
-      const activeProvider = (dictationChain[0] && (dictationChain[0].provider || dictationChain[0])) || 'sensevoice'
-      let areaLabel = t('wizardAreaServer')
-      if (activeProvider === 'browser' || activeProvider === 'browser-webgpu') {
-    areaLabel = t('wizardAreaBrowser')
-      } else if (activeProvider !== 'sensevoice' && activeProvider !== 'local-whisper') {
-    areaLabel = t('wizardAreaCloud')
-      }
-
-      let nextStepHint = ''
-      if (!isSecure) {
-    nextStepHint = t('wizardHintHttps')
-      } else if (micPermission === 'denied') {
-    nextStepHint = t('wizardHintPermission')
-      } else if (peakRms === 0 && signalTesting) {
-    nextStepHint = t('wizardHintDevice')
-      } else if (testError) {
-    nextStepHint = t('wizardHintProvider')
-      }
-
-      return React.createElement('div', { className: 'cb-section-card', style: { borderColor: 'var(--dsw-alias-state-brand-primary)' } },
-    React.createElement('div', { className: 'cb-section-title' },
-      React.createElement('span', null, '✨ ' + t('wizardTitle')),
-      React.createElement('div', { style: { display: 'flex', gap: '8px' } },
-      testResult ? React.createElement('span', { className: 'cb-badge cb-badge-ok' }, '✓ ' + t('wizardStatusCompleted')) : null,
-      onClose ? React.createElement('button', {
-        type: 'button', className: 'cb-btn cb-btn-mini', onClick: onClose, title: t('wizardClose'),
-      }, '✕') : null,
-      ),
-    ),
-    React.createElement('div', { className: 'cb-section-desc' }, t('wizardDesc')),
-
-    // Step 1: Environment & Permissions
-    React.createElement('div', { className: 'dvs-card' },
-      React.createElement('div', { className: 'dvs-h' }, t('wizardStep1')),
-      React.createElement('div', { className: 'cb-row' },
-      React.createElement('span', { className: 'cb-badge ' + (isSecure ? 'cb-badge-ok' : 'cb-badge-err') },
-        isSecure ? ('✓ ' + t('wizardSecureContextOk')) : ('✗ ' + t('wizardSecureContextBad'))
-      ),
-      React.createElement('span', { className: 'cb-badge ' + (hasMediaDevices ? 'cb-badge-ok' : 'cb-badge-err') },
-        hasMediaDevices ? ('✓ ' + t('wizardMediaDevicesOk')) : ('✗ ' + t('wizardMediaDevicesBad'))
-      ),
-      React.createElement('span', { className: 'cb-badge ' + (hasMediaRecorder ? 'cb-badge-ok' : 'cb-badge-err') },
-        hasMediaRecorder ? ('✓ ' + t('wizardMediaRecorderOk')) : ('✗ ' + t('wizardMediaRecorderBad'))
+    if (!httpOk) {
+     setErr(t('saveFailed') + ': ' + httpError)
+     return
+    }
+    const d = draft || {}
+    voice.hotkey = d.hotkey || ''
+    if (voice.hotkey) {
+     installHotkey(ctx, voice.hotkey, 'message')
+    } else {
+     clearGlobalHotkey()
+    }
+    Object.assign(voice.settings, {
+     hotkey: d.hotkey || '',
+     vadSilenceMs: Number(d.dictation && d.dictation.vadSilenceMs) || 700,
+     autoSendMs: Number(d.message && d.message.autoSendMs) || 4000,
+     beep: !!d.beep,
+     micDeviceId: String(d.micDeviceId || ''),
+     historyLimit: Number(d.historyLimit),
+     voiceCommands: !!d.voiceCommands,
+     sendDelayMs: Number(d.dictation && d.dictation.sendDelayMs) || 0,
+     stream: !!(d.dictation && d.dictation.stream),
+     streamChunkMs: Number(d.dictation && d.dictation.streamChunkMs) || 1200,
+     vadAdapt: Number(d.dictation && d.dictation.vadAdapt) || 0,
+     noiseSuppression: d.noiseSuppression !== false,
+     noiseGateDb: Number(d.noiseGateDb !== undefined ? d.noiseGateDb : -45), bilingualDeveloperPrompt: d.bilingualDeveloperPrompt !== false,
+     contextGlossary: d.contextGlossary !== false,
+     visualizerStyle: d.visualizerStyle || 'liquid-wave',
+     gatedTurnTaking: d.gatedTurnTaking !== false,
+     autoSendVisualRing: d.autoSendVisualRing !== false,
+     voiceActions: d.voiceActions !== false,
+     techJargonCorrection: d.techJargonCorrection !== false,
+     liveInterimPreview: d.liveInterimPreview !== false,
+     structuredPromptVoice: d.structuredPromptVoice !== false,
+    })
+    try { window.dispatchEvent(new CustomEvent('dsh-voice:settings-saved')) } catch (noEvents) { /* nobody */ }
+    setSaved(true); setJargonInput(null)
+    setTimeout(() => setSaved(false), 2000)
+    fetchStatus()
+   }
+   const modeVal = (mode, key, fallback) => {
+    const m = draft && draft[mode]
+    return m && m[key] !== undefined ? m[key] : fallback
+   }
+   const chainOptions = BUILTIN.concat(
+    (draft && Array.isArray(draft.customProviders) ? draft.customProviders : [])
+     .map((c) => String(c && c.key || '').trim())
+     .filter((k) => k && BUILTIN.indexOf(k) < 0),
+   )
+   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 h('div', { className: 'cb-field' },
+     h('label', null, t('language')),
+     h('select', {
+      value: val, disabled: !writable,
+      onChange: (e) => setIn(mode, 'language', e.target.value),
+     }, opts.map((o) => h('option', { key: o.code || 'auto', value: o.code },
+      t(o.labelKey) !== o.labelKey ? t(o.labelKey) : o.defaultLabel
+     ))),
+    )
+   }
+   const numField = (mode, key, label, hint) => h('div', { className: 'cb-field' },
+    h('label', null, label),
+    h('input', {
+     type: 'number', value: modeVal(mode, key, ''), disabled: !writable,
+     onChange: (e) => setIn(mode, key, Number(e.target.value)),
+    }),
+    h('span', { className: 'dvs-sub' }, hint),
+   )
+   const statsData = (statusData && statusData.providerStats) || {}
+   const recentDiagnostics = (statusData && statusData.recentDiagnostics) || []
+   const hostOnline = statusLatency !== null
+   const whisperRunning = !!(statusData && statusData.whisperRunning)
+   const providerCount = (statusData && Array.isArray(statusData.providers)) ? statusData.providers.length : chainOptions.length
+   return h('div', { className: 'cb-page dvo-settings-root' },
+    h(ConnectionStatusCard, {
+     t: t,
+     hostOnline: hostOnline,
+     statusLatency: statusLatency,
+     whisperRunning: whisperRunning,
+     providerCount: providerCount,
+     onRefresh: fetchStatus,
+     onOpenWizard: () => setShowWizard((v) => !v),
+    }),
+    showWizard ? h(FirstRunWizard, {
+     t: t,
+     draft: draft,
+     setTop: setTop,
+     writable: writable,
+     onClose: () => setShowWizard(false),
+    }) : null,
+    h('div', { className: 'cb-section-card' },
+     h('div', { className: 'cb-section-title' },
+      h('span', null, '🎙️ ' + t('dictationBtn')),
+     ),
+     h('div', { className: 'cb-section-desc' }, t('dictationHint')),
+     React.createElement(ChainEditor, {
+      t: t, value: draft && draft.dictation ? draft.dictation.chain : [], writable: writable,
+      options: chainOptions,
+      onChange: (v) => setIn('dictation', 'chain', v),
+     }),
+     h('div', { className: 'cb-grid-2' },
+      langField('dictation'),
+      numField('dictation', 'vadSilenceMs', t('pauseMs'), t('pauseHint')),
+      numField('dictation', 'sendDelayMs', t('sendDelay'), t('sendDelayHint')),
+      numField('dictation', 'streamChunkMs', t('streamChunkMs'), t('streamHint')),
+     ),
+     h('div', { className: 'cb-row' },
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox', checked: !!(draft && draft.dictation && draft.dictation.polish), disabled: !writable,
+        onChange: (e) => setIn('dictation', 'polish', e.target.checked),
+       }),
+       t('polish'),
       ),
-      React.createElement('span', { className: 'cb-badge ' + (micPermission === 'granted' ? 'cb-badge-ok' : (micPermission === 'denied' ? 'cb-badge-err' : 'cb-badge-warn')) },
-        micPermission === 'granted' ? ('✓ ' + t('wizardMicPermissionOk')) : (micPermission === 'denied' ? ('✗ ' + t('wizardMicPermissionBad')) : ('· ' + t('wizardMicPermissionPrompt')))
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox', checked: !!(draft && draft.dictation && draft.dictation.stream), disabled: !writable,
+        onChange: (e) => setIn('dictation', 'stream', e.target.checked),
+       }),
+       t('stream'),
       ),
+     ),
+     h('div', { className: 'cb-field' },
+      h('label', null, t('vadAdapt')),
+      h('input', {
+       type: 'range', min: 0, max: 1, step: 0.1,
+       value: Number(draft && draft.dictation && draft.dictation.vadAdapt) || 0, disabled: !writable,
+       onChange: (e) => setIn('dictation', 'vadAdapt', Number(e.target.value)),
+      }),
+      h('span', { className: 'dvs-sub' }, t('vadAdaptHint')),
+     ),
+     textField('wakeWord', t('wakeWord'), t('wakeWordHint')),
+    ),
+    h('div', { className: 'cb-section-card' },
+     h('div', { className: 'cb-section-title' },
+      h('span', null, '💬 ' + t('messageTitle')),
+     ),
+     h('div', { className: 'cb-section-desc' }, t('messageHint')),
+     React.createElement(ChainEditor, {
+      t: t, value: draft && draft.message ? draft.message.chain : [], writable: writable,
+      options: chainOptions,
+      onChange: (v) => setIn('message', 'chain', v),
+     }),
+     h('div', { className: 'cb-grid-2' },
+      langField('message'),
+      numField('message', 'autoSendMs', t('undoMs'), t('undoHint')),
+     ),
+     h('div', { className: 'cb-row' },
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox', checked: !!(draft && draft.message && draft.message.polish), disabled: !writable,
+        onChange: (e) => setIn('message', 'polish', e.target.checked),
+       }),
+       t('polish'),
       ),
-      React.createElement('div', { className: 'cb-field', style: { marginTop: '8px' } },
-      React.createElement('label', null, t('wizardMicLabel')),
-      React.createElement('div', { className: 'cb-row' },
-        React.createElement('select', {
-        value: selectedDev,
-        style: { flex: 1, minWidth: '240px' },
-        onChange: (e) => {
-          setSelectedDev(e.target.value)
-          if (typeof setTop === 'function') setTop('micDeviceId', e.target.value)
-          stopSignalTest()
-        },
-        },
-        React.createElement('option', { value: '' }, 'Default System Microphone'),
-        devices.map((d) => React.createElement('option', { key: d.deviceId, value: d.deviceId }, d.label || `Microphone ${d.deviceId.slice(0, 8)}…`))
-        ),
-        React.createElement('button', {
-        type: 'button',
-        className: 'cb-btn',
-        onClick: requestPermissionAndTestSignal,
-        }, t('wizardRequestMic')),
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox', checked: !!(draft && draft.message && draft.message.polishSend), disabled: !writable,
+        onChange: (e) => setIn('message', 'polishSend', e.target.checked),
+       }),
+       t('polishSend'),
       ),
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox', checked: !!(draft && draft.message && draft.message.sessionCommands), disabled: !writable,
+        onChange: (e) => setIn('message', 'sessionCommands', e.target.checked),
+       }),
+       t('sessionCommands'),
       ),
+     ),
     ),
-
-    // Step 2: Live Audio Signal Test
-    React.createElement('div', { className: 'dvs-card' },
-      React.createElement('div', { className: 'dvs-h' }, t('wizardStep2')),
-      React.createElement('div', { className: 'cb-row', style: { alignItems: 'center' } },
-      React.createElement('button', {
-        type: 'button',
-        className: 'cb-btn ' + (signalTesting ? 'cb-btn-danger' : 'cb-btn-primary'),
-        onClick: signalTesting ? stopSignalTest : requestPermissionAndTestSignal,
-      }, signalTesting ? t('wizardStopSignalCheck') : t('wizardStartSignalCheck')),
-      signalTesting ? React.createElement('span', { className: 'dvs-sub' }, t('wizardSignalTesting')) : null,
-      ),
-      signalTesting ? React.createElement('div', { style: { marginTop: '8px', display: 'flex', flexDirection: 'column', gap: '6px' } },
-      React.createElement('div', {
-        style: {
-        height: '14px',
-        borderRadius: '7px',
-        background: 'var(--dsw-alias-bg-layer-1)',
-        border: '1px solid var(--dsw-alias-border-l1)',
-        overflow: 'hidden',
-        position: 'relative',
-        },
-      },
-        React.createElement('div', {
-        style: {
-          width: `${currentRms}%`,
-          height: '100%',
-          background: currentRms > 5 ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-label-dimmed)',
-          transition: 'width 0.05s linear',
-        },
-        }),
+    h('div', { className: 'cb-section-card' },
+     h('div', { className: 'cb-section-title' },
+      h('span', null, '⚙️ ' + t('customTitle')),
+     ),
+     h('div', { className: 'cb-section-desc' }, t('customHint')),
+     React.createElement(CustomEditor, {
+      value: draft && draft.customProviders ? draft.customProviders : [], writable: writable,
+      options: chainOptions,
+      onChange: (v) => setTop('customProviders', v),
+     }),
+    ),
+    h(HardwareOptionsCard, {
+     t: t,
+     draft: draft,
+     setTop: setTop,
+     writable: writable,
+     catching: catching,
+     setCatching: setCatching,
+     devices: devices,
+     testingMic: testingMic,
+     toggleTestMic: toggleTestMic,
+     testLevel: testLevel,
+     gateDbVal: gateDbVal,
+     gateThresholdPercent: gateThresholdPercent,
+     calibrating: calibrating,
+     calibrateMsg: calibrateMsg,
+     calibrateNoise: calibrateNoise,
+     onClearKey: () => {
+      setDraft((d) => Object.assign({}, d || {}, { hotkey: '' }))
+      voice.hotkey = ''
+      clearGlobalHotkey()
+     },
+    }),
+    h(SensevoiceSection, {
+     t: t,
+     sensevoiceState: sensevoiceState,
+     installingSensevoice: installingSensevoice,
+     writable: writable,
+     onInstall: triggerInstallSensevoice,
+    }),
+    h('div', { className: 'cb-section-card' },
+     h('div', { className: 'cb-section-title' },
+      h('span', null, '🎙️ ' + t('turnTakingTitle')),
+     ),
+     h('div', { className: 'cb-section-desc' }, t('turnTakingDesc')),
+     h('div', { className: 'cb-grid-2' },
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox',
+        checked: draft ? draft.gatedTurnTaking !== false : true,
+        disabled: !writable,
+        onChange: (e) => setTop('gatedTurnTaking', e.target.checked),
+       }),
+       t('gatedTurnTaking'),
       ),
-      React.createElement('span', { className: currentRms > 5 ? 'dvs-ok' : 'dvs-sub' },
-        currentRms > 5
-        ? t('wizardSignalOk').replace('{level}', currentRms)
-        : t('wizardSignalZero')
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox',
+        checked: !!(draft && draft.bargeIn),
+        disabled: !writable,
+        onChange: (e) => setTop('bargeIn', e.target.checked),
+       }),
+       t('bargeInDesc'),
       ),
-      ) : null,
+     ),
     ),
-
-    // Step 3: Transcription Round-Trip Test
-    React.createElement('div', { className: 'dvs-card' },
-      React.createElement('div', { className: 'dvs-h' }, t('wizardStep3')),
-      React.createElement('div', { className: 'cb-row' },
-      React.createElement('span', { className: 'dvs-sub' }, `${t('wizardProviderLabel')} ${activeProvider}`),
-      React.createElement('span', { className: 'cb-badge' }, `${t('wizardProcessingArea')} ${areaLabel}`),
+    h('div', { className: 'cb-section-card' },
+     h('div', { className: 'cb-section-title' },
+      h('span', null, '✨ ' + t('smartActionsTitle')),
+     ),
+     h('div', { className: 'cb-grid-2' },
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox',
+        checked: draft ? draft.liveInterimPreview !== false : true,
+        disabled: !writable,
+        onChange: (e) => setTop('liveInterimPreview', e.target.checked),
+       }),
+       t('liveInterimPreview'),
       ),
-      React.createElement('div', { className: 'cb-row', style: { marginTop: '8px' } },
-      React.createElement('button', {
-        type: 'button',
-        className: 'cb-btn cb-btn-primary',
-        disabled: testingStt || micPermission === 'denied',
-        onClick: runSttTest,
-      }, testingStt
-        ? (testCountdown > 0 ? t('wizardRecordingTest').replace('{left}', testCountdown) : t('wizardTranscribingTest'))
-        : t('wizardStartTestRecord')
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox',
+        checked: draft ? draft.autoSendVisualRing !== false : true,
+        disabled: !writable,
+        onChange: (e) => setTop('autoSendVisualRing', e.target.checked),
+       }),
+       t('autoSendVisualRing'),
       ),
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox',
+        checked: draft ? draft.voiceActions !== false : true,
+        disabled: !writable,
+        onChange: (e) => setTop('voiceActions', e.target.checked),
+       }),
+       t('voiceActionsLabel'),
       ),
-      testResult ? React.createElement('div', { style: { marginTop: '8px', display: 'flex', flexDirection: 'column', gap: '4px' } },
-      React.createElement('div', { className: 'dvs-ok' },
-        '✓ ' + t('wizardTestSuccess').replace('{latency}', testLatency || 0)
+      h('label', { className: 'cb-check-label' },
+       h('input', {
+        type: 'checkbox',
+        checked: draft ? draft.structuredPromptVoice !== false : true,
+        disabled: !writable,
+        onChange: (e) => setTop('structuredPromptVoice', e.target.checked),
+       }),
+       t('structuredPromptVoice'),
       ),
-      React.createElement('blockquote', {
-        style: {
-        margin: '4px 0 0 0',
-        padding: '8px 12px',
-        borderRadius: '6px',
-        background: 'var(--dsw-alias-bg-layer-3)',
-        borderLeft: '4px solid var(--dsw-alias-state-success-primary)',
-        color: 'var(--dsw-alias-label-primary)',
-        fontStyle: 'italic',
-        },
-      }, `“${testResult}”`),
-      ) : null,
-      testError ? React.createElement('div', { className: 'cb-alert-err', style: { marginTop: '8px' } },
-      t('wizardTestFailed').replace('{error}', testError)
-      ) : null,
+     ),
     ),
-
-    // Next Step Hint / Feedback
-    nextStepHint ? React.createElement('div', { className: 'dvs-wait', style: { fontStyle: 'italic' } },
-      t('wizardNextStepHint').replace('{hint}', nextStepHint)
-    ) : null,
-
-    // Wizard Bottom Actions
-    React.createElement('div', { className: 'cb-row', style: { justifyContent: 'space-between', marginTop: '6px' } },
-      React.createElement('button', {
-      type: 'button',
-      className: 'cb-btn',
-      onClick: () => {
-        if (typeof setTop === 'function') setTop('wizardCompleted', true)
-        if (onClose) onClose()
-      },
-      }, t('wizardSkip')),
-      testResult ? React.createElement('button', {
-      type: 'button',
-      className: 'cb-btn cb-btn-primary',
-      onClick: () => {
-        if (typeof setTop === 'function') setTop('wizardCompleted', true)
-        if (onClose) onClose()
-      },
-      }, '✓ ' + t('wizardFinishSuccess')) : null,
+    // Dictation Modes & Prompts (#264)
+    h(DictationModesSection, {
+     t: t,
+     draft: draft,
+     setTop: setTop,
+     writable: writable,
+    }),
+    // Voice Action Macros (#167)
+    h(MacrosSection, {
+     t: t,
+     draft: draft,
+     setTop: setTop,
+     writable: writable,
+    }),
+    h(JargonEditor, {
+     t: t,
+     draft: draft,
+     setTop: setTop,
+     writable: writable,
+     jargonInput: jargonInput,
+     setJargonInput: setJargonInput,
+    }),
+    h(ProviderDashboard, {
+     t: t,
+     statsData: statsData,
+     recentDiagnostics: recentDiagnostics,
+     onRefresh: fetchStatus,
+    }),
+    h(UpdaterCard, {
+     t: t,
+     updaterStatus: updaterStatus,
+     updaterLoading: updaterLoading,
+     updating: updating,
+     updaterMsg: updaterMsg,
+     updaterMsgKind: updaterMsgKind,
+     onCheck: checkUpdater,
+     onUpdateNow: onUpdateNow,
+    }),
+    h('div', { className: 'cb-row' },
+     h('button', { type: 'button', className: 'cb-btn cb-btn-primary', disabled: !writable, onClick: save }, t('save')),
+     saved ? h('span', { className: 'dvs-ok' }, t('saved')) : null,
+     err ? h('span', { className: 'dvs-bad' }, err) : null,
     ),
-      )
+   )
+  }
+  // ------------------------------------------------------- first-run wizard (#265)
+  function FirstRunWizard(props) {
+   const t = props.t || moduleT
+   const draft = props.draft
+   const setTop = props.setTop
+   const writable = props.writable
+   const onClose = props.onClose
+
+   const isSecure = typeof window !== 'undefined' ? (window.isSecureContext || window.location.protocol === 'https:' || window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') : true
+   const hasMediaDevices = typeof navigator !== 'undefined' && !!navigator.mediaDevices && typeof navigator.mediaDevices.getUserMedia === 'function'
+   const hasMediaRecorder = typeof MediaRecorder !== 'undefined'
+
+   const [micPermission, setMicPermission] = React.useState('prompt')
+   const [devices, setDevices] = React.useState([])
+   const [selectedDev, setSelectedDev] = React.useState((draft && draft.micDeviceId) || '')
+   const [signalTesting, setSignalTesting] = React.useState(false)
+   const [currentRms, setCurrentRms] = React.useState(0)
+   const [peakRms, setPeakRms] = React.useState(0)
+   const [testingStt, setTestingStt] = React.useState(false)
+   const [testCountdown, setTestCountdown] = React.useState(0)
+   const [testResult, setTestResult] = React.useState(null)
+   const [testError, setTestError] = React.useState('')
+   const [testLatency, setTestLatency] = React.useState(null)
+
+   const signalStreamRef = React.useRef(null)
+   const audioCtxRef = React.useRef(null)
+   const animFrameRef = React.useRef(null)
+
+   React.useEffect(() => {
+  if (typeof navigator !== 'undefined' && navigator.permissions && navigator.permissions.query) {
+   navigator.permissions.query({ name: 'microphone' })
+   .then((p) => {
+    if (p) {
+    setMicPermission(p.state)
+    p.onchange = () => setMicPermission(p.state)
+    }
+   })
+   .catch(() => {})
+  }
+   }, [])
+
+   const refreshDevices = () => {
+  if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) return
+  navigator.mediaDevices.enumerateDevices()
+   .then((list) => {
+   const audioInputs = list.filter((d) => d.kind === 'audioinput')
+   setDevices(audioInputs)
+   })
+   .catch(() => {})
+   }
+
+   React.useEffect(() => {
+  refreshDevices()
+   }, [])
+
+   const stopSignalTest = () => {
+  if (animFrameRef.current) {
+   cancelAnimationFrame(animFrameRef.current)
+   animFrameRef.current = null
+  }
+  if (signalStreamRef.current) {
+   try { signalStreamRef.current.getTracks().forEach((trk) => trk.stop()) } catch (_) {}
+   signalStreamRef.current = null
+  }
+  if (audioCtxRef.current) {
+   try { audioCtxRef.current.close() } catch (_) {}
+   audioCtxRef.current = null
+  }
+  setSignalTesting(false)
+  setCurrentRms(0)
+   }
+
+   React.useEffect(() => {
+  return () => {
+   stopSignalTest()
+  }
+   }, [])
+
+   const requestPermissionAndTestSignal = async () => {
+  stopSignalTest()
+  setTestError('')
+  try {
+   const constraints = {
+   audio: selectedDev ? { deviceId: { exact: selectedDev } } : true,
+   }
+   const stream = await navigator.mediaDevices.getUserMedia(constraints)
+   signalStreamRef.current = stream
+   setMicPermission('granted')
+   refreshDevices()
+
+   const AC = typeof AudioContext !== 'undefined' ? AudioContext
+   : (typeof webkitAudioContext !== 'undefined' ? webkitAudioContext : null)
+   if (!AC) return
+   const actx = new AC()
+   audioCtxRef.current = actx
+   if (actx.state === 'suspended') { actx.resume().catch(() => {}) }
+   const src = actx.createMediaStreamSource(stream)
+   const analyser = actx.createAnalyser()
+   analyser.fftSize = 128
+   src.connect(analyser)
+
+   setSignalTesting(true)
+   const buf = new Uint8Array(analyser.frequencyBinCount)
+
+   const checkLevel = () => {
+   if (!signalStreamRef.current) return
+   analyser.getByteFrequencyData(buf)
+   let sum = 0
+   for (let i = 0; i < buf.length; i++) sum += buf[i]
+   const rms = Math.min(100, Math.round((sum / buf.length / 255) * 100 * 2.2))
+   setCurrentRms(rms)
+   setPeakRms((prev) => Math.max(prev, rms))
+   animFrameRef.current = requestAnimationFrame(checkLevel)
+   }
+   animFrameRef.current = requestAnimationFrame(checkLevel)
+  } catch (err) {
+   setMicPermission('denied')
+   setTestError(String(err && err.message ? err.message : err))
+   stopSignalTest()
+  }
+   }
+
+   const runSttTest = async () => {
+  stopSignalTest()
+  setTestError('')
+  setTestResult(null)
+  setTestLatency(null)
+  setTestingStt(true)
+  setTestCountdown(3)
+
+  let testStream = null
+  let recorder = null
+  const chunks = []
+
+  try {
+   const constraints = {
+   audio: selectedDev ? { deviceId: { exact: selectedDev } } : true,
+   }
+   testStream = await navigator.mediaDevices.getUserMedia(constraints)
+   let mime = 'audio/webm;codecs=opus'
+   if (!MediaRecorder.isTypeSupported(mime)) mime = ''
+   recorder = mime ? new MediaRecorder(testStream, { mimeType: mime }) : new MediaRecorder(testStream)
+   recorder.ondataavailable = (e) => {
+   if (e.data && e.data.size > 0) chunks.push(e.data)
+   }
+   recorder.start()
+
+   let left = 3
+   const countdownTimer = setInterval(() => {
+   left -= 1
+   setTestCountdown(left)
+   if (left <= 0) {
+    clearInterval(countdownTimer)
+    if (recorder.state !== 'inactive') recorder.stop()
+   }
+   }, 1000)
+
+   await new Promise((resolve) => recorder.addEventListener('stop', resolve, { once: true }))
+
+   try { testStream.getTracks().forEach((trk) => trk.stop()) } catch (_) {}
+
+   const blob = new Blob(chunks, { type: mime || 'audio/webm' })
+   if (blob.size < 400) {
+   setTestError(t('wizardTestEmpty'))
+   setTestingStt(false)
+   return
+   }
+
+   setTestCountdown(0)
+   const startMs = Date.now()
+   const dataBase64 = await blobToBase64(blob)
+   const payload = {
+   dataBase64,
+   mimeType: mime || recorder.mimeType || 'audio/webm',
+   mode: 'dictation',
+   subMode: 'clean',
+   }
+
+   const res = await fetch('/dsh-voice/transcribe', {
+   method: 'POST',
+   headers: { 'content-type': 'application/json' },
+   body: JSON.stringify(payload),
+   })
+   const data = await res.json()
+   const latency = Date.now() - startMs
+   setTestLatency(latency)
+
+   if (!res.ok || !data || !data.ok) {
+   const msg = (data && data.error && data.error.message) || `HTTP ${res.status}`
+   setTestError(msg)
+   } else {
+   const recognized = String(data.text || '').trim()
+   if (recognized) {
+    setTestResult(recognized)
+    if (typeof setTop === 'function') {
+    setTop('wizardCompleted', true)
     }
+   } else {
+    setTestError(t('wizardTestEmpty'))
+   }
+   }
+  } catch (err) {
+   setTestError(String(err && err.message ? err.message : err))
+  } finally {
+   if (testStream) {
+   try { testStream.getTracks().forEach((trk) => trk.stop()) } catch (_) {}
+   }
+   setTestingStt(false)
+  }
+   }
+
+   // Determine active chain info
+   const dictationChain = (draft && draft.dictation && draft.dictation.chain) || []
+   const activeProvider = (dictationChain[0] && (dictationChain[0].provider || dictationChain[0])) || 'sensevoice'
+   let areaLabel = t('wizardAreaServer')
+   if (activeProvider === 'browser' || activeProvider === 'browser-webgpu') {
+  areaLabel = t('wizardAreaBrowser')
+   } else if (activeProvider !== 'sensevoice' && activeProvider !== 'local-whisper') {
+  areaLabel = t('wizardAreaCloud')
+   }
+
+   let nextStepHint = ''
+   if (!isSecure) {
+  nextStepHint = t('wizardHintHttps')
+   } else if (micPermission === 'denied') {
+  nextStepHint = t('wizardHintPermission')
+   } else if (peakRms === 0 && signalTesting) {
+  nextStepHint = t('wizardHintDevice')
+   } else if (testError) {
+  nextStepHint = t('wizardHintProvider')
+   }
+
+   return h('div', { className: 'cb-section-card', style: { borderColor: 'var(--dsw-alias-state-brand-primary)' } },
+  h('div', { className: 'cb-section-title' },
+   h('span', null, '✨ ' + t('wizardTitle')),
+   h('div', { style: { display: 'flex', gap: '8px' } },
+   testResult ? h('span', { className: 'cb-badge cb-badge-ok' }, '✓ ' + t('wizardStatusCompleted')) : null,
+   onClose ? h('button', {
+    type: 'button', className: 'cb-btn cb-btn-mini', onClick: onClose, title: t('wizardClose'),
+   }, '✕') : null,
+   ),
+  ),
+  h('div', { className: 'cb-section-desc' }, t('wizardDesc')),
+
+  // Step 1: Environment & Permissions
+  h('div', { className: 'dvs-card' },
+   h('div', { className: 'dvs-h' }, t('wizardStep1')),
+   h('div', { className: 'cb-row' },
+   h('span', { className: 'cb-badge ' + (isSecure ? 'cb-badge-ok' : 'cb-badge-err') },
+    isSecure ? ('✓ ' + t('wizardSecureContextOk')) : ('✗ ' + t('wizardSecureContextBad'))
+   ),
+   h('span', { className: 'cb-badge ' + (hasMediaDevices ? 'cb-badge-ok' : 'cb-badge-err') },
+    hasMediaDevices ? ('✓ ' + t('wizardMediaDevicesOk')) : ('✗ ' + t('wizardMediaDevicesBad'))
+   ),
+   h('span', { className: 'cb-badge ' + (hasMediaRecorder ? 'cb-badge-ok' : 'cb-badge-err') },
+    hasMediaRecorder ? ('✓ ' + t('wizardMediaRecorderOk')) : ('✗ ' + t('wizardMediaRecorderBad'))
+   ),
+   h('span', { className: 'cb-badge ' + (micPermission === 'granted' ? 'cb-badge-ok' : (micPermission === 'denied' ? 'cb-badge-err' : 'cb-badge-warn')) },
+    micPermission === 'granted' ? ('✓ ' + t('wizardMicPermissionOk')) : (micPermission === 'denied' ? ('✗ ' + t('wizardMicPermissionBad')) : ('· ' + t('wizardMicPermissionPrompt')))
+   ),
+   ),
+   h('div', { className: 'cb-field', style: { marginTop: '8px' } },
+   h('label', null, t('wizardMicLabel')),
+   h('div', { className: 'cb-row' },
+    h('select', {
+    value: selectedDev,
+    style: { flex: 1, minWidth: '240px' },
+    onChange: (e) => {
+     setSelectedDev(e.target.value)
+     if (typeof setTop === 'function') setTop('micDeviceId', e.target.value)
+     stopSignalTest()
+    },
+    },
+    h('option', { value: '' }, 'Default System Microphone'),
+    devices.map((d) => h('option', { key: d.deviceId, value: d.deviceId }, d.label || `Microphone ${d.deviceId.slice(0, 8)}…`))
+    ),
+    h('button', {
+    type: 'button',
+    className: 'cb-btn',
+    onClick: requestPermissionAndTestSignal,
+    }, t('wizardRequestMic')),
+   ),
+   ),
+  ),
+
+  // Step 2: Live Audio Signal Test
+  h('div', { className: 'dvs-card' },
+   h('div', { className: 'dvs-h' }, t('wizardStep2')),
+   h('div', { className: 'cb-row', style: { alignItems: 'center' } },
+   h('button', {
+    type: 'button',
+    className: 'cb-btn ' + (signalTesting ? 'cb-btn-danger' : 'cb-btn-primary'),
+    onClick: signalTesting ? stopSignalTest : requestPermissionAndTestSignal,
+   }, signalTesting ? t('wizardStopSignalCheck') : t('wizardStartSignalCheck')),
+   signalTesting ? h('span', { className: 'dvs-sub' }, t('wizardSignalTesting')) : null,
+   ),
+   signalTesting ? h('div', { style: { marginTop: '8px', display: 'flex', flexDirection: 'column', gap: '6px' } },
+   h('div', {
+    style: {
+    height: '14px',
+    borderRadius: '7px',
+    background: 'var(--dsw-alias-bg-layer-1)',
+    border: '1px solid var(--dsw-alias-border-l1)',
+    overflow: 'hidden',
+    position: 'relative',
+    },
+   },
+    h('div', {
+    style: {
+     width: `${currentRms}%`,
+     height: '100%',
+     background: currentRms > 5 ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-label-dimmed)',
+     transition: 'width 0.05s linear',
+    },
+    }),
+   ),
+   h('span', { className: currentRms > 5 ? 'dvs-ok' : 'dvs-sub' },
+    currentRms > 5
+    ? t('wizardSignalOk').replace('{level}', currentRms)
+    : t('wizardSignalZero')
+   ),
+   ) : null,
+  ),
+
+  // Step 3: Transcription Round-Trip Test
+  h('div', { className: 'dvs-card' },
+   h('div', { className: 'dvs-h' }, t('wizardStep3')),
+   h('div', { className: 'cb-row' },
+   h('span', { className: 'dvs-sub' }, `${t('wizardProviderLabel')} ${activeProvider}`),
+   h('span', { className: 'cb-badge' }, `${t('wizardProcessingArea')} ${areaLabel}`),
+   ),
+   h('div', { className: 'cb-row', style: { marginTop: '8px' } },
+   h('button', {
+    type: 'button',
+    className: 'cb-btn cb-btn-primary',
+    disabled: testingStt || micPermission === 'denied',
+    onClick: runSttTest,
+   }, testingStt
+    ? (testCountdown > 0 ? t('wizardRecordingTest').replace('{left}', testCountdown) : t('wizardTranscribingTest'))
+    : t('wizardStartTestRecord')
+   ),
+   ),
+   testResult ? h('div', { style: { marginTop: '8px', display: 'flex', flexDirection: 'column', gap: '4px' } },
+   h('div', { className: 'dvs-ok' },
+    '✓ ' + t('wizardTestSuccess').replace('{latency}', testLatency || 0)
+   ),
+   h('blockquote', {
+    style: {
+    margin: '4px 0 0 0',
+    padding: '8px 12px',
+    borderRadius: '6px',
+    background: 'var(--dsw-alias-bg-layer-3)',
+    borderLeft: '4px solid var(--dsw-alias-state-success-primary)',
+    color: 'var(--dsw-alias-label-primary)',
+    fontStyle: 'italic',
+    },
+   }, `“${testResult}”`),
+   ) : null,
+   testError ? h('div', { className: 'cb-alert-err', style: { marginTop: '8px' } },
+   t('wizardTestFailed').replace('{error}', testError)
+   ) : null,
+  ),
+
+  // Next Step Hint / Feedback
+  nextStepHint ? h('div', { className: 'dvs-wait', style: { fontStyle: 'italic' } },
+   t('wizardNextStepHint').replace('{hint}', nextStepHint)
+  ) : null,
+
+  // Wizard Bottom Actions
+  h('div', { className: 'cb-row', style: { justifyContent: 'space-between', marginTop: '6px' } },
+   h('button', {
+   type: 'button',
+   className: 'cb-btn',
+   onClick: () => {
+    if (typeof setTop === 'function') setTop('wizardCompleted', true)
+    if (onClose) onClose()
+   },
+   }, t('wizardSkip')),
+   testResult ? h('button', {
+   type: 'button',
+   className: 'cb-btn cb-btn-primary',
+   onClick: () => {
+    if (typeof setTop === 'function') setTop('wizardCompleted', true)
+    if (onClose) onClose()
+   },
+   }, '✓ ' + t('wizardFinishSuccess')) : null,
+  ),
+   )
+  }
     // Card in Settings → Plugins → Plugin settings (#18)
     function PluginCard(props) {
       const page = !!(props && props.view === 'page')
@@ -5122,12 +5414,12 @@ function MacrosSection(props) {
       // Row seat (plugins.row.config): the host page draws title/icon/crumb and the
       // padding, so the summary is a one-liner and the page drops our card chrome.
       if (props && props.view === 'summary') {
-        return React.createElement('span', { className: 'dvo-pdesc' }, tt('cardHint'))
+        return h('span', { className: 'dvo-pdesc' }, tt('cardHint'))
       }
-      return React.createElement(ErrorBoundary, null,
-        React.createElement(page ? 'div' : 'li',
+      return h(ErrorBoundary, null,
+        h(page ? 'div' : 'li',
           { className: page ? 'dvo-ppage' : (open ? 'dvo-pcard dvo-pcardOpen' : 'dvo-pcard') },
-          React.createElement('button',
+          h('button',
             {
               type: 'button', className: 'dvo-phead',
               style: page ? { display: 'none' } : undefined,
@@ -5135,13 +5427,13 @@ function MacrosSection(props) {
               'aria-label': (open ? tt('collapse') : tt('expand')) + ': ' + title,
               onClick: () => setOpen((v) => !v),
             },
-            React.createElement('span', { className: 'dvo-pheadtext' },
-              React.createElement('span', { className: 'dvo-ptitle' }, title),
-              React.createElement('span', { className: 'dvo-pdesc' }, tt('cardHint')),
+            h('span', { className: 'dvo-pheadtext' },
+              h('span', { className: 'dvo-ptitle' }, title),
+              h('span', { className: 'dvo-pdesc' }, tt('cardHint')),
             ),
-            React.createElement('span', { className: 'dvo-pchev' }, chevronIcon()),
+            h('span', { className: 'dvo-pchev' }, chevronIcon()),
           ),
-          (page || open) ? React.createElement('div', { className: 'dvo-pbody dvo-settings-root' }, React.createElement(VoiceSection, props)) : null,
+          (page || open) ? h('div', { className: 'dvo-pbody dvo-settings-root' }, h(VoiceSection, props)) : null,
         ),
       )
     }