dsh-codearts 1.2.7 → 1.2.9

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 本文件记录本插件的重要改动。格式参考 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)，
 版本号遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [1.2.9] - 2026-11-06
+
+### 变更
+
+- **热力图的悬停提示统一成明细卡**：日历格子和逐小时格子原来只有浏览器原生
+  `title`（一个灰底小文字框），下面再挂一行同内容的小字；现在和「按账号 / 按模型」
+  的用量条共用同一张悬停卡 —— 标题、分隔线、输入 / 输出 / 思考 / 缓存 / 请求 /
+  命中率，数字精确到个位。卡片贴着指针画（格子只有 36px 宽，锚在格子上会横穿整张
+  卡片），靠近视口右/下边界时自动翻到另一侧。底部那行改成固定的操作提示，不再复述
+  明细。
+
+## [1.2.8] - 2026-11-05
+
+### 变更
+
+- **用量页的柱状图改成当月日历热力图**：7 列是周一到周日，从 1 号铺到最后一天，
+  格子里的数字是「几号」，底色深浅是那天的 token 量分 5 档。绿阶取自 agent-acta
+  的活跃热力图（`#ddf4e7` → `#16a34a`），不再拿主题灰做档位 —— 灰阶在深色卡片上
+  根本分不出档。没用量但属于本月的格子留浅底，本月未来的日子只留压暗的日期数字，
+  今天用加粗 + 底部一条同色短线标出来（不画边框：浅色主题下内描边会被读成一圈黑边）。
+  图例「少 ▢▢▢▢▢ 多」在日历正上方（不在日历和明细行之间），色块和格子同源。
+  悬停任意一格，底部那行显示当天的输入 / 缓存 / 命中率 / 请求数，和 `title` 一致。
+- **逐小时也改成一格一格的**：今天 24 格一行，同一套绿阶，轴每 6 格标一个钟点。
+- **趋势窗口从 7 天扩到 35 天**：`usage.recentDays` 由 7 格变 35 格（刚好覆盖任意一个
+  自然月）；旧宿主只给 7 格时照常画，月历里没数据的日子会退成压暗的日期。
+
 ## [1.2.7] - 2026-11-05
 
 ### 变更

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

package/lib/client/index.d.cts

@@ -89,6 +89,11 @@ interface CodeArtsSettingsKey {
   usageTrendHint: string;
   /** 逐小时是本次新增口径，启用前的小时不回填。 */
   usageTrendHourEmpty: string;
+  /** 热力图顶上的星期行（周一…周日，空格分隔，前端 split(' ') 成 7 列）。 */
+  usageHeatWeekdays: string;
+  /** 热力图档位图例的两端：少 ▢▢▢▢▢ 多。 */
+  usageHeatLess: string;
+  usageHeatMore: 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_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 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_usageTip[data-float=true]{z-index:40;position:fixed;bottom:auto;right:auto}.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_heatGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:8px 0 2px;display:grid}.xoziZG_heatWeekday{color:var(--dsw-alias-label-tertiary);text-align:center;font-size:10px;line-height:14px}.xoziZG_heatCell{background:color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);height:36px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;border:0;border-radius:8px;outline:0;justify-content:center;align-items:center;font-size:12px;transition:background .12s ease-out;display:flex}.xoziZG_heatCell[data-tone=empty]{color:var(--dsw-alias-label-tertiary)}.xoziZG_heatCell[data-tone=pad]{background:0 0}.xoziZG_heatCell[data-tone=out]{color:var(--dsw-alias-label-tertiary);opacity:.45;background:0 0}.xoziZG_heatCell[data-tone=lv1]{color:#0f1115;background:#ddf4e7}.xoziZG_heatCell[data-tone=lv2]{color:#0f1115;background:#b3e8cc}.xoziZG_heatCell[data-tone=lv3]{color:#0f1115;background:#7dd8ac}.xoziZG_heatCell[data-tone=lv4]{color:#fff;background:#40c584}.xoziZG_heatCell[data-tone=lv5]{color:#fff;background:#16a34a}.xoziZG_heatCell[data-today=true]{font-weight:700;box-shadow:inset 0 -2px}.xoziZG_heatHours{grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;margin:8px 0 0;display:grid}.xoziZG_heatHourCell{background:color-mix(in srgb, var(--dsw-alias-label-primary) 6%, transparent);border-radius:4px;height:26px;transition:background .12s ease-out}.xoziZG_heatHourCell[data-tone=lv1]{background:#ddf4e7}.xoziZG_heatHourCell[data-tone=lv2]{background:#b3e8cc}.xoziZG_heatHourCell[data-tone=lv3]{background:#7dd8ac}.xoziZG_heatHourCell[data-tone=lv4]{background:#40c584}.xoziZG_heatHourCell[data-tone=lv5]{background:#16a34a}.xoziZG_heatAxis{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;font-size:10px;line-height:14px;display:grid}.xoziZG_heatAxisSlot{text-align:center;white-space:nowrap;overflow:hidden}.xoziZG_heatLegend{color:var(--dsw-alias-label-tertiary);justify-content:flex-start;align-items:center;gap:3px;margin:0 0 6px;font-size:10px;display:flex}.xoziZG_heatLegendChip{border-radius:3px;width:10px;height:10px}.xoziZG_heatLegendChip[data-tone=lv1]{background:#ddf4e7}.xoziZG_heatLegendChip[data-tone=lv2]{background:#b3e8cc}.xoziZG_heatLegendChip[data-tone=lv3]{background:#7dd8ac}.xoziZG_heatLegendChip[data-tone=lv4]{background:#40c584}.xoziZG_heatLegendChip[data-tone=lv5]{background:#16a34a}.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,88 +72,92 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var CodeArtsPluginCard_module_css_default = {
-	"section": "xoziZG_section",
+	"statValue": "xoziZG_statValue",
+	"statSub": "xoziZG_statSub",
+	"check": "xoziZG_check",
+	"body": "xoziZG_body",
+	"barFill": "xoziZG_barFill",
+	"statCard": "xoziZG_statCard",
+	"heatWeekday": "xoziZG_heatWeekday",
 	"creditBlock": "xoziZG_creditBlock",
-	"balance": "xoziZG_balance",
-	"usageTipSep": "xoziZG_usageTipSep",
-	"trendAxisSlot": "xoziZG_trendAxisSlot",
-	"skeletonRow": "xoziZG_skeletonRow",
-	"updated": "xoziZG_updated",
+	"accountCard": "xoziZG_accountCard",
+	"card": "xoziZG_card",
+	"sectionLabel": "xoziZG_sectionLabel",
+	"error": "xoziZG_error",
 	"desc": "xoziZG_desc",
-	"creditHint": "xoziZG_creditHint",
-	"modelChart": "xoziZG_modelChart",
-	"creditRow": "xoziZG_creditRow",
+	"accountRowActions": "xoziZG_accountRowActions",
+	"modelRow": "xoziZG_modelRow",
+	"balanceUnit": "xoziZG_balanceUnit",
+	"balance": "xoziZG_balance",
+	"usageTipRow": "xoziZG_usageTipRow",
 	"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",
+	"heatHourCell": "xoziZG_heatHourCell",
+	"header": "xoziZG_header",
+	"meta": "xoziZG_meta",
+	"tabs": "xoziZG_tabs",
+	"modelChart": "xoziZG_modelChart",
 	"usageTipName": "xoziZG_usageTipName",
-	"creditFooter": "xoziZG_creditFooter",
-	"error": "xoziZG_error",
+	"accountName": "xoziZG_accountName",
+	"heatCell": "xoziZG_heatCell",
+	"heatLegend": "xoziZG_heatLegend",
+	"section": "xoziZG_section",
 	"modelFill": "xoziZG_modelFill",
-	"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",
+	"accountNameRow": "xoziZG_accountNameRow",
 	"claimAllRow": "xoziZG_claimAllRow",
-	"sectionHead": "xoziZG_sectionHead",
-	"usageFill": "xoziZG_usageFill",
-	"modelRequests": "xoziZG_modelRequests",
-	"trendTip": "xoziZG_trendTip",
-	"fieldLabel": "xoziZG_fieldLabel",
-	"statGrid": "xoziZG_statGrid",
-	"skeletonBreath": "xoziZG_skeletonBreath",
-	"modelTokens": "xoziZG_modelTokens",
-	"trendBar": "xoziZG_trendBar",
-	"tabPanel": "xoziZG_tabPanel",
 	"creditLink": "xoziZG_creditLink",
-	"name": "xoziZG_name",
-	"accountHint": "xoziZG_accountHint",
 	"choiceRow": "xoziZG_choiceRow",
-	"modelTrack": "xoziZG_modelTrack",
-	"accountToolbar": "xoziZG_accountToolbar",
-	"accountCard": "xoziZG_accountCard",
-	"accountEntry": "xoziZG_accountEntry",
-	"danger": "xoziZG_danger",
-	"trendSlot": "xoziZG_trendSlot",
-	"headText": "xoziZG_headText",
-	"count": "xoziZG_count",
+	"updated": "xoziZG_updated",
+	"statGrid": "xoziZG_statGrid",
+	"field": "xoziZG_field",
+	"creditRows": "xoziZG_creditRows",
+	"modelRequests": "xoziZG_modelRequests",
 	"manual": "xoziZG_manual",
-	"accountName": "xoziZG_accountName",
-	"balanceRow": "xoziZG_balanceRow",
-	"avatar": "xoziZG_avatar",
+	"skeletonRow": "xoziZG_skeletonRow",
+	"expiryRow": "xoziZG_expiryRow",
 	"manualForm": "xoziZG_manualForm",
+	"name": "xoziZG_name",
+	"usageTip": "xoziZG_usageTip",
+	"avatar": "xoziZG_avatar",
+	"heatAxisSlot": "xoziZG_heatAxisSlot",
+	"modelTokens": "xoziZG_modelTokens",
+	"expiryLabel": "xoziZG_expiryLabel",
+	"heatHours": "xoziZG_heatHours",
+	"heatLegendChip": "xoziZG_heatLegendChip",
+	"heatGrid": "xoziZG_heatGrid",
+	"accountEntry": "xoziZG_accountEntry",
+	"modelName": "xoziZG_modelName",
+	"heatAxis": "xoziZG_heatAxis",
+	"fieldLabel": "xoziZG_fieldLabel",
 	"hint": "xoziZG_hint",
-	"statValue": "xoziZG_statValue",
-	"header": "xoziZG_header",
+	"creditRow": "xoziZG_creditRow",
+	"creditFooter": "xoziZG_creditFooter",
+	"creditHint": "xoziZG_creditHint",
+	"manualSummary": "xoziZG_manualSummary",
+	"skeleton": "xoziZG_skeleton",
+	"headText": "xoziZG_headText",
+	"usageTipSep": "xoziZG_usageTipSep",
 	"accountInfo": "xoziZG_accountInfo",
-	"statLabel": "xoziZG_statLabel",
-	"modelRow": "xoziZG_modelRow",
-	"body": "xoziZG_body",
+	"link": "xoziZG_link",
 	"balanceMeta": "xoziZG_balanceMeta",
-	"barFill": "xoziZG_barFill",
+	"danger": "xoziZG_danger",
+	"trendTip": "xoziZG_trendTip",
+	"skeletonBreath": "xoziZG_skeletonBreath",
+	"count": "xoziZG_count",
+	"modelShare": "xoziZG_modelShare",
+	"statusLine": "xoziZG_statusLine",
+	"usageFill": "xoziZG_usageFill",
+	"usageBar": "xoziZG_usageBar",
+	"choices": "xoziZG_choices",
+	"balanceRow": "xoziZG_balanceRow",
 	"actions": "xoziZG_actions",
-	"statCard": "xoziZG_statCard",
-	"usageBar": "xoziZG_usageBar"
+	"modelTrack": "xoziZG_modelTrack",
+	"accountHint": "xoziZG_accountHint",
+	"tabPanel": "xoziZG_tabPanel",
+	"accountToolbar": "xoziZG_accountToolbar",
+	"sectionHead": "xoziZG_sectionHead",
+	"area": "xoziZG_area",
+	"statLabel": "xoziZG_statLabel"
 };
 //#endregion
 //#region src/client/CodeArtsPluginCard.tsx
@@ -440,6 +444,62 @@ function hitPercentOf(totals) {
 	return Math.min(100, Math.round(cached / totals.promptTokens * 100));
 }
 /**
+* 悬停明细卡的正文：标题（账号 / 模型 / 日期 / 钟点）+ 输入 / 输出 / 思考 / 缓存 /
+* 请求 / 命中率。用量条和热力图格子共用这一份，改文案或加字段只需动这里。
+*/
+function UsageTipBody({ label, totals, t }) {
+	const cached = totals.cachedTokens;
+	const pct = hitPercentOf(totals);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: CodeArtsPluginCard_module_css_default.usageTipName,
+			children: 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, "%"] })]
+		})
+	] });
+}
+/**
+* 悬停卡贴着指针画：热力图格子只有 36px 宽，卡片锚在格子上会横穿整张卡片，
+* 所以和 agent-acta 一样用 fixed + 指针坐标，靠近右下边界时翻到另一侧。
+*/
+function tipPointStyle(point) {
+	const width = 230;
+	const height = 190;
+	const viewWidth = typeof window === "undefined" ? 0 : window.innerWidth;
+	const viewHeight = typeof window === "undefined" ? 0 : window.innerHeight;
+	const left = viewWidth > 0 && point.x + 16 + width > viewWidth ? point.x - 16 - width : point.x + 16;
+	const top = viewHeight > 0 && point.y + 16 + height > viewHeight ? point.y - 16 - height : point.y + 16;
+	return {
+		left: Math.max(8, left),
+		top: Math.max(8, top)
+	};
+}
+/**
 * 横向条形列表：名称 / 条 / token / 占比 / 请求数。
 *
 * 条长按「占组内总量的比例」画（不是按最大值归一化），所以几条加起来就是全部。
@@ -459,8 +519,6 @@ function UsageBars({ rows, t }) {
 			const value = valueOf(row);
 			const share = sum > 0 ? value / sum * 100 : 0;
 			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)
@@ -494,104 +552,181 @@ function UsageBars({ rows, t }) {
 						className: CodeArtsPluginCard_module_css_default.modelRequests,
 						children: t("usageRequestCount", { n: formatCount(totals.requests) })
 					}),
-					hovered === row.id && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					hovered === row.id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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, "%"] })]
-							})
-						]
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageTipBody, {
+							label: row.label,
+							totals,
+							t
+						})
 					})
 				]
 			}, row.id);
 		})
 	});
 }
+/** 一格 token 量在整组里的深浅档：0 是空格，其余按相对最大值分 5 档。 */
+function toneOf(volume, max) {
+	if (volume <= 0 || max <= 0) return "empty";
+	const ratio = volume / max;
+	if (ratio < .15) return "lv1";
+	if (ratio < .35) return "lv2";
+	if (ratio < .6) return "lv3";
+	if (ratio < .85) return "lv4";
+	return "lv5";
+}
+/** 「YYYY-MM-DD」是本地日历日，不能丢给 `new Date(string)`（会被当成 UTC）。返回周一=0…周日=6。 */
+function weekdayOf(date) {
+	const [year, month, day] = date.split("-").map(Number);
+	return (new Date(year, month - 1, day).getDay() + 6) % 7;
+}
 /**
-* 趋势柱：近 7 天按天、今天按小时。
-*
-* 两张图共用一套柱子，但编码不同，因为要看的问题不同：
-*  - `hit`：柱高就是命中率，颜色分档 —— 命中率一掉就能看见，这是诊断「系统提示词
-*    前缀变了 / 上下文突然变长」最直接的信号；
-*  - `volume`：柱高按组内最大值归一化 —— 只用来看「什么时候在跑」，绝对值看悬停。
+* 当月的每日热力图：7 列是周一到周日，格子里的数字是「几号」，底色深浅是那天的 token 量。
 *
-* 悬停柱子时下面那行换成该格明细，移开回到提示语。轴标签只画整数倍格，24 格全画会挤成一片。
+* 画整月而不是「最近 N 天」：日历是熟人界面，缺的格子一眼就知道是「还没到」还是「没用量」；
+* 颜色用 agent-acta 那套绿阶。精确数字（输入 / 缓存 / 命中率 / 条数）全放进悬停提示。
 */
-function UsageTrend({ points, mode, axisEvery, hint, t }) {
+function UsageHeat({ days, 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];
+	/** 指针离开格子就清掉，卡片跟着指针停在那一次进入的位置。 */
+	const [point, setPoint] = (0, react.useState)(null);
+	const last = days.at(-1);
+	const month = last?.date.slice(0, 7) ?? "";
+	const inMonth = days.filter((day) => day.date.startsWith(month));
+	const max = inMonth.reduce((peak, day) => Math.max(peak, day.totals.totalTokens), 0);
+	const [year, monthNo] = month.split("-").map(Number);
+	const span = month === "" ? [] : Array.from({ length: new Date(year, monthNo, 0).getDate() }, (_, index) => {
+		const day = index + 1;
+		const date = `${month}-${String(day).padStart(2, "0")}`;
+		return {
+			date,
+			day,
+			totals: inMonth.find((entry) => entry.date === date)?.totals,
+			future: last !== void 0 && date > last.date
+		};
+	});
+	const offset = month === "" ? 0 : weekdayOf(`${month}-01`);
+	const shown = span.find((entry) => entry.date === 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,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: CodeArtsPluginCard_module_css_default.heatLegend,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageHeatLess") }),
+				[
+					"lv1",
+					"lv2",
+					"lv3",
+					"lv4",
+					"lv5"
+				].map((tone) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: CodeArtsPluginCard_module_css_default.heatLegendChip,
+					"data-tone": tone
+				}, tone)),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("usageHeatMore") })
+			]
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: CodeArtsPluginCard_module_css_default.heatGrid,
+			children: [
+				t("usageHeatWeekdays").split(" ").map((label) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: CodeArtsPluginCard_module_css_default.heatWeekday,
+					children: label
+				}, label)),
+				Array.from({ length: offset }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: CodeArtsPluginCard_module_css_default.heatCell,
+					"data-tone": "pad"
+				}, `pad-${String(index)}`)),
+				span.map((entry) => {
+					const tone = entry.future ? "out" : entry.totals === void 0 ? "empty" : toneOf(entry.totals.totalTokens, max);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodeArtsPluginCard_module_css_default.heatCell,
 						"data-tone": tone,
-						style: { height: `${share}%` }
-					})
-				}, point.key);
+						"data-today": entry.date === last?.date ? "true" : void 0,
+						onMouseEnter: entry.totals === void 0 ? void 0 : (event) => {
+							setHovered(entry.date);
+							setPoint({
+								x: event.clientX,
+								y: event.clientY
+							});
+						},
+						onMouseLeave: entry.totals === void 0 ? void 0 : () => {
+							setHovered(null);
+						},
+						children: entry.day
+					}, entry.date);
+				})
+			]
+		}),
+		shown?.totals !== void 0 && point !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: CodeArtsPluginCard_module_css_default.usageTip,
+			"data-float": "true",
+			role: "tooltip",
+			style: tipPointStyle(point),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageTipBody, {
+				label: shown.date,
+				totals: shown.totals,
+				t
 			})
 		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: CodeArtsPluginCard_module_css_default.trendTip,
+			children: t("usageTrendHint")
+		})
+	] });
+}
+/**
+* 今天逐小时：一行 24 格，深浅同样是相对最大值的档位，轴标签每 6 格画一个。
+*
+* 只在有真实小时桶时画 —— 功能上线前的小时没有回填，全画成空格会被误读成「跑了但没用量」。
+*/
+function UsageHours({ hours, t }) {
+	const [hovered, setHovered] = (0, react.useState)(null);
+	const [point, setPoint] = (0, react.useState)(null);
+	const max = hours.reduce((peak, hour) => Math.max(peak, hour.totals.totalTokens), 0);
+	const shown = hovered === null ? void 0 : hours.find((entry) => entry.hour === 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.heatHours,
+			children: hours.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: CodeArtsPluginCard_module_css_default.heatHourCell,
+				"data-tone": toneOf(entry.totals.totalTokens, max),
+				onMouseEnter: (event) => {
+					setHovered(entry.hour);
+					setPoint({
+						x: event.clientX,
+						y: event.clientY
+					});
+				},
+				onMouseLeave: () => {
+					setHovered(null);
+				}
+			}, entry.hour))
+		}),
 		/* @__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))
+			className: CodeArtsPluginCard_module_css_default.heatAxis,
+			children: hours.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: CodeArtsPluginCard_module_css_default.heatAxisSlot,
+				children: entry.hour % 6 === 0 ? entry.hour : ""
+			}, entry.hour))
+		}),
+		shown !== void 0 && point !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: CodeArtsPluginCard_module_css_default.usageTip,
+			"data-float": "true",
+			role: "tooltip",
+			style: tipPointStyle(point),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageTipBody, {
+				label: `${String(shown.hour).padStart(2, "0")}:00`,
+				totals: shown.totals,
+				t
+			})
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: CodeArtsPluginCard_module_css_default.trendTip,
-			children: shown === void 0 ? hint : `${shown.label} · ${trendDetail(shown.totals, t)}`
+			children: t("usageTrendHint")
 		})
 	] });
 }
-/** 一格趋势的明细文案：输入 / 缓存 / 命中率 / 请求数（输出与思考在明细卡里看）。 */
-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(" · ");
-}
 /**
 * 用量区块。
 *
@@ -685,29 +820,15 @@ 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
-					})),
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageHeat, {
+					days: usage.recentDays ?? [],
 					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
-					})),
+				}), (usage.todayByHour ?? []).some((entry) => entry.totals.requests > 0) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageHours, {
+					hours: usage.todayByHour ?? [],
 					t
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: CodeArtsPluginCard_module_css_default.trendTip,
@@ -2290,14 +2411,14 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var CodeArtsPanel_module_css_default = {
+	"head": "Z66cgG_head",
+	"desc": "Z66cgG_desc",
 	"icon": "Z66cgG_icon",
 	"page": "Z66cgG_page",
+	"backCaret": "Z66cgG_backCaret",
 	"body": "Z66cgG_body",
 	"back": "Z66cgG_back",
-	"backCaret": "Z66cgG_backCaret",
-	"title": "Z66cgG_title",
-	"head": "Z66cgG_head",
-	"desc": "Z66cgG_desc"
+	"title": "Z66cgG_title"
 };
 //#endregion
 //#region src/client/CodeArtsPanel.tsx
@@ -2450,10 +2571,13 @@ const zh = {
 	usageStatHit: "缓存命中",
 	usageStatRequests: "今日请求",
 	usageRequests: "{n} 次请求",
-	usageTrendWeek: "近 7 天 · 缓存命中率",
+	usageTrendWeek: "本月 · 每日 token",
 	usageTrendHour: "今天 · 逐小时 token",
-	usageTrendHint: "悬停柱子看那一格明细",
+	usageTrendHint: "悬停格子看那一格明细",
 	usageTrendHourEmpty: "今天还没有逐小时数据（启用前的小时不回填）",
+	usageHeatWeekdays: "一 二 三 四 五 六 日",
+	usageHeatLess: "少",
+	usageHeatMore: "多",
 	usageByAccount: "今日按账号",
 	usageRequestCount: "{n} 条",
 	usageTokens: "输入 {prompt} · 输出 {completion}",
@@ -2597,10 +2721,13 @@ const en = {
 	usageStatHit: "Cache hit",
 	usageStatRequests: "Today requests",
 	usageRequests: "{n} request(s)",
-	usageTrendWeek: "Last 7 days · cache hit rate",
+	usageTrendWeek: "This month · tokens per day",
 	usageTrendHour: "Today · tokens by hour",
-	usageTrendHint: "Hover a bar for that slot",
+	usageTrendHint: "Hover a cell for that day",
 	usageTrendHourEmpty: "No hourly data yet today (hours before this feature are not backfilled)",
+	usageHeatWeekdays: "Mo Tu We Th Fr Sa Su",
+	usageHeatLess: "Less",
+	usageHeatMore: "More",
 	usageByAccount: "Today by account",
 	usageRequestCount: "{n} reqs",
 	usageTokens: "in {prompt} · out {completion}",

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-4B0o-CQN.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-B2LNsUuR.mjs";
 import { i as lazyApi, r as createProvider } from "./models-CgKCibpk.mjs";
 import z from "@deepseek-ai/schemastery";
 import { randomBytes, timingSafeEqual } from "node:crypto";

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

@@ -2996,7 +2996,7 @@ var CodeArtsUsageTracker = class {
 	/** 最近 TREND_DAYS 天的每日合计（按日期升序，缺账目的日子补 0）。 */
 	recentDaysOf(at) {
 		const out = [];
-		for (let back = 6; back >= 0; back -= 1) {
+		for (let back = 34; back >= 0; back -= 1) {
 			const date = localDateKey(at - back * 864e5);
 			const day = this.days.get(date);
 			out.push({

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