dsh-context 0.63.0 → 0.64.0

package/README.md

@@ -9,7 +9,7 @@
 **The best [DeepSeek Harness plugin](https://www.deepseek.com/harness/) for Agent's context insights and management.**
 
 [`dsh-context`](https://www.npmjs.com/package/dsh-context) provides full context lifecycle management features.
-- **Context Dashboard** — the cross-session overview above Settings on the sidebar foot: KPI band with a 7-day token/cost usage chart, activity heatmap, aggregate composition ring, and filterable session cards that jump straight into any session.
+- **Context Insights page** — the cross-session overview as a first-level sidebar panel (beside Plugins and Automation tasks): KPI band with a 7-day token/cost usage chart, activity heatmap, aggregate composition ring, and filterable session cards that jump straight into any session.
 - **Context tab** — an UI context dashboard for DeepSeek Harness's context stats, composition, trend, events, and messages.
 - **Context panel** — the same dashboard as a right-sidebar tab (dsh 0.1.5-rc.1+): pick **Context** on the sidebar's guide page and the panel opens beside the chat.
 - **`/context` command** — the slash command shows the context model for current context composition and recent context evolution.
@@ -44,16 +44,16 @@ Four surfaces, one story — what your agent is carrying, how it got there, and
 
 | Where | What you get |
 | --- | --- |
-| **Context Dashboard** | Every session at a glance: usage, cost, cache hit, daily activity, and per-session context profiles — filtered by range, day, group, or search, one click to jump in. |
+| **Context Insights page** | Every session at a glance: usage, cost, cache hit, daily activity, and per-session context profiles — filtered by range, day, group, or search, one click to jump in. |
 | **Context tab** | The full dashboard: stats, composition, per-request trend, events, file activity, and the agent network — in every session. |
 | **`/context` command** | A centered modal with the same composition and context browser, without leaving the chat. |
 | **Preferences card** | Per-user defaults: view placement, trend granularity & mode, File Activity sort, and more. |
 
-## 🗂️ The Context Dashboard
+## 🗂️ The Context Insights page
 
-Click **Context Dashboard / 上下文仪表盘** at the bottom-left of the sidebar, right above **Settings**:
+Click **Context Insights / 上下文洞察** in the sidebar's panel list — the same row level as **Plugins** and **Automation tasks** — and the page opens as a full center-column panel:
 
-![Context Dashboard](https://raw.githubusercontent.com/bowenliang123/dsh-context/main/docs/context-dashboard.png)
+![The Context Insights page](https://raw.githubusercontent.com/bowenliang123/dsh-context/main/docs/context-dashboard.png)
 
 | Section | The question it answers |
 | --- | --- |

package/lib/client.js

@@ -118,7 +118,6 @@ window.__ModuleLoader__.load({
 			"gran.total": "全量",
 			"gran.delta": "增量",
 			"gran.modeHint": "全量：累计构成；增量：相对上一条请求的变化量",
-			"trend.focus": "仅展示 {cat}",
 			"trend.adaptive": "自适应",
 			"trend.adaptiveHint": "按当前可视范围内的柱子重新缩放高度，滚动时随之变化",
 			"trend.duration": "耗时",
@@ -358,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": "统计范围",
@@ -520,7 +518,6 @@ 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",
@@ -760,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",
@@ -849,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, "><");
@@ -872,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
@@ -3526,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
@@ -3596,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);
@@ -3617,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);
@@ -3704,17 +3718,18 @@ window.__ModuleLoader__.load({
 				* 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;
 				};
@@ -3781,6 +3796,8 @@ window.__ModuleLoader__.load({
 								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);
@@ -4038,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:
@@ -6031,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
@@ -7441,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.
@@ -7472,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",
@@ -7486,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
@@ -7551,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
@@ -7679,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);
@@ -7825,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
@@ -7935,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 = [];
@@ -8035,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);
 										})
@@ -8541,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",
@@ -8592,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);
@@ -8603,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);
 				}, [
@@ -8624,7 +8692,6 @@ window.__ModuleLoader__.load({
 					group,
 					sort
 				]);
-				if (!open) return null;
 				const currency = activeCurrency();
 				const now = Date.now();
 				const allRows = rows ?? [];
@@ -8649,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", {
@@ -8865,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",
@@ -8998,9 +9050,9 @@ window.__ModuleLoader__.load({
 										]
 									})]
 								})
-							]
-						})]
-					})
+							] })]
+						})
+					})]
 				});
 			}
 			return function OverviewPanel(props) {
@@ -9287,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 {};
@@ -11524,7 +11667,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.63.0".includes("-dev")) return;
+					if ("0.64.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -11533,8 +11676,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.63.0") ? latest : null;
-				const nameText = "dsh-context (v0.63.0)";
+				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",
@@ -12740,49 +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",
-								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")
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "lc-gran lc-trend-duration",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "lc-gran lc-trend-mods",
 								role: "group",
-								title: t("trend.durationTip"),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "lc-gran-btn" + (durationCurve ? " lc-gran-on" : ""),
-									onClick: () => {
-										setDurationCurve((on) => !on);
-									},
-									children: t("trend.duration")
-								})
+								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", {
@@ -13140,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");
@@ -13151,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");
@@ -13195,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-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: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-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 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");
@@ -13294,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");
@@ -13373,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 = () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context",
-  "version": "0.63.0",
+  "version": "0.64.0",
   "description": "A DeepSeek Harness plugin for context insight and management, with context dashboard and context command, for understanding how the context is made of, and how it evolves.",
   "icon": "icon.svg",
   "author": "bowenliang123",