dsh-codearts 1.2.5 → 1.2.7

package/CHANGELOG.md

@@ -3,6 +3,57 @@
 本文件记录本插件的重要改动。格式参考 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)，
 版本号遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [1.2.7] - 2026-11-05
+
+### 变更
+
+- **侧边栏图标改成「纸 + 斜杠」**：上一版换成的 `</>` 虽然不再和宿主的「编辑」图标撞脸，
+  但三条线在 16px 下就是一个瘦括号，看不出是干什么的。现在画成一张纸（左上缺角、右下
+  收口）里压一道斜杠 —— 纸是产出物，斜杠是「写代码」这个动作。笔画仍是 1px、
+  `currentColor` 跟随主题，16 / 18 / 24 / 32 各档都验过不会糊。
+  试过更接近手稿的版本（纸框 + 一对尖括号 + 一条曲线，共 7 条 path），16px 下会黏成
+  一团黑的，所以砍到 3 条。图标本身没有配置项，跟着插件走。
+
+## [1.2.6] - 2026-11-05
+
+### 新增
+
+- **用量页两张趋势图**：近 7 天每格一根柱子，柱高就是当天的**缓存命中率**，
+  配色分三档（≥80% 正常 / 50–80% 偏黄 / <50% 偏红），没命中数据的格留灰底；
+  下面再跟一排「今天按小时」的 token 量柱，轴每 6 格标一个钟点。悬停任意一格，
+  底部那行会显示该格明细（输入 / 缓存 / 命中率 / 请求数），和柱子的 `title` 一致。
+  看命中率下滑通常意味着系统提示词前缀变了或上下文变长，比看总量更有诊断价值。
+- **账本按天再切一层小时桶**：`usage.days[date].hours` 记录最近两天各小时的用量
+  （两天后自动清掉，只保留按天数据），`/api/codearts/status` 的 `usage` 因此多了
+  `recentDays`（7 格、缺日补 0）与 `todayByHour`（固定 24 格、未来钟点补 0）。
+  逐小时口径是从本次改动起才开始记的，之前的钟点不回填，所以当天还没有数据时
+  画「今天还没有逐小时数据（启用前的小时不回填）」而不是一排空柱子。
+- **兼容旧宿主**：客户端对 `recentDays` / `todayByHour` 缺失的情况整体跳过这两块图，
+  旧后端不会让用量页报错。
+
+### 变更
+
+- **侧边栏图标的 glyph 从铅笔换成 `</>`**：原先画的是一支笔，和宿主自带的「编辑」
+  图标（`IconEditOutline`）几乎同形，挂在图标列里容易被读成「编辑这一页」而不是
+  「CodeArts 入口」。改成一对尖括号夹一道斜杠 —— 代码编辑器里最通用的「写代码」
+  符号，笔画粗细对齐宿主图标集的 1px，主题色仍走 `currentColor`，深浅色都不出错。
+  图标本身没有配置项，跟着插件走。
+
+### 修复
+
+- **进入插件页不再先闪一下「未登录」**：卡片原来只按 `status === null` 决定画什么，
+  而 `null` 既可能是「还没读到」也可能是「读失败」，两种情况都被画成了未登录的登录框，
+  等 `/status` 回来才翻成正常。现在单独记三态（`loading` / `ready` / `failed`）：
+  加载期间标题栏写「加载中…」、正文放两条呼吸骨架，只有服务端**明确**回
+  `signed-out`（或 `expired`）才显示登录框。
+- **拉取失败不再被当成登出**：以前 `GET /api/codearts/status` 一失败（宿主还没起、
+  路由 404、网络抖动）就直接 `setStatus({status:'signed-out'})`。现在失败只置
+  `failed`：标题栏「状态读取失败」，正文给错误原因 + 重试按钮；已经读到过数据的话
+  保持原样，不被一次抖动清空。
+- **再进这一页先用上次的快照**：`/status` 冷的时候要去上游拉积分，近一秒才回来；
+  模块级留一份上次的状态，重新进设置页 / 侧边栏页时按旧值立刻画出来，后台再刷新。
+  骨架只在「这个进程里第一次读」时出现。
+
 ## [1.2.5] - 2026-11-05
 
 ### 新增

package/README.en.md

@@ -26,6 +26,11 @@ Brings Huawei Cloud CodeArts into DeepSeek Harness (DSH), so the models CodeArts
   token counts (per model, per account), plus each account’s **session-slot occupancy** —
   which is exactly why a turn had to wait. CodeArts exposes no quota API, so these are the
   requests this machine sent through the plugin; the card links to the official usage page.
+- **Usage trends**: two charts on top of the Usage tab — a bar per day for the last seven
+  days showing the **cache-hit rate** (three colour bands; a dip means the system-prompt
+  prefix changed or the context grew), plus today’s token volume bucketed by hour. Hourly
+  buckets start with this version and are not backfilled; hosts that do not return the two
+  series simply skip the charts.
 - **Image input**: models with vision support accept pasted or dropped images in a chat.
 - **Sidebar icon**: optional. Tick it on the card’s Display tab and a CodeArts icon joins
   the DSH icon column, opening the full-page version of the settings card in the middle

package/README.md

@@ -13,6 +13,7 @@
 - **可选模型**：可在设置卡片里勾选要出现在模型选择器中的模型（配置项 `enabledModels`）。未勾选的模型只是不再被推荐，已经选定它的会话仍可继续使用；不勾选等同于提供全部模型。
 - **模型清单自动发现**：启动后与每小时各拉一次账号真实可用的模型（内置 / 限时福利 / agent-center 三路合并），失败时退回内置种子清单。
 - **本机用量**：卡片与 `dsh-codearts usage` 展示今日/累计的请求数与输入输出 token（按模型、按账号），以及每个账号的**会话槽位占用**（占用时正好解释了「为什么刚才要等半分钟」）。CodeArts 没有额度接口，这里只统计本机经插件发出的请求，官方额度明细见卡片上的链接。
+- **用量走势**：用量页顶部两张图 —— 近 7 天的**缓存命中率**按天一根柱子（分三档配色，掉了就说明系统提示词前缀变了或上下文变长），以及今天按小时的 token 量柱。逐小时口径从本版起才开始记，之前的钟点不回填；旧宿主不返回这两个序列时整块跳过，不会报错。
 - **图片输入**：支持视觉的模型可直接在对话里粘贴或拖入图片。
 - **侧边栏图标**：可选。在卡片「显示」页勾一下，DSH 左侧图标列里会多一个 CodeArts，点开直接在中间列显示整页版的设置卡片（配置项 `showSidebarPanel`，默认关闭 —— 那一列是全宿主共用的）。
 - **降级路径**：也可以在卡片里直接粘贴安全令牌，适用于脚本或排查场景。

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-DGIuT79_.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-4B0o-CQN.mjs";
 import { existsSync, statSync } from "node:fs";
 //#region src/version.ts
-const CODEARTS_VERSION = "1.2.5";
+const CODEARTS_VERSION = "1.2.7";
 //#endregion
 //#region src/bin.ts
 /**

package/lib/client/index.d.cts

@@ -12,6 +12,14 @@ interface CodeArtsSettingsKey {
   statusExpired: string;
   descSignedIn: string;
   descSignedOut: string;
+  /** 首次读取状态期间不能说「未登录」，用一个中立词。 */
+  statusLoading: string;
+  /** 状态接口整个失败（服务没起 / 路由 404）时的标题栏文案。 */
+  statusUnavailable: string;
+  descLoading: string;
+  /** {message} 是底层错误（HTTP 500 / Failed to fetch 之类）。 */
+  loadFailed: string;
+  retry: string;
   storedMeta: string;
   storedMetaNoLabel: string;
   refresh: string;
@@ -75,6 +83,12 @@ interface CodeArtsSettingsKey {
   usageTipHit: string;
   usageStatHit: string;
   usageStatRequests: string;
+  /** 趋势两张图的标题与悬停提示（近 7 天命中率 / 今天逐小时）。 */
+  usageTrendWeek: string;
+  usageTrendHour: string;
+  usageTrendHint: string;
+  /** 逐小时是本次新增口径，启用前的小时不回填。 */
+  usageTrendHourEmpty: string;
   usageRequests: string;
   usageByAccount: string;
   usageRequestCount: string;

package/lib/client/index.js

@@ -62,7 +62,7 @@ function subscribeSidebarPanelWanted(listener) {
 }
 //#endregion
 //#region \0dsh-css:/home/runner/work/dsh-codearts/dsh-codearts/src/client/CodeArtsPluginCard.module.css.mjs
-const css$1 = ".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 css$1 = ".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_trendBars{align-items:flex-end;gap:3px;height:44px;margin:8px 0 2px;display:flex}.xoziZG_trendSlot{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%;display:flex}.xoziZG_trendBar{background:var(--dsw-alias-brand-primary);border-radius:2px 2px 0 0;min-height:2px;transition:height .16s,background .16s}.xoziZG_trendBar[data-tone=mid]{background:var(--dsw-alias-state-warn-label)}.xoziZG_trendBar[data-tone=low]{background:var(--dsw-alias-state-error-primary,var(--dsw-alias-state-warn-label))}.xoziZG_trendBar[data-tone=empty]{background:var(--dsw-alias-border-l2)}.xoziZG_trendAxis{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;gap:3px;font-size:10px;line-height:14px;display:flex}.xoziZG_trendAxisSlot{text-align:center;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.xoziZG_trendTip{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:11px;line-height:16px}.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}.xoziZG_skeleton{flex-direction:column;gap:10px;padding:4px 0;display:flex}.xoziZG_skeletonRow{border-radius:var(--dsw-radius-sm,4px);background:var(--dsw-alias-border-l2);height:12px;animation:1.4s ease-in-out infinite xoziZG_skeletonBreath}.xoziZG_skeletonRow:nth-child(2){width:72%}.xoziZG_skeletonRow:nth-child(3){width:46%}@keyframes xoziZG_skeletonBreath{0%,to{opacity:.45}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.xoziZG_skeletonRow{animation:none}}";
 const tagId$1 = "dsh-codearts/CodeArtsPluginCard.module.css";
 if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 	const tag = document.createElement("style");
@@ -72,79 +72,88 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var CodeArtsPluginCard_module_css_default = {
-	"claimAllRow": "xoziZG_claimAllRow",
-	"bar": "xoziZG_bar",
+	"section": "xoziZG_section",
+	"creditBlock": "xoziZG_creditBlock",
+	"balance": "xoziZG_balance",
+	"usageTipSep": "xoziZG_usageTipSep",
+	"trendAxisSlot": "xoziZG_trendAxisSlot",
+	"skeletonRow": "xoziZG_skeletonRow",
 	"updated": "xoziZG_updated",
-	"check": "xoziZG_check",
-	"expiryLabel": "xoziZG_expiryLabel",
-	"creditFooter": "xoziZG_creditFooter",
-	"accountName": "xoziZG_accountName",
-	"choices": "xoziZG_choices",
-	"card": "xoziZG_card",
-	"tabPanel": "xoziZG_tabPanel",
-	"sectionHead": "xoziZG_sectionHead",
-	"usageTipRow": "xoziZG_usageTipRow",
-	"fieldLabel": "xoziZG_fieldLabel",
 	"desc": "xoziZG_desc",
+	"creditHint": "xoziZG_creditHint",
+	"modelChart": "xoziZG_modelChart",
+	"creditRow": "xoziZG_creditRow",
+	"bar": "xoziZG_bar",
+	"statusLine": "xoziZG_statusLine",
+	"trendAxis": "xoziZG_trendAxis",
+	"modelShare": "xoziZG_modelShare",
+	"statSub": "xoziZG_statSub",
+	"tabs": "xoziZG_tabs",
+	"accountRow": "xoziZG_accountRow",
+	"choices": "xoziZG_choices",
+	"usageTip": "xoziZG_usageTip",
+	"balanceUnit": "xoziZG_balanceUnit",
+	"accountNameRow": "xoziZG_accountNameRow",
+	"accountRowActions": "xoziZG_accountRowActions",
+	"creditRows": "xoziZG_creditRows",
 	"usageTipName": "xoziZG_usageTipName",
+	"creditFooter": "xoziZG_creditFooter",
+	"error": "xoziZG_error",
 	"modelFill": "xoziZG_modelFill",
-	"modelTrack": "xoziZG_modelTrack",
-	"hint": "xoziZG_hint",
-	"headText": "xoziZG_headText",
-	"creditRow": "xoziZG_creditRow",
-	"accountInfo": "xoziZG_accountInfo",
-	"modelRow": "xoziZG_modelRow",
-	"usageTipSep": "xoziZG_usageTipSep",
-	"creditHint": "xoziZG_creditHint",
+	"expiryLabel": "xoziZG_expiryLabel",
+	"manualSummary": "xoziZG_manualSummary",
+	"expiryRow": "xoziZG_expiryRow",
+	"check": "xoziZG_check",
+	"link": "xoziZG_link",
+	"sectionLabel": "xoziZG_sectionLabel",
+	"area": "xoziZG_area",
+	"skeleton": "xoziZG_skeleton",
+	"trendBars": "xoziZG_trendBars",
+	"field": "xoziZG_field",
+	"modelName": "xoziZG_modelName",
+	"usageTipRow": "xoziZG_usageTipRow",
+	"card": "xoziZG_card",
+	"meta": "xoziZG_meta",
+	"claimAllRow": "xoziZG_claimAllRow",
+	"sectionHead": "xoziZG_sectionHead",
+	"usageFill": "xoziZG_usageFill",
 	"modelRequests": "xoziZG_modelRequests",
+	"trendTip": "xoziZG_trendTip",
+	"fieldLabel": "xoziZG_fieldLabel",
 	"statGrid": "xoziZG_statGrid",
-	"accountCard": "xoziZG_accountCard",
-	"body": "xoziZG_body",
+	"skeletonBreath": "xoziZG_skeletonBreath",
+	"modelTokens": "xoziZG_modelTokens",
+	"trendBar": "xoziZG_trendBar",
+	"tabPanel": "xoziZG_tabPanel",
+	"creditLink": "xoziZG_creditLink",
 	"name": "xoziZG_name",
-	"danger": "xoziZG_danger",
-	"usageBar": "xoziZG_usageBar",
-	"accountRowActions": "xoziZG_accountRowActions",
-	"modelShare": "xoziZG_modelShare",
-	"sectionLabel": "xoziZG_sectionLabel",
-	"field": "xoziZG_field",
-	"statusLine": "xoziZG_statusLine",
-	"area": "xoziZG_area",
-	"accountEntry": "xoziZG_accountEntry",
+	"accountHint": "xoziZG_accountHint",
 	"choiceRow": "xoziZG_choiceRow",
-	"accountRow": "xoziZG_accountRow",
-	"statValue": "xoziZG_statValue",
+	"modelTrack": "xoziZG_modelTrack",
+	"accountToolbar": "xoziZG_accountToolbar",
+	"accountCard": "xoziZG_accountCard",
+	"accountEntry": "xoziZG_accountEntry",
+	"danger": "xoziZG_danger",
+	"trendSlot": "xoziZG_trendSlot",
+	"headText": "xoziZG_headText",
+	"count": "xoziZG_count",
+	"manual": "xoziZG_manual",
+	"accountName": "xoziZG_accountName",
+	"balanceRow": "xoziZG_balanceRow",
+	"avatar": "xoziZG_avatar",
 	"manualForm": "xoziZG_manualForm",
-	"balance": "xoziZG_balance",
+	"hint": "xoziZG_hint",
+	"statValue": "xoziZG_statValue",
+	"header": "xoziZG_header",
+	"accountInfo": "xoziZG_accountInfo",
 	"statLabel": "xoziZG_statLabel",
-	"error": "xoziZG_error",
-	"barFill": "xoziZG_barFill",
-	"creditLink": "xoziZG_creditLink",
-	"avatar": "xoziZG_avatar",
+	"modelRow": "xoziZG_modelRow",
+	"body": "xoziZG_body",
 	"balanceMeta": "xoziZG_balanceMeta",
-	"creditBlock": "xoziZG_creditBlock",
-	"manualSummary": "xoziZG_manualSummary",
+	"barFill": "xoziZG_barFill",
 	"actions": "xoziZG_actions",
-	"accountToolbar": "xoziZG_accountToolbar",
-	"balanceRow": "xoziZG_balanceRow",
-	"meta": "xoziZG_meta",
-	"expiryRow": "xoziZG_expiryRow",
-	"count": "xoziZG_count",
 	"statCard": "xoziZG_statCard",
-	"usageFill": "xoziZG_usageFill",
-	"modelTokens": "xoziZG_modelTokens",
-	"tabs": "xoziZG_tabs",
-	"link": "xoziZG_link",
-	"creditRows": "xoziZG_creditRows",
-	"modelChart": "xoziZG_modelChart",
-	"statSub": "xoziZG_statSub",
-	"accountNameRow": "xoziZG_accountNameRow",
-	"balanceUnit": "xoziZG_balanceUnit",
-	"manual": "xoziZG_manual",
-	"accountHint": "xoziZG_accountHint",
-	"header": "xoziZG_header",
-	"usageTip": "xoziZG_usageTip",
-	"section": "xoziZG_section",
-	"modelName": "xoziZG_modelName"
+	"usageBar": "xoziZG_usageBar"
 };
 //#endregion
 //#region src/client/CodeArtsPluginCard.tsx
@@ -203,6 +212,12 @@ const DOCK_DEFAULT = {
 	queue: true,
 	sidebar: false
 };
+/**
+* 上一次读到的状态。`/api/codearts/status` 会顺带去上游拉积分（有 TTL 缓存），
+* 冷的时候要等近一秒；模块级留一份快照，再进这一页就能立刻按旧值画出来，
+* 后台再刷新 —— 比每次都先闪骨架舒服，也不会把「还没读到」误判成未登录。
+*/
+let lastStatusSnapshot = null;
 /** 一个 Tab 面板；未选中的用 hidden 留在 DOM 里，草稿和滚动位置都别丢。 */
 function TabPanel({ id, labelledBy, active, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -521,6 +536,63 @@ function UsageBars({ rows, t }) {
 	});
 }
 /**
+* 趋势柱：近 7 天按天、今天按小时。
+*
+* 两张图共用一套柱子，但编码不同，因为要看的问题不同：
+*  - `hit`：柱高就是命中率，颜色分档 —— 命中率一掉就能看见，这是诊断「系统提示词
+*    前缀变了 / 上下文突然变长」最直接的信号；
+*  - `volume`：柱高按组内最大值归一化 —— 只用来看「什么时候在跑」，绝对值看悬停。
+*
+* 悬停柱子时下面那行换成该格明细，移开回到提示语。轴标签只画整数倍格，24 格全画会挤成一片。
+*/
+function UsageTrend({ points, mode, axisEvery, hint, t }) {
+	const [hovered, setHovered] = (0, react.useState)(null);
+	const max = points.reduce((peak, point) => Math.max(peak, point.totals.totalTokens), 0);
+	const shown = hovered === null ? void 0 : points[hovered];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: CodeArtsPluginCard_module_css_default.trendBars,
+			children: points.map((point, index) => {
+				const pct = hitPercentOf(point.totals);
+				const share = mode === "hit" ? pct === void 0 ? 0 : Math.max(pct, 2) : max === 0 ? 0 : point.totals.totalTokens / max * 100;
+				const tone = mode === "hit" ? pct === void 0 ? "empty" : pct >= 80 ? "ok" : pct >= 50 ? "mid" : "low" : point.totals.totalTokens === 0 ? "empty" : "ok";
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: CodeArtsPluginCard_module_css_default.trendSlot,
+					title: `${point.label} · ${trendDetail(point.totals, t)}`,
+					onMouseEnter: () => setHovered(index),
+					onMouseLeave: () => setHovered(null),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodeArtsPluginCard_module_css_default.trendBar,
+						"data-tone": tone,
+						style: { height: `${share}%` }
+					})
+				}, point.key);
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: CodeArtsPluginCard_module_css_default.trendAxis,
+			children: points.map((point, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: CodeArtsPluginCard_module_css_default.trendAxisSlot,
+				children: index % axisEvery === 0 ? point.label : ""
+			}, point.key))
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: CodeArtsPluginCard_module_css_default.trendTip,
+			children: shown === void 0 ? hint : `${shown.label} · ${trendDetail(shown.totals, t)}`
+		})
+	] });
+}
+/** 一格趋势的明细文案：输入 / 缓存 / 命中率 / 请求数（输出与思考在明细卡里看）。 */
+function trendDetail(totals, t) {
+	const pct = hitPercentOf(totals);
+	return [
+		t("usageStatIn", { n: formatTokens$1(totals.promptTokens) }),
+		`${t("usageTipCached")} ${formatTokens$1(totals.cachedTokens ?? 0)}`,
+		`${t("usageTipHit")} ${pct === void 0 ? "—" : `${pct}%`}`,
+		t("usageRequestCount", { n: formatCount(totals.requests) })
+	].join(" · ");
+}
+/**
 * 用量区块。
 *
 * 只展示**本机经插件发出**的请求（不等于账号总额度 —— 账号额度见上方积分区块）；
@@ -610,6 +682,37 @@ function UsageSection({ usage, accounts, t }) {
 						})
 					]
 				}),
+				(usage.recentDays ?? []).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,
+					children: t("usageTrendWeek")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageTrend, {
+					mode: "hit",
+					axisEvery: 1,
+					hint: t("usageTrendHint"),
+					points: (usage.recentDays ?? []).map((day) => ({
+						key: day.date,
+						label: day.date.slice(5),
+						totals: day.totals
+					})),
+					t
+				})] }),
+				(usage.todayByHour ?? []).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,
+					children: t("usageTrendHour")
+				}), (usage.todayByHour ?? []).some((entry) => entry.totals.requests > 0) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageTrend, {
+					mode: "volume",
+					axisEvery: 6,
+					hint: t("usageTrendHint"),
+					points: (usage.todayByHour ?? []).map((entry) => ({
+						key: String(entry.hour),
+						label: String(entry.hour),
+						totals: entry.totals
+					})),
+					t
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: CodeArtsPluginCard_module_css_default.trendTip,
+					children: t("usageTrendHourEmpty")
+				})] }),
 				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,
 					children: t("usageByAccount")
@@ -656,7 +759,7 @@ function UsageSection({ usage, accounts, t }) {
 	});
 }
 function CodeArtsPluginCard({ t }) {
-	const [status, setStatus] = (0, react.useState)(null);
+	const [status, setStatus] = (0, react.useState)(lastStatusSnapshot);
 	const [token, setToken] = (0, react.useState)("");
 	const [label, setLabel] = (0, react.useState)("");
 	const [busy, setBusy] = (0, react.useState)(false);
@@ -688,6 +791,13 @@ function CodeArtsPluginCard({ t }) {
 	const [dockWritable, setDockWritable] = (0, react.useState)(false);
 	const [dockSaving, setDockSaving] = (0, react.useState)(false);
 	const [dockError, setDockError] = (0, react.useState)(null);
+	/**
+	* 首次读取状态的三态。为什么要单独记：`status === null` 只说明「还没读到」，
+	* 直接按它画就会先闪一下「未登录」，等数据回来再翻成「已登录」—— 看起来像
+	* 掉线又自己好了。只有服务端明确回 signed-out 才允许画登录框。
+	*/
+	const [statusPhase, setStatusPhase] = (0, react.useState)(lastStatusSnapshot === null ? "loading" : "ready");
+	const [loadError, setLoadError] = (0, react.useState)(null);
 	async function refreshDock() {
 		try {
 			const res = await fetch("/api/codearts/dock", { headers: { Accept: "application/json" } });
@@ -791,14 +901,16 @@ function CodeArtsPluginCard({ t }) {
 	}
 	async function refresh() {
 		try {
-			const data = await (await fetch("/api/codearts/status", { headers: { Accept: "application/json" } })).json();
+			const res = await fetch("/api/codearts/status", { headers: { Accept: "application/json" } });
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			const data = await res.json();
+			lastStatusSnapshot = data;
 			setStatus(data);
-		} catch {
-			setStatus({
-				status: "signed-out",
-				models: [],
-				accounts: []
-			});
+			setLoadError(null);
+			setStatusPhase("ready");
+		} catch (error) {
+			setLoadError(error instanceof Error ? error.message : String(error));
+			setStatusPhase((phase) => phase === "ready" ? "ready" : "failed");
 		}
 	}
 	async function refreshSelection() {
@@ -1024,6 +1136,10 @@ function CodeArtsPluginCard({ t }) {
 	}
 	const signedIn = status?.status === "signed-in";
 	const expired = status?.status === "expired";
+	/** 首次数据还没回来：标题栏说「加载中」，正文放骨架，别画登录框。 */
+	const loading = statusPhase === "loading";
+	/** 连状态都读不到（服务没起 / 路由 404）：给错误和重试，不要假装没登录。 */
+	const failed = statusPhase === "failed" && status === null;
 	const accounts = status?.accounts ?? [];
 	const accountName = (account) => account.label?.trim() || account.userName?.trim() || account.id;
 	/**
@@ -1038,8 +1154,10 @@ function CodeArtsPluginCard({ t }) {
 		if (Number.isFinite(exp)) parts.push(exp <= Date.now() ? t("accountExpired", { time: formatStored(exp) }) : t("accountExpires", { time: formatStored(exp) }));
 		return parts.join(" · ");
 	};
-	const dotState = signedIn ? "done" : expired ? "warning" : "idle";
-	const statusText = signedIn ? t("statusSignedIn") : expired ? t("statusExpired") : t("statusSignedOut");
+	const dotState = !loading && signedIn ? "done" : !loading && expired ? "warning" : "idle";
+	const statusText = loading ? t("statusLoading") : failed ? t("statusUnavailable") : signedIn ? t("statusSignedIn") : expired ? t("statusExpired") : t("statusSignedOut");
+	/** 读不到状态时别在下面写「去登录」—— 用户可能已经登录了，只是接口没起来。 */
+	const descText = loading ? t("descLoading") : failed ? null : signedIn ? t("descSignedIn") : t("descSignedOut");
 	const storedTime = formatStored(status?.storedAt);
 	const storedLabel = status?.label?.trim() ?? "";
 	const meta = !signedIn || storedTime === "" ? "" : storedLabel === "" ? t("storedMetaNoLabel", { time: storedTime }) : t("storedMeta", {
@@ -1117,15 +1235,15 @@ function CodeArtsPluginCard({ t }) {
 						className: CodeArtsPluginCard_module_css_default.meta,
 						children: meta
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					descText !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.desc,
-						children: signedIn ? t("descSignedIn") : t("descSignedOut")
+						children: descText
 					})
 				]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 				variant: "outline",
 				size: "sm",
-				disabled: busy,
+				disabled: busy || loading,
 				onClick: () => void refresh(),
 				children: t("refresh")
 			})]
@@ -1136,7 +1254,31 @@ function CodeArtsPluginCard({ t }) {
 					className: CodeArtsPluginCard_module_css_default.error,
 					children: status.piAiError
 				}),
-				signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CodeArtsPluginCard_module_css_default.section,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: CodeArtsPluginCard_module_css_default.error,
+						children: t("loadFailed", { message: loadError ?? "" })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: CodeArtsPluginCard_module_css_default.actions,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							size: "sm",
+							disabled: busy,
+							onClick: () => void refresh(),
+							children: t("retry")
+						})
+					})]
+				}) : loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CodeArtsPluginCard_module_css_default.skeleton,
+					"aria-busy": "true",
+					"aria-label": t("statusLoading"),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: CodeArtsPluginCard_module_css_default.skeletonRow }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: CodeArtsPluginCard_module_css_default.skeletonRow }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: CodeArtsPluginCard_module_css_default.skeletonRow })
+					]
+				}) : signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
 						className: CodeArtsPluginCard_module_css_default.tabs,
 						items: tabs,
@@ -2149,13 +2291,13 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 }
 var CodeArtsPanel_module_css_default = {
 	"icon": "Z66cgG_icon",
+	"page": "Z66cgG_page",
+	"body": "Z66cgG_body",
+	"back": "Z66cgG_back",
 	"backCaret": "Z66cgG_backCaret",
 	"title": "Z66cgG_title",
 	"head": "Z66cgG_head",
-	"desc": "Z66cgG_desc",
-	"back": "Z66cgG_back",
-	"page": "Z66cgG_page",
-	"body": "Z66cgG_body"
+	"desc": "Z66cgG_desc"
 };
 //#endregion
 //#region src/client/CodeArtsPanel.tsx
@@ -2170,17 +2312,28 @@ function CodeArtsPanelIcon({ size }) {
 		fill: "none",
 		"aria-hidden": "true",
 		focusable: "false",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			d: "M9.9 2.6a1.4 1.4 0 0 1 2 0l1.5 1.5a1.4 1.4 0 0 1 0 2l-6.4 6.4-3.6.9a.6.6 0 0 1-.7-.7l.9-3.6 6.3-6.5Z",
-			stroke: "currentColor",
-			strokeWidth: "1.2",
-			strokeLinejoin: "round"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			d: "M8.9 3.6 12.4 7.1",
-			stroke: "currentColor",
-			strokeWidth: "1.2",
-			strokeLinecap: "round"
-		})]
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M6 2.6h6.5A1.5 1.5 0 0 1 14 4.1V10.8",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M2 6.2v6.1a1.5 1.5 0 0 0 1.5 1.5h6.1",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M9.3 5.9 6.7 10.9",
+				stroke: "currentColor",
+				strokeWidth: "1",
+				strokeLinecap: "round"
+			})
+		]
 	});
 }
 /** 侧边栏入口页：一个返回按钮 + 标题，正文直接复用设置里那张卡片。 */
@@ -2228,6 +2381,11 @@ const zh = {
 	statusExpired: "凭证已过期",
 	descSignedIn: "凭证已就绪，勾选的模型会出现在模型选择器里。",
 	descSignedOut: "用华为云账号登录，或手动粘贴一个 CodeArts cloud_dragon_token。",
+	statusLoading: "加载中…",
+	statusUnavailable: "状态读取失败",
+	descLoading: "正在读取账号、模型与用量…",
+	loadFailed: "读不到插件状态（{message}）",
+	retry: "重试",
 	storedMeta: "{label} · 存于 {time}",
 	storedMetaNoLabel: "存于 {time}",
 	refresh: "刷新",
@@ -2292,6 +2450,10 @@ const zh = {
 	usageStatHit: "缓存命中",
 	usageStatRequests: "今日请求",
 	usageRequests: "{n} 次请求",
+	usageTrendWeek: "近 7 天 · 缓存命中率",
+	usageTrendHour: "今天 · 逐小时 token",
+	usageTrendHint: "悬停柱子看那一格明细",
+	usageTrendHourEmpty: "今天还没有逐小时数据（启用前的小时不回填）",
 	usageByAccount: "今日按账号",
 	usageRequestCount: "{n} 条",
 	usageTokens: "输入 {prompt} · 输出 {completion}",
@@ -2366,6 +2528,11 @@ const en = {
 	statusExpired: "Credential expired",
 	descSignedIn: "Credential is ready. Checked models show up in the model picker.",
 	descSignedOut: "Sign in with your Huawei Cloud account, or paste a CodeArts cloud_dragon_token.",
+	statusLoading: "Loading…",
+	statusUnavailable: "Status unavailable",
+	descLoading: "Reading accounts, models and usage…",
+	loadFailed: "Could not read plugin status ({message})",
+	retry: "Retry",
 	storedMeta: "{label} · stored {time}",
 	storedMetaNoLabel: "stored {time}",
 	refresh: "Refresh",
@@ -2430,6 +2597,10 @@ const en = {
 	usageStatHit: "Cache hit",
 	usageStatRequests: "Today requests",
 	usageRequests: "{n} request(s)",
+	usageTrendWeek: "Last 7 days · cache hit rate",
+	usageTrendHour: "Today · tokens by hour",
+	usageTrendHint: "Hover a bar for that slot",
+	usageTrendHourEmpty: "No hourly data yet today (hours before this feature are not backfilled)",
 	usageByAccount: "Today by account",
 	usageRequestCount: "{n} reqs",
 	usageTokens: "in {prompt} · out {completion}",

package/lib/index.d.mts

@@ -1347,6 +1347,24 @@ interface UsageSnapshot {
   byAccountToday: Record<string, UsageTotals>;
   /** 账本覆盖的天数（便于「数据从哪天开始」的说明）。 */
   days: number;
+  /**
+   * 最近 {@link TREND_DAYS} 天（含今天，按日期升序）的每日合计；没账目的日子补 0。
+   *
+   * 补 0 而不是跳过：横轴要固定 7 格，否则「昨天没跑」和「昨天丢了」看不出区别。
+   */
+  recentDays: {
+    date: string;
+    totals: UsageTotals;
+  }[];
+  /**
+   * 今天 0 点到 23 点的逐小时合计（固定 24 项，还没到的钟点补 0）。
+   *
+   * 命中率曲线用它 —— 一次长会话把命中率拉低、隔一小时又回来，按天的粒度看不见。
+   */
+  todayByHour: {
+    hour: number;
+    totals: UsageTotals;
+  }[];
   /** 最近一次记账时间（epoch ms）。 */
   lastAt?: number;
 }
@@ -1385,10 +1403,21 @@ declare class CodeArtsUsageTracker {
   noteRequest(accountId: string, model: string, at?: number): void;
   /** 记一次 usage 帧。 */
   noteUsage(accountId: string, model: string, raw: RawUsage | undefined, at?: number): void;
-  /** 丢弃保留期之外的天（按日期键比较即可，YYYY-MM-DD 是字典序）。 */
+  /** 一天里的逐小时桶，第一次写的时候才建（老账本没有这个键）。 */
+  private hoursOf;
+  /**
+   * 丢弃保留期之外的天（按日期键比较即可，YYYY-MM-DD 是字典序）。
+   *
+   * 顺带把两天之前的**小时桶**清掉：逐小时数据只有「今天按小时」在画，留着只是
+   * 让 60 天的账本多出一个数量级的体积。
+   */
   private prune;
   /** 当前快照（卡片与 CLI 都读它）。 */
   snapshot(at?: number): UsageSnapshot;
+  /** 最近 TREND_DAYS 天的每日合计（按日期升序，缺账目的日子补 0）。 */
+  private recentDaysOf;
+  /** 今天 0 点起的 24 个钟点（还没到的小时补 0，横轴才有固定的 24 格）。 */
+  private todayByHourOf;
   private scheduleSave;
   /** 立即落盘（关停时调用，别丢最后几秒的账）。 */
   flush(): Promise<void>;

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-DGIuT79_.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-4B0o-CQN.mjs";
 import { i as lazyApi, r as createProvider } from "./models-CgKCibpk.mjs";
 import z from "@deepseek-ai/schemastery";
 import { randomBytes, timingSafeEqual } from "node:crypto";
@@ -1650,6 +1650,8 @@ function usageOf(deps) {
 		byModelToday: snapshot?.byModelToday ?? [],
 		byAccountToday: snapshot?.byAccountToday ?? {},
 		days: snapshot?.days ?? 0,
+		recentDays: snapshot?.recentDays ?? [],
+		todayByHour: snapshot?.todayByHour ?? [],
 		...snapshot?.lastAt === void 0 ? {} : { lastAt: snapshot.lastAt },
 		slots: slotsOf(deps)
 	};

package/lib/{usage-DGIuT79_.mjs → usage-4B0o-CQN.mjs}

@@ -2769,6 +2769,14 @@ function localDateKey(at = Date.now()) {
 	const p = (n) => String(n).padStart(2, "0");
 	return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
 }
+/** 本地小时键 `00`..`23`（同样按本地时间切，跨零点的那一小时不会错位）。 */
+function localHourKey(at = Date.now()) {
+	return localHourKeyOfHour(new Date(at).getHours());
+}
+/** 0..23 -> `00`..`23`（小时桶的键）。 */
+function localHourKeyOfHour(hour) {
+	return String(hour).padStart(2, "0");
+}
 function positiveInt(value) {
 	return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.floor(value) : 0;
 }
@@ -2879,9 +2887,14 @@ var CodeArtsUsageTracker = class {
 				if (typeof day !== "object" || day === null) continue;
 				const models = normalizeStore(day.models);
 				const accounts = normalizeStore(day.accounts);
-				this.days.set(date, {
+				const hours = day.hours;
+				this.days.set(date, hours === void 0 ? {
 					models,
 					accounts
+				} : {
+					models,
+					accounts,
+					hours: normalizeStore(hours)
 				});
 			}
 			this.prune(this.now());
@@ -2915,6 +2928,7 @@ var CodeArtsUsageTracker = class {
 		const day = this.day(localDateKey(at));
 		addTotals(this.bucket(day.models, model), { requests: 1 });
 		addTotals(this.bucket(day.accounts, accountId), { requests: 1 });
+		addTotals(this.bucket(this.hoursOf(day), localHourKey(at)), { requests: 1 });
 		this.lastAt = at;
 		this.prune(at);
 		this.scheduleSave();
@@ -2926,15 +2940,28 @@ var CodeArtsUsageTracker = class {
 		const day = this.day(localDateKey(at));
 		addTotals(this.bucket(day.models, model), usage);
 		addTotals(this.bucket(day.accounts, accountId), usage);
+		addTotals(this.bucket(this.hoursOf(day), localHourKey(at)), usage);
 		this.lastAt = at;
 		this.prune(at);
 		this.scheduleSave();
 	}
-	/** 丢弃保留期之外的天（按日期键比较即可，YYYY-MM-DD 是字典序）。 */
+	/** 一天里的逐小时桶，第一次写的时候才建（老账本没有这个键）。 */
+	hoursOf(day) {
+		day.hours ??= {};
+		return day.hours;
+	}
+	/**
+	* 丢弃保留期之外的天（按日期键比较即可，YYYY-MM-DD 是字典序）。
+	*
+	* 顺带把两天之前的**小时桶**清掉：逐小时数据只有「今天按小时」在画，留着只是
+	* 让 60 天的账本多出一个数量级的体积。
+	*/
 	prune(at) {
 		if (this.days.size === 0) return;
 		const cutoff = localDateKey(at - 5184e6);
-		for (const date of [...this.days.keys()]) if (date < cutoff) this.days.delete(date);
+		const hourCutoff = localDateKey(at - 1728e5);
+		for (const [date, day] of [...this.days.entries()]) if (date < cutoff) this.days.delete(date);
+		else if (date < hourCutoff && day.hours !== void 0) delete day.hours;
 	}
 	/** 当前快照（卡片与 CLI 都读它）。 */
 	snapshot(at = this.now()) {
@@ -2961,9 +2988,36 @@ var CodeArtsUsageTracker = class {
 			})).sort((a, b) => b.totals.totalTokens - a.totals.totalTokens || (a.id < b.id ? -1 : 1)),
 			byAccountToday: Object.fromEntries(Object.entries(today?.accounts ?? {}).map(([id, totals]) => [id, { ...totals }])),
 			days: this.days.size,
+			recentDays: this.recentDaysOf(at),
+			todayByHour: this.todayByHourOf(today, at),
 			...this.lastAt === void 0 ? {} : { lastAt: this.lastAt }
 		};
 	}
+	/** 最近 TREND_DAYS 天的每日合计（按日期升序，缺账目的日子补 0）。 */
+	recentDaysOf(at) {
+		const out = [];
+		for (let back = 6; back >= 0; back -= 1) {
+			const date = localDateKey(at - back * 864e5);
+			const day = this.days.get(date);
+			out.push({
+				date,
+				totals: day === void 0 ? emptyTotals() : sumOf(day.models)
+			});
+		}
+		return out;
+	}
+	/** 今天 0 点起的 24 个钟点（还没到的小时补 0，横轴才有固定的 24 格）。 */
+	todayByHourOf(today, at) {
+		const hours = today?.hours ?? {};
+		const currentHour = new Date(at).getHours();
+		return Array.from({ length: 24 }, (_, hour) => {
+			const totals = hours[localHourKeyOfHour(hour)];
+			return {
+				hour,
+				totals: hour > currentHour || totals === void 0 ? emptyTotals() : { ...totals }
+			};
+		});
+	}
 	scheduleSave() {
 		if (this.path === void 0) return;
 		if (this.saveTimer !== void 0) return;

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.5",
+  "version": "1.2.7",
   "packageManager": "pnpm@11.24.0",
   "author": "elegant01",
   "keywords": [