dsh-context 0.56.1 → 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",
@@ -1751,6 +1753,31 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		/**
+		* Jump to one session — the harness's own session-selection verb (issue #90).
+		* Every supported line selects through the view owner (`uiWorkspace`
+		* .openSession, the sidebar row click's own verb); the sessions service's own
+		* `open` is the retired spelling (still served through the 0.1.5 line, gone
+		* since the 0.1.6 selection refactor) and stays as the degradation path for a
+		* composition without the workspace module. Both faces are re-proved per call
+		* (a service can land or be revoked across an HMR reload) and the verb is
+		* invoked bound (the service instance reads its own state); a generation
+		* serving neither, or a hostile face, swallows — the jump is best-effort by
+		* nature.
+		*/
+		function openSessionVia(ctx, id) {
+			try {
+				const workspace = asRecord(ctx.get("uiWorkspace"));
+				const open = workspace?.openSession;
+				if (typeof open === "function") {
+					open.call(workspace, id);
+					return;
+				}
+				const sessions = asRecord(ctx.get("sessions"));
+				const legacy = sessions?.open;
+				if (typeof legacy === "function") legacy.call(sessions, id);
+			} catch {}
+		}
 		//#endregion
 		//#region src/client/historyPage.ts
 		/**
@@ -6181,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);
@@ -6214,7 +6340,9 @@ window.__ModuleLoader__.load({
 				toolCalls,
 				toolsMs,
 				calls,
-				wallMs
+				wallMs,
+				tokenParts: tokenPartsOf(rows),
+				timing: timingSumOf(rows)
 			};
 		}
 		/**
@@ -6248,18 +6376,6 @@ window.__ModuleLoader__.load({
 			return days;
 		}
 		/**
-		* Jump to one session: the harness's own selection verb (`sessions.open`,
-		* the sidebar row click's mechanism). The face is re-proved per call and a
-		* hostile or absent service swallows silently — the panel still closes, so
-		* the gesture never dead-ends on an error.
-		*/
-		function openSession(ctx, id) {
-			try {
-				const sessions = ctx.get("sessions");
-				if (sessions !== void 0 && typeof sessions.open === "function") sessions.open(id);
-			} catch {}
-		}
-		/**
 		* Re-pull the session-list baseline so host-side projection backfills
 		* (host/backfill.ts) reach a long-connected browser. Fire-and-forget: the
 		* verb is re-proved and every failure swallows — the panel renders off the
@@ -6926,206 +7042,512 @@ 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
-							})]
-						})
-					]
+						}), 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/overviewPanel.tsx
+		//#region src/client/components/overviewTokens.tsx
 		/**
-		* The Context Dashboard panel — the cross-session insight surface opened
-		* from the sidebar foot (overviewButton.tsx). Rendered from the frame-wide
-		* `shell.overlay` slot behind the module store's flag; data rides the
-		* root-scope `useSessions` standard kit (every list row's host-cached
-		* 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 `sessions.open` and closes the panel.
+		* 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.
 		*/
-		const RANGES = [
-			"24h",
-			"7d",
-			"30d",
-			"all"
-		];
-		const SORTS = [
-			"recent",
-			"tokens",
-			"context"
-		];
-		/** The heatmap's depth metrics, in toggle order (steps is the default). */
-		const METRICS = ["sessions", "steps"];
-		function makeOverviewPanel(ctx, kit) {
-			const { t, fmtDuration } = kit;
-			const Heatmap = makeHeatmap(kit);
-			const OverviewCard = makeOverviewCard(kit);
-			const BalanceCapsule = makeBalanceCapsule(ctx, kit);
-			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() {
-				const locale = ctx.locale;
-				return (typeof locale.getLocale === "function" ? locale.getLocale().active : "en") === "zh" ? "cny" : "usd";
-			}
-			function OverviewBody(props) {
-				const open = (0, react.useSyncExternalStore)(overviewStore.subscribe, overviewStore.getSnapshot);
-				const { prices } = useModelPrices();
-				const snapshot = sessionsSnapshotOf(props);
-				const wsSnapshot = workspacesSnapshotOf(props);
-				const [range, setRange] = (0, react.useState)("30d");
-				const [day, setDay] = (0, react.useState)(null);
-				const [query, setQuery] = (0, react.useState)("");
-				const [group, setGroup] = (0, react.useState)(null);
-				const [sort, setSort] = (0, react.useState)("recent");
-				const [metric, setMetric] = (0, react.useState)("steps");
-				const [page, setPage] = (0, react.useState)(0);
-				const close = () => {
-					overviewStore.set(false);
-				};
-				useEscapeClose(open, close);
-				const rows = (0, react.useMemo)(() => rowsOfSnapshot(snapshot, wsSnapshot), [snapshot, wsSnapshot]);
-				const groups = (0, react.useMemo)(() => sessionGroupsOf(wsSnapshot), [wsSnapshot]);
-				(0, react.useEffect)(() => {
-					if (open) {
-						requestActivityBackfill();
-						refreshSessions(ctx);
-					}
-				}, [open]);
-				(0, react.useEffect)(() => {
-					setPage(0);
+		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
+		* `shell.overlay` slot behind the module store's flag; data rides the
+		* root-scope `useSessions` standard kit (every list row's host-cached
+		* projection values), so the panel draws every session's insight without
+		* opening one log.
+		*
+		* 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",
+			"7d",
+			"30d",
+			"all"
+		];
+		const SORTS = [
+			"recent",
+			"tokens",
+			"context"
+		];
+		/** The heatmap's depth metrics, in toggle order (steps is the default). */
+		const METRICS = ["sessions", "steps"];
+		function makeOverviewPanel(ctx, kit) {
+			const { t, fmtDuration } = kit;
+			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() {
+				const locale = ctx.locale;
+				return (typeof locale.getLocale === "function" ? locale.getLocale().active : "en") === "zh" ? "cny" : "usd";
+			}
+			function OverviewBody(props) {
+				const open = (0, react.useSyncExternalStore)(overviewStore.subscribe, overviewStore.getSnapshot);
+				const { prices } = useModelPrices();
+				const snapshot = sessionsSnapshotOf(props);
+				const wsSnapshot = workspacesSnapshotOf(props);
+				const [range, setRange] = (0, react.useState)("30d");
+				const [day, setDay] = (0, react.useState)(null);
+				const [query, setQuery] = (0, react.useState)("");
+				const [group, setGroup] = (0, react.useState)(null);
+				const [sort, setSort] = (0, react.useState)("recent");
+				const [metric, setMetric] = (0, react.useState)("steps");
+				const [page, setPage] = (0, react.useState)(0);
+				const close = () => {
+					overviewStore.set(false);
+				};
+				useEscapeClose(open, close);
+				const rows = (0, react.useMemo)(() => rowsOfSnapshot(snapshot, wsSnapshot), [snapshot, wsSnapshot]);
+				const groups = (0, react.useMemo)(() => sessionGroupsOf(wsSnapshot), [wsSnapshot]);
+				(0, react.useEffect)(() => {
+					if (open) {
+						requestActivityBackfill();
+						refreshSessions(ctx);
+					}
+				}, [open]);
+				(0, react.useEffect)(() => {
+					setPage(0);
 				}, [
 					range,
 					day,
@@ -7157,7 +7579,7 @@ window.__ModuleLoader__.load({
 				const kpi = kpisOf(ranged, allRows.length, prices, currency);
 				const days = aggregateDays(allRows);
 				const openOne = (id) => {
-					openSession(ctx, id);
+					openSessionVia(ctx, id);
 					overviewStore.set(false);
 				};
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -7204,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",
@@ -7353,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: () => {
@@ -7368,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: "›"
-											})
-										]
-									})] })
-								]
-							})]
-						})]
+											]
+										})] })
+									]
+								})]
+							})
+						] })]
 					})
 				});
 			}
@@ -9077,13 +9502,6 @@ window.__ModuleLoader__.load({
 			});
 			return segs;
 		}
-		/** Session-switch navigation, fail-soft: a stale row (list rebuilt between snapshot and click) loses its open() race and is ignored. */
-		function openAgentSession(face, id) {
-			if (face === null || typeof face.open !== "function") return;
-			try {
-				face.open(id);
-			} catch {}
-		}
 		/** Narrow `ctx.get('sessions')` to the card's face (null = harness without the outward sessions service). */
 		function sessionsFaceOf(ctx) {
 			const rec = asRecord(ctx.get("sessions"));
@@ -9207,7 +9625,7 @@ window.__ModuleLoader__.load({
 				for (const n of forest.nodes) totalTokens += n.head !== null ? n.head.tokens : 0;
 				const open = (id) => {
 					if (id === current.id) return;
-					openAgentSession(face, id);
+					openSessionVia(ctx, id);
 				};
 				const keyOpen = (id) => (ev) => {
 					if (ev.key !== "Enter" && ev.key !== " ") return;
@@ -9986,7 +10404,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.56.1".includes("-dev")) return;
+					if ("0.57.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -9995,8 +10413,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.56.1") ? latest : null;
-				const nameText = "dsh-context (v0.56.1)";
+				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",
@@ -10652,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
@@ -11941,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");