@goodandready/dsh-subscriptions 0.6.5 → 0.6.7

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
@@ -236,6 +243,15 @@ dsh-subscriptions:
 
 ---
 
+## 🧠 Claude Adaptive Thinking & Effort (Added in v0.6.7)
+
+Supports Anthropic's adaptive thinking (`thinking: { type: "adaptive" }`) and reasoning effort steering (`output_config: { effort }`):
+- **Model Support**: Automatically gates effort levels for Opus 4.6+, Opus 4.7+, Opus 5 (`low`, `medium`, `high`, `xhigh`, `max`) and Sonnet 4.6+, Sonnet 5 (`low`, `medium`, `high`).
+- **Safe Fallback**: Models that do not support adaptive thinking (Haiku, Fable, 4.5 and earlier) reject the parameter cleanly and leave requests unaugmented to prevent 400 Bad Request API errors.
+- **Dynamic Catalog**: The provider model catalog exports matching `reasoning.efforts` options to the DeepSeek Harness interface.
+
+---
+
 ## 🌐 Localization
 
 The plugin source language is English only. Russian and other translations are provided at runtime by separate language plugins (for example the russification plugin), which translate the registered locale keys - the package itself ships no bundled translations (Changed in 0.6.1).

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 при интенсивном стриминге.
+
 ---
 
 ## 📦 Быстрая установка
@@ -209,6 +216,15 @@ dsh-subscriptions:
 
 ---
 
+## 🧠 Адаптивное мышление Claude и уровни усилия (Добавлено в v0.6.7)
+
+Поддержка адаптивного мышления Anthropic (`thinking: { type: "adaptive" }`) и управления глубиной рассуждений (`output_config: { effort }`):
+- **Поддержка моделей**: Автоматическое определение уровней усилия для Opus 4.6+, Opus 4.7+, Opus 5 (`low`, `medium`, `high`, `xhigh`, `max`) и Sonnet 4.6+, Sonnet 5 (`low`, `medium`, `high`).
+- **Безопасный фоллбэк**: Модели без поддержки адаптивного рассуждения (Haiku, Fable, 4.5 и старше) не перегружаются параметрами во избежание ошибок Anthropic API (400 Bad Request).
+- **Динамический каталог**: В каталоге моделей регистрируется секция `reasoning.efforts`, доступная для выбора в интерфейсе DeepSeek Harness.
+
+---
+
 ## 🌐 Локализация
 
 Исходный язык плагина - только английский. Русский и другие переводы во время работы предоставляют отдельные языковые плагины (например, плагин русификации), переводящие зарегистрированные ключи локали, - сам пакет не содержит встроенных переводов (Changed in 0.6.1).

package/README.zh.md

@@ -138,6 +138,15 @@ dsh plugin --profile web add @goodandready/dsh-subscriptions
 
 ---
 
+## 🧠 Claude 自适应思考与推理深度控制 (v0.6.7 新增)
+
+支持 Anthropic 自适应思考 (`thinking: { type: "adaptive" }`) 及推理深度调节 (`output_config: { effort }`):
+- **模型支持**: 针对 Opus 4.6+、Opus 4.7+、Opus 5 (`low`, `medium`, `high`, `xhigh`, `max`) 及 Sonnet 4.6+、Sonnet 5 (`low`, `medium`, `high`) 自动提供对应推理级别。
+- **安全降级**: 不支持自适应思考的模型（如 Haiku、Fable、4.5 及更早版本）保持原始请求，防止出现 400 Bad Request 错误。
+- **动态目录**: 模型列表自动暴露 `reasoning.efforts`，供 DeepSeek Harness 界面选择。
+
+---
+
 ## 🌐 本地化
 
 插件源语言仅为英语。俄语及其他翻译由独立的语言插件（如俄化插件）在运行时对注册的本地化键进行翻译，包本身不内置翻译（Changed in 0.6.1）。

package/lib/client.js

@@ -111,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}' +
@@ -353,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',
@@ -650,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({})
@@ -663,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
@@ -871,7 +945,59 @@ 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' },
@@ -1011,6 +1137,20 @@ const cssId = 'dsh-subscriptions/settings.module.css'
             }),
           ) : 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' },

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/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/vendors/claude.js

@@ -19,6 +19,38 @@ export function providerInfo() {
   return { id, name: 'Claude' }
 }
 
+// Thinking-effort support follows Anthropic's current semantics:
+// - Adaptive thinking (`thinking: { type: 'adaptive' }`) is the recommended /
+//   only on-mode for current generations; depth and token spend are steered by
+//   `output_config: { effort }`.
+// - Effort is accepted on Opus 4.6+ and Sonnet 4.6+; `xhigh` was added on
+//   Opus 4.7; `max` is Opus-tier only.
+// - Sonnet 4.5 / Haiku / Fable families reject effort (400), and models older
+//   than the adaptive generation use the legacy budget_tokens knob, so no
+//   effort control is advertised there. Model ids with a major version only
+//   (e.g. `claude-opus-5`) are treated as the latest of their family.
+const BASE_EFFORT_LEVELS = ['low', 'medium', 'high']
+
+export function effortLevelsForModel(modelId) {
+  const m = /^claude-(opus|sonnet|haiku|fable)(?:-(\d+))?(?:-(\d+))?/.exec(String(modelId || ''))
+  if (!m) return null
+  const [, family, majorRaw, minorRaw] = m
+  if (family === 'haiku' || family === 'fable') return null
+  const major = majorRaw ? Number(majorRaw) : null
+  const minor = minorRaw ? Number(minorRaw) : null
+  const atLeast = (wantMajor, wantMinor) => (
+    major === null || major > wantMajor || (major === wantMajor && (minor === null || minor >= wantMinor))
+  )
+  // Adaptive thinking / effort exist from Opus 4.6 and Sonnet 4.6 onward.
+  if (!atLeast(4, 6)) return null
+  const levels = [...BASE_EFFORT_LEVELS]
+  if (family === 'opus') {
+    if (atLeast(4, 7)) levels.push('xhigh')
+    levels.push('max')
+  }
+  return levels
+}
+
 export function defaults() {
   return {
     clientId: '9d1c250a-e61b-44d9-88ed-5944d1962f5e',
@@ -88,7 +120,27 @@ export async function refresh(cfg, blob, fetchImpl) {
 }
 
 export async function listModels(blob, cfg) {
-  return modelCatalog(id, cfg.models || defaults().models)
+  const raw = cfg.models && cfg.models.length ? cfg.models : defaults().models
+  const entries = raw.map((entry) => {
+    const model = typeof entry === 'string' ? { id: entry, name: entry } : { ...entry }
+    const levels = effortLevelsForModel(model.id || model.name)
+    if (!levels) return model
+    return { ...model, reasoning: { efforts: levels.map((level) => ({ id: level, name: level })) } }
+  })
+  return modelCatalog(id, entries)
+}
+
+// Advertise adaptive thinking + effort only for models whose capability table
+// declares the chosen level; anything else (unsupported family, 'off', no
+// selection) leaves the request untouched so behavior stays opt-in.
+export function applyClaudeThinking(payload, options) {
+  const effort = options && String(options.reasoningEffort || '')
+  if (!effort || effort === 'off') return payload
+  const levels = effortLevelsForModel(payload && payload.model)
+  if (!levels || !levels.includes(effort)) return payload
+  payload.thinking = { type: 'adaptive' }
+  payload.output_config = { effort }
+  return payload
 }
 
 
@@ -114,6 +166,7 @@ export async function usage(blob, _cfg, fetchImpl) {
 
 export async function* streamOnce({ blob, options, fetchImpl, headers, config, signal }) {
   const payload = anthropicPayload(options, config.systemPrefix || IDENTITY)
+  applyClaudeThinking(payload, options)
   const res = await fetchImpl(API, {
     method: 'POST',
     headers: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-subscriptions",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "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,10 +34,6 @@
   "bugs": {
     "url": "https://github.com/GooDAnDReaDY/dsh-subscriptions/issues"
   },
-  "scripts": {
-    "test": "eslint lib/ && node --test test/*.test.mjs",
-    "typecheck": "tsc -p tsconfig.checkjs.json"
-  },
   "dsh": {
     "bundle": {
       "patch": "./cordis.patch.yml"
@@ -66,5 +62,9 @@
     "@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/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'