@goodandready/dsh-voice 0.8.23 → 0.8.25

package/lib/client-src/10-locale.js

@@ -153,6 +153,9 @@
       'hardwareDesc': 'Microphone device, local whisper.cpp and SenseVoice runtime settings.',
       'uiError': 'Voice UI Error:',
       'retry': 'Retry',
+      'testMic': 'Test Mic',
+      'stopTest': 'Stop Test',
+      'micLevel': 'Mic level',
     }
 
     // Strings are also needed outside components — in recording handlers and

package/lib/client-src/20-css.js

@@ -1,12 +1,12 @@
     // ------------------------------------------------------------------ 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}' +
+      '.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 rgba(0,0,0,.18);box-sizing:border-box}' +
-      '.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)}' +
+      '.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 rgba(0,0,0,.18);box-sizing:border-box;user-select:none;-webkit-user-select: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;height:40px;width:100%;color:var(--dsw-alias-label-primary)}' +
+      '.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)}' +
@@ -27,7 +27,10 @@
       '.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-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}'
     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')

package/lib/client-src/30-core.js

@@ -126,7 +126,7 @@
     function applyVoiceCommands(text) {
       let s = text
       for (const [re, to] of VOICE_COMMANDS) s = s.replace(re, to)
-      return s.replace(/[ \t]+/g, ' ').trim()
+      return s.replace(/[ \t]*\n[ \t]*/g, '\n').replace(/[ \t]+/g, ' ').trim()
     }
 
     // Insert history for undo (#29-9). Browser-only storage.
@@ -282,3 +282,5 @@
     }
 
     // Fetch the mode chain from the host once. Only needed to decide whether
+
+    voice._core = { tidyPhrase, applyVoiceCommands, VOICE_COMMANDS, undoLastInsert, insertHistory }

package/lib/client-src/40-recording.js

@@ -23,6 +23,7 @@
     function teardown(rec) {
       if (!rec) return
       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.audioCtx) { try { rec.audioCtx.close() } catch (e) { /* already closed */ } }
     }
 
@@ -60,7 +61,9 @@
         : (typeof webkitAudioContext !== 'undefined' ? webkitAudioContext : null)
       if (AC) {
         rec.audioCtx = new AC()
+        if (rec.audioCtx.state === 'suspended') { rec.audioCtx.resume().catch(() => {}) }
         const src = rec.audioCtx.createMediaStreamSource(stream)
+        rec.srcNode = src
         rec.analyser = rec.audioCtx.createAnalyser()
         rec.analyser.fftSize = 128
         src.connect(rec.analyser)
@@ -81,6 +84,8 @@
 
     // Cut the current phrase: stop the recorder, send the finished file and
     // immediately start a new recording with the same recorder.
+    let dictationQueue = Promise.resolve()
+
     function cutPhrase() {
       const rec = voice.rec
       if (!rec || rec.cutting || rec.closing) return
@@ -97,7 +102,8 @@
           try { rec.recorder.start() } catch (e) { /* stream already closed */ }
         }
         rec.cutting = false
-        if (blob.size < 1200) return       // too short — not speech
+        if (blob.size < 600) return       // too short — not speech
+        dictationQueue = dictationQueue.then(async () => {
         try {
           const out = await sendAudio(blob, rec.mime, 'dictation')
           const text = out && out.text ? out.text : ''
@@ -113,6 +119,7 @@
         } catch (e) {
           voice.set({ error: String(e && e.message ? e.message : e) })
         }
+        })
       })
     }
 
@@ -171,6 +178,7 @@
       // Announce before opening the mic: the sooner playback mutes, the less
       // of it ends up in the recording.
       announceVoice('start')
+      dictationQueue = Promise.resolve()
       voice.set({ phase: 'recording', mode, error: '', levels: [], caption: '' })
       modeChain(mode).then((info) => {
         // Browser leg only when it is explicitly first in the chain.

package/lib/client-src/41-buttons.js

@@ -5,6 +5,7 @@
       voice.input = props.input
       if (v.phase !== 'idle' && v.phase !== 'error') return null
       const err = v.phase === 'error'
+      const hk = voice.hotkey ? ` (${voice.hotkey})` : ''
       return React.createElement(React.Fragment, null,
         React.createElement('button', {
           type: 'button', className: 'dvo-btn', 'data-err': err ? '1' : '0',
@@ -12,7 +13,7 @@
         }, micIcon()),
         React.createElement('button', {
           type: 'button', className: 'dvo-btn', 'data-err': err ? '1' : '0',
-          title: err ? v.error : t('messageBtn'),
+          title: err ? v.error : (t('messageBtn') + hk),
           // Hold: record while pressed; leaving the control cancels.
           onPointerDown: (e) => { e.preventDefault(); beginHold('message') },
           onPointerUp: () => endHold(false),

package/lib/client-src/60-composer.js

@@ -50,45 +50,67 @@
         return () => dispose()
       }, [v.phase])
 
-      // Waveform / visualizer animation.
+      // Waveform / visualizer animation: requestAnimationFrame with HiDPI scaling
       React.useEffect(() => {
         if (v.phase !== 'recording') return
         let frame = 0
-        const dispose = ctx.interval(() => {
+        let animId = null
+        let running = true
+
+        const render = () => {
+          if (!running) return
           const canvas = canvasRef.current
-          if (!canvas) return
-          const g = canvas.getContext('2d')
-          const w = canvas.width, h = canvas.height
-          g.clearRect(0, 0, w, h)
-          if (!voice.waveColor) {
-            try { voice.waveColor = getComputedStyle(canvas).color || '#fff' } catch (e) { voice.waveColor = '#fff' }
-          }
-          const levels = voice.levels
-          const style = (voice.settings && voice.settings.visualizerStyle) || 'liquid-wave'
-          frame++
+          if (canvas) {
+            const g = canvas.getContext('2d')
+            const dpr = typeof window !== 'undefined' ? (window.devicePixelRatio || 1) : 1
+            const rect = canvas.getBoundingClientRect()
+            const cssW = rect.width || 720
+            const cssH = rect.height || 40
+            const targetW = Math.max(1, Math.round(cssW * dpr))
+            const targetH = Math.max(1, Math.round(cssH * dpr))
 
-          if (style === 'off') {
-            g.beginPath()
-            g.globalAlpha = 0.25
-            g.strokeStyle = voice.waveColor
-            g.lineWidth = 1
-            g.moveTo(10, h / 2)
-            g.lineTo(w - 10, h / 2)
-            g.stroke()
-            g.globalAlpha = 1
-            return
-          }
+            if (canvas.width !== targetW || canvas.height !== targetH) {
+              canvas.width = targetW
+              canvas.height = targetH
+            }
 
-          if (style === 'dynamic-orb') {
-            drawDynamicOrb(g, w, h, levels, voice.waveColor, frame)
-          } else if (style === 'bars') {
-            drawClassicBars(g, w, h, levels, voice.waveColor)
-          } else {
-            // default: liquid-wave
-            drawLiquidWave(g, w, h, levels, voice.waveColor, frame)
+            g.save()
+            g.scale(dpr, dpr)
+            g.clearRect(0, 0, cssW, cssH)
+
+            if (!voice.waveColor) {
+              try { voice.waveColor = getComputedStyle(canvas).color || '#fff' } catch (e) { voice.waveColor = '#fff' }
+            }
+            const levels = voice.levels
+            const style = (voice.settings && voice.settings.visualizerStyle) || 'liquid-wave'
+            frame++
+
+            if (style === 'off') {
+              g.beginPath()
+              g.globalAlpha = 0.25
+              g.strokeStyle = voice.waveColor
+              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)
+            } else if (style === 'bars') {
+              drawClassicBars(g, cssW, cssH, levels, voice.waveColor)
+            } else {
+              drawLiquidWave(g, cssW, cssH, levels, voice.waveColor, frame)
+            }
+            g.restore()
           }
-        }, 33)
-        return () => dispose()
+          animId = requestAnimationFrame(render)
+        }
+
+        animId = requestAnimationFrame(render)
+        return () => {
+          running = false
+          if (animId) cancelAnimationFrame(animId)
+        }
       }, [v.phase])
 
       // Message-mode cancel window.
@@ -241,6 +263,7 @@
               dispose()
               dispose = () => {}
               const key = data && data.hotkey
+              voice.hotkey = key || ''
               if (key) dispose = installHotkey(ctx, key, 'message')
               // The composer needs fresh settings without opening the card.
               Object.assign(voice.settings, {

package/lib/client-src/72-voice-section.js

@@ -74,23 +74,84 @@
         voice.settings = Object.assign({}, voice.settings, {
           vadSilenceMs: Number(value && value.dictation && value.dictation.vadSilenceMs) || 700,
           autoSendMs: Number(value && value.message && value.message.autoSendMs) || 4000,
-          beep: !!(snap && snap.beep),
-          micDeviceId: String((snap && snap.micDeviceId) || ''),
-          historyLimit: Number(snap && snap.historyLimit),
-          voiceCommands: !!(snap && snap.voiceCommands),
+          beep: !!(value && value.beep),
+          micDeviceId: String((value && value.micDeviceId) || ''),
+          historyLimit: Number(value && value.historyLimit) || 20,
+          voiceCommands: !!(value && value.voiceCommands),
           sendDelayMs: Number(value && value.dictation && value.dictation.sendDelayMs) || 0,
           stream: !!(value && value.dictation && value.dictation.stream),
           streamChunkMs: Number(value && value.dictation && value.dictation.streamChunkMs) || 1200,
           vadAdapt: Number(value && value.dictation && value.dictation.vadAdapt) || 0,
-          wakeWord: String((snap && snap.wakeWord) || ''),
-          bargeIn: !!(snap && snap.bargeIn),
+          wakeWord: String((value && value.wakeWord) || ''),
+          bargeIn: !!(value && value.bargeIn),
           polishSend: !!(value && value.message && value.message.polishSend),
           sessionCommands: !!(value && value.message && value.message.sessionCommands),
-          polishBaseUrl: String((snap && snap.polishBaseUrl) || ''),
+          polishBaseUrl: String((value && value.polishBaseUrl) || ''),
           noiseSuppression: value.noiseSuppression !== false,
           contextGlossary: value.contextGlossary !== false,
+          visualizerStyle: (value && value.visualizerStyle) || 'liquid-wave',
         })
-      }, [ready, value, snap])
+      }, [ready, value])
+
+            // Interactive microphone tester
+      const [testingMic, setTestingMic] = React.useState(false)
+      const [testLevel, setTestLevel] = React.useState(0)
+      const testRef = React.useRef(null)
+
+      const toggleTestMic = async () => {
+        if (testingMic) {
+          if (testRef.current) {
+            testRef.current.active = false
+            try { testRef.current.stream.getTracks().forEach((t) => t.stop()) } catch (e) {}
+            if (testRef.current.audioCtx) { try { testRef.current.audioCtx.close() } catch (e) {} }
+            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)
+          const analyser = audioCtx.createAnalyser()
+          analyser.fftSize = 128
+          src.connect(analyser)
+          testRef.current = { stream, audioCtx, analyser, active: true }
+          setTestingMic(true)
+
+          const check = () => {
+            if (!testRef.current || !testRef.current.active) return
+            const data = new Uint8Array(analyser.frequencyBinCount)
+            analyser.getByteFrequencyData(data)
+            let sum = 0
+            for (let i = 0; i < data.length; i++) sum += data[i]
+            const lvl = Math.min(100, Math.round((sum / data.length / 255) * 220))
+            setTestLevel(lvl)
+            requestAnimationFrame(check)
+          }
+          requestAnimationFrame(check)
+        } catch (e) {
+          setErr(String(e && e.message ? e.message : e))
+        }
+      }
+
+      React.useEffect(() => {
+        return () => {
+          if (testRef.current) {
+            testRef.current.active = false
+            try { testRef.current.stream.getTracks().forEach((t) => t.stop()) } catch (e) {}
+            if (testRef.current.audioCtx) { try { testRef.current.audioCtx.close() } catch (e) {} }
+            testRef.current = null
+          }
+        }
+      }, [])
 
       const [statusData, setStatusData] = React.useState(null)
       const [statusLatency, setStatusLatency] = React.useState(null)
@@ -198,14 +259,30 @@
 
       const micField = () => React.createElement('div', { className: 'cb-field' },
         React.createElement('label', null, t('mic')),
-        React.createElement('select', {
-          value: String((snap && snap.micDeviceId) || ''), disabled: !writable,
-          onChange: (e) => setTop('micDeviceId', e.target.value),
-        },
-          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('div', { className: 'cb-row' },
+          React.createElement('select', {
+            value: String((draft && draft.micDeviceId) ?? (value && value.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')),
         ),
+        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}%` } }),
+          ),
+          React.createElement('span', { style: { fontSize: '11px', fontVariantNumeric: 'tabular-nums', width: '32px', textAlign: 'right' } }, `${testLevel}%`),
+        ) : null,
       )
 
       const langField = (mode) => React.createElement('div', { className: 'cb-field' },

package/lib/client.js

@@ -177,6 +177,9 @@ window.__ModuleLoader__.load({
       'hardwareDesc': 'Microphone device, local whisper.cpp and SenseVoice runtime settings.',
       'uiError': 'Voice UI Error:',
       'retry': 'Retry',
+      'testMic': 'Test Mic',
+      'stopTest': 'Stop Test',
+      'micLevel': 'Mic level',
     }
 
     // Strings are also needed outside components — in recording handlers and
@@ -186,13 +189,13 @@ window.__ModuleLoader__.load({
 
     // ------------------------------------------------------------------ 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}' +
+      '.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 rgba(0,0,0,.18);box-sizing:border-box}' +
-      '.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)}' +
+      '.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 rgba(0,0,0,.18);box-sizing:border-box;user-select:none;-webkit-user-select: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;height:40px;width:100%;color:var(--dsw-alias-label-primary)}' +
+      '.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)}' +
@@ -213,7 +216,10 @@ window.__ModuleLoader__.load({
       '.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-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}'
     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')
@@ -351,7 +357,7 @@ window.__ModuleLoader__.load({
     function applyVoiceCommands(text) {
       let s = text
       for (const [re, to] of VOICE_COMMANDS) s = s.replace(re, to)
-      return s.replace(/[ \t]+/g, ' ').trim()
+      return s.replace(/[ \t]*\n[ \t]*/g, '\n').replace(/[ \t]+/g, ' ').trim()
     }
 
     // Insert history for undo (#29-9). Browser-only storage.
@@ -507,6 +513,8 @@ window.__ModuleLoader__.load({
     }
 
     // Fetch the mode chain from the host once. Only needed to decide whether
+
+    voice._core = { tidyPhrase, applyVoiceCommands, VOICE_COMMANDS, undoLastInsert, insertHistory }
     // to use browser recognition or record a file.
     let chainsPromise = null
     if (typeof window !== 'undefined') {
@@ -532,6 +540,7 @@ window.__ModuleLoader__.load({
     function teardown(rec) {
       if (!rec) return
       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.audioCtx) { try { rec.audioCtx.close() } catch (e) { /* already closed */ } }
     }
 
@@ -569,7 +578,9 @@ window.__ModuleLoader__.load({
         : (typeof webkitAudioContext !== 'undefined' ? webkitAudioContext : null)
       if (AC) {
         rec.audioCtx = new AC()
+        if (rec.audioCtx.state === 'suspended') { rec.audioCtx.resume().catch(() => {}) }
         const src = rec.audioCtx.createMediaStreamSource(stream)
+        rec.srcNode = src
         rec.analyser = rec.audioCtx.createAnalyser()
         rec.analyser.fftSize = 128
         src.connect(rec.analyser)
@@ -590,6 +601,8 @@ window.__ModuleLoader__.load({
 
     // Cut the current phrase: stop the recorder, send the finished file and
     // immediately start a new recording with the same recorder.
+    let dictationQueue = Promise.resolve()
+
     function cutPhrase() {
       const rec = voice.rec
       if (!rec || rec.cutting || rec.closing) return
@@ -606,7 +619,8 @@ window.__ModuleLoader__.load({
           try { rec.recorder.start() } catch (e) { /* stream already closed */ }
         }
         rec.cutting = false
-        if (blob.size < 1200) return       // too short — not speech
+        if (blob.size < 600) return       // too short — not speech
+        dictationQueue = dictationQueue.then(async () => {
         try {
           const out = await sendAudio(blob, rec.mime, 'dictation')
           const text = out && out.text ? out.text : ''
@@ -622,6 +636,7 @@ window.__ModuleLoader__.load({
         } catch (e) {
           voice.set({ error: String(e && e.message ? e.message : e) })
         }
+        })
       })
     }
 
@@ -680,6 +695,7 @@ window.__ModuleLoader__.load({
       // Announce before opening the mic: the sooner playback mutes, the less
       // of it ends up in the recording.
       announceVoice('start')
+      dictationQueue = Promise.resolve()
       voice.set({ phase: 'recording', mode, error: '', levels: [], caption: '' })
       modeChain(mode).then((info) => {
         // Browser leg only when it is explicitly first in the chain.
@@ -901,6 +917,7 @@ window.__ModuleLoader__.load({
       voice.input = props.input
       if (v.phase !== 'idle' && v.phase !== 'error') return null
       const err = v.phase === 'error'
+      const hk = voice.hotkey ? ` (${voice.hotkey})` : ''
       return React.createElement(React.Fragment, null,
         React.createElement('button', {
           type: 'button', className: 'dvo-btn', 'data-err': err ? '1' : '0',
@@ -908,7 +925,7 @@ window.__ModuleLoader__.load({
         }, micIcon()),
         React.createElement('button', {
           type: 'button', className: 'dvo-btn', 'data-err': err ? '1' : '0',
-          title: err ? v.error : t('messageBtn'),
+          title: err ? v.error : (t('messageBtn') + hk),
           // Hold: record while pressed; leaving the control cancels.
           onPointerDown: (e) => { e.preventDefault(); beginHold('message') },
           onPointerUp: () => endHold(false),
@@ -1097,45 +1114,67 @@ window.__ModuleLoader__.load({
         return () => dispose()
       }, [v.phase])
 
-      // Waveform / visualizer animation.
+      // Waveform / visualizer animation: requestAnimationFrame with HiDPI scaling
       React.useEffect(() => {
         if (v.phase !== 'recording') return
         let frame = 0
-        const dispose = ctx.interval(() => {
+        let animId = null
+        let running = true
+
+        const render = () => {
+          if (!running) return
           const canvas = canvasRef.current
-          if (!canvas) return
-          const g = canvas.getContext('2d')
-          const w = canvas.width, h = canvas.height
-          g.clearRect(0, 0, w, h)
-          if (!voice.waveColor) {
-            try { voice.waveColor = getComputedStyle(canvas).color || '#fff' } catch (e) { voice.waveColor = '#fff' }
-          }
-          const levels = voice.levels
-          const style = (voice.settings && voice.settings.visualizerStyle) || 'liquid-wave'
-          frame++
-
-          if (style === 'off') {
-            g.beginPath()
-            g.globalAlpha = 0.25
-            g.strokeStyle = voice.waveColor
-            g.lineWidth = 1
-            g.moveTo(10, h / 2)
-            g.lineTo(w - 10, h / 2)
-            g.stroke()
-            g.globalAlpha = 1
-            return
-          }
+          if (canvas) {
+            const g = canvas.getContext('2d')
+            const dpr = typeof window !== 'undefined' ? (window.devicePixelRatio || 1) : 1
+            const rect = canvas.getBoundingClientRect()
+            const cssW = rect.width || 720
+            const cssH = rect.height || 40
+            const targetW = Math.max(1, Math.round(cssW * dpr))
+            const targetH = Math.max(1, Math.round(cssH * dpr))
+
+            if (canvas.width !== targetW || canvas.height !== targetH) {
+              canvas.width = targetW
+              canvas.height = targetH
+            }
 
-          if (style === 'dynamic-orb') {
-            drawDynamicOrb(g, w, h, levels, voice.waveColor, frame)
-          } else if (style === 'bars') {
-            drawClassicBars(g, w, h, levels, voice.waveColor)
-          } else {
-            // default: liquid-wave
-            drawLiquidWave(g, w, h, levels, voice.waveColor, frame)
+            g.save()
+            g.scale(dpr, dpr)
+            g.clearRect(0, 0, cssW, cssH)
+
+            if (!voice.waveColor) {
+              try { voice.waveColor = getComputedStyle(canvas).color || '#fff' } catch (e) { voice.waveColor = '#fff' }
+            }
+            const levels = voice.levels
+            const style = (voice.settings && voice.settings.visualizerStyle) || 'liquid-wave'
+            frame++
+
+            if (style === 'off') {
+              g.beginPath()
+              g.globalAlpha = 0.25
+              g.strokeStyle = voice.waveColor
+              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)
+            } else if (style === 'bars') {
+              drawClassicBars(g, cssW, cssH, levels, voice.waveColor)
+            } else {
+              drawLiquidWave(g, cssW, cssH, levels, voice.waveColor, frame)
+            }
+            g.restore()
           }
-        }, 33)
-        return () => dispose()
+          animId = requestAnimationFrame(render)
+        }
+
+        animId = requestAnimationFrame(render)
+        return () => {
+          running = false
+          if (animId) cancelAnimationFrame(animId)
+        }
       }, [v.phase])
 
       // Message-mode cancel window.
@@ -1288,6 +1327,7 @@ window.__ModuleLoader__.load({
               dispose()
               dispose = () => {}
               const key = data && data.hotkey
+              voice.hotkey = key || ''
               if (key) dispose = installHotkey(ctx, key, 'message')
               // The composer needs fresh settings without opening the card.
               Object.assign(voice.settings, {
@@ -1620,23 +1660,84 @@ window.__ModuleLoader__.load({
         voice.settings = Object.assign({}, voice.settings, {
           vadSilenceMs: Number(value && value.dictation && value.dictation.vadSilenceMs) || 700,
           autoSendMs: Number(value && value.message && value.message.autoSendMs) || 4000,
-          beep: !!(snap && snap.beep),
-          micDeviceId: String((snap && snap.micDeviceId) || ''),
-          historyLimit: Number(snap && snap.historyLimit),
-          voiceCommands: !!(snap && snap.voiceCommands),
+          beep: !!(value && value.beep),
+          micDeviceId: String((value && value.micDeviceId) || ''),
+          historyLimit: Number(value && value.historyLimit) || 20,
+          voiceCommands: !!(value && value.voiceCommands),
           sendDelayMs: Number(value && value.dictation && value.dictation.sendDelayMs) || 0,
           stream: !!(value && value.dictation && value.dictation.stream),
           streamChunkMs: Number(value && value.dictation && value.dictation.streamChunkMs) || 1200,
           vadAdapt: Number(value && value.dictation && value.dictation.vadAdapt) || 0,
-          wakeWord: String((snap && snap.wakeWord) || ''),
-          bargeIn: !!(snap && snap.bargeIn),
+          wakeWord: String((value && value.wakeWord) || ''),
+          bargeIn: !!(value && value.bargeIn),
           polishSend: !!(value && value.message && value.message.polishSend),
           sessionCommands: !!(value && value.message && value.message.sessionCommands),
-          polishBaseUrl: String((snap && snap.polishBaseUrl) || ''),
+          polishBaseUrl: String((value && value.polishBaseUrl) || ''),
           noiseSuppression: value.noiseSuppression !== false,
           contextGlossary: value.contextGlossary !== false,
+          visualizerStyle: (value && value.visualizerStyle) || 'liquid-wave',
         })
-      }, [ready, value, snap])
+      }, [ready, value])
+
+            // Interactive microphone tester
+      const [testingMic, setTestingMic] = React.useState(false)
+      const [testLevel, setTestLevel] = React.useState(0)
+      const testRef = React.useRef(null)
+
+      const toggleTestMic = async () => {
+        if (testingMic) {
+          if (testRef.current) {
+            testRef.current.active = false
+            try { testRef.current.stream.getTracks().forEach((t) => t.stop()) } catch (e) {}
+            if (testRef.current.audioCtx) { try { testRef.current.audioCtx.close() } catch (e) {} }
+            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)
+          const analyser = audioCtx.createAnalyser()
+          analyser.fftSize = 128
+          src.connect(analyser)
+          testRef.current = { stream, audioCtx, analyser, active: true }
+          setTestingMic(true)
+
+          const check = () => {
+            if (!testRef.current || !testRef.current.active) return
+            const data = new Uint8Array(analyser.frequencyBinCount)
+            analyser.getByteFrequencyData(data)
+            let sum = 0
+            for (let i = 0; i < data.length; i++) sum += data[i]
+            const lvl = Math.min(100, Math.round((sum / data.length / 255) * 220))
+            setTestLevel(lvl)
+            requestAnimationFrame(check)
+          }
+          requestAnimationFrame(check)
+        } catch (e) {
+          setErr(String(e && e.message ? e.message : e))
+        }
+      }
+
+      React.useEffect(() => {
+        return () => {
+          if (testRef.current) {
+            testRef.current.active = false
+            try { testRef.current.stream.getTracks().forEach((t) => t.stop()) } catch (e) {}
+            if (testRef.current.audioCtx) { try { testRef.current.audioCtx.close() } catch (e) {} }
+            testRef.current = null
+          }
+        }
+      }, [])
 
       const [statusData, setStatusData] = React.useState(null)
       const [statusLatency, setStatusLatency] = React.useState(null)
@@ -1744,14 +1845,30 @@ window.__ModuleLoader__.load({
 
       const micField = () => React.createElement('div', { className: 'cb-field' },
         React.createElement('label', null, t('mic')),
-        React.createElement('select', {
-          value: String((snap && snap.micDeviceId) || ''), disabled: !writable,
-          onChange: (e) => setTop('micDeviceId', e.target.value),
-        },
-          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('div', { className: 'cb-row' },
+          React.createElement('select', {
+            value: String((draft && draft.micDeviceId) ?? (value && value.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')),
         ),
+        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}%` } }),
+          ),
+          React.createElement('span', { style: { fontSize: '11px', fontVariantNumeric: 'tabular-nums', width: '32px', textAlign: 'right' } }, `${testLevel}%`),
+        ) : null,
       )
 
       const langField = (mode) => React.createElement('div', { className: 'cb-field' },

package/lib/index.js

@@ -205,7 +205,10 @@ export function apply(ctx, baseConfig) {
     } catch { return false }
   }
 
+  let startingWhisper = false
   async function startWhisper() {
+    if (startingWhisper) return false
+    startingWhisper = true
     const cfg = live()
     if (!cfg.autoStart) return false
     // Without a model path there is nothing to start: the package cannot know
@@ -226,6 +229,7 @@ export function apply(ctx, baseConfig) {
       }
       return false
     } catch { return false }
+    finally { startingWhisper = false }
   }
 
   startWhisper().catch(() => {})
@@ -246,7 +250,10 @@ export function apply(ctx, baseConfig) {
     } catch { return false }
   }
 
+  let startingSensevoice = false
   async function startSensevoice() {
+    if (startingSensevoice) return false
+    startingSensevoice = true
     const cfg = live()
     if (!cfg.sensevoiceAutostart) return false
     if (!cfg.sensevoiceModel) return false
@@ -268,6 +275,7 @@ export function apply(ctx, baseConfig) {
       }
       return false
     } catch { return false }
+    finally { startingSensevoice = false }
   }
 
   startSensevoice().catch(() => {})

package/lib/providers.js

@@ -140,6 +140,7 @@ export function makeProviders(deps, req) {
       headers: { authorization: `Token ${key}`, 'content-type': mime },
       body: bytes,
       signal,
+      keepalive: true,
     })
     if (!res.ok) throw new Error(await readErrorDetail(res, 'Deepgram'))
     let data
@@ -163,6 +164,7 @@ export function makeProviders(deps, req) {
       headers: { authorization: `Bearer ${key}` },
       body: form,
       signal,
+      keepalive: true,
     })
     if (!res.ok) throw new Error(await readErrorDetail(res, 'Groq'))
     let data
@@ -182,6 +184,7 @@ export function makeProviders(deps, req) {
       headers: { authorization: `Bearer ${token}`, 'content-type': mime, 'x-wait-for-model': 'true' },
       body: bytes,
       signal,
+      keepalive: true,
     })
     if (!res.ok) throw new Error(await readErrorDetail(res, 'HF'))
     let data

package/package.json

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