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

package/README.md

@@ -47,7 +47,8 @@ Chat costs in DeepSeek pricing change over time (list prices, USD→CNY exchange
 | 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 |
+| Subagent support | Enumerates the conversation's durable subagent tree through `subagents.listDescendants` (nested delegations, settled children, and cold subagent sessions included, with no depth cap); falls back to a BFS over the live agent tree when that service is not mounted |
+| Conversation total | Main session + every descendant subagent (any depth); subagent totals still render while the main session's own ledger is not materialized |
 | UI surfaces | Composer dock · Cost tab · per-reply chip · header pill (live estimate) · settings card |
 | Locale | Simplified Chinese (source) + English |
 | Complexity | Fully synchronous fold; O(1) price lookups via in-memory mirror |
@@ -59,7 +60,7 @@ Once installed, the plugin contributes five browser surfaces (all text shown in
 | Surface | Slot | Description |
 |---|---|---|
 | 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 |
+| Cost view tab | `conversation.view` | Whole-conversation totals (main + every subagent nesting level), category totals, the per-subagent list with its depth, and the per-reply anchored ledger |
 | 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 |
@@ -85,7 +86,7 @@ src/
   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
+  subagent-cost.ts              # Subagent cost aggregation (durable tree + live-registry fallback)
   invariant.ts                  # Route-disposer symmetry invariant companion
   client/                       # Browser half: 5 slot components + math/format/locales
 shared/
@@ -104,7 +105,7 @@ pnpm test        # vitest run (hermetic, network stubbed)
 pnpm build       # tsc -b && tsdown (lib/ + lib/client.js)
 ```
 
-The test suites are fully offline: pricing-page HTML, OpenRouter models, and the FX endpoint are all stubbed. Tests cover the trust fence, balance parsing, the pricebook priority chain and snapshot selection, the immutable ledger fold (including same-step replacement and peak/off-peak band selection at the *event* time), subagent BFS aggregation, and the client surfaces (jsdom).
+The test suites are fully offline: pricing-page HTML, OpenRouter models, and the FX endpoint are all stubbed. Tests cover the trust fence, balance parsing, the pricebook priority chain and snapshot selection, the immutable ledger fold (including same-step replacement and peak/off-peak band selection at the *event* time), the subagent aggregation (nested and cold children, listing-failure fallback, and a multi-level chain over a real `SessionStore` plus projection registry), and the client surfaces (jsdom).
 
 ## Documentation
 

package/README.zh-CN.md

@@ -47,7 +47,8 @@ DeepSeek 的价格随时间变化（官方价目表、USD→CNY 汇率、2026-08
 | 峰值定价 | 2026-08-17 00:00 北京生效；高峰窗口仅周一至周五（中英文页面时区可能不同，缺省 09:00–12:00 / 14:00–18:00 北京），因此周六、周日全天及其余时段均为半价闲时 |
 | 成本公式 | 未命中输入 + 缓存命中（命中价）+ 缓存写入（按未命中输入价计）+ 输出，每百万 tokens，CNY |
 | 账户余额 | 官方 `GET /user/balance`，缓存 60 秒，单飞请求，路由带信任围栏 |
-| 子代理支持 | 沿活跃代理树 BFS；对话总花费 = 主会话 + 全部后代 |
+| 子代理支持 | 沿 `subagents.listDescendants` 枚举本会话持久子代理树（子代理再派生的孙代理、已结束或已冷启动的子会话都计入，无层数上限）；未挂载该服务时回退到活跃代理树 BFS |
+| 对话总花费 | 主会话 + 全部后代子代理（任意层数）；主会话自身账本尚未就绪时仍展示子代理合计 |
 | UI 表面 | 输入框读数 · 花费标签页 · 回复小标签 · 头部胶囊（实时估算）· 设置卡 |
 | 本地化 | 简体中文（键源）+ 英文 |
 | 复杂度 | 全同步折叠；经内存镜像 O(1) 查价 |
@@ -59,7 +60,7 @@ DeepSeek 的价格随时间变化（官方价目表、USD→CNY 汇率、2026-08
 | 表面 | 插槽 | 说明 |
 |---|---|---|
 | 输入框下方读数 | `conversation.composer.dock` | 锚定的本会话花费 + 账户余额，每分钟刷新；悬停查看分类明细与快照信息 |
-| 花费标签页 | `conversation.view` | 全对话总花费（主会话 + 子代理）、分类小计、子代理列表与逐回复锚定账本 |
+| 花费标签页 | `conversation.view` | 全对话总花费（主会话 + 任意层级的子代理）、分类小计、带层级的子代理列表与逐回复锚定账本 |
 | 每条回复成本小标签 | `conversation.chat.assistant-actions` | 单条已定稿回复的锚定成本，做成与官方「用量」「用时」完全同形的统计胶囊（28px 药丸、悬停底色、`aria-expanded` 展开锚定在触发件上方的对话框）；位置收在统计串末：在「用量」「用时」之后、末尾时刻文本之前，间距沿用行自身的 gap；按计价档位着色（闲时绿、高峰红）；对话框列出三类计费、档位与倍率、模型与快照版本；插槽只给出消息 id，由 `sessionCostIndex` 投影解析为账本坐标（无价格时显示 `—`） |
 | 头部胶囊 | `conversation.session.header.utilities` | 锚定总花费；流式中显示 `预计 ¥x.xx（估算）`；点击展开详情面板 |
 | 插件配置卡 | `settings.plugin.item` | 按模型覆盖价、OpenRouter 别名、缓存折扣、汇率模式、开关与立即刷新 |
@@ -85,7 +86,7 @@ src/
   pricebook.ts                  # 只追加快照、优先级链、存储域
   session-cost-projection.ts    # sessionCost 投影（不可变逐步账本）
   session-cost-index.ts         # sessionCostIndex：消息 id → 账本坐标
-  subagent-cost.ts              # BFS 子代理成本聚合
+  subagent-cost.ts              # 子代理成本聚合（持久子代理树 + 活跃代理树回退）
   invariant.ts                  # 路由释放对称性 invariant 伴生插件
   client/                       # 浏览器半区：5 个插槽组件 + 数学/格式化/本地化
 shared/
@@ -104,7 +105,7 @@ pnpm test        # vitest run（封闭式，网络 stub）
 pnpm build       # tsc -b && tsdown（lib/ + lib/client.js）
 ```
 
-测试套件完全离线：价格页 HTML、OpenRouter 模型目录与汇率接口全部 stub。覆盖：信任围栏、余额解析、价格簿优先级链与快照选取、不可变账本折叠（含同一步替换与按*事件时间*选峰值/闲时档）、子代理 BFS 聚合，以及客户端表面（jsdom）。
+测试套件完全离线：价格页 HTML、OpenRouter 模型目录与汇率接口全部 stub。覆盖：信任围栏、余额解析、价格簿优先级链与快照选取、不可变账本折叠（含同一步替换与按*事件时间*选峰值/闲时档）、子代理聚合（持久子代理树的嵌套/冷会话/失败回退，以及真实 `SessionStore` + 投影注册表上的多层链路），以及客户端表面（jsdom）。
 
 ## 文档
 

package/lib/client.js

@@ -37,6 +37,7 @@ window.__ModuleLoader__.load({
 			"line.cacheRead": "缓存输入 {amount}",
 			"line.output": "输出 {amount}",
 			"line.subagent": "子代理 {amount}",
+			"subagent.depth": "第 {depth} 层",
 			"pill.label": "花费 {amount}",
 			"pill.estimate": "预计 {amount}",
 			"pill.estimateNote": "估算",
@@ -111,6 +112,7 @@ window.__ModuleLoader__.load({
 			"line.cacheRead": "Cached input {amount}",
 			"line.output": "Output {amount}",
 			"line.subagent": "Subagents {amount}",
+			"subagent.depth": "level {depth}",
 			"pill.label": "Cost {amount}",
 			"pill.estimate": "≈ {amount}",
 			"pill.estimateNote": "estimate",
@@ -246,23 +248,46 @@ window.__ModuleLoader__.load({
 			}
 			return sum;
 		}
-		/** Total spend of every subagent (CNY); 0 without subagents. */
-		function subagentSpend(subagents) {
-			if (subagents === void 0 || subagents.length === 0) return 0;
-			return sumTotals(subagents.map((entry) => entry.totals)).cost;
+		/**
+		* Select the conversation's main ledger, the host-aggregated subagent rows,
+		* and their combined totals together, so no surface has to remember which
+		* pointer to compare against which total.
+		*
+		* All three are derived consistently: `combined` sums the main ledger with
+		* EVERY subagent row the host served — including nested ones — and is defined
+		* whenever either side has data. A conversation whose own ledger is not
+		* materialized yet (a session switch mid-flight, or a host that serves no main
+		* ledger) therefore still totals its subagents instead of rendering nothing.
+		*
+		* `main` is `null` when the main ledger is absent, in which case `mainSpend`
+		* is unknown (the dock shows 0 for a session with no spend of its own).
+		* @param main - the main session's projection totals, or undefined.
+		* @param subagents - the host-aggregated subagent rows.
+		* @returns the main readout, the subagent rows, combined totals, and both spend figures.
+		*/
+		function costLookupFor(main, subagents) {
+			const rows = subagents ?? [];
+			return {
+				main,
+				subagents: rows,
+				combined: combineTotals(main, rows),
+				mainSpend: main?.cost ?? 0,
+				subagentTotal: sumTotals(rows.map((entry) => entry.totals)).cost
+			};
 		}
 		/**
 		* The conversation-wide totals: the main session's ledger plus every
-		* subagent's ledger (host-aggregated). Undefined while the main ledger is
-		* absent; identical to the main totals without subagents.
+		* subagent's ledger (host-aggregated, all nesting levels). Undefined only when
+		* neither side carries a ledger.
 		* @param main - the main session's projection totals.
 		* @param subagents - the host-aggregated subagent totals.
-		* @returns the combined totals, or undefined.
+		* @returns the combined totals, or undefined without any ledger.
 		*/
 		function combineTotals(main, subagents) {
-			if (main === void 0) return void 0;
-			if (subagents === void 0 || subagents.length === 0) return main;
-			return sumTotals([main, ...subagents.map((entry) => entry.totals)]);
+			const rows = subagents ?? [];
+			if (main === void 0) return rows.length === 0 ? void 0 : sumTotals(rows.map((entry) => entry.totals));
+			if (rows.length === 0) return main;
+			return sumTotals([main, ...rows.map((entry) => entry.totals)]);
 		}
 		/**
 		* The price band in effect at one instant (mirror of the host helper). The
@@ -507,10 +532,10 @@ window.__ModuleLoader__.load({
 			}, [sessionId, currency]);
 			const balance = response?.balance;
 			const balanceEnabled = response?.pricebook?.balanceEnabled !== false;
-			const subagents = response?.subagents;
-			const combined = combineTotals(cost?.totals, subagents);
-			const subSpend = subagentSpend(subagents);
-			const mainSpend = cost?.totals?.cost ?? 0;
+			const lookup = costLookupFor(cost?.totals, response?.subagents);
+			const combined = lookup.combined;
+			const subSpend = lookup.subagentTotal;
+			const mainSpend = lookup.mainSpend;
 			const parts = [];
 			try {
 				const symbol = currencySymbol(currency);
@@ -526,10 +551,15 @@ window.__ModuleLoader__.load({
 			} catch {}
 			if (parts.length === 0) return null;
 			const model = cost?.model?.model;
+			const subagents = lookup.subagents;
 			const tooltipParts = (0, react.useMemo)(() => {
 				const rows = [];
 				try {
 					rows.push(...costDetail(cost, model, t, currency));
+					for (const subagent of subagents) {
+						const label = subagent.depth > 1 ? `${subagent.sessionId.slice(0, 8)} (${t("subagent.depth", { depth: String(subagent.depth) })})` : subagent.sessionId.slice(0, 8);
+						rows.push(`${label} ${currencySymbol(currency)}${formatMoney(subagent.totals?.cost ?? 0)}`);
+					}
 					if (subSpend > 0) rows.push(t("line.subagent", { amount: `${currencySymbol(currency)}${formatMoney(subSpend)}` }));
 					const pricebook = response?.pricebook;
 					if (pricebook !== void 0 && pricebook.current !== null) {
@@ -548,6 +578,7 @@ window.__ModuleLoader__.load({
 				balanceEnabled,
 				response,
 				subSpend,
+				subagents,
 				currency
 			]);
 			const line = parts.join(" · ");
@@ -570,7 +601,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_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 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_subagents{flex-direction:column;gap:8px;margin-top:4px;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");
@@ -593,6 +624,7 @@ window.__ModuleLoader__.load({
 			"stepTurn": "fZF-xq_stepTurn",
 			"steps": "fZF-xq_steps",
 			"stepsTitle": "fZF-xq_stepsTitle",
+			"subagents": "fZF-xq_subagents",
 			"summary": "fZF-xq_summary",
 			"totalLabel": "fZF-xq_totalLabel",
 			"totalRow": "fZF-xq_totalRow",
@@ -616,6 +648,14 @@ window.__ModuleLoader__.load({
 		function reasonText(step, t) {
 			return t(`reason.${step.unpricedReason ?? "NO_PRICE"}`);
 		}
+		/**
+		* Indent a subagent row by its root-relative depth, so the nested delegation
+		* chain reads as a chain. Depth `-1` (`0`) marks a row the runtime fallback
+		* discovered, which states no distance: it keeps the top-level inset.
+		*/
+		function subagentIndent(depth) {
+			return { paddingLeft: `${Math.max(0, depth - 1) * 14}px` };
+		}
 		const CostView = (0, react.memo)(function CostView({ useProjection, sessionId, t }) {
 			const currency = displayCurrency(t);
 			const costCny = useProjection("sessionCost");
@@ -633,15 +673,18 @@ window.__ModuleLoader__.load({
 					alive = false;
 				};
 			}, [sessionId, currency]);
-			if (cost === void 0 || cost.steps.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			const rows = cost?.steps ?? [];
+			const lookup = costLookupFor(cost?.totals, response?.subagents);
+			const subagents = lookup.subagents;
+			const combined = lookup.combined;
+			const subSpend = lookup.subagentTotal;
+			const money = (value) => value === null ? "—" : `${symbol}${formatMoney(value)}`;
+			if (combined === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: CostView_module_css_default.root,
 				"data-testid": "cost-view-empty",
 				children: t("view.empty")
 			});
-			const rows = cost.steps;
-			const totals = combineTotals(cost.totals, response?.subagents) ?? cost.totals;
-			const subSpend = subagentSpend(response?.subagents);
-			const money = (value) => value === null ? "—" : `${symbol}${formatMoney(value)}`;
+			const totals = combined;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: CostView_module_css_default.root,
 				"data-testid": "cost-view",
@@ -682,7 +725,7 @@ window.__ModuleLoader__.load({
 							className: CostView_module_css_default.unpricedNote,
 							children: t("view.unpriced", { count: String(totals.unpricedSteps) })
 						}),
-						response !== null && response.subagents.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						subagents.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 							className: CostView_module_css_default.subagents,
 							"data-testid": "cost-view-subagents",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -690,34 +733,48 @@ window.__ModuleLoader__.load({
 								children: t("line.subagent", { amount: `${symbol}${formatMoney(subSpend)}` })
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
 								className: CostView_module_css_default.stepList,
-								children: response.subagents.map((sub) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								children: subagents.map((sub) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 									className: CostView_module_css_default.step,
+									"data-testid": "cost-subagent",
+									"data-depth": String(sub.depth),
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: CostView_module_css_default.stepHead,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: CostView_module_css_default.stepTurn,
-											children: sub.sessionId.slice(0, 8)
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: CostView_module_css_default.stepCost,
-											children: money(sub.totals.cost)
-										})]
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: CostView_module_css_default.stepTurn,
+												style: subagentIndent(sub.depth),
+												children: sub.sessionId.slice(0, 8)
+											}),
+											sub.depth > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: CostView_module_css_default.stepModel,
+												children: t("subagent.depth", { depth: String(sub.depth) })
+											}),
+											sub.label !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: CostView_module_css_default.stepModel,
+												children: sub.label
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: CostView_module_css_default.stepCost,
+												children: money(sub.totals?.cost ?? null)
+											})
+										]
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: CostView_module_css_default.stepBody,
 										children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
 												t("view.uncached"),
 												": ",
-												money(sub.totals.uncachedCost)
+												money(sub.totals?.uncachedCost ?? null)
 											] }),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
 												t("view.cacheRead"),
 												": ",
-												money(sub.totals.cacheReadCost)
+												money(sub.totals?.cacheReadCost ?? null)
 											] }),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
 												t("view.output"),
 												": ",
-												money(sub.totals.outputCost)
+												money(sub.totals?.outputCost ?? null)
 											] })
 										]
 									})]
@@ -1069,9 +1126,9 @@ window.__ModuleLoader__.load({
 			const model = projection?.model ?? null;
 			const snapshot = response?.pricebook.current ?? null;
 			const schedule = response?.pricebook.schedule;
-			const subagents = response?.subagents;
-			const combined = combineTotals(projection?.totals, subagents);
-			const subSpend = subagentSpend(subagents);
+			const lookup = costLookupFor(projection?.totals, response?.subagents);
+			const combined = lookup.combined;
+			const subSpend = lookup.subagentTotal;
 			const symbol = currencySymbol(currency);
 			const estimate = (0, react.useMemo)(() => {
 				if (!running || projection === void 0) return null;
@@ -1090,7 +1147,7 @@ window.__ModuleLoader__.load({
 				partial,
 				currency
 			]);
-			if (projection === void 0 && estimate === null) return null;
+			if (combined === void 0 && estimate === null) return null;
 			const total = combined?.cost ?? 0;
 			const label = estimate !== null ? t("pill.estimate", { amount: `${symbol}${formatMoney(estimate)}` }) : t("pill.label", { amount: `${symbol}${formatMoney(total)}` });
 			const last = projection?.steps.length !== void 0 && projection.steps.length > 0 ? projection.steps[projection.steps.length - 1] : void 0;