@goodandready/dsh-subscriptions 0.7.44 → 0.7.45

package/lib/client.js

@@ -283,6 +283,23 @@ window.__ModuleLoader__.load({
       "providerGallery": "Add provider",
       "tabOverview": "Overview",
       "tabAccounts": "Accounts",
+      "tabDashboard": "Dashboard",
+      "accountsDashboard": "Accounts dashboard",
+      "sortRisk": "Risk",
+      "sortQuota": "Quota",
+      "sortName": "Name",
+      "speedSubagent": "Subagent speed",
+      "statusHealthy": "healthy",
+      "statusCooling": "cooling",
+      "statusQuarantined": "quarantined",
+      "quotaUsed": "quota used",
+      "requests": "requests",
+      "errors": "errors",
+      "loadUsage": "Load usage",
+      "modelEditor": "Model editor",
+      "discovered": "discovered",
+      "shown": "shown",
+      "searchModels": "Search models by name or id",
       "tabRouting": "Routing",
       "tabModels": "Models",
       "tabVault": "Vault",
@@ -691,6 +708,23 @@ window.__ModuleLoader__.load({
       "providerGallery": "添加服务商",
       "tabOverview": "概览",
       "tabAccounts": "账户",
+      "tabDashboard": "仪表盘",
+      "accountsDashboard": "账户仪表盘",
+      "sortRisk": "风险",
+      "sortQuota": "配额",
+      "sortName": "名称",
+      "speedSubagent": "子代理速度",
+      "statusHealthy": "正常",
+      "statusCooling": "冷却中",
+      "statusQuarantined": "隔离中",
+      "quotaUsed": "已用配额",
+      "requests": "请求",
+      "errors": "错误",
+      "loadUsage": "加载用量",
+      "modelEditor": "模型编辑器",
+      "discovered": "已发现",
+      "shown": "已显示",
+      "searchModels": "按名称或 ID 搜索模型",
       "tabRouting": "路由",
       "tabModels": "模型",
       "tabVault": "Vault",
@@ -1046,6 +1080,7 @@ window.__ModuleLoader__.load({
     const VaultSnapshotsPanel = lazyPanel('VaultSnapshotsPanel')
     const ProviderPacksPanel = lazyPanel('ProviderPacksPanel')
     const SourcesPanel = lazyPanel('SourcesPanel')
+    const AccountsDashboardPanel = lazyPanel('AccountsDashboardPanel')
 
     // #839 model-list helpers
     function modelListSearchText(model) {
@@ -1955,6 +1990,7 @@ window.__ModuleLoader__.load({
           [
             ['overview', t('tabOverview')],
             ['accounts', t('tabAccounts')],
+            ['dashboard', t('tabDashboard')],
             ['routing', t('tabRouting')],
             ['models', t('tabModels')],
             ['vault', t('tabVault')],
@@ -2221,6 +2257,19 @@ h('div', { className: 'dsub-row' },
             h('summary', { className: 'dsub-groupHead' }, t('sources')),
             h(SourcesPanel, { t }),
           ),
+          h('div', { className: 'dsub-group', 'data-pane': 'dashboard' },
+            h(AccountsDashboardPanel, {
+              t,
+              labels: {
+                accountsDashboard: t('accountsDashboard'),
+                sortRisk: t('sortRisk'), sortQuota: t('sortQuota'), sortName: t('sortName'),
+                speedSubagent: t('speedSubagent'),
+                statusHealthy: t('statusHealthy'), statusCooling: t('statusCooling'), statusQuarantined: t('statusQuarantined'),
+                quotaUsed: t('quotaUsed'), requests: t('requests'), errors: t('errors'), loadUsage: t('loadUsage'),
+                modelEditor: t('modelEditor'), discovered: t('discovered'), shown: t('shown'), searchModels: t('searchModels'),
+              },
+            }),
+          ),
           h('details', { className: 'dsub-group', 'data-pane': 'models' },
             h('summary', { className: 'dsub-groupHead' }, t('providerPacks')),
             h(ProviderPacksPanel, { t }),

package/lib/client.panels.js

@@ -182,6 +182,95 @@ window.__ModuleLoader__.load({
     }
 
 
-    return { WebhookTestButton, VaultSnapshotsPanel, ProviderPacksPanel, SourcesPanel }
+    // #789/#807/#812/#802: account dashboard, model editor, lazy usage and speed controls.
+    function AccountsDashboardPanel(props) {
+      const t = (props && props.t) || ((k) => k)
+      const [data, setData] = React.useState(null)
+      const [provider, setProvider] = React.useState('')
+      const [query, setQuery] = React.useState('')
+      const [sort, setSort] = React.useState('risk')
+      const [usage, setUsage] = React.useState({})
+      const [speed, setSpeed] = React.useState('standard')
+      const usageRef = React.useRef({ inflight: {}, gen: {} })
+      const pull = () => fetch('/dsh-subscriptions/config', { cache: 'no-store' })
+        .then((res) => res.json())
+        .then((cfg) => {
+          setData(cfg)
+          setSpeed((cfg.config && cfg.config.codexSubagentSpeed) || 'standard')
+          if (!provider && cfg.accounts && cfg.accounts.length) setProvider(cfg.accounts[0].provider)
+        })
+        .catch(() => {})
+      React.useEffect(() => { pull() }, [])
+      const loadUsage = (row) => {
+        const key = row.provider + ':' + row.index
+        if (usageRef.current.inflight[key]) return
+        const gen = (usageRef.current.gen[key] || 0) + 1
+        usageRef.current.gen[key] = gen
+        usageRef.current.inflight[key] = true
+        setUsage((m) => Object.assign({}, m, { [key]: { loading: true } }))
+        fetch('/dsh-subscriptions/usage?provider=' + encodeURIComponent(row.provider) + '&index=' + encodeURIComponent(row.index), { cache: 'no-store' })
+          .then((res) => res.json())
+          .then((out) => {
+            if (usageRef.current.gen[key] !== gen) return
+            setUsage((m) => Object.assign({}, m, { [key]: { value: out, loading: false } }))
+          })
+          .catch((e) => {
+            if (usageRef.current.gen[key] === gen) setUsage((m) => Object.assign({}, m, { [key]: { loading: false, error: String(e && e.message || e) } }))
+          })
+          .finally(() => { usageRef.current.inflight[key] = false })
+      }
+      const saveSpeed = (value) => {
+        setSpeed(value)
+        if (!data || !data.config) return
+        fetch('/dsh-subscriptions/config', {
+          method: 'PUT',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({ config: Object.assign({}, data.config, { codexSubagentSpeed: value }), revision: data.revision }),
+        }).then(pull).catch(() => {})
+      }
+      const accounts = (data && data.accounts) || []
+      const selected = provider || (accounts[0] && accounts[0].provider) || ''
+      const rows = accounts.filter((row) => row.provider === selected).sort((a, b) => {
+        if (sort === 'name') return String(a.label || a.email || a.ref).localeCompare(String(b.label || b.email || b.ref))
+        if (sort === 'quota') return (b.usagePercent || 0) - (a.usagePercent || 0)
+        return (b.usagePercent || 0) + (b.errors || 0) * 5 - ((a.usagePercent || 0) + (a.errors || 0) * 5)
+      })
+      const models = ((data && data.modelsCatalog) || []).filter((m) => m.provider === selected)
+      const q = query.trim().toLowerCase()
+      const shown = models.filter((m) => !q || [m.id, m.name, m.alias].some((v) => String(v || '').toLowerCase().includes(q)))
+      const providers = Array.from(new Set(accounts.map((row) => row.provider).filter(Boolean)))
+      return h('div', { className: 'dsub-section-card' },
+        h('div', { className: 'dsub-section-title' }, t('accountsDashboard'), h('button', { type: 'button', className: 'dsub-mini', onClick: pull }, '↻')),
+        h('div', { className: 'dsub-row' },
+          h('select', { className: 'dsub-select', value: selected, onChange: (e) => setProvider(e.target.value) },
+            providers.map((id) => h('option', { key: id, value: id }, id))),
+          h('select', { className: 'dsub-select', value: sort, onChange: (e) => setSort(e.target.value) },
+            ['risk', 'quota', 'name'].map((id) => h('option', { key: id, value: id }, t('sort' + id[0].toUpperCase() + id.slice(1))))),
+          h('span', { className: 'dsub-sub' }, t('speedSubagent') + ':'),
+          h('select', { className: 'dsub-select', value: speed, onChange: (e) => saveSpeed(e.target.value) },
+            h('option', { value: 'standard' }, 'Standard'), h('option', { value: 'fast' }, 'Fast')),
+        ),
+        rows.map((row, i) => {
+          const key = row.provider + ':' + row.index
+          const u = usage[key]
+          return h('div', { key: key + ':' + i, className: 'dsub-group', style: { padding: '8px' } },
+            h('div', { className: 'dsub-row' },
+              h('span', { className: 'dsub-h' }, '#' + row.index + ' ' + (row.label || row.email || row.ref)),
+              h('span', { className: 'dsub-pillTag' }, row.quarantineUntil > Date.now() ? t('statusQuarantined') : (row.cooldownUntil > Date.now() ? t('statusCooling') : t('statusHealthy')))),
+            h('div', { className: 'dsub-sub' }, t('quotaUsed') + ': ' + (row.usagePercent == null ? '—' : row.usagePercent + '%') + ' · ' + t('requests') + ' ' + (row.requests || 0) + ' · ' + t('errors') + ' ' + (row.errors || 0)),
+            h('div', { className: 'dsub-row' },
+              h('button', { type: 'button', className: 'dsub-mini', onClick: () => loadUsage(row) }, u && u.loading ? '…' : t('loadUsage')),
+              u && u.error ? h('span', { className: 'dsub-bad' }, u.error) : null,
+              u && u.value ? h('span', { className: 'dsub-dim' }, JSON.stringify(u.value).slice(0, 180)) : null),
+          )
+        }),
+        h('div', { className: 'dsub-h' }, t('modelEditor') + ' · ' + t('discovered') + ' ' + models.length + ' · ' + t('shown') + ' ' + shown.length),
+        h('input', { className: 'dsub-grow', value: query, placeholder: t('searchModels'), onChange: (e) => setQuery(e.target.value) }),
+        shown.slice(0, 40).map((m) => h('div', { key: m.id, className: 'dsub-row' },
+          h('span', { className: 'dsub-h' }, m.independent ? '★ ' : ''), h('span', { className: 'dsub-sub' }, m.name || m.id), h('span', { className: 'dsub-dim' }, m.id))),
+      )
+    }
+
+    return { WebhookTestButton, VaultSnapshotsPanel, ProviderPacksPanel, SourcesPanel, AccountsDashboardPanel }
   }
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-subscriptions",
-  "version": "0.7.44",
+  "version": "0.7.45",
   "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",