@rayadesu/dsh-client-ui-billing 0.3.11 → 0.3.13

package/lib/client.js

@@ -4108,6 +4108,30 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"toppedUp": string()
 			}))
 		});
+		const _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_parameter_0$schema = intersection(string(), unknown());
+		const _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_parameter_1$schema = union([
+			_undefined(),
+			literal(false),
+			literal(true)
+		]);
+		const _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_result$schema = object({
+			"total": number(),
+			"models": array(object({
+				"model": string(),
+				"displayName": string(),
+				"cost": number(),
+				"peakCost": number(),
+				"offPeakCost": number(),
+				"cacheHitInputTokens": number(),
+				"cacheMissInputTokens": number(),
+				"outputTokens": number(),
+				"cacheHitInputCost": number(),
+				"cacheMissInputCost": number(),
+				"outputCost": number()
+			})),
+			"isSubagent": boolean(),
+			"crossedDay": boolean()
+		});
 		const _rayadesu_dsh_llm_billing_billing_getSessionSpend_parameter_0$schema = intersection(string(), unknown());
 		const _rayadesu_dsh_llm_billing_billing_getSessionSpend_result$schema = object({
 			"total": number(),
@@ -4138,7 +4162,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		const _rayadesu_dsh_llm_billing_billing_getTodaySessionsSpend_result$schema = object({ "sessions": array(object({
 			"sessionId": intersection(string(), unknown()),
 			"title": union([literal(null), string()]),
-			"total": number()
+			"total": number(),
+			"ownTotal": number()
 		})) });
 		const _rayadesu_dsh_llm_billing_billing_getTodaySpend_parameter_0$schema = union([
 			_undefined(),
@@ -4181,17 +4206,59 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						codec: {
 							mode: "strict",
 							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getBalance:force",
-							schema: _rayadesu_dsh_llm_billing_billing_getBalance_parameter_0$schema
+							schema: _rayadesu_dsh_llm_billing_billing_getBalance_parameter_0$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getBalance_parameter_0$schema
 						}
 					}],
 					result: {
 						mode: "strict",
 						typeSymbol: "@rayadesu/dsh-llm-billing/types#DeepSeekBalance",
-						schema: _rayadesu_dsh_llm_billing_billing_getBalance_result$schema
+						schema: _rayadesu_dsh_llm_billing_billing_getBalance_result$schema,
+						create: () => _rayadesu_dsh_llm_billing_billing_getBalance_result$schema
+					},
+					sourceLocation: {
+						"file": "packages/llm-billing/src/balance.ts",
+						"line": 172,
+						"column": 3
+					}
+				},
+				{
+					id: "@rayadesu/dsh-llm-billing#billing/getDelegatedSpend",
+					service: "billing",
+					namespace: "billing",
+					method: "getDelegatedSpend",
+					invocation: { kind: "direct" },
+					parameters: [{
+						name: "sessionId",
+						wire: "sessionId",
+						source: "json",
+						codec: {
+							mode: "strict",
+							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getDelegatedSpend:sessionId",
+							schema: _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_parameter_0$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_parameter_0$schema
+						}
+					}, {
+						name: "force",
+						wire: "force",
+						source: "json",
+						acceptsUndefined: true,
+						codec: {
+							mode: "strict",
+							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getDelegatedSpend:force",
+							schema: _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_parameter_1$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_parameter_1$schema
+						}
+					}],
+					result: {
+						mode: "strict",
+						typeSymbol: "@rayadesu/dsh-llm-billing/types#DeepSeekDelegatedSpend",
+						schema: _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_result$schema,
+						create: () => _rayadesu_dsh_llm_billing_billing_getDelegatedSpend_result$schema
 					},
 					sourceLocation: {
 						"file": "packages/llm-billing/src/balance.ts",
-						"line": 165,
+						"line": 226,
 						"column": 3
 					}
 				},
@@ -4208,17 +4275,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						codec: {
 							mode: "strict",
 							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getSessionSpend:sessionId",
-							schema: _rayadesu_dsh_llm_billing_billing_getSessionSpend_parameter_0$schema
+							schema: _rayadesu_dsh_llm_billing_billing_getSessionSpend_parameter_0$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getSessionSpend_parameter_0$schema
 						}
 					}],
 					result: {
 						mode: "strict",
 						typeSymbol: "@rayadesu/dsh-llm-billing/types#DeepSeekSessionSpend",
-						schema: _rayadesu_dsh_llm_billing_billing_getSessionSpend_result$schema
+						schema: _rayadesu_dsh_llm_billing_billing_getSessionSpend_result$schema,
+						create: () => _rayadesu_dsh_llm_billing_billing_getSessionSpend_result$schema
 					},
 					sourceLocation: {
 						"file": "packages/llm-billing/src/balance.ts",
-						"line": 176,
+						"line": 183,
 						"column": 3
 					}
 				},
@@ -4235,17 +4304,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						codec: {
 							mode: "strict",
 							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getSessionTurnSpends:sessionId",
-							schema: _rayadesu_dsh_llm_billing_billing_getSessionTurnSpends_parameter_0$schema
+							schema: _rayadesu_dsh_llm_billing_billing_getSessionTurnSpends_parameter_0$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getSessionTurnSpends_parameter_0$schema
 						}
 					}],
 					result: {
 						mode: "strict",
 						typeSymbol: "@rayadesu/dsh-llm-billing/types#DeepSeekSessionTurnSpends",
-						schema: _rayadesu_dsh_llm_billing_billing_getSessionTurnSpends_result$schema
+						schema: _rayadesu_dsh_llm_billing_billing_getSessionTurnSpends_result$schema,
+						create: () => _rayadesu_dsh_llm_billing_billing_getSessionTurnSpends_result$schema
 					},
 					sourceLocation: {
 						"file": "packages/llm-billing/src/balance.ts",
-						"line": 227,
+						"line": 251,
 						"column": 3
 					}
 				},
@@ -4263,17 +4334,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						codec: {
 							mode: "strict",
 							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getTodaySessionsSpend:force",
-							schema: _rayadesu_dsh_llm_billing_billing_getTodaySessionsSpend_parameter_0$schema
+							schema: _rayadesu_dsh_llm_billing_billing_getTodaySessionsSpend_parameter_0$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getTodaySessionsSpend_parameter_0$schema
 						}
 					}],
 					result: {
 						mode: "strict",
 						typeSymbol: "@rayadesu/dsh-llm-billing/types#DeepSeekTodaySessionsSpend",
-						schema: _rayadesu_dsh_llm_billing_billing_getTodaySessionsSpend_result$schema
+						schema: _rayadesu_dsh_llm_billing_billing_getTodaySessionsSpend_result$schema,
+						create: () => _rayadesu_dsh_llm_billing_billing_getTodaySessionsSpend_result$schema
 					},
 					sourceLocation: {
 						"file": "packages/llm-billing/src/balance.ts",
-						"line": 202,
+						"line": 211,
 						"column": 3
 					}
 				},
@@ -4291,17 +4364,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						codec: {
 							mode: "strict",
 							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getTodaySpend:force",
-							schema: _rayadesu_dsh_llm_billing_billing_getTodaySpend_parameter_0$schema
+							schema: _rayadesu_dsh_llm_billing_billing_getTodaySpend_parameter_0$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getTodaySpend_parameter_0$schema
 						}
 					}],
 					result: {
 						mode: "strict",
 						typeSymbol: "@rayadesu/dsh-llm-billing/types#DeepSeekTodaySpend",
-						schema: _rayadesu_dsh_llm_billing_billing_getTodaySpend_result$schema
+						schema: _rayadesu_dsh_llm_billing_billing_getTodaySpend_result$schema,
+						create: () => _rayadesu_dsh_llm_billing_billing_getTodaySpend_result$schema
 					},
 					sourceLocation: {
 						"file": "packages/llm-billing/src/balance.ts",
-						"line": 189,
+						"line": 196,
 						"column": 3
 					}
 				},
@@ -4318,7 +4393,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						codec: {
 							mode: "strict",
 							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getTurnSpend:sessionId",
-							schema: _rayadesu_dsh_llm_billing_billing_getTurnSpend_parameter_0$schema
+							schema: _rayadesu_dsh_llm_billing_billing_getTurnSpend_parameter_0$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getTurnSpend_parameter_0$schema
 						}
 					}, {
 						name: "messageId",
@@ -4327,17 +4403,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						codec: {
 							mode: "strict",
 							typeSymbol: "@rayadesu/dsh-llm-billing#billing/getTurnSpend:messageId",
-							schema: _rayadesu_dsh_llm_billing_billing_getTurnSpend_parameter_1$schema
+							schema: _rayadesu_dsh_llm_billing_billing_getTurnSpend_parameter_1$schema,
+							create: () => _rayadesu_dsh_llm_billing_billing_getTurnSpend_parameter_1$schema
 						}
 					}],
 					result: {
 						mode: "strict",
 						typeSymbol: "@rayadesu/dsh-llm-billing/types#DeepSeekTurnSpend",
-						schema: _rayadesu_dsh_llm_billing_billing_getTurnSpend_result$schema
+						schema: _rayadesu_dsh_llm_billing_billing_getTurnSpend_result$schema,
+						create: () => _rayadesu_dsh_llm_billing_billing_getTurnSpend_result$schema
 					},
 					sourceLocation: {
 						"file": "packages/llm-billing/src/balance.ts",
-						"line": 215,
+						"line": 239,
 						"column": 3
 					}
 				}
@@ -4360,10 +4438,229 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				total: line.total
 			};
 		}
-		/** CNY amount, up to four decimals with trailing zeros trimmed. */
+		/**
+		* CNY amount, up to four decimals with trailing zeros trimmed. The balance line's
+		* renderer; spend figures go through {@link formatSpendSignificant} instead.
+		*/
 		function formatSpend(amount) {
 			return `¥${amount.toFixed(4).replace(/\.?0+$/, "")}`;
 		}
+		/**
+		* CNY spend amount at a fixed number of SIGNIFICANT digits (default three),
+		* trailing zeros trimmed, prefixed with `¥` — and never finer than the panel's
+		* own four-decimal resolution.
+		*
+		* Every spend figure the plugin renders goes through this: the day's own amount
+		* and its three bucket costs, this session's spend and the parenthesized today
+		* share after it, the per-model rows and their bucket breakdowns, the ranking
+		* amounts, and the badge's own spend line. Four decimals are noise at these
+		* magnitudes — their last digits move with every request (`¥0.5068` → `¥0.507`)
+		* — while the four-decimal bound keeps a microscopic amount from growing a long
+		* `¥0.00002` string that would widen its column: an amount that rounds to zero
+		* there reads `¥0`. Only the BALANCE line keeps {@link formatSpend}'s plain four
+		* decimals, because remaining credit is a balance, not a spend measurement.
+		* @param amount - the amount to render.
+		* @param digits - significant digits to keep (default 3).
+		* @returns the rendered amount, e.g. `¥9.58`, `¥0.507`, `¥1230`, `¥0`.
+		*/
+		function formatSpendSignificant(amount, digits = 3) {
+			if (!Number.isFinite(amount) || amount === 0) return "¥0";
+			return `¥${Number(Number(amount.toPrecision(digits)).toFixed(4))}`;
+		}
+		/**
+		* A token count in DSH's own compact notation: `517` / `12.2K` / `517K` / `1.2M`.
+		*
+		* Mirrors ui-chat's `formatTokens` (`packages/client/ui-chat/src/client/chat/
+		* token-format.ts`) rule for rule, so one shell never renders the same count two
+		* ways. That rule reads: below 1e3 the plain integer (no digit grouping); below
+		* 1e6 the shared `number.thousand` unit (`{value}K`); otherwise the shared
+		* `number.million` unit (`{value}M`). A scaled value keeps one decimal while it
+		* is below 100 and rounds to a whole number from 100 up (`12.2K`, but `517K`),
+		* and there is no third unit, so 1.2e9 renders as `1200M` — exactly as DSH
+		* renders it. The unit letters are identical in both DSH dictionaries, so they
+		* are literals here rather than a locale lookup into the shared vocabulary.
+		* @param count - the token count to render.
+		* @returns the compact count, without the label's own ` tok` suffix.
+		*/
+		function formatTokens(count) {
+			const scaled = (value) => value >= 100 ? String(Math.round(value)) : String(Math.round(value * 10) / 10);
+			if (count < 1e3) return String(count);
+			if (count < 1e6) return `${scaled(count / 1e3)}K`;
+			return `${scaled(count / 1e6)}M`;
+		}
+		/** Round a cache-read ratio to exact percentage units, with positive ties rounded up. */
+		function roundedPercentUnits(cacheReadTokens, denominator, decimalPlaces) {
+			const scale = (decimalPlaces === 0 ? 1 : 10) * 100;
+			const doubledScale = scale * 2;
+			const denominatorQuotient = Math.floor(denominator / doubledScale);
+			const denominatorRemainder = denominator % doubledScale;
+			let lower = 0;
+			let upper = scale;
+			while (lower < upper) {
+				const candidate = Math.floor((lower + upper + 1) / 2);
+				const factor = candidate * 2 - 1;
+				if (cacheReadTokens >= factor * denominatorQuotient + Math.ceil(factor * denominatorRemainder / doubledScale)) lower = candidate;
+				else upper = candidate - 1;
+			}
+			return lower;
+		}
+		/** Percentage units back to text, dropping a redundant trailing `.0`. */
+		function displayPercentUnits(units, decimalPlaces) {
+			if (decimalPlaces === 0) return String(units);
+			const whole = Math.floor(units / 10);
+			const tenths = units % 10;
+			return tenths === 0 ? String(whole) : `${whole}.${tenths}`;
+		}
+		/**
+		* The cache-hit share of one prompt, in DSH's own percentage rule.
+		*
+		* Mirrors ui-chat's `formatCacheHitPercent`
+		* (`packages/client/ui-chat/src/client/chat/token-format.ts`) rule for rule, so
+		* one shell never prints the same ratio two ways: an integer percentage by
+		* default, and — because a partial hit must never round up to a full one — just
+		* enough extra decimals to stay below 100 when integer rounding would reach it
+		* (`99`, `99.5`, `99.95`, …). The rounding runs in integer arithmetic with
+		* positive ties going up, so it does not ride on binary-float precision.
+		*
+		* The ratio is over PROMPT-side tokens only (cache read over cache read plus
+		* uncached input, the split DSH's own `billedInputTokens` makes); output tokens
+		* never enter the denominator.
+		* @param cacheReadTokens - exact prompt tokens served from cache.
+		* @param promptTokens - exact aggregate prompt-side tokens.
+		* @param decimalPlaces - ordinary-ratio precision; a partial hit that would
+		* round to 100 automatically uses enough additional precision to stay honest.
+		* @returns percentage text without its `%`, or null when there was no prompt input.
+		*/
+		function formatCacheHitPercent(cacheReadTokens, promptTokens, decimalPlaces = 0) {
+			if (promptTokens === 0) return null;
+			const missedInputTokens = promptTokens - cacheReadTokens;
+			if (missedInputTokens === 0) return "100";
+			const roundedUnits = roundedPercentUnits(cacheReadTokens, promptTokens, decimalPlaces);
+			if (roundedUnits < (decimalPlaces === 0 ? 100 : 1e3)) return displayPercentUnits(roundedUnits, decimalPlaces);
+			let distinguishingPlaces = 1;
+			let scaledDoubleGap = missedInputTokens * 200;
+			const denominatorTens = Math.floor(promptTokens / 10);
+			while (scaledDoubleGap <= denominatorTens) {
+				scaledDoubleGap *= 10;
+				distinguishingPlaces += 1;
+			}
+			const denominatorOnes = promptTokens % 10;
+			let roundedLoss = 5;
+			for (let loss = 1; loss < 5; loss += 1) {
+				const factor = loss * 2 + 1;
+				const threshold = factor * denominatorTens + Math.floor(factor * denominatorOnes / 10);
+				if (scaledDoubleGap <= threshold) {
+					roundedLoss = loss;
+					break;
+				}
+			}
+			return `99.${"9".repeat(distinguishingPlaces - 1)}${10 - roundedLoss}`;
+		}
+		/**
+		* The total billed tokens of a priced row: the three buckets summed. Tokens are
+		* already counted per bucket when they were priced, so a cache-hit input token
+		* and an output token are both one token here — the number answers "how many
+		* tokens did this cost", not "how many characters were sent".
+		* @param row - one priced model row.
+		* @returns the row's total token count.
+		*/
+		function rowTokens(row) {
+			return row.cacheHitInputTokens + row.cacheMissInputTokens + row.outputTokens;
+		}
+		//#endregion
+		//#region lib/types/client/spendBuckets.js
+		/**
+		* The composer spend card's three bucket amounts, derived from the pushed
+		* `billingTodaySpend` projection. The host fold already prices every sample
+		* into the three disjoint billing buckets (cache-hit input, cache-miss input —
+		* which includes cache writes, output including reasoning), so the card sums
+		* the session's priced model rows instead of adding a Remote call or a second
+		* fold. Keeping the derivation here (pure, no React) lets the sum and its
+		* float reconciliation be tested on their own.
+		* @module @rayadesu/dsh-client-ui-billing/spendBuckets
+		*/
+		/** Sum one model row's three bucket costs. */
+		function bucketsOf(row) {
+			return [
+				row.cacheMissInputCost,
+				row.cacheHitInputCost,
+				row.outputCost
+			];
+		}
+		/**
+		* Fold one spend's model rows into the card's three bucket amounts.
+		*
+		* The rows carry float costs, so the three independently rendered values can
+		* miss the displayed total by one unit in the last rendered decimal after each
+		* is formatted to four decimals. The residual is absorbed by the largest
+		* bucket — the only one where a 1e-4 nudge cannot be seen — so the card's rows
+		* always add up to the total it shows in its header.
+		* @param spend - the session bucket of the `billingTodaySpend` projection
+		*   (the session's own events, every Beijing day).
+		* @returns the three bucket totals plus the billed total.
+		*/
+		function spendBucketsOf(spend) {
+			let uncachedInput = 0;
+			let cacheRead = 0;
+			let output = 0;
+			for (const row of spend.models) {
+				const [miss, hit, out] = bucketsOf(row);
+				uncachedInput += miss;
+				cacheRead += hit;
+				output += out;
+			}
+			const total = spend.total;
+			const residual = total - (uncachedInput + cacheRead + output);
+			if (residual !== 0) {
+				if (uncachedInput >= cacheRead && uncachedInput >= output) uncachedInput += residual;
+				else if (cacheRead >= output) cacheRead += residual;
+				else output += residual;
+			}
+			return {
+				uncachedInput,
+				cacheRead,
+				output,
+				total
+			};
+		}
+		/**
+		* Fold one spend's model rows into the three bucket TOKEN counts — the token
+		* side of {@link spendBucketsOf}, so a surface that shows both (the panel's
+		* today rows) reads one bucket's tokens and its cost from the same rows.
+		*
+		* No reconciliation is needed here: tokens are integers, so the three counts
+		* always add up to the total the token line shows.
+		* @param spend - the day's (or one session's) priced rows.
+		* @returns the three bucket token counts.
+		*/
+		function tokenBucketsOf(spend) {
+			let uncachedInput = 0;
+			let cacheRead = 0;
+			let output = 0;
+			for (const row of spend.models) {
+				uncachedInput += row.cacheMissInputTokens;
+				cacheRead += row.cacheHitInputTokens;
+				output += row.outputTokens;
+			}
+			return {
+				uncachedInput,
+				cacheRead,
+				output
+			};
+		}
+		/**
+		* The cache-hit share of one spend, in DSH's own percentage rule — the ratio of
+		* the cache-read bucket to every PROMPT-side bucket (uncached input with cache
+		* writes folded in, plus cache read), output excluded, exactly the split DSH's
+		* `billedInputTokens` makes. Rendered by {@link formatCacheHitPercent}, i.e. an
+		* integer percent that grows decimals only to keep a partial hit below 100.
+		* @param spend - the day's priced rows.
+		* @returns the percentage text without its `%`, or null when the spend billed no prompt input.
+		*/
+		function cacheHitPercentOf(spend) {
+			const tokens = tokenBucketsOf(spend);
+			return formatCacheHitPercent(tokens.cacheRead, tokens.cacheRead + tokens.uncachedInput);
+		}
 		//#endregion
 		//#region lib/types/client/version.js
 		/**
@@ -4380,10 +4677,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* @module @rayadesu/dsh-client-ui-billing/version
 		*/
 		/** The installed plugin version, e.g. `0.3.10`; `dev` when nothing stamped one. */
-		const PLUGIN_VERSION = "0.3.11";
+		const PLUGIN_VERSION = "0.3.13";
 		//#endregion
 		//#region \0dsh-css:C:\Users\admin\Desktop\me\code\DeepSeek-Harness-chat-billing\packages\ui-billing\src\client\BalanceBadge.module.css.mjs
-		const css$1 = "._4_Wqcq_root{position:relative}._4_Wqcq_trigger{background:var(--dsw-alias-fill-l2);min-height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._4_Wqcq_trigger:hover,._4_Wqcq_trigger:focus-visible{color:var(--dsw-alias-label-primary)}._4_Wqcq_trigger svg{transition:transform .12s}._4_Wqcq_chevronOpen{transform:rotate(180deg)}._4_Wqcq_triggerLines{text-align:left;flex-direction:column;align-items:flex-start;gap:0;display:flex}._4_Wqcq_linePrimary{font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}._4_Wqcq_lineSecondary{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px;line-height:15px}._4_Wqcq_unavailable{color:var(--dsw-alias-label-tertiary)}._4_Wqcq_inlineIcon{color:var(--dsw-alias-label-tertiary);flex:none}._4_Wqcq_spinning{color:var(--dsw-alias-label-tertiary);flex:none;animation:.8s linear infinite _4_Wqcq_spin}@keyframes _4_Wqcq_spin{to{transform:rotate(360deg)}}._4_Wqcq_panel{z-index:100;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-specific-menu);width:336px;max-width:min(360px,100vw - 32px);box-shadow:var(--dsw-shadow-lv3);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}._4_Wqcq_amountRow{border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}._4_Wqcq_amountLabel{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}._4_Wqcq_amountRow>._4_Wqcq_amountLabel{font-size:15px;line-height:22px}._4_Wqcq_spendToday{color:var(--dsw-alias-label-tertiary);font-size:12px}._4_Wqcq_spendRow{border-top:1px solid var(--dsw-alias-border-l2);border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}._4_Wqcq_costRow{align-items:center;padding:2px 8px 6px;display:flex}._4_Wqcq_costBreakdown{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}._4_Wqcq_amountActions{align-items:center;gap:2px;display:inline-flex}._4_Wqcq_infoButton,._4_Wqcq_refreshButton{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._4_Wqcq_infoButton:hover,._4_Wqcq_infoButton:focus-visible,._4_Wqcq_refreshButton:hover,._4_Wqcq_refreshButton:focus-visible{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-fill-l2)}._4_Wqcq_modelRow{border-radius:8px;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 8px;display:flex}._4_Wqcq_modelName{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px;line-height:18px}._4_Wqcq_tasks{text-align:right;min-width:0;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:12px;line-height:18px}._4_Wqcq_ranking{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:0;padding-top:2px;display:flex}._4_Wqcq_rankingTitle{color:var(--dsw-alias-label-secondary);padding:6px 8px 2px;font-size:12px;line-height:18px}._4_Wqcq_rankingRow{border-radius:8px;align-items:baseline;gap:0;min-width:0;padding:3px 8px;display:flex}._4_Wqcq_rankingRow:hover{background:var(--dsw-alias-fill-l2)}._4_Wqcq_rankingIndex{width:16px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:11px;line-height:16px}._4_Wqcq_rankingDot{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:pre;flex:none;font-size:11px;line-height:16px}._4_Wqcq_rankingName{min-width:0;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;line-height:16px;overflow:hidden}._4_Wqcq_rankingAmount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;margin-left:8px;font-size:11px;line-height:16px}._4_Wqcq_rankingMore{color:var(--dsw-alias-label-tertiary);padding:2px 8px 4px;font-size:11px;line-height:16px}";
+		const css$1 = "._4_Wqcq_root{position:relative}._4_Wqcq_trigger{background:var(--dsw-alias-fill-l2);min-height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._4_Wqcq_trigger:hover,._4_Wqcq_trigger:focus-visible{color:var(--dsw-alias-label-primary)}._4_Wqcq_trigger svg{transition:transform .12s}._4_Wqcq_chevronOpen{transform:rotate(180deg)}._4_Wqcq_triggerLines{text-align:left;flex-direction:column;align-items:flex-start;gap:0;display:flex}._4_Wqcq_linePrimary{font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}._4_Wqcq_lineSecondary{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px;line-height:15px}._4_Wqcq_unavailable{color:var(--dsw-alias-label-tertiary)}._4_Wqcq_inlineIcon{color:var(--dsw-alias-label-tertiary);flex:none}._4_Wqcq_spinning{color:var(--dsw-alias-label-tertiary);flex:none;animation:.8s linear infinite _4_Wqcq_spin}@keyframes _4_Wqcq_spin{to{transform:rotate(360deg)}}._4_Wqcq_panel{--billing-type-1-size:11px;--billing-type-1-line:16px;--billing-type-1-tone:var(--dsw-alias-label-tertiary);--billing-type-2-size:12px;--billing-type-2-line:18px;--billing-type-2-tone:var(--dsw-alias-label-secondary);--billing-type-2-number-tone:var(--dsw-alias-label-tertiary);--billing-type-3-size:13px;--billing-type-3-line:18px;--billing-type-3-tone:var(--dsw-alias-label-primary);z-index:100;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-specific-menu);width:336px;max-width:min(360px,100vw - 32px);box-shadow:var(--dsw-shadow-lv3);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}._4_Wqcq_amountRow{border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}._4_Wqcq_amountLabel{color:var(--billing-type-3-tone);font-size:var(--billing-type-3-size);line-height:var(--billing-type-3-line);font-variant-numeric:tabular-nums}._4_Wqcq_amountRow>._4_Wqcq_amountLabel{font-size:15px;line-height:22px}._4_Wqcq_sessionToday,._4_Wqcq_todayHit{color:var(--billing-type-1-tone);font-size:var(--billing-type-1-size);line-height:var(--billing-type-1-line);font-variant-numeric:tabular-nums;margin-left:5px}._4_Wqcq_spendRow{border-top:1px solid var(--dsw-alias-border-l2);border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 6px;display:flex}._4_Wqcq_costRow{align-items:center;padding:0 8px;display:flex}._4_Wqcq_costRow:last-child{padding-bottom:6px}._4_Wqcq_spendRow+._4_Wqcq_costRow{padding-top:2px}._4_Wqcq_dayBucketRow{align-items:center;padding:2px 8px;display:flex}._4_Wqcq_dayBucketRow+._4_Wqcq_dayBucketRow{padding-bottom:7px}._4_Wqcq_costBreakdown{color:var(--billing-type-1-tone);font-size:var(--billing-type-1-size);line-height:var(--billing-type-1-line);font-variant-numeric:tabular-nums}._4_Wqcq_amountActions{align-items:center;gap:2px;display:inline-flex}._4_Wqcq_infoButton,._4_Wqcq_refreshButton{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}._4_Wqcq_infoButton:hover,._4_Wqcq_infoButton:focus-visible,._4_Wqcq_refreshButton:hover,._4_Wqcq_refreshButton:focus-visible{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-fill-l2)}._4_Wqcq_modelRow{border-radius:8px;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 8px;display:flex}._4_Wqcq_spendRow+._4_Wqcq_modelRow{padding-top:2px}._4_Wqcq_modelName{color:var(--billing-type-2-tone);font-size:var(--billing-type-2-size);line-height:var(--billing-type-2-line);flex:none}._4_Wqcq_tasks{text-align:right;min-width:0;color:var(--billing-type-2-number-tone);font-size:var(--billing-type-2-size);line-height:var(--billing-type-2-line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}._4_Wqcq_ranking{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:0;margin-top:7px;padding-top:2px;display:flex}._4_Wqcq_rankingTitle{color:var(--billing-type-2-tone);font-size:var(--billing-type-2-size);line-height:var(--billing-type-2-line);padding:6px 8px 2px}._4_Wqcq_rankingRow{border-radius:8px;align-items:baseline;gap:0;min-width:0;padding:3px 8px;display:flex}._4_Wqcq_rankingRow:hover{background:var(--dsw-alias-fill-l2)}._4_Wqcq_rankingIndex{width:16px;color:var(--billing-type-1-tone);font-size:var(--billing-type-1-size);line-height:var(--billing-type-1-line);font-variant-numeric:tabular-nums;text-align:right;flex:none}._4_Wqcq_rankingDot{color:var(--billing-type-1-tone);font-size:var(--billing-type-1-size);line-height:var(--billing-type-1-line);font-variant-numeric:tabular-nums;white-space:pre;flex:none}._4_Wqcq_rankingName{min-width:0;color:var(--billing-type-1-tone);font-size:var(--billing-type-1-size);line-height:var(--billing-type-1-line);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._4_Wqcq_rankingAmount{color:var(--billing-type-1-tone);font-size:var(--billing-type-1-size);line-height:var(--billing-type-1-line);font-variant-numeric:tabular-nums;flex:none;margin-left:8px}._4_Wqcq_rankingMore{color:var(--billing-type-1-tone);font-size:var(--billing-type-1-size);line-height:var(--billing-type-1-line);padding:2px 8px 4px}";
 		const tagId$1 = "@rayadesu/dsh-client-ui-billing/BalanceBadge.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -4399,6 +4696,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"chevronOpen": "_4_Wqcq_chevronOpen",
 			"costBreakdown": "_4_Wqcq_costBreakdown",
 			"costRow": "_4_Wqcq_costRow",
+			"dayBucketRow": "_4_Wqcq_dayBucketRow",
 			"infoButton": "_4_Wqcq_infoButton",
 			"inlineIcon": "_4_Wqcq_inlineIcon",
 			"linePrimary": "_4_Wqcq_linePrimary",
@@ -4416,18 +4714,56 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			"rankingTitle": "_4_Wqcq_rankingTitle",
 			"refreshButton": "_4_Wqcq_refreshButton",
 			"root": "_4_Wqcq_root",
+			"sessionToday": "_4_Wqcq_sessionToday",
 			"spendRow": "_4_Wqcq_spendRow",
-			"spendToday": "_4_Wqcq_spendToday",
 			"spin": "_4_Wqcq_spin",
 			"spinning": "_4_Wqcq_spinning",
 			"tasks": "_4_Wqcq_tasks",
+			"todayHit": "_4_Wqcq_todayHit",
 			"trigger": "_4_Wqcq_trigger",
 			"triggerLines": "_4_Wqcq_triggerLines",
 			"unavailable": "_4_Wqcq_unavailable"
 		};
+		/**
+		* Today's two bucket detail lines, rendered under the 今日 Token / 今日花费 row:
+		* the three buckets' token counts, then their costs — DSH's own bucket wording
+		* and row order in both lines, so they read like the per-model breakdown line
+		* further down and keep its own row rhythm. Each line stands on its own (no
+		* column alignment between them): the middots keep the natural " · " spacing of
+		* every other breakdown line in the panel.
+		*
+		* Tokens and costs come from the SAME day row set (`todaySpend.models`) the row
+		* above is built from: the three token counts add up to the token figure, and
+		* the three costs (with `spendBucketsOf`'s residual absorbed into the largest
+		* bucket) to the cost figure. Costs render at three significant digits, like the
+		* day figure above them, and never finer than four decimals — their last digits
+		* move with every request and carry no meaning.
+		*/
+		function todayBucketLines(t, spend) {
+			const tokens = tokenBucketsOf(spend);
+			const costs = spendBucketsOf(spend);
+			return {
+				tokenLine: [
+					`${t("label.bucket.input")} ${t("unit.tokens", { count: formatTokens(tokens.uncachedInput) })}`,
+					`${t("label.bucket.cacheRead")} ${t("unit.tokens", { count: formatTokens(tokens.cacheRead) })}`,
+					`${t("label.bucket.output")} ${t("unit.tokens", { count: formatTokens(tokens.output) })}`
+				].join(" · "),
+				costLine: [
+					t("label.cost.input", { amount: formatSpendSignificant(costs.uncachedInput) }),
+					t("label.cost.cacheRead", { amount: formatSpendSignificant(costs.cacheRead) }),
+					t("label.cost.output", { amount: formatSpendSignificant(costs.output) })
+				].join(" · ")
+			};
+		}
 		/** The detail box opened from the badge trigger. */
-		function BalancePanel({ amount, sessionId, spend, todaySpend, sessionsSpend, refreshing, onRefresh, t }) {
-			const sessionToday = sessionsSpend === null ? void 0 : sessionsSpend.sessions.find((row) => row.sessionId === sessionId)?.total ?? 0;
+		function BalancePanel({ amount, sessionId, spend, todaySpend, sessionsSpend, isSubagent, crossedDay, refreshing, onRefresh, t }) {
+			const row = sessionsSpend === null ? void 0 : sessionsSpend.sessions.find((entry) => entry.sessionId === sessionId);
+			const sessionToday = spend !== null && !isSubagent && crossedDay && sessionsSpend !== null ? row?.total ?? 0 : null;
+			const sessionAmount = spend === null ? "—" : spend.models.length === 0 ? t("stat.none") : formatSpendSignificant(spend.total);
+			const todayTokens = todaySpend === null ? "—" : todaySpend.models.length === 0 ? t("stat.none") : t("unit.tokens", { count: formatTokens(todaySpend.models.reduce((sum, row) => sum + rowTokens(row), 0)) });
+			const todayAmount = todaySpend === null ? "—" : todaySpend.models.length === 0 ? t("stat.none") : formatSpendSignificant(todaySpend.total);
+			const todayHit = todaySpend === null || todaySpend.models.length === 0 ? null : cacheHitPercentOf(todaySpend);
+			const modelCount = spend === null ? 0 : spend.models.length;
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: BalanceBadge_module_css_default.panel,
 				role: "dialog",
@@ -4465,34 +4801,57 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 						className: BalanceBadge_module_css_default.spendRow,
 						children: [(0, react_jsx_runtime.jsxs)("span", {
 							className: BalanceBadge_module_css_default.amountLabel,
-							children: [t("label.sessionSpend", { amount: spend === null ? "—" : spend.models.length === 0 ? t("stat.none") : formatSpend(spend.total) }), (0, react_jsx_runtime.jsx)("span", {
-								className: BalanceBadge_module_css_default.spendToday,
-								children: t("label.sessionSpend.today", { amount: sessionToday === void 0 ? "—" : formatSpend(sessionToday) })
-							})]
+							children: [t("label.todayTokens", { count: todayTokens }), todayHit !== null ? (0, react_jsx_runtime.jsx)("span", {
+								className: BalanceBadge_module_css_default.todayHit,
+								children: t("label.todayTokens.hit", { percent: todayHit })
+							}) : null]
 						}), (0, react_jsx_runtime.jsx)("span", {
 							className: BalanceBadge_module_css_default.amountLabel,
-							children: t("label.todaySpend", { amount: todaySpend === null ? "—" : todaySpend.models.length === 0 ? t("stat.none") : formatSpend(todaySpend.total) })
+							children: t("label.todaySpend", { amount: todayAmount })
 						})]
 					}),
-					spend?.models.map((model) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
+					todaySpend !== null && todaySpend.models.length > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("div", {
+						className: BalanceBadge_module_css_default.dayBucketRow,
+						children: (0, react_jsx_runtime.jsx)("span", {
+							className: BalanceBadge_module_css_default.costBreakdown,
+							children: todayBucketLines(t, todaySpend).tokenLine
+						})
+					}), (0, react_jsx_runtime.jsx)("div", {
+						className: BalanceBadge_module_css_default.dayBucketRow,
+						children: (0, react_jsx_runtime.jsx)("span", {
+							className: BalanceBadge_module_css_default.costBreakdown,
+							children: todayBucketLines(t, todaySpend).costLine
+						})
+					})] }),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: BalanceBadge_module_css_default.spendRow,
+						children: (0, react_jsx_runtime.jsxs)("span", {
+							className: BalanceBadge_module_css_default.amountLabel,
+							children: [t("label.sessionSpend", { amount: sessionAmount }), sessionToday !== null ? (0, react_jsx_runtime.jsx)("span", {
+								className: BalanceBadge_module_css_default.sessionToday,
+								children: t("label.sessionSpend.today", { amount: formatSpendSignificant(sessionToday) })
+							}) : null]
+						})
+					}),
+					spend?.models.map((model) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [modelCount > 1 && (0, react_jsx_runtime.jsxs)("div", {
 						className: BalanceBadge_module_css_default.modelRow,
 						children: [(0, react_jsx_runtime.jsx)("span", {
 							className: BalanceBadge_module_css_default.modelName,
 							children: model.displayName
 						}), (0, react_jsx_runtime.jsx)("span", {
 							className: BalanceBadge_module_css_default.tasks,
-							children: formatSpend(model.cost)
+							children: formatSpendSignificant(model.cost)
 						})]
 					}), (0, react_jsx_runtime.jsx)("div", {
 						className: BalanceBadge_module_css_default.costRow,
 						children: (0, react_jsx_runtime.jsxs)("span", {
 							className: BalanceBadge_module_css_default.costBreakdown,
 							children: [
-								t("label.cost.hit", { amount: formatSpend(model.cacheHitInputCost) }),
+								t("label.cost.input", { amount: formatSpendSignificant(model.cacheMissInputCost) }),
 								" · ",
-								t("label.cost.input", { amount: formatSpend(model.cacheMissInputCost) }),
+								t("label.cost.cacheRead", { amount: formatSpendSignificant(model.cacheHitInputCost) }),
 								" · ",
-								t("label.cost.output", { amount: formatSpend(model.outputCost) })
+								t("label.cost.output", { amount: formatSpendSignificant(model.outputCost) })
 							]
 						})
 					})] }, model.model)),
@@ -4522,7 +4881,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 									}),
 									(0, react_jsx_runtime.jsx)("span", {
 										className: BalanceBadge_module_css_default.rankingAmount,
-										children: formatSpend(row.total)
+										children: formatSpendSignificant(row.total)
 									})
 								]
 							}, row.sessionId)),
@@ -4539,7 +4898,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		//#region lib/types/client/BalanceTrigger.js
 		/**
 		* Session-header billing trigger: the balance plus the conversation-spend
-		* line. Pure view over the data hook's values — no state, no effects.
+		* line. Pure view over the data hook's values — no state, no effects. The
+		* balance line uses the trigger's own `trigger.balance` (the panel headline
+		* without its "API" prefix, since the chip is narrow); the spend line arrives
+		* precomputed from the parent carrying the PANEL's `label.sessionSpend`.
 		*/
 		/** The badge button: balance line, spend line, and the open-state chevron. */
 		function BalanceTrigger({ amount, spendLine, open, onToggle, t }) {
@@ -4562,9 +4924,57 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			});
 		}
 		//#endregion
+		//#region lib/types/client/spends.js
+		/**
+		* Additive merge of a conversation's two spend halves: the session's OWN billed
+		* spend (live, from the pushed `billingTodaySpend` projection or the
+		* `billing/getSessionSpend` fallback) and the delegated-subagent subtotal
+		* (`billing/getDelegatedSpend`). The panel shows one amount for the whole
+		* conversation, so the two must be summed before rendering — and the per-model
+		* rows must be summed the same way, or the breakdown would no longer add up to
+		* the amount above it.
+		*
+		* Pure addition only: no pricing, no timezone, no fork-boundary knowledge lives
+		* here (the host owns all of that), so this cannot drift from the host's own
+		* sums.
+		*/
+		/** Sum two model rows of the same wire model (display name taken from the first). */
+		function addRows(left, right) {
+			return {
+				...left,
+				cost: left.cost + right.cost,
+				peakCost: left.peakCost + right.peakCost,
+				offPeakCost: left.offPeakCost + right.offPeakCost,
+				cacheHitInputTokens: left.cacheHitInputTokens + right.cacheHitInputTokens,
+				cacheMissInputTokens: left.cacheMissInputTokens + right.cacheMissInputTokens,
+				outputTokens: left.outputTokens + right.outputTokens,
+				cacheHitInputCost: left.cacheHitInputCost + right.cacheHitInputCost,
+				cacheMissInputCost: left.cacheMissInputCost + right.cacheMissInputCost,
+				outputCost: left.outputCost + right.outputCost
+			};
+		}
+		/**
+		* Sum one conversation's own spend and its delegated-subagent subtotal.
+		* @param own - the session's own billed spend.
+		* @param delegated - the delegated subtotal from the last `getDelegatedSpend` read.
+		* @returns the merged spend (own model order first, then newly seen models).
+		*/
+		function sumSpends(own, delegated) {
+			const rows = /* @__PURE__ */ new Map();
+			for (const row of own.models) rows.set(row.model, row);
+			for (const row of delegated.models) {
+				const existing = rows.get(row.model);
+				rows.set(row.model, existing === void 0 ? row : addRows(existing, row));
+			}
+			return {
+				total: own.total + delegated.total,
+				models: [...rows.values()]
+			};
+		}
+		//#endregion
 		//#region lib/types/client/useBillingData.js
 		/**
-		* Billing badge data hook: owns the balance/session/today states, the
+		* Billing badge data hook: owns the balance/session/today/delegated states, the
 		* mount+refresh fetch, the turn-settled recompute, and the click-outside
 		* close. The trigger and the panel are pure views over the returned values,
 		* so the concurrency/race handling lives in exactly one file.
@@ -4587,18 +4997,21 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 		/**
 		* Start the badge's data lifecycle for one session. The spend follows the
-		* conversation: the host-pushed `billingTodaySpend` projection drives the
-		* session line live (zero Remote calls), with `getSessionSpend` as the
-		* bootstrap/fallback when the projection key is absent; today's spend is
-		* recomputed through `getTodaySpend` when a turn settles; the balance stays a
-		* manual-refresh snapshot and is never refetched on its own.
+		* conversation: the host-pushed `billingTodaySpend` projection drives this
+		* session's own part live (zero Remote calls), with `getSessionSpend` as the
+		* bootstrap/fallback when the projection key is absent; the delegated-subagent
+		* subtotal comes from `getDelegatedSpend` on mount, on refresh, and when a turn
+		* settles; today's spend is recomputed through `getTodaySpend` on the same
+		* events; the balance stays a manual-refresh snapshot and is never refetched on
+		* its own.
 		* @param props - the badge's injected face and session runtime share.
 		*/
-		function useBillingData({ getBalance, getCachedBalance, getSessionSpend, getTodaySpend, getTodaySessionsSpend, sessionId, useSession, useProjection }) {
+		function useBillingData({ getBalance, getCachedBalance, getSessionSpend, getTodaySpend, getTodaySessionsSpend, getDelegatedSpend, sessionId, useSession, useProjection }) {
 			const [balance, setBalance] = (0, react.useState)(getCachedBalance);
 			const [spend, setSpend] = (0, react.useState)(null);
 			const [todaySpend, setTodaySpend] = (0, react.useState)(null);
 			const [sessionsSpend, setSessionsSpend] = (0, react.useState)(null);
+			const [delegated, setDelegated] = (0, react.useState)(null);
 			const [error, setError] = (0, react.useState)(null);
 			const [refreshing, setRefreshing] = (0, react.useState)(false);
 			const [open, setOpen] = (0, react.useState)(false);
@@ -4624,11 +5037,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					});
 					const sessionSpendRequest = fetchLine(isCurrent, () => getSessionSpend(sessionId), setSpend);
 					const todaySpendRequest = fetchLine(isCurrent, () => getTodaySpend(request > 0), setTodaySpend);
+					const delegatedRequest = fetchLine(isCurrent, () => getDelegatedSpend(sessionId, request > 0), setDelegated);
 					const sessionsSpendRequest = openRef.current ? fetchLine(isCurrent, () => getTodaySessionsSpend(request > 0), setSessionsSpend) : Promise.resolve();
 					Promise.allSettled([
 						balanceRequest,
 						sessionSpendRequest,
 						todaySpendRequest,
+						delegatedRequest,
 						sessionsSpendRequest
 					]).then(() => {
 						if (current) setRefreshing(false);
@@ -4642,6 +5057,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				getSessionSpend,
 				getTodaySpend,
 				getTodaySessionsSpend,
+				getDelegatedSpend,
 				sessionId,
 				request
 			]);
@@ -4661,6 +5077,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				const isCurrent = () => current;
 				const timer = setTimeout(() => {
 					fetchLine(isCurrent, () => getSessionSpend(sessionId), setSpend);
+					fetchLine(isCurrent, () => getDelegatedSpend(sessionId), setDelegated);
 					fetchLine(isCurrent, () => getTodaySpend(), setTodaySpend);
 					if (openRef.current) fetchLine(isCurrent, () => getTodaySessionsSpend(), setSessionsSpend);
 				}, TURN_SETTLE_DEBOUNCE_MS);
@@ -4670,6 +5087,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				};
 			}, [
 				getSessionSpend,
+				getDelegatedSpend,
 				getTodaySpend,
 				getTodaySessionsSpend,
 				sessionId,
@@ -4685,11 +5103,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					document.removeEventListener("pointerdown", closeOutside);
 				};
 			}, [open]);
+			const own = projected === void 0 ? spend : projected.session;
 			return {
 				balance,
-				spend: projected === void 0 ? spend : projected.session,
+				spend: own === null ? null : delegated === null ? own : sumSpends(own, delegated),
 				todaySpend,
 				sessionsSpend,
+				isSubagent: delegated?.isSubagent ?? false,
+				crossedDay: delegated?.crossedDay ?? false,
 				error,
 				refreshing,
 				open,
@@ -4712,13 +5133,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		* @param props - Remote face, locale, and the standard session-header runtime share.
 		* @returns the badge, or null until the first balance fetch settles.
 		*/
-		function BalanceBadge({ getBalance, getCachedBalance, getSessionSpend, getTodaySpend, getTodaySessionsSpend, sessionId, useSession, useProjection, t }) {
-			const { balance, spend, todaySpend, sessionsSpend, error, refreshing, open, rootRef, refresh, toggleOpen } = useBillingData({
+		function BalanceBadge({ getBalance, getCachedBalance, getSessionSpend, getTodaySpend, getTodaySessionsSpend, getDelegatedSpend, sessionId, useSession, useProjection, t }) {
+			const { balance, spend, todaySpend, sessionsSpend, isSubagent, crossedDay, error, refreshing, open, rootRef, refresh, toggleOpen } = useBillingData({
 				getBalance,
 				getCachedBalance,
 				getSessionSpend,
 				getTodaySpend,
 				getTodaySessionsSpend,
+				getDelegatedSpend,
 				sessionId,
 				useSession,
 				useProjection
@@ -4742,7 +5164,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}
 			const line = primaryLine(balance);
 			const amount = line === void 0 ? "—" : `${line.symbol}${line.total}`;
-			const spendLine = spend !== null && spend.models.length > 0 ? t("trigger.conversationSpend", { amount: formatSpend(spend.total) }) : void 0;
+			const spendLine = spend !== null && spend.models.length > 0 ? t("label.sessionSpend", { amount: formatSpendSignificant(spend.total) }) : void 0;
 			return (0, react_jsx_runtime.jsxs)("div", {
 				ref: rootRef,
 				className: BalanceBadge_module_css_default.root,
@@ -4758,6 +5180,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					spend,
 					todaySpend,
 					sessionsSpend,
+					isSubagent,
+					crossedDay,
 					refreshing,
 					onRefresh: refresh,
 					t
@@ -4879,21 +5303,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		const NS = "billing";
 		/** Simplified Chinese dictionary (the key-set source of truth). */
 		const zh = {
-			"trigger.balance": "剩余额度：{amount}",
-			"trigger.conversationSpend": "本轮对话花费：{amount}",
+			"trigger.balance": "剩余金额：{amount}",
 			"label.amount": "API 剩余金额：{amount}",
 			"label.sessionSpend": "本会话花费：{amount}",
-			"label.sessionSpend.today": "（{amount}）",
-			"label.todaySpend": "今日：{amount}",
-			"label.cost.hit": "缓存命中 {amount}",
-			"label.cost.input": "未命中输入 {amount}",
+			"label.sessionSpend.today": " {amount}",
+			"label.todaySpend": "今日花费：{amount}",
+			"label.todayTokens": "今日 Token：{count}",
+			"label.todayTokens.hit": " {percent}%",
+			"unit.tokens": "{count} tok",
+			"label.cost.input": "未缓存输入 {amount}",
+			"label.cost.cacheRead": "缓存读取 {amount}",
 			"label.cost.output": "输出 {amount}",
+			"card.title": "花费金额",
+			"card.aria": "本轮对话花费：{amount}",
+			"label.bucket.input": "未缓存输入",
+			"label.bucket.cacheRead": "缓存读取",
+			"label.bucket.output": "输出",
 			"stat.none": "暂无消耗记录",
 			"stat.untitled": "未命名",
 			"state.unavailable": "额度不可用",
 			"action.refresh": "刷新",
 			"info.aria": "花费说明",
-			"info.hint": "估算：仅 DeepSeek 与 MiMo 模型，按每条消息自身时刻的峰谷官方单价计价（高峰：工作日 9:00–12:00、14:00–18:00）。\nv{version}",
+			"info.hint": "估算：仅 DeepSeek 与 MiMo 模型，按每条消息自身时刻的峰谷官方单价计价（高峰：工作日 9:00–12:00、14:00–18:00）。\n金额含本会话委派的子代理会话。\n紧跟的数字为本会话今日花费。\nv{version}",
 			"badge.aria": "DeepSeek 额度：{amount}",
 			"panel.aria": "DeepSeek 额度详情",
 			"label.sessionRanking": "今日会话花费",
@@ -4902,20 +5333,27 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		/** English dictionary, key-identical to the Chinese source of truth. */
 		const en = {
 			"trigger.balance": "Balance: {amount}",
-			"trigger.conversationSpend": "This conversation: {amount}",
 			"label.amount": "API balance: {amount}",
 			"label.sessionSpend": "This session: {amount}",
-			"label.sessionSpend.today": " ({amount})",
-			"label.todaySpend": "Today: {amount}",
-			"label.cost.hit": "Cache hit {amount}",
-			"label.cost.input": "Missed input {amount}",
+			"label.sessionSpend.today": " {amount}",
+			"label.todaySpend": "Today spend: {amount}",
+			"label.todayTokens": "Today tokens: {count}",
+			"label.todayTokens.hit": " {percent}%",
+			"unit.tokens": "{count} tok",
+			"label.cost.input": "Uncached input {amount}",
+			"label.cost.cacheRead": "Cached input {amount}",
 			"label.cost.output": "Output {amount}",
+			"card.title": "Spend",
+			"card.aria": "This conversation’s spend: {amount}",
+			"label.bucket.input": "Uncached input",
+			"label.bucket.cacheRead": "Cached input",
+			"label.bucket.output": "Output",
 			"stat.none": "No usage recorded",
 			"stat.untitled": "Untitled",
 			"state.unavailable": "Balance unavailable",
 			"action.refresh": "Refresh",
 			"info.aria": "About this spend",
-			"info.hint": "Estimate: DeepSeek and MiMo models only, each message priced at the official peak/off-peak rate of its own time (peak: weekdays 09:00–12:00, 14:00–18:00).\nv{version}",
+			"info.hint": "Estimate: DeepSeek and MiMo models only, each message priced at the official peak/off-peak rate of its own time (peak: weekdays 09:00–12:00, 14:00–18:00).\nThe amounts include the subagent sessions this session delegated.\nThe figure after it is this session's spend today.\nv{version}",
 			"badge.aria": "DeepSeek balance {amount}",
 			"panel.aria": "DeepSeek balance details",
 			"label.sessionRanking": "Today session spend",
@@ -4958,7 +5396,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				getCachedBalance: () => lastBalance,
 				getSessionSpend: async (sessionId) => unwrap("billing.getSessionSpend", await billing.getSessionSpend(sessionId)),
 				getTodaySpend: async (force) => unwrap("billing.getTodaySpend", await billing.getTodaySpend(force)),
-				getTodaySessionsSpend: async (force) => unwrap("billing.getTodaySessionsSpend", await billing.getTodaySessionsSpend(force))
+				getTodaySessionsSpend: async (force) => unwrap("billing.getTodaySessionsSpend", await billing.getTodaySessionsSpend(force)),
+				getDelegatedSpend: async (sessionId, force) => unwrap("billing.getDelegatedSpend", await billing.getDelegatedSpend(sessionId, force))
 			};
 			ctx.slots.inject("conversation.session.header.utilities", () => ctx.slots.register({
 				name: "conversation.session.header.utilities",