@gehennawu/dsh-service 0.25.0 → 0.26.0

package/README.en.md

@@ -44,7 +44,7 @@ The plugin also appears under **Plugins → Plugin configuration**, with six hos
 
 ### Quota lookup
 
-- A dedicated "Quota lookup" tab shows adapted providers as separate cards, each window rendered as a percentage with its own bar and a reset countdown on its own line, plus a refresh icon beside the updated time that force-refreshes that provider on click (bypassing the poll interval); each card header also has ↑/↓ buttons to reorder cards manually (auto-disabled at the top/bottom of the list) — the order is remembered in this browser and newly seen providers append at the end; unadapted providers take no space — a "Manual adapt" row at the bottom enables one by picking its type, and each card's footer can switch type, fall back to auto-detect, or disable lookup at any time
+- A dedicated "Quota lookup" tab shows adapted providers as separate cards, each window rendered as a percentage with its own bar and a reset countdown on its own line, plus a refresh icon beside the updated time that force-refreshes that provider on click (bypassing the poll interval); adapted card titles link to the provider's official usage page (DeepSeek Platform, Zhipu GLM Coding Plan, OpenCode Go) in a new tab; a "Reorder" toggle at the top-right of the card list (shown with two or more cards) reveals ↑/↓ buttons on each card header (auto-disabled at the ends), and clicking it again hides them; the order is remembered in this browser and newly seen providers append at the end; unadapted providers take no space — a "Manual adapt" row at the bottom enables one by picking its type, and each card's footer can switch type, fall back to auto-detect, or disable lookup at any time
 - A quota ring inside the conversation composer follows the provider selected by the current session and shows the tightest budget window as a percentage (green below 80%, amber at or above); clicking opens a panel headed by the provider name, with a bar and used percentage for each window and reset times on their own lines; on narrow viewports (phones) the panel switches to a viewport-centered floating layer — fully visible, scrolling internally when too tall — and rotates or resizing wider flips it back to the anchored placement above the ring
 - A "Show a remote quota entry in the settings left navigation" switch lives in the Quota lookup tab (off by default), mirroring the Restart entry
 - Built-in adaptations: **OpenCode Go** (`{baseURL}/usage`), **Zhipu GLM Coding Plan / zai-coding-cn** (official monitor `quota/limit` endpoint with three windows — 5-hour rolling tokens, weekly tokens, monthly MCP quota; an idle 5-hour window hides its reset time, matching the official console), **OpenRouter** (credits used %), **Kimi/Moonshot** and **SiliconFlow** (CNY balance text), **DeepSeek Platform** (official balance, see next bullet); dialects that natively report remaining percentage flip the panel word to "Remaining" and invert the warn threshold; transient network errors retry automatically and the Zhipu dual-domain candidate chain switches automatically; the provider-to-kind mapping lives in `DSH_HOME/dsh-service-quota.json`, and known services are auto-detected from their baseURL (e.g. opencode.ai, bigmodel.cn, api.deepseek.com) with no manual picking; no upstream request is ever made for unadapted or disabled providers; disabling can be done via "Disable" in a card's footer or by writing `"<provider>": null` in the config file (both are equivalent). Zhipu reset cards have no API-key-queryable endpoint yet — you can add any number of them via each provider card's "Add reset card" button on the tab (name plus expiry time, down to the minute), and remove each one independently — the ring panel shows them too (stored in the same config file); expired cards are flagged automatically

package/README.md

@@ -44,7 +44,7 @@
 
 ### 额度查询
 
-- 独立的「额度查询」标签：以卡片分区展示已适配的供应商，每个窗口显示百分比、独立进度条，重置时间单独一行；卡片头部更新时间旁有刷新图标，点击即强制重拉该供应商（不受轮询间隔限制）；卡片头部另有 ↑/↓ 排序按钮（首末卡对应方向自动禁用），顺序记忆在本浏览器，新出现的供应商排在末尾；未适配的不占位置，统一收进底部「手动适配」行选择类型启用，卡片脚部可随时切换适配类型、回退自动识别或停用查询
+- 独立的「额度查询」标签：以卡片分区展示已适配的供应商，每个窗口显示百分比、独立进度条，重置时间单独一行；卡片头部更新时间旁有刷新图标，点击即强制重拉该供应商（不受轮询间隔限制）；已适配卡片的标题链接到对应官网用量页（DeepSeek 平台、智谱 GLM Coding Plan、OpenCode Go），点击新标签页打开；卡片列表右上角有「调整排序」开关（至少两张卡时显示），点击后各卡头部出现 ↑/↓ 按钮（首末卡对应方向自动禁用），再点一次收起；顺序记忆在本浏览器，新出现的供应商排在末尾；未适配的不占位置，统一收进底部「手动适配」行选择类型启用，卡片脚部可随时切换适配类型、回退自动识别或停用查询
 - 对话输入框内一枚额度圆环，跟随当前会话所选模型的供应商，显示最紧预算窗口的已用百分比（<80% 绿色、≥80% 黄色）；点击弹出面板——头部标明供应商，各窗口带独立进度条与已用百分比、重置时间单独一行；手机等窄屏上面板自动切换为视口居中的浮层（完整可见、超高时内部滚动），旋转或拖宽窗口即时切回圆环上方锚定
 - 可在「额度查询」标签开启「设置页左列显示入口」开关（默认关闭），开启后在设置页左侧标签列底部显示「额度查询」快捷入口（与「重启」入口同模式）
 - 内置适配：**OpenCode Go**（`{baseURL}/usage`）、**智谱 GLM Coding Plan / zai-coding-cn**（官方监控端点 `quota/limit`，含 5 小时滚动 Token、每周 Token、MCP 月度配额三个窗口，5 小时窗口空闲时与官网一致地不显示重置时间）、**OpenRouter**（credits 已用%）、**Kimi/Moonshot** 与 **硅基流动**（人民币余额）、**DeepSeek 开放平台**（官方余额，见下一条）；原生报「剩余百分比」的方言会自动把面板头部切换为「剩余」并把预警阈值反向；上游瞬时网络错误自动重试，智谱双域候选链自动切换；供应商与适配类型的对应关系保存在 `DSH_HOME/dsh-service-quota.json`，已知服务商按 baseURL 自动识别适配（如 opencode.ai、bigmodel.cn、api.deepseek.com），无需手选；未适配或已停用的供应商不会被发起任何上游请求，停用可在卡片脚部选「停用查询」或在配置文件写 `"<provider>": null`（两者等价）。智谱的重置卡暂无 API Key 可查的接口，可在「额度查询」标签内点各供应商卡片的「添加重置卡」填写名称与到期时间（可精确到分钟），可连续添加多条、每条独立移除；圆环面板同步显示（数据存入同一配置文件），过期自动标注

package/client.js

@@ -406,6 +406,8 @@ window.__ModuleLoader__.load({
       'quota.refresh': '刷新',
       'quota.card.moveUp': '上移',
       'quota.card.moveDown': '下移',
+      'quota.reorder': '调整排序',
+      'quota.usageLink': '打开官网用量页',
       'quota.adapt': '适配',
       'quota.kind.opencode-go': 'OpenCode Go',
       'quota.kind.zai-coding-cn': '智谱 GLM Coding Plan',
@@ -860,6 +862,8 @@ window.__ModuleLoader__.load({
       'quota.refresh': 'Refresh',
       'quota.card.moveUp': 'Move up',
       'quota.card.moveDown': 'Move down',
+      'quota.reorder': 'Reorder',
+      'quota.usageLink': 'Open the official usage page',
       'quota.adapt': 'Adapt',
       'quota.kind.opencode-go': 'OpenCode Go',
       'quota.kind.zai-coding-cn': 'Zhipu GLM Coding Plan',
@@ -2929,6 +2933,8 @@ window.__ModuleLoader__.load({
         const clearAdaptedKind = (providerName) => requestQuotaConfig({ provider: providerName, clear: true })
         // 卡片手动排序：localStorage 名单驱动展示序（纯客户端，宿主契约不动）；新供应商自然排末尾。
         const [cardOrder, setCardOrder] = useState(readQuotaCardOrder())
+        // 排序模式开关（用户点名）：平时不显示 ↑↓，点「调整排序」才出现，避免卡片头部常驻小钮。
+        const [reorderMode, setReorderMode] = useState(false)
         // 卡片分区（v0.20）：只展示已适配供应商；未适配/已停用的不渲染灰行，统一收进底部「手动适配」行。
         const adaptedRows = applyQuotaCardOrder(providers.filter((row) => row.adapted === true), cardOrder)
         const candidateRows = providers.filter((row) => row.adapted !== true)
@@ -2981,12 +2987,34 @@ window.__ModuleLoader__.load({
               style: { width: '34px', height: '20px', borderRadius: '10px', padding: 0, flexShrink: 0, position: 'relative', border: `1px solid ${quotaNav ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-border-l2)'}`, background: quotaNav ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-bg-layer-2)', cursor: 'pointer', lineHeight: 0 },
             }, React.createElement('span', { style: { position: 'absolute', top: '1px', left: quotaNav ? '15px' : '1px', width: '16px', height: '16px', borderRadius: '50%', background: quotaNav ? '#fff' : 'var(--dsw-alias-label-tertiary)' } }))),
           configError !== '' ? React.createElement('p', { 'data-testid': 'quota-config-error', style: Object.assign({}, hint, { color: 'var(--dsw-alias-state-error-primary)' }) }, configError) : null,
+          // 「调整排序」开关（≥2 张卡才有意义）：进入后卡片头部出现 ↑↓，再点一次收起。
+          ...(adaptedRows.length >= 2
+            ? [React.createElement('div', { key: 'quota-reorder-row', style: { display: 'flex', justifyContent: 'flex-end', margin: '2px 0 8px' } },
+                React.createElement('button', {
+                  type: 'button',
+                  'data-testid': 'quota-reorder-toggle',
+                  'aria-pressed': String(reorderMode),
+                  title: translate('quota.reorder'),
+                  onClick: () => setReorderMode(!reorderMode),
+                  style: { fontSize: '12px', lineHeight: '20px', padding: '2px 12px', borderRadius: 999, border: `1px solid ${reorderMode ? 'var(--dsw-alias-brand-primary)' : 'var(--dsw-alias-border-l2)'}`, background: 'transparent', color: reorderMode ? 'var(--dsw-alias-brand-primary)' : 'var(--dsw-alias-label-secondary)', cursor: 'pointer' },
+                }, translate('quota.reorder')))]
+            : []),
           adaptedRows.length === 0
             ? React.createElement('p', { style: hint }, translate('quota.noAdapted'))
             : React.createElement('div', { 'data-testid': 'quota-card-list', style: { display: 'flex', flexDirection: 'column', gap: '10px' } },
                 adaptedRows.map((row, index) => {
                   const nameNode = React.createElement('span', { style: { fontWeight: 600, fontSize: '12px', overflowWrap: 'anywhere' } },
-                    row.displayName || row.provider,
+                    // 官网用量页链接（用户点名）：宿主按 kind 下发 usageUrl 时，展示名本身即外链。
+                    typeof row.usageUrl === 'string' && row.usageUrl !== ''
+                      ? React.createElement('a', {
+                          'data-testid': `quota-usage-link-${row.provider}`,
+                          href: row.usageUrl,
+                          target: '_blank',
+                          rel: 'noreferrer',
+                          title: translate('quota.usageLink'),
+                          style: { color: 'var(--dsw-alias-brand-primary)', textDecoration: 'underline' },
+                        }, row.displayName || row.provider)
+                      : (row.displayName || row.provider),
                     row.kindSource === 'auto'
                       ? React.createElement('span', {
                           'data-testid': `quota-auto-tag-${row.provider}`,
@@ -3048,25 +3076,28 @@ window.__ModuleLoader__.load({
                     React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'baseline', gap: '10px' } },
                       nameNode,
                       React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: '5px' } },
-                        // 手动排序（用户点名）：↑↓ 与相邻卡换位，首/末卡对应方向禁用；顺序存本浏览器。
-                        React.createElement('button', {
-                          type: 'button',
-                          'data-testid': `quota-move-up-${row.provider}`,
-                          'aria-label': translate('quota.card.moveUp'),
-                          title: translate('quota.card.moveUp'),
-                          disabled: index === 0,
-                          onClick: () => moveQuotaCard(row.provider, -1),
-                          style: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px', padding: 0, border: 'none', background: 'transparent', color: index === 0 ? 'var(--dsw-alias-label-tertiary)' : 'var(--dsw-alias-label-secondary)', cursor: index === 0 ? 'default' : 'pointer', opacity: index === 0 ? 0.45 : 1, fontSize: '12px', lineHeight: '16px' },
-                        }, '↑'),
-                        React.createElement('button', {
-                          type: 'button',
-                          'data-testid': `quota-move-down-${row.provider}`,
-                          'aria-label': translate('quota.card.moveDown'),
-                          title: translate('quota.card.moveDown'),
-                          disabled: index === adaptedRows.length - 1,
-                          onClick: () => moveQuotaCard(row.provider, 1),
-                          style: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px', padding: 0, border: 'none', background: 'transparent', color: index === adaptedRows.length - 1 ? 'var(--dsw-alias-label-tertiary)' : 'var(--dsw-alias-label-secondary)', cursor: index === adaptedRows.length - 1 ? 'default' : 'pointer', opacity: index === adaptedRows.length - 1 ? 0.45 : 1, fontSize: '12px', lineHeight: '16px' },
-                        }, '↓'),
+                        // 手动排序（用户点名）：仅在「调整排序」模式下出现；↑↓ 与相邻卡换位，
+                        // 首/末卡对应方向禁用；顺序存本浏览器。
+                        ...(reorderMode ? [
+                          React.createElement('button', {
+                            type: 'button',
+                            'data-testid': `quota-move-up-${row.provider}`,
+                            'aria-label': translate('quota.card.moveUp'),
+                            title: translate('quota.card.moveUp'),
+                            disabled: index === 0,
+                            onClick: () => moveQuotaCard(row.provider, -1),
+                            style: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px', padding: 0, border: 'none', background: 'transparent', color: index === 0 ? 'var(--dsw-alias-label-tertiary)' : 'var(--dsw-alias-label-secondary)', cursor: index === 0 ? 'default' : 'pointer', opacity: index === 0 ? 0.45 : 1, fontSize: '12px', lineHeight: '16px' },
+                          }, '↑'),
+                          React.createElement('button', {
+                            type: 'button',
+                            'data-testid': `quota-move-down-${row.provider}`,
+                            'aria-label': translate('quota.card.moveDown'),
+                            title: translate('quota.card.moveDown'),
+                            disabled: index === adaptedRows.length - 1,
+                            onClick: () => moveQuotaCard(row.provider, 1),
+                            style: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px', padding: 0, border: 'none', background: 'transparent', color: index === adaptedRows.length - 1 ? 'var(--dsw-alias-label-tertiary)' : 'var(--dsw-alias-label-secondary)', cursor: index === adaptedRows.length - 1 ? 'default' : 'pointer', opacity: index === adaptedRows.length - 1 ? 0.45 : 1, fontSize: '12px', lineHeight: '16px' },
+                          }, '↓'),
+                        ] : []),
                         // 手动刷新：SVG 图标按钮，点击强制该 provider 重拉上游；在途时置灰防重入。
                         React.createElement('button', {
                           type: 'button',

package/index.js

@@ -79,6 +79,8 @@ const KIND_REGISTRY = {
     parser: normalizeOpencodeUsage,
     keyHints: ['OPENCODE_GO_API_KEY', 'OPENCODE_API_KEY'],
     hosts: ['opencode.ai'],
+    // 官网用户页（卡片标题外链；宿主常量，零浏览器输入）。
+    usageUrl: 'https://opencode.ai/',
   },
   'zai-coding-cn': {
     parser: normalizeZaiCodingUsage,
@@ -88,6 +90,7 @@ const KIND_REGISTRY = {
     ],
     keyHints: ['ZAI_CODING_CN_API_KEY', 'ZAI_API_KEY', 'BIGMODEL_API_KEY'],
     hosts: ['open.bigmodel.cn', 'bigmodel.cn'],
+    usageUrl: 'https://open.bigmodel.cn/coding-plan/personal/usage',
   },
   openrouter: {
     parser: normalizeOpenRouterCredits,
@@ -114,6 +117,7 @@ const KIND_REGISTRY = {
     endpoints: ['https://api.deepseek.com/user/balance'],
     keyHints: ['DEEPSEEK_API_KEY'],
     hosts: ['api.deepseek.com', 'deepseek.com'],
+    usageUrl: 'https://platform.deepseek.com/usage',
   },
   // CLIProxyAPI（router-for-me/CLIProxyAPI）管理面：查它托管的 OAuth 上游账号官方额度。
   // 无固定 endpoints / 全局 hosts——每个部署一个域名，保存适配时把 settings baseURL 的
@@ -3677,6 +3681,8 @@ function apply(ctx) {
             nextAllowedAt: view.nextAllowedAt,
             ...(providerResetCards.length > 0 ? { resetCards: providerResetCards } : {}),
             ...(credentialHints !== undefined ? { credentialHints } : {}),
+            // 官网用户页余额网址（宿主常量白名单随 kind 下发；无则缺省）。
+            ...(typeof KIND_REGISTRY[kind].usageUrl === 'string' && KIND_REGISTRY[kind].usageUrl !== '' ? { usageUrl: KIND_REGISTRY[kind].usageUrl } : {}),
           })
         }
         return { ok: true, value: { providers: rows, serverTime: Date.now() } }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gehennawu/dsh-service",
-  "version": "0.25.0",
+  "version": "0.26.0",
   "description": "DSH Web 自托管运维面板：安全重启、健康监控、备份和 Linux 权限维护。",
   "type": "module",
   "scripts": {