dsh-context 0.56.2 → 0.58.0

package/lib/client.js

@@ -354,8 +354,10 @@ window.__ModuleLoader__.load({
 			"ov.kpi.ofTotal": "共 {n} 个",
 			"ov.kpi.tokens": "累计消耗",
 			"ov.kpi.sessionsSub": "含 {n} 个会话",
+			"ov.kpi.pricedSub": "已计价 {n}/{total} 个会话",
 			"ov.kpi.toolSub": "工具执行 {dur}",
 			"ov.kpi.wallSub": "模型调用 {n}",
+			"ov.stats.empty": "统计范围内暂无 Token 用量",
 			"balance.title": "DeepSeek 余额",
 			"balance.tip.granted": "赠送余额",
 			"balance.tip.toppedUp": "充值余额",
@@ -733,8 +735,10 @@ window.__ModuleLoader__.load({
 			"ov.kpi.ofTotal": "of {n} total",
 			"ov.kpi.tokens": "Tokens Used",
 			"ov.kpi.sessionsSub": "across {n} sessions",
+			"ov.kpi.pricedSub": "{n} of {total} sessions priced",
 			"ov.kpi.toolSub": "tool runs {dur}",
 			"ov.kpi.wallSub": "{n} model calls",
+			"ov.stats.empty": "No billed tokens in this range",
 			"balance.title": "DeepSeek balance",
 			"balance.tip.granted": "Granted balance",
 			"balance.tip.toppedUp": "Topped-up balance",
@@ -2904,6 +2908,7 @@ window.__ModuleLoader__.load({
 			const BAR_W = 14;
 			const BAR_GAP = 2;
 			const STAGGER_CAP = 20;
+			const STEP_FLAG_EVERY = 5;
 			const TURN_FILLS = ["color-mix(in srgb, var(--color-neutral-500) 12%, transparent)", "color-mix(in srgb, var(--color-neutral-500) 26%, transparent)"];
 			const LABEL_OVERHANG = 48;
 			const LABEL_GAP = 2;
@@ -2960,62 +2965,73 @@ window.__ModuleLoader__.load({
 					onMouseEnter: () => {
 						props.onHover(req.seq);
 					},
-					children: [marker !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lc-bar-marker",
-						title: "✂ " + (markerAt !== null ? markerAt + " — " : "") + eventLabel(marker),
-						children: "✂"
-					}) : null, diverge ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-bar-up animate-lc-bar-in motion-reduce:animate-none",
-						style: {
-							bottom: `${props.downPx}px`,
-							...enterStyle
-						},
-						children: CATS.map((c) => {
-							const d = req[c.key] || 0;
-							if (d <= 0) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								"data-cat": c.key,
-								className: "lc-cat-seg",
-								style: {
-									height: `${Math.max(1, Math.round(d * props.deltaScale))}px`,
-									background: c.color
-								}
-							}, c.key);
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-bar-down animate-lc-bar-in motion-reduce:animate-none",
-						style: {
-							top: `${props.upPx}px`,
-							...enterStyle
-						},
-						children: CATS.map((c) => {
-							const d = req[c.key] || 0;
-							if (d >= 0) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								"data-cat": c.key,
-								className: "lc-cat-seg",
-								style: {
-									height: `${Math.max(1, Math.round(-d * props.deltaScale))}px`,
-									background: c.color
-								}
-							}, c.key);
-						})
-					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-bar-stack animate-lc-bar-in motion-reduce:animate-none",
-						style: enterStyle,
-						children: CATS.map((c) => {
-							const v = req[c.key] || 0;
-							if (!v) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								"data-cat": c.key,
-								className: "lc-cat-seg",
-								style: {
-									height: `${Math.max(1, Math.round(v / props.maxTotal * CHART_H))}px`,
-									background: c.color
-								}
-							}, c.key);
+					children: [
+						props.flag !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-step-flag",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-step-flag-label",
+								children: props.flag
+							})
+						}) : null,
+						marker !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-bar-marker",
+							title: "✂ " + (markerAt !== null ? markerAt + " — " : "") + eventLabel(marker),
+							children: "✂"
+						}) : null,
+						diverge ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-bar-up animate-lc-bar-in motion-reduce:animate-none",
+							style: {
+								bottom: `${props.downPx}px`,
+								...enterStyle
+							},
+							children: CATS.map((c) => {
+								const d = req[c.key] || 0;
+								if (d <= 0) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									"data-cat": c.key,
+									className: "lc-cat-seg",
+									style: {
+										height: `${Math.max(1, Math.round(d * props.deltaScale))}px`,
+										background: c.color
+									}
+								}, c.key);
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-bar-down animate-lc-bar-in motion-reduce:animate-none",
+							style: {
+								top: `${props.upPx}px`,
+								...enterStyle
+							},
+							children: CATS.map((c) => {
+								const d = req[c.key] || 0;
+								if (d >= 0) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									"data-cat": c.key,
+									className: "lc-cat-seg",
+									style: {
+										height: `${Math.max(1, Math.round(-d * props.deltaScale))}px`,
+										background: c.color
+									}
+								}, c.key);
+							})
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-bar-stack animate-lc-bar-in motion-reduce:animate-none",
+							style: enterStyle,
+							children: CATS.map((c) => {
+								const v = req[c.key] || 0;
+								if (!v) return null;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									"data-cat": c.key,
+									className: "lc-cat-seg",
+									style: {
+										height: `${Math.max(1, Math.round(v / props.maxTotal * CHART_H))}px`,
+										background: c.color
+									}
+								}, c.key);
+							})
 						})
-					})]
+					]
 				});
 			});
 			return function TrendChart(props) {
@@ -3369,6 +3385,7 @@ window.__ModuleLoader__.load({
 										selected: props.selectedSeq === req.seq,
 										hovered: props.hoveredSeq === req.seq,
 										inTurn: props.activeTurn !== null && (req.turn ?? 0) === props.activeTurn,
+										flag: props.granularity === "step" && (i + 1) % STEP_FLAG_EVERY === 0 ? i + 1 : null,
 										maxTotal,
 										upPx: delta ? upPx : void 0,
 										downPx: delta ? downPx : void 0,
@@ -5487,11 +5504,14 @@ window.__ModuleLoader__.load({
 		* The provider-id seam between dsh request envelopes and the models.dev
 		* registry: client/cost.ts resolves price-book branches through it, and
 		* host/fold.ts uses the DeepSeek resolution to split the session-cost totals
-		* into peak/off-peak periods. Only the renames live here — an id absent
-		* from the table passes through verbatim.
+		* into peak/off-peak periods. Only the renames live here — a dsh route key
+		* that is not a registry id (user-declared gateways, `claude`/`codex`
+		* subscriptions, org-prefixed catalogs) passes through and prices through
+		* the model-side resolution index instead (client/cost.ts).
 		*/
 		const MODELS_DEV_PROVIDER_IDS = {
 			"deepseek-official": "deepseek",
+			"deepseek-account": "deepseek",
 			"kimi-coding": "moonshotai",
 			"minimax-cn": "minimax",
 			"zai-coding-cn": "zhipuai"
@@ -5514,6 +5534,120 @@ window.__ModuleLoader__.load({
 		function toCurrency(usd, currency) {
 			return currency === "cny" ? usd / USD_PER_CNY : usd;
 		}
+		/** Rate equality within the registry's float noise (sync drift prints 0.125000…003). */
+		function sameRate(a, b) {
+			const close = (x, y) => Math.abs(x - y) <= 1e-9 * Math.max(1, Math.abs(x));
+			return close(a.hit, b.hit) && close(a.miss, b.miss) && close(a.write, b.write) && close(a.out, b.out);
+		}
+		/** One proven candidate rate off a built book branch, or null. */
+		function rateOfEntry(value) {
+			const v = value;
+			if (v === null || typeof v !== "object") return null;
+			const r = v;
+			const num = (x) => typeof x === "number" && Number.isFinite(x);
+			return num(r.hit) && num(r.miss) && num(r.write) && num(r.out) ? {
+				hit: r.hit,
+				miss: r.miss,
+				write: r.write,
+				out: r.out
+			} : null;
+		}
+		/**
+		* Build the resolution index over a proven book. `npmOf` carries each
+		* provider's registry `npm` package (null when absent) — the vendor signal:
+		* a provider whose package is `@ai-sdk/<its own id>` is the model's first
+		* party, while mirrors and gateways ride `@ai-sdk/openai-compatible` or
+		* someone else's package. Suffix tails are indexed alongside exact ids so a
+		* short dsh spelling (`k3`) resolves book-wide too.
+		*/
+		function priceIndexOf(prices, npmOf) {
+			const byModel = /* @__PURE__ */ new Map();
+			const push = (key, cand) => {
+				const list = byModel.get(key);
+				if (list === void 0) byModel.set(key, [cand]);
+				else if (!list.some((c) => c.pid === cand.pid && sameRate(c.rate, cand.rate))) list.push(cand);
+			};
+			for (const pid of Object.keys(prices)) {
+				const branch = branchOf(prices, pid);
+				if (branch === null) continue;
+				const npm = npmOf[pid];
+				const primary = typeof npm === "string" && npm.startsWith("@ai-sdk/") && npm.slice(8) === pid;
+				for (const mid of Object.keys(branch)) {
+					const rate = rateOfEntry(branch[mid]);
+					if (rate === null) continue;
+					const lower = mid.toLowerCase();
+					const cand = {
+						pid,
+						rate,
+						primary
+					};
+					push(lower, cand);
+					const parts = lower.split("-");
+					for (let i = 1; i < parts.length; i++) push(parts.slice(i).join("-"), cand);
+				}
+			}
+			return { byModel };
+		}
+		/**
+		* The rate shared by a candidate group, or null: the largest equal-rate
+		* group wins, a tie refuses. Agreeing mirrors are noise; disagreeing ones
+		* price nothing rather than guess.
+		*/
+		function majorityRate(cands) {
+			const groups = [];
+			for (const c of cands) {
+				const g = groups.find((g) => sameRate(g.rate, c.rate));
+				if (g === void 0) groups.push({
+					rate: c.rate,
+					n: 1
+				});
+				else g.n++;
+			}
+			groups.sort((a, b) => b.n - a.n);
+			return groups.length > 1 && groups[0].n === groups[1].n ? null : groups[0].rate;
+		}
+		/**
+		* Pick one candidate group's rate: the model's own vendor (unique or
+		* unanimous), then a provider the model id itself names (`deepseek-v4-flash`
+		* under `deepseek`), then a lone carrier. Everything else prices null.
+		*/
+		function resolveCandidates(lower, cands, org) {
+			if (org !== null) {
+				const named = cands.filter((c) => c.pid === org || org.startsWith(c.pid + "-") || org.length >= 4 && org.startsWith(c.pid));
+				if (named.length > 0) {
+					const rate = majorityRate(named);
+					if (rate !== null) return rate;
+				}
+			}
+			const primaries = cands.filter((c) => c.primary);
+			if (primaries.length > 0) {
+				const rate = majorityRate(primaries);
+				if (rate !== null) return rate;
+			}
+			const prefixed = cands.filter((c) => lower.startsWith(c.pid + "-") || lower.startsWith(c.pid + "/"));
+			if (prefixed.length > 0) {
+				const rate = majorityRate(prefixed);
+				if (rate !== null) return rate;
+			}
+			return cands.length === 1 ? cands[0].rate : null;
+		}
+		/**
+		* Resolve a model id book-wide: the full id first, then its last `/`-segment
+		* (an org-prefixed dialect whose exact spelling no registry provider lists).
+		* Null when every tier refuses.
+		*/
+		function resolveRate(index, model) {
+			const lower = model.toLowerCase();
+			const slash = lower.lastIndexOf("/");
+			const org = slash > 0 ? lower.slice(0, slash) : null;
+			for (const key of slash > 0 ? [lower, lower.slice(slash + 1)] : [lower]) {
+				const cands = index.byModel.get(key);
+				if (cands === void 0) continue;
+				const rate = resolveCandidates(key, cands, org);
+				if (rate !== null) return rate;
+			}
+			return null;
+		}
 		/** One rate triple at the doubled peak rate (the tooltip's `peak | off` pair). */
 		function peakOf(rate) {
 			return {
@@ -5553,22 +5687,16 @@ window.__ModuleLoader__.load({
 		* The book's rates for one folded (provider, model) bucket, or null when
 		* the book cannot price it: the dsh provider id resolves through
 		* modelsDevProviderOf (unmapped ids pass through) and prices by model id —
-		* exact, case-insensitive, or suffix; a provider the book does not carry
-		* falls back to a cross-provider scan, priced only when exactly one branch
-		* carries the model id.
-		*/
-		function priceOf(prices, provider, model) {
-			if (prices === null || prices === void 0) return null;
-			const direct = branchOf(prices, modelsDevProviderOf(provider));
+		* exact, case-insensitive, or suffix. A provider the book does not carry
+		* falls back to the model-side resolution index, which names the vendor
+		* from data (org segment, own-vendor SDK, id prefix, lone carrier) — never
+		* from a per-model hardcode.
+		*/
+		function priceOf(book, provider, model) {
+			if (book === null || book === void 0) return null;
+			const direct = branchOf(book.prices, modelsDevProviderOf(provider));
 			if (direct !== null) return lookup(direct, model);
-			let found = null;
-			for (const models of Object.values(prices)) {
-				const rate = lookup(models, model);
-				if (rate === null) continue;
-				if (found !== null) return null;
-				found = rate;
-			}
-			return found;
+			return resolveRate(book.index, model);
 		}
 		/**
 		* Price the session's cumulative billed-token totals. Cache reads bill at
@@ -5579,8 +5707,8 @@ window.__ModuleLoader__.load({
 		* Null when nothing was priced (no usage folded, no book yet, or no model
 		* the book prices), so the cell can show a dash.
 		*/
-		function estimateSessionCost(usage, prices, currency) {
-			if (usage === null || usage === void 0 || prices === null || prices === void 0) return null;
+		function estimateSessionCost(usage, book, currency) {
+			if (usage === null || usage === void 0 || book === null || book === void 0) return null;
 			let total = 0;
 			let any = false;
 			for (const provider of Object.keys(usage)) {
@@ -5588,7 +5716,7 @@ window.__ModuleLoader__.load({
 				if (models === null) continue;
 				const deepseek = isDeepSeekProvider(provider);
 				for (const model of Object.keys(models)) {
-					const rate = priceOf(prices, provider, model);
+					const rate = priceOf(book, provider, model);
 					const periods = asRecord(models[model]);
 					if (rate === null || periods === null) continue;
 					for (const period of ["peak", "off"]) {
@@ -5660,7 +5788,7 @@ window.__ModuleLoader__.load({
 			return formatCost(amount, currency).replace(/0+$/, "").replace(/\.$/, "");
 		}
 		//#endregion
-		//#region node_modules/.pnpm/@opencode-ai+models@0.0.72/node_modules/@opencode-ai/models/dist/error.js
+		//#region node_modules/.pnpm/@opencode-ai+models@0.0.87/node_modules/@opencode-ai/models/dist/error.js
 		/**
 		* The only error thrown by the models.dev client.
 		*
@@ -5677,7 +5805,7 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
-		//#region node_modules/.pnpm/@opencode-ai+models@0.0.72/node_modules/@opencode-ai/models/dist/client.js
+		//#region node_modules/.pnpm/@opencode-ai+models@0.0.87/node_modules/@opencode-ai/models/dist/client.js
 		/**
 		* Creates a stateless models.dev client. Every method performs exactly one
 		* `GET` and nothing is ever cached — callers who want caching should wrap
@@ -5694,7 +5822,11 @@ window.__ModuleLoader__.load({
 				for (const [key, value] of new Headers(requestOptions?.headers)) headers.set(key, value);
 				let response;
 				try {
-					response = await fetch(new URL(path, base), {
+					const url = new URL(path, base);
+					const modelTypes = requestOptions?.modelTypes;
+					if (modelTypes === "all") url.searchParams.set("type", "all");
+					else if (modelTypes && modelTypes.length > 0) url.searchParams.set("type", modelTypes.join(","));
+					response = await fetch(url, {
 						method: "GET",
 						headers,
 						signal: requestOptions?.signal
@@ -5739,10 +5871,12 @@ window.__ModuleLoader__.load({
 		* re-proves every field at the boundary — a non-conforming provider/model/
 		* cost entry drops whole. The book keeps EVERY provider that prices (keyed
 		* by the registry's own provider id), so a dsh provider id outside the
-		* rename table still prices by direct passthrough. One fetch per page load,
-		* kicked on first subscribe; a failure degrades to a visible state the cost
-		* cell notes, with a backed-off automatic retry — never a spinner, and
-		* never an unhandled rejection.
+		* rename table still prices by direct passthrough, and carries each
+		* provider's `npm` package into the model-side resolution index
+		* (cost.ts `priceIndexOf`) so unknown provider ids price by model id alone.
+		* One fetch per page load, kicked on first subscribe; a failure degrades to
+		* a visible state the cost cell notes, with a backed-off automatic retry —
+		* never a spinner, and never an unhandled rejection.
 		*/
 		/** One finite non-negative registry figure, or null. */
 		function rateOf(value) {
@@ -5750,18 +5884,23 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Extract the whole registry's per-model USD rates from a delivered
-		* providers payload (`/api.json`), keyed by the registry's provider ids.
-		* Any shape failure skips just that entry; a payload that is not a record
-		* at all returns null (the store treats it as a failed fetch and retries).
+		* providers payload (`/api.json`), keyed by the registry's provider ids,
+		* with the resolution index built over it. Any shape failure skips just
+		* that entry; a payload that is not a record at all returns null (the store
+		* treats it as a failed fetch and retries).
 		*/
 		function pricesBookOf(value) {
 			const data = asRecord(value);
 			if (data === null || Array.isArray(data)) return null;
 			const book = {};
+			const npmOf = {};
 			for (const providerId of Object.keys(data)) {
 				const provider = asRecord(data[providerId]);
-				const modelList = provider !== null ? asRecord(provider.models) : null;
+				if (provider === null) continue;
+				const modelList = asRecord(provider.models);
 				if (modelList === null) continue;
+				const npm = provider.npm;
+				npmOf[providerId] = typeof npm === "string" ? npm : null;
 				const models = {};
 				for (const id of Object.keys(modelList)) {
 					const model = asRecord(modelList[id]);
@@ -5779,14 +5918,17 @@ window.__ModuleLoader__.load({
 				}
 				if (Object.keys(models).length > 0) book[providerId] = models;
 			}
-			return book;
+			return {
+				prices: book,
+				index: priceIndexOf(book, npmOf)
+			};
 		}
 		const defaultLoader = () => make().providers();
 		/** The retry backoff base; each consecutive failure doubles the wait, capped at 3 doublings. */
 		const RETRY_BASE_MS = 3e4;
 		let loader = defaultLoader;
 		let snap = {
-			prices: null,
+			book: null,
 			failed: false
 		};
 		let inFlight = false;
@@ -5810,7 +5952,7 @@ window.__ModuleLoader__.load({
 				const book = pricesBookOf(await loader());
 				if (book !== null) {
 					snap = {
-						prices: book,
+						book,
 						failed: false
 					};
 					failures = 0;
@@ -5822,7 +5964,7 @@ window.__ModuleLoader__.load({
 			for (const fn of listeners) fn();
 		}
 		function kick() {
-			if (snap.prices !== null || inFlight || timer !== null) return;
+			if (snap.book !== null || inFlight || timer !== null) return;
 			fire();
 		}
 		/** The useSyncExternalStore seam: subscribing also kicks the first fetch. */
@@ -6206,7 +6348,106 @@ window.__ModuleLoader__.load({
 			totals.total = totals.input + totals.cacheRead + totals.cacheWrite + totals.output;
 			return totals;
 		}
-		function kpisOf(rows, listed, prices, currency) {
+		/**
+		* The range's summed timing totals — the aggregate Timing Stats card's
+		* source, folded from the rows' host-folded whole-session totals exactly as
+		* the KPI band folds the scalar figures. Null when no row carries timing.
+		* The additive-optional fields (the decode split, the throughput seat) sum
+		* their carriers only: a row cached before a field existed contributes
+		* nothing to it, and a field no row carries stays absent — the card keeps
+		* its un-split shape / no-chip fallback instead of materialized zeros.
+		*/
+		function timingSumOf(rows) {
+			let out = null;
+			for (const row of rows) {
+				const t = row.timeline?.timing;
+				if (t === void 0) continue;
+				if (out === null) {
+					out = {
+						...t,
+						tools: { ...t.tools }
+					};
+					continue;
+				}
+				out.wallMs += t.wallMs;
+				out.ttftMs += t.ttftMs;
+				out.genMs += t.genMs;
+				out.calls += t.calls;
+				out.toolsMs += t.toolsMs;
+				out.toolCalls += t.toolCalls;
+				addOptionalOf(out, t, "reasoningMs");
+				addOptionalOf(out, t, "reasoningBlocks");
+				addOptionalOf(out, t, "textMs");
+				addOptionalOf(out, t, "textBlocks");
+				addOptionalOf(out, t, "toolArgMs");
+				addOptionalOf(out, t, "toolArgBlocks");
+				addOptionalOf(out, t, "speedTokens");
+				addOptionalOf(out, t, "speedMs");
+				for (const name of Object.keys(t.tools)) {
+					const tool = t.tools[name];
+					const prev = out.tools[name];
+					out.tools[name] = prev === void 0 ? { ...tool } : {
+						calls: prev.calls + tool.calls,
+						ms: prev.ms + tool.ms
+					};
+				}
+			}
+			return out;
+		}
+		/** One additive-optional timing field's in-place merge: absent on both sides stays absent (never a materialized undefined). */
+		function addOptionalOf(target, source, key) {
+			const a = target[key];
+			const b = source[key];
+			if (a !== void 0 || b !== void 0) target[key] = (a ?? 0) + (b ?? 0);
+		}
+		/**
+		* The range's billed tokens split by WHAT they are — the Context tab's Token
+		* card categorization, folded across sessions: each session's
+		* `billedParts` estimate (the composition ratios proportioning that
+		* session's provider-reported prompt total, output exact) sums by category,
+		* and every session's parts total its own billed figure, so the aggregate's
+		* total stays the exact merged billed volume while the split inherits the
+		* per-session card's `≈` estimate convention. Null when no session billed
+		* anything. A non-finite part estimate (a hostile fast-path composition)
+		* drops whole instead of poisoning the sums.
+		*/
+		function tokenPartsOf(rows) {
+			const sums = /* @__PURE__ */ new Map();
+			let total = 0;
+			let any = false;
+			for (const row of rows) {
+				const timeline = row.timeline;
+				if (timeline === null) continue;
+				const totals = usageTotalsOf(timeline.cost);
+				if (totals === null) continue;
+				any = true;
+				const usage = {
+					uncachedInputTokens: totals.input,
+					cacheReadTokens: totals.cacheRead,
+					cacheWriteTokens: totals.cacheWrite,
+					outputTokens: totals.output
+				};
+				for (const part of billedParts(timeline.current, null, usage)) {
+					if (!Number.isFinite(part.value) || part.value <= 0) continue;
+					total += part.value;
+					const prev = sums.get(part.key);
+					sums.set(part.key, prev === void 0 ? {
+						key: part.key,
+						color: part.color,
+						value: part.value
+					} : {
+						...prev,
+						value: prev.value + part.value
+					});
+				}
+			}
+			if (!any) return null;
+			return {
+				parts: [...sums.values()],
+				total
+			};
+		}
+		function kpisOf(rows, listed, book, currency) {
 			const usage = mergeCostUsage(...rows.map((row) => row.timeline?.cost));
 			const totals = usageTotalsOf(usage);
 			let turns = 0;
@@ -6218,7 +6459,7 @@ window.__ModuleLoader__.load({
 			let usageSessions = 0;
 			for (const row of rows) {
 				const cost = row.timeline?.cost;
-				if (estimateSessionCost(cost, prices, currency) !== null) costSessions++;
+				if (estimateSessionCost(cost, book, currency) !== null) costSessions++;
 				if (usageTotalsOf(cost) !== null) usageSessions++;
 				turns += turnsOf(row.timeline);
 				const timing = row.timeline?.timing;
@@ -6232,14 +6473,16 @@ window.__ModuleLoader__.load({
 				listed,
 				tokens: totals?.total ?? 0,
 				turns,
-				cost: estimateSessionCost(usage, prices, currency),
+				cost: estimateSessionCost(usage, book, currency),
 				costSessions,
 				cacheHit: totals === null ? null : cacheHitPercent(totals.cacheRead, totals.input + totals.cacheRead + totals.cacheWrite),
 				usageSessions,
 				toolCalls,
 				toolsMs,
 				calls,
-				wallMs
+				wallMs,
+				tokenParts: tokenPartsOf(rows),
+				timing: timingSumOf(rows)
 			};
 		}
 		/**
@@ -6939,141 +7182,439 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/components/overviewCard.tsx
-		function makeOverviewCard(kit) {
-			const { t } = kit;
-			const Donut = makeDonut(kit);
-			return function OverviewCard(props) {
-				const { row } = props;
-				const timeline = row.timeline;
-				const billed = billedOf(timeline);
-				const occupancy = timeline !== null && typeof timeline.contextWindow === "number" && timeline.contextWindow > 0 ? fmtShare(timeline.current.total, timeline.contextWindow) : null;
-				const turns = turnsOf(timeline);
-				const steps = timeline?.counts?.steps;
-				const turnsLabel = steps === void 0 ? String(turns) : t("ov.card.turns", {
-					n: turns,
-					s: steps
-				});
-				const project = projectOf(row.cwd);
-				const group = props.group !== void 0 && props.group !== project ? props.group : void 0;
-				const created = createdDayOf(row.activity);
-				const lastUser = timeline?.lastUser;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: "lc-ov-session" + (row.current ? " lc-ov-session-current" : ""),
-					onClick: () => {
-						props.onOpen(row.id);
+		//#region src/client/components/sliceList.tsx
+		/**
+		* The stats cards' slice rows: the donut's legend with numbers, two tiers
+		* per slice — the primary line pairs the color dot and the name with the
+		* bold share closing a fixed right column, and the secondary line drops the
+		* absolute quantity (plus a qualifier like the call count) under the name in
+		* muted small print. Hovering a row lights it and its donut segment together
+		* (the shared hover key), and vice versa. No tracks or bars — the donut IS
+		* the proportion chart; the rows are its legend. Preformatted strings in,
+		* dumb markup out.
+		*/
+		function makeSliceList(kit) {
+			return function SliceList(props) {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "lc-sl flex-auto @max-[240px]/lc-card:basis-full",
+					onMouseLeave: () => {
+						if (props.onHoverKey !== void 0) props.onHoverKey(null);
 					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "lc-ov-session-head",
+					children: props.rows.map((r) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-sl-row" + (r.dim ? " lc-sl-row-dim" : "") + (props.hoverKey !== void 0 && props.hoverKey === r.key ? " lc-sl-row-on" : ""),
+						onMouseEnter: () => {
+							if (props.onHoverKey !== void 0) props.onHoverKey(r.key);
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-sl-main",
 							children: [
-								row.running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-ov-running",
-									title: t("ov.running")
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
+									className: "lc-sl-dot",
+									style: { background: r.color }
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-ov-session-title",
-									title: row.title,
-									children: row.title
-								}),
-								row.current && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-ov-current",
-									children: t("ov.current")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "lc-ov-session-times",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "lc-ov-session-time",
-										children: relativeTime(t, row.updatedAt, props.now)
-									}), created !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "lc-ov-session-created",
-										children: created
-									})]
-								})
-							]
-						}),
-						(group !== void 0 || project !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "lc-ov-session-crumb",
-							title: row.cwd,
-							children: [
-								group !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-ov-crumb-group",
-									children: group
-								}),
-								group !== void 0 && project !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-ov-crumb-sep",
-									children: "/"
+									className: "lc-sl-label",
+									title: r.label,
+									children: r.label
 								}),
-								project !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-ov-crumb-project",
-									children: project
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-sl-pct",
+									children: r.pct
 								})
 							]
-						}),
-						timeline === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "lc-ov-session-empty",
-							children: t("ov.list.noData")
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "lc-ov-session-body",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
-								size: 64,
-								segments: partsOf(timeline.current),
-								centerTop: fmt(timeline.current.total),
-								centerSub: occupancy ?? void 0
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "lc-ov-mini-stats",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: "lc-ov-mini-stat",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-ov-mini-label",
-											children: t("stats.turns")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-ov-mini-value",
-											children: turnsLabel
-										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: "lc-ov-mini-stat",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-ov-mini-label",
-											children: t("tokens.total")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-ov-mini-value",
-											children: billed === null ? "—" : fmt(billed)
-										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: "lc-ov-mini-stat",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-ov-mini-label",
-											children: t("stats.cost")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-ov-mini-value",
-											children: props.costLabel
-										})]
-									})
-								]
-							})]
-						}),
-						lastUser !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "lc-ov-session-preview",
-							title: lastUser,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-ov-session-preview-label",
-								children: t("ov.card.lastUser")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-ov-session-preview-text",
-								children: lastUser
-							})]
-						})
-					]
-				});
-			};
-		}
-		//#endregion
-		//#region src/client/components/overviewPanel.tsx
+						}), r.count !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-sl-sub",
+							title: r.count,
+							children: r.count
+						}) : null]
+					}, r.key))
+				});
+			};
+		}
+		//#endregion
+		//#region src/client/components/overviewTokens.tsx
+		/**
+		* The Context Insights panel's aggregate Token Stats card — the first row's
+		* token half, categorized exactly like the Context tab's Token card
+		* (statsTokens.tsx): the range's billed volume split by WHAT the tokens are —
+		* the composition categories' `≈` estimates proportioning each session's
+		* provider-reported prompt total, plus the exact output — folded by
+		* tokenPartsOf. The center figure stays the exact merged billed total the
+		* KPI band's Tokens Used cell shows.
+		*/
+		function makeOverviewTokens(kit, Donut) {
+			const { t, fmt, fmtShare, catLabel } = kit;
+			const SliceList = makeSliceList(kit);
+			return function OverviewTokens(props) {
+				const [hoverKey, setHoverKey] = (0, react.useState)(null);
+				const tokens = props.tokens;
+				const total = tokens?.total ?? 0;
+				const shown = tokens !== null && total > 0 ? tokens.parts.filter((p) => p.value > 0) : [];
+				const rows = shown.map((p) => ({
+					key: p.key,
+					color: p.color,
+					label: p.key === "output" ? t("tokens.output") : catLabel(p.key),
+					pct: fmtShare(p.value, total),
+					count: p.key === "output" ? `${fmt(p.value)} · ${t("tokens.outputNote")}` : "≈" + fmt(p.value)
+				}));
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-card lc-col-stats lc-col-donut flex-1 min-w-[min(360px,100%)]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lc-card-title",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-card-title-text",
+							children: t("tokens.title")
+						})
+					}), shown.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lc-empty",
+						children: t("ov.stats.empty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-donut-row flex items-center justify-start gap-3 min-w-0 @max-[320px]/lc-card:gap-2 @max-[240px]/lc-card:flex-wrap",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
+							segments: shown.map((p) => ({
+								key: p.key,
+								color: p.color,
+								value: p.value
+							})),
+							size: 96,
+							centerTop: fmt(total),
+							centerSub: t("tokens.total"),
+							hoverKey,
+							onHoverKey: setHoverKey
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliceList, {
+							rows,
+							hoverKey,
+							onHoverKey: setHoverKey
+						})]
+					})]
+				});
+			};
+		}
+		//#endregion
+		//#region src/client/components/statsTiming.tsx
+		/**
+		* The Timing card: where the session's ACTIVE time went. The donut splits
+		* whole-step wall time into the model-call slices — TTFT (step start → first
+		* token, the wait) and LLM generation (first token → assistant message) —
+		* and the tool-execution slice, with the residue as overhead; a call whose
+		* stream recorded no token delta (legacy or aborted) stays unattributed and
+		* lands in the residue. When the host folded the generation split (see
+		* TimingTotals), the generation slice expands into what was being decoded:
+		* thinking, answer text, and tool-call arguments. The slice rows lead with
+		* the true duration and qualify it with a tally on the secondary line — the
+		* model calls (TTFT), the tool runs, and the decode slices' own BLOCK counts
+		* (zero to many per call, so a call count would be a false tally there). A
+		* slice that never happened (zero time) is omitted entirely — the ring already skips
+		* its arc, and a zero row would otherwise borrow the session's call count and
+		* read as "no time, many calls". The donut and the rows sit side by side so
+		* the head row stays half-height. Parallel tool calls each count, so the tools
+		* figure can overlap — the ring clamps it into the post-model window while the
+		* row numbers stay true.
+		*/
+		const COLOR = {
+			ttft: "var(--color-blue-500)",
+			reasoning: "var(--color-violet-500)",
+			text: "var(--color-pink-500)",
+			toolarg: "var(--color-amber-500)",
+			tools: "var(--color-teal-500)",
+			other: "var(--color-slate-400)"
+		};
+		/**
+		* The decode-throughput figure, formatted exactly as the harness's own
+		* session-stats seat formats it: whole tokens from ten up, one decimal below.
+		*/
+		function formatTokensPerSecond(tps) {
+			const clamped = Math.max(0, tps);
+			return clamped >= 10 ? String(Math.round(clamped)) : String(Math.round(clamped * 10) / 10);
+		}
+		function makeStatsTiming(kit, Donut) {
+			const { t, fmt, fmtDuration, fmtShare } = kit;
+			const SliceList = makeSliceList(kit);
+			return function StatsTiming(props) {
+				const [hoverKey, setHoverKey] = (0, react.useState)(null);
+				const timing = props.timing;
+				const wall = timing !== null && Number.isFinite(timing.wallMs) && timing.wallMs > 0 ? timing.wallMs : 0;
+				const tps = timing !== null && typeof timing.speedMs === "number" && Number.isFinite(timing.speedMs) && timing.speedMs > 0 && typeof timing.speedTokens === "number" && Number.isFinite(timing.speedTokens) && timing.speedTokens >= 0 ? formatTokensPerSecond(timing.speedTokens / (timing.speedMs / 1e3)) : null;
+				let segments = [];
+				let rows = [];
+				if (timing !== null && (wall > 0 || timing.calls > 0 || timing.toolCalls > 0)) {
+					const callTimes = t("timing.callTimes", { n: fmt(timing.calls) });
+					const modelSlices = [{
+						key: "ttft",
+						color: COLOR.ttft,
+						label: t("timing.ttft"),
+						ms: timing.ttftMs,
+						times: callTimes
+					}];
+					const blockTimes = (blocks) => blocks !== void 0 && blocks > 0 ? t("timing.blockTimes", { n: fmt(blocks) }) : void 0;
+					const buckets = [
+						[
+							"reasoning",
+							COLOR.reasoning,
+							t("timing.reasoning"),
+							timing.reasoningMs ?? 0,
+							blockTimes(timing.reasoningBlocks)
+						],
+						[
+							"text",
+							COLOR.text,
+							t("timing.text"),
+							timing.textMs ?? 0,
+							blockTimes(timing.textBlocks)
+						],
+						[
+							"toolarg",
+							COLOR.toolarg,
+							t("timing.toolArgs"),
+							timing.toolArgMs ?? 0,
+							blockTimes(timing.toolArgBlocks)
+						]
+					];
+					if (buckets.some(([, , , ms]) => ms > 0)) for (const [key, color, label, ms, times] of buckets) modelSlices.push({
+						key,
+						color,
+						label,
+						ms,
+						...times !== void 0 ? { times } : {}
+					});
+					else modelSlices.push({
+						key: "gen",
+						color: COLOR.reasoning,
+						label: t("timing.gen"),
+						ms: timing.genMs
+					});
+					const ttftRing = Math.min(timing.ttftMs, wall);
+					const genRing = Math.max(0, Math.min(timing.genMs, wall - ttftRing));
+					const modelRings = [ttftRing];
+					let used = ttftRing;
+					const genEnd = ttftRing + genRing;
+					for (const slice of modelSlices.slice(1)) {
+						const take = Math.max(0, Math.min(slice.ms, genEnd - used));
+						modelRings.push(take);
+						used += take;
+					}
+					const toolRing = Math.max(0, Math.min(timing.toolsMs, wall - ttftRing - genRing));
+					const other = Math.max(0, wall - ttftRing - genRing - toolRing);
+					const share = (ms) => wall > 0 ? ms / wall : 0;
+					const countOf = (ms, times) => {
+						const dur = fmtDuration(ms);
+						if (times === void 0) return dur;
+						return ms > 0 ? `${dur} · ${times}` : times;
+					};
+					const modelSegments = modelSlices.map((slice, index) => ({
+						key: slice.key,
+						color: slice.color,
+						value: share(modelRings[index])
+					}));
+					const toolSlice = {
+						key: "tools",
+						color: COLOR.tools,
+						label: t("timing.tools"),
+						ms: timing.toolsMs,
+						times: t("timing.toolTimes", { n: fmt(timing.toolCalls) })
+					};
+					const otherSlice = {
+						key: "other",
+						color: COLOR.other,
+						label: t("timing.other"),
+						ms: other
+					};
+					segments = [
+						...modelSegments,
+						{
+							key: "tools",
+							color: COLOR.tools,
+							value: share(toolRing)
+						},
+						{
+							key: "other",
+							color: COLOR.other,
+							value: share(other)
+						}
+					];
+					const toRow = (slice) => ({
+						key: slice.key,
+						color: slice.color,
+						label: slice.label,
+						dim: slice.ms === 0,
+						pct: fmtShare(slice.ms, wall),
+						count: countOf(slice.ms, slice.times)
+					});
+					rows = [
+						...modelSlices.map(toRow),
+						toRow(toolSlice),
+						toRow(otherSlice)
+					].filter((row) => !row.dim);
+				}
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-card lc-col-stats lc-col-donut flex-1 min-w-[min(360px,100%)]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-card-title",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-card-title-text",
+							children: t("timing.title")
+						}), tps !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-timing-tps",
+							title: t("timing.tpsTip"),
+							children: t("timing.tps", { tps })
+						})]
+					}), rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lc-empty",
+						children: t("timing.empty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-donut-row flex items-center justify-start gap-3 min-w-0 @max-[320px]/lc-card:gap-2 @max-[240px]/lc-card:flex-wrap",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
+							segments,
+							size: 96,
+							centerTop: wall > 0 ? fmtDuration(wall) : "—",
+							centerSub: t("timing.total"),
+							hoverKey,
+							onHoverKey: setHoverKey
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliceList, {
+							rows,
+							hoverKey,
+							onHoverKey: setHoverKey
+						})]
+					})]
+				});
+			};
+		}
+		//#endregion
+		//#region src/client/components/overviewCard.tsx
+		function makeOverviewCard(kit) {
+			const { t } = kit;
+			const Donut = makeDonut(kit);
+			return function OverviewCard(props) {
+				const { row } = props;
+				const timeline = row.timeline;
+				const billed = billedOf(timeline);
+				const occupancy = timeline !== null && typeof timeline.contextWindow === "number" && timeline.contextWindow > 0 ? fmtShare(timeline.current.total, timeline.contextWindow) : null;
+				const turns = turnsOf(timeline);
+				const steps = timeline?.counts?.steps;
+				const turnsLabel = steps === void 0 ? String(turns) : t("ov.card.turns", {
+					n: turns,
+					s: steps
+				});
+				const project = projectOf(row.cwd);
+				const group = props.group !== void 0 && props.group !== project ? props.group : void 0;
+				const created = createdDayOf(row.activity);
+				const lastUser = timeline?.lastUser;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "lc-ov-session" + (row.current ? " lc-ov-session-current" : ""),
+					onClick: () => {
+						props.onOpen(row.id);
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "lc-ov-session-head",
+							children: [
+								row.running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-running",
+									title: t("ov.running")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-session-title",
+									title: row.title,
+									children: row.title
+								}),
+								row.current && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-current",
+									children: t("ov.current")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "lc-ov-session-times",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-ov-session-time",
+										children: relativeTime(t, row.updatedAt, props.now)
+									}), created !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "lc-ov-session-created",
+										children: created
+									})]
+								})
+							]
+						}),
+						(group !== void 0 || project !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "lc-ov-session-crumb",
+							title: row.cwd,
+							children: [
+								group !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-crumb-group",
+									children: group
+								}),
+								group !== void 0 && project !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-crumb-sep",
+									children: "/"
+								}),
+								project !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-ov-crumb-project",
+									children: project
+								})
+							]
+						}),
+						timeline === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lc-ov-session-empty",
+							children: t("ov.list.noData")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "lc-ov-session-body",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
+								size: 64,
+								segments: partsOf(timeline.current),
+								centerTop: fmt(timeline.current.total),
+								centerSub: occupancy ?? void 0
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "lc-ov-mini-stats",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "lc-ov-mini-stat",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-ov-mini-label",
+											children: t("stats.turns")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-ov-mini-value",
+											children: turnsLabel
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "lc-ov-mini-stat",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-ov-mini-label",
+											children: t("tokens.total")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-ov-mini-value",
+											children: billed === null ? "—" : fmt(billed)
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "lc-ov-mini-stat",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-ov-mini-label",
+											children: t("stats.cost")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-ov-mini-value",
+											children: props.costLabel
+										})]
+									})
+								]
+							})]
+						}),
+						lastUser !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "lc-ov-session-preview",
+							title: lastUser,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-ov-session-preview-label",
+								children: t("ov.card.lastUser")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-ov-session-preview-text",
+								children: lastUser
+							})]
+						})
+					]
+				});
+			};
+		}
+		//#endregion
+		//#region src/client/components/overviewPanel.tsx
 		/**
 		* The Context Dashboard panel — the cross-session insight surface opened
 		* from the sidebar foot (overviewButton.tsx). Rendered from the frame-wide
@@ -7082,12 +7623,17 @@ window.__ModuleLoader__.load({
 		* projection values), so the panel draws every session's insight without
 		* opening one log.
 		*
-		* The body is a 3:7 column pair: the insight column (the KPI 2×3 block over
-		* the activity heatmap, then the preferences entry row) beside the session
-		* column (search, group chips, and the card grid); the heatmap keeps its own
-		* fixed 8-week window and PINs the list to a picked day (the panel's
-		* drill-down gesture). A session card click jumps to that session through
-		* the harness's own selection verb (openSessionVia) and closes the panel.
+		* The panel's first row is the KPI metrics band: the range's six figures
+		* (sessions, billed tokens, cost, cache hit, tool calls, active time) in one
+		* full-width line. Below it, the aggregate stats row folds the same range's
+		* sessions into the two donut cards the per-session Context tab opens with —
+		* Token Stats (the composition-split billed volume) and Timing Stats (the
+		* summed totals). The body is then a 3:7 column pair: the insight column (the
+		* activity heatmap, then the preferences entry row) beside the session column
+		* (search, group chips, and the card grid); the heatmap keeps its own fixed
+		* 8-week window and PINs the list to a picked day (the panel's drill-down
+		* gesture). A session card click jumps to that session through the harness's
+		* own selection verb (openSessionVia) and closes the panel.
 		*/
 		const RANGES = [
 			"24h",
@@ -7107,6 +7653,9 @@ window.__ModuleLoader__.load({
 			const Heatmap = makeHeatmap(kit);
 			const OverviewCard = makeOverviewCard(kit);
 			const BalanceCapsule = makeBalanceCapsule(ctx, kit);
+			const Donut = makeDonut(kit);
+			const OverviewTokens = makeOverviewTokens(kit, Donut);
+			const StatsTiming = makeStatsTiming(kit, Donut);
 			const ErrorBoundary = makeErrorBoundary(t);
 			/** The display currency follows the active locale (zh → CNY), read per render — the slot outlet re-renders on a locale switch. */
 			function activeCurrency() {
@@ -7115,7 +7664,7 @@ window.__ModuleLoader__.load({
 			}
 			function OverviewBody(props) {
 				const open = (0, react.useSyncExternalStore)(overviewStore.subscribe, overviewStore.getSnapshot);
-				const { prices } = useModelPrices();
+				const { book } = useModelPrices();
 				const snapshot = sessionsSnapshotOf(props);
 				const wsSnapshot = workspacesSnapshotOf(props);
 				const [range, setRange] = (0, react.useState)("30d");
@@ -7167,7 +7716,7 @@ window.__ModuleLoader__.load({
 				}] : counts;
 				const visible = sortRows(group === null ? scoped : scoped.filter((row) => inGroup(row, group, groups)), sort);
 				const paged = pageOf(visible, page);
-				const kpi = kpisOf(ranged, allRows.length, prices, currency);
+				const kpi = kpisOf(ranged, allRows.length, book, currency);
 				const days = aggregateDays(allRows);
 				const openOne = (id) => {
 					openSessionVia(ctx, id);
@@ -7217,123 +7766,130 @@ window.__ModuleLoader__.load({
 						}), rows === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "lc-empty",
 							children: t("ov.unavailable")
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "lc-ov-body",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-ov-left",
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "lc-ov-kpis",
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-ov-kpis",
+										className: "lc-stat lc-ov-kpi",
 										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "lc-stat lc-ov-kpi",
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-label",
-														children: t("ov.kpi.sessions")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-value",
-														children: kpi.sessions
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-sub",
-														children: t("ov.kpi.ofTotal", { n: kpi.listed })
-													})
-												]
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-label",
+												children: t("ov.kpi.sessions")
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "lc-stat lc-ov-kpi",
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-label",
-														children: t("ov.kpi.tokens")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-value",
-														children: fmt(kpi.tokens)
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														className: "lc-stat-sub",
-														children: [
-															t("stats.turns"),
-															" ",
-															fmt(kpi.turns)
-														]
-													})
-												]
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-value",
+												children: kpi.sessions
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "lc-stat lc-ov-kpi",
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-label",
-														children: t("stats.cost")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-value",
-														children: kpi.cost === null ? "—" : formatCost(kpi.cost, currency)
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-sub",
-														children: t("ov.kpi.sessionsSub", { n: kpi.costSessions })
-													})
-												]
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-sub",
+												children: t("ov.kpi.ofTotal", { n: kpi.listed })
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "lc-stat lc-ov-kpi",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-label",
+												children: t("ov.kpi.tokens")
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "lc-stat lc-ov-kpi",
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-label",
-														children: t("stats.cacheHit")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-value",
-														children: kpi.cacheHit === null ? "—" : kpi.cacheHit + "%"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-sub",
-														children: t("ov.kpi.sessionsSub", { n: kpi.usageSessions })
-													})
-												]
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-value",
+												children: fmt(kpi.tokens)
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "lc-stat lc-ov-kpi",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: "lc-stat-sub",
 												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-label",
-														children: t("stats.toolCalls")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-value",
-														children: fmt(kpi.toolCalls)
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-sub",
-														children: t("ov.kpi.toolSub", { dur: fmtDuration(kpi.toolsMs) })
-													})
+													t("stats.turns"),
+													" ",
+													fmt(kpi.turns)
 												]
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "lc-stat lc-ov-kpi",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-label",
+												children: t("stats.cost")
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "lc-stat lc-ov-kpi",
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-label",
-														children: t("timing.total")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-value",
-														children: fmtDuration(kpi.wallMs)
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "lc-stat-sub",
-														children: t("ov.kpi.wallSub", { n: fmt(kpi.calls) })
-													})
-												]
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-value",
+												children: kpi.cost === null ? "—" : formatCost(kpi.cost, currency)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-sub",
+												children: t("ov.kpi.pricedSub", {
+													n: kpi.costSessions,
+													total: kpi.sessions
+												})
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "lc-stat lc-ov-kpi",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-label",
+												children: t("stats.cacheHit")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-value",
+												children: kpi.cacheHit === null ? "—" : kpi.cacheHit + "%"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-sub",
+												children: t("ov.kpi.sessionsSub", { n: kpi.usageSessions })
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "lc-stat lc-ov-kpi",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-label",
+												children: t("stats.toolCalls")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-value",
+												children: fmt(kpi.toolCalls)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-sub",
+												children: t("ov.kpi.toolSub", { dur: fmtDuration(kpi.toolsMs) })
 											})
 										]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "lc-stat lc-ov-kpi",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-label",
+												children: t("timing.total")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-value",
+												children: fmtDuration(kpi.wallMs)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-stat-sub",
+												children: t("ov.kpi.wallSub", { n: fmt(kpi.calls) })
+											})
+										]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "lc-ov-stats",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewTokens, { tokens: kpi.tokenParts }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, { timing: kpi.timing })]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "lc-ov-body",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-ov-left",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "lc-card lc-ov-heat-card",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: "lc-card-title",
@@ -7366,8 +7922,7 @@ window.__ModuleLoader__.load({
 											onSelect: setDay,
 											today: todayKey()
 										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
 										className: "lc-ov-settings",
 										onClick: () => {
@@ -7381,131 +7936,131 @@ window.__ModuleLoader__.load({
 											className: "lc-ov-settings-hint",
 											children: t("plugin.settingsOpen")
 										})]
-									})
-								]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-ov-right",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-ov-list-head",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-ov-list-title",
-												children: t("ov.list.title")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-ov-list-count",
-												children: visible.length
-											}),
-											day !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: "lc-ov-day-chip",
-												title: t("ov.list.dayClear"),
-												onClick: () => {
-													setDay(null);
-												},
-												children: [t("ov.list.dayFilter", { day }), " ×"]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-												className: "lc-ov-search",
-												type: "search",
-												value: query,
-												placeholder: t("ov.list.search"),
-												"aria-label": t("ov.list.search"),
-												onChange: (ev) => {
-													setQuery(ev.target.value);
-												}
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: "lc-gran",
-												role: "group",
-												"aria-label": t("ov.list.sortLabel"),
-												children: SORTS.map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-ov-right",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "lc-ov-list-head",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "lc-ov-list-title",
+													children: t("ov.list.title")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "lc-ov-list-count",
+													children: visible.length
+												}),
+												day !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 													type: "button",
-													className: "lc-gran-btn" + (sort === s ? " lc-gran-on" : ""),
+													className: "lc-ov-day-chip",
+													title: t("ov.list.dayClear"),
 													onClick: () => {
-														setSort(s);
+														setDay(null);
 													},
-													children: t("ov.list.sort." + s)
-												}, s))
-											})
-										]
-									}),
-									chips.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-ov-groups",
-										role: "group",
-										"aria-label": t("ov.group.label"),
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-											type: "button",
-											className: "lc-ov-chip" + (group === null ? " lc-ov-chip-on" : ""),
-											onClick: () => {
-												setGroup(null);
-											},
-											children: [t("ov.range.all"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-ov-chip-n",
-												children: scoped.length
-											})]
-										}), chips.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-											type: "button",
-											className: "lc-ov-chip" + (group === c.key ? " lc-ov-chip-on" : ""),
-											onClick: () => {
-												setGroup(group === c.key ? null : c.key);
-											},
-											children: [c.key === "__ungrouped__" ? t("ov.group.ungrouped") : c.key, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-ov-chip-n",
-												children: c.count
-											})]
-										}, c.key))]
-									}),
-									visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "lc-empty",
-										children: t(allRows.length === 0 ? "ov.list.empty" : "ov.list.noMatch")
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "lc-ov-grid",
-										children: paged.items.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewCard, {
-											row,
-											...groups?.[row.id] !== void 0 ? { group: groups[row.id] } : {},
-											costLabel: cardCostOf(row, prices, currency),
-											now,
-											onOpen: openOne
-										}, row.id))
-									}), paged.count > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-ov-pager",
-										role: "navigation",
-										"aria-label": t("ov.list.pager"),
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													children: [t("ov.list.dayFilter", { day }), " ×"]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: "lc-ov-search",
+													type: "search",
+													value: query,
+													placeholder: t("ov.list.search"),
+													"aria-label": t("ov.list.search"),
+													onChange: (ev) => {
+														setQuery(ev.target.value);
+													}
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: "lc-gran",
+													role: "group",
+													"aria-label": t("ov.list.sortLabel"),
+													children: SORTS.map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "lc-gran-btn" + (sort === s ? " lc-gran-on" : ""),
+														onClick: () => {
+															setSort(s);
+														},
+														children: t("ov.list.sort." + s)
+													}, s))
+												})
+											]
+										}),
+										chips.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "lc-ov-groups",
+											role: "group",
+											"aria-label": t("ov.group.label"),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 												type: "button",
-												className: "lc-ov-pager-btn",
-												disabled: paged.index === 0,
-												"aria-label": t("ov.list.prev"),
+												className: "lc-ov-chip" + (group === null ? " lc-ov-chip-on" : ""),
 												onClick: () => {
-													setPage(paged.index - 1);
+													setGroup(null);
 												},
-												children: "‹"
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-ov-pager-n",
-												children: t("ov.list.page", {
-													n: paged.index + 1,
-													total: paged.count
+												children: [t("ov.range.all"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "lc-ov-chip-n",
+													children: scoped.length
+												})]
+											}), chips.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: "lc-ov-chip" + (group === c.key ? " lc-ov-chip-on" : ""),
+												onClick: () => {
+													setGroup(group === c.key ? null : c.key);
+												},
+												children: [c.key === "__ungrouped__" ? t("ov.group.ungrouped") : c.key, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "lc-ov-chip-n",
+													children: c.count
+												})]
+											}, c.key))]
+										}),
+										visible.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "lc-empty",
+											children: t(allRows.length === 0 ? "ov.list.empty" : "ov.list.noMatch")
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "lc-ov-grid",
+											children: paged.items.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewCard, {
+												row,
+												...groups?.[row.id] !== void 0 ? { group: groups[row.id] } : {},
+												costLabel: cardCostOf(row, book, currency),
+												now,
+												onOpen: openOne
+											}, row.id))
+										}), paged.count > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "lc-ov-pager",
+											role: "navigation",
+											"aria-label": t("ov.list.pager"),
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "lc-ov-pager-btn",
+													disabled: paged.index === 0,
+													"aria-label": t("ov.list.prev"),
+													onClick: () => {
+														setPage(paged.index - 1);
+													},
+													children: "‹"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "lc-ov-pager-n",
+													children: t("ov.list.page", {
+														n: paged.index + 1,
+														total: paged.count
+													})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "lc-ov-pager-btn",
+													disabled: paged.index === paged.count - 1,
+													"aria-label": t("ov.list.next"),
+													onClick: () => {
+														setPage(paged.index + 1);
+													},
+													children: "›"
 												})
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: "lc-ov-pager-btn",
-												disabled: paged.index === paged.count - 1,
-												"aria-label": t("ov.list.next"),
-												onClick: () => {
-													setPage(paged.index + 1);
-												},
-												children: "›"
-											})
-										]
-									})] })
-								]
-							})]
-						})]
+											]
+										})] })
+									]
+								})]
+							})
+						] })]
 					})
 				});
 			}
@@ -7514,9 +8069,9 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/** One card's priced cost label, or the dash (no book yet, nothing billed, unpriceable model). */
-		function cardCostOf(row, prices, currency) {
+		function cardCostOf(row, book, currency) {
 			if (row.timeline?.cost === void 0) return "—";
-			const cost = estimateSessionCost(row.timeline.cost, prices, currency);
+			const cost = estimateSessionCost(row.timeline.cost, book, currency);
 			return cost === null ? "—" : formatCost(cost, currency);
 		}
 		//#endregion
@@ -9992,7 +10547,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.56.2".includes("-dev")) return;
+					if ("0.58.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -10001,8 +10556,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.56.2") ? latest : null;
-				const nameText = "dsh-context (v0.56.2)";
+				const update = latest !== null && isNewerVersion(latest, "0.58.0") ? latest : null;
+				const nameText = "dsh-context (v0.58.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -10475,8 +11030,8 @@ window.__ModuleLoader__.load({
 		* with an off-peak bucket (DeepSeek's period-based list) shows the
 		* peak | off-peak pair.
 		*/
-		function priceRowsOf(usage, prices) {
-			if (usage === void 0 || prices === null) return [];
+		function priceRowsOf(usage, book) {
+			if (usage === void 0 || book === null) return [];
 			const rows = [];
 			const multi = Object.keys(usage).length > 1;
 			for (const provider of Object.keys(usage)) {
@@ -10486,7 +11041,7 @@ window.__ModuleLoader__.load({
 				reaches here; the guard stays for the helper's own contract. */
 				if (models === null) continue;
 				for (const model of Object.keys(models)) {
-					const rate = priceOf(prices, provider, model);
+					const rate = priceOf(book, provider, model);
 					if (rate === null) continue;
 					const periods = asRecord(models[model]);
 					const deepseek = isDeepSeekProvider(provider);
@@ -10552,18 +11107,18 @@ window.__ModuleLoader__.load({
 			const { t, fmt } = kit;
 			return function StatsContext(props) {
 				const currency = props.locale === "zh" ? "cny" : "usd";
-				const { prices, failed } = useModelPrices();
+				const { book, failed } = useModelPrices();
 				const subUsage = useSubagentCost(props.sessionId);
 				const usage = mergeCostUsage(props.cost, subUsage) ?? void 0;
-				const cost = estimateSessionCost(usage, prices, currency);
-				const subCost = estimateSessionCost(subUsage, prices, currency);
+				const cost = estimateSessionCost(usage, book, currency);
+				const subCost = estimateSessionCost(subUsage, book, currency);
 				const fmtRate = (usd) => formatPriceRate(toCurrency(usd, currency), currency);
-				const rows = priceRowsOf(usage, prices);
+				const rows = priceRowsOf(usage, book);
 				const deepseek = usage !== void 0 && Object.keys(usage).some((p) => isDeepSeekProvider(p));
 				const subDeepseek = subUsage !== null && Object.keys(subUsage).some((p) => isDeepSeekProvider(p));
 				const anyPair = rows.some((r) => r.offRate !== void 0);
-				const unpriced = rows.length === 0 && usage !== void 0 && Object.keys(usage).length > 0 && (failed || prices !== null);
-				const subUnpriced = subUsage !== null && priceRowsOf(subUsage, prices).length === 0 && (failed || prices !== null);
+				const unpriced = rows.length === 0 && usage !== void 0 && Object.keys(usage).length > 0 && (failed || book !== null);
+				const subUnpriced = subUsage !== null && priceRowsOf(subUsage, book).length === 0 && (failed || book !== null);
 				const costTip = [
 					t("stats.costTip") + (deepseek ? " " + t("stats.costTipDeepseek") : ""),
 					rows.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -10658,245 +11213,6 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/components/sliceList.tsx
-		/**
-		* The stats cards' slice rows: the donut's legend with numbers, two tiers
-		* per slice — the primary line pairs the color dot and the name with the
-		* bold share closing a fixed right column, and the secondary line drops the
-		* absolute quantity (plus a qualifier like the call count) under the name in
-		* muted small print. Hovering a row lights it and its donut segment together
-		* (the shared hover key), and vice versa. No tracks or bars — the donut IS
-		* the proportion chart; the rows are its legend. Preformatted strings in,
-		* dumb markup out.
-		*/
-		function makeSliceList(kit) {
-			return function SliceList(props) {
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "lc-sl flex-auto @max-[240px]/lc-card:basis-full",
-					onMouseLeave: () => {
-						if (props.onHoverKey !== void 0) props.onHoverKey(null);
-					},
-					children: props.rows.map((r) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-sl-row" + (r.dim ? " lc-sl-row-dim" : "") + (props.hoverKey !== void 0 && props.hoverKey === r.key ? " lc-sl-row-on" : ""),
-						onMouseEnter: () => {
-							if (props.onHoverKey !== void 0) props.onHoverKey(r.key);
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "lc-sl-main",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", {
-									className: "lc-sl-dot",
-									style: { background: r.color }
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-sl-label",
-									title: r.label,
-									children: r.label
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-sl-pct",
-									children: r.pct
-								})
-							]
-						}), r.count !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "lc-sl-sub",
-							title: r.count,
-							children: r.count
-						}) : null]
-					}, r.key))
-				});
-			};
-		}
-		//#endregion
-		//#region src/client/components/statsTiming.tsx
-		/**
-		* The Timing card: where the session's ACTIVE time went. The donut splits
-		* whole-step wall time into the model-call slices — TTFT (step start → first
-		* token, the wait) and LLM generation (first token → assistant message) —
-		* and the tool-execution slice, with the residue as overhead; a call whose
-		* stream recorded no token delta (legacy or aborted) stays unattributed and
-		* lands in the residue. When the host folded the generation split (see
-		* TimingTotals), the generation slice expands into what was being decoded:
-		* thinking, answer text, and tool-call arguments. The slice rows lead with
-		* the true duration and qualify it with a tally on the secondary line — the
-		* model calls (TTFT), the tool runs, and the decode slices' own BLOCK counts
-		* (zero to many per call, so a call count would be a false tally there). A
-		* slice that never happened (zero time) is omitted entirely — the ring already skips
-		* its arc, and a zero row would otherwise borrow the session's call count and
-		* read as "no time, many calls". The donut and the rows sit side by side so
-		* the head row stays half-height. Parallel tool calls each count, so the tools
-		* figure can overlap — the ring clamps it into the post-model window while the
-		* row numbers stay true.
-		*/
-		const COLOR = {
-			ttft: "var(--color-blue-500)",
-			reasoning: "var(--color-violet-500)",
-			text: "var(--color-pink-500)",
-			toolarg: "var(--color-amber-500)",
-			tools: "var(--color-teal-500)",
-			other: "var(--color-slate-400)"
-		};
-		/**
-		* The decode-throughput figure, formatted exactly as the harness's own
-		* session-stats seat formats it: whole tokens from ten up, one decimal below.
-		*/
-		function formatTokensPerSecond(tps) {
-			const clamped = Math.max(0, tps);
-			return clamped >= 10 ? String(Math.round(clamped)) : String(Math.round(clamped * 10) / 10);
-		}
-		function makeStatsTiming(kit, Donut) {
-			const { t, fmt, fmtDuration, fmtShare } = kit;
-			const SliceList = makeSliceList(kit);
-			return function StatsTiming(props) {
-				const [hoverKey, setHoverKey] = (0, react.useState)(null);
-				const timing = props.timing;
-				const wall = timing !== null && Number.isFinite(timing.wallMs) && timing.wallMs > 0 ? timing.wallMs : 0;
-				const tps = timing !== null && typeof timing.speedMs === "number" && Number.isFinite(timing.speedMs) && timing.speedMs > 0 && typeof timing.speedTokens === "number" && Number.isFinite(timing.speedTokens) && timing.speedTokens >= 0 ? formatTokensPerSecond(timing.speedTokens / (timing.speedMs / 1e3)) : null;
-				let segments = [];
-				let rows = [];
-				if (timing !== null && (wall > 0 || timing.calls > 0 || timing.toolCalls > 0)) {
-					const callTimes = t("timing.callTimes", { n: fmt(timing.calls) });
-					const modelSlices = [{
-						key: "ttft",
-						color: COLOR.ttft,
-						label: t("timing.ttft"),
-						ms: timing.ttftMs,
-						times: callTimes
-					}];
-					const blockTimes = (blocks) => blocks !== void 0 && blocks > 0 ? t("timing.blockTimes", { n: fmt(blocks) }) : void 0;
-					const buckets = [
-						[
-							"reasoning",
-							COLOR.reasoning,
-							t("timing.reasoning"),
-							timing.reasoningMs ?? 0,
-							blockTimes(timing.reasoningBlocks)
-						],
-						[
-							"text",
-							COLOR.text,
-							t("timing.text"),
-							timing.textMs ?? 0,
-							blockTimes(timing.textBlocks)
-						],
-						[
-							"toolarg",
-							COLOR.toolarg,
-							t("timing.toolArgs"),
-							timing.toolArgMs ?? 0,
-							blockTimes(timing.toolArgBlocks)
-						]
-					];
-					if (buckets.some(([, , , ms]) => ms > 0)) for (const [key, color, label, ms, times] of buckets) modelSlices.push({
-						key,
-						color,
-						label,
-						ms,
-						...times !== void 0 ? { times } : {}
-					});
-					else modelSlices.push({
-						key: "gen",
-						color: COLOR.reasoning,
-						label: t("timing.gen"),
-						ms: timing.genMs
-					});
-					const ttftRing = Math.min(timing.ttftMs, wall);
-					const genRing = Math.max(0, Math.min(timing.genMs, wall - ttftRing));
-					const modelRings = [ttftRing];
-					let used = ttftRing;
-					const genEnd = ttftRing + genRing;
-					for (const slice of modelSlices.slice(1)) {
-						const take = Math.max(0, Math.min(slice.ms, genEnd - used));
-						modelRings.push(take);
-						used += take;
-					}
-					const toolRing = Math.max(0, Math.min(timing.toolsMs, wall - ttftRing - genRing));
-					const other = Math.max(0, wall - ttftRing - genRing - toolRing);
-					const share = (ms) => wall > 0 ? ms / wall : 0;
-					const countOf = (ms, times) => {
-						const dur = fmtDuration(ms);
-						if (times === void 0) return dur;
-						return ms > 0 ? `${dur} · ${times}` : times;
-					};
-					const modelSegments = modelSlices.map((slice, index) => ({
-						key: slice.key,
-						color: slice.color,
-						value: share(modelRings[index])
-					}));
-					const toolSlice = {
-						key: "tools",
-						color: COLOR.tools,
-						label: t("timing.tools"),
-						ms: timing.toolsMs,
-						times: t("timing.toolTimes", { n: fmt(timing.toolCalls) })
-					};
-					const otherSlice = {
-						key: "other",
-						color: COLOR.other,
-						label: t("timing.other"),
-						ms: other
-					};
-					segments = [
-						...modelSegments,
-						{
-							key: "tools",
-							color: COLOR.tools,
-							value: share(toolRing)
-						},
-						{
-							key: "other",
-							color: COLOR.other,
-							value: share(other)
-						}
-					];
-					const toRow = (slice) => ({
-						key: slice.key,
-						color: slice.color,
-						label: slice.label,
-						dim: slice.ms === 0,
-						pct: fmtShare(slice.ms, wall),
-						count: countOf(slice.ms, slice.times)
-					});
-					rows = [
-						...modelSlices.map(toRow),
-						toRow(toolSlice),
-						toRow(otherSlice)
-					].filter((row) => !row.dim);
-				}
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lc-card lc-col-stats lc-col-donut flex-1 min-w-[min(360px,100%)]",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-card-title",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "lc-card-title-text",
-							children: t("timing.title")
-						}), tps !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "lc-timing-tps",
-							title: t("timing.tpsTip"),
-							children: t("timing.tps", { tps })
-						})]
-					}), rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-empty",
-						children: t("timing.empty")
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-donut-row flex items-center justify-start gap-3 min-w-0 @max-[320px]/lc-card:gap-2 @max-[240px]/lc-card:flex-wrap",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
-							segments,
-							size: 96,
-							centerTop: wall > 0 ? fmtDuration(wall) : "—",
-							centerSub: t("timing.total"),
-							hoverKey,
-							onHoverKey: setHoverKey
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliceList, {
-							rows,
-							hoverKey,
-							onHoverKey: setHoverKey
-						})]
-					})]
-				});
-			};
-		}
-		//#endregion
 		//#region src/client/components/statsTokens.tsx
 		/**
 		* The Token card: the session's whole billed token usage — the SAME total
@@ -11848,7 +12164,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/trendChart.css.mjs
-		const css$9 = ".lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-top{top:13px}.lc-axis-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);top:130px}.lc-bar{cursor:pointer;outline-offset:1px;width:14px;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), outline-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;outline:1px dashed #0000;flex:none;align-items:flex-end;display:flex;position:relative}.lc-chart-dim .lc-bar{opacity:.35}.lc-chart-dim .lc-bar-in-turn{opacity:1}.lc-chart-dim .lc-turn{opacity:.35}.lc-chart-dim .lc-turn-on{opacity:1}.lc-chart-tip{z-index:5;box-sizing:border-box;overflow-wrap:break-word;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:100%;color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #0000002e}.lc-chart-tip span+span{color:var(--dsw-alias-label-secondary)}.lc-bar-hovered{outline-color:var(--dsw-alias-brand-primary)}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:color-mix(in srgb, var(--color-neutral-500) 14%, transparent)}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-stack,.lc-bar-up,.lc-bar-down{transform-origin:50% 100%}.lc-bar-down{transform-origin:50% 0}.lc-bar-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=skill] .lc-cat-seg[data-cat=skill],.lc-chart[data-catdim=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.lc-bar-marker{color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-turns{gap:2px;width:max-content;min-width:100%;margin-top:4px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
+		const css$9 = ".lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-top{top:13px}.lc-axis-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding:18px 2px 0;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);top:130px}.lc-bar{cursor:pointer;outline-offset:1px;width:14px;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), outline-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;outline:1px dashed #0000;flex:none;align-items:flex-end;display:flex;position:relative}.lc-chart-dim .lc-bar{opacity:.35}.lc-chart-dim .lc-bar-in-turn{opacity:1}.lc-chart-dim .lc-turn{opacity:.35}.lc-chart-dim .lc-turn-on{opacity:1}.lc-chart-tip{z-index:5;box-sizing:border-box;overflow-wrap:break-word;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:100%;color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #0000002e}.lc-chart-tip span+span{color:var(--dsw-alias-label-secondary)}.lc-bar-hovered{outline-color:var(--dsw-alias-brand-primary)}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:color-mix(in srgb, var(--color-neutral-500) 14%, transparent)}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-stack,.lc-bar-up,.lc-bar-down{transform-origin:50% 100%}.lc-bar-down{transform-origin:50% 0}.lc-bar-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=skill] .lc-cat-seg[data-cat=skill],.lc-chart[data-catdim=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.lc-bar-marker{color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-step-flag{background:color-mix(in srgb, var(--color-neutral-500) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:-17px;bottom:0;right:-1px}.lc-step-flag-label{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;top:0;right:0}.lc-turns{box-sizing:border-box;gap:2px;width:max-content;min-width:100%;margin-top:4px;padding:0 2px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
 		const tagId$9 = "dsh-context/trendChart.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");
@@ -11947,7 +12263,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/overview.css.mjs
-		const css = ".lc-ov-entry{box-sizing:border-box;width:calc(100% + 4px);height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;margin:0 -2px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.lc-ov-entry:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-ov-entry-rail{border-radius:50%;flex:none;justify-content:center;gap:0;width:36px;height:36px;margin:0;padding:0}.lc-ov-entry-icon{flex:none}.lc-ov-entry-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-ov-backdrop{z-index:200;background:var(--dsw-alias-bg-mask-1,#00000073);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;container:lc-ov/inline-size}.lc-ov-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);width:min(1120px,100vw - 32px);height:calc(100% - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;flex-direction:column;padding:16px 18px 18px;font-size:13px;display:flex;overflow:hidden}.lc-ov-head{flex-wrap:wrap;flex:none;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lc-ov-head-icon{flex:none}.lc-ov-title{white-space:nowrap;font-size:15px;font-weight:600}.lc-ov-balance{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);max-width:100%;color:inherit;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:12px;line-height:18px;text-decoration:none;display:inline-flex}.lc-ov-balance:hover .lc-ov-balance-value{text-decoration:underline}.lc-ov-balance-label{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-ov-balance-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-head .lc-modal-close{flex:none;margin-left:0}.lc-ov-body{flex:auto;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:10px;min-height:0;display:grid}.lc-ov-left{scrollbar-gutter:stable;flex-direction:column;gap:10px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.lc-ov-right{scrollbar-gutter:stable;min-height:0;padding-right:8px;overflow-y:auto}@container lc-ov (width<=932px){.lc-ov-card{overflow-y:auto}.lc-ov-body{display:block}.lc-ov-left{margin-bottom:12px}.lc-ov-left,.lc-ov-right{min-height:auto;padding-right:0;overflow:visible}.lc-ov-heat-card{flex:none}}.lc-ov-left>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}.lc-ov-kpis{flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lc-ov-kpi{align-items:center;padding:10px 8px}.lc-ov-kpi .lc-stat-value{font-size:20px}.lc-ov-heat-card{flex-direction:column;flex:1 0 auto;display:flex}.lc-ov-settings{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.lc-ov-settings:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}.lc-ov-settings-label{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.lc-ov-settings-hint{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-heat-wrap{flex-direction:column;flex:1;display:flex}.lc-heat{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.lc-heat-wds,.lc-heat-col{padding-top:18px}.lc-heat-wds{flex-direction:column;gap:3px;display:flex}.lc-heat-wd{height:20px;color:var(--dsw-alias-label-secondary);text-align:center;white-space:nowrap;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex}.lc-heat-cols{gap:3px;display:flex}.lc-heat-col{flex-direction:column;gap:3px;display:flex;position:relative}.lc-heat-mon{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:9px;line-height:18px;position:absolute;top:0;left:0}.lc-heat-cell{box-sizing:border-box;background:var(--dsw-alias-bg-layer-2);cursor:default;border:0;border-radius:20%;width:20px;height:20px;padding:0}button.lc-heat-cell{cursor:pointer}button.lc-heat-cell:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-blue-500) 70%, transparent)}.lc-heat-future{background:0 0}.lc-heat-0{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent)}.lc-heat-1{background:color-mix(in srgb, var(--color-blue-500) 28%, transparent)}.lc-heat-2{background:color-mix(in srgb, var(--color-blue-500) 50%, transparent)}.lc-heat-3{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-heat-4{background:color-mix(in srgb, var(--color-blue-500) 92%, transparent)}.lc-heat-on{box-shadow:0 0 0 1.5px var(--color-blue-500)}.lc-heat-legend{justify-content:flex-end;align-items:center;gap:3px;padding-top:6px;display:flex}.lc-heat-key{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-list-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lc-ov-list-title{white-space:nowrap;font-weight:600}.lc-ov-list-count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;background:var(--dsw-alias-bg-layer-2);border-radius:8px;padding:1px 7px;font-size:11px}.lc-ov-day-chip{border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);color:var(--color-blue-500);background:color-mix(in srgb, var(--color-blue-500) 10%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;padding:1px 10px;font-family:inherit;font-size:11px;line-height:1.4}.lc-ov-search{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);min-width:110px;font:inherit;color:var(--dsw-alias-label-primary);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;outline:none;flex:150px;padding:4px 10px;font-size:12px}.lc-ov-search:focus{border-color:var(--dsw-alias-label-secondary)}.lc-ov-search::placeholder{color:var(--dsw-alias-label-secondary)}.lc-ov-groups{flex-wrap:wrap;gap:6px;margin:-2px 0 10px;display:flex}.lc-ov-chip{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:220px;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:999px;align-items:baseline;gap:5px;padding:2px 10px;font-size:11px;line-height:1.5;display:inline-flex;overflow:hidden}.lc-ov-chip:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-secondary)}.lc-ov-chip-on,.lc-ov-chip-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.lc-ov-chip-n{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.lc-ov-chip-on .lc-ov-chip-n{opacity:.85}.lc-ov-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.lc-ov-session{text-align:left;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.lc-ov-session:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}.lc-ov-session-current{border-color:color-mix(in srgb, var(--color-blue-500) 65%, transparent)}.lc-ov-session-head{align-items:flex-start;gap:6px;min-width:0;display:flex}.lc-ov-running{background:var(--color-green-500);border-radius:50%;flex:none;width:7px;height:7px}.lc-ov-session-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;min-width:0;font-weight:600;display:-webkit-box;overflow:hidden}.lc-ov-current{color:var(--color-blue-500);border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);border-radius:4px;flex:none;padding:0 4px;font-size:10px;line-height:1.5}.lc-ov-session-times{flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.lc-ov-session-time{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:11px}.lc-ov-session-created{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.lc-ov-session-crumb{min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.lc-ov-crumb-group{text-overflow:ellipsis;flex:none;max-width:55%;overflow:hidden}.lc-ov-crumb-sep{opacity:.55;flex:none}.lc-ov-crumb-project{text-overflow:ellipsis;min-width:0;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent);border-radius:999px;flex:0 auto;padding:0 8px;font-size:10px;line-height:1.6;overflow:hidden}.lc-ov-session-body{align-items:center;gap:14px;min-width:0;display:flex}.lc-ov-mini-stats{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.lc-ov-mini-stat{justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.lc-ov-mini-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}.lc-ov-mini-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-session-empty{color:var(--dsw-alias-label-secondary);padding:6px 0;font-size:11px;line-height:1.5}.lc-ov-session-preview{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 60%, transparent);align-items:baseline;gap:6px;min-width:0;margin-top:auto;padding-top:6px;display:flex}.lc-ov-session-preview-label{color:var(--dsw-alias-label-secondary);flex:none;font-size:10px}.lc-ov-session-preview-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);flex:0 auto;font-size:11px;line-height:1.5;overflow:hidden}.lc-ov-pager{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.lc-ov-pager-btn{border:1px solid var(--dsw-alias-border-l2);width:26px;height:22px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.lc-ov-pager-btn:hover:enabled{border-color:var(--dsw-alias-label-secondary)}.lc-ov-pager-btn:disabled{opacity:.4;cursor:default}.lc-ov-pager-n{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}";
+		const css = ".lc-ov-entry{box-sizing:border-box;width:calc(100% + 4px);height:42px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;margin:0 -2px;padding:0 10px 0 8px;font-family:inherit;font-size:14px;line-height:22px;display:flex;overflow:hidden}.lc-ov-entry:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-ov-entry-rail{border-radius:50%;flex:none;justify-content:center;gap:0;width:36px;height:36px;margin:0;padding:0}.lc-ov-entry-icon{flex:none}.lc-ov-entry-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-ov-backdrop{z-index:200;background:var(--dsw-alias-bg-mask-1,#00000073);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;container:lc-ov/inline-size}.lc-ov-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);width:min(1120px,100vw - 32px);height:calc(100% - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;flex-direction:column;padding:16px 18px 18px;font-size:13px;display:flex;overflow:hidden}.lc-ov-head{flex-wrap:wrap;flex:none;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lc-ov-head-icon{flex:none}.lc-ov-title{white-space:nowrap;font-size:15px;font-weight:600}.lc-ov-balance{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);max-width:100%;color:inherit;border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:12px;line-height:18px;text-decoration:none;display:inline-flex}.lc-ov-balance:hover .lc-ov-balance-value{text-decoration:underline}.lc-ov-balance-label{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-ov-balance-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-head .lc-modal-close{flex:none;margin-left:0}.lc-ov-kpis{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-kpi{align-items:center;padding:10px 8px}.lc-ov-kpi .lc-stat-value{font-size:20px}@container lc-ov (width<=1000px){.lc-ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@container lc-ov (width<=640px){.lc-ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.lc-ov-stats{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-stats>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}@container lc-ov (width<=700px){.lc-ov-stats{grid-template-columns:minmax(0,1fr)}}.lc-ov-body{flex:auto;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:10px;min-height:0;display:grid}.lc-ov-left{scrollbar-gutter:stable;flex-direction:column;gap:10px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.lc-ov-right{scrollbar-gutter:stable;min-height:0;padding-right:8px;overflow-y:auto}@container lc-ov (width<=932px){.lc-ov-card{overflow-y:auto}.lc-ov-body{display:block}.lc-ov-left{margin-bottom:12px}.lc-ov-left,.lc-ov-right{min-height:auto;padding-right:0;overflow:visible}.lc-ov-heat-card{flex:none}}.lc-ov-left>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}.lc-ov-heat-card{flex-direction:column;flex:1 0 auto;display:flex}.lc-ov-settings{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.lc-ov-settings:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}.lc-ov-settings-label{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.lc-ov-settings-hint{text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.lc-heat-wrap{flex-direction:column;flex:1;display:flex}.lc-heat{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.lc-heat-wds,.lc-heat-col{padding-top:18px}.lc-heat-wds{flex-direction:column;gap:3px;display:flex}.lc-heat-wd{height:20px;color:var(--dsw-alias-label-secondary);text-align:center;white-space:nowrap;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex}.lc-heat-cols{gap:3px;display:flex}.lc-heat-col{flex-direction:column;gap:3px;display:flex;position:relative}.lc-heat-mon{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:9px;line-height:18px;position:absolute;top:0;left:0}.lc-heat-cell{box-sizing:border-box;background:var(--dsw-alias-bg-layer-2);cursor:default;border:0;border-radius:20%;width:20px;height:20px;padding:0}button.lc-heat-cell{cursor:pointer}button.lc-heat-cell:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-blue-500) 70%, transparent)}.lc-heat-future{background:0 0}.lc-heat-0{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent)}.lc-heat-1{background:color-mix(in srgb, var(--color-blue-500) 28%, transparent)}.lc-heat-2{background:color-mix(in srgb, var(--color-blue-500) 50%, transparent)}.lc-heat-3{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-heat-4{background:color-mix(in srgb, var(--color-blue-500) 92%, transparent)}.lc-heat-on{box-shadow:0 0 0 1.5px var(--color-blue-500)}.lc-heat-legend{justify-content:flex-end;align-items:center;gap:3px;padding-top:6px;display:flex}.lc-heat-key{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-list-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.lc-ov-list-title{white-space:nowrap;font-weight:600}.lc-ov-list-count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;background:var(--dsw-alias-bg-layer-2);border-radius:8px;padding:1px 7px;font-size:11px}.lc-ov-day-chip{border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);color:var(--color-blue-500);background:color-mix(in srgb, var(--color-blue-500) 10%, transparent);cursor:pointer;white-space:nowrap;border-radius:999px;padding:1px 10px;font-family:inherit;font-size:11px;line-height:1.4}.lc-ov-search{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);min-width:110px;font:inherit;color:var(--dsw-alias-label-primary);transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;outline:none;flex:150px;padding:4px 10px;font-size:12px}.lc-ov-search:focus{border-color:var(--dsw-alias-label-secondary)}.lc-ov-search::placeholder{color:var(--dsw-alias-label-secondary)}.lc-ov-groups{flex-wrap:wrap;gap:6px;margin:-2px 0 10px;display:flex}.lc-ov-chip{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:220px;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:999px;align-items:baseline;gap:5px;padding:2px 10px;font-size:11px;line-height:1.5;display:inline-flex;overflow:hidden}.lc-ov-chip:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-secondary)}.lc-ov-chip-on,.lc-ov-chip-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.lc-ov-chip-n{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.lc-ov-chip-on .lc-ov-chip-n{opacity:.85}.lc-ov-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.lc-ov-session{text-align:left;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.lc-ov-session:hover{border-color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}.lc-ov-session-current{border-color:color-mix(in srgb, var(--color-blue-500) 65%, transparent)}.lc-ov-session-head{align-items:flex-start;gap:6px;min-width:0;display:flex}.lc-ov-running{background:var(--color-green-500);border-radius:50%;flex:none;width:7px;height:7px}.lc-ov-session-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;min-width:0;font-weight:600;display:-webkit-box;overflow:hidden}.lc-ov-current{color:var(--color-blue-500);border:1px solid color-mix(in srgb, var(--color-blue-500) 45%, transparent);border-radius:4px;flex:none;padding:0 4px;font-size:10px;line-height:1.5}.lc-ov-session-times{flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.lc-ov-session-time{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:11px}.lc-ov-session-created{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.4}.lc-ov-session-crumb{min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.lc-ov-crumb-group{text-overflow:ellipsis;flex:none;max-width:55%;overflow:hidden}.lc-ov-crumb-sep{opacity:.55;flex:none}.lc-ov-crumb-project{text-overflow:ellipsis;min-width:0;font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 16%, transparent);border-radius:999px;flex:0 auto;padding:0 8px;font-size:10px;line-height:1.6;overflow:hidden}.lc-ov-session-body{align-items:center;gap:14px;min-width:0;display:flex}.lc-ov-mini-stats{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.lc-ov-mini-stat{justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.lc-ov-mini-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}.lc-ov-mini-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lc-ov-session-empty{color:var(--dsw-alias-label-secondary);padding:6px 0;font-size:11px;line-height:1.5}.lc-ov-session-preview{border-top:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 60%, transparent);align-items:baseline;gap:6px;min-width:0;margin-top:auto;padding-top:6px;display:flex}.lc-ov-session-preview-label{color:var(--dsw-alias-label-secondary);flex:none;font-size:10px}.lc-ov-session-preview-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-primary);flex:0 auto;font-size:11px;line-height:1.5;overflow:hidden}.lc-ov-pager{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.lc-ov-pager-btn{border:1px solid var(--dsw-alias-border-l2);width:26px;height:22px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;transition:border-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.lc-ov-pager-btn:hover:enabled{border-color:var(--dsw-alias-label-secondary)}.lc-ov-pager-btn:disabled{opacity:.4;cursor:default}.lc-ov-pager-n{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}";
 		const tagId = "dsh-context/overview.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");