dsh-context 0.62.3 → 0.64.0

package/lib/client.js

@@ -108,6 +108,7 @@ window.__ModuleLoader__.load({
 			"insightsEntry.hide": "隐藏",
 			"settings.gran": "趋势图 · 默认粒度",
 			"settings.mode": "趋势图 · 默认展示方式",
+			"settings.durationCurve": "趋势图 · 耗时曲线",
 			"settings.deltaBase": "上下文浏览器 · 对比基线",
 			"settings.toolSort": "工具定义 · 默认排序",
 			"settings.fileSort": "文件活动 · 默认排序",
@@ -117,9 +118,10 @@ window.__ModuleLoader__.load({
 			"gran.total": "全量",
 			"gran.delta": "增量",
 			"gran.modeHint": "全量：累计构成；增量：相对上一条请求的变化量",
-			"trend.focus": "仅展示 {cat}",
 			"trend.adaptive": "自适应",
 			"trend.adaptiveHint": "按当前可视范围内的柱子重新缩放高度，滚动时随之变化",
+			"trend.duration": "耗时",
+			"trend.durationTip": "在柱子上叠加每步的活跃耗时曲线（步骤开始至结束，含模型与工具调用，不含等待你决策或回答的时间），按图中右侧的四分位坐标轴读数；轮次粒度下为一轮各步耗时之和",
 			"trend.dna": "DNA 模式",
 			"trend.dnaTip": "把每根柱子画成该次请求的上下文指纹：按模型读取顺序逐条铺色，配合增量模式逐条展示每次请求的增减；悬停查看条目，点击让上下文浏览器定位到该条目，同一条目在所有柱子中亮出其存续变化",
 			"trend.dnaItem": "{label}：{n}",
@@ -255,6 +257,7 @@ window.__ModuleLoader__.load({
 			"tip.total": "合计 ≈ {n}",
 			"tip.cat": "{cat} ≈ {n}",
 			"tip.delta": "Δ {n}",
+			"tip.duration": "耗时 {n}",
 			"ev.compaction": "压缩上下文（摘要替换 {n} 条消息）",
 			"ev.prune": "剪枝工具输出",
 			"ev.skill": "Skill 注入（{name}）",
@@ -354,7 +357,6 @@ window.__ModuleLoader__.load({
 			"attach.sent": "发送",
 			"attach.token": "Token",
 			"attach.tokensTip": "按 DeepSeek 官方图片尺寸换算（单图上限 384 tokens）估算的 token 消耗",
-			"ov.entry": "上下文洞察",
 			"ov.title": "上下文洞察",
 			"ov.unavailable": "会话列表暂不可用",
 			"ov.range.label": "统计范围",
@@ -506,6 +508,7 @@ window.__ModuleLoader__.load({
 			"insightsEntry.hide": "Hide",
 			"settings.gran": "Trend Chart · Default granularity",
 			"settings.mode": "Trend Chart · Default display",
+			"settings.durationCurve": "Trend Chart · Duration curve",
 			"settings.deltaBase": "Context Browser · Diff baseline",
 			"settings.toolSort": "Tool Schemas · Default sort",
 			"settings.fileSort": "File Activity · Default sort",
@@ -515,9 +518,10 @@ window.__ModuleLoader__.load({
 			"gran.total": "Total",
 			"gran.delta": "Delta",
 			"gran.modeHint": "Total: cumulative makeup; Delta: change vs the previous request",
-			"trend.focus": "Showing {cat} only",
 			"trend.adaptive": "Adaptive",
 			"trend.adaptiveHint": "Rescale bar heights to the visible range, following the scroll",
+			"trend.duration": "Duration",
+			"trend.durationTip": "Overlay each step’s active time (step start to end — model and tool calls, excluding waits for your decisions or answers) as a curve over the bars, read off the quartile axis on the chart’s right; turn granularity sums a turn’s steps",
 			"trend.dna": "DNA Mode",
 			"trend.dnaTip": "Draw each bar as that request’s context fingerprint — one band per item in the order the model reads it; with Delta, each band shows that item’s change against the previous bar. Hover for the item, click to reveal it in the Context browser, and every bar lights the same item’s lifetime",
 			"trend.dnaItem": "{label}: {n}",
@@ -653,6 +657,7 @@ window.__ModuleLoader__.load({
 			"tip.total": "Total ≈ {n}",
 			"tip.cat": "{cat} ≈ {n}",
 			"tip.delta": "Δ {n}",
+			"tip.duration": "Duration {n}",
 			"ev.compaction": "Context compacted (summary replaced {n} messages)",
 			"ev.prune": "Tool output pruned",
 			"ev.skill": "Skill injected ({name})",
@@ -752,7 +757,6 @@ window.__ModuleLoader__.load({
 			"attach.sent": "Sent",
 			"attach.token": "Token",
 			"attach.tokensTip": "Estimated token cost via DeepSeek's official image-size conversion (384-token cap per image)",
-			"ov.entry": "Context Insights",
 			"ov.title": "Context Insights",
 			"ov.unavailable": "The session list is unavailable",
 			"ov.range.label": "Range",
@@ -841,11 +845,11 @@ window.__ModuleLoader__.load({
 		* it to the Plugins page's package cards. The client bundle inlines the
 		* file's markup at build time (the `?raw` channel in tsdown.config.ts) and
 		* re-renders it at every requested size. The identity seats (tab chip,
-		* command, sidebar registration, panel head) keep the sheet's fixed fills —
+		* command, sidebar registration) keep the sheet's fixed fills —
 		* deliberately polychrome on both light and dark chrome — while the
-		* sidebar-foot entry seat (overviewButton.tsx) opts into `mono`, trading
-		* every fill for `currentColor` so the glyph sits quietly beside the
-		* harness's own footer rows (Settings and friends).
+		* sidebar's panel-list seat (insightPage.ts) opts into `mono`, trading
+		* every fill for `currentColor` so the glyph follows the shell-owned row's
+		* own state colors, exactly as the shipped panel glyphs do.
 		*/
 		/** Everything between the file's `<svg>` tags: the sheet's strokes in paint order, whitespace-folded. */
 		const SHEET_MARKUP = icon_default.slice(icon_default.indexOf(">") + 1, icon_default.lastIndexOf("</svg>")).trim().replace(/>\s+</g, "><");
@@ -864,6 +868,19 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
+		* The sidebar panel-list glyph (`sidebar.panellist`): the emblem in `mono` at
+		* the size the shell asks for, so the shell-owned row's hover/active colors
+		* paint it like the shipped panel glyphs. The shell owns the row's label,
+		* and the row's selected state its own styling, so — as on the shipped
+		* glyphs — the owner props' `active` goes unread.
+		*/
+		function InsightPanelIcon({ size = 18 }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextIcon, {
+				size,
+				mono: true
+			});
+		}
+		/**
 		* The tab chip's title seat (`sidebar.right.pane.tab.title`): the emblem before
 		* the label, so the chip reads as the files chip does. The label comes from the
 		* plugin's own bound translate — read at render, so the chip follows the active
@@ -2201,9 +2218,9 @@ window.__ModuleLoader__.load({
 		* The no-stale-content guarantees: the store is per session and shared by
 		* the tab and the modal; a refetch is single-flight with a trailing edge
 		* (a rev bumped mid-flight re-reads after settle); responses race-safe by
-		* revision (latest wins, with the refold exception — a host that refolded
-		* restarts the revision, and a response matching the requested rev is
-		* accepted regardless of order); a transport failure keeps the last good
+		* generation and revision (a host refold invalidates reads started before
+		* its revisions restarted, and latest wins within a generation); a
+		* transport failure keeps the last good
 		* detail and backs off; an absent answer (the session left the live set)
 		* stops the trailing until the head moves again. With no detail at all,
 		* failure surfaces as a retryable note on the detail cards instead of an
@@ -2292,6 +2309,7 @@ window.__ModuleLoader__.load({
 			targetRev = -1;
 			/** The head rev seen last — a DECREASE means the host refolded (revisions restart). */
 			lastHeadRev = -1;
+			generation = 0;
 			failed = false;
 			inFlight = false;
 			timer = null;
@@ -2315,6 +2333,7 @@ window.__ModuleLoader__.load({
 			*/
 			request(rev) {
 				if (rev < this.lastHeadRev) {
+					this.generation++;
 					this.acceptedRev = -1;
 					this.wantedRev = -1;
 					this.detail = null;
@@ -2352,9 +2371,11 @@ window.__ModuleLoader__.load({
 				}
 				this.inFlight = true;
 				this.targetRev = this.wantedRev;
+				const generation = this.generation;
 				this.emit();
 				try {
 					const d = await this.fetcher();
+					if (generation !== this.generation) return;
 					if (d !== null) {
 						if (d.rev >= this.acceptedRev || d.rev === this.targetRev) {
 							this.detail = d;
@@ -2368,12 +2389,15 @@ window.__ModuleLoader__.load({
 						this.failures++;
 					}
 				} catch {
-					this.failed = this.detail === null;
-					this.failures++;
+					if (generation === this.generation) {
+						this.failed = this.detail === null;
+						this.failures++;
+					}
+				} finally {
+					this.inFlight = false;
+					if (this.wantedRev > this.acceptedRev) this.schedule();
+					this.emit();
 				}
-				this.inFlight = false;
-				if (this.wantedRev > this.acceptedRev) this.schedule();
-				this.emit();
 			}
 			emit() {
 				const pending = this.timer !== null || this.inFlight;
@@ -3003,21 +3027,31 @@ window.__ModuleLoader__.load({
 		*/
 		/**
 		* Collapse per-step requests into one bar per turn — each turn is represented by its LAST step's record, tagged `stepCount` for the bar's
-		* column width; the log keeps one turn's requests consecutive, so a run of equal turns collapses to its final record.
+		* column width; the log keeps one turn's requests consecutive, so a run of equal turns collapses to its final record. The duration
+		* overlay's `activeMs` is the run's steps SUMMED (the turn's total step active time), absent only when no step of the run carried one.
 		*/
 		function aggregateByTurn(requests) {
 			const out = [];
 			let runSteps = 0;
+			let runActiveMs = 0;
+			let runHasActiveMs = false;
 			for (const req of requests) {
 				const last = out.length > 0 ? out[out.length - 1] : null;
 				if (last !== null && (last.turn ?? 0) === (req.turn ?? 0)) {
 					runSteps++;
+					if (req.activeMs !== void 0) {
+						runActiveMs += req.activeMs;
+						runHasActiveMs = true;
+					}
 					out[out.length - 1] = {
 						...req,
-						stepCount: runSteps
+						stepCount: runSteps,
+						...runHasActiveMs ? { activeMs: runActiveMs } : {}
 					};
 				} else {
 					runSteps = 1;
+					runActiveMs = req.activeMs ?? 0;
+					runHasActiveMs = req.activeMs !== void 0;
 					out.push({
 						...req,
 						stepCount: 1
@@ -3064,7 +3098,7 @@ window.__ModuleLoader__.load({
 			return requests.length > 0 ? requests[0] : null;
 		}
 		function makeTrendChart(kit) {
-			const { t, fmt, eventLabel, eventAt, catLabel } = kit;
+			const { t, fmt, fmtDuration, eventLabel, eventAt, catLabel } = kit;
 			const CHART_H = 112;
 			const fmtSigned = (v) => (v > 0 ? "+" : "") + fmt(v);
 			const BAR_W = 14;
@@ -3335,6 +3369,7 @@ window.__ModuleLoader__.load({
 				const dnaOn = dnaBands !== null;
 				const delta = props.mode === "delta";
 				const dnaDeltaOn = dnaOn && delta;
+				const durationOn = props.durationCurve === true;
 				const focus = !dnaOn && props.focusCat !== null && props.focusCat !== void 0 && CATS.some((c) => c.key === props.focusCat) ? props.focusCat : null;
 				const [dnaHit, setDnaHit] = (0, react.useState)(null);
 				const dnaDeltas = (0, react.useMemo)(() => dnaDeltaOn ? dnaBands.map((bands, i) => deltaBandsOf(bands, i > 0 ? dnaBands[i - 1] : null)) : null, [dnaDeltaOn, dnaBands]);
@@ -3359,12 +3394,15 @@ window.__ModuleLoader__.load({
 					let total = 0;
 					let up = 0;
 					let down = 0;
+					let activeMs = 0;
 					const from = Math.max(0, Math.floor(sl / pitch));
 					const to = Math.min(n - 1, Math.max(from, Math.floor((vr - 1) / pitch)));
 					for (let i = from; i <= to; i++) {
 						const col = i * pitch;
 						if (col >= vr || col + BAR_W <= sl) continue;
 						const req = requests[i];
+						const m = req.activeMs ?? 0;
+						if (m > activeMs) activeMs = m;
 						if (dnaDeltaOn && dnaDeltas !== null) {
 							let bu = 0;
 							let bd = 0;
@@ -3384,10 +3422,11 @@ window.__ModuleLoader__.load({
 							if (bd > down) down = bd;
 						} else if (req.total > total) total = req.total;
 					}
-					setVisMax((prev) => prev !== null && prev.total === total && prev.up === up && prev.down === down ? prev : {
+					setVisMax((prev) => prev !== null && prev.total === total && prev.up === up && prev.down === down && prev.activeMs === activeMs ? prev : {
 						total,
 						up,
-						down
+						down,
+						activeMs
 					});
 				};
 				let maxTotal = 1;
@@ -3421,6 +3460,34 @@ window.__ModuleLoader__.load({
 						}
 					} else maxTotal = Math.max(1, visMax.total);
 				}
+				let maxActiveMs = 0;
+				if (durationOn) {
+					for (const req of requests) {
+						const m = req.activeMs ?? 0;
+						if (m > maxActiveMs) maxActiveMs = m;
+					}
+					if (adaptive && visMax !== null) maxActiveMs = visMax.activeMs;
+				}
+				const durationRuns = [];
+				const durationDots = [];
+				if (durationOn) {
+					const scale = CHART_H / Math.max(1, maxActiveMs);
+					let run = [];
+					const flushRun = () => {
+						if (run.length >= 2) durationRuns.push(run.map((p) => `${p[0]},${p[1]}`).join(" "));
+						else if (run.length === 1) durationDots.push(run[0]);
+						run = [];
+					};
+					for (let i = 0; i < requests.length; i++) {
+						const m = requests[i].activeMs;
+						if (m === void 0) {
+							flushRun();
+							continue;
+						}
+						run.push([i * 16 + BAR_W / 2, Math.round((CHART_H - m * scale) * 100) / 100]);
+					}
+					flushRun();
+				}
 				const span = Math.max(1, maxUp + maxDown);
 				const deltaScale = CHART_H / span;
 				const upPx = Math.round(maxUp * deltaScale);
@@ -3468,6 +3535,8 @@ window.__ModuleLoader__.load({
 				const lastGranRef = (0, react.useRef)(props.granularity);
 				const lastSeqRef = (0, react.useRef)(0);
 				const prevScrollWidthRef = (0, react.useRef)(0);
+				const cwRef = (0, react.useRef)(0);
+				const slRef = (0, react.useRef)(0);
 				/**
 				* Keep each turn label centered within its block's VISIBLE slice, then thin colliding labels: a label wider
 				* than its block overflows it, so consecutive narrow turns would smear into each other — walking left→right
@@ -3538,6 +3607,8 @@ window.__ModuleLoader__.load({
 					} else if (grew && el.scrollLeft + el.clientWidth >= widthBeforeAppend - 24) el.scrollLeft = el.scrollWidth;
 					lastSeqRef.current = newestSeq;
 					prevScrollWidthRef.current = el.scrollWidth;
+					slRef.current = el.scrollLeft;
+					cwRef.current = el.clientWidth;
 					updateTurnLabels(el);
 					syncTip(el);
 					measureVisible(el);
@@ -3559,6 +3630,7 @@ window.__ModuleLoader__.load({
 					if (el === null) return;
 					if (typeof ResizeObserver !== "function") return;
 					const observer = new ResizeObserver(() => {
+						cwRef.current = el.clientWidth;
 						measureRef.current(el);
 					});
 					observer.observe(el);
@@ -3624,35 +3696,40 @@ window.__ModuleLoader__.load({
 						n: stepsOf(req.turn)
 					});
 					const band = hitBand ?? hoveredDelta;
-					if (band !== null) return [head, t("trend.dnaItem", {
+					let metric;
+					if (band !== null) metric = t("trend.dnaItem", {
 						label: dnaBaseLabel(band, t, catLabel),
 						n: dnaDeltaOn ? fmtSigned(band.tokens) : fmt(band.tokens)
-					})];
-					if (delta)
+					});
+					else if (delta)
  /* v8 ignore next 1 -- delta mode only receives records from
 					deltaOf, which always assigns net; the fallback is defensive. */
-					return [head, t("tip.delta", { n: fmtSigned(req.net ?? 0) })];
-					return [head, focus !== null ? t("tip.cat", {
+					metric = t("tip.delta", { n: fmtSigned(req.net ?? 0) });
+					else metric = focus !== null ? t("tip.cat", {
 						cat: catLabel(focus),
 						n: fmt(req.total)
-					}) : t("tip.total", { n: fmt(req.total) })];
+					}) : t("tip.total", { n: fmt(req.total) });
+					const rows = [head, metric];
+					if (durationOn && req.activeMs !== void 0) rows.push(t("tip.duration", { n: fmtDuration(req.activeMs) }));
+					return rows;
 				};
 				const tipColRef = (0, react.useRef)(0);
 				/**
 				* Glue the hover tip to its bar's VISIBLE slice. The tip deliberately does NOT live inside the scrolling
 				* content: an absolutely-positioned child of a scroller contributes to its scrollable overflow, so a wide
 				* reply preview on a right-edge bar used to inflate scrollWidth on every hover and flap the horizontal
-				* scrollbar open/closed — jumping the whole card. Reads (offsetWidth/clientWidth) batch before the single
-				* style write; unchanged transforms write nothing.
+				* scrollbar open/closed — jumping the whole card. The only layout read left is the tip's own width (its
+				* subtree is the thing that just changed); the scroller's width/offset ride the cached refs, so this never
+				* forces a document-scope layout flush on the hover path. Unchanged transforms write nothing.
 				*/
 				const syncTip = (el) => {
 					/* v8 ignore next 1 -- the scroll div renders unconditionally while mounted, so its parent exists. */
 					const tip = (el.parentElement ?? document.body).querySelector(".lc-chart-tip");
 					if (tip === null) return;
 					const lw = tip.offsetWidth;
-					const cw = el.clientWidth;
+					const cw = cwRef.current;
 					const half = Math.min(lw / 2, cw / 2);
-					const cx = Math.min(Math.max(tipColRef.current - el.scrollLeft, half), cw - half);
+					const cx = Math.min(Math.max(tipColRef.current - slRef.current, half), cw - half);
 					const next = `translate(${Math.round(cx - lw / 2)}px, 0)`;
 					if (tip.style.transform !== next) tip.style.transform = next;
 				};
@@ -3665,134 +3742,175 @@ window.__ModuleLoader__.load({
 				});
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "lc-chartrow",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "lc-axis",
-						children: delta ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-top",
-								children: fmtSigned(maxUp)
-							}),
-							q3Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-q3",
-								children: fmtSigned(Math.round(maxUp - span / 4))
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-mid",
-								style: { top: `${13 + upPx}px` },
-								children: "0"
-							}),
-							q1Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-q1",
-								children: fmtSigned(Math.round(maxUp - 3 * span / 4))
-							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-bot",
-								children: fmtSigned(-maxDown)
-							})
-						] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-top",
-								children: fmt(maxTotal)
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-q3",
-								children: fmt(Math.round(maxTotal * 3 / 4))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-mid",
-								children: fmt(Math.round(maxTotal / 2))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-q1",
-								children: fmt(Math.round(maxTotal / 4))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-axis-bot",
-								children: "0"
-							})
-						] })
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-chart-wrap",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "lc-chart-scroll" + (props.activeTurn !== null ? " lc-chart-dim" : ""),
-							ref: scrollRef,
-							onScroll: (e) => {
-								updateTurnLabels(e.currentTarget);
-								syncTip(e.currentTarget);
-								measureVisible(e.currentTarget);
-							},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-axis",
+							children: delta ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-top",
+									children: fmtSigned(maxUp)
+								}),
+								q3Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q3",
+									children: fmtSigned(Math.round(maxUp - span / 4))
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-mid",
+									style: { top: `${13 + upPx}px` },
+									children: "0"
+								}),
+								q1Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q1",
+									children: fmtSigned(Math.round(maxUp - 3 * span / 4))
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-bot",
+									children: fmtSigned(-maxDown)
+								})
+							] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-top",
+									children: fmt(maxTotal)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q3",
+									children: fmt(Math.round(maxTotal * 3 / 4))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-mid",
+									children: fmt(Math.round(maxTotal / 2))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q1",
+									children: fmt(Math.round(maxTotal / 4))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-bot",
+									children: "0"
+								})
+							] })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-chart-wrap",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "lc-chart",
-								"data-catdim": props.hoverCat ?? void 0,
-								onMouseLeave: () => {
-									props.onHover(null);
-									setDnaHit(null);
-								},
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-top" }),
-									!delta || q3Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-q3" }) : null,
-									!delta || q1Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-q1" }) : null,
-									!delta ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-mid" }) : null,
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "lc-grid lc-grid-zero",
-										style: delta ? { top: `${18 + upPx}px` } : void 0
-									}),
-									requests.map((req, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartBar, {
-										req,
-										marker: markers[i],
-										selected: props.selectedSeq === req.seq,
-										hovered: props.hoveredSeq === req.seq,
-										inTurn: props.activeTurn !== null && (req.turn ?? 0) === props.activeTurn,
-										flag: props.granularity === "step" && (i + 1) % STEP_FLAG_EVERY === 0 ? i + 1 : null,
-										maxTotal,
-										upPx: delta ? upPx : void 0,
-										downPx: delta ? downPx : void 0,
-										deltaScale: delta ? deltaScale : void 0,
-										enterIndex: i,
-										dna: dnaOn ? dnaBands[i] : null,
-										dnaDelta: dnaDeltaOn && dnaDeltas !== null ? dnaDeltas[i] : null,
-										dnaScale: dnaDeltaOn ? deltaScale : void 0,
-										zeroBottom: dnaDeltaOn ? downPx : void 0,
-										onDnaHit: setDnaHit,
-										onPickBand: props.onPickBand,
-										onSelect: props.onSelect,
-										onHover: props.onHover
-									}, `${req.seq}:${props.granularity}`)),
-									dnaOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DnaHighlights, { slices: dnaSlices }) : null
-								]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "lc-turns",
-								style: labelFont !== "" ? { fontSize: labelFont } : void 0,
-								onMouseLeave: () => {
-									props.onHoverTurn(null);
+								className: "lc-chart-scroll" + (props.activeTurn !== null ? " lc-chart-dim" : ""),
+								ref: scrollRef,
+								onScroll: (e) => {
+									slRef.current = e.currentTarget.scrollLeft;
+									cwRef.current = e.currentTarget.clientWidth;
+									updateTurnLabels(e.currentTarget);
+									syncTip(e.currentTarget);
+									measureVisible(e.currentTarget);
 								},
-								children: groups.map((grp, gi) => {
-									const on = props.activeTurn === grp.turn;
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "lc-turn" + (on ? " lc-turn-on" : ""),
-										style: {
-											width: `${turnWidths[gi]}px`,
-											background: TURN_FILLS[gi % TURN_FILLS.length]
-										},
-										title: `T${grp.turn}`,
-										onMouseEnter: () => {
-											props.onHoverTurn(grp.turn);
-										},
-										onClick: () => {
-											props.onPickTurn(grp.turn);
-										},
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "lc-turn-label",
-											children: `${grp.turn}`
-										})
-									}, `turn-${gi}`);
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-chart",
+									"data-catdim": props.hoverCat ?? void 0,
+									onMouseLeave: () => {
+										props.onHover(null);
+										setDnaHit(null);
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-top" }),
+										!delta || q3Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-q3" }) : null,
+										!delta || q1Clear ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-q1" }) : null,
+										!delta ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "lc-grid lc-grid-mid" }) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: "lc-grid lc-grid-zero",
+											style: delta ? { top: `${18 + upPx}px` } : void 0
+										}),
+										requests.map((req, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartBar, {
+											req,
+											marker: markers[i],
+											selected: props.selectedSeq === req.seq,
+											hovered: props.hoveredSeq === req.seq,
+											inTurn: props.activeTurn !== null && (req.turn ?? 0) === props.activeTurn,
+											flag: props.granularity === "step" && (i + 1) % STEP_FLAG_EVERY === 0 ? i + 1 : null,
+											maxTotal,
+											upPx: delta ? upPx : void 0,
+											downPx: delta ? downPx : void 0,
+											deltaScale: delta ? deltaScale : void 0,
+											enterIndex: i,
+											dna: dnaOn ? dnaBands[i] : null,
+											dnaDelta: dnaDeltaOn && dnaDeltas !== null ? dnaDeltas[i] : null,
+											dnaScale: dnaDeltaOn ? deltaScale : void 0,
+											zeroBottom: dnaDeltaOn ? downPx : void 0,
+											onDnaHit: setDnaHit,
+											onPickBand: props.onPickBand,
+											onSelect: props.onSelect,
+											onHover: props.onHover
+										}, `${req.seq}:${props.granularity}`)),
+										dnaOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DnaHighlights, { slices: dnaSlices }) : null,
+										durationOn && (durationRuns.length > 0 || durationDots.length > 0) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+											className: "lc-duration",
+											width: requests.length * 16 - BAR_GAP,
+											height: CHART_H,
+											"aria-hidden": "true",
+											children: [durationRuns.map((pts, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("polyline", { points: pts }, i)), durationDots.map((p, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+												cx: p[0],
+												cy: p[1],
+												r: 1.5
+											}, i))]
+										}) : null
+									]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-turns",
+									style: labelFont !== "" ? { fontSize: labelFont } : void 0,
+									onMouseLeave: () => {
+										props.onHoverTurn(null);
+									},
+									children: groups.map((grp, gi) => {
+										const on = props.activeTurn === grp.turn;
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-turn" + (on ? " lc-turn-on" : ""),
+											style: {
+												width: `${turnWidths[gi]}px`,
+												background: TURN_FILLS[gi % TURN_FILLS.length]
+											},
+											title: `T${grp.turn}`,
+											onMouseEnter: () => {
+												props.onHoverTurn(grp.turn);
+											},
+											onClick: () => {
+												props.onPickTurn(grp.turn);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "lc-turn-label",
+												children: `${grp.turn}`
+											})
+										}, `turn-${gi}`);
+									})
+								})]
+							}), hoveredReq !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "lc-chart-tip",
+								children: tipRowsOf(hoveredReq).map((row, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: row }, i))
+							}) : null]
+						}),
+						durationOn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-axis lc-axis-r",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-top",
+									children: fmtDuration(maxActiveMs)
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q3",
+									children: fmtDuration(Math.round(maxActiveMs * 3 / 4))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-mid",
+									children: fmtDuration(Math.round(maxActiveMs / 2))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-q1",
+									children: fmtDuration(Math.round(maxActiveMs / 4))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-axis-bot",
+									children: "0"
 								})
-							})]
-						}), hoveredReq !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "lc-chart-tip",
-							children: tipRowsOf(hoveredReq).map((row, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: row }, i))
-						}) : null]
-					})]
+							]
+						}) : null
+					]
 				});
 			};
 		}
@@ -3937,10 +4055,17 @@ window.__ModuleLoader__.load({
 			const scaled = Math.trunc(reads / billed * 100 * factor + 1e-9);
 			return `${Math.floor(scaled / factor)}.${String(scaled % factor).padStart(decimals, "0")}`;
 		}
+		/** One shared formatter: building an Intl formatter per call costs ~50x the format itself (issue #116). */
+		const TIME_FMT = new Intl.DateTimeFormat("en-GB", {
+			hour12: false,
+			hour: "2-digit",
+			minute: "2-digit",
+			second: "2-digit"
+		});
 		function fmtTime(t) {
 			const d = new Date(t);
 			if (isNaN(d.getTime())) return "—";
-			return d.toLocaleTimeString("en-GB", { hour12: false });
+			return TIME_FMT.format(d);
 		}
 		/**
 		* Share of a whole as a compact leading percentage for the slice rows:
@@ -5930,71 +6055,6 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/overviewStore.ts
-		function createStore() {
-			let open = false;
-			const listeners = /* @__PURE__ */ new Set();
-			return {
-				subscribe: (listener) => {
-					listeners.add(listener);
-					return () => {
-						listeners.delete(listener);
-					};
-				},
-				getSnapshot: () => open,
-				set: (next) => {
-					if (next === open) return;
-					open = next;
-					for (const listener of listeners) listener();
-				}
-			};
-		}
-		const overviewStore = createStore();
-		//#endregion
-		//#region src/client/components/overviewButton.tsx
-		/**
-		* The Context Dashboard's sidebar entry: a footer action stacked directly
-		* above Settings (the harness's own foot layout: footer actions, then the
-		* settings row), mirroring the Settings trigger's geometry in both column
-		* widths. The button carries the plugin emblem — in the mono seat, so the
-		* glyph matches the harness's own footer rows rather than shouting over
-		* them — and, on the wide column, its label. Clicking opens the overview
-		* overlay through the shared module store (overviewStore.ts).
-		*
-		* The per-user `insightsEntry` preference takes the entry down (renders
-		* null) without unregistering the seat. The subscription fails open: an
-		* absent settings store, an unserved namespace, or a value the plugin
-		* cannot understand all leave the entry visible.
-		*/
-		/** Stable subscription faces for the settings-less degrade (no re-subscribes). */
-		const subscribeNever = () => () => {};
-		const entryShown = () => "show";
-		function makeOverviewButton(kit, settings) {
-			const { t } = kit;
-			const subscribeEntry = settings === void 0 ? subscribeNever : (listener) => settings.store.subscribe(listener);
-			const getEntry = settings === void 0 ? entryShown : () => settings.insightsEntry();
-			return function OverviewButton(props) {
-				if ((0, react.useSyncExternalStore)(subscribeEntry, getEntry) === "hide") return null;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: props.wide === true ? "lc-ov-entry" : "lc-ov-entry lc-ov-entry-rail",
-					title: t("ov.entry"),
-					"aria-label": t("ov.entry"),
-					onClick: () => {
-						overviewStore.set(true);
-					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextIcon, {
-						size: props.wide === true ? 16 : 18,
-						className: "lc-ov-entry-icon",
-						mono: true
-					}), props.wide === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lc-ov-entry-label",
-						children: t("ov.entry")
-					})]
-				});
-			};
-		}
-		//#endregion
 		//#region src/shared/providers.ts
 		/**
 		* The provider-id seam between dsh request envelopes and the models.dev
@@ -7340,14 +7400,15 @@ window.__ModuleLoader__.load({
 		//#region src/client/components/balanceCapsule.tsx
 		/**
 		* BalanceCapsule — the DeepSeek open-platform balance pill in the Context
-		* Dashboard's header (the plugin's one account-level figure, beside the
+		* Insights page's heading (the plugin's one account-level figure, beside the
 		* session-level ones). Clicking it opens the platform's usage console in a
-		* new tab. Mounted only by the dashboard header; it paints the figure the
+		* new tab. Mounted only by the page heading; it paints the figure the
 		* previous open remembered while client/balance.ts revalidates it in the
 		* background, and renders NOTHING when nothing is remembered and the route
 		* answers nothing — the pill exists only when there is a figure to show. The
-		* non-zero parts of the breakdown (topped-up / granted) ride the harness
-		* Tooltip primitive — immediate on hover, where a native `title` lags — in
+		* non-zero parts of the breakdown (topped-up / granted) ride the page's
+		* portaled hover tip (hoverTip.tsx, off the pill's `data-lc-tip`) —
+		* immediate on hover, where a native `title` lags — in
 		* the entry's own currency (the pill itself carries the total); the entry
 		* follows the active locale (zh → CNY) with the account's first currency as
 		* the fallback.
@@ -7371,9 +7432,13 @@ window.__ModuleLoader__.load({
 				if (entry === null) return null;
 				const money = (amount) => symbolOf(entry.currency) + amount.toFixed(2);
 				const tipLines = [...entry.toppedUp > 0 ? [t("balance.tip.toppedUp") + ": " + money(entry.toppedUp)] : [], ...entry.granted > 0 ? [t("balance.tip.granted") + ": " + money(entry.granted)] : []];
-				const pill = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
 					className: "lc-ov-balance",
 					"aria-label": tipLines.length > 0 ? tipLines.join("\n") : void 0,
+					...tipLines.length > 0 ? {
+						"data-lc-tip": tipLines.join("\n"),
+						"data-lc-tip-side": "bottom"
+					} : {},
 					href: USAGE_URL,
 					target: "_blank",
 					rel: "noreferrer",
@@ -7385,11 +7450,6 @@ window.__ModuleLoader__.load({
 						children: money(entry.total)
 					})]
 				});
-				return tipLines.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-					label: tipLines.join("\n"),
-					side: "bottom",
-					children: pill
-				}) : pill;
 			};
 		}
 		//#endregion
@@ -7450,24 +7510,6 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/heatmap.tsx
 		/**
-		* The Context Dashboard's activity heatmap: a GitHub-style contribution grid
-		* (weeks as columns, Sunday-first weekdays as rows, a month label over each
-		* column where a month begins — the window's opening column always labeled —
-		* and a Less→More key for the depth steps) over the merged daily
-		* ledger (overview.ts). Cell depth is the selected metric's share of the
-		* window's maximum — distinct active sessions or settlement steps; a session
-		* can spread its steps thinly across many days while another day stacks a
-		* run, so each metric scales on its OWN maximum — in four steps; a day with
-		* data is a button whose click
-		* pins the session list to that day (click again to release). Cells tip
-		* through the harness's own Tooltip primitive (instant on hover; native
-		* `title` lags a second behind), the bubble carrying the date, the day's
-		* active sessions, and its steps. The grid is computed from the injected
-		* `today` key, so
-		* the layout is deterministic in tests and follows the browser's local
-		* calendar at runtime.
-		*/
-		/**
 		* Lay out the grid: `weeks` columns ending at today's week, each seven
 		* Sunday-first cells (row 0 = Sunday). Returns null when `today` (or its
 		* week math) fails — a corrupt injected key degrades the card to its empty
@@ -7578,25 +7620,21 @@ window.__ModuleLoader__.load({
 											"aria-hidden": "true"
 										}, cell.key);
 										const level = cell.entry === void 0 ? 0 : levelOf(metricValueOf(cell.entry), max);
-										if (cell.entry === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-											label: cell.key,
-											side: "top",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "lc-heat-cell lc-heat-0" })
+										if (cell.entry === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "lc-heat-cell lc-heat-0",
+											"data-lc-tip": cell.key
 										}, cell.key);
 										const picked = props.selected === cell.key;
 										const label = `${cell.key}\n${t("ov.heat.sessions", { n: cell.entry.sessions })}\n${t("ov.heat.steps", { n: cell.entry.requests })}`;
-										return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-											label,
-											side: "top",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: `lc-heat-cell lc-heat-${String(level)}${picked ? " lc-heat-on" : ""}`,
-												"aria-label": label,
-												"aria-pressed": picked,
-												onClick: () => {
-													if (props.onSelect !== void 0) props.onSelect(picked ? null : cell.key);
-												}
-											})
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: `lc-heat-cell lc-heat-${String(level)}${picked ? " lc-heat-on" : ""}`,
+											"data-lc-tip": label,
+											"aria-label": label,
+											"aria-pressed": picked,
+											onClick: () => {
+												if (props.onSelect !== void 0) props.onSelect(picked ? null : cell.key);
+											}
 										}, cell.key);
 									})]
 								}, wi);
@@ -7724,6 +7762,156 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/components/hoverTip.tsx
+		/**
+		* The dashboard's hover tips — one fixed bubble, portaled to <body>, driven
+		* by event delegation off the page root.
+		*
+		* Why not the harness Tooltip: the Insights page is the `lc-ov` query
+		* container, and inline-size containment makes the page the containing block
+		* for FIXED descendants — an in-tree fixed bubble (the harness Tooltip's
+		* unportaled spelling) would paint sidebar-width away from its anchor, while
+		* the primitive's `portal` prop exists only on 0.1.7+. The plugin already
+		* portals its own fixed overlays for exactly this trap (the image lightbox,
+		* base.css), so the page's tips follow that precedent and stay correct on
+		* every supported line.
+		*
+		* Anchors carry `data-lc-tip` (the label) and optional `data-lc-tip-side`
+		* ('top' default, 'bottom'); the zone delegates `mouseover`/`mouseout` and
+		* focus/blur capture, so anchors stay plain elements — no per-cell wrapper
+		* components. One bubble at a time: it re-anchors on anchor switch, hides on
+		* anchor leave, on any zone scroll, on a viewport resize (every anchor just
+		* moved), and on unmount; while shown it sets the anchor's
+		* `aria-describedby`.
+		*
+		* @module dsh-context/client/components/hoverTip
+		*/
+		/** The bubble's identity for the anchor's `aria-describedby` (one live bubble at a time). */
+		const TIP_ID = "lc-hovertip-bubble";
+		/** Anchor-to-bubble distance and the viewport margin the bubble clamps inside, in px. */
+		const GAP = 6;
+		const VIEWPORT_MARGIN = 8;
+		/** The nearest tip anchor of an event target, if any. */
+		function anchorOf(target) {
+			return target instanceof Element ? target.closest("[data-lc-tip]") : null;
+		}
+		function tipOf(anchor) {
+			const label = anchor.getAttribute("data-lc-tip");
+			if (label === null || label === "") return null;
+			const r = anchor.getBoundingClientRect();
+			return {
+				anchor,
+				label,
+				side: anchor.getAttribute("data-lc-tip-side") === "bottom" ? "bottom" : "top",
+				rect: {
+					left: r.left,
+					top: r.top,
+					width: r.width,
+					height: r.height,
+					bottom: r.bottom
+				}
+			};
+		}
+		/**
+		* The zone hook: stable delegated handlers plus the portaled bubble. The
+		* bubble renders hidden until the layout effect measures it, so it never
+		* flashes at an unmeasured spot.
+		*/
+		function useHoverTip() {
+			const [tip, setTip] = (0, react.useState)(null);
+			const [measured, setMeasured] = (0, react.useState)(null);
+			const bubbleRef = (0, react.useRef)(null);
+			const show = (0, react.useCallback)((anchor) => {
+				setTip((current) => {
+					if (current?.anchor === anchor) return current;
+					current?.anchor.removeAttribute("aria-describedby");
+					const next = tipOf(anchor);
+					if (next === null) return null;
+					anchor.setAttribute("aria-describedby", TIP_ID);
+					return next;
+				});
+			}, []);
+			const hide = (0, react.useCallback)(() => {
+				setTip((current) => {
+					current?.anchor.removeAttribute("aria-describedby");
+					return null;
+				});
+			}, []);
+			const onMouseOver = (0, react.useCallback)((ev) => {
+				const anchor = anchorOf(ev.target);
+				if (anchor !== null) show(anchor);
+			}, [show]);
+			const onMouseOut = (0, react.useCallback)((ev) => {
+				if (anchorOf(ev.target) !== null && anchorOf(ev.relatedTarget) === null) hide();
+			}, [hide]);
+			const onFocusCapture = (0, react.useCallback)((ev) => {
+				const anchor = anchorOf(ev.target);
+				if (anchor !== null) show(anchor);
+			}, [show]);
+			const onBlurCapture = (0, react.useCallback)((ev) => {
+				if (anchorOf(ev.target) !== null && anchorOf(ev.relatedTarget) === null) hide();
+			}, [hide]);
+			const onScrollCapture = (0, react.useCallback)(() => {
+				hide();
+			}, [hide]);
+			(0, react.useEffect)(() => {
+				if (tip === null) return void 0;
+				const retract = () => {
+					hide();
+				};
+				window.addEventListener("resize", retract);
+				return () => {
+					window.removeEventListener("resize", retract);
+				};
+			}, [tip, hide]);
+			(0, react.useLayoutEffect)(() => {
+				if (tip === null || measured?.tip === tip) return;
+				const el = bubbleRef.current;
+				/* v8 ignore next -- the portal commits its ref before layout effects run,
+				* so a null ref here is unreachable; kept as a guard so a future portal
+				* change cannot crash the page. */
+				if (el === null) return;
+				const w = el.offsetWidth;
+				const h = el.offsetHeight;
+				const { rect } = tip;
+				const left = Math.max(VIEWPORT_MARGIN, Math.min(rect.left + rect.width / 2 - w / 2, window.innerWidth - w - VIEWPORT_MARGIN));
+				let top = tip.side === "top" ? rect.top - h - GAP : rect.bottom + GAP;
+				if (tip.side === "top" && top < VIEWPORT_MARGIN) top = rect.bottom + GAP;
+				else if (tip.side === "bottom" && top + h > window.innerHeight - VIEWPORT_MARGIN) top = rect.top - h - GAP;
+				setMeasured({
+					tip,
+					left,
+					top: Math.max(VIEWPORT_MARGIN, top)
+				});
+			}, [tip, measured]);
+			const shown = measured !== null && measured.tip === tip ? measured : null;
+			return {
+				zoneProps: {
+					onMouseOver,
+					onMouseOut,
+					onFocusCapture,
+					onBlurCapture,
+					onScrollCapture
+				},
+				bubble: tip === null ? null : (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: bubbleRef,
+					id: TIP_ID,
+					role: "tooltip",
+					className: "lc-tip lc-hovertip",
+					style: shown === null ? {
+						left: 0,
+						top: 0,
+						visibility: "hidden"
+					} : {
+						left: shown.left,
+						top: shown.top,
+						opacity: 1
+					},
+					children: tip.label
+				}), document.body)
+			};
+		}
+		//#endregion
 		//#region src/client/components/sliceList.tsx
 		/**
 		* The stats cards' slice rows: the donut's legend with numbers, two tiers
@@ -7834,26 +8022,6 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/components/overviewUsage.tsx
-		/**
-		* The Context Insights panel's first-row usage chart — the RIGHT half of the
-		* KPI row. Seven day columns ending today, each pairing two bars priced off
-		* the merged daily ledger (overview.ts aggregateDays): billed TOKENS (the
-		* heatmap's own blue) and the day's estimated COST (green). The fee rides
-		* the same per-day pricing records the host fold books at each turn's
-		* initiation, priced by the same book and estimator as the KPI band's cost
-		* cell — never a whole session's spend dumped on the day it was last
-		* active. The two series scale on their OWN window maxima (a $2 week must
-		* not flatten under a 169M-token week), so each bar reads as a share of its
-		* series' peak; the tooltip carries the exact figures. The window is fixed
-		* to the last 7 days — the range selector above scopes the KPI figures, not
-		* this calendar.
-		*
-		* The plot is framed like a chart: hairline gridlines at 0/25/50/75/100% of
-		* each series' own peak, a solid baseline at 0, and a tick rail on each
-		* side — TOKENS on the left, COST on the right, computed from the same
-		* maxima the bars scale to. The cost rail reads '—' until some day actually
-		* prices.
-		*/
 		/** The chart's window: today and the six days before it, oldest first. */
 		function usageWindowOf(today) {
 			const columns = [];
@@ -7934,21 +8102,18 @@ window.__ModuleLoader__.load({
 											const tokens = c.entry?.tokens ?? 0;
 											const cost = c.entry?.cost ?? null;
 											const label = `${c.key}\n${t("ov.usage.tokens")} ${fmt(tokens)}\n${t("ov.usage.costTip")} ${cost === null ? "—" : formatCost(cost, props.currency)}`;
-											return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-												label,
-												side: "top",
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: "lc-ov-usage-col",
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: "lc-ov-usage-bars",
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: "lc-ov-usage-bar lc-ov-usage-tokens",
-															style: { height: heightOf(tokens, maxTokens) }
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: "lc-ov-usage-bar lc-ov-usage-cost",
-															style: { height: cost === null ? "0%" : heightOf(cost, maxCost) }
-														})]
-													})
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: "lc-ov-usage-col",
+												"data-lc-tip": label,
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: "lc-ov-usage-bars",
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-ov-usage-bar lc-ov-usage-tokens",
+														style: { height: heightOf(tokens, maxTokens) }
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "lc-ov-usage-bar lc-ov-usage-cost",
+														style: { height: cost === null ? "0%" : heightOf(cost, maxCost) }
+													})]
 												})
 											}, c.key);
 										})
@@ -8440,27 +8605,37 @@ window.__ModuleLoader__.load({
 		//#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 Context Insights page — the plugin's first-level panel, opened from
+		* the sidebar's panel list (insightPage.ts), a sibling of the shipped
+		* Plugins and Automation tasks pages. Registered on the layout's keyed
+		* `main` slot, so the shell's center column mounts it when the panel is
+		* selected and unmounts it on leave — the page's mount IS its open, and its
+		* data rides the root-scope `useSessions`/`useWorkspaces` standard kit
+		* (every list row's host-cached projection values), so the page draws every
+		* session's insight without opening one log.
+		*
+		* The chrome mirrors the shipped first-level pages: one scroll region whose
+		* centered content column (the Plugins page's 960px frame) opens with the
+		* page heading — the title beside the range group (and the DeepSeek balance
+		* capsule when it serves) — and the page element is the `lc-ov` query
+		* container, so every fold keys off the pane's own width. Hover tips portal
+		* to <body> (hoverTip.tsx) because the container would otherwise capture
+		* their fixed positioning.
 		*
-		* The panel's first row is a 1:1 column pair: the KPI metrics band (the
+		* The body's first row is a 1:1 column pair: the KPI metrics band (the
 		* range's six figures — sessions, billed tokens, cost, cache hit, tool
 		* calls, active time — three per row) beside the last-7-days usage chart
-		* (each day's billed tokens and estimated cost as a bar pair, folded off
-		* the merged daily ledger). 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.
+		* (each day's billed tokens and estimated cost as a bar pair, folded off the
+		* merged daily ledger). 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 page's drill-down gesture). A session card click jumps to that
+		* session through the harness's own selection verb (openSessionVia), whose
+		* navigation returns the center column to the conversation.
 		*/
 		const RANGES = [
 			"24h",
@@ -8491,7 +8666,6 @@ window.__ModuleLoader__.load({
 				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 { book } = useModelPrices();
 				const snapshot = sessionsSnapshotOf(props);
 				const wsSnapshot = workspacesSnapshotOf(props);
@@ -8502,18 +8676,13 @@ window.__ModuleLoader__.load({
 				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 { zoneProps, bubble } = useHoverTip();
 				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]);
+					requestActivityBackfill();
+					refreshSessions(ctx);
+				}, []);
 				(0, react.useEffect)(() => {
 					setPage(0);
 				}, [
@@ -8523,7 +8692,6 @@ window.__ModuleLoader__.load({
 					group,
 					sort
 				]);
-				if (!open) return null;
 				const currency = activeCurrency();
 				const now = Date.now();
 				const allRows = rows ?? [];
@@ -8548,55 +8716,41 @@ window.__ModuleLoader__.load({
 				const days = aggregateDays(allRows, book, currency);
 				const openOne = (id) => {
 					openSessionVia(ctx, id);
-					overviewStore.set(false);
 				};
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "lc-ov-backdrop",
-					onClick: close,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "lc-ov-card",
-						onClick: (ev) => {
-							ev.stopPropagation();
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "lc-ov-head",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextIcon, {
-									size: 18,
-									className: "lc-ov-head-icon"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "lc-ov-title",
-									children: t("ov.title")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BalanceCapsule, {}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "lc-gran lc-ov-range",
-									role: "group",
-									"aria-label": t("ov.range.label"),
-									children: RANGES.map((r) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "lc-gran-btn" + (range === r ? " lc-gran-on" : ""),
-										onClick: () => {
-											setRange(r);
-										},
-										children: t("ov.range." + r)
-									}, r))
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "lc-modal-close hover:text-(--dsw-alias-label-primary) hover:bg-(--dsw-alias-bg-layer-2)",
-									"aria-label": t("cmd.close"),
-									onClick: close,
-									children: "×"
-								})
-							]
-						}), 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-scroll",
-							children: [
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: "lc-ov-page",
+					"aria-label": t("ov.title"),
+					...zoneProps,
+					children: [bubble, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lc-ov-pagescroll",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lc-ov-pagecontent",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "lc-ov-pagehead",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+										className: "lc-ov-pagetitle",
+										children: t("ov.title")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BalanceCapsule, {}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "lc-gran lc-ov-range",
+										role: "group",
+										"aria-label": t("ov.range.label"),
+										children: RANGES.map((r) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "lc-gran-btn" + (range === r ? " lc-gran-on" : ""),
+											onClick: () => {
+												setRange(r);
+											},
+											children: t("ov.range." + r)
+										}, r))
+									})
+								]
+							}), rows === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "lc-empty",
+								children: t("ov.unavailable")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "lc-ov-first",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -8764,7 +8918,6 @@ window.__ModuleLoader__.load({
 											className: "lc-ov-settings",
 											onClick: () => {
 												openPluginSettings();
-												close();
 											},
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 												className: "lc-ov-settings-label",
@@ -8897,9 +9050,9 @@ window.__ModuleLoader__.load({
 										]
 									})]
 								})
-							]
-						})]
-					})
+							] })]
+						})
+					})]
 				});
 			}
 			return function OverviewPanel(props) {
@@ -8915,7 +9068,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/settingsCard.tsx
 		/**
-		* The dsh-context preference cards — two seats over the same seven rows. The
+		* The dsh-context preference cards — two seats over the same eight rows. The
 		* settings-section card (`settings.plugin.item`, the older harness lines)
 		* renders a collapsible list item in Settings → Plugins → Plugin
 		* configuration; the Plugins-page card (`plugins.bundle.config`, the
@@ -9034,6 +9187,21 @@ window.__ModuleLoader__.load({
 						set?.("defaultTrendMode", id);
 					}
 				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
+					label: t("settings.durationCurve"),
+					value: state.durationCurve,
+					disabled,
+					options: [{
+						id: "show",
+						label: t("insightsEntry.show")
+					}, {
+						id: "hide",
+						label: t("insightsEntry.hide")
+					}],
+					onPick: (id) => {
+						set?.("defaultDurationCurve", id);
+					}
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrefRow, {
 					label: t("settings.deltaBase"),
 					value: state.deltaBase,
@@ -9171,6 +9339,97 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/insightPage.ts
+		/**
+		* The Context Insights page — the plugin's first-level panel, a sibling of
+		* the shipped Plugins and Automation tasks pages.
+		*
+		* Two registrations, one identity:
+		*   - the full page itself on the layout's root keyed `main` slot, under the
+		*     panel key — the shell's center column renders it whenever the panel is
+		*     selected (keyed entryKey switching mounts it on entry and unmounts it
+		*     on leave, so the page's mount IS its open);
+		*   - the sidebar entry on the root list `sidebar.panellist` under the same
+		*     id — the shell owns the row (button, label, active state, and the
+		*     click that selects the panel), the plugin contributes only the glyph
+		*     and the localized label thunk.
+		*
+		* Both seats ship on every supported line (the `main` conversation panel and
+		* the panellist contract are present since 0.1.5-rc.1 — the compat matrix
+		* pins both spellings per baseline), so the registrations ride plain
+		* `slots.inject` declaration injects, like the conversation tab's.
+		*
+		* The per-user `insightsEntry` preference gates the pair: 'show' mounts both
+		* registrations, 'hide' unwinds them (a hidden entry leaves the page no
+		* opener). The watcher mirrors placement.ts's preference-glued mounting;
+		* each mount owns its disposers so a preference flip takes down exactly what
+		* it drops.
+		*
+		* @module dsh-context/client/insightPage
+		*/
+		/**
+		* The id shared by the sidebar entry and the `main` panel it opens (the
+		* layout's MainPanelId domain) — namespaced, like the right-Sidebar kind, so
+		* no shipped or foreign panel collides with it.
+		*/
+		const INSIGHT_PANEL_ID = "dsh-context";
+		/**
+		* Mount the page and its sidebar entry while the preference shows them.
+		* @param ctx - client root context carrying `slots` and the locale service.
+		* @param settings - the preferences store; the gate re-reads on every publish.
+		* @param page - the Insights page component (the root-scope standard kit
+		*   arrives on its props, as on every root seat).
+		* @param t - the plugin-namespace translate; the label thunk reads it at call
+		*   time, so a language switch relabels the sidebar row.
+		* @param ns - the plugin's locale namespace, put on both registrations so the
+		*   framework synthesizes the `t` seat for the page too.
+		* @returns the watcher's disposer (unsubscribes and unwinds any live mount).
+		*/
+		function watchInsightPage(ctx, settings, page, t, ns) {
+			let mounted = false;
+			const disposers = [];
+			const own = (result) => {
+				if (typeof result === "function") disposers.push(result);
+			};
+			const mount = () => {
+				own(ctx.slots.inject("main", () => ctx.slots.register({
+					name: "main",
+					key: INSIGHT_PANEL_ID,
+					locale: ns
+				}, page)));
+				own(ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+					name: "sidebar.panellist",
+					id: INSIGHT_PANEL_ID,
+					order: 20,
+					label: () => t("ov.title"),
+					locale: ns
+				}, (props) => (0, react.createElement)(InsightPanelIcon, { size: typeof props.size === "number" ? props.size : void 0 }))));
+			};
+			const unmount = () => {
+				while (disposers.length > 0) disposers.pop()?.();
+			};
+			const applyEntry = (entry) => {
+				if (entry === "show" && !mounted) {
+					mounted = true;
+					mount();
+				} else if (entry === "hide" && mounted) {
+					mounted = false;
+					unmount();
+				}
+			};
+			applyEntry(settings.insightsEntry());
+			const unsubscribe = settings.store.subscribe(() => {
+				applyEntry(settings.insightsEntry());
+			});
+			return () => {
+				unsubscribe();
+				if (mounted) {
+					mounted = false;
+					unmount();
+				}
+			};
+		}
+		//#endregion
 		//#region src/client/settings.ts
 		function prefsOf(value) {
 			if (value === null || typeof value !== "object") return {};
@@ -9182,7 +9441,8 @@ window.__ModuleLoader__.load({
 				...v.defaultDeltaBase === "step" || v.defaultDeltaBase === "turn" ? { deltaBase: v.defaultDeltaBase } : {},
 				...v.defaultToolSort === "size" || v.defaultToolSort === "count" || v.defaultToolSort === "name" ? { toolSort: v.defaultToolSort } : {},
 				...v.defaultFileSort === "count" || v.defaultFileSort === "latest" || v.defaultFileSort === "path" ? { fileSort: v.defaultFileSort } : {},
-				...v.insightsEntry === "show" || v.insightsEntry === "hide" ? { insightsEntry: v.insightsEntry } : {}
+				...v.insightsEntry === "show" || v.insightsEntry === "hide" ? { insightsEntry: v.insightsEntry } : {},
+				...v.defaultDurationCurve === "show" || v.defaultDurationCurve === "hide" ? { durationCurve: v.defaultDurationCurve } : {}
 			};
 		}
 		function createContextSettings() {
@@ -9195,12 +9455,13 @@ window.__ModuleLoader__.load({
 				toolSort: "count",
 				fileSort: "count",
 				insightsEntry: "show",
+				durationCurve: "show",
 				writable: false
 			};
 			let scope;
 			const listeners = /* @__PURE__ */ new Set();
 			const publish = (next) => {
-				if (next.status === state.status && next.placement === state.placement && next.granularity === state.granularity && next.mode === state.mode && next.deltaBase === state.deltaBase && next.toolSort === state.toolSort && next.fileSort === state.fileSort && next.insightsEntry === state.insightsEntry && next.writable === state.writable) return;
+				if (next.status === state.status && next.placement === state.placement && next.granularity === state.granularity && next.mode === state.mode && next.deltaBase === state.deltaBase && next.toolSort === state.toolSort && next.fileSort === state.fileSort && next.insightsEntry === state.insightsEntry && next.durationCurve === state.durationCurve && next.writable === state.writable) return;
 				state = next;
 				for (const listener of listeners) listener();
 			};
@@ -9217,6 +9478,7 @@ window.__ModuleLoader__.load({
 					toolSort: prefs.toolSort ?? state.toolSort,
 					fileSort: prefs.fileSort ?? state.fileSort,
 					insightsEntry: prefs.insightsEntry ?? (raw?.insightsEntry === void 0 ? state.insightsEntry : "show"),
+					durationCurve: prefs.durationCurve ?? (raw?.defaultDurationCurve === void 0 ? state.durationCurve : "show"),
 					writable: snap.writable
 				});
 				return {
@@ -9241,6 +9503,7 @@ window.__ModuleLoader__.load({
 				defaultToolSort: () => state.toolSort,
 				defaultFileSort: () => state.fileSort,
 				insightsEntry: () => state.insightsEntry,
+				defaultDurationCurve: () => state.durationCurve,
 				attach(bound) {
 					scope = bound;
 					sync(bound);
@@ -11404,7 +11667,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.62.3".includes("-dev")) return;
+					if ("0.64.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -11413,8 +11676,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.62.3") ? latest : null;
-				const nameText = "dsh-context (v0.62.3)";
+				const update = latest !== null && isNewerVersion(latest, "0.64.0") ? latest : null;
+				const nameText = "dsh-context (v0.64.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -12379,6 +12642,7 @@ window.__ModuleLoader__.load({
 				const [trendMode, setTrendMode] = (0, react.useState)(() => settings.defaultTrendMode());
 				const [dna, setDna] = (0, react.useState)(false);
 				const [adaptive, setAdaptive] = (0, react.useState)(false);
+				const [durationCurve, setDurationCurve] = (0, react.useState)(() => settings.defaultDurationCurve() === "show");
 				const [focusTurn, setFocusTurn] = (0, react.useState)(null);
 				const [jumpSeq, setJumpSeq] = (0, react.useState)(null);
 				const [hoverCat, setHoverCat] = (0, react.useState)(null);
@@ -12619,36 +12883,39 @@ window.__ModuleLoader__.load({
 								className: "lc-card-title-text",
 								children: t("trend.title")
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-gran lc-trend-dna",
-								role: "group",
-								title: t("trend.dnaTip"),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "lc-gran-btn" + (dna ? " lc-gran-on" : ""),
-									onClick: () => {
-										setDna((v) => !v);
-									},
-									children: t("trend.dna")
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-gran lc-trend-adaptive",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "lc-gran lc-trend-mods",
 								role: "group",
-								title: t("trend.adaptiveHint"),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "lc-gran-btn" + (adaptive ? " lc-gran-on" : ""),
-									onClick: () => {
-										setAdaptive((on) => !on);
-									},
-									children: t("trend.adaptive")
-								})
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "lc-gran-btn" + (dna ? " lc-gran-on" : ""),
+										title: t("trend.dnaTip"),
+										onClick: () => {
+											setDna((v) => !v);
+										},
+										children: t("trend.dna")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "lc-gran-btn" + (adaptive ? " lc-gran-on" : ""),
+										title: t("trend.adaptiveHint"),
+										onClick: () => {
+											setAdaptive((on) => !on);
+										},
+										children: t("trend.adaptive")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "lc-gran-btn" + (durationCurve ? " lc-gran-on" : ""),
+										title: t("trend.durationTip"),
+										onClick: () => {
+											setDurationCurve((on) => !on);
+										},
+										children: t("trend.duration")
+									})
+								]
 							}),
-							focusCat !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-card-sub",
-								children: t("trend.focus", { cat: kit.catLabel(focusCat) })
-							}) : null,
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "lc-trend-ctl",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -12703,6 +12970,7 @@ window.__ModuleLoader__.load({
 						hoverCat: trendHoverCat,
 						focusCat,
 						adaptive,
+						durationCurve,
 						dna: dnaBands,
 						onPickBand: revealBand,
 						onSelect: setSelectedSeq,
@@ -13005,7 +13273,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/base.css.mjs
-		const css$14 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}[data-sidebar-right-open] .lc-root,[data-sidebar-right-float-host] .lc-root{padding:12px}.lc-title-icon{flex:none}.lc-title-label{padding-right:30px}.lc-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-root .lc-card{box-sizing:border-box;margin-bottom:7px;padding:7px 8px;container:lc-card/inline-size}.lc-root .lc-cols{gap:7px;margin-bottom:7px}.lc-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-trend-ctl,.lc-heat-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran,.lc-heat-ctl .lc-gran,.lc-heat-ctl .lc-card-sub{margin-left:0}.lc-trend-dna,.lc-trend-adaptive{flex:none;margin-left:0}.lc-gran-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-gran-btn:hover{color:var(--dsw-alias-label-primary)}.lc-gran-btn:disabled{opacity:.4;cursor:not-allowed}.lc-gran-btn:disabled:hover{color:var(--dsw-alias-label-secondary)}.lc-gran-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-kind-n{font-variant-numeric:tabular-nums;opacity:.65;margin-left:4px}.lc-gran-on .lc-kind-n{opacity:.85}.lc-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 2px 8px #0000002e);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head>.lc-card:has(.lc-stats){flex-direction:column;display:flex}.lc-head .lc-stats{flex:1;align-content:stretch}.lc-head .lc-stat{justify-content:center}.lc-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:18px 0}.lc-error{flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.lc-error-msg{font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:4px 8px;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);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);border-radius:6px;padding:4px 14px;font-size:12px}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])),[data-conversation-scroll]:has(.lc-root,.lc-modal-backdrop)~[data-width-handle]{display:none}";
+		const css$14 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}[data-sidebar-right-open] .lc-root,[data-sidebar-right-float-host] .lc-root{padding:12px}.lc-title-icon{flex:none}.lc-title-label{padding-right:30px}.lc-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-root .lc-card{box-sizing:border-box;margin-bottom:7px;padding:7px 8px;container:lc-card/inline-size}.lc-root .lc-cols{gap:7px;margin-bottom:7px}.lc-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-trend-ctl,.lc-heat-ctl{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran,.lc-heat-ctl .lc-gran,.lc-heat-ctl .lc-card-sub{margin-left:0}.lc-trend-mods{flex:none;margin-left:0}.lc-gran-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;transition:color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-gran-btn:hover{color:var(--dsw-alias-label-primary)}.lc-gran-btn:disabled{opacity:.4;cursor:not-allowed}.lc-gran-btn:disabled:hover{color:var(--dsw-alias-label-secondary)}.lc-gran-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-kind-n{font-variant-numeric:tabular-nums;opacity:.65;margin-left:4px}.lc-gran-on .lc-kind-n{opacity:.85}.lc-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv3,0 2px 8px #0000002e);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;padding:6px 10px;font-size:12px;position:absolute}.lc-events,.lc-fa-list{flex-direction:column;gap:2px;height:320px;display:flex;overflow-y:auto}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head>.lc-card:has(.lc-stats){flex-direction:column;display:flex}.lc-head .lc-stats{flex:1;align-content:stretch}.lc-head .lc-stat{justify-content:center}.lc-empty{color:var(--dsw-alias-label-secondary);text-align:center;padding:18px 0}.lc-error{flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.lc-error-msg{font-family:var(--ds-font-family-code,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:4px 8px;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);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);border-radius:6px;padding:4px 14px;font-size:12px}.lc-foot{color:var(--dsw-alias-label-secondary);margin-top:4px;font-size:12px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])),[data-conversation-scroll]:has(.lc-root,.lc-modal-backdrop)~[data-width-handle]{display:none}";
 		const tagId$14 = "dsh-context/base.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$14) + "]") === null) {
 			const tag = document.createElement("style");
@@ -13016,7 +13284,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/stats.css.mjs
-		const css$13 = ".lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}a.lc-stat{color:inherit;cursor:pointer;text-decoration:none}a.lc-stat:hover{border-color:var(--dsw-alias-label-secondary)}.lc-stats .lc-stat{padding:6px 3px}.lc-stats .lc-stat-q{margin:0;position:absolute;top:3px;right:4px}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:help;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);border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tip{max-width:280px;font-weight:400;line-height:1.5;top:calc(100% + 6px);left:0}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-timing-tps{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);font-variant-numeric:tabular-nums;cursor:default;border-radius:999px;flex:none;margin-left:auto;padding:1px 8px;font-size:12px;line-height:18px}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-band{justify-content:space-between;gap:2rem;display:flex}.lc-stat-tip-band i{font-style:normal}.lc-stat-tip-by{color:var(--dsw-alias-label-secondary);margin-top:3px;display:block}.lc-card-sub{color:var(--dsw-alias-label-secondary);margin-left:auto;font-size:12px;font-weight:400}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stat-head{color:var(--dsw-alias-label-secondary);margin:12px 0 8px;font-size:11px;font-weight:600}.lc-col-donut{flex-direction:column;display:flex}.lc-col-donut .lc-donut-row{flex:1}.lc-donut{flex:none;position:relative}.lc-donut svg{display:block}.lc-donut-track{stroke:color-mix(in srgb, var(--color-neutral-500) 18%, transparent)}.lc-donut-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-donut-dim .lc-donut-seg{opacity:.35}.lc-donut-dim .lc-donut-seg-on{opacity:1}.lc-donut-center{pointer-events:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 7px;display:flex;position:absolute;inset:0}.lc-donut-center b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.15;overflow:hidden}.lc-donut-center span{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-sl{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 20px;min-width:0;display:grid;overflow:hidden}.lc-sl-row{min-width:0;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;flex-direction:column;gap:1px;margin:0 -6px;padding:1px 6px;font-size:12px;display:flex}.lc-sl-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-sl-row-dim{opacity:.55}.lc-sl-main{align-items:center;gap:6px;min-width:0;display:flex}.lc-sl-dot{border-radius:2px;flex:none;width:8px;height:8px}.lc-sl-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;line-height:1.25;overflow:hidden}.lc-sl-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:34px;font-weight:700}.lc-sl-sub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:11px;line-height:1.3;overflow:hidden}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-hint{text-decoration:none}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-labelicon{vertical-align:-2px;margin-right:4px;display:inline-block}.lc-pi-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13px;font-weight:600;overflow:hidden}.lc-tstrip{margin-top:10px}.lc-tstrip-wrap{position:relative}.lc-tstrip-bar{background:color-mix(in srgb, var(--color-neutral-500) 18%, transparent);border-radius:4px;width:100%;height:12px;position:relative;overflow:hidden}.lc-tstrip-seg{transform-origin:0;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);position:absolute;top:0}.lc-tstrip-seg-on{filter:brightness(1.18)}.lc-tstrip-dim .lc-tstrip-seg{opacity:.35}.lc-tstrip-dim .lc-tstrip-seg-on{opacity:1}.lc-tstrip-axis{height:13px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;margin-top:5px;font-size:10px;line-height:13px;position:relative}.lc-tstrip-tick{white-space:nowrap;position:absolute;transform:translate(-50%)}.lc-tstrip-tick:before{content:\"\";background:var(--dsw-alias-border-l1);width:1px;height:3px;position:absolute;top:-4px;left:50%}.lc-tstrip-tick-first{transform:none}.lc-tstrip-tick-first:before{left:0}.lc-tstrip-tick-last{transform:translate(-100%)}.lc-tstrip-tick-last:before{left:auto;right:0}";
+		const css$13 = ".lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}a.lc-stat{color:inherit;cursor:pointer;text-decoration:none}a.lc-stat:hover{border-color:var(--dsw-alias-label-secondary)}.lc-stats .lc-stat{padding:6px 3px}.lc-stats .lc-stat-q{margin:0;position:absolute;top:3px;right:4px}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);cursor:help;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);border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tip{max-width:280px;font-weight:400;line-height:1.5;top:calc(100% + 6px);left:0}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-timing-tps{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);font-variant-numeric:tabular-nums;cursor:default;border-radius:999px;flex:none;margin-left:auto;padding:1px 8px;font-size:12px;line-height:18px}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-band{justify-content:space-between;gap:2rem;display:flex}.lc-stat-tip-band i{font-style:normal}.lc-stat-tip-by{color:var(--dsw-alias-label-secondary);margin-top:3px;display:block}.lc-card-sub{color:var(--dsw-alias-label-secondary);margin-left:auto;font-size:12px;font-weight:400}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stat-head{color:var(--dsw-alias-label-secondary);margin:12px 0 8px;font-size:11px;font-weight:600}.lc-col-donut{flex-direction:column;display:flex}.lc-col-donut .lc-donut-row{flex:1}.lc-donut{flex:none;position:relative}.lc-donut svg{display:block}.lc-donut-track{stroke:color-mix(in srgb, var(--color-neutral-500) 18%, transparent)}.lc-donut-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-donut-dim .lc-donut-seg{opacity:.35}.lc-donut-dim .lc-donut-seg-on{opacity:1}.lc-donut-center{pointer-events:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 7px;display:flex;position:absolute;inset:0}.lc-donut-center b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.15;overflow:hidden}.lc-donut-center span{color:var(--dsw-alias-label-secondary);white-space:nowrap}.lc-sl{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:4px 8px;min-width:0;display:grid;overflow:hidden}.lc-sl-row{min-width:0;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;flex-direction:column;gap:1px;margin:0 -6px;padding:1px 6px;font-size:12px;display:flex}.lc-sl-row-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-sl-row-dim{opacity:.55}.lc-sl-main{align-items:center;gap:6px;min-width:0;display:flex}.lc-sl-dot{border-radius:2px;flex:none;width:8px;height:8px}.lc-sl-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;line-height:1.25;overflow:hidden}.lc-sl-pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:30px;font-weight:700}.lc-sl-sub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-left:14px;font-size:11px;line-height:1.3;overflow:hidden}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-hint{text-decoration:none}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-labelicon{vertical-align:-2px;margin-right:4px;display:inline-block}.lc-pi-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13px;font-weight:600;overflow:hidden}.lc-tstrip{margin-top:10px}.lc-tstrip-wrap{position:relative}.lc-tstrip-bar{background:color-mix(in srgb, var(--color-neutral-500) 18%, transparent);border-radius:4px;width:100%;height:12px;position:relative;overflow:hidden}.lc-tstrip-seg{transform-origin:0;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);position:absolute;top:0}.lc-tstrip-seg-on{filter:brightness(1.18)}.lc-tstrip-dim .lc-tstrip-seg{opacity:.35}.lc-tstrip-dim .lc-tstrip-seg-on{opacity:1}.lc-tstrip-axis{height:13px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;margin-top:5px;font-size:10px;line-height:13px;position:relative}.lc-tstrip-tick{white-space:nowrap;position:absolute;transform:translate(-50%)}.lc-tstrip-tick:before{content:\"\";background:var(--dsw-alias-border-l1);width:1px;height:3px;position:absolute;top:-4px;left:50%}.lc-tstrip-tick-first{transform:none}.lc-tstrip-tick-first:before{left:0}.lc-tstrip-tick-last{transform:translate(-100%)}.lc-tstrip-tick-last:before{left:auto;right:0}";
 		const tagId$13 = "dsh-context/stats.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");
@@ -13060,7 +13328,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/trendChart.css.mjs
-		const css$9 = ".lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-top{top:13px}.lc-axis-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding:18px 2px 0;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);top:130px}.lc-bar{cursor:pointer;outline-offset:1px;width:14px;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), outline-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;outline:1px dashed #0000;flex:none;align-items:flex-end;display:flex;position:relative}.lc-chart-dim .lc-bar{opacity:.35}.lc-chart-dim .lc-bar-in-turn{opacity:1}.lc-chart-dim .lc-turn{opacity:.35}.lc-chart-dim .lc-turn-on{opacity:1}.lc-chart-tip{z-index:5;box-sizing:border-box;overflow-wrap:break-word;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:100%;color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #0000002e}.lc-chart-tip span+span{color:var(--dsw-alias-label-secondary)}.lc-bar-hovered{outline-color:var(--dsw-alias-brand-primary)}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:color-mix(in srgb, var(--color-neutral-500) 14%, transparent)}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-dna{border-radius:2px;width:100%}.lc-bar-stack,.lc-bar-up,.lc-bar-down,.lc-bar-dna{transform-origin:50% 100%}.lc-bar-down{transform-origin:50% 0}.lc-bar-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=skill] .lc-cat-seg[data-cat=skill],.lc-chart[data-catdim=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.lc-dna-hl{z-index:1;pointer-events:none;align-items:stretch;gap:2px;display:flex;position:absolute;inset:18px 2px 0}.lc-dna-cell{flex:none;width:14px;position:relative}.lc-dna-slice{box-sizing:border-box;border:1px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent);border-radius:1px;width:100%;position:absolute;left:0}.lc-bar-marker{z-index:2;color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-step-flag{z-index:2;background:color-mix(in srgb, var(--color-neutral-500) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:-17px;bottom:0;right:-1px}.lc-step-flag-label{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;top:0;right:0}.lc-turns{box-sizing:border-box;gap:2px;width:max-content;min-width:100%;margin-top:4px;padding:0 2px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
+		const css$9 = ".lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-r{flex:none;width:34px}.lc-axis-r span{left:0;right:auto}.lc-axis-top{top:13px}.lc-axis-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding:18px 2px 0;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:color-mix(in srgb, var(--color-neutral-500) 50%, transparent);top:130px}.lc-bar{cursor:pointer;outline-offset:1px;width:14px;height:100%;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), outline-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;outline:1px dashed #0000;flex:none;align-items:flex-end;display:flex;position:relative}.lc-chart-dim .lc-bar{opacity:.35}.lc-chart-dim .lc-bar-in-turn{opacity:1}.lc-chart-dim .lc-turn{opacity:.35}.lc-chart-dim .lc-turn-on{opacity:1}.lc-chart-tip{z-index:5;box-sizing:border-box;overflow-wrap:break-word;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:100%;color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;flex-direction:column;gap:2px;padding:3px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #0000002e}.lc-chart-tip span+span{color:var(--dsw-alias-label-secondary)}.lc-bar-hovered{outline-color:var(--dsw-alias-brand-primary)}.lc-bar-selected{outline:2px solid var(--dsw-alias-label-primary);outline-offset:1px}.lc-bar-in-turn{background:color-mix(in srgb, var(--color-neutral-500) 14%, transparent)}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.lc-bar-dna{border-radius:2px;width:100%}.lc-bar-stack,.lc-bar-up,.lc-bar-down,.lc-bar-dna{transform-origin:50% 100%}.lc-bar-down{transform-origin:50% 0}.lc-bar-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=skill] .lc-cat-seg[data-cat=skill],.lc-chart[data-catdim=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1}.lc-dna-hl{z-index:1;pointer-events:none;align-items:stretch;gap:2px;display:flex;position:absolute;inset:18px 2px 0}.lc-dna-cell{flex:none;width:14px;position:relative}.lc-dna-slice{box-sizing:border-box;border:1px solid var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent);border-radius:1px;width:100%;position:absolute;left:0}.lc-duration{z-index:1;pointer-events:none;position:absolute;top:18px;left:2px;overflow:visible}.lc-duration polyline,.lc-duration circle{fill:none;stroke:var(--dsw-alias-brand-primary);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.lc-duration circle{fill:var(--dsw-alias-brand-primary)}.lc-chart-dim .lc-duration{opacity:.35}.lc-bar-marker{z-index:2;color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-step-flag{z-index:2;background:color-mix(in srgb, var(--color-neutral-500) 45%, transparent);pointer-events:none;width:1px;position:absolute;top:-17px;bottom:0;right:-1px}.lc-step-flag-label{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-neutral-500) 45%, transparent);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:3px;padding:1px 3px;font-size:9px;font-weight:600;line-height:1;position:absolute;top:0;right:0}.lc-turns{box-sizing:border-box;gap:2px;width:max-content;min-width:100%;margin-top:4px;padding:0 2px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
 		const tagId$9 = "dsh-context/trendChart.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");
@@ -13159,7 +13427,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-scroll{scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:8px;overflow-y:auto}.lc-ov-first{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lc-ov-kpi{align-items:center;padding:8px}.lc-ov-kpi .lc-stat-value{font-size:20px}@container lc-ov (width<=932px){.lc-ov-first{grid-template-columns:minmax(0,1fr)}}@container lc-ov (width<=640px){.lc-ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.lc-ov-usage{box-sizing:border-box;flex-direction:column;flex:auto;min-width:0;margin-bottom:0;display:flex}.lc-ov-usage .lc-card-title{margin-bottom:4px}.lc-ov-usage-plot{flex:auto;align-items:stretch;gap:6px;min-height:0;display:flex}.lc-ov-usage-rail{width:42px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:9px;line-height:1.2;position:relative}.lc-ov-usage-rail-l .lc-ov-usage-tick{right:0}.lc-ov-usage-rail-r .lc-ov-usage-tick{left:0}.lc-ov-usage-tick{white-space:nowrap;position:absolute;transform:translateY(-50%)}.lc-ov-usage-grid{flex:auto;min-width:0;min-height:56px;display:flex;position:relative}.lc-ov-usage-line{background:color-mix(in srgb, var(--dsw-alias-border-l2) 70%, transparent);height:1px;position:absolute;left:0;right:0}.lc-ov-usage-line-0{background:var(--dsw-alias-border-l2)}.lc-ov-usage-cols{flex:auto;align-items:stretch;gap:6px;min-width:0;display:flex;position:relative}.lc-ov-usage-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.lc-ov-usage-bars{flex:auto;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.lc-ov-usage-bar{border-radius:3px 3px 0 0;flex:none;width:10px}.lc-ov-usage-tokens{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-ov-usage-cost{background:color-mix(in srgb, var(--color-green-500) 72%, transparent)}.lc-ov-usage-days{flex:none;gap:6px;padding-top:3px;display:flex}.lc-ov-usage-day{text-align:center;min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex:1 1 0;font-size:9px;line-height:1.2}.lc-ov-usage-key{flex:none;justify-content:flex-end;align-items:center;gap:5px;padding-top:5px;display:flex}.lc-ov-usage-swatch{border-radius:2px;flex:none;width:10px;height:8px}.lc-ov-usage-key-label{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-stats{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{grid-template-columns:minmax(0,3fr) minmax(0,7fr);align-items:start;gap:10px;display:grid}.lc-ov-left{flex-direction:column;gap:10px;min-width:0;display:flex}.lc-ov-right{min-width:0}@container lc-ov (width<=932px){.lc-ov-body{display:block}.lc-ov-left{margin-bottom:12px}}.lc-ov-left>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}.lc-ov-heat-card{flex-direction:column;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-page{box-sizing:border-box;background:var(--dsw-alias-bg-base);width:100%;min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:13px;display:flex;overflow:hidden;container:lc-ov/inline-size}.lc-ov-pagescroll{scrollbar-gutter:stable;flex:auto;min-height:0;overflow-y:auto}.lc-ov-pagecontent{max-width:960px;margin:0 auto;padding:0 clamp(24px,4vw,48px) 48px}.lc-ov-pagehead{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding-top:28px;display:flex}[data-platform=darwin] .lc-ov-pagehead{padding-top:calc(28px + var(--dsh-frame-top-clearance,0px))}.lc-ov-pagetitle{flex:auto;min-width:0;margin:0;font-size:20px;font-weight:500;line-height:28px}.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-hovertip{z-index:300;white-space:pre-line;max-width:min(320px,50vw);position:fixed}.lc-ov-first{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.lc-ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lc-ov-kpi{align-items:center;padding:8px}.lc-ov-kpi .lc-stat-value{font-size:20px}@container lc-ov (width<=932px){.lc-ov-first{grid-template-columns:minmax(0,1fr)}}@container lc-ov (width<=640px){.lc-ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.lc-ov-usage{box-sizing:border-box;flex-direction:column;flex:auto;min-width:0;margin-bottom:0;display:flex}.lc-ov-usage .lc-card-title{margin-bottom:4px}.lc-ov-usage-plot{flex:auto;align-items:stretch;gap:6px;min-height:0;display:flex}.lc-ov-usage-rail{width:42px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:9px;line-height:1.2;position:relative}.lc-ov-usage-rail-l .lc-ov-usage-tick{right:0}.lc-ov-usage-rail-r .lc-ov-usage-tick{left:0}.lc-ov-usage-tick{white-space:nowrap;position:absolute;transform:translateY(-50%)}.lc-ov-usage-grid{flex:auto;min-width:0;min-height:56px;display:flex;position:relative}.lc-ov-usage-line{background:color-mix(in srgb, var(--dsw-alias-border-l2) 70%, transparent);height:1px;position:absolute;left:0;right:0}.lc-ov-usage-line-0{background:var(--dsw-alias-border-l2)}.lc-ov-usage-cols{flex:auto;align-items:stretch;gap:6px;min-width:0;display:flex;position:relative}.lc-ov-usage-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.lc-ov-usage-bars{flex:auto;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.lc-ov-usage-bar{border-radius:3px 3px 0 0;flex:none;width:10px}.lc-ov-usage-tokens{background:color-mix(in srgb, var(--color-blue-500) 72%, transparent)}.lc-ov-usage-cost{background:color-mix(in srgb, var(--color-green-500) 72%, transparent)}.lc-ov-usage-days{flex:none;gap:6px;padding-top:3px;display:flex}.lc-ov-usage-day{text-align:center;min-width:0;color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex:1 1 0;font-size:9px;line-height:1.2}.lc-ov-usage-key{flex:none;justify-content:flex-end;align-items:center;gap:5px;padding-top:5px;display:flex}.lc-ov-usage-swatch{border-radius:2px;flex:none;width:10px;height:8px}.lc-ov-usage-key-label{color:var(--dsw-alias-label-secondary);font-size:9px}.lc-ov-stats{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{grid-template-columns:minmax(0,3fr) minmax(0,7fr);align-items:start;gap:10px;display:grid}.lc-ov-left{flex-direction:column;gap:10px;min-width:0;display:flex}.lc-ov-right{min-width:0}@container lc-ov (width<=932px){.lc-ov-body{display:block}.lc-ov-left{margin-bottom:12px}}.lc-ov-left>.lc-card{box-sizing:border-box;min-width:0;margin-bottom:0}.lc-ov-heat-card{flex-direction:column;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");
@@ -13238,24 +13506,8 @@ window.__ModuleLoader__.load({
 					inject: (sessionId = "") => ({ hooks: { contextModal: modalStoreOf(sessionId) } })
 				}, (props) => (0, react.createElement)(ContextModal, props));
 			});
-			const OverviewButton = makeOverviewButton(kit, settings);
-			ctx.slots.inject("sidebar.footer.action", () => {
-				return ctx.slots.register({
-					name: "sidebar.footer.action",
-					id: "context-overview",
-					order: 10,
-					locale: NS
-				}, (props) => (0, react.createElement)(OverviewButton, props));
-			});
 			const OverviewPanel = makeOverviewPanel(ctx, kit);
-			ctx.slots.inject("shell.overlay", () => {
-				return ctx.slots.register({
-					name: "shell.overlay",
-					id: "context-overview",
-					order: 10,
-					locale: NS
-				}, (props) => (0, react.createElement)(OverviewPanel, props));
-			});
+			ctx.effect(() => watchInsightPage(ctx, settings, (props) => (0, react.createElement)(OverviewPanel, props), t, NS), "dsh-context: insight page");
 			/** The injected face both preference cards ride: the settings store as the
 			*  framework's hooks-compartment `useContextSettings` seat, plus the set verb. */
 			const cardFace = () => ({