dsh-live-voice 0.0.2 → 0.2.0

package/src/client/components.ts

@@ -25,12 +25,15 @@ export function createComponents(React) {
     };
     const paths = {
       mic: 'M9 5a3 3 0 0 1 6 0v7a3 3 0 0 1-6 0V5M6 10v2a6 6 0 0 0 12 0v-2M12 18v4M8 22h8',
+      micOff:
+        'M9 9v3a3 3 0 0 0 5.12 2.12M15 9V5a3 3 0 0 0-5.64-1.42M6 10v2a6 6 0 0 0 9.5 4.88M18 10v2a6 6 0 0 1-.5 2.4M12 18v4M8 22h8M3 3l18 18',
       speaker: 'M3 9h4l6-5v16l-6-5H3V9M17 8a6 6 0 0 1 0 8M20 5a10 10 0 0 1 0 14',
       close: 'M6 6l12 12M18 6L6 18',
       stop: 'M6 6h12v12H6z',
       pause: 'M8 5v14M16 5v14',
       play: 'M7 4l13 8-13 8z',
       send: 'M3 11.5L21 3l-8.5 18-2-7.5L3 11.5zm7.5 2L21 3',
+      queue: 'M5 6h14M5 12h10M5 18h6M18 15v6M15 18h6',
       speakerOff: 'M3 9h4l6-5v16l-6-5H3V9M17 9l5 6M22 9l-5 6',
     };
     return h('svg', common, h('path', { d: paths[name] || paths.mic }));
@@ -189,7 +192,7 @@ export function createComponents(React) {
     }, [controller, enabled]);
     return h('canvas', { ref, className: 'dlv-wave', 'aria-hidden': true });
   }
-  function RecordingBar({ controller }) {
+  function RecordingBar({ controller, questionOnly = false, overlay = false, overlayStyle }) {
     const state = useController(controller);
     const [now, setNow] = React.useState(Date.now());
     React.useEffect(() => {
@@ -200,6 +203,7 @@ export function createComponents(React) {
     }, [state.autoSendAt]);
     const [invoke, error, clearError] = useActions(controller);
     const capture = state.starting || state.listening || state.recognizing;
+    if (questionOnly && !state.answeringQuestion) return null;
     if (
       !state.conversation &&
       !capture &&
@@ -212,9 +216,13 @@ export function createComponents(React) {
     const remaining = state.autoSendAt
       ? Math.max(1, Math.ceil((state.autoSendAt - now) / 1000))
       : null;
-    const status = remaining
-      ? `Sending in ${remaining}…`
-      : state.starting
+    const status = state.answeringQuestion && state.recognizing
+      ? 'Recognizing answer…'
+      : state.answeringQuestion && state.listening
+        ? 'Listening for your answer…'
+        : remaining
+          ? `Sending in ${remaining}…`
+          : state.starting
         ? 'Starting microphone…'
         : state.paused
           ? 'Speech paused'
@@ -229,7 +237,10 @@ export function createComponents(React) {
                   : 'Voice ready';
     return h(
       'div',
-      { className: 'dlv-bar-wrap' },
+      {
+        className: overlay ? 'dlv-bar-wrap dlv-question-overlay' : 'dlv-bar-wrap',
+        style: overlay ? overlayStyle : undefined,
+      },
       h(
         'div',
         { className: 'dlv-pill', role: 'group', 'aria-label': 'Voice controls' },
@@ -251,25 +262,46 @@ export function createComponents(React) {
         h('span', { className: 'dlv-status', role: 'status', 'aria-live': 'polite' }, status),
         h(Button, {
           className: 'dlv-live-toggle',
-          label: 'Automatic sending',
-          title: `Automatic sending: ${state.settings.sendingMode === 'automatic' ? 'on' : 'off'}`,
-          icon: 'send',
-          visibleLabel: state.settings.sendingMode === 'automatic' ? 'ON' : 'OFF',
-          role: 'switch',
-          'aria-checked': state.settings.sendingMode === 'automatic',
+          label: 'Automatic delivery mode',
+          title: `Automatic delivery: ${
+            state.settings.sendingMode === 'steer'
+              ? 'send to the running agent'
+              : state.settings.sendingMode === 'queue'
+                ? 'queue'
+                : 'off'
+          }`,
+          icon: state.settings.sendingMode === 'queue' ? 'queue' : 'send',
+          visibleLabel:
+            state.settings.sendingMode === 'steer'
+              ? 'SEND'
+              : state.settings.sendingMode === 'queue'
+                ? 'QUEUE'
+                : 'OFF',
+          'aria-label': `Automatic delivery: ${state.settings.sendingMode || 'manual'}`,
+          'aria-pressed': ['queue', 'steer'].includes(state.settings.sendingMode),
+          'data-mode': state.settings.sendingMode || 'manual',
           onClick: () =>
             invoke('updateSettings', {
-              sendingMode: state.settings.sendingMode === 'automatic' ? 'manual' : 'automatic',
+              sendingMode: !['queue', 'steer'].includes(state.settings.sendingMode)
+                ? 'queue'
+                : state.settings.sendingMode === 'queue'
+                  ? 'steer'
+                  : 'manual',
             }),
         }),
         h(Button, {
-          className: 'dlv-live-toggle',
+          className: `dlv-live-toggle${state.speechSegmentsRemaining > 0 ? ' dlv-live-toggle-expanded' : ''}`,
           label: 'Automatic assistant speech',
           title: `Automatic assistant speech: ${
             state.settings.announceAssistantMessages !== false ? 'on' : 'off'
-          }`,
+          }${state.speechSegmentsRemaining > 0 ? ` — ${state.speechSegmentsRemaining} speech segment${state.speechSegmentsRemaining === 1 ? '' : 's'} remaining` : ''}`,
           icon: state.settings.announceAssistantMessages !== false ? 'speaker' : 'speakerOff',
-          visibleLabel: state.settings.announceAssistantMessages !== false ? 'ON' : 'OFF',
+          visibleLabel:
+            state.settings.announceAssistantMessages === false
+              ? 'OFF'
+              : state.speechSegmentsRemaining > 0
+                ? String(state.speechSegmentsRemaining)
+                : 'ON',
           role: 'switch',
           'aria-checked': state.settings.announceAssistantMessages !== false,
           onClick: () =>
@@ -293,9 +325,14 @@ export function createComponents(React) {
           : null,
         capture
           ? h(Button, {
-              label: 'Stop listening',
-              icon: 'stop',
-              onClick: () => invoke('stopListening'),
+              className: 'dlv-live-toggle dlv-mic-state',
+              label: state.muted ? 'Resume listening' : 'Ignore composer input',
+              title: `Microphone input: ${state.muted ? 'ignoring' : 'listening'}`,
+              icon: state.muted ? 'micOff' : 'mic',
+              visibleLabel: state.muted ? 'IGNORING' : 'LISTENING',
+              'aria-pressed': Boolean(state.muted),
+              'data-muted': state.muted ? 'true' : 'false',
+              onClick: () => invoke(state.muted ? 'resumeListeningInput' : 'muteListening'),
             })
           : null,
         state.speaking && !state.paused && state.capabilities[state.settings.engine]?.pause
@@ -344,6 +381,59 @@ export function createComponents(React) {
     const [invoke, error, clearError] = useActions(controller);
     const settings = state.settings || {};
     const capabilities = state.capabilities || {};
+    const tabsId = React.useId();
+    const tabs = [
+      { id: 'conversation', label: 'Conversation' },
+      { id: 'speech', label: 'Speech' },
+      { id: 'recognition', label: 'Speech recognition' },
+    ];
+    const tabRefs = React.useRef([]);
+    const [activeTab, setActiveTab] = React.useState('conversation');
+    const activateTab = (index) => {
+      const tab = tabs[index];
+      if (!tab) return;
+      setActiveTab(tab.id);
+      tabRefs.current[index]?.focus();
+    };
+    const handleTabKeyDown = (event, index) => {
+      let nextIndex;
+      if (event.key === 'ArrowRight') nextIndex = (index + 1) % tabs.length;
+      else if (event.key === 'ArrowLeft') nextIndex = (index - 1 + tabs.length) % tabs.length;
+      else if (event.key === 'Home') nextIndex = 0;
+      else if (event.key === 'End') nextIndex = tabs.length - 1;
+      else return;
+      event.preventDefault();
+      activateTab(nextIndex);
+    };
+    const [audioDevices, setAudioDevices] = React.useState([]);
+    React.useEffect(() => {
+      let active = true;
+      const refresh = async () => {
+        try {
+          const devices = await globalThis.navigator?.mediaDevices?.enumerateDevices?.();
+          if (active) setAudioDevices(Array.from(devices || []));
+        } catch {
+          if (active) setAudioDevices([]);
+        }
+      };
+      void refresh();
+      globalThis.navigator?.mediaDevices?.addEventListener?.('devicechange', refresh);
+      return () => {
+        active = false;
+        globalThis.navigator?.mediaDevices?.removeEventListener?.('devicechange', refresh);
+      };
+    }, []);
+    const deviceOptions = (kind, fallback) => [
+      { value: '', label: 'System default' },
+      ...audioDevices
+        .filter(
+          (device) => device.kind === kind && device.deviceId && device.deviceId !== 'default',
+        )
+        .map((device, index) => ({
+          value: device.deviceId,
+          label: device.label || `${fallback} ${index + 1}`,
+        })),
+    ];
     const field = (label, key, options) =>
       h(
         'label',
@@ -370,12 +460,17 @@ export function createComponents(React) {
           ),
         ),
       );
-    const card = (title, children, open = false) =>
+    const panel = (id, children) =>
       h(
-        'details',
-        { className: 'dlv-settings-card', open },
-        h('summary', null, title),
-        h('div', { className: 'dlv-settings-card-body' }, ...children),
+        'div',
+        {
+          id: `${tabsId}-panel-${id}`,
+          className: 'dlv-settings-panel',
+          role: 'tabpanel',
+          'aria-labelledby': `${tabsId}-tab-${id}`,
+          hidden: activeTab !== id,
+        },
+        ...children,
       );
     const subcard = (title, children, open = false) =>
       h(
@@ -392,9 +487,41 @@ export function createComponents(React) {
         ? h(Button, { label: 'Close voice settings', icon: 'close', onClick: onClose })
         : null,
       h(
-        'details',
-        { className: 'dlv-settings-card' },
-        h('summary', null, 'Speech output'),
+        'div',
+        { className: 'dlv-settings-tabs', role: 'tablist', 'aria-label': 'Live Voice settings' },
+        tabs.map((tab, index) => {
+          const selected = activeTab === tab.id;
+          return h(
+            'button',
+            {
+              key: tab.id,
+              ref: (element) => {
+                tabRefs.current[index] = element;
+              },
+              id: `${tabsId}-tab-${tab.id}`,
+              type: 'button',
+              role: 'tab',
+              className: 'dlv-settings-tab',
+              'aria-selected': selected,
+              'aria-controls': `${tabsId}-panel-${tab.id}`,
+              'data-active': selected ? 'true' : undefined,
+              tabIndex: selected ? 0 : -1,
+              onClick: () => setActiveTab(tab.id),
+              onKeyDown: (event) => handleTabKeyDown(event, index),
+            },
+            tab.label,
+          );
+        }),
+      ),
+      h(
+        'div',
+        {
+          id: `${tabsId}-panel-speech`,
+          className: 'dlv-settings-panel',
+          role: 'tabpanel',
+          'aria-labelledby': `${tabsId}-tab-speech`,
+          hidden: activeTab !== 'speech',
+        },
         h(
           'div',
           { className: 'dlv-settings-card-body' },
@@ -415,27 +542,27 @@ export function createComponents(React) {
               disabled: capabilities.browser?.supported === false,
             },
           ]),
+          settings.engine !== 'say'
+            ? field('Output device', 'outputDeviceId', deviceOptions('audiooutput', 'Audio output'))
+            : h('small', null, 'macOS say uses the output selected on the DSH host.'),
           settings.engine === 'browser'
-            ? field('Local browser voice', 'voice', [
-                { value: '', label: 'Automatic local voice' },
-                ...(capabilities.browser?.voices || []).map((voice) => ({
-                  value: voice.voiceURI || voice.name,
-                  label: `${voice.name} — ${voice.lang || 'unknown language'}`,
-                })),
-              ])
-            : settings.engine === 'say'
-              ? h(
-                  'label',
+            ? h(
+                React.Fragment,
+                null,
+                h(
+                  'small',
                   null,
-                  'macOS say voice (empty uses system default)',
-                  h('input', {
-                    type: 'text',
-                    value: settings.voice || '',
-                    onChange: (event) => invoke('updateSettings', { voice: event.target.value }),
-                    autoComplete: 'off',
-                  }),
-                )
-              : null,
+                  'Browser speech synthesis may ignore the selected output device; this browser API normally follows the system default.',
+                ),
+                field('Local browser voice', 'voice', [
+                  { value: '', label: 'Automatic local voice' },
+                  ...(capabilities.browser?.voices || []).map((voice) => ({
+                    value: voice.voiceURI || voice.name,
+                    label: `${voice.name} — ${voice.lang || 'unknown language'}`,
+                  })),
+                ]),
+              )
+            : null,
           settings.engine === 'qwen-http'
             ? h(
                 React.Fragment,
@@ -451,6 +578,49 @@ export function createComponents(React) {
                 ]),
               )
             : null,
+          subcard('Filtering', [
+            h(
+              'label',
+              { key: 'output-code-filter', className: 'dlv-check' },
+              h('input', {
+                type: 'checkbox',
+                checked: settings.outputCodeFilterEnabled !== false,
+                onChange: (event) =>
+                  invoke('updateSettings', { outputCodeFilterEnabled: event.target.checked }),
+              }),
+              ' Filter Markdown code blocks before speaking',
+            ),
+            h(
+              'label',
+              { key: 'output-code-lines' },
+              'Read code blocks up to this many lines',
+              h('input', {
+                type: 'number',
+                min: 0,
+                max: 100,
+                value: settings.outputCodeMaxLines ?? 5,
+                disabled: settings.outputCodeFilterEnabled === false,
+                onChange: (event) => {
+                  const value = Number(event.target.value);
+                  if (Number.isInteger(value) && value >= 0 && value <= 100)
+                    invoke('updateSettings', { outputCodeMaxLines: value });
+                },
+              }),
+            ),
+            h(
+              'label',
+              { key: 'output-code-notice' },
+              'Replacement phrase for larger code blocks',
+              h('input', {
+                type: 'text',
+                maxLength: 300,
+                value: settings.outputCodeNotice || 'Look the code on out conversation',
+                disabled: settings.outputCodeFilterEnabled === false,
+                onChange: (event) =>
+                  invoke('updateSettings', { outputCodeNotice: event.target.value }),
+              }),
+            ),
+          ]),
           h(
             'label',
             null,
@@ -474,12 +644,52 @@ export function createComponents(React) {
             null,
             'Qwen synthesis runs on the DSH host and the generated WAV plays in this browser. macOS say plays on the host; Browser speech plays on this device.',
           ),
+          ...['qwen-http', 'say', 'browser']
+            .filter((id) => capabilities[id]?.supported === false)
+            .map((id) =>
+              h(
+                'p',
+                { key: id, role: 'status' },
+                `${id === 'qwen-http' ? 'Qwen3 local' : id === 'say' ? 'macOS say' : 'Browser speech'}: ${capabilities[id].reason}`,
+              ),
+            ),
+          h(
+            'div',
+            { className: 'dlv-settings-actions' },
+            h(
+              'button',
+              {
+                type: 'button',
+                disabled: capabilities[settings.engine]?.supported !== true || state.speaking,
+                onClick: () =>
+                  invoke('speak', 'DSH Live Voice. The selected speech output is working.'),
+              },
+              state.speaking ? 'Testing speech…' : 'Test selected speech output',
+            ),
+            state.speaking || state.paused
+              ? h(
+                  'button',
+                  { type: 'button', onClick: () => invoke('stopSpeech') },
+                  'Stop speech test',
+                )
+              : null,
+            h(
+              'button',
+              { type: 'button', onClick: () => invoke('refreshCapabilities') },
+              'Refresh available engines',
+            ),
+          ),
         ),
       ),
       h(
-        'details',
-        { className: 'dlv-settings-card' },
-        h('summary', null, 'Speech recognition'),
+        'div',
+        {
+          id: `${tabsId}-panel-recognition`,
+          className: 'dlv-settings-panel',
+          role: 'tabpanel',
+          'aria-labelledby': `${tabsId}-tab-recognition`,
+          hidden: activeTab !== 'recognition',
+        },
         h(
           'div',
           { className: 'dlv-settings-card-body' },
@@ -504,6 +714,14 @@ export function createComponents(React) {
               h('option', { value: 'whisper-http' }, 'Whisper HTTP — DSH host'),
             ),
           ),
+          field('Input device', 'inputDeviceId', deviceOptions('audioinput', 'Microphone')),
+          settings.recognitionEngine === 'browser'
+            ? h(
+                'small',
+                null,
+                'Browser SpeechRecognition may use the browser or system default microphone instead of this selection.',
+              )
+            : null,
           field('Recognition language', 'recognitionLang', [
             ...(settings.recognitionEngine !== 'browser'
               ? [{ value: 'auto', label: 'Automatic — detect language' }]
@@ -562,6 +780,97 @@ export function createComponents(React) {
               ])
             : null,
           h('p', null, 'Provider settings change with the selected recognition engine.'),
+          subcard('Voice commands', [
+            h(
+              'label',
+              { key: 'voice-commands-enabled', className: 'dlv-check' },
+              h('input', {
+                type: 'checkbox',
+                checked: settings.voiceCommandsEnabled !== false,
+                onChange: (event) =>
+                  invoke('updateSettings', { voiceCommandsEnabled: event.target.checked }),
+              }),
+              ' Enable exact voice commands',
+            ),
+            h(
+              'small',
+              { key: 'voice-command-help' },
+              'Separate phrases with commas. Matching ignores capitalization, accents, punctuation, and extra spaces. The entire final chunk must match.',
+            ),
+            ...[
+              ['Send to running agent', 'voiceCommandSend', 'send, send message'],
+              ['Put in queue', 'voiceCommandQueue', 'queue, queue message'],
+              ['End conversation', 'voiceCommandEnd', 'end, end conversation'],
+              ['Mute composer input', 'voiceCommandMute', 'mute, stop listening'],
+              ['Resume composer input', 'voiceCommandResume', 'resume, start listening'],
+              [
+                'Stop assistant speech',
+                'voiceCommandStopSpeaking',
+                'stop talking, stop speaking, shut up',
+              ],
+              ['Clear composer', 'voiceCommandClear', 'clear all, clear message'],
+            ].map(([label, key, fallback]) =>
+              h(
+                'label',
+                { key },
+                label,
+                h('textarea', {
+                  rows: 2,
+                  maxLength: 1000,
+                  defaultValue: settings[key] || fallback,
+                  disabled: settings.voiceCommandsEnabled === false,
+                  onBlur: (event) => invoke('updateSettings', { [key]: event.target.value }),
+                }),
+              ),
+            ),
+          ]),
+          subcard('Filtering', [
+            h(
+              'label',
+              { key: 'recognition-filter', className: 'dlv-check' },
+              h('input', {
+                type: 'checkbox',
+                checked: settings.recognitionFilterEnabled !== false,
+                onChange: (event) =>
+                  invoke('updateSettings', { recognitionFilterEnabled: event.target.checked }),
+              }),
+              ' Ignore short final transcription chunks',
+            ),
+            h(
+              'label',
+              { key: 'recognition-minimum-words' },
+              'Minimum words per final chunk',
+              h('input', {
+                type: 'number',
+                min: 1,
+                max: 20,
+                value: settings.recognitionMinimumWords ?? 2,
+                disabled: settings.recognitionFilterEnabled === false,
+                onChange: (event) => {
+                  const value = Number(event.target.value);
+                  if (Number.isInteger(value) && value >= 1 && value <= 20)
+                    invoke('updateSettings', { recognitionMinimumWords: value });
+                },
+              }),
+              h(
+                'small',
+                null,
+                'Final chunks with fewer words are ignored before they reach the composer or automatic delivery.',
+              ),
+            ),
+          ]),
+          capabilities.capture?.supported === false
+            ? h('p', { role: 'status' }, `Microphone: ${capabilities.capture.reason}`)
+            : capabilities.capture?.permission === 'prompt'
+              ? h(
+                  'p',
+                  { role: 'status' },
+                  'Microphone permission will be requested only when you start dictation or a voice conversation.',
+                )
+              : null,
+          capabilities.recognition?.supported === false
+            ? h('p', { role: 'status' }, capabilities.recognition.reason)
+            : null,
           usesPluginVoiceDetection(settings.recognitionEngine)
             ? h(
                 'details',
@@ -615,156 +924,110 @@ export function createComponents(React) {
             : null,
         ),
       ),
-      card(
-        'Conversation',
-        [
-          h(
-            'label',
-            { key: 'announce', className: 'dlv-check' },
-            h('input', {
-              type: 'checkbox',
-              checked: settings.announceAssistantMessages !== false,
-              onChange: (event) =>
-                invoke('updateSettings', { announceAssistantMessages: event.target.checked }),
-            }),
-            ' Automatically speak new assistant messages',
-          ),
-          h(
-            'p',
-            { key: 'policy' },
-            'During a voice conversation, assistant phrases are announced automatically. Playback waits while you are speaking.',
-          ),
+      panel('conversation', [
+        h(
+          'label',
+          { key: 'announce', className: 'dlv-check' },
+          h('input', {
+            type: 'checkbox',
+            checked: settings.announceAssistantMessages !== false,
+            onChange: (event) =>
+              invoke('updateSettings', { announceAssistantMessages: event.target.checked }),
+          }),
+          ' Automatically speak new assistant messages',
+        ),
+        h(
+          'p',
+          { key: 'policy' },
+          'During a voice conversation, assistant phrases are announced automatically. Playback waits while you are speaking.',
+        ),
+        h(
+          'label',
+          { key: 'interrupt-message', className: 'dlv-check' },
+          h('input', {
+            type: 'checkbox',
+            checked: settings.interruptSpeechOnUserMessage === true,
+            onChange: (event) =>
+              invoke('updateSettings', { interruptSpeechOnUserMessage: event.target.checked }),
+          }),
+          ' Stop assistant speech when I send a message',
+        ),
+        h(
+          'p',
+          { key: 'interrupt-message-description', className: 'dlv-setting-description' },
+          settings.interruptSpeechOnUserMessage
+            ? 'Sending or steering a new user message stops current or paused assistant speech.'
+            : 'Sending another message does not stop the assistant audio you are already hearing.',
+        ),
+        field('Listening mode', 'mode', [
+          { value: 'speaker', label: 'Speakers — gated listening' },
+          { value: 'headphones', label: 'Headphones — open microphone' },
+        ]),
+        h(
+          'p',
+          { key: 'mode-description', className: 'dlv-setting-description' },
+          settings.mode === 'headphones'
+            ? 'Open microphone keeps listening while responses play. When your speech is detected, playback pauses and resumes only when you choose.'
+            : 'Gated listening releases the microphone while responses play, preventing speaker audio from being recognized. Use Take microphone to interrupt.',
+        ),
+        h(
+          'label',
+          { key: 'speech-delay' },
+          'Assistant response delay',
           h(
-            'label',
-            { key: 'interrupt-message', className: 'dlv-check' },
-            h('input', {
-              type: 'checkbox',
-              checked: settings.interruptSpeechOnUserMessage === true,
+            'select',
+            {
+              value: String(settings.assistantSpeechDelaySeconds || 3),
               onChange: (event) =>
-                invoke('updateSettings', { interruptSpeechOnUserMessage: event.target.checked }),
-            }),
-            ' Stop assistant speech when I send a message',
-          ),
-          h(
-            'p',
-            { key: 'interrupt-message-description', className: 'dlv-setting-description' },
-            settings.interruptSpeechOnUserMessage
-              ? 'Sending or steering a new user message stops current or paused assistant speech.'
-              : 'Sending another message does not stop the assistant audio you are already hearing.',
-          ),
-          field('Listening mode', 'mode', [
-            { value: 'speaker', label: 'Speakers — gated listening' },
-            { value: 'headphones', label: 'Headphones — open microphone' },
-          ]),
-          h(
-            'p',
-            { key: 'mode-description', className: 'dlv-setting-description' },
-            settings.mode === 'headphones'
-              ? 'Open microphone keeps listening while responses play. When your speech is detected, playback pauses and resumes only when you choose.'
-              : 'Gated listening releases the microphone while responses play, preventing speaker audio from being recognized. Use Take microphone to interrupt.',
+                invoke('updateSettings', {
+                  assistantSpeechDelaySeconds: Number(event.target.value),
+                }),
+            },
+            [1, 2, 3, 4, 5, 6, 8, 10].map((seconds) =>
+              h('option', { key: seconds, value: String(seconds) }, seconds + ' seconds'),
+            ),
           ),
           h(
-            'label',
-            { key: 'speech-delay' },
-            'Assistant response delay',
-            h(
-              'select',
-              {
-                value: String(settings.assistantSpeechDelaySeconds || 3),
-                onChange: (event) =>
-                  invoke('updateSettings', {
-                    assistantSpeechDelaySeconds: Number(event.target.value),
-                  }),
-              },
-              [1, 2, 3, 4, 5, 6, 8, 10].map((seconds) =>
-                h('option', { key: seconds, value: String(seconds) }, seconds + ' seconds'),
-              ),
-            ),
-            h(
-              'small',
-              null,
-              'After you stop speaking, automatic assistant playback waits for this much continuous silence. Speaking again restarts the wait.',
-            ),
+            'small',
+            null,
+            'After you stop speaking, automatic assistant playback waits for this much continuous silence. Speaking again restarts the wait.',
           ),
-          field('Sending mode', 'sendingMode', [
-            { value: 'manual', label: 'Manual — review and send' },
-            { value: 'automatic', label: 'Automatic — send after silence' },
-          ]),
-          settings.sendingMode === 'automatic'
-            ? h(
-                'label',
-                { key: 'delay' },
-                'Send after silence',
-                h(
-                  'select',
-                  {
-                    value: String(settings.autoSendDelaySeconds || 4),
-                    onChange: (event) =>
-                      invoke('updateSettings', {
-                        autoSendDelaySeconds: Number(event.target.value),
-                      }),
-                  },
-                  [2, 3, 4, 5, 6, 8, 10].map((seconds) =>
-                    h('option', { key: seconds, value: String(seconds) }, seconds + ' seconds'),
-                  ),
-                ),
-                h(
-                  'small',
-                  null,
-                  'Countdown starts after a final recognized phrase. New speech or edits cancel it.',
+        ),
+        field('Sending mode', 'sendingMode', [
+          { value: 'manual', label: 'Off — review and send manually' },
+          { value: 'queue', label: 'Queue — automatically add after silence' },
+          { value: 'steer', label: 'Steer — automatically send to the running agent' },
+        ]),
+        settings.sendingMode !== 'manual'
+          ? h(
+              'label',
+              { key: 'delay' },
+              'Send after silence',
+              h(
+                'select',
+                {
+                  value: String(settings.autoSendDelaySeconds || 4),
+                  onChange: (event) =>
+                    invoke('updateSettings', {
+                      autoSendDelaySeconds: Number(event.target.value),
+                    }),
+                },
+                [2, 3, 4, 5, 6, 8, 10].map((seconds) =>
+                  h('option', { key: seconds, value: String(seconds) }, seconds + ' seconds'),
                 ),
-              )
-            : h(
-                'p',
-                { key: 'manual', className: 'dlv-setting-description' },
-                'Recognized text stays in the composer until you use the normal DSH Send control.',
               ),
-        ],
-        false,
-      ),
-      capabilities.capture?.supported === false
-        ? h('p', { role: 'status' }, `Microphone: ${capabilities.capture.reason}`)
-        : capabilities.capture?.permission === 'prompt'
-          ? h(
-              'p',
-              { role: 'status' },
-              'Microphone permission will be requested only when you start dictation or a voice conversation.',
+              h(
+                'small',
+                null,
+                'Countdown starts after a final recognized phrase. New speech or edits cancel it.',
+              ),
             )
-          : null,
-      capabilities.recognition?.supported === false
-        ? h('p', { role: 'status' }, capabilities.recognition.reason)
-        : null,
-      ...['qwen-http', 'say', 'browser']
-        .filter((id) => capabilities[id]?.supported === false)
-        .map((id) =>
-          h(
-            'p',
-            { key: id, role: 'status' },
-            `${id === 'qwen-http' ? 'Qwen3 local' : id === 'say' ? 'macOS say' : 'Browser speech'}: ${capabilities[id].reason}`,
-          ),
-        ),
-      h(
-        'div',
-        { className: 'dlv-settings-actions' },
-        h(
-          'button',
-          {
-            type: 'button',
-            disabled: capabilities[settings.engine]?.supported !== true || state.speaking,
-            onClick: () =>
-              invoke('speak', 'DSH Live Voice. The selected speech output is working.'),
-          },
-          state.speaking ? 'Testing speech…' : 'Test selected speech output',
-        ),
-        state.speaking || state.paused
-          ? h('button', { type: 'button', onClick: () => invoke('stopSpeech') }, 'Stop speech test')
-          : null,
-        h(
-          'button',
-          { type: 'button', onClick: () => invoke('refreshCapabilities') },
-          'Refresh available engines',
-        ),
-      ),
+          : h(
+              'p',
+              { key: 'manual', className: 'dlv-setting-description' },
+              'Recognized text stays in the composer until you use the normal DSH Send control.',
+            ),
+      ]),
       h(ErrorText, {
         error: error || state.error,
         onDismiss: () => {