@goodandready/dsh-voice 0.7.3 → 0.8.1

package/README.md

@@ -137,7 +137,9 @@ Put a normal provider after it: if the browser cannot do it, recording falls bac
 
 ## Configure (Web GUI)
 
-Settings → **Голос** (Voice) has four blocks:
+Settings → **Plugins → Plugin settings → Voice** — the plugin's own
+collapsible card in the plugins tab; the sidebar keeps no separate row for it.
+The card has four blocks:
 
 - **Dictation** — fallback chain (provider + optional model per row, order is
   the order of attempts), language, and the silence threshold that ends a

package/lib/client.js

@@ -24,6 +24,9 @@ window.__ModuleLoader__.load({
     // на него же приходится откат, если перевода нет.
     const en = {
       'saveFailed': 'Some fields were not saved —',
+      'cardHint': 'Dictation and voice messages: providers, chains, local whisper',
+      'expand': 'Expand',
+      'collapse': 'Collapse',
       'composerUnavailable': 'Composer unavailable',
       'keySpace': 'Space',
       'keyUnset': 'not set',
@@ -96,6 +99,9 @@ window.__ModuleLoader__.load({
     }
     const ru = {
       'saveFailed': 'Часть полей не сохранилась —',
+      'cardHint': 'Диктовка и голосовые сообщения: провайдеры, цепочки, локальный whisper',
+      'expand': 'Развернуть',
+      'collapse': 'Свернуть',
       'composerUnavailable': 'Композер недоступен',
       'keySpace': 'Пробел',
       'keyUnset': 'не задана',
@@ -241,6 +247,8 @@ window.__ModuleLoader__.load({
       React.createElement('path', { d: 'M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z' }),
       React.createElement('line', { x1: 12, y1: 9, x2: 12, y2: 13 }),
       React.createElement('line', { x1: 12, y1: 17, x2: 12.01, y2: 17 }))
+    const chevronIcon = () => React.createElement('svg', ic,
+      React.createElement('path', { d: 'M6 9l6 6 6-6' }))
 
     // ------------------------------------------------------------ transport
     function blobToBase64(blob) {
@@ -869,15 +877,23 @@ window.__ModuleLoader__.load({
       '.dvs-row{display:flex;gap:8px;align-items:center}' +
       '.dvs-row select,.dvs-row input{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:6px 8px;font-size:13px}' +
       '.dvs-row .dvs-model{flex:1}' +
-      '.dvs-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dsw-alias-label-secondary)}' +
-      '.dvs-field input,.dvs-field select{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);border-radius:6px;padding:6px 8px;font-size:13px}' +
+      '.dvs-field{display:flex;flex-direction:column;gap:6px;padding:12px 0;font-size:12px;color:var(--dsw-alias-label-secondary)}' +
+      '.dvs-field input,.dvs-field select{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px}' +
       '.dvs-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}' +
-      '.dvs-save{background:var(--dsw-alias-brand-primary);color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:13px;cursor:pointer}' +
+      '.dvs-save{appearance:none;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:5px 14px;font-size:13px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}' +
       '.dvs-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px}' +
       '.dvs-card input,.dvs-card select{background:var(--dsw-alias-bg-layer-1);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)}'
+      '.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:8px}'
     const setCssId = 'dsh-voice/settings.module.css'
     if (typeof document !== 'undefined' && !document.querySelector('style[data-plugin-css="' + setCssId + '"]')) {
       const tag = document.createElement('style')
@@ -1210,13 +1226,59 @@ window.__ModuleLoader__.load({
       )
     }
 
+    // Карточка во вкладке «Настройки плагинов» (#18): ядро даёт только рамку
+    // списка, поэтому заголовок, пояснение и сворачивание — наши.
+    // Тело монтируется при первом раскрытии: снапшот настроек тогда и придёт.
+    function PluginCard(props) {
+      const [open, setOpen] = React.useState(false)
+      const tt = (props && props.t) || t
+      const title = tt('title')
+      return React.createElement('li',
+        { className: open ? 'dvo-pcard dvo-pcardOpen' : 'dvo-pcard' },
+        React.createElement('button',
+          {
+            type: 'button', className: 'dvo-phead',
+            'aria-expanded': open ? 'true' : 'false',
+            'aria-label': (open ? tt('collapse') : tt('expand')) + ': ' + title,
+            onClick: () => setOpen((v) => !v),
+          },
+          React.createElement('span', { className: 'dvo-pheadtext' },
+            React.createElement('span', { className: 'dvo-ptitle' }, title),
+            React.createElement('span', { className: 'dvo-pdesc' }, tt('cardHint')),
+          ),
+          React.createElement('span', { className: 'dvo-pchev' }, chevronIcon()),
+        ),
+        open ? React.createElement('div', { className: 'dvo-pbody' }, React.createElement(VoiceSection, props)) : null,
+      )
+    }
+
     function registerSettings(ctx) {
+      // Слот объявлен пакетом настроек ядра; вкладка перебирает пространства
+      // настроек, поэтому ключ регистрации обязан равняться NS, не id пакета:
+      // не равен — карточка не появится вовсе, молча.
+      const tryPluginItem = () => {
+        try {
+          ctx.slots.inject('settings.plugin.item', () => ctx.slots.register(
+            {
+              name: 'settings.plugin.item',
+              key: NS,
+              // locale в записи слота — то, из-за чего компонент получает props.t.
+              locale: NS,
+              inject: () => ({ ctx: ctx }),
+            },
+            PluginCard,
+          ))
+          return true
+        } catch (e) { return false }
+      }
+      if (tryPluginItem()) return
+      // Запасной путь: в этой сборке слота нет — остаёмся боковым
+      // разделом, чтобы настройки не пропали.
       ctx.slots.inject('settings.section', () => ctx.slots.register(
         {
           name: 'settings.section',
           id: '@goodandready/dsh-voice',
           order: 30,
-          // locale в записи слота — то, из-за чего компонент получает props.t.
           locale: NS,
           label: () => t('title'),
           inject: () => ({ ctx: ctx }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-voice",
-  "version": "0.7.3",
+  "version": "0.8.1",
   "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",