@goodandready/dsh-voice 0.8.24 → 0.8.26

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

@@ -1,285 +0,0 @@
-    function RecordPill(props) {
-      const v = useVoice()
-      const canvasRef = React.useRef(null)
-      const audioRef = React.useRef(null)
-      const [isPlaying, setIsPlaying] = React.useState(false)
-      voice.inputActions = props.inputActions
-      voice.input = props.input
-      const ctx = props.ctx
-
-      // VAD: accumulate silence and cut the phrase when the pause exceeds the threshold.
-      React.useEffect(() => {
-        if (v.phase !== 'recording') return
-        const tick = 50
-        const dispose = ctx.interval(() => {
-          const rec = voice.rec
-          if (!rec) return
-          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 }
-          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
-          if (adapt > 0 && rec.hadSpeech) {
-            // Adaptive threshold (#41): speech density over ~1s (20 samples).
-            // Dense speech -> lower threshold (cut more precisely);
-            // pause-heavy -> threshold rises toward base (do not cut on breaths).
-            const win = voice.levels.slice(-20)
-            const density = win.length ? win.filter((v) => v > 0.06).length / win.length : 0
-            const k = adapt * (density - 0.5) * 2
-            effectiveVad = Math.max(150, Math.round(Number(voice.settings.vadSilenceMs) * (1 - k)))
-          }
-          // Continuous mode (#40): cut on a timer while speech continues,
-          // without waiting for a long pause.
-          const stream = !!voice.settings.stream && rec.mode === 'dictation'
-          if (stream && rec.hadSpeech && !rec.cutting) {
-            rec.streamMs += tick
-            const chunk = Number(voice.settings.streamChunkMs) || 1200
-            if (rec.streamMs >= chunk) { cutPhrase(); return }
-          } else {
-            rec.streamMs = 0
-          }
-          if (rec.mode === 'dictation' && rec.hadSpeech && rec.silenceMs >= effectiveVad) {
-            rec.streamMs = 0
-            cutPhrase()
-          }
-        }, tick)
-        return () => dispose()
-      }, [v.phase])
-
-      // Waveform / visualizer animation.
-      React.useEffect(() => {
-        if (v.phase !== 'recording') return
-        let frame = 0
-        const dispose = ctx.interval(() => {
-          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 (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)
-          }
-        }, 33)
-        return () => dispose()
-      }, [v.phase])
-
-      // Message-mode cancel window.
-      React.useEffect(() => {
-        if (v.phase !== 'pending') return
-        const tick = 100
-        const dispose = ctx.interval(() => {
-          const p = voice.pending
-          if (!p) return
-          if (p.undoOnly) {
-            // Undo-only mode (#29-5): when the window expires just hide the
-            // panel; the text either stayed or was already undone.
-            p.leftMs -= tick
-            if (p.leftMs <= 0) voice.set({ phase: 'idle' })
-            else voice.notify()
-            return
-          }
-          p.leftMs -= tick
-          if (p.leftMs <= 0) { submitPending(); return }
-          voice.notify()
-        }, tick)
-        return () => dispose()
-      }, [v.phase])
-
-      if (v.phase === 'idle') {
-        if (!voice.showPlayer || !voice.lastNote || !voice.lastNote.url) return null
-        return React.createElement('div', { className: 'dvo-pill' },
-          React.createElement('div', { className: 'dvo-audio-wrap' },
-            React.createElement('button', {
-              type: 'button', className: 'dvo-audio-play',
-              title: isPlaying ? t('pause') : t('play'),
-              onClick: () => {
-                const el = audioRef.current
-                if (!el) return
-                if (el.paused) { el.play().catch(() => {}); setIsPlaying(true) }
-                else { el.pause(); setIsPlaying(false) }
-              },
-            }, isPlaying ? pauseIcon() : playIcon()),
-            React.createElement('audio', {
-              ref: audioRef, src: voice.lastNote.url,
-              onEnded: () => setIsPlaying(false),
-              onPause: () => setIsPlaying(false),
-              onPlay: () => setIsPlaying(true),
-            }),
-            React.createElement('span', { className: 'dvo-audio-time' }, t('lastRecording')),
-          ),
-          React.createElement('span', { className: 'dvo-status' }, voice.lastNote.text || ''),
-          React.createElement('button', {
-            type: 'button', className: 'dvo-pbtn', title: t('hide'),
-            onClick: () => {
-              if (audioRef.current) audioRef.current.pause()
-              setIsPlaying(false)
-              voice.set({ showPlayer: false })
-            },
-          }, xIcon()),
-        )
-      }
-
-      if (v.phase === 'recording') {
-        const inBrowser = !!voice.browser
-        const rec = voice.rec
-        const hint = v.mode === 'dictation' ? t('dictationPill') : t('messagePill')
-        // Live caption of what is heard right now. Until the browser emits a
-        // final chunk the text is interim and changes on screen.
-        const caption = voice.caption || (inBrowser ? '' : null)
-        return React.createElement('div', { className: 'dvo-pill' },
-          React.createElement('button', { type: 'button', className: 'dvo-pbtn', title: t('cancel'), onClick: cancelCurrent }, xIcon()),
-          inBrowser
-            ? null
-            : React.createElement('canvas', { className: 'dvo-wave', ref: canvasRef, width: 720, height: 40 }),
-          React.createElement('span', { className: 'dvo-status' },
-            caption
-              ? caption
-              : (voice.holding
-                ? t('holdHint')
-                : (inBrowser
-                  ? t('listening')
-                  : (rec && rec.hadSpeech ? (v.speaking ? t('speaking') : t('silence')) : hint)))),
-          React.createElement('button', { type: 'button', className: 'dvo-pbtn', title: t('stop'), onClick: stopCurrent }, stopIcon()),
-        )
-      }
-
-      if (v.phase === 'processing') {
-        return React.createElement('div', { className: 'dvo-pill' },
-          React.createElement('span', { className: 'dvo-status' }, spinIcon(), t('transcribing')))
-      }
-
-      if (v.phase === 'pending') {
-        const left = Math.max(0, Math.ceil((voice.pending ? voice.pending.leftMs : 0) / 1000))
-        if (voice.pending && voice.pending.undoOnly) {
-          // Cancel window for delayed dictation insert (#29-5).
-          return React.createElement('div', { className: 'dvo-pill' },
-            React.createElement('span', { className: 'dvo-status' }, t('undo'), ': ', left, t('secondsShort')),
-            React.createElement('button', {
-              type: 'button', className: 'dvo-pbtn', title: t('undo'),
-              onClick: async () => {
-                const msg = await undoLastInsert()
-                voice.set({ phase: 'idle', error: msg === t('undone') ? '' : msg })
-              },
-            }, xIcon()),
-          )
-        }
-        return React.createElement('div', { className: 'dvo-pill' },
-          voice.lastNote && voice.lastNote.url
-            ? React.createElement('div', { className: 'dvo-audio-wrap' },
-                React.createElement('button', {
-                  type: 'button', className: 'dvo-audio-play',
-                  title: isPlaying ? t('pause') : t('play'),
-                  onClick: () => {
-                    const el = audioRef.current
-                    if (!el) return
-                    if (el.paused) { el.play().catch(() => {}); setIsPlaying(true) }
-                    else { el.pause(); setIsPlaying(false) }
-                  },
-                }, isPlaying ? pauseIcon() : playIcon()),
-                React.createElement('audio', {
-                  ref: audioRef, src: voice.lastNote.url,
-                  onEnded: () => setIsPlaying(false),
-                  onPause: () => setIsPlaying(false),
-                  onPlay: () => setIsPlaying(true),
-                }),
-                React.createElement('span', { className: 'dvo-audio-time' }, t('listenBack')),
-              )
-            : null,
-          React.createElement('span', { className: 'dvo-status' }, t('sendingIn')),
-          React.createElement('span', { className: 'dvo-count' }, left + t('secondsShort')),
-          React.createElement('button', { type: 'button', className: 'dvo-pbtn', title: t('keepPending'), onClick: keepPending }, xIcon()),
-        )
-      }
-
-      return React.createElement('div', { className: 'dvo-pill' },
-        React.createElement('span', { className: 'dvo-status dvo-err' }, warnIcon(), v.error),
-        React.createElement('button', { type: 'button', className: 'dvo-pbtn', title: t('hide'), onClick: () => voice.set({ phase: 'idle', error: '' }) }, xIcon()),
-      )
-    }
-
-    // --------------------------------------------------------------- slots
-    function registerComposer(ctx) {
-      // The hotkey lives for as long as the plugin is applied and can change
-      // without restart: the settings card broadcasts and the composer reloads.
-      ctx.effect(() => {
-        let dispose = () => {}
-        let alive = true
-
-        const reload = () => {
-          fetch('/dsh-voice/status', { cache: 'no-store' })
-            .then((res) => res.json())
-            .then((data) => {
-              if (!alive) return
-              dispose()
-              dispose = () => {}
-              const key = data && data.hotkey
-              if (key) dispose = installHotkey(ctx, key, 'message')
-              // The composer needs fresh settings without opening the card.
-              Object.assign(voice.settings, {
-                beep: !!(data && data.beep),
-                micDeviceId: String((data && data.micDeviceId) || ''),
-                historyLimit: Number(data && data.historyLimit),
-                voiceCommands: !!(data && data.voiceCommands),
-                sendDelayMs: Number(data && data.modes && data.modes.dictation && data.modes.dictation.sendDelayMs) || 0,
-                stream: !!(data && data.modes && data.modes.dictation && data.modes.dictation.stream),
-                streamChunkMs: Number(data && data.modes && data.modes.dictation && data.modes.dictation.streamChunkMs) || 1200,
-                vadAdapt: Number(data && data.modes && data.modes.dictation && data.modes.dictation.vadAdapt) || 0,
-                wakeWord: String((data && data.wakeWord) || ''),
-                bargeIn: !!(data && data.bargeIn),
-                polishSend: !!(data && data.modes && data.modes.message && data.modes.message.polishSend),
-                sessionCommands: !!(data && data.modes && data.modes.message && data.modes.message.sessionCommands),
-                noiseSuppression: data && data.noiseSuppression !== false,
-                contextGlossary: data && data.contextGlossary !== false,
-                visualizerStyle: (data && data.visualizerStyle) || 'liquid-wave',
-              })
-            })
-            .catch(() => { /* no host hint — no hotkey */ })
-        }
-
-        reload()
-        window.addEventListener('dsh-voice:settings-saved', reload)
-        return () => {
-          alive = false
-          window.removeEventListener('dsh-voice:settings-saved', reload)
-          dispose()
-        }
-      }, 'dsh-voice: hold hotkey')
-
-      ctx.slots.inject('conversation.input.right', () => ctx.slots.register(
-        { name: 'conversation.input.right', id: '@goodandready/dsh-voice', order: 6, label: () => t('title') },
-        (props) => React.createElement(VoiceButtons, { input: props.input, inputActions: props.inputActions }),
-      ))
-      ctx.slots.inject('conversation.input.dock', () => ctx.slots.register(
-        { name: 'conversation.input.dock', id: 'dsh-voice-rec', order: 0, label: () => t('recordSlot') },
-        (props) => React.createElement(RecordPill, { input: props.input, inputActions: props.inputActions, ctx: ctx }),
-      ))
-    }
-

package/lib/client-src/70-settings-base.js

@@ -1,126 +0,0 @@
-    // ------------------------------------------------------- settings page
-    const BUILTIN = [
-      'browser', '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',
-      openai: 'openaiHint',
-      siliconflow: 'siliconflowHint',
-      deepinfra: 'deepinfraHint',
-      fireworks: 'fireworksHint',
-      mistral: 'mistralHint',
-      openrouter: 'openrouterHint',
-      'local-whisper': 'localHint',
-      sensevoice: 'sensevoiceHint',
-    }
-    const MODEL_HINT_STATIC = {
-      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 LANGS = ['auto', 'ru', 'en', 'uk', 'de']
-
-    const SET_CSS =
-      '.cb-page{display:flex;flex-direction:column;gap:18px;padding:4px 0 24px;max-width:960px}' +
-      '.cb-section-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}' +
-      '.cb-section-title{font-size:15px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between}' +
-      '.cb-section-desc{font-size:13px;color:var(--dsw-alias-label-secondary);margin-top:-4px;line-height:1.4}' +
-      '.cb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}' +
-      '.cb-grid-2{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:12px}' +
-      '.cb-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);display:inline-flex;align-items:center;gap:4px;font-weight:500}' +
-      '.cb-badge-ok{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:rgba(16,185,129,0.08)}' +
-      '.cb-badge-warn{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);background:rgba(245,158,11,0.08)}' +
-      '.cb-badge-bad{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:rgba(239,68,68,0.08)}' +
-      '.cb-input{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 10px;font-size:13px;box-sizing:border-box}' +
-      '.cb-input:focus{outline:none;border-color:var(--dsw-alias-state-brand-primary)}' +
-      '.cb-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:6px 12px;font-size:13px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}' +
-      '.cb-btn:hover:not(:disabled){background:var(--dsw-alias-bg-layer-4, var(--dsw-alias-bg-layer-2));border-color:var(--dsw-alias-label-dimmed, var(--dsw-alias-border-l2))}' +
-      '.cb-btn-primary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);border-color:transparent}' +
-      '.cb-btn-primary:hover:not(:disabled){background:var(--dsw-alias-label-primary) !important;color:var(--dsw-alias-bg-layer-3) !important;opacity:0.88}' +
-      '.cb-btn-danger{color:var(--dsw-alias-state-error-primary);border-color:rgba(239,68,68,0.3)}' +
-      '.cb-btn-mini{border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);border-radius:6px;width:28px;height:28px;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:13px}' +
-      '.cb-btn-mini:hover:not(:disabled){background:var(--dsw-alias-bg-layer-2)}' +
-      '.cb-field{display:flex;flex-direction:column;gap:6px;padding:6px 0;font-size:13px;color:var(--dsw-alias-label-primary)}' +
-      '.cb-field select,.cb-field input[type="text"],.cb-field input[type="number"],.cb-field textarea{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 10px;font-size:13px;box-sizing:border-box}' +
-      '.cb-field textarea{height:auto;padding:8px 10px;font-family:inherit}' +
-      '.cb-check-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--dsw-alias-label-primary);user-select:none}' +
-      '.cb-check-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer}' +
-      '.cb-alert-err{padding:10px 14px;border-radius:8px;background:rgba(239,68,68,0.1);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'
-    if (typeof document !== 'undefined' && !document.querySelector('style[data-dsh-plugin="dsh-voice"][data-plugin-css="' + setCssId + '"]')) {
-      const tag = document.createElement('style')
-      tag.textContent = SET_CSS
-      tag.setAttribute('data-dsh-plugin', 'dsh-voice')
-      tag.dataset.pluginCss = setCssId
-      document.head.appendChild(tag)
-    }
-
-        function 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
-        }
-      }
-    }
-    const ErrorBoundary = createErrorBoundary()
-

package/lib/client-src/71-chains.js

@@ -1,88 +0,0 @@
-    // One chain editor: provider+model rows with reordering.
-    function ChainEditor(props) {
-      const rows = Array.isArray(props.value) ? props.value : []
-      const change = (i, patch) => {
-        const next = rows.map((r, k) => (k === i ? Object.assign({}, r, patch) : r))
-        props.onChange(next)
-      }
-      const move = (i, delta) => {
-        const j = i + delta
-        if (j < 0 || j >= rows.length) return
-        const next = rows.slice()
-        const tmp = next[i]; next[i] = next[j]; next[j] = tmp
-        props.onChange(next)
-      }
-      const remove = (i) => props.onChange(rows.filter((_, k) => k !== i))
-      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', {
-            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', {
-            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) }, '×'),
-        )),
-        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')),
-        ),
-      )
-    }
-
-    // Custom providers: name, API template, where to call, how to authorize.
-    function CustomEditor(props) {
-      const rows = Array.isArray(props.value) ? props.value : []
-      const change = (i, patch) => props.onChange(rows.map((r, k) => (k === i ? Object.assign({}, r, patch) : r)))
-      const remove = (i) => props.onChange(rows.filter((_, k) => k !== i))
-      const add = () => props.onChange(rows.concat([
-        { key: '', template: 'openai-transcriptions', baseURL: '', model: '', keyEnv: '', prompt: '' },
-      ]))
-      const field = (i, row, name, placeholder, wide) => React.createElement('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' },
-            field(i, row, 'key', t('customName')),
-            React.createElement('select', {
-              value: row.template || 'openai-transcriptions', disabled: !props.writable,
-              onChange: (e) => change(i, { template: e.target.value }),
-            }, TEMPLATES.map((t) => React.createElement('option', { key: t, value: t }, t))),
-            React.createElement('button', {
-              type: 'button', className: 'dvs-mini', title: t('remove'),
-              disabled: !props.writable, onClick: () => remove(i),
-            }, '\u00d7'),
-          ),
-          React.createElement('div', { className: 'dvs-row' },
-            field(i, row, 'baseURL', 'https://openrouter.ai/api/v1', true),
-          ),
-          React.createElement('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' },
-              field(i, row, 'prompt', t('customModelHint'), true))
-            : null,
-        )),
-        React.createElement('div', { className: 'dvs-row' },
-          React.createElement('button', {
-            type: 'button', className: 'dvs-mini', title: t('addCustom'),
-            disabled: !props.writable, onClick: add,
-          }, '+'),
-          React.createElement('span', { className: 'dvs-sub' },
-            t('openrouterWarning')),
-        ),
-      )
-    }