balance-dsh 2.0.5 → 2.0.6

package/lib/client.js

@@ -20,7 +20,7 @@ window.__ModuleLoader__.load({
    左缘与设置按钮严格对齐，高度/颜色一致（金额 600 加粗）。
    布局：[meta + 刻度条（竖排，居中）] [金额（最右）] */
 .balance-footer{position:relative;isolation:isolate;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;height:42px;margin:0;padding:0 0 0 8px;color:var(--dsw-alias-label-primary);font-size:14px;line-height:22px;text-decoration:none;cursor:pointer;white-space:nowrap;overflow:visible;-webkit-user-select:none;user-select:none}
-/* 带 meta 行时整块变高：42px 装不下「一行 11px 文字 + 13px 轨道」，改成自适应 */
+/* 带 meta 行时整块变高：42px 装不下「一行 11px 文字 + 13px 轨道」，改成自适应。 */
 .balance-footer--stacked{height:auto;min-height:42px;padding-top:5px;padding-bottom:5px}
 /* 整行都是热区（单击统计面板 / 双击用量页 / 右键刷新；交互挂在 .balance-stats-anchor、捕获阶段）。
    不给整行画 hover / active 底色——那圈圆角高亮框在侧边栏里太显眼，
@@ -105,11 +105,7 @@ window.__ModuleLoader__.load({
    height:auto，撑得住），而不是把胶囊顶出去。 */
 .balance-footer__timeline-meta{display:inline-flex;align-items:center;gap:6px;row-gap:3px;flex-wrap:wrap;justify-content:center;max-width:100%;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-tertiary,#8a8a8a);margin:0}
 .balance-footer__timeline-meta-item{flex:none;white-space:nowrap}
-/* 「今日 ¥x」独占第一行（flex-basis:100%），于是下面那行永远是「空闲 剩 3h57m」。
-   不加这条时宽度够就会并成一行，用户看到的顺序就变成「今日 … 空闲 剩 …」，
-   得不到他要的「空闲跟剩余时间一栏」（2026-10-30 指定）。
-   ⚠️ 必须配 text-align:center：占满 100% 之后默认是左对齐，而下面那行 group 是居中的，
-   两行就会错开（2026-10-30 反馈「今日消费位置不对」）。 */
+/* 「今日 ¥x」独占第一行（flex-basis:100%）并居中，与下面「空闲 剩 3h57m」那一行左对齐成组。 */
 .balance-footer__timeline-meta-item--today{flex:0 0 100%;text-align:center}
 /* 「今日 ¥x」数据没到时的占位：不可见但占位，高度先占好，数据到了只换文字、不动布局。
    ⚠️ 不要改回条件渲染或 display:none —— 那会让 meta 行从 1 行变 2 行，
@@ -215,6 +211,9 @@ window.__ModuleLoader__.load({
 .balance-usage-line svg{flex:none;width:14px;height:14px}
 .balance-usage-line:hover,.balance-usage-line[aria-expanded="true"]{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12));color:var(--dsw-alias-label-secondary)}
 .balance-usage-label{text-overflow:ellipsis;min-width:0;overflow:hidden}
+/* 金额那一段单独成类：算完之前显示「计算中…」，别先闪一个随后会变的数字。 */
+.balance-usage-cost{white-space:nowrap;font-variant-numeric:tabular-nums}
+.balance-usage-cost--pending{opacity:.72}
 /* ── 消耗明细浮层：规格照抄 DSH 原生「会话统计」面板（.HS2XBG_panel/.title/.titleRule/.details）── */
 .balance-usage-panel{box-sizing:border-box;position:fixed;z-index:1100;border:0;border-radius:var(--dsw-radius-lg,12px);background:var(--dsw-specific-menu,var(--dsw-alias-bg-module-platform,#242526));width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);backdrop-filter:var(--dsw-menu-backdrop-filter,none);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent,0 8px 24px rgba(0,0,0,.32));color:var(--dsw-alias-label-secondary);cursor:default;padding:16px;font-size:12px;line-height:18px;animation:balance-stats-panel-in .12s var(--ds-ease-in-out,ease-out) both}
 .balance-usage-panel__title{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--dsw-alias-label-primary);font-weight:500}
@@ -380,8 +379,9 @@ window.__ModuleLoader__.load({
 .balance-tip-body{margin:0;font-size:13px;line-height:1.7;color:var(--dsw-alias-label-secondary)}
 /* 节假日数据行：右侧是「状态文案 + 立即同步」两段，窄屏时自动换行靠右。 */
 .balance-settings__calendar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
-.balance-settings__calendar-note{font-size:11.5px;line-height:17px;color:var(--dsw-alias-label-tertiary);text-align:right;font-variant-numeric:tabular-nums;max-width:200px}
+.balance-settings__calendar-note{font-size:11.5px;line-height:17px;color:var(--dsw-alias-label-tertiary);text-align:right;font-variant-numeric:tabular-nums;max-width:100%;word-break:keep-all}
 .balance-settings__calendar-note--warn{color:var(--dsw-alias-state-warn-primary,#d97706)}
+.balance-settings__calendar-note--ok{color:var(--dsw-alias-state-success-primary,#22c55e)}
 .balance-settings__calendar-note--error{color:var(--dsw-alias-state-error-primary,#e5484d)}
 .balance-tip-ok{padding:5px 14px;border:.5px solid transparent;border-radius:var(--dsw-radius-md,8px);background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);font:inherit;font-size:13px;line-height:1.5;cursor:pointer}
 .balance-tip-ok:hover{opacity:.88}
@@ -2393,41 +2393,34 @@ function TimelineBand(props) {
         metaItem(period === "peak" ? "高峰" : "空闲", " balance-footer__timeline-meta-item--" + period, "period"),
       ];
       if (span !== null) tail.push(metaItem("剩 " + formatRemain(span.remainMs), "", "remain"));
-      const metaChildren = [];
-      // 「今日 ¥x」独占一行（CSS 里 flex-basis:100%）。数据没到之前先摆一个不可见占位，
-      // 让这一行的高度从一开始就是最终高度 —— 条件渲染会让整块从 1 行变 2 行，
-      // 侧栏底部（含设置按钮）整体被顶下 14px，那一下重排就是「今日余额弹出来时卡住」。
+      // 「今日 ¥x」是 meta 里的第一项（flex-basis:100%，独占第一行）——
+      // 数据没到之前先摆一个不可见占位，让这一行的高度从一开始就是最终高度 ——
+      // 条件渲染会让整块从 1 行变 2 行，侧栏底部（含设置按钮）整体被顶下 14px，
+      // 那一下重排就是「今日余额弹出来时卡住」。
       // 占位只在「还在等」时出现；确认拿不到（tried 且为 null）就整项不渲染，不留空行。
       const todayCost = today !== null && Number.isFinite(Number(today.cost)) ? Number(today.cost) : null;
       const todayPending = todayCost === null && !todayCache.tried;
+      const metaChildren = [];
       if (todayCost !== null || todayPending) {
-        metaChildren.push(
-          jsx.jsx(
-            "span",
-            {
-              className:
-                "balance-footer__timeline-meta-item balance-footer__timeline-meta-item--today" +
-                (todayCost === null ? " balance-footer__timeline-meta-item--pending" : " balance-footer__timeline-meta-item--in"),
-              children: todayCost === null ? "今日 ¥--" : "今日 ¥" + todayCost.toFixed(2),
-            },
-            "today",
-          ),
-        );
+        metaChildren.push(jsx.jsx("span", {
+          className:
+            "balance-footer__timeline-meta-item balance-footer__timeline-meta-item--today" +
+            (todayCost === null ? " balance-footer__timeline-meta-item--pending" : " balance-footer__timeline-meta-item--in"),
+          children: todayCost === null ? "今日 ¥--" : "今日 ¥" + todayCost.toFixed(2),
+        }, "today"));
       }
-      metaChildren.push(
-        jsx.jsx("span", { className: "balance-footer__timeline-meta-group", children: tail }, "tail"),
-      );
-      const metaNode = jsx.jsx("span", {
-        className: "balance-footer__timeline-meta",
-        children: metaChildren,
-      });
+      metaChildren.push(jsx.jsx("span", { className: "balance-footer__timeline-meta-group", children: tail }, "tail"));
+      const metaNode = jsx.jsx("span", { className: "balance-footer__timeline-meta", children: metaChildren });
       // 新版把「meta 行 + 刻度条」当结构主体，不存在"关掉只剩金额"的形态，
       // 所以这里不看 showPeriodLabel；那个开关只在旧版有意义（见下面的 classic 分支）。
       const timelineBand = buildTimeline(timelineNow);
       // 刷新时不替换时段模块：刻度条保持原样，刷新反馈只落在右侧金额（半透明 + 浪潮）。
-      // 刻度条在 timeline 内部、meta 下方，宽度跟随侧栏（width:100%）：
-      //   [今日 ¥x  /  空闲 剩 3h57m]              [胶囊]
+      // 刻度条在 timeline 内部、meta 下方，宽度跟随侧栏（width:100%）。
+      // 容器是普通 flex（不 wrap），实际排版是两段：
+      //   [                             今日 ¥x]   ← meta 第一行（独占、居中）
+      //   [空闲 剩 3h57m]            [¥x • 空闲]   ← meta 第二行 + 金额胶囊
       //   [==== 刻度条（跟随侧栏宽度）====]
+      // 「今日」占满左列宽度并居中，与下面「空闲 剩 3h57m」在左列内部成组。
       const periodNode = jsx.jsxs("span", {
         className: "balance-footer__timeline",
         children: [
@@ -2481,7 +2474,7 @@ function TimelineBand(props) {
       return withPanel(jsx.jsxs("div", {
         className: "balance-footer balance-footer--stacked",
         children: [
-          // 抹除层覆盖整块显示区（meta 行 + 时段条 + 金额）：白条经过哪里，哪里才显影
+          // 抹除层覆盖整块显示区（today 行 + meta 行 + 时段条 + 金额）：白条经过哪里，哪里才显影
           waveNode,
           periodNode === null
             ? jsx.jsx("span", { className: "balance-footer__spacer" })
@@ -2616,6 +2609,14 @@ function UsageCostLine({ useProjection, sessionId }) {
       // 服务端分桶可能"非 null 但为空"（拿不到该会话事件），此时必须回退本地投影估算，否则金额会显示 ¥0.0000
       const splitUsable =
         split != null && ((Array.isArray(split.byModel) && split.byModel.length > 0) || (split.totalTokens ?? 0) > 0);
+      // 「这个会话问过服务端没有」——没问过就还在算。
+      // 本地估算此时只是临时值：它把**整段历史**按当前时段价一次性乘（高峰窗口里就是 ×2），
+      // 而服务端是按每条消息实际发生的时段分桶。所以高峰时段点进旧会话必然先高后低
+      // （2026-10-30 实测：先显 ¥107、随即跳到 ¥69，比值 1.55 正好是「一半历史在空闲时段」）。
+      // 与其先闪一个会变的数字，不如先显示「计算中…」，拿到结果后一次到位。
+      const splitAsked =
+        sessionId != null && sessionId !== "" && Object.prototype.hasOwnProperty.call(splitMap, sessionId);
+      const costPending = !splitAsked && usageKey > 0;
       const cost = splitUsable ? computeSplitCost(split, p, peakMultiplier) : computeCost(usage, periodAdjustedPricing(p, peakMultiplier));
       const peakTokens = splitUsable ? split.peak.inputTokens + split.peak.cacheReadTokens + split.peak.cacheWriteTokens + split.peak.outputTokens : 0;
       const offpeakTokens = splitUsable ? split.offpeak.inputTokens + split.offpeak.cacheReadTokens + split.offpeak.cacheWriteTokens + split.offpeak.outputTokens : 0;
@@ -2642,7 +2643,11 @@ function UsageCostLine({ useProjection, sessionId }) {
           ? jsx.jsx(primitives.IconDatabaseOutlineRegular, { key: "icon" })
           : null,
         jsx.jsx("span", { key: "label", className: "balance-usage-label", children: "本会话消耗" }),
-        jsx.jsx("span", { key: "cost", className: "balance-usage-label", children: "≈ ¥" + cost.toFixed(4) }),
+        jsx.jsx("span", {
+          key: "cost",
+          className: "balance-usage-cost" + (costPending ? " balance-usage-cost--pending" : ""),
+          children: costPending ? "计算中…" : "≈ ¥" + cost.toFixed(4),
+        }),
       ];
 
       // ── 点击展开的明细浮层（结构与 DSH 原生「会话统计」一致：标题 + 分隔线 + dl 两列网格）──
@@ -2670,6 +2675,13 @@ function UsageCostLine({ useProjection, sessionId }) {
         ["计费 tokens", formatTokens(billedTotal) + " tok"],
         ["模型", model || "未知（按 flash 价估算）"],
       ];
+      // 金额口径要写明白：算完 = 服务端逐条按发生时段分桶；算完前 / 拿不到 = 本地按当前时段估算。
+      // 估算会把整段历史按「此刻」的峰谷价乘一次，高峰窗口里自然偏高 —— 说清楚，别让它冒充精确值。
+      if (costPending) {
+        costDetails.push(["金额", "计算中（正在取服务端分时段用量）"]);
+      } else if (!splitUsable) {
+        costDetails.push(["金额", "按当前时段估算（服务端未返回分桶）"]);
+      }
       if (splitUsable) {
         costDetails.push(
           ["高峰 tokens", formatTokens(peakTokens) + " tok"],
@@ -2965,19 +2977,30 @@ function UsageCostLine({ useProjection, sessionId }) {
       const [calendarSync, setCalendarSync] = react.useState({ kind: "idle", text: "" });
       const calendarBusy = calendarSync.kind === "syncing";
       const calendarSummary = (() => {
-        if (calendarSync.kind === "ok" || calendarSync.kind === "error") return calendarSync.text;
+        // 同步失败：直接把服务端给的原因摆出来，别拿旧数据冒充成功。
+        if (calendarSync.kind === "error") return calendarSync.text;
+        // 只要有数据就一律显示同一句「已同步 N 天 · 上次同步时刻 · 待公布」——
+        // **同步成功之后同样要显示时刻**（2026-10-30 反馈「只有在同步过程中才显示上次同步时间」）。
+        // 旧写法让 ok 分支返回另拼的一句「已更新 2025 / 2026（72 天）（2027 待公布）」：
+        // 既丢了时刻，又把年份列表塞回来，200px 宽里直接折成两行、断在「公布)」中间。
+        // 现在 ok 只负责变色（--ok 绿），文案一律由这里按缓存渲染。
         if (calendar.fetchedAt > 0) {
           const at = new Date(calendar.fetchedAt);
           const stamp =
             at.getFullYear() + "-" + String(at.getMonth() + 1).padStart(2, "0") + "-" +
             String(at.getDate()).padStart(2, "0") + " " + String(at.getHours()).padStart(2, "0") + ":" +
             String(at.getMinutes()).padStart(2, "0");
-          const years = calendar.years.length > 0 ? calendar.years.join(" / ") : "—";
           // 只报日期与时刻，不报完整年份列表：那串太长会把左边的标题挤成一字一行。
           // 「同步了哪几年」由服务端 days 的键直接决定，用户点「立即同步」那边也能看到。
-          const pending = calendar.missing.length > 0 ? " · " + calendar.missing.join(" / ") + " 待公布" : "";
+          // 「2027 待公布」内部用不换行空格（\\u00A0）焊死：卡片窄到 298px 时，
+          // 普通空格会允许断在「2027」和「待公布」之间，把这三个字拆成两行（实测）。
+          // 焊死后只可能断在前面的「 · 」处，两行就是「已同步…时刻」/「· 2027 待公布」。
+          const pending = calendar.missing.length > 0
+            ? " · " + calendar.missing.map(String).join("\u00A0/\u00A0") + "\u00A0待公布"
+            : "";
           return "已同步 " + calendar.count + " 天 · " + stamp.slice(5) + pending;
         }
+        if (calendarSync.kind === "syncing") return "正在同步…";
         return "尚未同步，正在用插件内置表。";
       })();
       const onSyncCalendar = async () => {
@@ -2986,14 +3009,9 @@ function UsageCostLine({ useProjection, sessionId }) {
         try {
           const data = await syncCalendar();
           if (data && data.ok === true) {
-            const years = Array.isArray(data.years) && data.years.length > 0 ? data.years.join(" / ") : "—";
-            const pending = Array.isArray(data.pending) && data.pending.length > 0
-              ? "（" + data.pending.join(" / ") + " 待公布）"
-              : "";
-            setCalendarSync({
-              kind: "ok",
-              text: "已更新 " + years + "（" + (Number(data.added) || 0) + " 天）" + pending,
-            });
+            // 成功不另拼一句文案：syncCalendar() 内部已经 adoptCalendar(data) 刷新了缓存，
+            // calendarSummary 会带着新的同步时刻自己重渲染；这里只把状态切成 ok（绿色）。
+            setCalendarSync({ kind: "ok", text: "" });
           } else {
             setCalendarSync({
               kind: "error",
@@ -3473,9 +3491,11 @@ function UsageCostLine({ useProjection, sessionId }) {
                           "balance-settings__calendar-note" +
                           (calendarSync.kind === "error"
                             ? " balance-settings__calendar-note--error"
-                            : calendar.fetchedAt > 0
-                              ? ""
-                              : " balance-settings__calendar-note--warn"),
+                            : calendarSync.kind === "ok"
+                              ? " balance-settings__calendar-note--ok"
+                              : calendar.fetchedAt > 0
+                                ? ""
+                                : " balance-settings__calendar-note--warn"),
                         children: calendarSummary,
                       }),
                       jsx.jsx("button", {

package/lib/index.js

@@ -527,7 +527,7 @@ function formatBalance(balance) {
 //                          | { status:"failed" }  （网络失败；官方明确“失败绝不变成 0 余额”）
 // client 是 AccountClientMetadata（version / locale / timezoneOffsetSeconds），
 // 缺字段会在平台侧组装请求头时抛错，所以三个字段都要给。
-const PLUGIN_VERSION = "2.0.5";
+const PLUGIN_VERSION = "2.0.6";
 
 // ─── 检查更新 ───────────────────────────────────────────────────────────────
 // 只查 npm registry 的 latest 标签（一个很小的 JSON），不下载任何东西。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "balance-dsh",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "在 DeepSeek Harness 中显示 DeepSeek 账户余额和当前会话 token/费用消耗（含高峰/空闲峰谷计费）。仅支持 DeepSeek 官方模型与账号，暂不支持其他大模型。",
   "author": "Rannist",
   "type": "module",