@gamegeek-saikel/dsh-cost-meter 0.2.1 → 0.3.0-alpha.2

package/README.md

@@ -8,7 +8,7 @@
 
 **DSH Cost Meter** is a DeepSeek conversation cost-tracking plugin for the DeepSeek Harness (DSH) Web GUI — **price-snapshot-anchored per-turn cost** (peak/off-peak aware), **account balance**, a **cost view tab**, **per-message cost chips**, and a **header pill with live streaming estimates**. Every step's cost, price band, and snapshot version are computed *once* from the pricebook snapshot effective at the usage event's own time and then never recomputed — a later price change never rewrites an already-written conversation row.
 
-- Host half (`src/`): DeepSeek `GET /user/balance` query, the persisted snapshot-anchored pricebook, the `sessionCost` projection, subagent cost aggregation, and the trust-fenced `/cost-meter` route.
+- Host half (`src/`): DeepSeek `GET /user/balance` query, the persisted snapshot-anchored pricebook, the `sessionCost` projection plus the pricebook-free `sessionCostIndex` message index, subagent cost aggregation, and the trust-fenced `/cost-meter` route.
 - Client half (`src/client/`): composer-dock readout, Cost tab, per-reply chip, header pill, and the plugin configuration card — in Simplified Chinese and English.
 
 ---
@@ -29,11 +29,11 @@ Then start the harness:
 npx @deepseek-ai/dsh web
 ```
 
-If you have the DSH CLI installed globally, you can also use `dsh` instead of `npx @deepseek-ai/dsh`. To install into another profile, replace `web` with your profile name. The plugin declares and is verified against DSH `>=0.1.1-rc.1 <0.2.0` (current local version `0.1.1-rc.1`). The host half requires Node `^22.19.0 || >=24.0.0` and pnpm `11.7.0` for development.
+If you have the DSH CLI installed globally, you can also use `dsh` instead of `npx @deepseek-ai/dsh`. To install into another profile, replace `web` with your profile name. The plugin declares and is verified against DSH `^0.1.5-alpha.1`. The host half requires Node `^22.19.0 || >=24.0.0` and pnpm `11.7.0` for development.
 
 ## Overview
 
-Chat costs in DeepSeek pricing change over time (list prices, USD→CNY exchange, and the 2026-08-17 peak/off-peak rollout; on 2026-08-21 the official zh/en pages were redesigned into a combined table with three model columns and OFF-PEAK/PEAK cells), and a conversation spans many turns with cache-hit, cache-miss, cache-write, and output token buckets. Naively recomputing costs at *current* prices makes history drift every time the price table changes.
+Chat costs in DeepSeek pricing change over time (list prices, USD→CNY exchange, the 2026-08-17 peak/off-peak rollout, and the 2026-09-10 model rename to `deepseek-flash` with its V4.1-Flash price cut), and a conversation spans many turns with cache-hit, cache-miss, cache-write, and output token buckets. Naively recomputing costs at *current* prices makes history drift every time the price table changes.
 
 **Cost Meter** solves this with an **append-only pricebook**: every price/fx/band-table change starts a new immutable `PricebookSnapshot` (monotonic `version`, `effectiveAt`), and each usage event anchors to the snapshot effective at its own time. The result is an immutable per-step cost ledger that only grows — it never mutates. Live streaming estimates are explicitly labeled 估算/estimate because they use *current* prices; they are replaced by the exact anchored value once the step settles.
 
@@ -43,8 +43,8 @@ Chat costs in DeepSeek pricing change over time (list prices, USD→CNY exchange
 |---|---|
 | Cost anchoring | Append-only pricebook snapshots; step cost computed once at the event's own time |
 | Price sources | Manual override > official pricing page > built-in fallback > OpenRouter (fallback only, USD→CNY) > none |
-| Official page | Parses both the 2026-08-21 combined zh/en tables (including the `deepseek-v4-flash-vision-exp` column and the English UTC schedule) and the legacy split tables; the built-in historical list still anchors `single` when the page no longer carries one |
-| Peak pricing | 2026-08-17 00:00 Beijing rollout; peak windows apply Monday–Friday only (the zh and en pages may state different timezones; fallback 09:00–12:00 / 14:00–18:00 Beijing), weekends and all other hours off-peak at half price |
+| Official page | Parses the current 2026-09-10 combined zh/en tables (the `deepseek-flash` / `deepseek-v4-pro` columns with OFF-PEAK/PEAK cells per bucket row, and the English UTC schedule) as well as the earlier combined and legacy split tables; the retired `deepseek-v4-flash` and `deepseek-v4-flash-vision-exp` ids have no column of their own and bill at the Flash price, exactly as the page states. The built-in list still anchors `single` when the page no longer carries a pre-rollout table |
+| Peak pricing | 2026-08-17 00:00 Beijing rollout; peak windows apply Monday–Friday only (the zh and en pages may state different timezones; fallback 09:00–12:00 / 14:00–18:00 Beijing), so Saturdays, Sundays, and all other hours are off-peak at half price |
 | Cost formula | Uncached input + cache reads (hit rate) + cache writes (billed at uncached input rate) + output, per 1M tokens, CNY |
 | Account balance | Official `GET /user/balance`, cached 60 s, single in-flight request, trust-fenced route |
 | Subagent support | BFS over the live agent tree; conversation totals = main session + descendants |
@@ -60,7 +60,7 @@ Once installed, the plugin contributes five browser surfaces (all text shown in
 |---|---|---|
 | Composer dock readout | `conversation.composer.dock` | Anchored session spend + account balance, refreshed every minute; hover for the category breakdown and snapshot info |
 | Cost view tab | `conversation.view` | Whole-conversation totals (main + subagents), category totals, per-subagent list, and the per-reply anchored ledger |
-| Per-reply cost chip | `conversation.chat.assistant-actions` | The anchored cost of one finalized reply (dash `—` when unpriced) |
+| Per-reply cost chip | `conversation.chat.assistant-actions` | The anchored cost of one finalized reply as the row's own stat capsule — the same trigger + anchored dialog the shipped 用量 and 用时 capsules use (28px pill, hover fill, `aria-expanded` dialog above the trigger). It closes the row's stat run: after 用量 and 用时, before the timestamp, spaced by the row's own gap, and coloured by the band that priced it (green off-peak, red peak). The dialog lists the three billed categories, the band with its multiplier, the model, and the snapshot version; the slot hands over the message id, which the `sessionCostIndex` projection resolves to ledger coordinates (dash `—` when unpriced) |
 | Header pill | `conversation.session.header.utilities` | Anchored total, or a live `≈ ¥x.xx (estimate)` while streaming; click for the detail panel |
 | Plugin card | `settings.plugin.item` | Per-model overrides, OpenRouter aliases, cache-read discount, FX mode, toggles, and manual refresh |
 
@@ -73,7 +73,7 @@ The pricebook (`src/pricebook.ts`) is the durable price source, persisted on the
 - **Priority chain** — per canonical model key (`provider/model`, bare model, or the `flash`/`pro` pricing key for DeepSeek-family models): manual override > official page > built-in fallback > OpenRouter (fallback only, USD→CNY, cache reads at the configured discount) > none.
 - **Snapshot selection** — `snapshotForTime` picks the newest snapshot with `effectiveAt <= event time` (pre-install sessions anchor to the first snapshot once).
 - **Peak/off-peak** — before the 2026-08-17 rollout all steps price at the single list price; after it, the band is chosen by the EVENT's own time against the schedule of the pricebook's own page (the zh and en pages each parse their own peak windows — the redesigned English page states UTC — falling back to Beijing 09:00–12:00 / 14:00–18:00, everything else off-peak). The official pages restrict peak windows to Monday–Friday, so Saturdays and Sundays are off-peak all day in the schedule's own timezone. When the combined page has no legacy single-price column, `single` keeps anchoring to the built-in historical list; a page that still carries a separate legacy table wins. Each step's band is anchored once at fold time, so the per-reply cards and chips always show the band that round was billed at — never the band of the moment you are looking.
-- **Immutable ledger** — the `sessionCost` projection (`src/session-cost-projection.ts`) folds `request/header` (model) and usage-carrying events into per-step rows; a second usage sample for the same (turn, step) replaces the first (same-step finalization, not a re-price), with O(1) incremental totals.
+- **Immutable ledger** — the `sessionCost` projection (`src/session-cost-projection.ts`) folds `request/header` (model) and usage-carrying events into per-step rows; a second usage sample for the same (turn, step) replaces the first (same-step finalization, not a re-price), with O(1) incremental totals. The companion `sessionCostIndex` projection (`src/session-cost-index.ts`) maps each finalized assistant-message id to its ledger coordinates; it reads no pricebook and computes no cost, so folding it can never re-price a session.
 
 ## Project Structure
 
@@ -84,6 +84,7 @@ src/
   pricing.ts                    # Official pricing-page parser, peak pricing, Beijing bands
   pricebook.ts                  # Append-only snapshots, priority chain, storage domain
   session-cost-projection.ts    # sessionCost projection (immutable per-step ledger)
+  session-cost-index.ts         # sessionCostIndex: message id → ledger coordinates
   subagent-cost.ts              # BFS subagent cost aggregation
   invariant.ts                  # Route-disposer symmetry invariant companion
   client/                       # Browser half: 5 slot components + math/format/locales
@@ -107,7 +108,7 @@ The test suites are fully offline: pricing-page HTML, OpenRouter models, and the
 
 ## Documentation
 
-- [`src/pricing.ts`](src/pricing.ts), [`src/pricebook.ts`](src/pricebook.ts), [`src/session-cost-projection.ts`](src/session-cost-projection.ts) — detailed module docs on parsing, anchoring, and the ledger contract
+- [`src/pricing.ts`](src/pricing.ts), [`src/pricebook.ts`](src/pricebook.ts), [`src/session-cost-projection.ts`](src/session-cost-projection.ts), [`src/session-cost-index.ts`](src/session-cost-index.ts) — detailed module docs on parsing, anchoring, and the ledger contract
 - [`README.zh-CN.md`](README.zh-CN.md) — 简体中文版本
 
 ## License

package/README.zh-CN.md

@@ -8,7 +8,7 @@
 
 **DSH Cost Meter** 是为 DeepSeek Harness（DSH）Web GUI 打造的对话成本追踪插件——**价格快照锚定**的逐轮成本（感知**峰值/闲时**）、**账户余额**、**花费标签页**、**每条回复成本小标签**，以及带**流式实时估算**的**头部胶囊**。每一步的成本、价格档位与快照版本都**只计算一次**——锚定到该用量事件自身时刻生效的价格快照，此后永不重算——因此后续价格变动绝不会改写已写入的对话记录。
 
-- Host 半区（`src/`）：DeepSeek `GET /user/balance` 余额查询、持久化的快照锚定价格簿、`sessionCost` 投影、子代理成本聚合，以及带信任围栏的 `/cost-meter` 路由。
+- Host 半区（`src/`）：DeepSeek `GET /user/balance` 余额查询、持久化的快照锚定价格簿、`sessionCost` 投影与不读价格簿的 `sessionCostIndex` 消息索引、子代理成本聚合，以及带信任围栏的 `/cost-meter` 路由。
 - Client 半区（`src/client/`）：输入框下方读数、花费标签页、每条回复成本小标签、头部胶囊，以及插件配置卡——内置简体中文与英文。
 
 ---
@@ -29,11 +29,11 @@ npx @deepseek-ai/dsh plugin --profile web add @gamegeek-saikel/dsh-cost-meter
 npx @deepseek-ai/dsh web
 ```
 
-如果已全局安装 DSH CLI，也可以使用 `dsh` 代替 `npx @deepseek-ai/dsh`。安装到其他 profile 时，把 `web` 替换成你的 profile 名称即可。插件声明并已验证兼容 DSH `>=0.1.1-rc.1 <0.2.0`（当前本地版本 `0.1.1-rc.1`）。开发环境要求 Node `^22.19.0 || >=24.0.0` 与 pnpm `11.7.0`。
+如果已全局安装 DSH CLI，也可以使用 `dsh` 代替 `npx @deepseek-ai/dsh`。安装到其他 profile 时，把 `web` 替换成你的 profile 名称即可。插件声明并已验证兼容 DSH `^0.1.5-alpha.1`。开发环境要求 Node `^22.19.0 || >=24.0.0` 与 pnpm `11.7.0`。
 
 ## 概述
 
-DeepSeek 的价格随时间变化（官方价目表、USD→CNY 汇率、以及 2026-08-17 上线的峰值/闲时分时计价；2026-08-21 官方又把中英文页面改为一张三模型列、空闲/高峰列的价格表），而一次对话跨越很多轮，且每轮都含缓存命中、缓存未命中、缓存写入与输出等 token 桶。若按"当前价格"重算成本，每次价目变动都会让历史记录漂移。
+DeepSeek 的价格随时间变化（官方价目表、USD→CNY 汇率、2026-08-17 上线的峰值/闲时分时计价，以及 2026-09-10 的模型改名——Flash 列更名为 `deepseek-flash` 并下调为 V4.1-Flash 价），而一次对话跨越很多轮，且每轮都含缓存命中、缓存未命中、缓存写入与输出等 token 桶。若按"当前价格"重算成本，每次价目变动都会让历史记录漂移。
 
 **Cost Meter** 用**只追加的价格簿**解决这一问题：每次价格/汇率/分时表变化都会开启一个新的不可变 `PricebookSnapshot`（单调 `version`、`effectiveAt`），每个用量事件锚定到其自身时刻生效的快照。结果是一个**只增长、永不改写**的不可变逐步成本账本。流式实时估算明确标注为"估算"——因为它使用*当前*价格；一旦该步结算，即被精确的锚定值取代。
 
@@ -43,8 +43,8 @@ DeepSeek 的价格随时间变化（官方价目表、USD→CNY 汇率、以及
 |---|---|
 | 成本锚定 | 只追加价格簿快照；步成本在事件自身时刻只计算一次 |
 | 价格来源 | 手动覆盖 > 官方价格页 > 内置回退 > OpenRouter（仅回退，USD→CNY）> 无 |
-| 官方页适配 | 同时解析 2026-08-21 新版中英文页面（含 `deepseek-v4-flash-vision-exp` 第三列与英文 UTC 时段）和旧版分表；无旧单价的页面继续用内置历史单价锚定 |
-| 峰值定价 | 2026-08-17 00:00 北京生效；高峰窗口仅周一至周五（中英文页面时区可能不同，缺省 09:00–12:00 / 14:00–18:00 北京），周六、周日全天及其余时段为半价闲时 |
+| 官方页适配 | 解析当前 2026-09-10 版中英文页面（`deepseek-flash` / `deepseek-v4-pro` 两列、每个 token 桶行内的空闲/高峰单元格，以及英文 UTC 时段），同时兼容此前的合并表与旧版分表；已下线的 `deepseek-v4-flash`、`deepseek-v4-flash-vision-exp` 不再有独立列，按页面说明直接以 Flash 价格计费；页面不再提供旧单价表时继续用内置历史单价锚定 `single` |
+| 峰值定价 | 2026-08-17 00:00 北京生效；高峰窗口仅周一至周五（中英文页面时区可能不同，缺省 09:00–12:00 / 14:00–18:00 北京），因此周六、周日全天及其余时段均为半价闲时 |
 | 成本公式 | 未命中输入 + 缓存命中（命中价）+ 缓存写入（按未命中输入价计）+ 输出，每百万 tokens，CNY |
 | 账户余额 | 官方 `GET /user/balance`，缓存 60 秒，单飞请求，路由带信任围栏 |
 | 子代理支持 | 沿活跃代理树 BFS；对话总花费 = 主会话 + 全部后代 |
@@ -60,7 +60,7 @@ DeepSeek 的价格随时间变化（官方价目表、USD→CNY 汇率、以及
 |---|---|---|
 | 输入框下方读数 | `conversation.composer.dock` | 锚定的本会话花费 + 账户余额，每分钟刷新；悬停查看分类明细与快照信息 |
 | 花费标签页 | `conversation.view` | 全对话总花费（主会话 + 子代理）、分类小计、子代理列表与逐回复锚定账本 |
-| 每条回复成本小标签 | `conversation.chat.assistant-actions` | 单条已定稿回复的锚定成本（无价格时显示 `—`） |
+| 每条回复成本小标签 | `conversation.chat.assistant-actions` | 单条已定稿回复的锚定成本，做成与官方「用量」「用时」完全同形的统计胶囊（28px 药丸、悬停底色、`aria-expanded` 展开锚定在触发件上方的对话框）；位置收在统计串末：在「用量」「用时」之后、末尾时刻文本之前，间距沿用行自身的 gap；按计价档位着色（闲时绿、高峰红）；对话框列出三类计费、档位与倍率、模型与快照版本；插槽只给出消息 id，由 `sessionCostIndex` 投影解析为账本坐标（无价格时显示 `—`） |
 | 头部胶囊 | `conversation.session.header.utilities` | 锚定总花费；流式中显示 `预计 ¥x.xx（估算）`；点击展开详情面板 |
 | 插件配置卡 | `settings.plugin.item` | 按模型覆盖价、OpenRouter 别名、缓存折扣、汇率模式、开关与立即刷新 |
 
@@ -73,7 +73,7 @@ DeepSeek 的价格随时间变化（官方价目表、USD→CNY 汇率、以及
 - **优先级链**——按规范模型键（`provider/model`、裸模型名，或 DeepSeek 系模型的 `flash`/`pro` 定价键）：手动覆盖 > 官方页面 > 内置回退 > OpenRouter（仅回退，USD→CNY，缓存读按配置折扣）> 无。
 - **快照选取**——`snapshotForTime` 取 `effectiveAt <= 事件时间` 的最新快照（安装前的会话一次性锚到首个快照）。
 - **峰值/闲时**——2026-08-17 上线前所有步按单一价目计费；上线后按事件自身时刻与该价格簿页面的时段表选档（中英文页面各自解析自己的高峰窗口，英文新版为 UTC，抓取失败时回退到北京 09:00–12:00 / 14:00–18:00，其余闲时）。官方页面限定高峰仅周一至周五，因此北京时间周六、周日全天为闲时。新版合并表没有旧单价列时，`single` 继续锚定内置历史单价；页面若有独立旧表，则优先用它。每步的档位在折叠时锚定一次，逐回复卡片与回复小标签永远显示该轮对话当时被计价的档位，而不是查看时刻的档位。
-- **不可变账本**——`sessionCost` 投影（`src/session-cost-projection.ts`）把 `request/header`（模型）与携带用量的事件折叠为逐步记录；同一 (turn, step) 的第二次用量样本**替换**第一条（同一步终结，而非重新计价），总计以 O(1) 增量维护。
+- **不可变账本**——`sessionCost` 投影（`src/session-cost-projection.ts`）把 `request/header`（模型）与携带用量的事件折叠为逐步记录；同一 (turn, step) 的第二次用量样本**替换**第一条（同一步终结，而非重新计价），总计以 O(1) 增量维护。配套的 `sessionCostIndex` 投影（`src/session-cost-index.ts`）把每条已定稿助手消息 id 映射到其账本坐标；它不读价格簿、不算成本，因此折叠它绝不会重新计价任何会话。
 
 ## 项目结构
 
@@ -84,6 +84,7 @@ src/
   pricing.ts                    # 官方价格页解析、峰值定价、北京时段
   pricebook.ts                  # 只追加快照、优先级链、存储域
   session-cost-projection.ts    # sessionCost 投影（不可变逐步账本）
+  session-cost-index.ts         # sessionCostIndex：消息 id → 账本坐标
   subagent-cost.ts              # BFS 子代理成本聚合
   invariant.ts                  # 路由释放对称性 invariant 伴生插件
   client/                       # 浏览器半区：5 个插槽组件 + 数学/格式化/本地化
@@ -107,7 +108,7 @@ pnpm build       # tsc -b && tsdown（lib/ + lib/client.js）
 
 ## 文档
 
-- [`src/pricing.ts`](src/pricing.ts)、[`src/pricebook.ts`](src/pricebook.ts)、[`src/session-cost-projection.ts`](src/session-cost-projection.ts)——解析、锚定与账本契约的详细模块注释
+- [`src/pricing.ts`](src/pricing.ts)、[`src/pricebook.ts`](src/pricebook.ts)、[`src/session-cost-projection.ts`](src/session-cost-projection.ts)、[`src/session-cost-index.ts`](src/session-cost-index.ts)——解析、锚定与账本契约的详细模块注释
 - [`README.md`](README.md) — English version
 
 ## 许可证

package/lib/client.js

@@ -7,6 +7,7 @@ window.__ModuleLoader__.load({
 		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
+		let react_dom = require("react-dom");
 		//#region src/client/locales.ts
 		/** `cost-meter` namespace dictionaries. */
 		/** Dictionary namespace owned by this plugin. */
@@ -56,6 +57,10 @@ window.__ModuleLoader__.load({
 			"price.peakRatio": "高峰 {multiplier}",
 			"price.offPeakRatio": "闲时 {multiplier}",
 			"chip.title": "本回复花费 {amount}",
+			"chip.detail.title": "本回复花费",
+			"chip.detail.band": "计价档位",
+			"chip.detail.model": "模型",
+			"chip.detail.snapshot": "价格快照",
 			"chip.unpriced": "—",
 			"balance.label": "余额 {amount}",
 			"balance.failed": "余额不可用",
@@ -126,6 +131,10 @@ window.__ModuleLoader__.load({
 			"price.peakRatio": "peak {multiplier}",
 			"price.offPeakRatio": "off-peak {multiplier}",
 			"chip.title": "This reply cost {amount}",
+			"chip.detail.title": "Cost of this reply",
+			"chip.detail.band": "Price band",
+			"chip.detail.model": "Model",
+			"chip.detail.snapshot": "Price snapshot",
 			"chip.unpriced": "—",
 			"balance.label": "Balance {amount}",
 			"balance.failed": "Balance unavailable",
@@ -156,17 +165,16 @@ window.__ModuleLoader__.load({
 		/** Official peak-pricing rollout: 2026-08-17 00:00 Beijing time (UTC+8). */
 		const PEAK_PRICING_START_MS = Date.UTC(2026, 7, 16, 16, 0, 0);
 		/**
-		* Built-in fallback zh peak schedule: the official announcement's windows in
-		* Beijing time (peak 09:00-12:00 / 14:00-18:00, Monday–Friday; everything
-		* else, including all of Saturday and Sunday, off-peak).
+		* Built-in fallback zh peak schedule: the official page's windows in Beijing
+		* time (peak 09:00-12:00 / 14:00-18:00, Monday–Friday; everything else,
+		* including all of Saturday and Sunday, off-peak).
 		*/
 		const PEAK_SCHEDULE_ZH = {
 			timezone: "Asia/Shanghai",
 			ranges: [[9, 12], [14, 18]],
 			weekdaysOnly: true
 		};
-		/** Built-in fallback USD prices from the English pricing page. */
-		const FALLBACK_CURRENT_USD = {
+		({ ...{
 			flash: {
 				cacheReadPerMillion: .007,
 				inputPerMillion: .22,
@@ -177,8 +185,7 @@ window.__ModuleLoader__.load({
 				inputPerMillion: .66,
 				outputPerMillion: 1.98
 			}
-		};
-		({ ...FALLBACK_CURRENT_USD.flash }), { ...FALLBACK_CURRENT_USD.pro };
+		}.pro });
 		/**
 		* Whether the given instant is a peak-pricing hour under one schedule: the
 		* zh fallback is Beijing time 09:00-12:00 and 14:00-18:00; each pricebook
@@ -323,28 +330,6 @@ window.__ModuleLoader__.load({
 			if (offPeakTotal === 0) return null;
 			return (peak.cacheReadPerMillion + peak.inputPerMillion + peak.outputPerMillion) / offPeakTotal;
 		}
-		/** CJK characters (the /1.5 density class). */
-		const CJK_RE = /[\u3400-\u4dbf\u4e00-\u9fff]/g;
-		/**
-		* Heuristic character→token estimate: CJK ÷ 1.5, everything else ÷ 4
-		* (the streaming estimate's output side).
-		* @param text - the accumulated text.
-		* @returns the estimated token count.
-		*/
-		function estimateTokens(text) {
-			const cjk = (text.match(CJK_RE) ?? []).length;
-			return Math.ceil(cjk / 1.5 + (text.length - cjk) / 4);
-		}
-		/**
-		* Tokens of the streamed text/reasoning blocks of a partial assistant.
-		* @param blocks - the partial's content blocks (text/reasoning carry `text`).
-		* @returns the estimated token count.
-		*/
-		function blocksOutputTokens(blocks) {
-			let tokens = 0;
-			for (const block of blocks ?? []) if ((block.kind === "text" || block.kind === "reasoning") && typeof block.text === "string" && block.text.length > 0) tokens += estimateTokens(block.text);
-			return tokens;
-		}
 		/**
 		* The cache-read ratio of the newest completed step (input side of the
 		* estimate). Absent history conservatively prices all input as uncached
@@ -585,7 +570,7 @@ window.__ModuleLoader__.load({
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-cost-meter/dsh-cost-meter/src/client/CostView.module.css.mjs
-		const css$3 = ".fZF-xq_root{max-width:var(--dsh-chat-content-width);box-sizing:border-box;width:100%;color:var(--dsw-alias-label-primary);flex-direction:column;gap:16px;margin:0 auto;padding:16px 24px;font-size:13px;line-height:20px;display:flex}.fZF-xq_summary{flex-direction:column;gap:8px;display:flex}.fZF-xq_totalRow{justify-content:space-between;align-items:baseline;display:flex}.fZF-xq_totalLabel{font-size:15px;font-weight:600}.fZF-xq_totalValue{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.fZF-xq_bandBadge{opacity:.85;white-space:nowrap;font-size:11px;font-weight:500}.fZF-xq_bandBadge[data-band=peak]{color:var(--dsw-alias-state-error-primary)}.fZF-xq_bandBadge[data-band=offPeak]{color:var(--dsw-alias-state-success-primary)}.fZF-xq_bandBadge:before{content:\"·\";color:currentColor;opacity:.6;margin:0 4px}.fZF-xq_categories{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;font-size:12px;display:flex}.fZF-xq_unpricedNote{color:var(--dsw-alias-label-secondary);opacity:.75;font-size:12px}.fZF-xq_steps{flex-direction:column;gap:8px;display:flex}.fZF-xq_stepsTitle{margin:0;font-size:13px;font-weight:600}.fZF-xq_stepList{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fZF-xq_step{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.fZF-xq_step[data-band=peak]{border-color:var(--dsw-alias-state-error-secondary)}.fZF-xq_step[data-band=offPeak]{border-color:var(--dsw-alias-state-success-secondary)}.fZF-xq_step[data-band=peak] .fZF-xq_stepCost{color:var(--dsw-alias-state-error-primary)}.fZF-xq_step[data-band=offPeak] .fZF-xq_stepCost{color:var(--dsw-alias-state-success-primary)}.fZF-xq_stepHead{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.fZF-xq_stepTurn{font-weight:600}.fZF-xq_stepModel{color:var(--dsw-alias-label-secondary);font-size:12px}.fZF-xq_stepTime{color:var(--dsw-alias-label-secondary);opacity:.75;font-size:12px}.fZF-xq_stepCost{font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin-left:auto;font-weight:600;display:inline-flex}.fZF-xq_stepBody{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.fZF-xq_stepMeta{color:var(--dsw-alias-label-secondary);opacity:.75}";
+		const css$3 = ".fZF-xq_root{max-width:var(--dsh-chat-content-width);box-sizing:border-box;width:100%;color:var(--dsw-alias-label-primary);flex-direction:column;gap:16px;margin:0 auto;padding:16px 24px;font-size:13px;line-height:20px;display:flex}.fZF-xq_summary{flex-direction:column;gap:8px;display:flex}.fZF-xq_totalRow{justify-content:space-between;align-items:baseline;display:flex}.fZF-xq_totalLabel{font-size:15px;font-weight:600}.fZF-xq_totalValue{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.fZF-xq_categories{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;font-size:12px;display:flex}.fZF-xq_unpricedNote{color:var(--dsw-alias-label-secondary);opacity:.75;font-size:12px}.fZF-xq_steps{flex-direction:column;gap:8px;display:flex}.fZF-xq_stepsTitle{margin:0;font-size:13px;font-weight:600}.fZF-xq_stepList{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fZF-xq_step{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.fZF-xq_step[data-band=peak]{border-color:var(--dsw-alias-state-error-secondary)}.fZF-xq_step[data-band=offPeak]{border-color:var(--dsw-alias-state-success-secondary)}.fZF-xq_step[data-band=peak] .fZF-xq_stepCost{color:var(--dsw-alias-state-error-primary)}.fZF-xq_step[data-band=offPeak] .fZF-xq_stepCost{color:var(--dsw-alias-state-success-primary)}.fZF-xq_stepHead{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.fZF-xq_stepTurn{font-weight:600}.fZF-xq_stepModel{color:var(--dsw-alias-label-secondary);font-size:12px}.fZF-xq_stepTime{color:var(--dsw-alias-label-secondary);opacity:.75;font-size:12px}.fZF-xq_stepCost{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin-left:auto;font-weight:600;display:inline-flex}.fZF-xq_stepBody{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.fZF-xq_stepMeta{color:var(--dsw-alias-label-secondary);opacity:.75}";
 		const tagId$3 = "@gamegeek-saikel/dsh-cost-meter/CostView.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
@@ -595,7 +580,6 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var CostView_module_css_default = {
-			"bandBadge": "fZF-xq_bandBadge",
 			"categories": "fZF-xq_categories",
 			"root": "fZF-xq_root",
 			"step": "fZF-xq_step",
@@ -624,7 +608,9 @@ window.__ModuleLoader__.load({
 		* per-subagent breakdown, and the per-reply list (turn, time, model, token
 		* split, step cost, anchored snapshot version and effective time). Reads the
 		* `sessionCost` projection plus the host-aggregated subagent totals; nothing
-		* is recomputed at current prices.
+		* is recomputed at current prices. Each row's band rides the shipped `Tag`
+		* capsule (11px/17px, `success` off-peak / `danger` peak), the same tag
+		* geometry every other tag control in the product uses.
 		*/
 		/** Map an unpriced reason to its localized copy. */
 		function reasonText(step, t) {
@@ -771,10 +757,8 @@ window.__ModuleLoader__.load({
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 											className: CostView_module_css_default.stepCost,
-											children: [money(step.cost), stepBandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: CostView_module_css_default.bandBadge,
-												"data-band": stepBand,
-												"data-testid": "cost-step-band",
+											children: [money(step.cost), stepBandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+												tone: stepBand === "peak" ? "danger" : "success",
 												children: stepBandLabel
 											})]
 										})
@@ -802,7 +786,7 @@ window.__ModuleLoader__.load({
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-cost-meter/dsh-cost-meter/src/client/AssistantCostChip.module.css.mjs
-		const css$2 = "._9lx30q_root{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;order:10;align-items:baseline;gap:4px;margin-left:10px;font-size:14px;line-height:24px;display:inline-flex}._9lx30q_root:before{content:\"·\";color:var(--dsw-alias-separator-primary);margin-right:10px}._9lx30q_bandBadge{opacity:.85;white-space:nowrap;font-size:12px;line-height:18px}._9lx30q_bandBadge[data-band=peak]{color:var(--dsw-alias-state-error-primary)}._9lx30q_bandBadge[data-band=offPeak]{color:var(--dsw-alias-state-success-primary)}._9lx30q_bandBadge:before{content:\"·\";color:currentColor;opacity:.6;margin:0 4px}._9lx30q_unpriced{color:var(--dsw-alias-label-tertiary);white-space:nowrap;opacity:.6;cursor:help;order:10;margin-left:10px;font-size:14px;line-height:24px}._9lx30q_unpriced:before{content:\"·\";color:var(--dsw-alias-separator-primary);margin-right:10px}@media (hover:hover){[data-time-hover-root] [data-cost-chip]{opacity:0;transition:opacity 80ms}[data-time-hover-root]:hover [data-cost-chip],[data-time-hover-root]:focus-within [data-cost-chip]{opacity:1}[data-time-hover-root] [data-cost-chip]._9lx30q_unpriced{opacity:0}}";
+		const css$2 = "._9lx30q_root{order:1;min-width:0;display:inline-flex}[class*=_actions]>[class*=_timeEnd]{order:2}._9lx30q_trigger{min-width:0;height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);font-variant-numeric:tabular-nums;line-height:calc(24px + var(--dsh-content-font-delta,0px));white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:28px;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}._9lx30q_trigger:hover,._9lx30q_trigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._9lx30q_trigger svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px));flex:none}._9lx30q_label{text-overflow:ellipsis;min-width:0;overflow:hidden}._9lx30q_root[data-band=offPeak] ._9lx30q_label{color:var(--dsw-alias-state-success-primary)}._9lx30q_root[data-band=peak] ._9lx30q_label{color:var(--dsw-alias-state-error-primary)}._9lx30q_panel{z-index:1100;box-sizing:border-box;background:var(--dsw-specific-menu);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;border-radius:12px;padding:16px;font-size:12px;line-height:18px;position:fixed}._9lx30q_title{color:var(--dsw-alias-label-primary);justify-content:space-between;gap:16px;margin-bottom:8px;font-weight:500;display:flex}._9lx30q_titleLabel{align-items:center;gap:6px;min-width:0;display:inline-flex}._9lx30q_titleLabel svg{flex:none;width:14px;height:14px}._9lx30q_titleValue{font-variant-numeric:tabular-nums}._9lx30q_titleRule{border-top:.5px solid var(--dsw-alias-border-l2);margin-bottom:10px}._9lx30q_details{color:var(--dsw-alias-label-tertiary);grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0;display:grid}._9lx30q_details dt,._9lx30q_details dd{min-width:0;margin:0}._9lx30q_details dd{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-align:right}._9lx30q_unpriced{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));opacity:.6;cursor:help;order:1;align-items:center;display:inline-flex}";
 		const tagId$2 = "@gamegeek-saikel/dsh-cost-meter/AssistantCostChip.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -812,52 +796,75 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var AssistantCostChip_module_css_default = {
-			"bandBadge": "_9lx30q_bandBadge",
+			"details": "_9lx30q_details",
+			"label": "_9lx30q_label",
+			"panel": "_9lx30q_panel",
 			"root": "_9lx30q_root",
+			"title": "_9lx30q_title",
+			"titleLabel": "_9lx30q_titleLabel",
+			"titleRule": "_9lx30q_titleRule",
+			"titleValue": "_9lx30q_titleValue",
+			"trigger": "_9lx30q_trigger",
 			"unpriced": "_9lx30q_unpriced"
 		};
 		//#endregion
 		//#region src/client/AssistantCostChip.tsx
 		/**
-		* Per-reply cost chip: the anchored cost of ONE finalized reply. Rendered
-		* through the assistant-actions slot but visually joined to the reply's
-		* timing row (01:51 · 用时 · 首 token · tok/s): a flex `order` places it
-		* after the clock text, and the type matches the clock's (label-tertiary,
-		* 14px) with a dot separator, so it reads as part of the same metadata run.
-		* The `messageId` owner prop maps to the assistant node's (turn, step),
-		* which addresses the projection's step ledger — the cost is the anchored
-		* snapshot value, never a current-price recompute. Unpriced replies render
-		* `—` (the Cost tab explains why).
-		*/
-		/**
-		* Locate a finalized assistant node by its message id and return its
-		* (turn, step) coordinates, or null when the node is out of window.
-		* @param snapshot - the conversation snapshot.
-		* @param messageId - the addressed message identity.
-		* @returns the step coordinates, or null.
+		* Per-reply cost, rendered in the completed Turn's action row. Contributed
+		* through the `conversation.chat.assistant-actions` list slot, whose entries
+		* DSH 0.1.5 draws in the row's action area (after the copy action, ahead of the
+		* branch button); a flex `order` then seats the capsule after the shipped 用量
+		* and 用时 capsules and before the row's timestamp, closing the stat run with
+		* the row's own 8px gaps between neighbours.
+		*
+		* The control is the row's own stat-capsule shape — the same trigger + portaled
+		* dialog the shipped 用量 and 用时 capsules use (28px pill, 13px/24px tertiary
+		* label, hover fill, an `aria-expanded` dialog anchored above the trigger
+		* through `useAnchoredPosition` + `useDismissOnOutsidePointer`). Clicking it
+		* opens the reply's anchored breakdown: the three billed categories, the band
+		* that priced it, the model, and the snapshot version.
+		*
+		* The price itself is the band-coloured label (green off-peak, red peak,
+		* neutral before the rollout), so the row carries the status without a second
+		* tag capsule. The slot hands over only the finalized message id, so the
+		* `sessionCostIndex` projection resolves it to the (turn, step) coordinates the
+		* anchored ledger is keyed by; the Turn's own steps are then summed. Every
+		* price is the anchored snapshot value, never a current-price recompute; an
+		* unpriced Turn renders `—` (the Cost tab explains why).
 		*/
-		function stepOfMessage(snapshot, messageId) {
-			const nodes = snapshot.chat.legacy.nodes;
-			for (let i = nodes.length - 1; i >= 0; i -= 1) {
-				const node = nodes[i];
-				if (node?.kind === "assistant" && node.messageId === messageId && node.turn !== void 0) return {
-					turn: node.turn,
-					step: node.step
-				};
-			}
-			return null;
-		}
-		/** The projection step for one (turn, step) coordinate, if the ledger has it. */
-		function stepOf(steps, turn, step) {
-			return steps?.find((entry) => entry.turn === turn && entry.step === step);
+		/** Distance kept between the trigger and its dialog (the shipped stat panels' own gap). */
+		const PANEL_GAP = 8;
+		/** Distance kept between the dialog and the viewport edges. */
+		const PANEL_MARGIN = 12;
+		/** Pre-measurement placement: mounted but invisible, so the first frame can size it. */
+		const MEASURE_STYLE = {
+			visibility: "hidden",
+			left: 0,
+			top: 0
+		};
+		/** The Turn's own ledger steps, in fold order. */
+		function stepsOfTurn(steps, turn) {
+			return steps?.filter((entry) => entry.turn === turn) ?? [];
 		}
-		const AssistantCostChip = (0, react.memo)(function AssistantCostChip({ messageId, useSession, useProjection, t }) {
+		const AssistantCostChip = (0, react.memo)(function AssistantCostChip({ messageId, useProjection, t }) {
 			const currency = displayCurrency(t);
-			const step = useSession((snapshot) => stepOfMessage(snapshot, messageId));
 			const costCny = useProjection("sessionCost");
 			const costUsd = useProjection("sessionCostUsd");
-			const ledger = step === null ? void 0 : stepOf((currency === "USD" ? costUsd : costCny)?.steps, step.turn, step.step);
+			const cost = currency === "USD" ? costUsd : costCny;
+			const index = useProjection("sessionCostIndex");
 			const [response, setResponse] = (0, react.useState)(null);
+			const [open, setOpen] = (0, react.useState)(false);
+			const rootRef = (0, react.useRef)(null);
+			const panelRef = (0, react.useRef)(null);
+			const pos = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
+				open,
+				anchorRef: rootRef,
+				panelRef,
+				side: "top",
+				gap: PANEL_GAP,
+				margin: PANEL_MARGIN
+			});
+			(0, _deepseek_ai_dsh_client_ui_primitives.useDismissOnOutsidePointer)(rootRef, open, setOpen, panelRef);
 			(0, react.useEffect)(() => {
 				let alive = true;
 				fetch(`/cost-meter?currency=${currency}`, { cache: "no-store" }).then((res) => res.ok ? res.json() : null).then((data) => {
@@ -868,9 +875,20 @@ window.__ModuleLoader__.load({
 					alive = false;
 				};
 			}, [currency]);
-			if (ledger === void 0 || ledger.cost === null) {
-				if (ledger === void 0) return null;
-				const reason = ledger.unpricedReason === "NO_MODEL" ? t("reason.NO_MODEL") : t("reason.NO_PRICE");
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") setOpen(false);
+				};
+				document.addEventListener("keydown", onKeyDown);
+				return () => document.removeEventListener("keydown", onKeyDown);
+			}, [open]);
+			const coordinates = index?.steps[messageId];
+			const steps = coordinates === void 0 ? [] : stepsOfTurn(cost?.steps, coordinates.turn);
+			const priced = steps.filter((entry) => entry.cost !== null);
+			if (steps.length === 0) return null;
+			if (priced.length === 0) {
+				const reason = steps[0]?.unpricedReason === "NO_MODEL" ? t("reason.NO_MODEL") : t("reason.NO_PRICE");
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: AssistantCostChip_module_css_default.unpriced,
 					"data-cost-chip": true,
@@ -879,26 +897,78 @@ window.__ModuleLoader__.load({
 					children: t("chip.unpriced")
 				});
 			}
-			const amount = `${currencySymbol(currency)}${formatMoney(ledger.cost)}`;
-			const band = ledger.band ?? bandForTime(ledger.time);
-			const ratio = peakOffPeakMultiplier(response?.pricebook?.current ?? null, ledger.provider, ledger.model);
+			const symbol = currencySymbol(currency);
+			const money = (value) => `${symbol}${formatMoney(value)}`;
+			const amount = money(priced.reduce((sum, entry) => sum + (entry.cost ?? 0), 0));
+			const last = priced[priced.length - 1];
+			if (last === void 0) return null;
+			const band = last.band ?? bandForTime(last.time);
+			const ratio = peakOffPeakMultiplier(response?.pricebook?.current ?? null, last.provider, last.model);
 			const bandLabel = band === "peak" ? ratio === null ? t("band.peak") : t("price.peakRatio", { multiplier: formatMultiplier(ratio) }) : band === "offPeak" ? ratio === null ? t("band.offPeak") : t("price.offPeakRatio", { multiplier: formatMultiplier(1 / ratio) }) : null;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: AssistantCostChip_module_css_default.root,
+				ref: rootRef,
 				"data-cost-chip": true,
-				title: t("chip.title", { amount }),
+				"data-band": band === "single" ? void 0 : band,
 				"data-testid": "cost-chip",
-				children: [amount, bandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: AssistantCostChip_module_css_default.bandBadge,
-					"data-band": band,
-					"data-testid": "cost-chip-band",
-					children: bandLabel
-				})]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: AssistantCostChip_module_css_default.trigger,
+					"aria-haspopup": "dialog",
+					"aria-expanded": open,
+					onClick: () => setOpen((prev) => !prev),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: AssistantCostChip_module_css_default.label,
+						children: amount
+					})]
+				}), open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					ref: panelRef,
+					className: AssistantCostChip_module_css_default.panel,
+					role: "dialog",
+					"aria-label": t("chip.detail.title"),
+					style: pos ?? MEASURE_STYLE,
+					"data-testid": "cost-chip-detail",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: AssistantCostChip_module_css_default.title,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: AssistantCostChip_module_css_default.titleLabel,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutline16, {}), t("chip.detail.title")]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: AssistantCostChip_module_css_default.titleValue,
+								children: amount
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: AssistantCostChip_module_css_default.titleRule,
+							"aria-hidden": true
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+							className: AssistantCostChip_module_css_default.details,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("view.uncached") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: money(priced.reduce((sum, entry) => sum + entry.uncachedCost, 0)) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("view.cacheRead") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: money(priced.reduce((sum, entry) => sum + entry.cacheReadCost, 0)) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("view.output") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: money(priced.reduce((sum, entry) => sum + entry.outputCost, 0)) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("chip.detail.band") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: bandLabel ?? t("band.single") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("chip.detail.model") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: last.model }),
+								last.snapshotVersion !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("chip.detail.snapshot") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: t("step.snapshot", {
+									version: String(last.snapshotVersion),
+									time: formatTime(last.snapshotEffectiveAt ?? last.time)
+								}) })] })
+							]
+						})
+					]
+				}), document.body)]
 			});
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-cost-meter/dsh-cost-meter/src/client/SessionCostPill.module.css.mjs
-		const css$1 = ".jn2k9a_wrap{display:inline-flex;position:relative}.jn2k9a_pill{border:1px solid var(--dsw-alias-border-l2);height:32px;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;user-select:none;background:0 0;border-radius:18px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:400;line-height:20px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.jn2k9a_pill:hover{background:var(--dsw-alias-interactive-bg-hover)}.jn2k9a_pill:active{transform:translateY(.5px)}.jn2k9a_pill[data-running=true]{color:var(--dsw-alias-brand-primary)}.jn2k9a_pill[data-running=true]:hover{background:var(--dsw-alias-interactive-bg-hover)}.jn2k9a_pill[data-band=peak]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-secondary)}.jn2k9a_pill[data-band=offPeak]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-secondary)}.jn2k9a_bandBadge{opacity:.85;white-space:nowrap;font-size:11px;line-height:16px}.jn2k9a_bandBadge:before{content:\"·\";color:currentColor;opacity:.6;margin:0 4px}.jn2k9a_estimateNote{opacity:.75;font-size:11px}.jn2k9a_detail{z-index:100;border:1px solid var(--dsw-alias-border-inverted);background:var(--dsw-specific-menu);min-width:250px;max-width:340px;box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;border-radius:12px;flex-direction:column;gap:5px;padding:12px 14px;font-size:12px;line-height:18px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.jn2k9a_detailRow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jn2k9a_detailRowSecondary{color:var(--dsw-alias-label-secondary)}.jn2k9a_detailRowMuted{color:var(--dsw-alias-label-secondary);opacity:.75}.jn2k9a_detailTotal{font-size:13px;font-weight:600}";
+		const css$1 = ".jn2k9a_wrap{display:inline-flex;position:relative}.jn2k9a_pill{border:.5px solid var(--dsw-alias-border-l4);height:28px;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;user-select:none;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:5px 7px;font-size:11px;font-weight:400;line-height:16px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.jn2k9a_pill:hover{background:var(--dsw-alias-interactive-bg-hover)}.jn2k9a_pill:active{transform:translateY(.5px)}.jn2k9a_pill[data-running=true]{color:var(--dsw-alias-brand-primary)}.jn2k9a_pill[data-running=true]:hover{background:var(--dsw-alias-interactive-bg-hover)}.jn2k9a_pill[data-band=peak]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-secondary)}.jn2k9a_pill[data-band=offPeak]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-secondary)}.jn2k9a_estimateNote{opacity:.75;font-size:11px}.jn2k9a_detail{z-index:100;border:1px solid var(--dsw-alias-border-inverted);background:var(--dsw-specific-menu);min-width:250px;max-width:340px;box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;border-radius:12px;flex-direction:column;gap:5px;padding:12px 14px;font-size:12px;line-height:18px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.jn2k9a_detailRow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jn2k9a_detailRowSecondary{color:var(--dsw-alias-label-secondary)}.jn2k9a_detailRowMuted{color:var(--dsw-alias-label-secondary);opacity:.75}.jn2k9a_detailTotal{font-size:13px;font-weight:600}";
 		const tagId$1 = "@gamegeek-saikel/dsh-cost-meter/SessionCostPill.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -908,7 +978,6 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var SessionCostPill_module_css_default = {
-			"bandBadge": "jn2k9a_bandBadge",
 			"detail": "jn2k9a_detail",
 			"detailRow": "jn2k9a_detailRow",
 			"detailRowMuted": "jn2k9a_detailRowMuted",
@@ -933,8 +1002,12 @@ window.__ModuleLoader__.load({
 		* projected context size weighted by the newest completed step's cache
 		* ratio (conservative all-uncached without history), output at the
 		* character heuristic — both at CURRENT snapshot prices.
+		*
+		* The band rides the shipped `Tag` capsule (11px/17px, `success` off-peak /
+		* `danger` peak) so the header reads the same tag geometry as every other tag
+		* control in the product.
 		*/
-		/** Read the conversation's running flag (the pill's estimate gate). */
+		/** Read the session's running flag (the pill's estimate gate). */
 		function runningOf(snapshot) {
 			return snapshot.running;
 		}
@@ -970,7 +1043,7 @@ window.__ModuleLoader__.load({
 			const cost = currency === "USD" ? costUsd : costCny;
 			const pressure = useProjection("contextPressure");
 			const running = useSession(runningOf);
-			const partial = useSession((snapshot) => snapshot.partial);
+			const partial = null;
 			const [open, setOpen] = (0, react.useState)(false);
 			const [response, setResponse] = (0, react.useState)(null);
 			const wrapRef = (0, react.useRef)(null);
@@ -1004,7 +1077,7 @@ window.__ModuleLoader__.load({
 				if (!running || projection === void 0) return null;
 				const bucket = bucketAt(snapshot ?? void 0, model?.provider, model?.model ?? "unknown", Date.now(), schedule);
 				if (bucket === void 0) return null;
-				const stepEstimate = estimateCost(bucket, pressure?.projectedTokens ?? pressure?.pressureTokens ?? 0, cacheReadRatioOf(projection.steps), blocksOutputTokens(partial?.blocks));
+				const stepEstimate = estimateCost(bucket, pressure?.projectedTokens ?? pressure?.pressureTokens ?? 0, cacheReadRatioOf(projection.steps), 0);
 				return (combined?.cost ?? 0) + stepEstimate;
 			}, [
 				running,
@@ -1039,9 +1112,8 @@ window.__ModuleLoader__.load({
 					"aria-expanded": open,
 					children: [
 						label,
-						bandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: SessionCostPill_module_css_default.bandBadge,
-							"data-testid": "cost-pill-band",
+						bandLabel !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+							tone: band === "peak" ? "danger" : "success",
 							children: bandLabel
 						}),
 						estimate !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -1487,7 +1559,7 @@ window.__ModuleLoader__.load({
 			}, CostView));
 			ctx.slots.inject("conversation.chat.assistant-actions", () => ctx.slots.register({
 				name: "conversation.chat.assistant-actions",
-				id: "cost",
+				id: "cost-meter",
 				order: 20,
 				locale: NS
 			}, AssistantCostChip));