dsh-context 0.45.0 → 0.46.1

package/README.md

@@ -8,19 +8,19 @@
 
 **The best [DeepSeek Harness plugin](https://www.deepseek.com/harness/) for Agent's context insights and management.**
 
-`dsh-context` provides full context lifecycle management features.
+[`dsh-context`](https://www.npmjs.com/package/dsh-context) provides full context lifecycle management features.
 - **Context tab** — an UI context dashboard for DeepSeek Harness's context stats, composition, trend, events, and messages.
 - **`/context` command** — the slash command shows the context model for current context composition and recent context evolution.
 
 ## Install / Update
 
-To Install from any DeepSeek Harness installation:
+Install [`dsh-context`](https://www.npmjs.com/package/dsh-context) plugin from [DeepSeek Harness](https://www.npmjs.com/package/@deepseek-ai/dsh):
 
 ```sh
 dsh plugin --profile web add dsh-context
 ```
 
-Or to update the `dsh-context` plugin:
+Or update the `dsh-context` plugin:
 
 ```sh
 dsh plugin --profile web update dsh-context@latest

package/lib/client.js

@@ -72,8 +72,9 @@ window.__ModuleLoader__.load({
 			"gran.total": "全量",
 			"gran.delta": "增量",
 			"gran.modeHint": "全量：累计构成；增量：相对上一条请求的变化量",
-			"trend.hint": "✂ 表示压缩/剪枝，步骤/轮次 切换粒度",
 			"trend.focus": "仅展示 {cat}",
+			"trend.adaptive": "自适应",
+			"trend.adaptiveHint": "按当前可视范围内的柱子重新缩放高度，滚动时随之变化",
 			"trend.empty": "发起一轮对话后，这里会展示每次模型请求的上下文构成",
 			"detail.step": "第 {t} 轮 · 第 {s} 步",
 			"detail.turn": "第 {t} 轮 · 共 {n} 步",
@@ -89,7 +90,6 @@ window.__ModuleLoader__.load({
 			"brief.noInputs": "（无新增）",
 			"brief.locate": "在上下文浏览器中查看",
 			"jump.title": "在上下文标签页中查看此轮",
-			"jump.statsLine": "在上下文标签页中查看上下文构成",
 			"brief.turnTip": "这一轮开场时用户发送的消息；回合内的每一步都会回显同一条",
 			"brief.inputTip": "上一步回复之后、本次请求发出前新进入上下文的内容——通常是上一步所调工具的结果；每轮的第一步无新增",
 			"brief.replyTip": "这一步模型返回的内容（文本回复或工具调用）；此步发起的调用，其结果会出现在下一柱的「输入」行",
@@ -234,6 +234,8 @@ window.__ModuleLoader__.load({
 			"browser.missingLive": "… 另有 {n} 条更早的消息也在上下文中（超出展示窗口）",
 			"browser.approx": "该步骤涉及的部分已移除消息超出保留范围，以下为近似构成",
 			"browser.deltaHint": "对比上轮末步的变动",
+			"browser.dna": "DNA 模式",
+			"browser.dnaTip": "按模型读取上下文的次序逐条展示每一项：系统提示词、工具定义，然后是按时间排列的消息；悬停查看条目，点击定位到下方列表",
 			"browser.noHeader": "此数据来自旧版插件：仅提供 token 估算，无实际内容",
 			"browser.noEpoch": "该步骤的头部内容（系统提示词 / 工具定义）不在保留范围内",
 			"browser.headerMetaOnly": "此环境不支持按需读取头部内容，仅显示 token 估算",
@@ -356,8 +358,9 @@ window.__ModuleLoader__.load({
 			"gran.total": "Total",
 			"gran.delta": "Delta",
 			"gran.modeHint": "Total: cumulative makeup; Delta: change vs the previous request",
-			"trend.hint": "✂ marks compaction/prune, Step/Turn switches granularity",
 			"trend.focus": "Showing {cat} only",
+			"trend.adaptive": "Adaptive",
+			"trend.adaptiveHint": "Rescale bar heights to the visible range, following the scroll",
 			"trend.empty": "Send a message and each model request’s context makeup shows up here",
 			"detail.step": "Turn {t} · Step {s}",
 			"detail.turn": "Turn {t} · {n} steps",
@@ -373,7 +376,6 @@ window.__ModuleLoader__.load({
 			"brief.noInputs": "(nothing new)",
 			"brief.locate": "Reveal in Context Browser",
 			"jump.title": "View this turn in the Context tab",
-			"jump.statsLine": "View the context composition in the Context tab",
 			"brief.turnTip": "The user message that opened this turn — every step of the turn recalls it",
 			"brief.inputTip": "What entered after the previous reply and before this request went out — usually the previous tool-call results; a turn opener has nothing new",
 			"brief.replyTip": "What the model returned on this step (a text reply or tool calls) — results of calls made here appear in the In row of the next bar",
@@ -518,6 +520,8 @@ window.__ModuleLoader__.load({
 			"browser.missingLive": "… {n} earlier messages are also part of the context (outside the served window)",
 			"browser.approx": "Some removed messages of this step exceed retention — the makeup below is approximate",
 			"browser.deltaHint": "vs previous turn",
+			"browser.dna": "DNA Mode",
+			"browser.dnaTip": "One band per item in the order the model reads the context — system prompt, tool schemas, then messages chronologically; hover for details, click to open its row below",
 			"browser.noHeader": "Served by an older plugin build: token estimates only, no content",
 			"browser.noEpoch": "The header content (System Prompt / Tool Schemas) of this step is outside retention",
 			"browser.headerMetaOnly": "This environment cannot fetch header content on demand; token estimates only",
@@ -715,6 +719,8 @@ window.__ModuleLoader__.load({
 				color: "#14b8a6"
 			}
 		];
+		/** Category key → bar color, for per-item bands (the browser's DNA mode) that bypass the CATS-order part builders. */
+		const CAT_COLOR = Object.fromEntries(CATS.map((c) => [c.key, c.color]));
 		const MESSAGE_CATS = [
 			"user",
 			"inject",
@@ -1891,6 +1897,32 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/dna.ts
+		function dnaOf(view) {
+			const items = [];
+			if (view.header !== null) {
+				if (view.header.systemTokens !== void 0) items.push({
+					key: "sys",
+					cat: "system",
+					tokens: view.header.systemTokens,
+					time: view.header.time
+				});
+				for (const tool of view.header.tools) items.push({
+					key: "tool:" + tool.name,
+					cat: "tools",
+					tokens: tool.tokens
+				});
+			}
+			for (const n of view.nodes) items.push({
+				key: "n" + String(n.seq),
+				cat: n.cat,
+				tokens: n.tokens,
+				node: n,
+				...n.time !== void 0 ? { time: n.time } : {}
+			});
+			return items;
+		}
+		//#endregion
 		//#region src/shared/fileOps.ts
 		/** Parse a call's raw JSON arguments; non-string/malformed/non-record inputs yield null. */
 		function parseCallArgs(raw) {
@@ -3193,6 +3225,11 @@ window.__ModuleLoader__.load({
 			for (let i = requests.length - 1; i >= 0; i--) if ((requests[i].turn ?? 0) === turn) return requests[i];
 			return null;
 		}
+		/**
+		* DNA bands keep at least this share of the occupied region, so a tiny item (a 25-token user message in a 40k
+		* context) stays a hoverable/clickable filament instead of a sub-pixel sliver. Tooltips still report true shares.
+		*/
+		const DNA_MIN_BAND = .35;
 		function makeContextBrowser(kit, StackedBar) {
 			const { t, fmt, fmtTime, catLabel } = kit;
 			const DetailNote = makeDetailNote(kit);
@@ -3207,6 +3244,8 @@ window.__ModuleLoader__.load({
 				const [openElem, setOpenElem] = (0, react.useState)(null);
 				const [rowQuery, setRowQuery] = (0, react.useState)("");
 				const [toolSort, setToolSort] = (0, react.useState)("size");
+				const [dna, setDna] = (0, react.useState)(false);
+				const [dnaKey, setDnaKey] = (0, react.useState)(null);
 				const onOpenCat = props.onOpenCat;
 				const setCat = (c) => {
 					setOpenCat(c);
@@ -3269,6 +3308,7 @@ window.__ModuleLoader__.load({
 				const breakdown = req !== null ? req : data.current;
 				const parts = partsOf(breakdown);
 				const total = breakdown.total;
+				const pinKey = openCat !== null && (breakdown[openCat] || 0) > 0 ? openCat : null;
 				const pick = (v) => {
 					setSel(v === "live" ? "live" : Number(v));
 					setCat(null);
@@ -3278,6 +3318,34 @@ window.__ModuleLoader__.load({
 				const prevView = refReq !== null ? assemble(data, headers, refReq.seq) : null;
 				const prevByCat = prevView !== null ? byCatOf(prevView) : null;
 				const byCat = byCatOf(view);
+				const dnaLabel = (it) => {
+					let base;
+					if (!("node" in it)) base = it.cat === "system" ? catLabel("system") : it.key.slice(5);
+					else {
+						const n = it.node;
+						base = n.skill !== void 0 ? t("node.skillTag", { name: n.skill }) : n.cat === "tool" ? n.tool ?? "?" : n.cat === "inject" ? t("form." + (n.form || "context")) : catLabel(n.cat);
+					}
+					return it.time !== void 0 ? base + " · " + fmtTime(it.time) : base;
+				};
+				const dnaItems = dna ? dnaOf(view) : null;
+				const dnaByKey = new Map(dnaItems?.map((it) => [it.key, it]) ?? []);
+				const dnaParts = dnaItems?.map((it) => ({
+					key: it.key,
+					color: CAT_COLOR[it.cat],
+					value: it.tokens,
+					label: dnaLabel(it),
+					group: it.cat
+				})) ?? null;
+				const liveDnaKey = dnaKey !== null && dnaByKey.has(dnaKey) ? dnaKey : null;
+				const pickDna = (key) => {
+					const it = dnaByKey.get(key);
+					/* v8 ignore next 1 -- the bar only reports keys of the parts it was handed; defensive. */
+					if (it === void 0) return;
+					setCat(it.cat);
+					setRowQuery("");
+					setOpenElem(key);
+					focusScrollRef.current = true;
+				};
 				const toolCount = (c) => countOf(view, byCat, c);
 				const singleKeyOf = (c) => {
 					if (c === "system") return view.header?.systemTokens !== void 0 ? "sys" : null;
@@ -3511,6 +3579,19 @@ window.__ModuleLoader__.load({
 									className: "lc-card-title-text",
 									children: t("browser.title")
 								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lc-gran lc-br-dna-ctl",
+									role: "group",
+									title: t("browser.dnaTip"),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "lc-gran-btn" + (dna ? " lc-gran-on" : ""),
+										onClick: () => {
+											setDna((on) => !on);
+										},
+										children: t("browser.dna")
+									})
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "lc-br-hint",
 									children: t("browser.deltaHint")
@@ -3554,13 +3635,15 @@ window.__ModuleLoader__.load({
 							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "lc-br-bar",
+							className: "lc-br-bar" + (dna ? " lc-br-bar-dna" : ""),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StackedBar, {
-								parts,
+								parts: dnaParts ?? parts,
 								height: 10,
-								hoverKey: linked ? linkKey : void 0,
-								onHoverKey: linked ? props.onHoverKey : void 0,
-								tip: false
+								hoverKey: dna ? liveDnaKey ?? linkKey ?? pinKey : linkKey ?? pinKey,
+								onHoverKey: dna ? setDnaKey : linked ? props.onHoverKey : void 0,
+								tip: dna,
+								onPickKey: dna ? pickDna : void 0,
+								minBand: dna ? DNA_MIN_BAND : void 0
 							})
 						}),
 						view.missingLive > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -3674,6 +3757,24 @@ window.__ModuleLoader__.load({
 				const usedPct = scale > 0 ? total / scale * 100 : 0;
 				const hovering = props.hoverKey !== null && props.hoverKey !== void 0;
 				const showBox = free > 0 && hovering;
+				const pickKey = props.onPickKey;
+				const minBand = props.minBand !== void 0 && props.minBand > 0 ? props.minBand : 0;
+				const visible = total > 0 ? props.parts.filter((p) => p.value > 0) : [];
+				const widths = (() => {
+					if (minBand === 0 || visible.length < 2) return visible.map((p) => p.value / scale * 100);
+					const shares = visible.map((p) => p.value / total * 100);
+					const floor = Math.min(minBand, 100 / visible.length);
+					let pinned = 0;
+					let pinnedRaw = 0;
+					for (const s of shares) if (s < floor) {
+						pinned += 1;
+						pinnedRaw += s;
+					}
+					if (pinned === 0) return visible.map((p) => p.value / scale * 100);
+					const restRoom = 100 - pinned * floor;
+					const restRaw = 100 - pinnedRaw;
+					return shares.map((s) => (s < floor ? floor : s * restRoom / restRaw) * total / scale);
+				})();
 				const reserve = props.reserve !== void 0 && props.max !== void 0 && props.max > 0 ? {
 					...props.reserve,
 					max: props.max
@@ -3696,17 +3797,17 @@ window.__ModuleLoader__.load({
 						let acc = 0;
 						let rawTotal = 0;
 						for (const p of props.parts) rawTotal += p.raw ?? p.value;
-						for (const p of props.parts) {
-							const pct = scale > 0 ? p.value / scale * 100 : 0;
-							if (p.key === props.hoverKey && p.value > 0) {
+						for (let i = 0; i < visible.length; i++) {
+							const p = visible[i];
+							if (p.key === props.hoverKey) {
 								const count = p.raw ?? p.value;
 								tip = {
-									text: `${catLabel(p.key)} ≈${fmt(count)} (${rawTotal > 0 ? Math.round(count / rawTotal * 100) : 0}%) ` + t("overview.ofUsed"),
-									leftPct: Math.max(12, Math.min(acc + pct / 2, 88))
+									text: `${p.label ?? catLabel(p.key)} ≈${fmt(count)} (${rawTotal > 0 ? Math.round(count / rawTotal * 100) : 0}%) ` + t("overview.ofUsed"),
+									leftPct: Math.max(12, Math.min(acc + widths[i] / 2, 88))
 								};
 								break;
 							}
-							acc += pct;
+							acc += widths[i];
 						}
 					}
 				}
@@ -3720,20 +3821,22 @@ window.__ModuleLoader__.load({
 							setReserveOn(false);
 						},
 						children: [
-							total > 0 ? props.parts.map((p) => {
-								if (!p.value) return null;
-								const on = props.hoverKey !== void 0 && props.hoverKey === p.key;
+							visible.map((p, i) => {
+								const on = props.hoverKey !== void 0 && (props.hoverKey === p.key || p.group !== void 0 && props.hoverKey === p.group);
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "lc-stacked-seg" + (on ? " lc-stacked-seg-on" : ""),
+									className: "lc-stacked-seg" + (on ? " lc-stacked-seg-on" : "") + (pickKey !== void 0 ? " lc-stacked-seg-pick" : ""),
 									style: {
-										width: `${p.value / scale * 100}%`,
+										width: `${widths[i]}%`,
 										background: p.color
 									},
 									onMouseEnter: () => {
 										if (props.onHoverKey !== void 0) props.onHoverKey(p.key);
-									}
+									},
+									onClick: pickKey !== void 0 ? () => {
+										pickKey(p.key);
+									} : void 0
 								}, p.key);
-							}) : null,
+							}),
 							free > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "lc-stacked-free" + (props.hoverKey === "free" ? " lc-stacked-free-on" : ""),
 								style: { width: `${free / scale * 100}%` },
@@ -5056,6 +5159,35 @@ window.__ModuleLoader__.load({
 			for (const r of requests) if (r.seq > seq && (gone === void 0 || gone > r.seq)) return r.seq;
 			return gone === void 0 ? "live" : null;
 		}
+		//#endregion
+		//#region src/client/overscroll.ts
+		/**
+		* Stop a horizontal scroller's overscroll from reaching the browser's history navigation — the trackpad
+		* swipe-back (left edge) and swipe-forward (right edge) gestures. The spec answer is `overscroll-behavior-x:
+		* contain`, the harness's own idiom for its horizontal scrollers and what the sheets beside this module's
+		* callers already set; it covers Chromium and Firefox, but WebKit still navigates on horizontal overscroll with
+		* the property set (bug 240183), where a canceled wheel is the only lever. Without either, one swipe past the
+		* edge of the trend chart or the agent graph leaves the whole app for another page in the tab's history.
+		*/
+		/**
+		* Cancel the horizontal-dominant wheel gestures a scroller cannot consume — the ones the browser would
+		* otherwise read as a history swipe. Vertical-dominant gestures are left alone: they belong to the page's own
+		* scrolling, and the scrollers this guards only overflow horizontally.
+		* @param el - the horizontal scroll container (the listener must be non-passive, so it cannot ride React's passive wheel seat).
+		* @returns the disposer removing the listener.
+		*/
+		function containHorizontalOverscroll(el) {
+			const onWheel = (e) => {
+				if (Math.abs(e.deltaX) <= Math.abs(e.deltaY)) return;
+				const atStart = e.deltaX < 0 && el.scrollLeft <= 0;
+				const atEnd = e.deltaX > 0 && el.scrollLeft + el.clientWidth >= el.scrollWidth - 1;
+				if (atStart || atEnd) e.preventDefault();
+			};
+			el.addEventListener("wheel", onWheel, { passive: false });
+			return () => {
+				el.removeEventListener("wheel", onWheel);
+			};
+		}
 		const SLOT_MAX = 184;
 		const SLOT_MIN = 112;
 		const CAPTION_GUTTER = 8;
@@ -5503,6 +5635,13 @@ window.__ModuleLoader__.load({
 					};
 					/* v8 ignore stop */
 				}, []);
+				(0, react.useEffect)(() => {
+					const el = stageRef.current;
+					/* v8 ignore next 1 -- the stage renders whenever the card does, and React
+					attaches refs before effects run; el is never null here. */
+					if (el === null) return;
+					return containHorizontalOverscroll(el);
+				}, []);
 				(0, react.useEffect)(() => {
 					if (face === null || typeof sessionId !== "string" || sessionId === "") return;
 					if (typeof face.refreshSubagents !== "function") return;
@@ -6343,7 +6482,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.45.0".includes("-dev")) return;
+					if ("0.46.1".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -6352,8 +6491,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.45.0") ? latest : null;
-				const nameText = "dsh-context (v0.45.0)";
+				const update = latest !== null && isNewerVersion(latest, "0.46.1") ? latest : null;
+				const nameText = "dsh-context (v0.46.1)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -7362,17 +7501,17 @@ window.__ModuleLoader__.load({
 			const LABEL_FONT = 10;
 			const LABEL_FONT_MIN = 6;
 			const estTurnLabel = (turn) => 6.5 * String(turn).length;
-			const anchorOf = (req) => typeof req.prompt === "number" && req.prompt > 0 && req.total > 0 ? req.prompt / req.total : 1;
-			const barTotalOf = (req) => typeof req.prompt === "number" && req.prompt > 0 ? req.prompt : req.total;
 			/**
-			* Focus a bar on one category (the browser's open category): the kept bucket carries its provider-anchored
-			* value, the other buckets zero, and the provider prompt drops — the downstream stack/anchor/tooltip math
-			* reads the derived record unchanged (`total` IS the plotted figure; the anchor becomes a no-op).
+			* Focus a bar on one category (the browser's open category): the kept bucket carries its fold figure, the other
+			* buckets zero, and `total` IS the plotted figure — the downstream stack/tooltip math reads the derived record
+			* unchanged. The raw fold figures are plotted as-is: a per-request rescale against the provider prompt would drift
+			* with the heuristic's ratio error and fake growth into constant categories (a never-changing system prompt must
+			* plot flat).
 			*/
 			const focusOf = (req, cat) => {
 				const key = cat;
-				const { prompt: _prompt, output: _output, ...out } = req;
-				const v = Math.round((req[key] || 0) * anchorOf(req));
+				const out = { ...req };
+				const v = req[key] || 0;
 				out.total = v;
 				for (const c of CATS) out[c.key] = c.key === key ? v : 0;
 				return out;
@@ -7448,7 +7587,7 @@ window.__ModuleLoader__.load({
 					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "lc-bar-stack",
 						children: CATS.map((c) => {
-							const v = (req[c.key] || 0) * anchorOf(req);
+							const v = req[c.key] || 0;
 							if (!v) return null;
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								"data-cat": c.key,
@@ -7474,6 +7613,42 @@ window.__ModuleLoader__.load({
 					focus
 				]);
 				const markers = props.markers;
+				const adaptive = props.adaptive === true;
+				const [visMax, setVisMax] = (0, react.useState)(null);
+				const measureVisible = (el) => {
+					if (!adaptive) return;
+					const n = requests.length;
+					if (n === 0 || el.clientWidth <= 0) return;
+					const pitch = 16;
+					const sl = el.scrollLeft;
+					const vr = sl + el.clientWidth;
+					let total = 0;
+					let up = 0;
+					let down = 0;
+					const from = Math.max(0, Math.floor(sl / pitch));
+					const to = Math.min(n - 1, Math.max(from, Math.floor((vr - 1) / pitch)));
+					for (let i = from; i <= to; i++) {
+						const col = i * pitch;
+						if (col >= vr || col + BAR_W <= sl) continue;
+						const req = requests[i];
+						if (delta) {
+							let bu = 0;
+							let bd = 0;
+							for (const c of CATS) {
+								const d = req[c.key] || 0;
+								if (d > 0) bu += d;
+								else bd -= d;
+							}
+							if (bu > up) up = bu;
+							if (bd > down) down = bd;
+						} else if (req.total > total) total = req.total;
+					}
+					setVisMax((prev) => prev !== null && prev.total === total && prev.up === up && prev.down === down ? prev : {
+						total,
+						up,
+						down
+					});
+				};
 				let maxTotal = 1;
 				let maxUp = 0;
 				let maxDown = 0;
@@ -7488,9 +7663,14 @@ window.__ModuleLoader__.load({
 					if (up > maxUp) maxUp = up;
 					if (down > maxDown) maxDown = down;
 				}
-				else for (const req of requests) {
-					const bt = barTotalOf(req);
-					if (bt > maxTotal) maxTotal = bt;
+				else for (const req of requests) if (req.total > maxTotal) maxTotal = req.total;
+				if (adaptive && visMax !== null) {
+					if (delta) {
+						if (visMax.up + visMax.down > 0) {
+							maxUp = visMax.up;
+							maxDown = visMax.down;
+						}
+					} else maxTotal = Math.max(1, visMax.total);
 				}
 				const span = Math.max(1, maxUp + maxDown);
 				const deltaScale = CHART_H / span;
@@ -7611,11 +7791,38 @@ window.__ModuleLoader__.load({
 					prevScrollWidthRef.current = el.scrollWidth;
 					updateTurnLabels(el);
 					syncTip(el);
+					measureVisible(el);
 				}, [
 					props.granularity,
 					props.focusTurn,
-					requests
+					requests,
+					adaptive
 				]);
+				const measureRef = (0, react.useRef)(measureVisible);
+				(0, react.useLayoutEffect)(() => {
+					measureRef.current = measureVisible;
+				});
+				(0, react.useLayoutEffect)(() => {
+					const el = scrollRef.current;
+					/* v8 ignore next 1 -- the scroll div renders unconditionally and React
+					attaches refs before layout effects run; el is never null here. */
+					if (el === null) return;
+					if (typeof ResizeObserver !== "function") return;
+					const observer = new ResizeObserver(() => {
+						measureRef.current(el);
+					});
+					observer.observe(el);
+					return () => {
+						observer.disconnect();
+					};
+				}, []);
+				(0, react.useLayoutEffect)(() => {
+					const el = scrollRef.current;
+					/* v8 ignore next 1 -- the scroll div renders unconditionally and React
+					attaches refs before layout effects run; el is never null here. */
+					if (el === null) return;
+					return containHorizontalOverscroll(el);
+				}, []);
 				const tipRowsOf = (req) => {
 					const n = req.stepCount ?? 1;
 					const head = props.granularity === "turn" ? n > 1 ? t("tip.turn", {
@@ -7633,8 +7840,8 @@ window.__ModuleLoader__.load({
 					}
 					return [head, focus !== null ? t("tip.cat", {
 						cat: catLabel(focus),
-						n: fmt(barTotalOf(req))
-					}) : t("tip.total", { n: fmt(barTotalOf(req)) })];
+						n: fmt(req.total)
+					}) : t("tip.total", { n: fmt(req.total) })];
 				};
 				const hoveredIdx = props.hoveredSeq !== null ? requests.findIndex((r) => r.seq === props.hoveredSeq) : -1;
 				const hoveredReq = hoveredIdx >= 0 ? requests[hoveredIdx] : null;
@@ -7720,6 +7927,7 @@ window.__ModuleLoader__.load({
 							onScroll: (e) => {
 								updateTurnLabels(e.currentTarget);
 								syncTip(e.currentTarget);
+								measureVisible(e.currentTarget);
 							},
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "lc-chart",
@@ -7870,6 +8078,7 @@ window.__ModuleLoader__.load({
 				const [hoverTurn, setHoverTurn] = (0, react.useState)(null);
 				const [granularity, setGranularity] = (0, react.useState)(() => settings.defaultGranularity());
 				const [trendMode, setTrendMode] = (0, react.useState)(() => settings.defaultTrendMode());
+				const [adaptive, setAdaptive] = (0, react.useState)(false);
 				const [focusTurn, setFocusTurn] = (0, react.useState)(null);
 				const [jumpSeq, setJumpSeq] = (0, react.useState)(null);
 				const [hoverCat, setHoverCat] = (0, react.useState)(null);
@@ -8093,9 +8302,22 @@ window.__ModuleLoader__.load({
 												children: t("trend.title")
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-card-sub",
-												children: focusCat !== null ? t("trend.focus", { cat: kit.catLabel(focusCat) }) : t("trend.hint")
+												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")
+												})
 											}),
+											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", {
@@ -8149,6 +8371,7 @@ window.__ModuleLoader__.load({
 										focusTurn,
 										hoverCat: trendHoverCat,
 										focusCat,
+										adaptive,
 										onSelect: setSelectedSeq,
 										onHover: setHoveredSeq,
 										onHoverTurn: setHoverTurn,
@@ -8337,124 +8560,6 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/components/statsJump.tsx
-		/**
-		* The chat page's stats line — the harness's own StatsLine entry on the
-		* `conversation.composer.dock` seat — becomes a jump affordance: hovering
-		* underlines it, a click (or Enter/Space) opens the Context tab. The plugin
-		* wires this from a sibling dock entry that renders no UI of its own: an
-		* invisible anchor mounts inside the slot's `[data-slot]` wrapper and spots
-		* the stats row beside it, and a MutationObserver re-spots it on dock churn
-		* (the row mounts only once the first stats exist, tooltip bubbles come and
-		* go beside it, and switching conversations remounts the pair together).
-		*
-		* EVERY step degrades silently: a host without the dock seat never mounts
-		* the entry; a dock without exactly one spotless candidate row (another
-		* plugin's entry, a crash face, an unexpected layout) decorates nothing; a
-		* row that throws mid-wiring stays unwired; a drag-selection click is
-		* ignored. The affordance is simply absent — nothing here can take the chat
-		* page down.
-		*/
-		/** The plugin's invisible dock anchor, and the class it brands the stats row with. */
-		const ANCHOR_CLASS = "lc-stats-jump";
-		const ROW_CLASS = "lc-stats-jump-row";
-		/**
-		* The stats row beside `anchor`: the single element child that is neither
-		* the anchor nor a tooltip bubble. Children are untrusted input — one that
-		* throws on attribute access is skipped whole, and two live candidates at
-		* once (another plugin's dock entry, a crash face) answer null so nothing
-		* is ever decorated on a guess.
-		*/
-		function statsRowOf(anchor) {
-			const parent = anchor.parentElement;
-			if (parent === null) return null;
-			let row = null;
-			for (const child of parent.children) {
-				try {
-					if (child === anchor || child.getAttribute("role") === "tooltip") continue;
-				} catch {
-					continue;
-				}
-				if (row !== null) return null;
-				row = child;
-			}
-			return row;
-		}
-		/**
-		* Wire the dock beside `anchor`: decorate today's stats row and re-spot it
-		* on dock churn. Returns the teardown that disconnects the observer and
-		* strips every mark the wiring left on the row.
-		*/
-		function wireDock(anchor, label, activate) {
-			if (anchor === null) return () => {};
-			let wired = null;
-			const unwire = () => {
-				wired?.off();
-				wired = null;
-			};
-			const scan = () => {
-				try {
-					const row = statsRowOf(anchor);
-					if (wired?.row === row) return;
-					unwire();
-					if (row === null || !(row instanceof HTMLElement)) return;
-					row.classList.add(ROW_CLASS);
-					row.setAttribute("role", "button");
-					row.setAttribute("tabindex", "0");
-					row.setAttribute("aria-label", label);
-					const onKey = (e) => {
-						if (e.key !== "Enter" && e.key !== " ") return;
-						e.preventDefault();
-						activate();
-					};
-					const onClick = () => {
-						const selection = anchor.ownerDocument.getSelection();
-						if (selection !== null && !selection.isCollapsed) return;
-						activate();
-					};
-					row.addEventListener("click", onClick);
-					row.addEventListener("keydown", onKey);
-					wired = {
-						row,
-						off() {
-							row.removeEventListener("click", onClick);
-							row.removeEventListener("keydown", onKey);
-							row.classList.remove(ROW_CLASS);
-							row.removeAttribute("role");
-							row.removeAttribute("tabindex");
-							row.removeAttribute("aria-label");
-						}
-					};
-				} catch {}
-			};
-			scan();
-			const parent = anchor.parentElement;
-			if (parent === null) return unwire;
-			const observer = new MutationObserver(scan);
-			observer.observe(parent, { childList: true });
-			return () => {
-				observer.disconnect();
-				unwire();
-			};
-		}
-		/** The dock entry component: the invisible anchor plus the wiring around it. */
-		function makeStatsJump(kit) {
-			const { t } = kit;
-			return function StatsJump() {
-				const anchorRef = (0, react.useRef)(null);
-				const label = t("jump.statsLine");
-				(0, react.useEffect)(() => wireDock(anchorRef.current, label, () => {
-					activateContextTab(t("tab"));
-				}), [label]);
-				return (0, react.createElement)("span", {
-					ref: anchorRef,
-					className: ANCHOR_CLASS,
-					hidden: true,
-					"aria-hidden": "true"
-				});
-			};
-		}
-		//#endregion
 		//#region src/client/viewkit.ts
 		function makeViewKit(t) {
 			const { eventLabel, eventAt } = makeEventText(t);
@@ -8471,7 +8576,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/base.css.mjs
-		const css$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}.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{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{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran{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-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.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-col{flex:1;min-width:min(280px,100%)}.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{container:lc-head-row/inline-size}.lc-head>.lc-card{flex:1 1 0;min-width:0}@container lc-head-row (width<=1045px){.lc-head>.lc-card{flex-basis:40%}}@container lc-head-row (width<=480px){.lc-head>.lc-card{flex-basis:100%}}.lc-head>.lc-card:first-child{flex-direction:column;display:flex}.lc-head>.lc-card:first-child .lc-stats{flex:1;align-content:stretch}.lc-head>.lc-card:first-child .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-error-retry:hover{border-color:var(--dsw-alias-label-primary)}.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$13 = ".lc-root{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);padding:16px 20px 32px;font-size:13px;overflow-y:auto}.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{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{align-items:center;gap:6px;margin-left:auto;display:flex}.lc-trend-ctl .lc-gran{margin-left:0}.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-on,.lc-gran-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.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-col{flex:1;min-width:min(280px,100%)}.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{container:lc-head-row/inline-size}.lc-head>.lc-card{flex:1 1 0;min-width:0}@container lc-head-row (width<=1045px){.lc-head>.lc-card{flex-basis:40%}}@container lc-head-row (width<=480px){.lc-head>.lc-card{flex-basis:100%}}.lc-head>.lc-card:first-child{flex-direction:column;display:flex}.lc-head>.lc-card:first-child .lc-stats{flex:1;align-content:stretch}.lc-head>.lc-card:first-child .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-error-retry:hover{border-color:var(--dsw-alias-label-primary)}.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$13 = "dsh-context/base.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");
@@ -8493,7 +8598,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/jump.css.mjs
-		const css$11 = ".lc-jump{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);cursor:pointer;transition: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);background:0 0;border:0;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.lc-jump svg{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px))}.lc-jump:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.lc-stats-jump{display:none}.lc-stats-jump-row{cursor:pointer}.lc-stats-jump-row:hover,.lc-stats-jump-row:focus-visible{text-decoration:underline}";
+		const css$11 = ".lc-jump{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);cursor:pointer;transition: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);background:0 0;border:0;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.lc-jump svg{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px))}.lc-jump:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}";
 		const tagId$11 = "dsh-context/jump.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$11) + "]") === null) {
 			const tag = document.createElement("style");
@@ -8515,7 +8620,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/stackedBar.css.mjs
-		const css$9 = ".lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:#8080802e;border-radius:5px;width:100%;display:flex;position:relative;overflow:hidden}.lc-occupied-box{border:2px solid var(--dsw-alias-label-tertiary);box-sizing:border-box;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--dsw-alias-bg-layer-2);transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;padding:3px 8px;bottom:calc(100% + 6px);transform:translate(-50%)}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-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-stacked-free{box-sizing:border-box;transition:box-shadow 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-stacked-seg-on{filter:brightness(1.18)}.lc-reserve{z-index:1;pointer-events:auto;cursor:help;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-state-warn-primary) 24%, transparent) 0 5px, transparent 5px 10px);position:absolute;top:0;bottom:0}.lc-stacked-free-on{border:2px dashed var(--dsw-alias-label-secondary);border-radius:3px}.lc-stacked-dim .lc-stacked-seg{opacity:.35}.lc-stacked-dim .lc-stacked-seg-on{opacity:1}.lc-stacked-dim .lc-stacked-free{opacity:.35}.lc-stacked-dim .lc-stacked-free-on{opacity:1}.lc-legend{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin-top:10px;display:grid}.lc-chip{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;align-items:center;gap:5px;padding:1px 6px;display:flex}.lc-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.lc-chip-nums{white-space:nowrap;flex:none;align-items:baseline;gap:6px;margin-left:auto;display:inline-flex}.lc-chip i,.lc-detail-row i{border-radius:2px;width:8px;height:8px;display:inline-block}.lc-chip i{transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chip em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-chip-on{background:var(--dsw-alias-interactive-bg-hover);font-weight:600}.lc-chip-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}";
+		const css$9 = ".lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:#8080802e;border-radius:5px;width:100%;display:flex;position:relative;overflow:hidden}.lc-occupied-box{border:2px solid var(--dsw-alias-label-tertiary);box-sizing:border-box;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--dsw-alias-bg-layer-2);transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;padding:3px 8px;bottom:calc(100% + 6px);transform:translate(-50%)}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg-pick{cursor:pointer}.lc-stacked-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-stacked-free{box-sizing:border-box;transition:box-shadow 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-stacked-seg-on{filter:brightness(1.18)}.lc-reserve{z-index:1;pointer-events:auto;cursor:help;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-state-warn-primary) 24%, transparent) 0 5px, transparent 5px 10px);position:absolute;top:0;bottom:0}.lc-stacked-free-on{border:2px dashed var(--dsw-alias-label-secondary);border-radius:3px}.lc-stacked-dim .lc-stacked-seg{opacity:.35}.lc-stacked-dim .lc-stacked-seg-on{opacity:1}.lc-stacked-dim .lc-stacked-free{opacity:.35}.lc-stacked-dim .lc-stacked-free-on{opacity:1}.lc-legend{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin-top:10px;display:grid}.lc-chip{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:6px;align-items:center;gap:5px;padding:1px 6px;display:flex}.lc-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.lc-chip-nums{white-space:nowrap;flex:none;align-items:baseline;gap:6px;margin-left:auto;display:inline-flex}.lc-chip i,.lc-detail-row i{border-radius:2px;width:8px;height:8px;display:inline-block}.lc-chip i{transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chip em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-chip-on{background:var(--dsw-alias-interactive-bg-hover);font-weight:600}.lc-chip-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}";
 		const tagId$9 = "dsh-context/stackedBar.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
 			const tag = document.createElement("style");
@@ -8526,7 +8631,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/trendChart.css.mjs
-		const css$8 = ".lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-top{top:13px}.lc-axis-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:#80808080;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-bar:hover{background:var(--dsw-alias-bg-layer-2)}.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:#80808024}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.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-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=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.lc-bar-marker{color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-turns{gap:2px;width:max-content;min-width:100%;margin-top:4px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
+		const css$8 = ".lc-chartrow{align-items:stretch;gap:6px;display:flex}.lc-axis{box-sizing:border-box;width:40px;height:150px;color:var(--dsw-alias-label-secondary);padding-top:18px;font-size:11px;position:relative}.lc-axis span{line-height:1;position:absolute;right:0}.lc-axis-top{top:13px}.lc-axis-q3{top:41px}.lc-axis-mid{top:69px}.lc-axis-q1{top:97px}.lc-axis-bot{top:125px}.lc-chart-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l2);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-q3{top:46px}.lc-grid-mid{top:74px}.lc-grid-q1{top:102px}.lc-grid-zero{border-top-style:solid;border-top-color:#80808080;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-bar:hover{background:var(--dsw-alias-bg-layer-2)}.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:#80808024}.lc-bar-stack{flex-direction:column-reverse;width:100%;display:flex}.lc-bar-stack>div{width:100%}.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-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=assistant] .lc-cat-seg[data-cat=assistant],.lc-chart[data-catdim=tool] .lc-cat-seg[data-cat=tool]{opacity:1;filter:brightness(1.18)}.lc-bar-marker{color:var(--dsw-alias-state-warn-primary);font-size:11px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.lc-turns{gap:2px;width:max-content;min-width:100%;margin-top:4px;display:flex;overflow:hidden}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;cursor:pointer;height:14px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:3px;flex:none;font-size:10px;font-weight:600;line-height:14px}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{display:inline-block}";
 		const tagId$8 = "dsh-context/trendChart.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
 			const tag = document.createElement("style");
@@ -8581,7 +8686,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/browser.css.mjs
-		const css$3 = ".lc-br-hint{color:var(--dsw-alias-label-secondary);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.lc-br-pick{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;max-width:240px;padding:3px 6px;font-size:12px}.lc-br-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;display:flex}.lc-br-meta b{color:var(--dsw-alias-label-primary)}.lc-br-meta .lc-actual{color:var(--dsw-alias-state-success-primary)}.lc-br-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.lc-br-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-retry:hover{filter:brightness(1.15)}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.lc-br-cat-empty{opacity:.55}.lc-br-cat-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.lc-br-cat-row:hover,.lc-br-cat-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-br-cat-row i{width:8px;height:8px;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;flex:none;display:inline-block}.lc-br-cat-label{font-weight:600}.lc-br-cat-count{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}.lc-br-count-grp{flex:1;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-chev{width:12px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.lc-br-chev:before{content:\"\";width:5px;height:5px;transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg)}.lc-br-chev-on:before{transform:rotate(45deg)}.lc-br-tokens{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-delta,.lc-br-tdelta{white-space:nowrap;border-radius:4px;flex:none;padding:0 5px;font-size:11px;font-weight:600}.lc-br-delta-up,.lc-br-tdelta-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-br-delta-down,.lc-br-tdelta-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-br-tokens-grp{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-pct{text-align:right;width:36px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-body{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:2px;padding:4px 6px;display:flex}.lc-br-elem{border-radius:6px}.lc-br-elem-on{background:var(--dsw-alias-interactive-bg-active)}.lc-br-elem-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.lc-br-elem-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-tool-plugin{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);border-color:#0000;border-radius:6px;font-size:12px}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-br-content{flex-direction:column;gap:6px;padding:2px 6px 8px 26px;display:flex}.lc-br-dim{color:var(--dsw-alias-label-secondary)}";
+		const css$3 = ".lc-br-dna-ctl{flex:none;margin-left:0}.lc-br-bar-dna .lc-stacked-seg{box-shadow:inset -1px 0 0 var(--dsw-alias-bg-layer-1)}.lc-br-hint{color:var(--dsw-alias-label-secondary);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.lc-br-pick{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;max-width:240px;padding:3px 6px;font-size:12px}.lc-br-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;display:flex}.lc-br-meta b{color:var(--dsw-alias-label-primary)}.lc-br-meta .lc-actual{color:var(--dsw-alias-state-success-primary)}.lc-br-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.lc-br-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-retry:hover{filter:brightness(1.15)}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;overflow:hidden}.lc-br-cat-empty{opacity:.55}.lc-br-cat-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.lc-br-cat-row:hover,.lc-br-cat-on{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-cat-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-br-cat-row i{width:8px;height:8px;transition:box-shadow var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-radius:2px;flex:none;display:inline-block}.lc-br-cat-label{font-weight:600}.lc-br-cat-count{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}.lc-br-count-grp{flex:1;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-chev{width:12px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.lc-br-chev:before{content:\"\";width:5px;height:5px;transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg)}.lc-br-chev-on:before{transform:rotate(45deg)}.lc-br-tokens{color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-delta,.lc-br-tdelta{white-space:nowrap;border-radius:4px;flex:none;padding:0 5px;font-size:11px;font-weight:600}.lc-br-delta-up,.lc-br-tdelta-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-br-delta-down,.lc-br-tdelta-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-br-tokens-grp{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.lc-br-pct{text-align:right;width:36px;color:var(--dsw-alias-label-secondary);flex:none;font-size:12px}.lc-br-body{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:2px;padding:4px 6px;display:flex}.lc-br-elem{border-radius:6px}.lc-br-elem-on{background:var(--dsw-alias-interactive-bg-active)}.lc-br-elem-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;transition:background-color var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.lc-br-elem-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-err-dot{background:var(--dsw-alias-state-error-primary);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);border-radius:50%;flex:none}.lc-br-tag{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-tool-plugin{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);border-color:#0000;border-radius:6px;font-size:12px}.lc-br-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-br-time{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.lc-br-content{flex-direction:column;gap:6px;padding:2px 6px 8px 26px;display:flex}.lc-br-dim{color:var(--dsw-alias-label-secondary)}";
 		const tagId$3 = "dsh-context/browser.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
@@ -8614,7 +8719,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles/agentGraph.css.mjs
-		const css = ".lc-agents-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lc-agents-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11px}.lc-agents-chip-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-stage{margin:0 -4px;padding:0 4px;overflow-x:auto}.lc-agents-svg{max-width:none;margin:0 auto;display:block}.lc-agents-link{stroke-width:1.5px;stroke-opacity:.45}.lc-agents-link-live{stroke-opacity:.85}.lc-agents-flow{stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 7;animation:.9s linear infinite lc-agent-flow}@keyframes lc-agent-flow{to{stroke-dashoffset:-9px}}.lc-agent-node{outline:none}.lc-agent-clickable{cursor:pointer}.lc-agent-halo{fill:#0000;transition:fill var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-agent-hover .lc-agent-halo,.lc-agent-node:focus-visible .lc-agent-halo{fill:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-agent-self .lc-agent-halo{fill:var(--dsw-alias-bg-layer-2)}.lc-agent-running .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);animation:1.8s ease-in-out infinite lc-agent-glow}.lc-agent-done .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 7%, transparent)}@keyframes lc-agent-glow{0%,to{opacity:1}50%{opacity:.4}}.lc-agent-track{fill:var(--dsw-alias-bg-layer-1);stroke:var(--dsw-alias-border-l1);stroke-width:1.5px}.lc-agent-seg{fill:none;stroke-width:9px;transition:stroke-dasharray .3s,stroke-dashoffset .3s}.lc-agent-free{stroke:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agent-pct{fill:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:600}.lc-agent-caption{text-align:center;pointer-events:none;width:100%;line-height:1.25}.lc-agent-label{color:var(--dsw-alias-label-primary);overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.lc-agent-tokens{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:10px}.lc-agents-solo{padding:4px 0 10px}.lc-agents-inspector{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin-top:10px;padding:7px 10px;font-size:12px;display:flex}.lc-agents-inspector-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere}.lc-agents-badge{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 6px;font-size:10px}.lc-agent-self-badge{vertical-align:1px;margin-left:5px}.lc-agents-badge-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-inspector-stats{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lc-agents-inspector-open{color:var(--dsw-alias-brand-primary,#3b82f6);flex:none;margin-left:auto}.lc-agents-legend{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11px;display:flex}.lc-agents-legend-item{align-items:center;gap:5px;display:inline-flex}.lc-agents-legend-item i{border-radius:2px;width:8px;height:8px}.lc-agents-legend-free{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agents-legend-edge{border-top:2px dashed var(--dsw-alias-label-secondary);border-radius:0!important;width:14px!important;height:0!important}";
+		const css = ".lc-agents-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lc-agents-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11px}.lc-agents-chip-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-stage{overscroll-behavior-x:contain;margin:0 -4px;padding:0 4px;overflow-x:auto}.lc-agents-svg{max-width:none;margin:0 auto;display:block}.lc-agents-link{stroke-width:1.5px;stroke-opacity:.45}.lc-agents-link-live{stroke-opacity:.85}.lc-agents-flow{stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 7;animation:.9s linear infinite lc-agent-flow}@keyframes lc-agent-flow{to{stroke-dashoffset:-9px}}.lc-agent-node{outline:none}.lc-agent-clickable{cursor:pointer}.lc-agent-halo{fill:#0000;transition:fill var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-agent-hover .lc-agent-halo,.lc-agent-node:focus-visible .lc-agent-halo{fill:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-agent-self .lc-agent-halo{fill:var(--dsw-alias-bg-layer-2)}.lc-agent-running .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);animation:1.8s ease-in-out infinite lc-agent-glow}.lc-agent-done .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 7%, transparent)}@keyframes lc-agent-glow{0%,to{opacity:1}50%{opacity:.4}}.lc-agent-track{fill:var(--dsw-alias-bg-layer-1);stroke:var(--dsw-alias-border-l1);stroke-width:1.5px}.lc-agent-seg{fill:none;stroke-width:9px;transition:stroke-dasharray .3s,stroke-dashoffset .3s}.lc-agent-free{stroke:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agent-pct{fill:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:600}.lc-agent-caption{text-align:center;pointer-events:none;width:100%;line-height:1.25}.lc-agent-label{color:var(--dsw-alias-label-primary);overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.lc-agent-tokens{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:10px}.lc-agents-solo{padding:4px 0 10px}.lc-agents-inspector{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin-top:10px;padding:7px 10px;font-size:12px;display:flex}.lc-agents-inspector-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere}.lc-agents-badge{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 6px;font-size:10px}.lc-agent-self-badge{vertical-align:1px;margin-left:5px}.lc-agents-badge-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-inspector-stats{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lc-agents-inspector-open{color:var(--dsw-alias-brand-primary,#3b82f6);flex:none;margin-left:auto}.lc-agents-legend{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11px;display:flex}.lc-agents-legend-item{align-items:center;gap:5px;display:inline-flex}.lc-agents-legend-item i{border-radius:2px;width:8px;height:8px}.lc-agents-legend-free{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agents-legend-edge{border-top:2px dashed var(--dsw-alias-label-secondary);border-radius:0!important;width:14px!important;height:0!important}";
 		const tagId = "dsh-context/agentGraph.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -8679,15 +8784,6 @@ window.__ModuleLoader__.load({
 					locale: NS
 				}, (props) => (0, react.createElement)(ContextJump, props));
 			});
-			const StatsJump = makeStatsJump(kit);
-			ctx.slots.inject("conversation.composer.dock", () => {
-				return ctx.slots.register({
-					name: "conversation.composer.dock",
-					id: "stats-jump",
-					order: 10,
-					locale: NS
-				}, (props) => (0, react.createElement)(StatsJump, props));
-			});
 			registerContextCommand(ctx, kit);
 			const ContextModal = makeContextModal(ctx, kit);
 			ctx.slots.inject("conversation.input.overlay", () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-context",
-  "version": "0.45.0",
+  "version": "0.46.1",
   "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.",
   "author": "bowenliang123",
   "repository": {