dsh-codearts 1.2.3 → 1.2.4

package/CHANGELOG.md

@@ -3,6 +3,49 @@
 本文件记录本插件的重要改动。格式参考 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)，
 版本号遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [1.2.4] - 2026-11-03
+
+### 变更
+
+- **登录回调页不再停在一行「可关闭」提示上，标签页会自己关掉**：华为授权完成后浏览器
+  必然落回 `http://127.0.0.1:<port>/oauth/callback` —— redirect_uri 由华为侧指定，登录成功
+  的标志就是这次 302，华为那边没有自己的「登录成功」页可停留；这一页也没有任何后续逻辑，
+  `code` 在响应发出的同一时刻就交给了服务端，token 交换、身份探测与卡片刷新都不依赖它。
+  现在页面先显示「正在返回 DeepSeek Harness…」，300ms 后调用 `window.close()` 自动关闭
+  标签页（卡片用 `window.open` 打开授权页，标签页可自关）；只有从卡片的手动链接打开、
+  或浏览器拦截脚本关窗时，才会在 1.2s 后退化成「登录成功，本页可关闭」的提示。
+
+### 新增
+
+- **用量里记「缓存命中的输入 token」，弹层保持两列、不摊开**：部分上游在流末尾的
+  usage 帧里带 `prompt_tokens_details.cached_tokens`（或平铺的 `cached_tokens` /
+  `cache_tokens` / `prompt_cache_hit_tokens`），这块以前被丢掉，只留下一个合计。
+  现在解析并存进账本（缓存是输入的子集，脏数据会钳到输入以内），设置卡片的「今日」
+  与「近 30 天」显示成 `输入 x · 输出 y · 缓存 z`；缓存段**始终显示**（没有命中就是
+  `缓存 0`，命中率仅在有命中时附上）—— 隐藏 0 会让「没命中」和「上游没下发该字段」
+  看起来一样，反而分不清功能有没有生效。旧账本（没有 `cachedTokens` 字段）读取时按
+  0 补齐，不需要迁移。
+  底部积分弹层只回答「哪个号还有多少积分」，这些用量数字到设置卡片的「用量」页里看。
+  `/api/codearts/debug` 另外返回最近 5 帧 usage 的原样内容
+  （`usages`），用来判断上游到底有没有下发缓存字段。
+- **底部的积分挪进输入框工具行、权限控制右边**：输入框下方那行还挤着宿主的 tok/s、
+  缓存命中与上下文圆环，模型名一长（`DeepSeek-V4.1-Flash-20261017`）就压不住。现在
+  积分段挂在 `conversation.input.left`（宿主契约里的「composer 工具行左侧紧凑控件」，
+  渲染在权限 + 计划之后），Provider / 模型 / 倍率 / 排队仍留在输入框下方那行 —— 同一个
+  组件的两个实例，用注入的 `zone` 区分，共用同一份数据和两个显隐开关。点开仍是逐号
+  明细：每个号一行「名字 + 余额」，下面一行 11px 灰字 `入 · 出 · 命中 · 条数`（思考
+  token 放到设置卡片里），原来那个悬停才出的原生 title 和跟着走的尾巴 `·` 一并去掉。
+- **设置卡片的「用量」页：数字块 + 横条 + 悬停卡片**：顶部三个数字块（今日 token /
+  缓存命中 / 今日请求）替掉原来的「今日合计 / 近 30 天」两行文字；下面仍按账号、按模型
+  出横向柱状图，悬停任意一行弹出明细卡片（输入 / 输出 / 思考 / 缓存命中 / 请求 /
+  命中率，数字精确到个位带千分位），版式照 `agent-acta` 的 `.tok-tip`：名称打头、
+  分隔线分段、数字等宽右对齐。上游没下发缓存字段时写「上游未下发」，不显示成 0%。
+- **同时记下「思考 token」**：上游在 `completion_tokens_details.reasoning_tokens`
+  （平铺的 `reasoning_tokens` 也认）里单列推理模型的思考量 —— 实测华为每帧都带，
+  以前整块丢掉，只看得到一个偏大的「输出」。现在存进账本（它是输出的子集，脏数据钳到
+  输出以内），界面统一显示成 `输出 697（思考 505）`，上游不给就只是 `输出 697`；
+  0 不单独成段，也不显示 `思考 0`。旧账本同样按 0 补齐。
+
 ## [1.2.3] - 2026-11-02
 
 ### 新增

package/lib/bin.mjs

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
-import { R as isBenefitModel, V as CodeArtsAccountStore, W as codeartsAccountsPath, d as fetchCallerIdentity, n as codeartsUsagePath, r as discoverModels, t as CodeArtsUsageTracker } from "./usage-CzJjkqOp.mjs";
+import { R as isBenefitModel, V as CodeArtsAccountStore, W as codeartsAccountsPath, d as fetchCallerIdentity, n as codeartsUsagePath, r as discoverModels, t as CodeArtsUsageTracker } from "./usage-DGIuT79_.mjs";
 import { existsSync, statSync } from "node:fs";
 //#region src/version.ts
-const CODEARTS_VERSION = "1.2.3";
+const CODEARTS_VERSION = "1.2.4";
 //#endregion
 //#region src/bin.ts
 /**

package/lib/client/index.d.cts

@@ -62,12 +62,28 @@ interface CodeArtsSettingsKey {
   modelsLoading: string;
   usageTitle: string;
   usageToday: string;
-  usageTodayTotal: string;
-  usageLast30: string;
-  usageByAccount: string;
+  usageRange: string;
+  usageStatTokens: string;
+  usageStatIn: string;
+  usageStatThinking: string;
+  usageTipInput: string;
+  usageTipOutput: string;
+  usageTipReasoning: string;
+  usageTipCached: string;
+  usageTipNoCache: string;
+  usageTipRequests: string;
+  usageTipHit: string;
+  usageStatHit: string;
+  usageStatRequests: string;
   usageRequests: string;
+  usageByAccount: string;
   usageRequestCount: string;
   usageTokens: string;
+  /** 带缓存命中输入的那一版（上游不给缓存字段时仍用 usageTokens）。 */
+  usageCompact: string;
+  /** 缓存命中率（`命中 76%`）。 */
+  usageCacheHit: string;
+  /** 接在输出数字后面的思考 token（`输出 697（思考 505）`）；没有思考量时不拼。 */
   usageAllTime: string;
   usageByModel: string;
   usageSlots: string;
@@ -94,9 +110,6 @@ interface CodeArtsSettingsKey {
   creditsDockPanelTitle: string;
   creditsDockRefresh: string;
   creditsDockRefreshing: string;
-  creditsDockColAccount: string;
-  creditsDockColBalance: string;
-  creditsDockColTokens: string;
   creditsDockNoTokens: string;
   creditsDockEmpty: string;
   creditsDockExpiring: string;

package/lib/client/index.js

@@ -23,7 +23,7 @@ function stripModelSuffixes(name) {
 }
 //#endregion
 //#region \0dsh-css:/home/runner/work/dsh-codearts/dsh-codearts/src/client/CodeArtsPluginCard.module.css.mjs
-const css = ".xoziZG_card{border:.5px solid var(--dsw-alias-settings-card-stroke);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-settings-card-fill);max-width:720px}.xoziZG_header{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.xoziZG_headText{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.xoziZG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:22px}.xoziZG_desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.xoziZG_statusLine{color:var(--dsw-alias-label-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex}.xoziZG_meta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.xoziZG_body{border-top:.5px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 16px}.xoziZG_tabs{margin-top:12px}.xoziZG_tabPanel{padding-top:2px}.xoziZG_accountToolbar{gap:8px;margin-top:12px;display:flex}.xoziZG_accountToolbar>*{flex:1}.xoziZG_manualForm{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:12px}.xoziZG_accountCard{flex-direction:column;gap:10px;margin-top:12px;display:flex}.xoziZG_accountEntry{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-2)}.xoziZG_accountRow{align-items:center;gap:10px;padding:12px;display:flex}.xoziZG_claimAllRow{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:flex-end;padding:10px 12px 0;display:flex}.xoziZG_avatar{background:var(--dsw-alias-bg-layer-3);width:32px;height:32px;color:var(--dsw-alias-label-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.xoziZG_accountInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.xoziZG_accountNameRow{align-items:center;gap:6px;min-width:0;display:flex}.xoziZG_accountName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.xoziZG_accountRowActions{flex:none;gap:6px;display:flex}.xoziZG_accountHint{color:var(--dsw-alias-label-tertiary);margin:0;padding:0 12px 12px;font-size:12px;line-height:18px}.xoziZG_creditBlock{border-top:.5px solid var(--dsw-alias-border-l2);padding:12px}.xoziZG_balanceRow{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.xoziZG_balance{color:var(--dsw-alias-label-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:34px}.xoziZG_balanceUnit{color:var(--dsw-alias-label-secondary);font-size:12px}.xoziZG_balanceMeta{color:var(--dsw-alias-label-tertiary);margin-left:2px;font-size:12px}.xoziZG_updated{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.xoziZG_creditRows{flex-direction:column;gap:4px;margin-top:8px;display:flex}.xoziZG_creditRow{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;line-height:18px;display:flex}.xoziZG_usageBar{background:var(--dsw-alias-border-l2);border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.xoziZG_usageFill{background:var(--dsw-alias-brand-primary);border-radius:2px;height:100%;transition:width .2s;display:block}.xoziZG_expiryRow{margin-top:2px}.xoziZG_expiryLabel{color:var(--dsw-alias-state-warn-label)}.xoziZG_bar{background:var(--dsw-alias-bg-layer-3);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.xoziZG_barFill{background:var(--dsw-alias-state-warn-primary);border-radius:2px;height:100%;display:block}.xoziZG_creditLink{margin-top:8px;display:inline-block}.xoziZG_creditFooter{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.xoziZG_creditHint{color:var(--dsw-alias-label-tertiary);margin:8px 0 0;font-size:12px;line-height:18px}.xoziZG_section{margin-top:16px}.xoziZG_sectionHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xoziZG_sectionLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:500}.xoziZG_count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.xoziZG_hint{color:var(--dsw-alias-label-secondary);margin:8px 0 0;font-size:13px;line-height:20px}.xoziZG_error{color:var(--dsw-alias-state-error-primary);margin:10px 0 0;font-size:13px;line-height:20px}.xoziZG_actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.xoziZG_danger{color:var(--dsw-alias-state-error-primary)}.xoziZG_link{appearance:none;color:var(--dsw-alias-brand-text);font:inherit;text-align:left;word-break:break-all;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.xoziZG_link:hover{text-decoration:underline}.xoziZG_choices{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_choiceRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;margin:0 -6px;padding:5px 6px;display:flex}.xoziZG_choiceRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.xoziZG_modelChart{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_modelRow{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1.2fr) minmax(48px,1fr) 56px 52px 64px;align-items:center;gap:8px;padding:4px 0;display:grid}.xoziZG_modelName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.xoziZG_modelTrack{background:var(--dsw-alias-border-l2);border-radius:4px;height:8px;display:block;overflow:hidden}.xoziZG_modelFill{background:var(--dsw-alias-brand-primary);border-radius:4px;height:100%;transition:width .16s;display:block}.xoziZG_modelTokens,.xoziZG_modelShare,.xoziZG_modelRequests{color:var(--dsw-alias-label-secondary);text-align:right;white-space:nowrap;font-size:11px;line-height:16px}.xoziZG_modelRequests{color:var(--dsw-alias-label-tertiary)}.xoziZG_check{flex:1;min-width:0}.xoziZG_check>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xoziZG_manual{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:0 12px}.xoziZG_manual[open]{padding-bottom:12px}.xoziZG_manualSummary{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;padding:9px 0;font-size:13px;list-style:none;display:flex}.xoziZG_manualSummary::-webkit-details-marker{display:none}.xoziZG_field{flex-direction:column;gap:5px;margin-top:10px;display:flex}.xoziZG_fieldLabel{color:var(--dsw-alias-label-tertiary);font-size:12px}.xoziZG_area{box-sizing:border-box;resize:vertical;border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:20px}.xoziZG_area::placeholder{color:var(--dsw-alias-label-dimmed)}.xoziZG_area:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}";
+const css = ".xoziZG_card{border:.5px solid var(--dsw-alias-settings-card-stroke);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-settings-card-fill);max-width:720px}.xoziZG_header{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.xoziZG_headText{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.xoziZG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:22px}.xoziZG_desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.xoziZG_statusLine{color:var(--dsw-alias-label-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex}.xoziZG_meta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.xoziZG_body{border-top:.5px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 16px}.xoziZG_tabs{margin-top:12px}.xoziZG_tabPanel{padding-top:2px}.xoziZG_accountToolbar{gap:8px;margin-top:12px;display:flex}.xoziZG_accountToolbar>*{flex:1}.xoziZG_manualForm{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:12px}.xoziZG_accountCard{flex-direction:column;gap:10px;margin-top:12px;display:flex}.xoziZG_accountEntry{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-2)}.xoziZG_accountRow{align-items:center;gap:10px;padding:12px;display:flex}.xoziZG_claimAllRow{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:flex-end;padding:10px 12px 0;display:flex}.xoziZG_avatar{background:var(--dsw-alias-bg-layer-3);width:32px;height:32px;color:var(--dsw-alias-label-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.xoziZG_accountInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.xoziZG_accountNameRow{align-items:center;gap:6px;min-width:0;display:flex}.xoziZG_accountName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.xoziZG_accountRowActions{flex:none;gap:6px;display:flex}.xoziZG_accountHint{color:var(--dsw-alias-label-tertiary);margin:0;padding:0 12px 12px;font-size:12px;line-height:18px}.xoziZG_creditBlock{border-top:.5px solid var(--dsw-alias-border-l2);padding:12px}.xoziZG_balanceRow{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.xoziZG_balance{color:var(--dsw-alias-label-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:34px}.xoziZG_balanceUnit{color:var(--dsw-alias-label-secondary);font-size:12px}.xoziZG_balanceMeta{color:var(--dsw-alias-label-tertiary);margin-left:2px;font-size:12px}.xoziZG_updated{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.xoziZG_creditRows{flex-direction:column;gap:4px;margin-top:8px;display:flex}.xoziZG_creditRow{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;line-height:18px;display:flex}.xoziZG_usageBar{background:var(--dsw-alias-border-l2);border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.xoziZG_usageFill{background:var(--dsw-alias-brand-primary);border-radius:2px;height:100%;transition:width .2s;display:block}.xoziZG_expiryRow{margin-top:2px}.xoziZG_expiryLabel{color:var(--dsw-alias-state-warn-label)}.xoziZG_bar{background:var(--dsw-alias-bg-layer-3);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.xoziZG_barFill{background:var(--dsw-alias-state-warn-primary);border-radius:2px;height:100%;display:block}.xoziZG_creditLink{margin-top:8px;display:inline-block}.xoziZG_creditFooter{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.xoziZG_creditHint{color:var(--dsw-alias-label-tertiary);margin:8px 0 0;font-size:12px;line-height:18px}.xoziZG_section{margin-top:16px}.xoziZG_sectionHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xoziZG_sectionLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:500}.xoziZG_count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.xoziZG_hint{color:var(--dsw-alias-label-secondary);margin:8px 0 0;font-size:13px;line-height:20px}.xoziZG_error{color:var(--dsw-alias-state-error-primary);margin:10px 0 0;font-size:13px;line-height:20px}.xoziZG_actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.xoziZG_danger{color:var(--dsw-alias-state-error-primary)}.xoziZG_link{appearance:none;color:var(--dsw-alias-brand-text);font:inherit;text-align:left;word-break:break-all;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.xoziZG_link:hover{text-decoration:underline}.xoziZG_choices{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_choiceRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;margin:0 -6px;padding:5px 6px;display:flex}.xoziZG_choiceRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.xoziZG_statGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px;display:grid}.xoziZG_statCard{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);flex-direction:column;gap:1px;padding:8px 10px;display:flex}.xoziZG_statLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.xoziZG_statValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:15px;line-height:20px}.xoziZG_statSub{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.xoziZG_modelChart{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_modelRow{font-variant-numeric:tabular-nums;border-radius:6px;grid-template-columns:minmax(0,1.2fr) minmax(48px,1fr) 56px 52px 64px;align-items:center;gap:8px;padding:4px 0;display:grid;position:relative}.xoziZG_modelRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.xoziZG_usageTip{z-index:5;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);min-width:180px;max-width:260px;color:var(--dsw-alias-label-secondary);text-align:left;font-variant-numeric:tabular-nums;pointer-events:none;padding:8px 10px;font-size:12px;line-height:1.9;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 10px 28px #00000073}.xoziZG_usageTipName{max-width:240px;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xoziZG_usageTipSep{background:var(--dsw-alias-border-l2);height:1px;margin:4px 0}.xoziZG_usageTipRow{justify-content:space-between;gap:24px;display:flex}.xoziZG_usageTipRow span:last-child{color:var(--dsw-alias-label-primary);font-weight:600}.xoziZG_modelName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.xoziZG_modelTrack{background:var(--dsw-alias-border-l2);border-radius:4px;height:8px;display:block;overflow:hidden}.xoziZG_modelFill{background:var(--dsw-alias-brand-primary);border-radius:4px;height:100%;transition:width .16s;display:block}.xoziZG_modelTokens,.xoziZG_modelShare,.xoziZG_modelRequests{color:var(--dsw-alias-label-secondary);text-align:right;white-space:nowrap;font-size:11px;line-height:16px}.xoziZG_modelRequests{color:var(--dsw-alias-label-tertiary)}.xoziZG_check{flex:1;min-width:0}.xoziZG_check>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xoziZG_manual{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:0 12px}.xoziZG_manual[open]{padding-bottom:12px}.xoziZG_manualSummary{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;padding:9px 0;font-size:13px;list-style:none;display:flex}.xoziZG_manualSummary::-webkit-details-marker{display:none}.xoziZG_field{flex-direction:column;gap:5px;margin-top:10px;display:flex}.xoziZG_fieldLabel{color:var(--dsw-alias-label-tertiary);font-size:12px}.xoziZG_area{box-sizing:border-box;resize:vertical;border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:20px}.xoziZG_area::placeholder{color:var(--dsw-alias-label-dimmed)}.xoziZG_area:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}";
 const tagId = "dsh-codearts/CodeArtsPluginCard.module.css";
 if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 	const tag = document.createElement("style");
@@ -33,70 +33,79 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var CodeArtsPluginCard_module_css_default = {
+	"field": "xoziZG_field",
+	"manualForm": "xoziZG_manualForm",
+	"accountRow": "xoziZG_accountRow",
+	"section": "xoziZG_section",
+	"expiryLabel": "xoziZG_expiryLabel",
+	"check": "xoziZG_check",
+	"balance": "xoziZG_balance",
+	"accountToolbar": "xoziZG_accountToolbar",
+	"barFill": "xoziZG_barFill",
+	"statLabel": "xoziZG_statLabel",
+	"meta": "xoziZG_meta",
 	"accountNameRow": "xoziZG_accountNameRow",
-	"balanceRow": "xoziZG_balanceRow",
-	"modelFill": "xoziZG_modelFill",
-	"danger": "xoziZG_danger",
 	"expiryRow": "xoziZG_expiryRow",
+	"balanceUnit": "xoziZG_balanceUnit",
+	"accountInfo": "xoziZG_accountInfo",
+	"hint": "xoziZG_hint",
+	"count": "xoziZG_count",
+	"choices": "xoziZG_choices",
+	"usageFill": "xoziZG_usageFill",
+	"card": "xoziZG_card",
+	"usageTipName": "xoziZG_usageTipName",
+	"balanceRow": "xoziZG_balanceRow",
+	"creditBlock": "xoziZG_creditBlock",
+	"header": "xoziZG_header",
+	"statSub": "xoziZG_statSub",
+	"usageTip": "xoziZG_usageTip",
+	"modelRequests": "xoziZG_modelRequests",
+	"usageBar": "xoziZG_usageBar",
+	"bar": "xoziZG_bar",
+	"creditRow": "xoziZG_creditRow",
+	"sectionLabel": "xoziZG_sectionLabel",
 	"accountEntry": "xoziZG_accountEntry",
-	"accountHint": "xoziZG_accountHint",
-	"manualSummary": "xoziZG_manualSummary",
-	"body": "xoziZG_body",
-	"barFill": "xoziZG_barFill",
+	"modelTrack": "xoziZG_modelTrack",
+	"link": "xoziZG_link",
 	"updated": "xoziZG_updated",
-	"error": "xoziZG_error",
-	"avatar": "xoziZG_avatar",
-	"balanceMeta": "xoziZG_balanceMeta",
 	"desc": "xoziZG_desc",
-	"name": "xoziZG_name",
+	"avatar": "xoziZG_avatar",
+	"creditHint": "xoziZG_creditHint",
 	"tabPanel": "xoziZG_tabPanel",
-	"accountInfo": "xoziZG_accountInfo",
-	"card": "xoziZG_card",
-	"balanceUnit": "xoziZG_balanceUnit",
-	"sectionHead": "xoziZG_sectionHead",
-	"choiceRow": "xoziZG_choiceRow",
-	"balance": "xoziZG_balance",
-	"creditLink": "xoziZG_creditLink",
-	"accountRow": "xoziZG_accountRow",
-	"usageFill": "xoziZG_usageFill",
-	"modelTrack": "xoziZG_modelTrack",
+	"fieldLabel": "xoziZG_fieldLabel",
+	"modelName": "xoziZG_modelName",
+	"danger": "xoziZG_danger",
+	"statValue": "xoziZG_statValue",
 	"area": "xoziZG_area",
-	"check": "xoziZG_check",
+	"claimAllRow": "xoziZG_claimAllRow",
+	"tabs": "xoziZG_tabs",
+	"usageTipSep": "xoziZG_usageTipSep",
+	"name": "xoziZG_name",
 	"headText": "xoziZG_headText",
 	"accountRowActions": "xoziZG_accountRowActions",
-	"creditHint": "xoziZG_creditHint",
-	"actions": "xoziZG_actions",
-	"accountCard": "xoziZG_accountCard",
-	"claimAllRow": "xoziZG_claimAllRow",
-	"link": "xoziZG_link",
-	"modelTokens": "xoziZG_modelTokens",
-	"sectionLabel": "xoziZG_sectionLabel",
-	"usageBar": "xoziZG_usageBar",
-	"section": "xoziZG_section",
-	"modelName": "xoziZG_modelName",
-	"meta": "xoziZG_meta",
-	"bar": "xoziZG_bar",
-	"header": "xoziZG_header",
-	"fieldLabel": "xoziZG_fieldLabel",
-	"choices": "xoziZG_choices",
-	"creditBlock": "xoziZG_creditBlock",
-	"creditRow": "xoziZG_creditRow",
-	"field": "xoziZG_field",
-	"hint": "xoziZG_hint",
-	"count": "xoziZG_count",
+	"sectionHead": "xoziZG_sectionHead",
+	"modelRow": "xoziZG_modelRow",
+	"modelFill": "xoziZG_modelFill",
+	"accountHint": "xoziZG_accountHint",
+	"modelChart": "xoziZG_modelChart",
+	"error": "xoziZG_error",
+	"body": "xoziZG_body",
+	"manualSummary": "xoziZG_manualSummary",
+	"balanceMeta": "xoziZG_balanceMeta",
+	"statGrid": "xoziZG_statGrid",
+	"choiceRow": "xoziZG_choiceRow",
+	"modelShare": "xoziZG_modelShare",
 	"accountName": "xoziZG_accountName",
-	"tabs": "xoziZG_tabs",
-	"manualForm": "xoziZG_manualForm",
+	"modelTokens": "xoziZG_modelTokens",
+	"creditLink": "xoziZG_creditLink",
 	"creditFooter": "xoziZG_creditFooter",
-	"modelRow": "xoziZG_modelRow",
 	"manual": "xoziZG_manual",
-	"modelChart": "xoziZG_modelChart",
-	"modelRequests": "xoziZG_modelRequests",
-	"accountToolbar": "xoziZG_accountToolbar",
 	"statusLine": "xoziZG_statusLine",
 	"creditRows": "xoziZG_creditRows",
-	"expiryLabel": "xoziZG_expiryLabel",
-	"modelShare": "xoziZG_modelShare"
+	"statCard": "xoziZG_statCard",
+	"accountCard": "xoziZG_accountCard",
+	"usageTipRow": "xoziZG_usageTipRow",
+	"actions": "xoziZG_actions"
 };
 //#endregion
 //#region src/client/CodeArtsPluginCard.tsx
@@ -128,6 +137,10 @@ function formatCount(value) {
 function formatCredits(value) {
 	return Number.isFinite(value) ? new Intl.NumberFormat().format(Math.round(value)) : "0";
 }
+/** 浮层里的明细数字要精确到个位并带千分位，不用 k/M 缩写。 */
+function exactCount(value) {
+	return formatCredits(value);
+}
 /** 批量领取的 claimingId 哨兵（真实账号 id 不会等于它）。 */
 const CLAIM_ALL = "*";
 /** 一次领取操作的文案：优先用后端逐号结果，老后端只回一条时按 id 归位。 */
@@ -358,12 +371,25 @@ function ManualTokenForm({ t, token, label, busy, onToken, onLabel, onSubmit })
 	});
 }
 /**
+* 缓存命中率：缓存输入 / 全部输入，钳在 0~100。
+*
+* 上游没给缓存字段、或今天压根没有输入时返回 undefined —— 统计块里显示「—」，
+* 不要把「没有数据」写成「0%」。
+*/
+function hitPercentOf(totals) {
+	const cached = totals.cachedTokens ?? 0;
+	if (cached <= 0 || totals.promptTokens <= 0) return void 0;
+	return Math.min(100, Math.round(cached / totals.promptTokens * 100));
+}
+/**
 * 横向条形列表：名称 / 条 / token / 占比 / 请求数。
 *
 * 条长按「占组内总量的比例」画（不是按最大值归一化），所以几条加起来就是全部。
 * token 全 0 的日子（只有请求数、没收到 usage 帧）退回按请求数画。
 */
 function UsageBars({ rows, t }) {
+	/** 当前悬停的那一行；卡片浮层只在它上面出现。 */
+	const [hovered, setHovered] = (0, react.useState)(null);
 	const tokenMode = rows.some((row) => row.totals.totalTokens > 0);
 	const valueOf = (row) => tokenMode ? row.totals.totalTokens : row.totals.requests;
 	const sum = rows.reduce((total, row) => total + valueOf(row), 0);
@@ -374,13 +400,18 @@ function UsageBars({ rows, t }) {
 		children: top.map((row) => {
 			const value = valueOf(row);
 			const share = sum > 0 ? value / sum * 100 : 0;
-			const detail = [t("usageRequests", { n: formatCount(row.totals.requests) }), t("usageTokens", {
-				prompt: formatTokens$1(row.totals.promptTokens),
-				completion: formatTokens$1(row.totals.completionTokens)
+			const totals = row.totals;
+			const cached = totals.cachedTokens;
+			const pct = hitPercentOf(totals);
+			const detail = [t("usageRequests", { n: formatCount(totals.requests) }), t("usageTokens", {
+				prompt: formatTokens$1(totals.promptTokens),
+				completion: formatTokens$1(totals.completionTokens)
 			})].join(" · ");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: CodeArtsPluginCard_module_css_default.modelRow,
 				title: `${row.label} · ${detail}`,
+				onMouseEnter: () => setHovered(row.id),
+				onMouseLeave: () => setHovered((prev) => prev === row.id ? null : prev),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.modelName,
@@ -403,7 +434,43 @@ function UsageBars({ rows, t }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.modelRequests,
-						children: t("usageRequestCount", { n: formatCount(row.totals.requests) })
+						children: t("usageRequestCount", { n: formatCount(totals.requests) })
+					}),
+					hovered === row.id && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: CodeArtsPluginCard_module_css_default.usageTip,
+						role: "tooltip",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipName,
+								children: row.label
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: CodeArtsPluginCard_module_css_default.usageTipSep }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipInput") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: exactCount(totals.promptTokens) })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipOutput") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: exactCount(totals.completionTokens) })]
+							}),
+							(totals.reasoningTokens ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipReasoning") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: exactCount(totals.reasoningTokens ?? 0) })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipCached") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: cached === void 0 ? t("usageTipNoCache") : exactCount(cached) })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: CodeArtsPluginCard_module_css_default.usageTipSep }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipRequests") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageRequestCount", { n: formatCount(totals.requests) }) })]
+							}),
+							pct !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.usageTipRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageTipHit") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [pct, "%"] })]
+							})
+						]
 					})
 				]
 			}, row.id);
@@ -418,7 +485,6 @@ function UsageBars({ rows, t }) {
 * 「打断后重新提问要等」的原因。
 */
 function UsageSection({ usage, accounts, t }) {
-	const total = usage.today.requests;
 	const stateLabel = {
 		ok: t("usageStateOk"),
 		capped: t("usageStateCapped"),
@@ -436,7 +502,9 @@ function UsageSection({ usage, accounts, t }) {
 		label: entry.id.split(" · ")[0],
 		totals: entry.totals
 	}));
-	const hasUsage = usage.allTime.requests > 0 || total > 0;
+	const today = usage.today;
+	const hasUsage = usage.allTime.requests > 0 || today.requests > 0;
+	const hit = hitPercentOf(today);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: CodeArtsPluginCard_module_css_default.section,
 		children: [
@@ -447,7 +515,10 @@ function UsageSection({ usage, accounts, t }) {
 					children: t("usageTitle")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: CodeArtsPluginCard_module_css_default.count,
-					children: t("usageRequests", { n: formatCount(total) })
+					children: t("usageRange", {
+						today: formatCount(today.requests),
+						last30: formatCount(usage.last30.requests)
+					})
 				})]
 			}),
 			!hasUsage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -455,38 +526,46 @@ function UsageSection({ usage, accounts, t }) {
 				children: t("usageEmpty")
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.choiceRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.name,
-						children: t("usageTodayTotal")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: CodeArtsPluginCard_module_css_default.meta,
-						children: [
-							t("usageRequests", { n: formatCount(total) }),
-							" · ",
-							t("usageTokens", {
-								prompt: formatTokens$1(usage.today.promptTokens),
-								completion: formatTokens$1(usage.today.completionTokens)
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.choiceRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.name,
-						children: t("usageLast30")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						className: CodeArtsPluginCard_module_css_default.meta,
-						children: [
-							t("usageRequests", { n: formatCount(usage.last30.requests) }),
-							" · ",
-							t("usageTokens", {
-								prompt: formatTokens$1(usage.last30.promptTokens),
-								completion: formatTokens$1(usage.last30.completionTokens)
-							})
-						]
-					})]
+					className: CodeArtsPluginCard_module_css_default.statGrid,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.statCard,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CodeArtsPluginCard_module_css_default.statLabel,
+									children: t("usageStatTokens")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CodeArtsPluginCard_module_css_default.statValue,
+									children: formatTokens$1(today.totalTokens)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: CodeArtsPluginCard_module_css_default.statSub,
+									children: [t("usageStatIn", { n: formatTokens$1(today.promptTokens) }), (today.reasoningTokens ?? 0) > 0 ? ` · ${t("usageStatThinking", { n: formatTokens$1(today.reasoningTokens ?? 0) })}` : ""]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.statCard,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.statLabel,
+								children: t("usageStatHit")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.statValue,
+								children: hit === void 0 ? "—" : `${hit}%`
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.statCard,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.statLabel,
+								children: t("usageStatRequests")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.statValue,
+								children: formatCount(today.requests)
+							})]
+						})
+					]
 				}),
 				accounts.length > 1 && accountRows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: CodeArtsPluginCard_module_css_default.hint,
@@ -1494,10 +1573,27 @@ const QUEUE_PATH = "/api/codearts/queue";
 const REFRESH_INTERVAL_MS = 6e4;
 /** 排队位置变得快：官方客户端也是 5 秒一次；这是本机路由，打不疼上游。 */
 const QUEUE_INTERVAL_MS = 5e3;
-/** 弹层宽度固定，好算它会不会顶出屏幕右边。 */
-const PANEL_WIDTH = 280;
+/**
+* 弹层宽度：只放「账号 + 积分」两列，所以按同类插件（dsh-connect-trae 的
+* `min(248px, …)`）取一档窄宽度 —— 这一层回答的是「哪个号还有多少积分」，
+* 用量数字不该把它撑成一张报表。
+*/
+const PANEL_WIDTH = 260;
 /** 弹层与那一行之间的缝隙。 */
 const PANEL_GAP = 8;
+/**
+* 弹层里每行的列模板：账号 | 积分。
+*
+* 数字列用 `auto`：它跟着最宽的那个余额自适应，面板不必为「12,600」预留固定宽度。
+* 输入 / 输出 / 缓存这些用量数字不进表格，收进整行的悬浮提示（{@link usageLine}），
+* 完整明细在设置卡片里看。
+*/
+const PANEL_ROW_COLUMNS = "minmax(0, 1fr) auto";
+/** 数字格统一右对齐 + 等宽数字，列才对得齐。 */
+const PANEL_NUM_CELL = {
+	justifySelf: "end",
+	fontVariantNumeric: "tabular-nums"
+};
 /** 那一行在输入框下方，往上开才够空间；给弹层留的最小高度，不够就翻到下面。 */
 const PANEL_MIN_ABOVE = 260;
 function readSelection(useProjection) {
@@ -1535,6 +1631,24 @@ function formatClock(ts) {
 		return "";
 	}
 }
+/**
+* 弹层里那行用量：`入 12.3k · 出 697（思 505）· 命中 94% · 37 条`。
+*
+* 刻意比设置卡片里的完整版短：面板只有 260px，把「缓存 11.5k」也列上就会折成
+* 两三行，比原来那个悬浮提示还难看。缓存值本身由命中率表达（它是输入的占比），
+* 思考 token 也不在这里——它是输出的子集，放在设置卡片的统计块里。上游不给缓存
+* 字段就不显示命中率：显示成 0% 会被当成「没命中」而不是「没数据」。
+*/
+function usageLine(usage, t) {
+	const cached = usage.cachedTokens ?? 0;
+	const parts = [t("usageCompact", {
+		prompt: formatTokens(usage.promptTokens),
+		completion: formatTokens(usage.completionTokens)
+	})];
+	if (cached > 0 && usage.promptTokens > 0) parts.push(t("usageCacheHit", { pct: Math.min(100, Math.round(cached / usage.promptTokens * 100)) }));
+	parts.push(t("usageRequestCount", { n: formatNumber(usage.requests) }));
+	return parts.join(" · ");
+}
 /** 账号名与设置卡片同一套取法：备注 > 用户名 > id。 */
 function accountName(account) {
 	return account.label?.trim() || account.userName?.trim() || account.id;
@@ -1566,21 +1680,20 @@ function rowsOf(data) {
 		};
 	});
 }
-/** 把弹层钉在按钮边上：优先往上开（那一行本来就在输入框下面），放不下就翻到下面。 */
-function anchorOf(rect) {
-	const above = rect.top > PANEL_MIN_ABOVE;
-	const width = Math.min(PANEL_WIDTH, window.innerWidth - 16);
-	return {
-		left: Math.max(8, Math.min(rect.left, window.innerWidth - width - 8)),
-		top: above ? rect.top - PANEL_GAP : rect.bottom + PANEL_GAP,
-		above
-	};
+/**
+* 弹层往上开还是往下开。
+*
+* 位置不在这里算：fixed 元素遇到带 transform / backdrop-filter 的祖先时，坐标会
+* 相对那个祖先而不是视口（工具行就长在输入框卡片里），所以真实偏移要渲染后实测
+* （见组件里的 layout effect），这里只决定朝哪边翻。
+*/
+function placeAbove(rect) {
+	return rect.top > PANEL_MIN_ABOVE;
 }
-function CodeArtsCreditDock({ useProjection, t }) {
+function CodeArtsCreditDock({ useProjection, t, zone = "dock" }) {
 	const selection = readSelection(useProjection);
 	const active = isCodeArts(selection);
 	const [remain, setRemain] = (0, react.useState)(null);
-	const [total, setTotal] = (0, react.useState)(0);
 	const [rows, setRows] = (0, react.useState)([]);
 	/**
 	* 模型 id -> 目录条目（显示名 + 已格式化的倍率）。
@@ -1595,6 +1708,15 @@ function CodeArtsCreditDock({ useProjection, t }) {
 	});
 	const [queued, setQueued] = (0, react.useState)(null);
 	const [anchor, setAnchor] = (0, react.useState)(null);
+	/**
+	* 弹层的包含块原点（视口坐标）。
+	*
+	* fixed 只有在祖先没有 transform / backdrop-filter 时才是视口坐标；工具行长在输入框
+	* 卡片里，一旦撞上这类祖先，left/top 就会相对那个祖先算，弹层会飞到窗口外。做法是
+	* 先按 0,0 渲染但不可见，量出面板实际落在哪（就是包含块原点），再把目标坐标减掉它；
+	* 视口情形下量到 (0,0)，等于没动。
+	*/
+	const [origin, setOrigin] = (0, react.useState)(null);
 	const [refreshing, setRefreshing] = (0, react.useState)(false);
 	const mounted = (0, react.useRef)(true);
 	const triggerRef = (0, react.useRef)(null);
@@ -1632,7 +1754,6 @@ function CodeArtsCreditDock({ useProjection, t }) {
 				return;
 			}
 			setRemain(Math.round(pool.reduce((sum, item) => sum + item.credits.total.remain, 0)));
-			setTotal(Math.round(pool.reduce((sum, item) => sum + item.credits.total.total, 0)));
 		} catch {}
 	}, []);
 	(0, react.useEffect)(() => {
@@ -1695,6 +1816,19 @@ function CodeArtsCreditDock({ useProjection, t }) {
 			window.removeEventListener("scroll", close, true);
 		};
 	}, [anchor, close]);
+	(0, react.useLayoutEffect)(() => {
+		if (anchor === null) {
+			setOrigin(null);
+			return;
+		}
+		const el = panelRef.current;
+		if (el === null) return;
+		const rect = el.getBoundingClientRect();
+		setOrigin((prev) => prev !== null && Math.abs(prev.x - rect.left) < .5 && Math.abs(prev.y - rect.top) < .5 ? prev : {
+			x: rect.left,
+			y: rect.top
+		});
+	}, [anchor]);
 	(0, react.useEffect)(() => {
 		if (!active) return;
 		const self = rootRef.current;
@@ -1719,26 +1853,18 @@ function CodeArtsCreditDock({ useProjection, t }) {
 	if (!active) return null;
 	const showCredits = flags.credits && remain !== null;
 	const showQueue = flags.queue && queued !== null;
+	if (zone === "bar" && !showCredits) return null;
 	const modelId = currentOf(selection)?.model;
 	const entry = modelId === void 0 ? void 0 : modelInfo[modelId];
 	const modelLabel = entry === void 0 ? modelId ?? "" : stripModelSuffixes(entry.name);
 	const ratio = entry?.ratio;
 	const line = buildDockLine({
-		...showCredits ? { credits: t("creditsDock", { remain: formatNumber(remain ?? 0) }) } : {},
+		...zone === "bar" && showCredits ? { credits: t("creditsDock", { remain: formatNumber(remain ?? 0) }) } : {},
 		provider: "CodeArts",
 		...modelLabel === "" ? {} : { model: modelLabel },
 		...ratio === void 0 ? {} : { ratio },
-		...showQueue && queued !== null ? { queue: t("queueDock", { position: queued.position }) } : {}
+		...zone === "dock" && showQueue && queued !== null ? { queue: t("queueDock", { position: queued.position }) } : {}
 	}, t);
-	const queueTitle = queued === null ? void 0 : t("queueDockTitle", {
-		model: queued.model,
-		position: queued.position,
-		length: queued.length
-	});
-	const creditsTitle = showCredits ? t("creditsDockTitle", {
-		remain: remain ?? 0,
-		total
-	}) : void 0;
 	const fetchedAt = rows.reduce((latest, row) => Math.max(latest, row.fetchedAt ?? 0), 0);
 	const lastUpdated = fetchedAt > 0 ? formatClock(fetchedAt) : "";
 	const toggle = (event) => {
@@ -1746,7 +1872,13 @@ function CodeArtsCreditDock({ useProjection, t }) {
 			close();
 			return;
 		}
-		setAnchor(anchorOf(event.currentTarget.getBoundingClientRect()));
+		const rect = event.currentTarget.getBoundingClientRect();
+		const above = placeAbove(rect);
+		setAnchor({
+			left: rect.left,
+			top: above ? rect.top - PANEL_GAP : rect.bottom + PANEL_GAP,
+			above
+		});
 	};
 	const forceRefresh = async () => {
 		setRefreshing(true);
@@ -1770,7 +1902,6 @@ function CodeArtsCreditDock({ useProjection, t }) {
 			flex: "0 0 auto",
 			minWidth: "max-content"
 		},
-		title: queueTitle ?? creditsTitle,
 		children: [
 			line.credits !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				ref: triggerRef,
@@ -1778,7 +1909,6 @@ function CodeArtsCreditDock({ useProjection, t }) {
 				"aria-haspopup": "dialog",
 				"aria-expanded": anchor !== null,
 				"aria-label": t("creditsDockPanelTitle"),
-				title: creditsTitle,
 				onClick: toggle,
 				style: {
 					all: "unset",
@@ -1790,20 +1920,21 @@ function CodeArtsCreditDock({ useProjection, t }) {
 					whiteSpace: "inherit"
 				},
 				children: line.credits
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			}), zone === "dock" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				"aria-hidden": "true",
 				children: " · "
 			})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: line.rest }),
+			zone === "dock" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: line.rest }),
 			anchor !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				ref: panelRef,
 				role: "dialog",
 				"aria-label": t("creditsDockPanelTitle"),
 				style: {
 					position: "fixed",
-					left: anchor.left,
-					top: anchor.top,
-					transform: anchor.above ? "translateY(-100%)" : void 0,
+					left: origin === null ? 0 : anchor.left - origin.x,
+					top: origin === null ? 0 : anchor.top - origin.y,
+					transform: anchor.above && origin !== null ? "translateY(-100%)" : void 0,
+					visibility: origin === null ? "hidden" : "visible",
 					width: PANEL_WIDTH,
 					maxWidth: "calc(100vw - 16px)",
 					zIndex: 1e3,
@@ -1842,73 +1973,60 @@ function CodeArtsCreditDock({ useProjection, t }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
-							display: "grid",
-							gridTemplateColumns: "minmax(0, 1fr) auto auto",
-							gap: "4px 12px",
-							alignItems: "center",
+							display: "flex",
+							flexDirection: "column",
+							gap: 10,
 							borderTop: "0.5px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.22))",
 							paddingTop: 8,
+							fontSize: 12,
 							color: "var(--dsw-alias-label-tertiary)"
 						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsDockColAccount") }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { justifySelf: "end" },
-								children: t("creditsDockColTokens")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { justifySelf: "end" },
-								children: t("creditsDockColBalance")
-							}),
-							rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: { gridColumn: "1 / -1" },
-								children: t("creditsDockEmpty")
-							}),
-							rows.map((row) => {
-								const detail = row.usage === void 0 ? "" : [t("usageTokens", {
-									prompt: formatTokens(row.usage.promptTokens),
-									completion: formatTokens(row.usage.completionTokens)
-								}), t("usageRequestCount", { n: formatNumber(row.usage.requests) })].join(" · ");
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									style: { display: "contents" },
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											style: {
-												display: "flex",
-												alignItems: "center",
-												gap: 6,
-												minWidth: 0
-											},
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: row.remain === null ? "warning" : "done" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												style: {
-													overflow: "hidden",
-													textOverflow: "ellipsis",
-													whiteSpace: "nowrap",
-													color: "var(--dsw-alias-label-primary)"
-												},
-												title: row.error === void 0 ? row.name : row.error,
-												children: row.name
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											style: {
-												justifySelf: "end",
-												fontVariantNumeric: "tabular-nums"
-											},
-											title: row.usage === void 0 ? t("creditsDockNoTokens") : detail,
-											children: row.usage === void 0 ? "—" : formatTokens(row.usage.totalTokens)
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											style: {
-												justifySelf: "end",
-												fontVariantNumeric: "tabular-nums"
-											},
-											children: row.remain === null ? "—" : formatNumber(row.remain)
-										})
-									]
-								}, row.id);
-							})
-						]
+						children: [rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsDockEmpty") }), rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								flexDirection: "column",
+								gap: 2,
+								minWidth: 0
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "grid",
+									gridTemplateColumns: PANEL_ROW_COLUMNS,
+									gap: "0 8px",
+									alignItems: "center",
+									minWidth: 0
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										gap: 5,
+										minWidth: 0
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: row.remain === null ? "warning" : "done" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: {
+											overflow: "hidden",
+											textOverflow: "ellipsis",
+											whiteSpace: "nowrap",
+											color: "var(--dsw-alias-label-primary)"
+										},
+										title: row.error === void 0 ? row.name : row.error,
+										children: row.name
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: PANEL_NUM_CELL,
+									children: row.remain === null ? "—" : formatNumber(row.remain)
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: {
+									paddingLeft: 11,
+									fontSize: 11,
+									lineHeight: "15px",
+									color: "var(--dsw-alias-label-tertiary)"
+								},
+								children: row.usage === void 0 ? t("creditsDockNoTokens") : `${t("usageToday")} ${usageLine(row.usage, t)}`
+							})]
+						}, row.id))]
 					}),
 					rows.filter((row) => row.expiring > 0).map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						style: {
@@ -1993,12 +2111,25 @@ const zh = {
 	modelsLoading: "模型勾选区加载中…（若长期不出现，请确认已登录且 DSH 已完全重启）",
 	usageTitle: "本机用量",
 	usageToday: "今日",
-	usageTodayTotal: "今日合计",
-	usageLast30: "近 30 天",
-	usageByAccount: "今日按账号",
+	usageRange: "今日 {today} 条 · 近 30 天 {last30} 条",
+	usageStatTokens: "今日 token",
+	usageStatIn: "输入 {n}",
+	usageStatThinking: "思考 {n}",
+	usageTipInput: "输入",
+	usageTipOutput: "输出",
+	usageTipReasoning: "思考",
+	usageTipCached: "缓存命中",
+	usageTipNoCache: "上游未下发",
+	usageTipRequests: "请求",
+	usageTipHit: "命中率",
+	usageStatHit: "缓存命中",
+	usageStatRequests: "今日请求",
 	usageRequests: "{n} 次请求",
+	usageByAccount: "今日按账号",
 	usageRequestCount: "{n} 条",
 	usageTokens: "输入 {prompt} · 输出 {completion}",
+	usageCompact: "入 {prompt} · 出 {completion}",
+	usageCacheHit: "命中 {pct}%",
 	usageAllTime: "累计（{days} 天）",
 	usageByModel: "今日按模型",
 	usageSlots: "会话槽位",
@@ -2025,9 +2156,6 @@ const zh = {
 	creditsDockPanelTitle: "CodeArts 积分",
 	creditsDockRefresh: "刷新积分",
 	creditsDockRefreshing: "刷新中…",
-	creditsDockColAccount: "账号",
-	creditsDockColBalance: "剩余积分",
-	creditsDockColTokens: "今日 Token",
 	creditsDockNoTokens: "今天还没有经插件发出的请求",
 	creditsDockEmpty: "暂时没有积分数据",
 	creditsDockExpiring: "{account}：{expiring} 积分将在本周期结束时作废",
@@ -2036,9 +2164,9 @@ const zh = {
 	dockModel: "Model {model}",
 	dockNoModel: "未选择模型",
 	tabDisplay: "显示",
-	displayTitle: "对话底部显示",
+	displayTitle: "输入框两侧显示",
 	displayHint: "这两项只管输入框下方那一行的积分与排队两段；中间那段「Provider CodeArts · Model 模型 · 倍率」一直显示，不受开关影响。底部那条每 60 秒读一次设置，所以关掉最多要等一分钟才见效。",
-	displayCreditsToggle: "显示剩余积分（点开可看各账号明细）",
+	displayCreditsToggle: "在输入框工具行显示剩余积分（点开可看各账号明细）",
 	displayQueueToggle: "显示上游排队位置",
 	displayNotWritable: "这个宿主没给插件开配置存储，开关只能看不能改。",
 	displayFailed: "保存失败：{message}",
@@ -2116,12 +2244,25 @@ const en = {
 	modelsLoading: "Loading model selection… (if it never appears, make sure you are signed in and DSH was fully restarted)",
 	usageTitle: "Local usage",
 	usageToday: "Today",
-	usageTodayTotal: "Today",
-	usageLast30: "Last 30 days",
-	usageByAccount: "Today by account",
+	usageRange: "Today {today} · last 30 days {last30}",
+	usageStatTokens: "Today tokens",
+	usageStatIn: "in {n}",
+	usageStatThinking: "thinking {n}",
+	usageTipInput: "Input",
+	usageTipOutput: "Output",
+	usageTipReasoning: "Reasoning",
+	usageTipCached: "Cached",
+	usageTipNoCache: "not reported",
+	usageTipRequests: "Requests",
+	usageTipHit: "Hit rate",
+	usageStatHit: "Cache hit",
+	usageStatRequests: "Today requests",
 	usageRequests: "{n} request(s)",
+	usageByAccount: "Today by account",
 	usageRequestCount: "{n} reqs",
 	usageTokens: "in {prompt} · out {completion}",
+	usageCompact: "in {prompt} · out {completion}",
+	usageCacheHit: "{pct}% cached",
 	usageAllTime: "All time ({days} days)",
 	usageByModel: "Today by model",
 	usageSlots: "Session slots",
@@ -2148,9 +2289,6 @@ const en = {
 	creditsDockPanelTitle: "CodeArts credits",
 	creditsDockRefresh: "Refresh credits",
 	creditsDockRefreshing: "Refreshing…",
-	creditsDockColAccount: "Account",
-	creditsDockColBalance: "Credits left",
-	creditsDockColTokens: "Tokens today",
 	creditsDockNoTokens: "No requests through the plugin today yet",
 	creditsDockEmpty: "No credit data yet",
 	creditsDockExpiring: "{account}: {expiring} credits expire when this cycle ends",
@@ -2159,9 +2297,9 @@ const en = {
 	dockModel: "Model {model}",
 	dockNoModel: "No model selected",
 	tabDisplay: "Display",
-	displayTitle: "Under the chat input box",
+	displayTitle: "Around the chat input box",
 	displayHint: "These two only control the credits and queue segments of that line under the input box; the middle “Provider CodeArts · Model … · rate” segments always show. The bar re-reads settings every 60 seconds, so hiding the rest can take up to a minute.",
-	displayCreditsToggle: "Show remaining credits (click it for per-account details)",
+	displayCreditsToggle: "Show remaining credits in the composer tool row (click for per-account details)",
 	displayQueueToggle: "Show the upstream queue position",
 	displayNotWritable: "This host gives the plugin nowhere to persist settings, so the switches are read-only.",
 	displayFailed: "Failed to save: {message}",
@@ -2194,12 +2332,25 @@ function apply(ctx) {
 			key: "dsh-codearts",
 			locale: namespace
 		}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeArtsPluginCard, { t })));
+		ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+			name: "conversation.input.left",
+			id: "codearts-credits-bar",
+			order: 20,
+			locale: namespace,
+			inject: () => ({
+				t,
+				zone: "bar"
+			})
+		}, CodeArtsCreditDock));
 		ctx.slots.inject("conversation.composer.dock", () => ctx.slots.register({
 			name: "conversation.composer.dock",
 			id: "codearts-credits",
 			order: 20,
 			locale: namespace,
-			inject: () => ({ t })
+			inject: () => ({
+				t,
+				zone: "dock"
+			})
 		}, CodeArtsCreditDock));
 	} catch (error) {
 		console.error("[dsh-codearts] client card failed to load (host provider unaffected):", error);

package/lib/index.d.mts

@@ -1296,12 +1296,40 @@ interface UsageTotals {
   promptTokens: number;
   completionTokens: number;
   totalTokens: number;
+  /**
+   * 命中上游 prompt 缓存的输入 token（OpenAI 兼容口径）。
+   *
+   * 上游若在 usage 帧里带 `prompt_tokens_details.cached_tokens`（也有平铺成
+   * `cached_tokens` / `cache_tokens` / `prompt_cache_hit_tokens` 的），这里才可能
+   * 是正数；不给就恒为 0。UI 据此决定显不显示「缓存」那一段 —— 不臆造。
+   * 它是 `promptTokens` 的**子集**，不是额外的输入量。
+   */
+  cachedTokens: number;
+  /**
+   * 其中属于「思考」的输出 token（OpenAI 兼容口径：`completion_tokens_details.reasoning_tokens`，
+   * 平铺成顶层 `reasoning_tokens` 的也认）。
+   *
+   * 推理模型（deepseek-v4.1-flash 这类）会把它单列出来，通常照样计费；不单独记就
+   * 只能看见一个偏大的「输出」。它是 `completionTokens` 的**子集**，不是额外的输出量。
+   * 上游不给就恒为 0。
+   */
+  reasoningTokens: number;
 }
 /** 上游 usage 帧里我们关心的字段。 */
 interface RawUsage {
   prompt_tokens?: unknown;
   completion_tokens?: unknown;
   total_tokens?: unknown;
+  /** OpenAI 兼容的嵌套写法：`prompt_tokens_details: { cached_tokens }`。 */
+  prompt_tokens_details?: unknown;
+  /** 平铺写法，几家兼容层各用各的名字，都认。 */
+  cached_tokens?: unknown;
+  cache_tokens?: unknown;
+  prompt_cache_hit_tokens?: unknown;
+  /** 推理模型的嵌套写法：`completion_tokens_details: { reasoning_tokens }`。 */
+  completion_tokens_details?: unknown;
+  /** 平铺的思考 token 别名。 */
+  reasoning_tokens?: unknown;
 }
 interface UsageSnapshot {
   /** 今天的合计。 */

package/lib/index.mjs

@@ -1,4 +1,4 @@
-import { A as upstreamErrorMessage, B as modelUnavailableReason, C as isWelfareClaimedStatus, D as prepareChatBody, E as pickDailyWelfareCampaign, F as filterEnabledModels, G as codeartsAuthPath, H as CodeArtsCredentialStore, I as forgetModelUnavailable, K as startLogin, L as isBenefitBlocked, M as FALLBACK_CODEARTS_MODELS, N as clearBenefitBlocked, O as rateLimitFrame, P as creditRatioLabel, R as isBenefitModel, S as isTpmLimit, T as modelUnavailableReasonText, U as MANUAL_ACCOUNT_ID, V as CodeArtsAccountStore, W as codeartsAccountsPath, _ as isIamTokenError, a as SNAP_HOST, b as isParamInvalidFrame, c as claimDailyWelfare, d as fetchCallerIdentity, f as fetchModels, g as isConcurrencyCap, h as firstFrameError, i as refreshCatalog, j as CodeArtsCatalog, k as signedGet, l as clearQueueStatus, m as fetchWelfareCampaigns, n as codeartsUsagePath, o as canonicalModel, p as fetchQueueStatus, r as discoverModels, s as chatStream, t as CodeArtsUsageTracker, u as degradeTokenCeiling, v as isModelNotAccessible, w as maxTokensCeilingFor, x as isQueueableRate, y as isNotMultimodal, z as markModelUnavailable } from "./usage-CzJjkqOp.mjs";
+import { A as upstreamErrorMessage, B as modelUnavailableReason, C as isWelfareClaimedStatus, D as prepareChatBody, E as pickDailyWelfareCampaign, F as filterEnabledModels, G as codeartsAuthPath, H as CodeArtsCredentialStore, I as forgetModelUnavailable, K as startLogin, L as isBenefitBlocked, M as FALLBACK_CODEARTS_MODELS, N as clearBenefitBlocked, O as rateLimitFrame, P as creditRatioLabel, R as isBenefitModel, S as isTpmLimit, T as modelUnavailableReasonText, U as MANUAL_ACCOUNT_ID, V as CodeArtsAccountStore, W as codeartsAccountsPath, _ as isIamTokenError, a as SNAP_HOST, b as isParamInvalidFrame, c as claimDailyWelfare, d as fetchCallerIdentity, f as fetchModels, g as isConcurrencyCap, h as firstFrameError, i as refreshCatalog, j as CodeArtsCatalog, k as signedGet, l as clearQueueStatus, m as fetchWelfareCampaigns, n as codeartsUsagePath, o as canonicalModel, p as fetchQueueStatus, r as discoverModels, s as chatStream, t as CodeArtsUsageTracker, u as degradeTokenCeiling, v as isModelNotAccessible, w as maxTokensCeilingFor, x as isQueueableRate, y as isNotMultimodal, z as markModelUnavailable } from "./usage-DGIuT79_.mjs";
 import { i as lazyApi, r as createProvider } from "./models-CgKCibpk.mjs";
 import z from "@deepseek-ai/schemastery";
 import { randomBytes, timingSafeEqual } from "node:crypto";
@@ -962,6 +962,13 @@ const recentShapes = [];
 function recentRequestShapes() {
 	return [...recentShapes].reverse();
 }
+const recentUsages = [];
+/** 探针只留最近 5 帧：够看形状，又不至于把内存堆成日志。 */
+const USAGE_PROBE_LIMIT = 5;
+/** 最近的 usage 原帧，最新在前。 */
+function recentUsageShapes() {
+	return [...recentUsages].reverse();
+}
 function noteRequestShape(raw, model) {
 	let parsed;
 	try {
@@ -1406,7 +1413,16 @@ function createCodeArtsShim(options) {
 			if (payload === "" || payload === "[DONE]") continue;
 			try {
 				const parsed = JSON.parse(payload);
-				if (parsed.usage !== void 0 && parsed.usage !== null) usage.noteUsage(attribution.accountId, attribution.model, parsed.usage);
+				if (parsed.usage !== void 0 && parsed.usage !== null) {
+					usage.noteUsage(attribution.accountId, attribution.model, parsed.usage);
+					recentUsages.push({
+						at: Date.now(),
+						accountId: attribution.accountId,
+						model: attribution.model,
+						usage: parsed.usage
+					});
+					while (recentUsages.length > USAGE_PROBE_LIMIT) recentUsages.shift();
+				}
 			} catch {}
 		}
 	}
@@ -1619,7 +1635,9 @@ function usageOf(deps) {
 		requests: 0,
 		promptTokens: 0,
 		completionTokens: 0,
-		totalTokens: 0
+		totalTokens: 0,
+		cachedTokens: 0,
+		reasoningTokens: 0
 	};
 	return {
 		today: snapshot?.today ?? noTotals,
@@ -2129,7 +2147,10 @@ function debugHandler(deps) {
 			json(res, 403, { error: "request-not-trusted" });
 			return;
 		}
-		json(res, 200, { requests: deps.recentRequests?.() ?? [] });
+		json(res, 200, {
+			requests: deps.recentRequests?.() ?? [],
+			usages: deps.recentUsages?.() ?? []
+		});
 	};
 }
 /** Mount the status / models / token routes. */
@@ -2481,6 +2502,7 @@ function apply(ctx, rawConfig) {
 		usage: () => usage.snapshot(),
 		queue: () => queue.snapshot(),
 		recentRequests: () => recentRequestShapes(),
+		recentUsages: () => recentUsageShapes(),
 		credits: (signal) => loadCredits(signal),
 		refreshCredits: (signal) => {
 			credits.invalidate();

package/lib/{usage-CzJjkqOp.mjs → usage-DGIuT79_.mjs}

@@ -207,6 +207,41 @@ function parseToken(json, dpopJWK, clientId, prev) {
 		dpopPrivateKey: dpopJWK
 	};
 }
+/**
+* 华为登录后浏览器落回本机回调的落地页。
+*
+* 这一页本身没有任何后续逻辑：`code` 在响应发出的同一时刻就已交给等待队列
+* （见 startLogin 里的 finish），token 交换完全在服务端做，页面关不关都不影响
+* 登录结果。它只是 redirect_uri 必然要渲染的一个落点 —— 华为侧没有「登录成功」
+* 页可停留，成功标志就是这一次 302 到 127.0.0.1。
+*
+* 卡片用 `window.open` 打开授权页，所以这个标签页能自己关掉；用户从卡片的
+* 手动链接打开、或浏览器拦脚本关窗时 close 会失败，1.2s 后把提示换成「可关闭」。
+*/
+const CALLBACK_HTML = `<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>CodeArts 登录</title>
+<style>
+  html,body{height:100%}
+  body{margin:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#1f2329;
+    font:15px/1.6 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
+  p{margin:0;padding:24px;text-align:center}
+</style>
+</head>
+<body>
+<p id="msg">正在返回 DeepSeek Harness…</p>
+<script>
+  setTimeout(function () { try { window.close() } catch (e) {} }, 300)
+  setTimeout(function () {
+    var el = document.getElementById('msg')
+    if (el) el.textContent = 'CodeArts 登录成功，本页可关闭，请回到 DeepSeek Harness。'
+  }, 1200)
+<\/script>
+</body>
+</html>`;
 async function startLogin(cfg = defaultLoginConfig()) {
 	const ticketId = randomHex(16);
 	const { verifier, challenge, method } = pkce();
@@ -236,8 +271,11 @@ async function startLogin(cfg = defaultLoginConfig()) {
 			}
 			finish(code);
 			function finish(c) {
-				res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-				res.end("<h3>CodeArts 登录成功，可关闭此页面。</h3>");
+				res.writeHead(200, {
+					"Content-Type": "text/html; charset=utf-8",
+					"Cache-Control": "no-store"
+				});
+				res.end(CALLBACK_HTML);
 				if (c) for (const w of waiters.splice(0)) w(c);
 			}
 		});
@@ -2709,7 +2747,9 @@ function emptyTotals() {
 		requests: 0,
 		promptTokens: 0,
 		completionTokens: 0,
-		totalTokens: 0
+		totalTokens: 0,
+		cachedTokens: 0,
+		reasoningTokens: 0
 	};
 }
 function addTotals(into, add) {
@@ -2717,6 +2757,8 @@ function addTotals(into, add) {
 	into.promptTokens += add.promptTokens ?? 0;
 	into.completionTokens += add.completionTokens ?? 0;
 	into.totalTokens += add.totalTokens ?? 0;
+	into.cachedTokens += add.cachedTokens ?? 0;
+	into.reasoningTokens += add.reasoningTokens ?? 0;
 }
 function mergeTotals(into, from) {
 	addTotals(into, from);
@@ -2730,12 +2772,41 @@ function localDateKey(at = Date.now()) {
 function positiveInt(value) {
 	return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.floor(value) : 0;
 }
-/** 从上游 usage 帧里取三个计数字段（缺哪个算 0，total 缺失时用 prompt+completion 兜底）。 */
+/**
+* 从上游 usage 帧里取缓存命中数。
+*
+* 位置见过两种：OpenAI 的 `prompt_tokens_details.cached_tokens`，以及兼容层直接
+* 平铺在顶层的几种别名。取第一个能读到的。缓存输入必然是输入的子集，所以比
+* `promptTokens` 还大的脏数据直接钳掉 —— 否则界面上会出现 >100% 的命中率。
+*/
+function cachedTokensOf(raw, promptTokens) {
+	if (promptTokens <= 0) return 0;
+	const cached = positiveInt(nestedField(raw.prompt_tokens_details, "cached_tokens") ?? raw.cached_tokens ?? raw.cache_tokens ?? raw.prompt_cache_hit_tokens);
+	return Math.min(cached, promptTokens);
+}
+/**
+* 从上游 usage 帧里取思考 token。
+*
+* 口径与 {@link cachedTokensOf} 对称：嵌套 `completion_tokens_details.reasoning_tokens`
+* 优先，顶层 `reasoning_tokens` 兜底，超过输出总量就钳掉（它含在输出里）。
+*/
+function reasoningTokensOf(raw, completionTokens) {
+	if (completionTokens <= 0) return 0;
+	const reasoning = positiveInt(nestedField(raw.completion_tokens_details, "reasoning_tokens") ?? raw.reasoning_tokens);
+	return Math.min(reasoning, completionTokens);
+}
+/** 读 `*_tokens_details` 这类嵌套对象里的一个字段；不是对象（或缺字段）给 undefined。 */
+function nestedField(details, key) {
+	return typeof details === "object" && details !== null ? details[key] : void 0;
+}
+/** 从上游 usage 帧里取计数（缺哪个算 0，total 缺失时用 prompt+completion 兜底）。 */
 function normalizeUsage(raw) {
 	if (raw === void 0) return {
 		promptTokens: 0,
 		completionTokens: 0,
-		totalTokens: 0
+		totalTokens: 0,
+		cachedTokens: 0,
+		reasoningTokens: 0
 	};
 	const promptTokens = positiveInt(raw.prompt_tokens);
 	const completionTokens = positiveInt(raw.completion_tokens);
@@ -2743,9 +2814,31 @@ function normalizeUsage(raw) {
 	return {
 		promptTokens,
 		completionTokens,
-		totalTokens: total > 0 ? total : promptTokens + completionTokens
+		totalTokens: total > 0 ? total : promptTokens + completionTokens,
+		cachedTokens: cachedTokensOf(raw, promptTokens),
+		reasoningTokens: reasoningTokensOf(raw, completionTokens)
+	};
+}
+/** 读一项累计值，缺字段（旧账本没有 cachedTokens / reasoningTokens）就按 0 补齐。 */
+function normalizeTotals(raw) {
+	return {
+		requests: positiveInt(raw?.requests),
+		promptTokens: positiveInt(raw?.promptTokens),
+		completionTokens: positiveInt(raw?.completionTokens),
+		totalTokens: positiveInt(raw?.totalTokens),
+		cachedTokens: positiveInt(raw?.cachedTokens),
+		reasoningTokens: positiveInt(raw?.reasoningTokens)
 	};
 }
+/** 整张「模型/账号 -> 累计」表补齐字段。 */
+function normalizeStore(store) {
+	const out = {};
+	for (const [key, totals] of Object.entries(store ?? {})) {
+		if (typeof totals !== "object" || totals === null) continue;
+		out[key] = normalizeTotals(totals);
+	}
+	return out;
+}
 /**
 * 用量账本。
 *
@@ -2784,8 +2877,8 @@ var CodeArtsUsageTracker = class {
 			if (parsed.version !== 1 || typeof parsed.days !== "object" || parsed.days === null) return;
 			for (const [date, day] of Object.entries(parsed.days)) {
 				if (typeof day !== "object" || day === null) continue;
-				const models = day.models ?? {};
-				const accounts = day.accounts ?? {};
+				const models = normalizeStore(day.models);
+				const accounts = normalizeStore(day.accounts);
 				this.days.set(date, {
 					models,
 					accounts

package/package.json

@@ -2,7 +2,7 @@
   "name": "dsh-codearts",
   "displayName": "DSH CodeArts Connect",
   "description": "把华为云 CodeArts 接入 DeepSeek Harness —— 内置 OAuth2 登录（PKCE + DPoP），登录后即可在 DSH 对话窗口使用 CodeArts 的模型。",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "packageManager": "pnpm@11.24.0",
   "author": "elegant01",
   "keywords": [