@goodandready/dsh-subscriptions 0.6.4 → 0.6.6

package/README.md

@@ -186,6 +186,13 @@ const res = await ctx.subscriptions.request('codex', '/backend-api/codex/images/
 * **Frosted Panel**: Hovering reveals a `backdrop-filter: blur(28px)` panel listing every account with usage bars. Clicking the bubble refreshes quota data; data also refreshes every 60 s.
 * **Settings Card Polish (`v0.4.18`)**: Chevron switched to the core `IconChevronDownOutline14` primitive; explicit settings snapshot states (loading / unavailable + Retry) guard against phantom input.
 
+### 16. ⚡ ClineBot-Inspired UI & Hardened Telemetry (`v0.6.6`)
+* **Live Status Badge Bar**: Instant latency check to the host (`Host online (XX ms)`), real-time connected account indicators, and pool size at a glance.
+* **One-Click Smoke Test (Ping)**: Test live connectivity to the active upstream subscription provider and measure real round-trip latency.
+* **Session Telemetry Dashboard**: Visual stat cards displaying successful/total requests, average latency, session success rate, and last request activity.
+* **Curated Models Catalog**: Quick preview of supported model families with context windows and capability tags (Vision, Reasoning, Hybrid).
+* **Non-Blocking Storage**: `HistoryStore` debounces disk persistence asynchronously to prevent blocking the Node.js event loop during high-throughput streaming.
+
 ---
 
 ## 📦 Quick Installation

package/README.ru.md

@@ -162,6 +162,13 @@ const res = await ctx.subscriptions.request('codex', '/backend-api/codex/images/
 * **Reasoning vs Standard**: 429 на reasoning-модели (claude `*thinking*`, grok `*reasoning*`, все codex-модели) охлаждает только семейство reasoning этого аккаунта — standard-модели того же аккаунта продолжают работать. Legacy-кулдауны (от старых версий) по-прежнему блокируют весь аккаунт до истечения.
 * **Скрыть устаревшие модели (`hideDeprecatedModels`)**: убирает из нативного селектора id с `test`/`preview`/`dev`/`alpha`/`beta`/`legacy` (действует и на живые каталоги, и на статичный фолбэк).
 
+### 12. ⚡ Дизайн в стиле ClineBot и неблокирующая телеметрия (`v0.6.6`)
+* **Строка статуса с бейджами**: Мгновенный замер задержки хоста (`Host online (XX ms)`), количество активных подключений и размер пула.
+* **Интерактивный Smoke Test (Ping)**: Проверка связи с провайдером в один клик с измерением реального времени отклика в миллисекундах.
+* **Панель телеметрии сессии**: 4 карточки метрик (успешных/всего запросов, средняя задержка, процент успешности, последняя активность).
+* **Каталог моделей подписок**: Компактный список поддерживаемых моделей с размером контекста (128k, 200k, 1M) и тегами возможностей.
+* **Асинхронная история**: Неблокирующий дебаунсинг записи `HistoryStore`, исключающий просадки event loop при интенсивном стриминге.
+
 ---
 
 ## 📦 Быстрая установка

package/lib/blob.js

@@ -37,11 +37,3 @@ export function parseBlob(text) {
   }
 }
 
-export function publicAccountView(blob, extra) {
-  const label = (blob && (blob.label || blob.email)) || ''
-  return {
-    label,
-    email: (blob && blob.email) || '',
-    ...(extra || {}),
-  }
-}

package/lib/client.js

@@ -54,6 +54,10 @@ window.__ModuleLoader__.load({
     '.dsub-chevOpen{transform:rotate(180deg)}' +
     '.dsub-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:12px}' +
     '.dsub-block{margin-top:10px}' +
+    '.dsub-group{margin-top:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;padding:0 14px}' +
+    '.dsub-group[open]{padding-bottom:6px}' +
+    '.dsub-groupHead{cursor:pointer;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);padding:10px 0;list-style:none}' +
+    '.dsub-groupHead::-webkit-details-marker{display:none}' +
     '.dsub-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}' +
     '.dsub-grow{flex:1 1 180px;min-width:140px}' +
     '.dsub-helpBox{margin-top:8px;padding:12px 14px;border-radius:8px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);font-size:12px;line-height:1.6}' +
@@ -107,6 +111,27 @@ window.__ModuleLoader__.load({
     '.dsub-details{margin-top:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:8px 12px;background:var(--dsw-alias-bg-layer-2)}' +
     '.dsub-summary{cursor:pointer;font-weight:600;font-size:12.5px;color:var(--dsw-alias-label-secondary);user-select:none}' +
     '.dsub-summary:hover{color:var(--dsw-alias-label-primary)}' +
+    '.dsub-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0 12px;margin-bottom:8px;border-bottom:1px solid var(--dsw-alias-border-l2)}' +
+    '.dsub-badge{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);display:inline-flex;align-items:center;gap:5px;font-weight:500}' +
+    '.dsub-badge-ok{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:rgba(16,185,129,0.08)}' +
+    '.dsub-badge-warn{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);background:rgba(245,158,11,0.08)}' +
+    '.dsub-badge-bad{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:rgba(239,68,68,0.08)}' +
+    '.dsub-badge-neutral{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}' +
+    '.dsub-section-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;margin-top:12px}' +
+    '.dsub-section-title{font-size:14.5px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}' +
+    '.dsub-section-desc{font-size:12px;color:var(--dsw-alias-label-secondary);margin-top:-4px;line-height:1.4}' +
+    '.dsub-grid-2{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:10px}' +
+    '.dsub-stat-box{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-2);display:flex;flex-direction:column;gap:3px}' +
+    '.dsub-stat-val{font-size:16.5px;font-weight:700;color:var(--dsw-alias-label-primary)}' +
+    '.dsub-stat-lbl{font-size:11.5px;color:var(--dsw-alias-label-secondary)}' +
+    '.dsub-alert-ok{padding:8px 12px;border-radius:8px;background:rgba(16,185,129,0.09);color:var(--dsw-alias-state-success-primary);font-size:12.5px;border:1px solid rgba(16,185,129,0.25)}' +
+    '.dsub-alert-bad{padding:8px 12px;border-radius:8px;background:rgba(239,68,68,0.09);color:var(--dsw-alias-state-error-primary);font-size:12.5px;border:1px solid rgba(239,68,68,0.25)}' +
+    '.dsub-btn-primary{background:var(--dsw-alias-label-primary) !important;color:var(--dsw-alias-bg-layer-3) !important;border-color:transparent !important;font-weight:600}' +
+    '.dsub-btn-primary:hover:not(:disabled){opacity:0.9}' +
+    '.dsub-model-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}' +
+    '.dsub-model-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);font-size:11.5px;color:var(--dsw-alias-label-primary)}' +
+    '.dsub-model-chip code{font-family:ui-monospace,monospace;font-weight:600}' +
+    '.dsub-model-tag{font-size:10px;padding:1px 4px;border-radius:3px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);font-weight:600}' +
     '.dsub-heroBars{display:flex;flex-direction:column;gap:8px;margin-top:10px}' +
     '.dsub-barLabelRow{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dsw-alias-label-secondary);margin-bottom:3px}' +
     '.dsub-barTrack{height:6px;border-radius:3px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}' +
@@ -310,6 +335,12 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       'intro': 'Log in with a consumer subscription. Tokens stay on the host credentials store. The browser never reads them back. After Connect, if the provider lands on localhost or a vendor page, paste the redirected URL or the code here.',
       'useOrigin': 'Use this Web UI origin as OAuth redirect_uri',
       'useOriginHint': 'Leave off unless you registered your own OAuth client for this origin. Vendor CLI clients usually require their published redirect URI plus the paste step.',
+      'closeModal': 'Close',
+      'groupAuth': 'Sign-in and redirect',
+      'groupPrivacy': 'Privacy and model list',
+      'groupRotation': 'Rotation and limits',
+      'groupProvider': 'Provider behaviour',
+      'groupFallback': 'Local fallback',
       'privacyMask': 'Mask emails and account identifiers',
       'privacyMaskHint': 'For demos and screen sharing: emails show as j***n@example.com.',
       'autoLoopback': 'Auto Loopback',
@@ -343,6 +374,21 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       'probeIntervalMinHint': 'Interval for background checks to refresh account status and quota balance.',
       'notifyLimits': 'Notify on rate limits',
       'notifyLimitsHint': 'Show notification alerts when account usage reaches quota ceiling.',
+      'hostOnline': 'Host online',
+      'hostOffline': 'Host unreachable',
+      'statsTitle': 'Session Telemetry',
+      'statsRequests': 'Successful / Total Requests',
+      'statsLatency': 'Avg Response Latency',
+      'statsSuccessRate': 'Session Success Rate',
+      'statsLastActivity': 'Last Activity',
+      'smokeTitle': 'Connection Smoke Test (Ping)',
+      'smokeDesc': 'Test live upstream connectivity and measure round-trip latency to the subscription provider.',
+      'runSmoke': '⚡ Run Smoke Test (Ping)',
+      'smokeTesting': 'Pinging…',
+      'smokeOk': 'Smoke test passed',
+      'smokeFail': 'Smoke test failed',
+      'modelsCatalogTitle': 'Curated Subscription Models',
+      'modelsCatalogDesc': 'Available model catalog across active subscriptions in DeepSeek Harness.',
       'resetCredits': 'Reset credits',
       'resetCreditsHint': 'ChatGPT reset cards: emergency reset for the 5-hour window. Requires a 5s confirmation.',
       'resetCreditsAction': 'Reset ChatGPT Limit',
@@ -539,6 +585,10 @@ const cssId = 'dsh-subscriptions/settings.module.css'
     function badgeFor(account, t) {
       if (!account || !account.configured) return t('notConnected')
       if (account.validationUrl) return t('verifyAccount')
+      // #303: a quarantined account says why it is parked.
+      if (account.quarantineReason && account.quarantineUntil && account.quarantineUntil > Date.now()) {
+        return account.quarantineReason === 'VERIFY' ? t('verifyAccount') : String(account.quarantineReason)
+      }
       if (account.cooldownUntil && account.cooldownUntil > Date.now()) return t('coolingDown')
       if (account.usagePercent != null && account.usagePercent >= 100) return t('usageFull')
       return t('connected')
@@ -636,6 +686,32 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           .catch((e) => setDiag('error: ' + String(e && e.message || e)))
       }
       const [checkRes, setCheckRes] = React.useState({})
+      const [hostPing, setHostPing] = React.useState({ ok: true, latencyMs: null })
+      const [telemetry, setTelemetry] = React.useState(null)
+      const [smoke, setSmoke] = React.useState({ testing: false, result: null })
+
+      const reloadTelemetry = () => {
+        fetch('/dsh-subscriptions/telemetry', { cache: 'no-store' })
+          .then((r) => r.json())
+          .then((d) => { if (d && d.ok && d.telemetry) setTelemetry(d.telemetry) })
+          .catch(() => {})
+      }
+
+      const runSmokeTest = async (provider, index) => {
+        setSmoke({ testing: true, result: null })
+        try {
+          const res = await fetch('/dsh-subscriptions/smoke', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ provider, index }),
+          })
+          const d = await res.json()
+          setSmoke({ testing: false, result: d })
+          reloadTelemetry()
+        } catch (e) {
+          setSmoke({ testing: false, result: { ok: false, error: { message: String(e && e.message || e) } } })
+        }
+      }
       const [checking, setChecking] = React.useState({})
       const [saved, setSaved] = React.useState(false)
       const [tokenDraft, setTokenDraft] = React.useState({})
@@ -649,9 +725,21 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         setProviders((data && data.providers) || [])
       }
 
-      const reload = () => fetch('/dsh-subscriptions/config', { cache: 'no-store' })
-        .then((res) => res.json())
-        .then(applyPayload)
+      const reload = () => {
+        const t0 = Date.now()
+        return fetch('/dsh-subscriptions/config', { cache: 'no-store' })
+          .then((res) => res.json())
+          .then((data) => {
+            setHostPing({ ok: true, latencyMs: Date.now() - t0 })
+            applyPayload(data)
+            reloadTelemetry()
+            return data
+          })
+          .catch((err) => {
+            setHostPing({ ok: false, latencyMs: null })
+            throw err
+          })
+      }
 
       React.useEffect(() => {
         let alive = true
@@ -857,11 +945,65 @@ const cssId = 'dsh-subscriptions/settings.module.css'
         { id: 'antigravity', name: 'Antigravity' },
       ]
 
+      const connectedCount = accounts.filter((a) => a.configured).length
+
       return React.createElement('div', { className: 'dsub-wrap' },
+        React.createElement('div', { className: 'dsub-header-bar' },
+          React.createElement('div', { className: 'dsub-row', style: { marginTop: 0 } },
+            React.createElement('span', {
+              className: 'dsub-badge ' + (hostPing.ok ? 'dsub-badge-ok' : 'dsub-badge-bad')
+            }, hostPing.ok
+              ? (hostPing.latencyMs != null ? 'Host online (' + hostPing.latencyMs + ' ms)' : t('hostOnline'))
+              : t('hostOffline')
+            ),
+            React.createElement('span', {
+              className: 'dsub-badge ' + (connectedCount > 0 ? 'dsub-badge-ok' : 'dsub-badge-warn')
+            }, connectedCount > 0
+              ? (connectedCount + ' ' + t('subsLogged'))
+              : t('subsNotLogged')
+            ),
+            React.createElement('span', {
+              className: 'dsub-badge dsub-badge-neutral'
+            }, 'Pool: ' + accounts.length + ' accounts'),
+          ),
+          React.createElement('button', {
+            type: 'button',
+            className: 'dsub-mini dsub-btn-primary',
+            disabled: smoke.testing,
+            onClick: () => runSmokeTest(),
+          }, smoke.testing ? t('smokeTesting') : t('runSmoke')),
+        ),
+        smoke.result ? React.createElement('div', {
+          className: smoke.result.ok ? 'dsub-alert-ok' : 'dsub-alert-bad',
+          style: { marginBottom: '12px' }
+        }, smoke.result.ok
+          ? ('🟢 ' + t('smokeOk') + ': ' + (smoke.result.provider || 'Provider').toUpperCase() + ' · ' + (smoke.result.latencyMs != null ? smoke.result.latencyMs + ' ms' : 'OK') + (smoke.result.label ? ' (' + smoke.result.label + ')' : ''))
+          : ('❌ ' + t('smokeFail') + ': ' + (smoke.result.error && (smoke.result.error.message || smoke.result.error.code) || 'Unknown error'))
+        ) : null,
+        telemetry && telemetry.totalRequests > 0 ? React.createElement('div', { className: 'dsub-grid-2', style: { marginBottom: '14px' } },
+          React.createElement('div', { className: 'dsub-stat-box' },
+            React.createElement('div', { className: 'dsub-stat-val' }, telemetry.successRequests + ' / ' + telemetry.totalRequests),
+            React.createElement('div', { className: 'dsub-stat-lbl' }, t('statsRequests')),
+          ),
+          React.createElement('div', { className: 'dsub-stat-box' },
+            React.createElement('div', { className: 'dsub-stat-val' }, (telemetry.avgLatencyMs || 0) + ' ms'),
+            React.createElement('div', { className: 'dsub-stat-lbl' }, t('statsLatency')),
+          ),
+          React.createElement('div', { className: 'dsub-stat-box' },
+            React.createElement('div', { className: 'dsub-stat-val' }, (telemetry.successRate || 100) + '%'),
+            React.createElement('div', { className: 'dsub-stat-lbl' }, t('statsSuccessRate')),
+          ),
+          React.createElement('div', { className: 'dsub-stat-box' },
+            React.createElement('div', { className: 'dsub-stat-val' }, telemetry.lastRequestAt ? Math.round((Date.now() - telemetry.lastRequestAt) / 60000) + 'm ago' : '—'),
+            React.createElement('div', { className: 'dsub-stat-lbl' }, t('statsLastActivity')),
+          ),
+        ) : null,
         React.createElement('div', { className: 'dsub-block' },
           React.createElement('div', { className: 'dsub-h' }, t('title')),
           React.createElement('div', { className: 'dsub-sub' },
             t('intro')),
+          React.createElement('details', { className: 'dsub-group', open: true },
+            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupAuth')),
           React.createElement('label', { className: 'dsub-row' },
             React.createElement('input', {
               type: 'checkbox',
@@ -875,23 +1017,26 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           React.createElement('label', { className: 'dsub-row' },
             React.createElement('input', {
               type: 'checkbox',
-              checked: !!draft.privacyMask,
-              onChange: (e) => setDraft((d) => Object.assign({}, d, { privacyMask: e.target.checked })),
+              checked: !!draft.autoLoopback,
+              onChange: (e) => setDraft((d) => Object.assign({}, d, { autoLoopback: e.target.checked })),
             }),
-            React.createElement('span', null, t('privacyMask')),
+            React.createElement('span', null, t('autoLoopback')),
           ),
           React.createElement('div', { className: 'dsub-sub' },
-            t('privacyMaskHint')),
+            t('autoLoopbackHint')),
+          ),
+          React.createElement('details', { className: 'dsub-group', open: true },
+            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupPrivacy')),
           React.createElement('label', { className: 'dsub-row' },
             React.createElement('input', {
               type: 'checkbox',
-              checked: !!draft.autoLoopback,
-              onChange: (e) => setDraft((d) => Object.assign({}, d, { autoLoopback: e.target.checked })),
+              checked: !!draft.privacyMask,
+              onChange: (e) => setDraft((d) => Object.assign({}, d, { privacyMask: e.target.checked })),
             }),
-            React.createElement('span', null, t('autoLoopback')),
+            React.createElement('span', null, t('privacyMask')),
           ),
           React.createElement('div', { className: 'dsub-sub' },
-            t('autoLoopbackHint')),
+            t('privacyMaskHint')),
           React.createElement('label', { className: 'dsub-row' },
             React.createElement('input', {
               type: 'checkbox',
@@ -902,6 +1047,9 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           ),
           React.createElement('div', { className: 'dsub-sub' },
             t('hideDeprecatedHint')),
+          ),
+          React.createElement('details', { className: 'dsub-group', open: true },
+            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupRotation')),
           React.createElement('div', { className: 'dsub-row' },
             React.createElement('span', { className: 'dsub-h' }, t('composerQuota')),
             React.createElement('select', {
@@ -931,6 +1079,9 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           ),
           React.createElement('div', { className: 'dsub-sub' },
             t('expiryNotifyDaysHint')),
+          ),
+          React.createElement('details', { className: 'dsub-group', open: true },
+            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupProvider')),
           React.createElement('label', { className: 'dsub-row' },
             React.createElement('input', {
               type: 'checkbox',
@@ -956,6 +1107,9 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           ),
           React.createElement('div', { className: 'dsub-sub' },
             t('codexVerbosityHint')),
+          ),
+          React.createElement('details', { className: 'dsub-group', open: true },
+            React.createElement('summary', { className: 'dsub-groupHead' }, t('groupFallback')),
           React.createElement('label', { className: 'dsub-row' },
             React.createElement('input', {
               type: 'checkbox',
@@ -982,6 +1136,21 @@ const cssId = 'dsh-subscriptions/settings.module.css'
               onChange: (e) => setDraft((d) => Object.assign({}, d, { ollamaFallbackModel: e.target.value })),
             }),
           ) : null,
+          ),
+          React.createElement('details', { className: 'dsub-group' },
+            React.createElement('summary', { className: 'dsub-groupHead' }, '🎯 ' + t('modelsCatalogTitle')),
+            React.createElement('div', { className: 'dsub-sub', style: { marginTop: '4px' } }, t('modelsCatalogDesc')),
+            React.createElement('div', { className: 'dsub-model-grid' },
+              React.createElement('div', { className: 'dsub-model-chip' }, React.createElement('code', null, 'gpt-4o'), React.createElement('span', { className: 'dsub-model-tag' }, '128k · Vision')),
+              React.createElement('div', { className: 'dsub-model-chip' }, React.createElement('code', null, 'o1 / o3-mini'), React.createElement('span', { className: 'dsub-model-tag' }, '200k · Reasoning')),
+              React.createElement('div', { className: 'dsub-model-chip' }, React.createElement('code', null, 'claude-3-7-sonnet'), React.createElement('span', { className: 'dsub-model-tag' }, '200k · Hybrid')),
+              React.createElement('div', { className: 'dsub-model-chip' }, React.createElement('code', null, 'claude-3-5-sonnet'), React.createElement('span', { className: 'dsub-model-tag' }, '200k · Coding')),
+              React.createElement('div', { className: 'dsub-model-chip' }, React.createElement('code', null, 'grok-beta'), React.createElement('span', { className: 'dsub-model-tag' }, '128k · Speed')),
+              React.createElement('div', { className: 'dsub-model-chip' }, React.createElement('code', null, 'gemini-2.5-pro'), React.createElement('span', { className: 'dsub-model-tag' }, '1M · Context')),
+              React.createElement('div', { className: 'dsub-model-chip' }, React.createElement('code', null, 'kimi-k1.5'), React.createElement('span', { className: 'dsub-model-tag' }, '128k · Math')),
+              React.createElement('div', { className: 'dsub-model-chip' }, React.createElement('code', null, 'glm-4-plus'), React.createElement('span', { className: 'dsub-model-tag' }, '128k · Chinese')),
+            ),
+          ),
           React.createElement('details', { className: 'dsub-details' },
             React.createElement('summary', { className: 'dsub-summary' }, t('advancedSettings')),
             React.createElement('div', { className: 'dsub-block' },
@@ -1691,15 +1860,20 @@ const cssId = 'dsh-subscriptions/settings.module.css'
       const rows = state.accounts.map((a, i) => {
         const isLogged = state.logged.includes(a.provider)
         const cooled = a.cooldownUntil && a.cooldownUntil > now
+        const quarantined = Boolean(a.quarantineReason) && Number(a.quarantineUntil || 0) > now
         const pct = a.usagePercent != null ? Math.round(a.usagePercent) : null
         const b = brandBadge(a.provider)
         const isActiveThis = state.active && state.active.provider === a.provider && state.active.index === a.index
 
         let statusClass = 'dsub-statusOff'
         let statusText = t('subsNotLogged')
-        if (cooled) {
+        if (quarantined) {
+          statusClass = 'dsub-statusBad'
+          statusText = a.quarantineReason === 'VERIFY' ? t('verifyAccount') : String(a.quarantineReason)
+        } else if (cooled) {
           statusClass = 'dsub-statusWarn'
-          statusText = t('subsCooldown')
+          // Only some model families may be cooled down - say which ones.
+          statusText = t('subsCooldown') + (Array.isArray(a.cooldownFamilies) && a.cooldownFamilies.length ? ' · ' + a.cooldownFamilies.join('/') : '')
         } else if (isLogged) {
           if (pct >= 90) { statusClass = 'dsub-statusBad'; statusText = '90%+ ' + t('subsUsed') }
           else if (pct >= 50) { statusClass = 'dsub-statusWarn'; statusText = pct + '% ' + t('subsUsed') }
@@ -1715,7 +1889,7 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                 isActiveThis ? React.createElement('span', { className: 'dsub-pillTag', style: { background: 'color-mix(in srgb,var(--dsw-alias-state-success-primary) 15%,transparent)', color: 'var(--dsw-alias-state-success-primary)' } }, 'ACTIVE') : null,
                 a.proxy ? React.createElement('span', { className: 'dsub-dim', title: a.proxy }, '🌐 proxy') : null,
               ),
-              React.createElement('span', { className: 'dsub-accStatusTag ' + statusClass }, statusText),
+              React.createElement('span', { className: 'dsub-accStatusTag ' + statusClass, role: 'status', 'aria-live': 'polite' }, statusText),
             ),
             (isLogged && pct != null) ? React.createElement('div', { className: 'dsub-barTrack', style: { marginTop: 4, height: 4 } },
               React.createElement('div', {
@@ -1746,7 +1920,7 @@ const cssId = 'dsh-subscriptions/settings.module.css'
           className: 'dsub-modalWrap',
           onClick: (e) => { if (e.target === e.currentTarget) setState((s) => Object.assign({}, s, { open: false })) },
         },
-          React.createElement('div', { className: 'dsub-modal', role: 'dialog', 'aria-label': t('subsModalTitle') },
+          React.createElement('div', { className: 'dsub-modal', role: 'dialog', 'aria-modal': 'true', 'aria-label': t('subsModalTitle') },
             React.createElement('div', { className: 'dsub-modalHead' },
               React.createElement('div', { className: 'dsub-modalTitleWrap' },
                 React.createElement('div', { className: 'dsub-modalIcon' }, '⚡'),
@@ -1765,6 +1939,8 @@ const cssId = 'dsh-subscriptions/settings.module.css'
                 React.createElement('button', {
                   type: 'button',
                   className: 'dsub-mini',
+                  autoFocus: true,
+                  'aria-label': t('closeModal'),
                   onClick: () => setState((s) => Object.assign({}, s, { open: false })),
                 }, '✕'),
               ),

package/lib/history.js

@@ -4,17 +4,24 @@ import { homedir } from 'node:os'
 
 // #65: request and cost history. Stored in
 // ~/.dsh/storages/dsh-subscriptions/history.json (JSON array, newest first).
-// All IO is best-effort and synchronous: a write failure must never crash the harness.
+// All IO is best-effort: a write failure must never crash the harness.
 
 export const DEFAULT_HISTORY_DIR = join(homedir(), '.dsh', 'storages', 'dsh-subscriptions')
 
 export class HistoryStore {
-  constructor(dir = DEFAULT_HISTORY_DIR, ttlMs = 7 * 24 * 60 * 60 * 1000) {
+  constructor(dir = DEFAULT_HISTORY_DIR, ttlMs = 7 * 24 * 60 * 60 * 1000, debounceMs = 0) {
     this.dir = dir
     this.ttlMs = ttlMs
+    this.debounceMs = debounceMs
     this.path = join(dir, 'history.json')
     this.rows = []
+    this._persistTimer = null
     this._load()
+
+    if (typeof process !== 'undefined' && typeof process.on === 'function') {
+      this._exitHandler = () => this.flush()
+      process.on('beforeExit', this._exitHandler)
+    }
   }
 
   _load() {
@@ -36,6 +43,24 @@ export class HistoryStore {
   }
 
   _persist() {
+    if (this.debounceMs > 0) {
+      if (this._persistTimer) return
+      this._persistTimer = setTimeout(() => {
+        this._persistTimer = null
+        this.flush()
+      }, this.debounceMs)
+      if (typeof this._persistTimer.unref === 'function') this._persistTimer.unref()
+      return
+    }
+    this.flush()
+  }
+
+  /** Write pending updates to disk immediately. */
+  flush() {
+    if (this._persistTimer) {
+      clearTimeout(this._persistTimer)
+      this._persistTimer = null
+    }
     try {
       mkdirSync(this.dir, { recursive: true })
       writeFileSync(this.path, JSON.stringify(this.rows))
@@ -63,4 +88,55 @@ export class HistoryStore {
   size() {
     return this.rows.length
   }
+
+  /** Summarize session and 24-hour telemetry for UI stat cards. */
+  telemetrySummary() {
+    const total = this.rows.length
+    if (total === 0) {
+      return {
+        totalRequests: 0,
+        requests24h: 0,
+        successRequests: 0,
+        errorRequests: 0,
+        successRate: 100,
+        avgLatencyMs: 0,
+        lastLatencyMs: 0,
+        lastRequestAt: null,
+        lastProvider: null,
+        lastModel: null,
+      }
+    }
+    let success = 0
+    let error = 0
+    let totalMs = 0
+    let latencyCount = 0
+    const now = Date.now()
+    const last24h = now - 24 * 60 * 60 * 1000
+    let count24h = 0
+
+    for (const r of this.rows) {
+      if (r.ts >= last24h) count24h++
+      const st = Number(r.status || 0)
+      if (st >= 200 && st < 400) success++
+      else if (st >= 400) error++
+      if (typeof r.ms === 'number' && r.ms > 0) {
+        totalMs += r.ms
+        latencyCount++
+      }
+    }
+
+    const first = this.rows[0] // newest first
+    return {
+      totalRequests: total,
+      requests24h: count24h,
+      successRequests: success,
+      errorRequests: error,
+      successRate: total > 0 ? Math.round((success / total) * 100) : 100,
+      avgLatencyMs: latencyCount > 0 ? Math.round(totalMs / latencyCount) : 0,
+      lastLatencyMs: (first && typeof first.ms === 'number') ? first.ms : 0,
+      lastRequestAt: (first && first.ts) || null,
+      lastProvider: (first && first.provider) || null,
+      lastModel: (first && first.model) || null,
+    }
+  }
 }

package/lib/http.js

@@ -30,7 +30,10 @@ export function readBody(req, maxBytes = 64 * 1024) {
   })
 }
 
-/** Reject cross-site writes. Do not require loopback: Web UI is used over LAN and reverse proxies. */
+/**
+ * @param {import('node:http').IncomingMessage} request
+ * @returns {boolean}
+ * Reject cross-site writes. Do not require loopback: Web UI is used over LAN and reverse proxies. */
 export function isTrustedSettingsRequest(request) {
   return request.headers['sec-fetch-site'] !== 'cross-site'
 }

package/lib/index.js

@@ -440,6 +440,11 @@ export function apply(ctx, config) {
         configured: info.configured,
         writable: info.writable,
         cooldownUntil: info.cooldownUntil,
+        // #303: expose the cooldown scope and quarantine so the card can
+        // explain why only some models are blocked.
+        cooldownFamilies: info.cooldownFamilies || null,
+        quarantineUntil: info.quarantineUntil || 0,
+        quarantineReason: info.quarantineReason || null,
         usagePercent: info.usagePercent,
         quota: info.quota || null,
         usage: info.usage || null,

package/lib/quarantine.js

@@ -29,10 +29,3 @@ export function isQuarantined(account, nowMs = Date.now()) {
   return Number(account.quarantineUntil) > Number(nowMs)
 }
 
-export function releaseFromQuarantine(account) {
-  const next = { ...account }
-  delete next.quarantineReason
-  delete next.quarantineUntil
-  if (next.status === 'quarantine') next.status = 'active'
-  return next
-}

package/lib/ratelimit.js

@@ -208,11 +208,3 @@ export function quotaSnapshot(provider, headers, bodyJson, nowMs = Date.now()) {
   return { remaining, limit, resetAt: resetAt ?? null, usedPercent, measuredAt: nowMs }
 }
 
-export function formatQuota(q) {
-  if (!q) return ""
-  const parts = []
-  if (q.remaining!=null && q.limit!=null) parts.push(q.remaining+"/"+q.limit)
-  else if (q.remaining!=null) parts.push("left "+q.remaining)
-  if (q.resetAt) parts.push("reset "+new Date(q.resetAt).toLocaleString())
-  return parts.join(" · ")
-}

package/lib/refs.js

@@ -61,6 +61,11 @@ export function displayName(provider) {
   return DISPLAY[provider] || displayExtra[provider] || provider
 }
 
+/**
+ * @param {string} provider
+ * @param {number} index
+ * @returns {string} provider-scoped credential ref, e.g. CODEX_OAUTH_1
+ */
 export function oauthRef(provider, index) {
   const n = Number(index)
   if (!Number.isInteger(n) || n < 1) throw new Error('account index must be an integer >= 1')

package/lib/relative-time.js

@@ -26,6 +26,12 @@ function fill(template, n) {
   return String(template).replace('{n}', String(n))
 }
 
+/**
+ * @param {number} resetAt epoch ms of the quota window reset
+ * @param {string} [lang]
+ * @param {number} [now]
+ * @returns {string} human-readable remaining time, down to the minute
+ */
 export function formatRelativeReset(resetAt, lang = 'ru', now = Date.now()) {
   if (typeof resetAt !== 'number' || !Number.isFinite(resetAt) || resetAt <= 0) return ''
   const delta = resetAt - now

package/lib/routes/status.js

@@ -32,7 +32,7 @@ export function registerStatusRoutes(ctx, state) {
   ctx.effect(() => ctx.webServer.register({
     kind: 'exact',
     path: '/dsh-subscriptions/config',
-    handler: async (req, res) => {
+    handler: safeJsonHandler(async (req, res) => {
       if (req.method === 'GET') {
         writeJson(res, 200, await configResponse())
         return
@@ -67,10 +67,7 @@ export function registerStatusRoutes(ctx, state) {
       } catch (e) {
         writeJson(res, 400, { ok: false, error: { code: 'save', message: String(e && e.message || e) } })
       }
-    },
-
-  
-
+    }),
   }), 'dsh-subscriptions: /config')
 
 
@@ -239,7 +236,7 @@ export function registerStatusRoutes(ctx, state) {
   ctx.effect(() => ctx.webServer.register({
     kind: 'exact',
     path: '/dsh-subscriptions/history',
-    handler: async (req, res) => {
+    handler: safeJsonHandler(async (req, res) => {
       if (req.method !== 'GET') {
         writeJson(res, 405, { ok: false, error: { code: 'method', message: 'GET only' } })
         return
@@ -251,6 +248,127 @@ export function registerStatusRoutes(ctx, state) {
       }
       const limit = Math.min(Number(queryOf(req).get('limit') || '10'), 100)
       writeJson(res, 200, { ok: true, total: history.size(), items: history.recent(limit) })
-    },
+    }),
   }), 'dsh-subscriptions: /history')
+
+  // Telemetry summary route for UI stat cards (requests, latency, success rate)
+  ctx.effect(() => ctx.webServer.register({
+    kind: 'exact',
+    path: '/dsh-subscriptions/telemetry',
+    handler: safeJsonHandler(async (req, res) => {
+      if (req.method !== 'GET') {
+        writeJson(res, 405, { ok: false, error: { code: 'method', message: 'GET only' } })
+        return
+      }
+      const summary = typeof history.telemetrySummary === 'function'
+        ? history.telemetrySummary()
+        : { totalRequests: history.size(), requests24h: 0, successRequests: 0, errorRequests: 0, successRate: 100, avgLatencyMs: 0 }
+      writeJson(res, 200, { ok: true, telemetry: summary })
+    }),
+  }), 'dsh-subscriptions: /telemetry')
+
+  // Live smoke ping test for active subscription providers
+  ctx.effect(() => ctx.webServer.register({
+    kind: 'exact',
+    path: '/dsh-subscriptions/smoke',
+    handler: safeJsonHandler(async (req, res) => {
+      if (req.method !== 'POST') {
+        writeJson(res, 405, { ok: false, error: { code: 'method', message: 'POST only' } })
+        return
+      }
+      let payload = {}
+      try { payload = JSON.parse((await readBody(req, 64 * 1024)).toString('utf8') || '{}') } catch {}
+
+      let provider = payload.provider
+      let index = payload.index || 1
+
+      if (!provider) {
+        const accounts = await accountsView()
+        const connected = accounts.find((a) => a.configured)
+        if (connected) {
+          provider = connected.provider
+          index = connected.index || 1
+        }
+      }
+
+      if (!provider || !isProvider(provider)) {
+        writeJson(res, 400, { ok: false, error: { code: 'no_connected_accounts', message: 'No connected subscription account found to test' } })
+        return
+      }
+
+      const ref = oauthRef(provider, index)
+      const info = await store.describeRef(ref)
+      if (!info.configured) {
+        writeJson(res, 400, { ok: false, provider, index, ref, error: { code: 'not_connected', message: 'Account is not connected' } })
+        return
+      }
+
+      const t0 = Date.now()
+      let blob
+      try {
+        blob = await store.loadBlob(ref)
+        blob = await store.ensureFresh(provider, blob, ref)
+      } catch (e) {
+        const latencyMs = Date.now() - t0
+        history.add({ provider, ref, path: "/smoke", status: 401, ms: latencyMs })
+        writeJson(res, 502, { ok: false, provider, index, ref, latencyMs, error: { code: 'auth_failed', message: String(e && e.message || e) } })
+        return
+      }
+
+      const vendor = getVendor(provider)
+      if (typeof vendor.check === 'function') {
+        let capturedQuota = null
+        const probeFetch = async (url, init) => {
+          const res2 = await fetch(url, init)
+          try {
+            const snap = quotaSnapshot(provider, res2.headers, null, Date.now())
+            if (snap) { capturedQuota = snap; store.rememberQuota(ref, snap) }
+          } catch {}
+          return res2
+        }
+        try {
+          await vendor.check(blob, vendorConfig(provider, live()), probeFetch)
+          const latencyMs = Date.now() - t0
+          history.add({ provider, ref, path: "/smoke", status: 200, ms: latencyMs })
+          writeJson(res, 200, {
+            ok: true,
+            provider,
+            index,
+            ref,
+            latencyMs,
+            label: pmL(blob.label),
+            email: pmE(blob.email),
+            quota: capturedQuota || info.quota || null,
+            usagePercent: info.usagePercent ?? null,
+          })
+          return
+        } catch (e) {
+          const latencyMs = Date.now() - t0
+          history.add({ provider, ref, path: "/smoke", status: 502, ms: latencyMs })
+          writeJson(res, 502, {
+            ok: false,
+            provider,
+            index,
+            ref,
+            latencyMs,
+            error: { code: e && e.code ? e.code : 'VENDOR', message: String(e && e.message || e).slice(0, 300) },
+          })
+          return
+        }
+      }
+
+      const latencyMs = Date.now() - t0
+      history.add({ provider, ref, path: "/smoke", status: 200, ms: latencyMs })
+      writeJson(res, 200, {
+        ok: true,
+        provider,
+        index,
+        ref,
+        latencyMs,
+        label: pmL(blob.label),
+        email: pmE(blob.email),
+        quota: info.quota || null,
+      })
+    }),
+  }), 'dsh-subscriptions: /smoke')
 }

package/lib/session-pin.js

@@ -1,6 +1,13 @@
 const sessionPins = new Map()
 const DEFAULT_TTL_MS = 30 * 60 * 1000 // 30 mins
 
+/**
+ * Bind a session id to an account ref for ttlMs (default 30 minutes).
+ * @param {string|undefined} sessionId
+ * @param {string|undefined} accountRef
+ * @param {number} [ttlMs]
+ * @returns {void}
+ */
 export function pinSession(sessionId, accountRef, ttlMs = DEFAULT_TTL_MS) {
   if (!sessionId || !accountRef) return
   sessionPins.set(sessionId, {
@@ -9,6 +16,10 @@ export function pinSession(sessionId, accountRef, ttlMs = DEFAULT_TTL_MS) {
   })
 }
 
+/**
+ * @param {string|undefined} sessionId
+ * @returns {string|null} the bound account ref, or null when absent/expired
+ */
 export function getPinnedAccountRef(sessionId) {
   if (!sessionId) return null
   const entry = sessionPins.get(sessionId)

package/lib/vendors/antigravity.js

@@ -150,7 +150,9 @@ export async function usage(blob, _cfg, fetchImpl) {
 }
 
 export async function* streamOnce({ blob, options, fetchImpl, headers, config, signal, saveBlob }) {
-  const ready = await withProject(blob, fetchImpl, saveBlob)
+  // Abort must cover the project pre-flight as well as the stream.
+  const preflight = (u, i) => fetchImpl(u, { ...(i || {}), signal })
+  const ready = await withProject(blob, preflight, saveBlob)
   const { envelope, sessionId } = streamEnvelope({
     projectId: ready.projectId,
     model: options.model,

package/lib/vendors/grok.js

@@ -236,7 +236,8 @@ export async function* streamOnce({ blob, options, fetchImpl, headers, config, s
   if (!body.instructions) delete body.instructions
   // grok manages reasoning itself (cli catalog aware); drop the codex-level field
   delete body.reasoning
-  const catalog = await cliCatalogCached(blob, config, fetchImpl).catch(() => new Map())
+  // Thread the caller AbortSignal through the catalog pre-flight too.
+  const catalog = await cliCatalogCached(blob, config, (u, i) => fetchImpl(u, { ...(i || {}), signal })).catch(() => new Map())
   const reasoning = grokReasoningBody(options.model, options.reasoningEffort, catalog)
   if (reasoning) body.reasoning = reasoning
   body = grokBodyForModel(options.model, body)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-subscriptions",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "description": "Use ChatGPT Codex, Claude, Grok, Antigravity, Kimi, GLM, Cursor, Kiro, Copilot, Qwen, ERNIE, Spark, JetBrains, Perplexity, Replit, and Cody subscriptions as DeepSeek Harness LLM providers via OAuth.",
   "license": "MIT",
   "type": "module",
@@ -34,9 +34,6 @@
   "bugs": {
     "url": "https://github.com/GooDAnDReaDY/dsh-subscriptions/issues"
   },
-  "scripts": {
-    "test": "eslint lib/ && node --test test/*.test.mjs"
-  },
   "dsh": {
     "bundle": {
       "patch": "./cordis.patch.yml"
@@ -62,6 +59,12 @@
     "undici": "^8.10.1"
   },
   "devDependencies": {
-    "@deepseek-ai/dsh-llm": "0.1.0-rc.8"
+    "@deepseek-ai/dsh-llm": "0.1.0-rc.8",
+    "@types/node": "^22.20.2",
+    "typescript": "^7.0.2"
+  },
+  "scripts": {
+    "test": "eslint lib/ && node --test test/*.test.mjs",
+    "typecheck": "tsc -p tsconfig.checkjs.json"
   }
-}
+}

package/lib/ratelimit-parser.js

@@ -1,24 +0,0 @@
-export function parseRateLimitHeaders(headers) {
-  if (!headers || typeof headers !== 'object') return null
-
-  const get = (key) => {
-    const k = Object.keys(headers).find((h) => h.toLowerCase() === key.toLowerCase())
-    return k ? headers[k] : null
-  }
-
-  const remainingTokens = get('x-ratelimit-remaining-tokens')
-  const resetTokens = get('x-ratelimit-reset-tokens')
-  const remainingRequests = get('x-ratelimit-remaining-requests')
-  const resetRequests = get('x-ratelimit-reset-requests')
-
-  if (!remainingTokens && !resetTokens && !remainingRequests && !resetRequests) {
-    return null
-  }
-
-  return {
-    remainingTokens: remainingTokens != null ? Number(remainingTokens) : null,
-    resetTokensTime: resetTokens || null,
-    remainingRequests: remainingRequests != null ? Number(remainingRequests) : null,
-    resetRequestsTime: resetRequests || null
-  }
-}

package/lib/ui-styles.js

@@ -1,119 +0,0 @@
-export const CSS =
-    '.dsub-card{list-style:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;transition:border-color .16s,background .16s}' +
-    '.dsub-card:hover{border-color:var(--dsw-alias-label-dimmed)}' +
-    '.dsub-cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}' +
-    '.dsub-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:18px 20px;display:flex}' +
-    '.dsub-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}' +
-    '.dsub-headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}' +
-    '.dsub-name{color:var(--dsw-alias-label-primary);font-size:16px;font-weight:600;line-height:1.4}' +
-    '.dsub-description{color:var(--dsw-alias-label-secondary);font-size:13px}' +
-    '.dsub-chev{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}' +
-    '.dsub-chevOpen{transform:rotate(180deg)}' +
-    '.dsub-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 20px;padding-bottom:12px}' +
-    '.dsub-block{margin-top:10px}' +
-    '.dsub-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}' +
-    '.dsub-grow{flex:1 1 180px;min-width:140px}' +
-    '.dsub-helpBox{margin-top:8px;padding:12px 14px;border-radius:8px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);font-size:12px;line-height:1.6}' +
-    '.dsub-helpHead{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:8px;color:var(--dsw-alias-brand-primary)}' +
-    '.dsub-helpStep{margin-bottom:6px;color:var(--dsw-alias-label-primary)}' +
-    '.dsub-btnActive{background:var(--dsw-alias-brand-primary);color:#fff;border-color:var(--dsw-alias-brand-primary)}' +
-    '.dsub-h{font-size:13.5px;font-weight:600;color:var(--dsw-alias-label-primary)}' +
-    '.dsub-sub{font-size:12px;color:var(--dsw-alias-label-secondary)}' +
-    '.dsub-dim{font-size:11.5px;color:var(--dsw-alias-label-tertiary)}' +
-    '.dsub-mini{appearance:none;font:inherit;font-size:12px;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:3px 8px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);transition:all .15s}' +
-    '.dsub-mini:hover{background:var(--dsw-alias-bg-layer-1);border-color:var(--dsw-alias-label-dimmed)}' +
-    '.dsub-ok{font-size:12px;color:var(--dsw-alias-state-success-primary)}' +
-    '.dsub-bad{font-size:12px;color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;word-break:break-word;max-width:100%}' +
-    '.dsub-hint{overflow-wrap:anywhere;word-break:break-word;max-width:100%}' +
-    '.dsub-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);transition:all .15s}' +
-    '.dsub-btn:hover{background:var(--dsw-alias-bg-layer-1);border-color:var(--dsw-alias-label-dimmed)}' +
-    '.dsub-inp{height:36px;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 12px;font-size:13px;min-width:180px}' +
-    '.dsub-inp:focus{outline:none;border-color:var(--dsw-alias-brand-primary)}' +
-    '.dsub-box{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:12px 14px;margin-top:8px;background:var(--dsw-alias-bg-layer-2)}' +
-    '.dsub-cooldown{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--dsw-alias-state-warning-primary);color:#000;font-size:11px;font-weight:600}' +
-    '.dsub-bar{position:relative;height:10px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);overflow:hidden;flex:1;min-width:80px}' +
-    '.dsub-barFill{height:100%;border-radius:3px;background:var(--dsw-alias-state-success-primary);transition:width .2s}' +
-    '.dsub-barWarn .dsub-barFill{background:var(--dsw-alias-state-warning-primary)}' +
-    '.dsub-barFull .dsub-barFill{background:var(--dsw-alias-state-error-primary)}' +
-    '.dsub-barRow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dsw-alias-label-secondary)}' +
-    '.dsub-manual{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l2)}' +
-    '.dsub-verify{font-size:12px;color:var(--dsw-alias-state-warning-primary)}' +
-    '.dsub-verify a{color:var(--dsw-alias-brand-primary)}' +
-    '.dsub-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.06);transition:all .16s ease;user-select:none}' +
-    '.dsub-pill:hover{background:var(--dsw-alias-bg-layer-3);border-color:var(--dsw-alias-label-tertiary);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}' +
-    '.dsub-pill:active{transform:translateY(0)}' +
-    '.dsub-pillTag{padding:1px 5px;border-radius:4px;font-size:10.5px;font-weight:700;letter-spacing:.02em;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary)}' +
-    '.dsub-led{width:7px;height:7px;border-radius:50%;flex:none;transition:all .2s ease}' +
-    '.dsub-ledOk{background:var(--dsw-alias-state-success-primary,#10b981);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-success-primary) 70%,transparent)}' +
-    '.dsub-ledWarn{background:var(--dsw-alias-state-warning-primary,#f59e0b);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-warning-primary) 70%,transparent)}' +
-    '.dsub-ledBad{background:var(--dsw-alias-state-error-primary,#ef4444);box-shadow:0 0 6px color-mix(in srgb,var(--dsw-alias-state-error-primary) 70%,transparent)}' +
-    '.dsub-ledOff{background:var(--dsw-alias-label-tertiary,#6b7280)}' +
-    '.dsub-modalWrap{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;background:rgba(0,0,0,.65);backdrop-filter:blur(10px);animation:dsubFadeIn .16s ease-out}' +
-    '.dsub-modal{width:min(520px,94vw);max-height:min(85vh,720px);overflow-y:auto;border:1px solid var(--dsw-alias-border-l1);border-radius:16px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07);padding:20px;animation:dsubScaleIn .18s cubic-bezier(.16,1,.3,1)}' +
-    '@keyframes dsubFadeIn{from{opacity:0}to{opacity:1}}' +
-    '@keyframes dsubScaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}' +
-    '.dsub-modalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--dsw-alias-border-l2)}' +
-    '.dsub-modalTitleWrap{display:flex;align-items:center;gap:10px}' +
-    '.dsub-modalIcon{width:30px;height:30px;border-radius:8px;background:var(--dsw-alias-bg-layer-1);display:grid;place-items:center;color:var(--dsw-alias-brand-primary);font-size:14px}' +
-    '.dsub-modalBadge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary)}' +
-    '.dsub-heroCard{margin-top:14px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,var(--dsw-alias-bg-layer-2) 0%,var(--dsw-alias-bg-layer-3) 100%);border:1px solid var(--dsw-alias-border-l1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}' +
-    '.dsub-heroHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}' +
-    '.dsub-heroTitle{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}' +
-    '.dsub-heroModel{font-size:11.5px;color:var(--dsw-alias-label-secondary);font-family:ui-monospace,monospace}' +
-    '.dsub-heroBars{display:flex;flex-direction:column;gap:8px;margin-top:10px}' +
-    '.dsub-barLabelRow{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dsw-alias-label-secondary);margin-bottom:3px}' +
-    '.dsub-barTrack{height:10px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}' +
-    '.dsub-barFillGrad{height:100%;border-radius:3px;transition:width .3s ease}' +
-    '.dsub-panel-box{margin-top:10px;padding:14px 16px;border-radius:10px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);display:flex;flex-direction:column;gap:8px}' +
-    '.dsub-panel-warn{border-color:color-mix(in srgb,var(--dsw-alias-state-warning-primary) 40%,transparent);background:color-mix(in srgb,var(--dsw-alias-state-warning-primary) 5%,transparent)}' +
-    '.dsub-panel-title{font-size:16px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between}' +
-    '.dsub-panel-desc{font-size:12px;color:var(--dsw-alias-label-secondary);line-height:1.4}' +
-    '.dsub-usage-grid{display:flex;flex-direction:column;gap:8px;margin-top:4px}' +
-    '.dsub-usage-card{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-1)}' +
-    '.dsub-usage-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:var(--dsw-alias-label-primary)}' +
-    '.dsub-usage-track{width:100%;height:8px;border-radius:999px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);overflow:hidden}' +
-    '.dsub-usage-fill{height:100%;border-radius:999px;transition:width .3s ease}' +
-    '.dsub-usage-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--dsw-alias-label-secondary)}' +
-    '.dsub-tag-ok{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 8%,transparent);padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border-style:solid;border-width:1px}' +
-    '.dsub-tag-warn{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);background:color-mix(in srgb,var(--dsw-alias-state-warning-primary) 8%,transparent);padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border-style:solid;border-width:1px}' +
-    '.dsub-tag-bad{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 8%,transparent);padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border-style:solid;border-width:1px}' +
-    '.dsub-slot-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--dsw-alias-border-l2);font-size:12px}' +
-    '.dsub-ref-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--dsw-alias-label-secondary)}' +
-    '.dsub-ref-tag code{padding:2px 6px;border-radius:4px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);font-family:ui-monospace,monospace;color:var(--dsw-alias-label-primary);font-size:11px}' +
-    '.dsub-btn-danger{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 40%,transparent)!important;color:var(--dsw-alias-state-error-primary)!important}' +
-    '.dsub-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent)!important}' +
-    '.dsub-poolTitle{margin-top:16px;margin-bottom:8px;font-size:11.5px;font-weight:700;color:var(--dsw-alias-label-secondary);text-transform:uppercase;letter-spacing:.05em}' +
-    '.dsub-accountCard{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-2);margin-top:6px;transition:border-color .15s,background .15s}' +
-    '.dsub-accountCard:hover{background:var(--dsw-alias-bg-layer-3);border-color:var(--dsw-alias-label-tertiary)}' +
-    '.dsub-brandBadge{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}' +
-    '.dsub-brandCodex{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}' +
-    '.dsub-brandClaude{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}' +
-    '.dsub-brandGrok{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.3)}' +
-    '.dsub-brandAgy{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}' +
-    '.dsub-brandOllama{background:rgba(107,114,128,.15);color:#9ca3af;border:1px solid rgba(107,114,128,.3)}' +
-    '.dsub-brandKimi{background:rgba(236,72,153,.15);color:#f472b6;border:1px solid rgba(236,72,153,.3)}' +
-    '.dsub-brandGlm{background:rgba(20,184,166,.15);color:#2dd4bf;border:1px solid rgba(20,184,166,.3)}' +
-    '.dsub-planBadge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3);margin-left:6px}' +
-    
-    '.dsub-accInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}' +
-    '.dsub-accNameRow{display:flex;align-items:center;justify-content:space-between;gap:8px}' +
-    '.dsub-accName{font-size:13px;font-weight:600}' +
-    '.dsub-accStatusTag{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:4px}' +
-    '.dsub-statusOk{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 15%,transparent);color:var(--dsw-alias-state-success-primary)}' +
-    '.dsub-statusWarn{background:color-mix(in srgb,var(--dsw-alias-state-warning-primary) 15%,transparent);color:var(--dsw-alias-state-warning-primary)}' +
-    '.dsub-statusBad{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 15%,transparent);color:var(--dsw-alias-state-error-primary)}' +
-    '.dsub-statusOff{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-tertiary)}' +
-    '.dsub-modalFoot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2)}' +
-    '.dsub-btnPrimary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--dsw-alias-brand-primary,#3b82f6);color:#fff;border:0;cursor:pointer;transition:opacity .15s}' +
-    '.dsub-btnPrimary:hover{opacity:.9}' +
-    '.dsub-btnSec{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;font-size:11.5px;font-weight:500;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;text-decoration:none;transition:all .15s}' +
-    '.dsub-btnSec:hover{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-tertiary)}' +
-    '.dsub-cq{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary);padding:0 6px}' +
-    '.dsub-cqBar{position:relative;width:40px;height:5px;border-radius:3px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}' +
-    '.dsub-cqBarFill{height:100%;border-radius:3px;background:var(--dsw-alias-state-success-primary)}' +
-    '.dsub-cqBarWarn .dsub-cqBarFill{background:var(--dsw-alias-state-warning-primary)}' +
-    '.dsub-cqBarFull .dsub-cqBarFill{background:var(--dsw-alias-state-error-primary)}' +
-    '.dsub-cqB{font-variant-numeric:tabular-nums;font-weight:600;color:var(--dsw-alias-label-primary)}' +
-    '.dsub-diag{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary)}'
-
-const cssId = 'dsh-subscriptions/settings.module.css'