dsh-balance-widget 0.4.5 → 0.5.1

package/README.en.md

@@ -9,11 +9,11 @@
 [![Node 24](https://img.shields.io/badge/Node%2024-ready-brightgreen?style=flat-square)](https://nodejs.org)
 [![Zero deps](https://img.shields.io/badge/dependencies-zero-brightgreen?style=flat-square)]()
 
-A balance & cost widget for the [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) (DSH) Web GUI: a persistent sidebar footer card shows the account balance and a remaining-ratio bar; clicking opens a four-tier cost breakdown (last prompt / this session / today-this-project / today-all).
+A balance & cost widget for the [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) (DSH) Web GUI: a persistent sidebar footer card shows the account balance and today's cost; clicking opens a five-tier cost breakdown (balance / last prompt with its session name / today-this-session / today-this-workspace / today-all-workspaces).
 
 ## Preview
 
-| Sidebar card | Four-tier cost popover |
+| Sidebar card | Five-tier cost popover |
 | --- | --- |
 | ![Sidebar card](docs/screenshot-corner.png) | ![Cost popover](docs/screenshot-popover.png) |
 
@@ -24,7 +24,7 @@ A balance & cost widget for the [DeepSeek Harness](https://github.com/deepseek-a
 | **Zero external dependencies** | ✅ Imports no `@deepseek-ai/*` packages, no native modules | ❌ Most depend on dsh SDK packages |
 | **Node 24 ready** | ✅ Works out of the box on any profile layout | ⚠️ Many community plugins still error on Node 24 |
 | **Boot stability** | ✅ Registers routes via official `ctx.webServer`; never conflicts with apiproxy | ⚠️ Some self-host HTTP servers that crash `dsh web` on boot |
-| **On-demand queries** | ✅ Fetches balance only on click; no polling, zero background requests | Some always-on badges refresh on a timer |
+| **Always-fresh auto refresh** | ✅ Sidebar card refreshes balance & costs every 60s; opening the popover triggers an immediate refresh | Some always-on badges refresh on a timer |
 | **Peak/off-peak pricing** | ✅ Built-in official 2026-08-17 rate table, auto-switches by window | Partial support |
 | **Security** | ✅ API key stays in the host process; loopback-only guard | Varies |
 
@@ -32,17 +32,18 @@ A balance & cost widget for the [DeepSeek Harness](https://github.com/deepseek-a
 
 ## Features
 
-- **Account balance** — On click, the host proxies DeepSeek's official `GET /user/balance` and shows the `¥` balance. The API key is resolved through the host credentials service and never leaves the host process; the browser only talks to same-origin routes.
-- **Session cost (estimate)** — Computed from the session's `tokenUsage` projection × DeepSeek's official peak/off-peak price table. Follows the configured model (default `deepseek-v4-flash`, switchable to `deepseek-v4-pro`) and the Beijing-time peak/off-peak windows automatically.
-- **Last prompt cost (estimate)** — Parses the current session file and prices the last turn's token usage, answering "how much did that last prompt cost".
-- **Today total cost (estimate)** — Walks every session under `~/.dsh/sessions/` and sums today's (calendar day) token usage × price.
+- **Account balance** — On click, the host proxies DeepSeek's official `GET /user/balance` and shows the `¥` balance; the balance number is color-coded by threshold (healthy / amber below `lowThreshold` / red below `criticalThreshold`). The API key is resolved through the host credentials service and never leaves the host process; the browser only talks to same-origin routes.
+- **Last prompt cost (estimate)** — Parses the most recent session file and prices the last turn's token usage, answering "how much did that last prompt cost", with the **session name** labeled underneath.
+- **Today · this session cost (estimate)** — The current session's usage today (calendar day) × DeepSeek's official peak/off-peak price table. Follows the configured model (default `deepseek-v4-flash`, switchable to `deepseek-v4-pro`) and the Beijing-time peak/off-peak windows automatically.
+- **Today · this workspace cost (estimate)** — Sums today's token usage × price across every session in the current workspace (anchored by the current session).
+- **Today · all workspaces cost (estimate)** — Walks every session under `~/.dsh/sessions/` and sums today's (calendar day) token usage × price.
+- **Peak/off-peak status** — The card and popover borders are tinted by the current window (orange at peak / green at off-peak), a "Peak/Off-peak" tag sits next to the popover title, and hovering it shows the current price tier (input/output per 1M tokens).
 - **Token usage** — Also shows the session's input (incl. cache hits) / output tokens.
 - **One-click top-up** — a "Top up" link in the popover footer jumps to the official DeepSeek top-up page (platform.deepseek.com/top_up) in a new tab.
-- **Sidebar card** — a persistent card at the sidebar footer shows balance, a remaining-ratio bar, and today's total; globally visible, refreshes every 60s.
-- **Remaining-ratio bar** — blue (healthy) → amber (below lowThreshold) → red (below criticalThreshold).
+- **Sidebar card** — a persistent card at the sidebar footer shows balance and today's cost; globally visible, auto-refreshes every 60s (balance via the official API, costs parsed locally), and opening the popover triggers an immediate refresh.
+- **Balance color warning** — the balance number is tinted in three tiers: default (healthy) → amber (below `lowThreshold`) → red (below `criticalThreshold`).
 - **Official price auto-sync** — fetches the DeepSeek official pricing page on startup and every 12h; falls back to built-in rates on failure.
 - **Agent tool** — a `deepseek_billing` tool lets the model answer "how much balance do I have / how much did today cost".
-- **On-demand refresh** — No polling, no background requests; endpoints are only hit when you click the icon. Costs zero tokens to use.
 
 ## Why this plugin
 
@@ -55,15 +56,15 @@ A balance & cost widget for the [DeepSeek Harness](https://github.com/deepseek-a
 host half (lib/index.js)
   ctx.webServer.register:
     GET /api/dsh-balance/balance     → official /user/balance (loopback-only guard)
-    GET /api/dsh-balance/active-cost → last prompt + session total (most recent session)
-    GET /api/dsh-balance/today-cost  → today's costs (dual: current workspace + all)
+    GET /api/dsh-balance/active-cost → last prompt + today-this-session (with session name, most recent session)
+    GET /api/dsh-balance/today-cost  → today's costs (dual: current workspace + all workspaces)
   Zero @deepseek-ai/* imports; loads from any profile layout.
   Also registers a deepseek_billing tool for model-driven queries.
 
 client half (lib/client.js)
   ctx.slots.inject("sidebar.footer.action")
-    → persistent sidebar footer card (balance + ratio bar + today)
-    → click opens four-tier cost popover + ⓘ term explanations
+    → persistent sidebar footer card (balance + today's cost, peak-tinted border)
+    → click opens five-tier cost popover + peak tag + ⓘ term explanations
 ```
 
 ## Installation
@@ -152,6 +153,23 @@ Built-in DeepSeek official peak/off-peak pricing (CNY per 1M tokens), effective
 
 ## Changelog
 
+### v0.5.1 — Cold-start speedup & cleanup
+- 🚀 **Performance**: today-cost cold start dropped from ~5.4s to ~0.01s — only session files modified today are decompressed (mtime filter), parsed results are cached by (path, mtime), and parsing runs in parallel
+- ⏰ **Refresh wording**: README now matches the code — the persistent card auto-refreshes every 60s (the old "no polling" claims contradicted the code and have been corrected)
+- 🌏 **Timezone fix**: peak/off-peak windows are now computed in Beijing time (UTC+8) explicitly instead of the host's local timezone
+- 🧹 **Cleanup**: removed a dead client-side pricing stack (PRICING/priceSession) that was never called; all pricing now goes through the host
+- 📐 **Pricing parsing hardened**: peak rates are parsed explicitly from the official page (no more hard-coded "off-peak × 2"); if a cache-hit rate cannot be parsed the whole table falls back to built-in rates instead of silently pricing cache hits at 0
+- 🏷️ **Card label**: the card footer now reads "Today · all" to make clear it is the global (all-workspaces) figure
+- 🎨 **Visual refresh**: SVG wallet icon replaces 💰, press/pop micro-animations, muted secondary tiers in the popover
+
+### v0.5.0 — Five-tier costs & peak/off-peak status
+- ✨ **Added**: the cost breakdown is now five tiers — balance / last prompt / today-this-session / today-this-workspace / today-all-workspaces
+  - The last-prompt row labels the **session name** underneath (based on the most recent session)
+  - "Today · this session" = the current session's usage today; "Today · this workspace" = all sessions in the current workspace today (workspace anchored by the current session); "Today · all workspaces" = everything across all workspaces today
+- ✨ **Added**: peak/off-peak status visuals — card and popover borders tinted by window (orange at peak / green at off-peak), a "Peak/Off-peak" tag next to the popover title with a hover tooltip showing the current price tier
+- 🎨 **Changed**: removed the remaining-ratio bar; the balance number is now color-coded directly by threshold (healthy / amber / red)
+- 🗑️ **Removed**: the "This session" row (all-time session total) from the popover
+
 ### v0.2.0 — Last prompt & today total cost
 - ✨ **Added**: popover now shows "last prompt cost" and "today total cost"
   - Last prompt: prices the current session's last turn from the session file
@@ -166,7 +184,9 @@ Built-in DeepSeek official peak/off-peak pricing (CNY per 1M tokens), effective
 
 - Config tree: `dsh --profile web --dump-config` should show a `balance-widget` entry.
 - Balance route: after restarting dsh web, `curl -s http://127.0.0.1:3080/api/dsh-balance/balance` should return `{ ok, balance_infos, modelId }`.
-- Cost routes: `curl -s "http://127.0.0.1:3080/api/dsh-balance/last-cost?session=SESSION_ID"` and `curl -s http://127.0.0.1:3080/api/dsh-balance/today-cost` should return `{ cost, inputTokens, outputTokens, modelId }`.
+- Session costs: `curl -s http://127.0.0.1:3080/api/dsh-balance/active-cost` should return `{ lastPrompt, todaySession, title, sessionId, peak, workspaceName, ... }`; append `?session=SESSION_ID` to target a specific session.
+- Today costs: `curl -s http://127.0.0.1:3080/api/dsh-balance/today-cost` should return `{ workspace: { cost, ..., cwd }, all: { cost, ... }, modelId }`.
+- Legacy route: `curl -s "http://127.0.0.1:3080/api/dsh-balance/last-cost?session=SESSION_ID"` still works and returns `{ cost, inputTokens, outputTokens, modelId }`.
 
 ## License
 

package/README.md

@@ -9,11 +9,11 @@
 [![Node 24](https://img.shields.io/badge/Node%2024-ready-brightgreen?style=flat-square)](https://nodejs.org)
 [![Zero deps](https://img.shields.io/badge/dependencies-zero-brightgreen?style=flat-square)]()
 
-DeepSeek Harness (DSH) Web GUI 的余额与成本小部件：侧边栏底部常驻卡片显示账户余额与剩余比例条，点击弹出四层级成本明细（最近提问 / 本会话 / 今日·本项目 / 今日·全部）。
+DeepSeek Harness (DSH) Web GUI 的余额与成本小部件：侧边栏底部常驻卡片显示账户余额与今日花费，点击弹出五层级成本明细（余额 / 最近提问·标注会话名 / 今日·本会话 / 今日·本工作区 / 今日·所有工作区）。
 
 ## 效果预览
 
-| 侧边栏卡片（左下角常驻） | 点击弹出四层级成本 |
+| 侧边栏卡片（左下角常驻） | 点击弹出五层级成本 |
 | --- | --- |
 | ![侧边栏卡片](docs/screenshot-corner.png) | ![成本明细弹框](docs/screenshot-popover.png) |
 
@@ -24,7 +24,7 @@ DeepSeek Harness (DSH) Web GUI 的余额与成本小部件：侧边栏底部常
 | **零外部依赖** | ✅ 不 import 任何 `@deepseek-ai/*` 包，无原生模块 | ❌ 多数依赖 dsh SDK 包 |
 | **Node 24 兼容** | ✅ 天然兼容（零依赖设计），任何 profile 布局可加载 | ⚠️ 不少社区插件在 Node 24 下报错 |
 | **启动稳定性** | ✅ 用官方 `ctx.webServer` 注册路由，不与 apiproxy 冲突 | ⚠️ 有的自建 HTTP 服务导致 dsh web 启动崩溃 |
-| **按需查询** | ✅ 点击才查余额，无轮询、零后台请求 | 有的常驻徽章定时刷新 |
+| **常驻自动刷新** | ✅ 侧边栏卡片每 60s 自动刷新余额与成本，弹框点击即强刷 | 有的常驻徽章定时刷新 |
 | **峰谷定价** | ✅ 内置官方 2026-08-17 峰谷价表，自动按时段切换 | 部分支持 |
 | **安全性** | ✅ API key 仅在宿主进程，loopback-only 守卫 | 参差不齐 |
 
@@ -32,17 +32,18 @@ DeepSeek Harness (DSH) Web GUI 的余额与成本小部件：侧边栏底部常
 
 ## 功能
 
-- **账户余额** — 点击图标时经宿主代理查询 DeepSeek 官方 `GET /user/balance`，展示 `¥` 余额；API key 只在宿主进程内读取（凭据服务），浏览器不接触密钥。
-- **本会话成本（估算）** — 由会话的 `tokenUsage` 投影 × DeepSeek 官方峰谷定价表计算，随当前会话模型（默认 `deepseek-v4-flash`，可在配置中改为 `deepseek-v4-pro`）与北京时间高峰/空闲时段自动切换。
-- **最近一次提问成本（估算）** — 从当前会话文件解析最后一个 turn 的 token 用量 × 单价，回答"刚才那条提问花了多少"。
-- **今天总成本（估算）** — 遍历 `~/.dsh/sessions/` 下所有会话，累加今天（自然日）的 token 用量 × 单价。
-- **Token 用量** — 同时展示本会话输入（含缓存命中）/ 输出 token 数。
+- **账户余额** — 点击图标时经宿主代理查询 DeepSeek 官方 `GET /user/balance`，展示 `¥` 余额；余额数字按阈值自动变色（充足 / 低于 `lowThreshold` 变黄 / 低于 `criticalThreshold` 变红）；API key 只在宿主进程内读取（凭据服务），浏览器不接触密钥。
+- **最近一次提问成本（估算）** — 从最近活跃会话文件解析最后一个 turn 的 token 用量 × 单价，回答"刚才那条提问花了多少"；下方标注该会话的**会话名**。
+- **今日·本会话成本（估算）** — 当前会话今天（自然日）产生的 token 用量 × DeepSeek 官方峰谷定价表计算，随当前会话模型（默认 `deepseek-v4-flash`，可在配置中改为 `deepseek-v4-pro`）与北京时间高峰/空闲时段自动切换。
+- **今日·本工作区成本（估算）** — 遍历当前工作区（由当前会话锚定）下的所有会话，累加今天的 token 用量 × 单价。
+- **今日·所有工作区成本（估算）** — 遍历 `~/.dsh/sessions/` 下所有工作区的所有会话，累加今天的 token 用量 × 单价。
+- **峰谷状态标签** — 卡片与弹框边框按当前时段着色（峰时橙色 / 谷时绿色），弹框标题旁显示「峰时/谷时」标签，悬停可查看当前价格档位（输入/输出单价）。
+- **Token 用量** — 同时展示输入（含缓存命中）/ 输出 token 数。
 - **一键充值** — 弹层底部「去充值」链接直达 DeepSeek 官方充值页（platform.deepseek.com/top_up），新窗口打开。
-- **侧边栏常驻卡片** — 侧边栏底部（设置上方）显示余额 + 剩余比例条 + 今日花费，全局可见，60 秒自动刷新。
-- **余额剩余比例条** — 蓝色（充足）→ 琥珀（低于 lowThreshold）→ 红色（低于 criticalThreshold）三档。
+- **侧边栏常驻卡片** — 侧边栏底部（设置上方）显示余额 + 今日花费，全局可见；每 60 秒自动刷新（余额走官方接口、成本为本地会话解析），打开弹框时也会立即刷新一次，无需手动操作。
+- **余额数字变色预警** — 余额数字按三档着色：充足（默认色）→ 琥珀（低于 `lowThreshold`）→ 红色（低于 `criticalThreshold`），一眼判断余额健康度。
 - **官方价格自动同步** — 启动时 + 每 12 小时抓取 DeepSeek 官方定价页，改价自动跟进；失败回退内置价目表。
 - **模型工具查询** — 新增 `deepseek_billing` 工具，可直接问模型"余额多少/今天花了多少"。
-- **按需刷新** — 无轮询、无后台请求；只有点击图标时才发起查询，不消耗任何 token。
 
 ## 架构
 
@@ -50,15 +51,15 @@ DeepSeek Harness (DSH) Web GUI 的余额与成本小部件：侧边栏底部常
 host 半区 (lib/index.js)
   ctx.webServer.register:
     GET /api/dsh-balance/balance     → 官方 /user/balance（loopback-only 守卫）
-    GET /api/dsh-balance/active-cost → 最近活跃会话的最近提问 + 会话总计
-    GET /api/dsh-balance/today-cost  → 今日成本（双值：当前工作区 + 全部）
+    GET /api/dsh-balance/active-cost → 最近活跃会话的最近提问 + 今日·本会话（含会话名）
+    GET /api/dsh-balance/today-cost  → 今日成本（双值：当前工作区 + 所有工作区）
   依赖：零外部 @deepseek-ai/* import，任何 profile 布局均可解析
   另有 deepseek_billing 工具供模型直接查询余额/成本
 
 client 半区 (lib/client.js)
   ctx.slots.inject("sidebar.footer.action")
-    → 侧边栏底部常驻卡片（余额 + 比例条 + 今日）
-    → 点击弹出四层级成本明细 + ⓘ 名词解释
+    → 侧边栏底部常驻卡片（余额 + 今日花费，峰/谷时段描边着色）
+    → 点击弹出五层级成本明细 + 峰谷标签 + ⓘ 名词解释
 ```
 
 ## 安装
@@ -149,6 +150,23 @@ DSH 的插件配置统一放在这个文件里：
 
 ## 版本历史
 
+### v0.5.1 — 冷启动提速与代码清理
+- 🚀 **性能**：今日成本冷启动从 ~5.4s 降至 ~0.01s——只解压当天活跃的会话文件（按 mtime 过滤）+ 解压结果按 (path, mtime) 长期缓存 + 并行解析
+- ⏰ **轮询口径**：README 与代码统一——常驻卡片每 60s 自动刷新（此前文档"无轮询"表述自相矛盾，已更正）
+- 🌏 **峰谷时区修正**：峰/谷判断改为显式按北京时间（UTC+8）计算，不再依赖宿主机时区
+- 🧹 **清理**：移除客户端一套从未调用的死计价代码（PRICING/priceSession），计价统一走宿主
+- 📐 **定价解析加固**：峰价改为从官方页面显式解析（不再硬编码"谷价 ×2"）；解析不到缓存命中价时整表回退内置价目表，避免静默按 0 计价
+- 🏷️ **卡片语义**：卡片底部"今日"改为"今日·全部"，明确是全局（所有工作区）口径
+- 🎨 **外观**：💰 换 SVG 钱包图标、弹框/卡片微交互动画、层级弱化（详情见 v0.5.1 diff）
+
+### v0.5.0 — 五层级成本与峰谷状态
+- ✨ **新增**：成本明细改为五层级——余额 / 最近一次提问 / 今日·本会话 / 今日·本工作区 / 今日·所有工作区
+  - 最近一次提问下方标注**会话名**（基于最近活跃会话）
+  - 「今日·本会话」= 当前会话今天产生的费用；「今日·本工作区」= 当前工作区今天所有会话合计（由当前会话锚定工作区）；「今日·所有工作区」= 全部工作区今天合计
+- ✨ **新增**：峰/谷时段状态可视化——卡片与弹框边框按时段着色（峰时橙色 / 谷时绿色），弹框标题旁显示「峰时/谷时」标签，悬停查看当前价格档位
+- 🎨 **调整**：移除余额剩余比例条，改为余额数字按阈值直接变色（充足 / 黄 / 红）
+- 🗑️ **移除**：弹框中的「本会话成本」（会话全程累计）行
+
 ### v0.2.0 — 最近一次提问与今日总成本
 - ✨ **新增**：弹层增加「最近一次提问成本」与「今天总成本」两项
   - 最近一次提问：解析当前会话最后一个 turn 的 token 用量 × 单价
@@ -163,7 +181,9 @@ DSH 的插件配置统一放在这个文件里：
 
 - 配置树：`dsh --profile web --dump-config` 应出现 `balance-widget` 条目
 - 余额路由：重启 dsh web 后 `curl -s http://127.0.0.1:3080/api/dsh-balance/balance` 应返回 `{ ok, balance_infos, modelId }`
-- 成本路由：`curl -s "http://127.0.0.1:3080/api/dsh-balance/last-cost?session=SESSION_ID"` 与 `curl -s http://127.0.0.1:3080/api/dsh-balance/today-cost` 应返回 `{ cost, inputTokens, outputTokens, modelId }`
+- 会话成本：`curl -s http://127.0.0.1:3080/api/dsh-balance/active-cost` 应返回 `{ lastPrompt, todaySession, title, sessionId, peak, workspaceName, ... }`；加 `?session=SESSION_ID` 可指定会话
+- 今日成本：`curl -s http://127.0.0.1:3080/api/dsh-balance/today-cost` 应返回 `{ workspace: { cost, ..., cwd }, all: { cost, ... }, modelId }`
+- 兼容旧路由：`curl -s "http://127.0.0.1:3080/api/dsh-balance/last-cost?session=SESSION_ID"` 仍可用，返回 `{ cost, inputTokens, outputTokens, modelId }`
 
 ## License
 

package/lib/client.js

@@ -8,7 +8,7 @@ window.__ModuleLoader__.load({
 		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		//#region lib/types/client/styles.js
-		const css = ".dshbw_wrap{position:relative;display:inline-flex;align-items:center}.dshbw_btn{background:none;border:none;cursor:pointer;color:var(--dsw-alias-label-secondary);display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px;font-size:12px;line-height:18px;font-family:inherit}.dshbw_btn:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dshbw_btn[data-level=\"1\"]{color:var(--dsw-alias-state-warn-primary)}.dshbw_btn[data-level=\"2\"]{color:var(--dsw-alias-state-error-primary)}.dshbw_pop{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:230px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l3);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:12px 14px;font-size:12px;line-height:20px;color:var(--dsw-alias-label-primary)}.dshbw_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.dshbw_title{font-weight:600;color:var(--dsw-alias-label-primary)}.dshbw_refresh{background:none;border:1px solid var(--dsw-alias-border-l2);cursor:pointer;color:var(--dsw-alias-label-secondary);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:13px;line-height:1;padding:0;font-family:inherit}.dshbw_refresh:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-interactive-bg-hover)}.dshbw_refresh[data-spinning=true]{animation:dshbw-spin .8s linear infinite}.dshbw_row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 0}.dshbw_label{display:inline-flex;align-items:center;min-width:0}.dshbw_val{font-weight:600;color:var(--dsw-alias-label-primary)}.dshbw_val[data-level=\"1\"]{color:var(--dsw-alias-state-warn-primary)}.dshbw_val[data-level=\"2\"]{color:var(--dsw-alias-state-error-primary)}.dshbw_err{color:var(--dsw-alias-state-error-primary);font-size:11px;line-height:16px;margin-top:6px}.dshbw_hint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;margin-top:6px;border-top:1px solid var(--dsw-alias-border-l1);padding-top:6px}.dshbw_foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.dshbw_link{background:none;border:none;cursor:pointer;color:var(--dsw-alias-state-business-primary);display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px;font-size:12px;line-height:18px;font-family:inherit;text-decoration:none}.dshbw_link:hover{color:var(--dsw-alias-state-business-primary);text-decoration:underline}@keyframes dshbw-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dshbw_side{display:flex;flex-direction:column;gap:4px;padding:6px 8px;margin:0 8px 4px;border-radius:8px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}.dshbw_side:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshbw_sideTop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:18px}.dshbw_sideAmount{font-weight:600}.dshbw_sideAmount[data-level=\"1\"]{color:var(--dsw-alias-state-warn-primary)}.dshbw_sideAmount[data-level=\"2\"]{color:var(--dsw-alias-state-error-primary)}.dshbw_bar{height:4px;border-radius:2px;background:var(--dsw-alias-border-l2);overflow:hidden}.dshbw_barFill{height:100%;border-radius:2px;transition:width .4s ease}.dshbw_barFill[data-level=\"0\"]{background:var(--dsw-alias-state-business-primary)}.dshbw_barFill[data-level=\"1\"]{background:var(--dsw-alias-state-warn-primary)}.dshbw_barFill[data-level=\"2\"]{background:var(--dsw-alias-state-error-primary)}.dshbw_sideFoot{display:flex;justify-content:space-between;font-size:10px;line-height:14px;color:var(--dsw-alias-label-tertiary)}.dshbw_sideWrap{position:relative}.dshbw_side{display:flex;flex-direction:column;gap:4px;width:100%;padding:6px 8px;margin:0 8px 4px;border:none;border-radius:8px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);cursor:pointer;font-family:inherit;text-align:left}.dshbw_side:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshbw_sidePop{position:absolute;bottom:calc(100% + 8px);left:8px;z-index:70;min-width:240px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l3);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:12px 14px;font-size:12px;line-height:20px;color:var(--dsw-alias-label-primary)}.dshbw_sidePopHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dshbw_sidePopTitle{font-weight:600}.dshbw_sidePopClose{background:none;border:none;cursor:pointer;color:var(--dsw-alias-label-tertiary);font-size:16px;line-height:1;padding:0 2px;font-family:inherit}.dshbw_sidePopClose:hover{color:var(--dsw-alias-label-primary)}.dshbw_sidePopFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.dshbw_sidePopRefresh{background:none;border:1px solid var(--dsw-alias-border-l2);cursor:pointer;color:var(--dsw-alias-label-secondary);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;padding:0;font-family:inherit}.dshbw_sidePopRefresh:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-interactive-bg-hover)}";
+		const css = ".dshbw_row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 0}.dshbw_label{display:inline-flex;align-items:center;min-width:0}.dshbw_val{font-weight:600;color:var(--dsw-alias-label-primary)}.dshbw_val[data-tier=\"sec\"]{font-weight:400;color:var(--dsw-alias-label-secondary)}.dshbw_val[data-tier=\"ter\"]{font-weight:400;color:var(--dsw-alias-label-tertiary)}.dshbw_val[data-level=\"1\"]{color:var(--dsw-alias-state-warn-primary)}.dshbw_val[data-level=\"2\"]{color:var(--dsw-alias-state-error-primary)}.dshbw_err{color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:16px;margin-top:6px}.dshbw_link{background:none;border:none;cursor:pointer;color:var(--dsw-alias-state-business-primary);display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px;font-size:12px;line-height:18px;font-family:inherit;text-decoration:none}.dshbw_link:hover{color:var(--dsw-alias-state-business-primary);text-decoration:underline}.dshbw_sideTop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:18px}.dshbw_sideAmount{font-weight:600}.dshbw_sideAmount[data-level=\"1\"]{color:var(--dsw-alias-state-warn-primary);font-weight:600}.dshbw_sideAmount[data-level=\"2\"]{color:var(--dsw-alias-state-error-primary)}.dshbw_sideFoot{display:flex;justify-content:space-between;font-size:12px;line-height:16px;color:var(--dsw-alias-label-tertiary)}.dshbw_sideWrap{position:relative}.dshbw_side{display:flex;flex-direction:column;gap:4px;width:100%;padding:6px 8px;margin:0 8px 4px;border:none;border-radius:6px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);cursor:pointer;font-family:inherit;text-align:left;transition:transform 120ms cubic-bezier(0.23,1,0.32,1),background 120ms cubic-bezier(0.23,1,0.32,1)}.dshbw_side:active{transform:scale(.97)}.dshbw_side:hover{background:var(--dsw-alias-interactive-bg-hover)}.dshbw_sidePop{position:absolute;bottom:calc(100% + 8px);left:8px;z-index:70;min-width:240px;background:var(--dsw-alias-bg-layer-3);border:none;border-radius:12px;box-shadow:0 0 1px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.1);padding:12px 12px;font-size:12px;line-height:20px;color:var(--dsw-alias-label-primary);animation:dshbw-pop-in 160ms cubic-bezier(0.23,1,0.32,1) both}.dshbw_sidePopHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dshbw_sidePopTitle{font-weight:600}.dshbw_sidePopClose{background:none;border:none;cursor:pointer;color:var(--dsw-alias-label-tertiary);font-size:16px;line-height:1;padding:0 2px;font-family:inherit}.dshbw_sidePopClose:hover{color:var(--dsw-alias-label-primary)}.dshbw_sidePopFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.dshbw_sidePopRefresh{background:none;border:1px solid var(--dsw-alias-border-l2);cursor:pointer;color:var(--dsw-alias-label-secondary);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;padding:0;font-family:inherit}.dshbw_sidePopRefresh:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-interactive-bg-hover)}.dshbw_side[data-peak=\"true\"]{border:1px solid var(--dsw-alias-state-warn-primary)}.dshbw_side[data-peak=\"false\"]{border:1px solid var(--dsw-alias-state-success-primary)}.dshbw_peakTag{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;padding:1px 7px;border-radius:6px}.dshbw_peakTag[data-peak=\"true\"]{color:var(--dsw-alias-state-warn-primary);background:var(--dsw-alias-state-warn-tertiary)}.dshbw_peakTag[data-peak=\"false\"]{color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-tertiary)}.dshbw_sessionNote{display:flex;align-items:center;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid var(--dsw-alias-border-l1);font-size:12px;line-height:16px;color:var(--dsw-alias-label-tertiary);min-width:0}.dshbw_sessionName{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshbw_ico{color:var(--dsw-alias-state-business-primary);display:inline-flex;align-items:center}@keyframes dshbw-pop-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dshbw_sidePopRefresh,.dshbw_sidePopClose{transition:transform 120ms cubic-bezier(0.23,1,0.32,1),color 120ms cubic-bezier(0.23,1,0.32,1)}.dshbw_sidePopRefresh:active{transform:scale(.92)}.dshbw_sidePopClose:active{transform:scale(.92)}";
 		const tagId = "dsh-balance-widget/styles.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -18,113 +18,33 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var styles = {
-			"wrap": "dshbw_wrap",
-			"btn": "dshbw_btn",
-			"pop": "dshbw_pop",
-			"head": "dshbw_head",
-			"title": "dshbw_title",
-			"refresh": "dshbw_refresh",
 			"row": "dshbw_row",
 			"label": "dshbw_label",
 			"val": "dshbw_val",
 			"err": "dshbw_err",
-			"hint": "dshbw_hint",
-			"foot": "dshbw_foot",
 			"link": "dshbw_link",
 			"side": "dshbw_side",
 			"sideWrap": "dshbw_sideWrap",
 			"sideTop": "dshbw_sideTop",
 			"sideAmount": "dshbw_sideAmount",
-			"bar": "dshbw_bar",
-			"barFill": "dshbw_barFill",
 			"sideFoot": "dshbw_sideFoot",
 			"sidePop": "dshbw_sidePop",
 			"sidePopHead": "dshbw_sidePopHead",
 			"sidePopTitle": "dshbw_sidePopTitle",
 			"sidePopClose": "dshbw_sidePopClose",
 			"sidePopFoot": "dshbw_sidePopFoot",
-			"sidePopRefresh": "dshbw_sidePopRefresh"
+			"sidePopRefresh": "dshbw_sidePopRefresh",
+			"peakTag": "dshbw_peakTag",
+			"sessionNote": "dshbw_sessionNote",
+			"sessionName": "dshbw_sessionName"
 		};
 		//#endregion
-		//#region lib/types/client/pricing.js
-		/**
-		* DeepSeek official pricing, in CNY per 1M tokens, effective 2026-08-17
-		* (peak/off-peak two-tier billing). Peak windows are Beijing time:
-		* 09:00-12:00 and 14:00-18:00; off-peak is half the peak price.
-		* Prices are hard-coded from the official announcement and are estimates
-		* for display — actual billing is authoritative from the provider.
-		*/
-		const PRICING = {
-			"deepseek-v4-flash": {
-				peak: { inputMiss: 3.0, inputHit: 0.10, output: 9.0 },
-				offPeak: { inputMiss: 1.5, inputHit: 0.05, output: 4.5 }
-			},
-			"deepseek-v4-pro": {
-				peak: { inputMiss: 9.0, inputHit: 0.30, output: 27.0 },
-				offPeak: { inputMiss: 4.5, inputHit: 0.15, output: 13.5 }
-			},
-			"deepseek-chat": {
-				peak: { inputMiss: 3.0, inputHit: 0.10, output: 9.0 },
-				offPeak: { inputMiss: 1.5, inputHit: 0.05, output: 4.5 }
-			},
-			"deepseek-reasoner": {
-				peak: { inputMiss: 9.0, inputHit: 0.30, output: 27.0 },
-				offPeak: { inputMiss: 4.5, inputHit: 0.15, output: 13.5 }
-			}
-		};
-		/** Fall back to Flash pricing for unknown model ids. */
-		function pricingFor(modelId) {
-			return PRICING[modelId] ?? PRICING["deepseek-v4-flash"];
-		}
-		/**
-		* Whether `date` falls inside a Beijing-time peak window.
-		* The host's local timezone is used; the widget is for a CN deployment.
-		*/
-		function isPeak(date) {
-			const hour = date.getHours();
-			return (hour >= 9 && hour < 12) || (hour >= 14 && hour < 18);
-		}
-		/**
-		* Price one session's token usage into a CNY estimate.
-		* @param usage - tokenUsage projection value.
-		* @param modelId - provider model id used for pricing.
-		* @returns { input, output, total } in CNY, or null when usage is absent.
-		*/
-		function priceSession(usage, modelId) {
-			if (usage === void 0 || usage === null) return null;
-			const input = usage.uncachedInputTokens ?? 0;
-			const hit = usage.cacheReadTokens ?? 0;
-			const write = usage.cacheWriteTokens ?? 0;
-			const output = usage.outputTokens ?? 0;
-			if (input + hit + write + output <= 0) return null;
-			const table = isPeak(new Date()) ? pricingFor(modelId).peak : pricingFor(modelId).offPeak;
-			const inputCost = (input * table.inputMiss + (hit + write) * table.inputHit) / 1e6;
-			const outputCost = (output * table.output) / 1e6;
-			return {
-				input: inputCost,
-				output: outputCost,
-				total: inputCost + outputCost
-			};
-		}
 		/** Format a CNY amount: ¥ + 3 significant decimals (drop trailing zeros). */
 		function formatCny(value) {
 			if (value === void 0 || value === null || !Number.isFinite(value)) return "—";
 			const rounded = Math.round(value * 1e4) / 1e4;
 			return `¥${rounded.toLocaleString("zh-CN", { minimumFractionDigits: 0, maximumFractionDigits: 4 })}`;
 		}
-		/** Format token counts compactly: 1234 -> 1.2K. */
-		function formatTokens(value) {
-			if (value === void 0 || value === null) return "—";
-			if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
-			if (value >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
-			return String(value);
-		}
-		/** Format an epoch ms as HH:MM local time. */
-		function formatTime(ms) {
-			if (ms === void 0 || ms === null) return "—";
-			const d = new Date(ms);
-			return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
-		}
 		//#endregion
 		//#region lib/types/client/balance-api.js
 		/** Same-origin balance route (host half registers it over ctx.webServer). */
@@ -136,15 +56,29 @@ window.__ModuleLoader__.load({
 		/** Official DeepSeek platform top-up page (opens in a new tab). */
 		const TOP_UP_URL = "https://platform.deepseek.com/top_up";
 		/**
-		* Fetch the active session's costs (last prompt + session total).
-		* @returns { ok, lastPrompt?, sessionTotal?, error? }
+		* Fetch the active session's costs (last prompt + today's session total).
+		* @param {string} [sessionId] - the currently selected session; when omitted
+		*   the host falls back to its most recently active session.
+		* @returns { ok, lastPrompt?, todaySession?, sessionTitle?, workspaceName?, peak?, error? }
 		*/
-		async function fetchActiveCost() {
+		async function fetchActiveCost(sessionId) {
 			try {
-				const response = await fetch(ACTIVE_COST_ROUTE, { headers: { accept: "application/json" } });
+				const url = sessionId === void 0 || sessionId === ""
+					? ACTIVE_COST_ROUTE
+					: `${ACTIVE_COST_ROUTE}?session=${encodeURIComponent(sessionId)}`;
+				const response = await fetch(url, { headers: { accept: "application/json" } });
 				const payload = await response.json().catch(() => ({}));
 				if (!response.ok) return { ok: false, error: payload.error ?? `active-cost responded ${response.status}` };
-				return { ok: true, lastPrompt: payload.lastPrompt?.cost ?? 0, sessionTotal: payload.sessionTotal?.cost ?? 0 };
+				return {
+					ok: true,
+					lastPrompt: payload.lastPrompt?.cost ?? 0,
+					todaySession: payload.todaySession?.cost ?? 0,
+					sessionTitle: payload.title,
+					workspaceName: payload.workspaceName,
+					cwd: payload.cwd,
+					sessionId: payload.sessionId,
+					peak: payload.peak
+				};
 			} catch (error) {
 				return { ok: false, error: error instanceof Error ? error.message : String(error) };
 			}
@@ -238,20 +172,30 @@ window.__ModuleLoader__.load({
 		* cost, top-up, refresh) using only global data.
 		* @param {Object} props - wide (sidebar expanded), t (locale).
 		*/
-		function SidebarBalanceCard({ wide, t }) {
+		function SidebarBalanceCard({ wide, t, useSessions }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const [balance, setBalance] = (0, react.useState)(null);
 			const [lastPrompt, setLastPrompt] = (0, react.useState)(null);
-			const [sessionTotal, setSessionTotal] = (0, react.useState)(null);
+			const [todaySession, setTodaySession] = (0, react.useState)(null);
+			const [sessionTitle, setSessionTitle] = (0, react.useState)(null);
 			const [todayWs, setTodayWs] = (0, react.useState)(null);
 			const [todayAll, setTodayAll] = (0, react.useState)(null);
 			const [lowThreshold, setLowThreshold] = (0, react.useState)(5);
 			const [criticalThreshold, setCriticalThreshold] = (0, react.useState)(1);
 			const [error, setError] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(false);
+			const [peak, setPeak] = (0, react.useState)(null);
+			// The currently selected session id (the session the user is viewing).
+			// This anchors "today · this workspace" to the actual current workspace.
+			const currentSessionId = typeof useSessions === "function"
+				? (0, useSessions)((s) => s.current)
+				: void 0;
 			/** Fetch today's costs (workspace + all) from the dual-value route. */
 			const fetchTodayCosts = async () => {
-				const response = await fetch(TODAY_COST_ROUTE, { headers: { accept: "application/json" } });
+				const url = currentSessionId !== void 0 && currentSessionId !== ""
+					? `${TODAY_COST_ROUTE}?session=${encodeURIComponent(currentSessionId)}`
+					: TODAY_COST_ROUTE;
+				const response = await fetch(url, { headers: { accept: "application/json" } });
 				const payload = await response.json().catch(() => ({}));
 				if (!response.ok) return { ok: false, error: payload.error ?? `today-cost responded ${response.status}` };
 				return {
@@ -265,7 +209,7 @@ window.__ModuleLoader__.load({
 				setError(null);
 				const [bResult, aResult, tResult] = await Promise.all([
 					fetchBalance(),
-					fetchActiveCost(),
+					fetchActiveCost(currentSessionId),
 					fetchTodayCosts()
 				]);
 				const failures = [];
@@ -278,7 +222,9 @@ window.__ModuleLoader__.load({
 				}
 				if (aResult.ok) {
 					setLastPrompt(aResult.lastPrompt);
-					setSessionTotal(aResult.sessionTotal);
+					setTodaySession(aResult.todaySession);
+					setSessionTitle(aResult.sessionTitle ?? null);
+					setPeak(aResult.peak ?? null);
 				} else {
 					failures.push(`会话: ${aResult.error}`);
 				}
@@ -295,7 +241,7 @@ window.__ModuleLoader__.load({
 				refresh(false);
 				const timer = setInterval(() => refresh(false), 60000);
 				return () => clearInterval(timer);
-			}, []);
+			}, [currentSessionId]);
 			// Close the popover when clicking outside the card.
 			const wrapRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -308,11 +254,6 @@ window.__ModuleLoader__.load({
 				return () => document.removeEventListener("mousedown", onDocClick);
 			}, [open]);
 			const level = balance === null ? 0 : balance.total < criticalThreshold ? 2 : balance.total < lowThreshold ? 1 : 0;
-			// Remaining-ratio: 100% at lowThreshold (or above), 0% at 0.
-			let percent = 100;
-			if (balance !== null && balance.total < lowThreshold) {
-				percent = lowThreshold <= 0 ? 100 : Math.max(0, Math.round(balance.total / lowThreshold * 100));
-			}
 			const toggle = async () => {
 				const next = !open;
 				setOpen(next);
@@ -325,28 +266,21 @@ window.__ModuleLoader__.load({
 					children: [(0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						className: styles.side,
+						"data-peak": peak !== null ? String(peak.active) : undefined,
 						title: t("title"),
 						onClick: toggle,
 						children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
 							children: [(0, react_jsx_runtime.jsx)("div", {
 								className: styles.sideTop,
 								children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
-									children: [(0, react_jsx_runtime.jsx)("span", {
-										children: "💰"
+									children: [(0, react_jsx_runtime.jsx)("span", { className: "dshbw_ico",
+										children: (0, react_jsx_runtime.jsx)("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round", strokeLinejoin: "round", children: [(0, react_jsx_runtime.jsx)("rect", { x: 3, y: 6, width: 18, height: 13, rx: 2 }), (0, react_jsx_runtime.jsx)("path", { d: "M3 10h18" })] })
 									}), (0, react_jsx_runtime.jsx)("span", {
 										className: styles.sideAmount,
 										"data-level": level > 0 ? level : undefined,
 										children: balance !== null ? `${balance.symbol}${balance.total.toFixed(2)}` : "—"
 									})]
 								})
-							}), (0, react_jsx_runtime.jsx)("div", {
-								className: styles.bar,
-								"aria-label": t("side.bar"),
-								children: (0, react_jsx_runtime.jsx)("div", {
-									className: styles.barFill,
-									"data-level": level,
-									style: { width: `${percent}%` }
-								})
 							}), (0, react_jsx_runtime.jsx)("div", {
 								className: styles.sideFoot,
 								children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
@@ -360,6 +294,7 @@ window.__ModuleLoader__.load({
 						})
 					}), open && (0, react_jsx_runtime.jsx)("div", {
 						className: styles.sidePop,
+						"data-peak": peak !== null ? String(peak.active) : undefined,
 						role: "dialog",
 						children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
 							children: [(0, react_jsx_runtime.jsx)("div", {
@@ -367,7 +302,20 @@ window.__ModuleLoader__.load({
 								children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
 									children: [(0, react_jsx_runtime.jsx)("span", {
 										className: styles.sidePopTitle,
-										children: t("title")
+										children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
+											children: [t("title"), peak !== null && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+												label: peak.active
+													? t("peak.tooltip.active", { input: peak.inputMiss, output: peak.output })
+													: t("peak.tooltip.offpeak", { input: peak.inputMiss, output: peak.output }),
+												side: "top",
+												delayMs: 200,
+												children: (0, react_jsx_runtime.jsx)("span", {
+													className: styles.peakTag,
+													"data-peak": String(peak.active),
+													children: peak.active ? t("peak.active") : t("peak.offpeak")
+												})
+											})]
+										})
 									}), (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: styles.sidePopClose,
@@ -409,24 +357,35 @@ window.__ModuleLoader__.load({
 											})]
 										})
 									}), (0, react_jsx_runtime.jsx)("span", {
-										className: styles.val,
+										className: styles.val, "data-tier": "ter",
 										children: loading ? "…" : lastPrompt !== null ? formatCny(lastPrompt) : "—"
 									})]
 								})
+							}), sessionTitle !== null && sessionTitle !== "" && (0, react_jsx_runtime.jsx)("div", {
+								className: styles.sessionNote,
+								title: sessionTitle,
+								children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
+									children: [(0, react_jsx_runtime.jsx)("span", {
+										children: t("sessionNote")
+									}), (0, react_jsx_runtime.jsx)("span", {
+										className: styles.sessionName,
+										children: sessionTitle
+									})]
+								})
 							}), (0, react_jsx_runtime.jsx)("div", {
 								className: styles.row,
 								children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
 									children: [(0, react_jsx_runtime.jsx)("span", {
 										className: styles.label,
 										children: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, {
-											children: [t("sessionTotal"), (0, react_jsx_runtime.jsx)(ExplainIcon, {
-												label: t("explain.sessionTotal"),
+											children: [t("todaySession"), (0, react_jsx_runtime.jsx)(ExplainIcon, {
+												label: t("explain.todaySession"),
 												t
 											})]
 										})
 									}), (0, react_jsx_runtime.jsx)("span", {
 										className: styles.val,
-										children: loading ? "…" : sessionTotal !== null ? formatCny(sessionTotal) : "—"
+										children: loading ? "…" : todaySession !== null ? formatCny(todaySession) : "—"
 									})]
 								})
 							}), (0, react_jsx_runtime.jsx)("div", {
@@ -441,7 +400,7 @@ window.__ModuleLoader__.load({
 											})]
 										})
 									}), (0, react_jsx_runtime.jsx)("span", {
-										className: styles.val,
+										className: styles.val, "data-tier": "sec",
 										children: loading ? "…" : todayWs !== null ? formatCny(todayWs) : "—"
 									})]
 								})
@@ -457,7 +416,7 @@ window.__ModuleLoader__.load({
 											})]
 										})
 									}), (0, react_jsx_runtime.jsx)("span", {
-										className: styles.val,
+										className: styles.val, "data-tier": "sec",
 										children: loading ? "…" : todayAll !== null ? formatCny(todayAll) : "—"
 									})]
 								})
@@ -501,21 +460,25 @@ window.__ModuleLoader__.load({
 			"refresh.title": "刷新余额与成本",
 			"balance": "账户余额",
 			"lastPrompt": "最近一次提问",
-			"sessionTotal": "本会话成本",
-			"todayWs": "今日·本项目",
-			"todayAll": "今日·全部",
+			"todaySession": "今日·本会话",
+			"todayWs": "今日·本工作区",
+			"todayAll": "今日·所有工作区",
 			"explain.aria": "解释",
 			"explain.balance": "DeepSeek 账户可用余额，实时查询官方接口。",
 			"explain.lastPrompt": "最近活跃会话的最后一个问题（含 AI 回复）的费用估算。",
-			"explain.sessionTotal": "最近活跃会话从开始到现在的累计费用估算。",
+			"explain.todaySession": "当前会话今天产生的费用估算（从会话开始累计到今天）。",
 			"explain.todayWs": "当前工作区今天所有会话的费用合计估算。",
 			"explain.todayAll": "所有工作区今天所有会话的费用合计估算（含其他项目）。",
 			"warn.title.1": "余额不足 ¥5，建议及时充值",
 			"warn.title.2": "余额低于 ¥1，即将耗尽！",
 			"warn.text.1": "⚠️ 余额不足 ¥5，建议及时充值。",
 			"warn.text.2": "⛔ 余额低于 ¥1，即将耗尽，请立即充值！",
-			"side.bar": "余额剩余比例",
-			"todayCostShort": "今日",
+			"todayCostShort": "今日·全部",
+			"peak.active": "峰时",
+			"peak.offpeak": "谷时",
+			"peak.tooltip.active": "当前为峰时（09:00-12:00、14:00-18:00，价格翻倍）：输入 ¥{input}/M · 输出 ¥{output}/M",
+			"peak.tooltip.offpeak": "当前为谷时（其余时段，半价）：输入 ¥{input}/M · 输出 ¥{output}/M",
+			"sessionNote": "基于最近活跃会话：",
 			"hint": "价格为估算值，实际以官方账单为准。",
 			"topUp": "去充值",
 			"close": "关闭"
@@ -528,21 +491,25 @@ window.__ModuleLoader__.load({
 			"refresh.title": "Refresh balance and costs",
 			"balance": "Account balance",
 			"lastPrompt": "Last prompt",
-			"sessionTotal": "This session",
-			"todayWs": "Today · this project",
-			"todayAll": "Today · all",
+			"todaySession": "Today · this session",
+			"todayWs": "Today · this workspace",
+			"todayAll": "Today · all workspaces",
 			"explain.aria": "Explain",
 			"explain.balance": "DeepSeek account balance, fetched live from the official API.",
 			"explain.lastPrompt": "Estimated cost of the latest question (incl. the AI reply) in the most recent session.",
-			"explain.sessionTotal": "Estimated total cost of the most recent session since it started.",
+			"explain.todaySession": "Estimated cost of today's usage in the current session.",
 			"explain.todayWs": "Estimated total cost of today's sessions in the current workspace.",
 			"explain.todayAll": "Estimated total cost of today's sessions across all workspaces.",
 			"warn.title.1": "Balance below ¥5, consider topping up",
 			"warn.title.2": "Balance below ¥1, almost exhausted!",
 			"warn.text.1": "⚠️ Balance below ¥5, consider topping up.",
 			"warn.text.2": "⛔ Balance below ¥1, almost exhausted — top up now!",
-			"side.bar": "Balance remaining ratio",
-			"todayCostShort": "Today",
+			"todayCostShort": "Today · all",
+			"peak.active": "Peak",
+			"peak.offpeak": "Off-peak",
+			"peak.tooltip.active": "Peak hours now (09:00-12:00, 14:00-18:00, 2× price): input ¥{input}/M · output ¥{output}/M",
+			"peak.tooltip.offpeak": "Off-peak hours now (rest of day, half price): input ¥{input}/M · output ¥{output}/M",
+			"sessionNote": "Based on most recent session:",
 			"hint": "Prices are estimates; actual billing from the provider is authoritative.",
 			"topUp": "Top up",
 			"close": "Close"

package/lib/index.js

@@ -246,9 +246,15 @@ const PRICING_ALIASES = {
 	"deepseek-official": "deepseek-v4-flash"
 };
 
-/** Whether `date` falls inside a Beijing-time peak window. */
+/**
+ * Whether `date` falls inside a Beijing-time (UTC+8) peak window.
+ * DeepSeek's peak pricing applies to Beijing time 09:00-12:00 and 14:00-18:00
+ * regardless of the host's timezone, so the window is computed in UTC+8
+ * explicitly instead of the machine's local time.
+ */
 function isPeak(date) {
-	const hour = date.getHours();
+	const beijing = new Date(date.getTime() + 8 * 60 * 60 * 1000);
+	const hour = beijing.getUTCHours();
 	return (hour >= 9 && hour < 12) || (hour >= 14 && hour < 18);
 }
 
@@ -330,30 +336,40 @@ function extractModelBlock(html, model) {
 }
 
 /**
- * Parse per-1M-token rates from a block of HTML text. Looks for numbers near
- * "输入"/"缓存命中"/"输出" (CN page) or "input"/"cache"/"output" (EN page),
- * preferring the off-peak row. Returns { offPeak, peak } or null.
+ * Parse per-1M-token rates from a block of HTML text. The pricing table lists
+ * rows per metric with "空闲时段 <off-peak> … 高峰时段 <peak>" columns (CN) or
+ * "off-peak … peak" (EN); the first model column is the one we price. Each
+ * metric is captured as an (offPeak, peak) pair from its labelled row.
+ * Returns { offPeak, peak } or null when any off-peak figure is missing
+ * (the caller then falls back to the built-in rate table rather than silently
+ * pricing cache hits at 0).
  */
 function parseRates(block) {
 	// Strip tags to plain text for simpler matching.
 	const text = block.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
-	const num = (pattern) => {
-		const m = text.match(pattern);
-		if (!m) return void 0;
-		const v = parseFloat(m[1].replace(/[¥$,\s]/g, ""));
-		return Number.isFinite(v) ? v : void 0;
+	const pair = (label) => {
+		// label + short gap + "空闲时段 <n>" + gap + "高峰时段 <n>" (first model
+		// column). Also tolerate EN "off-peak … peak".
+		const re = new RegExp(
+			label + "[\\s\\S]{0,120}?(?:空闲时段|off[- ]?peak)\\s*([\\d.]+)[\\s\\S]{0,80}?(?:高峰时段|peak)\\s*([\\d.]+)",
+			"i"
+		);
+		const m = text.match(re);
+		if (!m) return null;
+		const a = parseFloat(m[1]);
+		const b = parseFloat(m[2]);
+		return Number.isFinite(a) && Number.isFinite(b) ? [a, b] : null;
 	};
-	// Try patterns for off-peak (空闲/off-peak) first, then any.
-	const offPeakInputMiss = num(/缓存未命中[^\d]*([\d.]+)/) ?? num(/cache[\s-]*miss[^\d]*([\d.]+)/);
-	const offPeakInputHit = num(/缓存命中[^\d]*([\d.]+)/) ?? num(/cache[\s-]*hit[^\d]*([\d.]+)/);
-	const offPeakOutput = num(/输出[^\d]*([\d.]+)/) ?? num(/output[^\d]*([\d.]+)/);
-	if (offPeakInputMiss === void 0 || offPeakOutput === void 0) return null;
-	const peakInputMiss = (offPeakInputMiss ?? 0) * 2;
-	const peakInputHit = (offPeakInputHit ?? 0) * 2;
-	const peakOutput = (offPeakOutput ?? 0) * 2;
+	const hit = pair("缓存命中");
+	const miss = pair("缓存未命中");
+	const out = pair("百万tokens输出") ?? pair("输出");
+	if (miss === null || out === null) return null;
+	// Cache-hit row missing is acceptable only if it cannot be parsed at all —
+	// reject rather than guess zero.
+	if (hit === null) return null;
 	return {
-		peak: { inputMiss: peakInputMiss, inputHit: peakInputHit, output: peakOutput },
-		offPeak: { inputMiss: offPeakInputMiss, inputHit: offPeakInputHit ?? 0, output: offPeakOutput }
+		offPeak: { inputMiss: miss[0], inputHit: hit[0], output: out[0] },
+		peak: { inputMiss: miss[1], inputHit: hit[1], output: out[1] }
 	};
 }
 
@@ -461,6 +477,7 @@ function parseSessionUsages(text) {
 	const samples = [];
 	let currentModel = void 0;
 	let cwd = void 0;
+	let title = void 0;
 	for (const line of text.split("\n")) {
 		if (line === "") continue;
 		let event;
@@ -472,6 +489,8 @@ function parseSessionUsages(text) {
 		const type = event.type;
 		if (type === "session") {
 			cwd = event.cwd;
+		} else if (type === "session/title") {
+			title = event.data?.title ?? title;
 		} else if (type === "request/header") {
 			currentModel = event.data?.header?.config?.model ?? currentModel;
 		} else if (type === "assistant/message") {
@@ -486,7 +505,7 @@ function parseSessionUsages(text) {
 			}
 		}
 	}
-	return { samples, cwd };
+	return { samples, cwd, title };
 }
 
 /** Cost of the last turn (the most recent user prompt) in one session file. */
@@ -506,12 +525,16 @@ function lastTurnCost(samples) {
 	return { cost, inputTokens: input, outputTokens: output };
 }
 
-/** Total cost across every sample of one session (all turns). */
-function sessionTotalCost(samples) {
+/** Cost of one session's usage that falls on the current calendar day. */
+function todaySessionCost(samples) {
+	const now = new Date();
+	const dayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+	const dayEnd = dayStart + 24 * 60 * 60 * 1000;
 	let cost = 0;
 	let input = 0;
 	let output = 0;
 	for (const s of samples) {
+		if (s.time < dayStart || s.time >= dayEnd) continue;
 		cost += priceUsage(s.usage, s.model, s.time);
 		input += (s.usage.inputTokens ?? s.usage.uncachedInputTokens ?? 0) + (s.usage.cacheReadTokens ?? 0);
 		output += s.usage.outputTokens ?? 0;
@@ -580,7 +603,34 @@ function todayCost(sessionList, cwdFilter) {
 	return { cost, inputTokens: input, outputTokens: output };
 }
 
-/** Walk every session file under the sessions root, decompress, and parse. */
+/**
+ * Decompressed session parse cache, keyed by path and validated against the
+ * file's mtime. Long-lived: an untouched file is never re-decompressed, so a
+ * cold /today-cost after the outer 30s TTL expires only re-reads files that
+ * actually changed. Cleared wholesale when it outgrows a bound.
+ */
+const sessionParseCache = new Map();
+const SESSION_PARSE_CACHE_MAX = 600;
+
+/** Decompress+parse one file, honoring the (path,mtime) cache. */
+async function parseSessionFileCached(path, mtimeMs) {
+	const hit = sessionParseCache.get(path);
+	if (hit !== void 0 && hit.mtimeMs === mtimeMs) return hit.parsed;
+	const result = await decompressSession(path);
+	if (!result.ok) return null;
+	const parsed = parseSessionUsages(result.text);
+	if (sessionParseCache.size >= SESSION_PARSE_CACHE_MAX) sessionParseCache.clear();
+	sessionParseCache.set(path, { mtimeMs, parsed });
+	return parsed;
+}
+
+/**
+ * Walk every session file under the sessions root and parse the ones that can
+ * contribute to "today" numbers. Only files whose mtime falls on the current
+ * local calendar day can contain today's samples, so older files are skipped
+ * entirely (avoids decompressing the whole ~/.dsh/sessions tree on every cold
+ * call). Parsing runs in parallel; results are cached by (path, mtime).
+ */
 async function collectAllSessionSamples() {
 	const root = sessionsRoot();
 	const fs = (await awaitImportFs());
@@ -597,14 +647,17 @@ async function collectAllSessionSamples() {
 	} catch {
 		return [];
 	}
-	const perSession = [];
+	const now = new Date();
+	const dayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+	const candidates = [];
 	for (const file of files) {
-		const result = await decompressSession(file);
-		if (!result.ok) continue;
-		const parsed = parseSessionUsages(result.text);
-		perSession.push(parsed);
+		try {
+			const mtimeMs = fs.statSync(file).mtimeMs;
+			if (mtimeMs >= dayStart) candidates.push({ path: file, mtimeMs });
+		} catch { /* file vanished mid-walk */ }
 	}
-	return perSession;
+	const parsed = await Promise.all(candidates.map((c) => parseSessionFileCached(c.path, c.mtimeMs)));
+	return parsed.filter((p) => p !== null);
 }
 
 /** Simple in-memory TTL cache for cost computations (30s). */
@@ -695,24 +748,36 @@ function makeRoutes(ctx, config) {
 			path: API.todayCost,
 			handler: async (req, res) => {
 				if (!guard(req, res, "GET")) return;
-				const key = "today";
+				const url = new URL(req.url ?? "/", "http://localhost");
+				const sessionId = url.searchParams.get("session") ?? "";
+				const key = `today:${sessionId}`;
 				const compute = async () => {
 					const sessionList = await collectAllSessionSamples();
 					const all = todayCost(sessionList);
-					// "Current workspace": the cwd of the session with the most
-					// samples today (best proxy for where the user is working).
+					// "Current workspace": prefer the cwd of the explicitly passed
+					// session (the client's currently selected session). Fall back
+					// to the session with the most samples today when absent.
 					let activeCwd = void 0;
-					let activeCount = 0;
-					for (const session of sessionList) {
-						if (session.cwd === void 0) continue;
-						const todaySamples = session.samples.filter((s) => {
-							const now = new Date();
-							const dayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
-							return s.time >= dayStart && s.time < dayStart + 24 * 60 * 60 * 1000;
-						}).length;
-						if (todaySamples > activeCount) {
-							activeCount = todaySamples;
-							activeCwd = session.cwd;
+					if (sessionId !== "") {
+						const target = await resolveSessionFile(sessionId);
+						if (target !== void 0) {
+							const text = await decompressSession(target);
+							if (text.ok) activeCwd = parseSessionUsages(text.text).cwd;
+						}
+					}
+					if (activeCwd === void 0) {
+						let activeCount = 0;
+						for (const session of sessionList) {
+							if (session.cwd === void 0) continue;
+							const todaySamples = session.samples.filter((s) => {
+								const now = new Date();
+								const dayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+								return s.time >= dayStart && s.time < dayStart + 24 * 60 * 60 * 1000;
+							}).length;
+							if (todaySamples > activeCount) {
+								activeCount = todaySamples;
+								activeCwd = session.cwd;
+							}
 						}
 					}
 					const workspace = todayCost(sessionList, activeCwd);
@@ -732,7 +797,13 @@ function makeRoutes(ctx, config) {
 			path: API.activeCost,
 			handler: async (req, res) => {
 				if (!guard(req, res, "GET")) return;
-				const file = await findMostRecentSessionFile();
+				const url = new URL(req.url ?? "/", "http://localhost");
+				const sessionId = url.searchParams.get("session") ?? "";
+				// Prefer the explicitly passed session (the client's currently
+				// selected one); fall back to the most recently active session.
+				const file = sessionId !== ""
+					? await resolveSessionFile(sessionId)
+					: await findMostRecentSessionFile();
 				if (file === void 0) {
 					writeJson(res, 404, { error: "no session files found", modelId: config.modelId });
 					return;
@@ -744,11 +815,36 @@ function makeRoutes(ctx, config) {
 				}
 				const parsed = parseSessionUsages(result.text);
 				const last = lastTurnCost(parsed.samples);
-				const total = sessionTotalCost(parsed.samples);
+				const todaySession = todaySessionCost(parsed.samples);
+				// Current peak/off-peak state + price tier for the configured model.
+				const now = new Date();
+				const peakActive = isPeak(now);
+				const table = peakActive
+					? pricingTable[pricingKey(config.modelId)].peak
+					: pricingTable[pricingKey(config.modelId)].offPeak;
+				// Short workspace name from the cwd path (last segment).
+				let workspaceName = "未知工作区";
+				if (typeof parsed.cwd === "string" && parsed.cwd !== "") {
+					const segments = parsed.cwd.split("/").filter((s) => s !== "");
+					workspaceName = segments.length > 0 ? segments[segments.length - 1] : parsed.cwd;
+				}
+				// Session id from the file path (…/session-<id>/session.jsonl.zstd).
+				let fileSessionId = void 0;
+				const sidMatch = file.match(/session-([0-9a-f-]+)/);
+				if (sidMatch !== null) fileSessionId = sidMatch[1];
 				writeJson(res, 200, {
 					lastPrompt: last,
-					sessionTotal: total,
+					todaySession,
 					cwd: parsed.cwd,
+					title: parsed.title,
+					workspaceName,
+					sessionId: fileSessionId,
+					peak: {
+						active: peakActive,
+						inputMiss: table.inputMiss,
+						inputHit: table.inputHit,
+						output: table.output
+					},
 					modelId: config.modelId,
 					pricingSource,
 					pricingSyncedAt

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-balance-widget",
-  "description": "Balance & cost widget for the dsh web GUI: a sidebar footer card shows the DeepSeek account balance, a remaining-ratio bar and today's costs; clicking opens a popover with four-tier cost breakdown (last prompt / this session / today-this-project / today-all), term explanations, and a one-click top-up link. Zero external dependencies — works on Node 24.",
-  "version": "0.4.5",
+  "description": "Balance & cost widget for the dsh web GUI: a sidebar footer card shows the DeepSeek account balance and today's costs; clicking opens a popover with a five-tier cost breakdown (last prompt with session name / today-this-session / today-this-workspace / today-all-workspaces), peak/off-peak status tags, term explanations, and a one-click top-up link. Zero external dependencies — works on Node 24.",
+  "version": "0.5.1",
   "type": "module",
   "main": "lib/index.js",
   "files": [