dsh-context 0.56.2 → 0.57.0

package/lib/client.js

@@ -356,6 +356,7 @@ window.__ModuleLoader__.load({
 			"ov.kpi.sessionsSub": "含 {n} 个会话",
 			"ov.kpi.toolSub": "工具执行 {dur}",
 			"ov.kpi.wallSub": "模型调用 {n}",
+			"ov.stats.empty": "统计范围内暂无 Token 用量",
 			"balance.title": "DeepSeek 余额",
 			"balance.tip.granted": "赠送余额",
 			"balance.tip.toppedUp": "充值余额",
@@ -735,6 +736,7 @@ window.__ModuleLoader__.load({
 			"ov.kpi.sessionsSub": "across {n} sessions",
 			"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",
@@ -6206,6 +6208,105 @@ window.__ModuleLoader__.load({
 			totals.total = totals.input + totals.cacheRead + totals.cacheWrite + totals.output;
 			return totals;
 		}
+		/**
+		* 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, prices, currency) {
 			const usage = mergeCostUsage(...rows.map((row) => row.timeline?.cost));
 			const totals = usageTotalsOf(usage);
@@ -6239,7 +6340,9 @@ window.__ModuleLoader__.load({
 				toolCalls,
 				toolsMs,
 				calls,
-				wallMs
+				wallMs,
+				tokenParts: tokenPartsOf(rows),
+				timing: timingSumOf(rows)
 			};
 		}
 		/**
@@ -6939,6 +7042,304 @@ 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/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;
@@ -7082,12 +7483,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 +7513,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() {
@@ -7217,123 +7626,127 @@ 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.sessionsSub", { n: kpi.costSessions })
 											})
 										]
 									}),
 									/* @__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 +7779,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 +7793,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, 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", {
+													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: "›"
-											})
-										]
-									})] })
-								]
-							})]
-						})]
+											]
+										})] })
+									]
+								})]
+							})
+						] })]
 					})
 				});
 			}
@@ -9992,7 +10404,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.57.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -10001,8 +10413,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.57.0") ? latest : null;
+				const nameText = "dsh-context (v0.57.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -10658,245 +11070,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
@@ -11947,7 +12120,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");