dsh-context 0.46.0 → 0.47.0

package/lib/client.js

@@ -10,6 +10,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/i18n.ts
 		const DICT_ZH = {
 			"tab": "上下文",
+			"sidebar.guideDescription": "查看这个会话的上下文构成、每步变化与消息列表。",
 			"cat.system": "系统提示词",
 			"cat.tools": "工具定义",
 			"cat.user": "用户消息",
@@ -72,8 +73,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 +91,6 @@ window.__ModuleLoader__.load({
 			"brief.noInputs": "（无新增）",
 			"brief.locate": "在上下文浏览器中查看",
 			"jump.title": "在上下文标签页中查看此轮",
-			"jump.statsLine": "在上下文标签页中查看上下文构成",
 			"brief.turnTip": "这一轮开场时用户发送的消息；回合内的每一步都会回显同一条",
 			"brief.inputTip": "上一步回复之后、本次请求发出前新进入上下文的内容——通常是上一步所调工具的结果；每轮的第一步无新增",
 			"brief.replyTip": "这一步模型返回的内容（文本回复或工具调用）；此步发起的调用，其结果会出现在下一柱的「输入」行",
@@ -296,6 +297,7 @@ window.__ModuleLoader__.load({
 		};
 		const DICT_EN = {
 			"tab": "Context",
+			"sidebar.guideDescription": "Inspect this session's context composition, per-step history, and messages.",
 			"cat.system": "System Prompt",
 			"cat.tools": "Tool Schemas",
 			"cat.user": "User Messages",
@@ -358,8 +360,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",
@@ -375,7 +378,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",
@@ -954,7 +956,7 @@ window.__ModuleLoader__.load({
 				"assistant",
 				"tool",
 				"total"
-			].every((k) => typeof current[k] === "number") && recordsOnly(data.requests) && recordsOnly(data.events) && recordsOnly(data.nodes) && recordsOnly(data.archive) && timingFastOk(data.timing)) return data;
+			].every((k) => typeof current[k] === "number") && recordsOnly(data.requests) && recordsOnly(data.events) && recordsOnly(data.nodes) && recordsOnly(data.archive) && systemsFastOk(data.systems) && timingFastOk(data.timing)) return data;
 			const safeCurrent = current !== null && typeof current === "object" ? current : {};
 			const cost = typeof data.cost === "object" && data.cost !== null && !Array.isArray(data.cost) ? data.cost : void 0;
 			const timing = timingOf(data.timing);
@@ -988,6 +990,7 @@ window.__ModuleLoader__.load({
 				...typeof data.detailRev === "number" && Number.isFinite(data.detailRev) ? { detailRev: data.detailRev } : {},
 				...cost !== void 0 ? { cost } : {},
 				...timing !== null ? { timing } : {},
+				...data.systems !== void 0 ? { systems: systemsOf(data.systems) } : {},
 				...typeof data.surfaceFloor === "number" ? { surfaceFloor: data.surfaceFloor } : {},
 				...typeof data.archiveFloor === "number" ? { archiveFloor: data.archiveFloor } : {},
 				...data.fileOps !== void 0 ? { fileOps: objectsOf(data.fileOps) } : {},
@@ -995,6 +998,45 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
+		* The live system-prompt nodes, re-proved per entry and sorted by seq: an
+		* entry missing a finite seq/time/tokens drops out (the browser then falls
+		* back to the header epoch), so a hostile collection can never produce a NaN
+		* prompt figure or an unfetchable seq. Absent or empty stays absent.
+		*/
+		function systemsOf(value) {
+			const list = objectsOf(value);
+			const out = [];
+			for (const entry of list) {
+				const { seq, time, tokens } = entry;
+				if (typeof seq !== "number" || !Number.isFinite(seq)) continue;
+				if (typeof time !== "number" || !Number.isFinite(time)) continue;
+				if (typeof tokens !== "number" || !Number.isFinite(tokens)) continue;
+				out.push({
+					seq,
+					time,
+					tokens
+				});
+			}
+			return out.sort((a, b) => a.seq - b.seq);
+		}
+		/**
+		* The fast path's check for the live system-prompt nodes: every entry must
+		* carry the three finite numbers the browser reads — `seq` for the per-step
+		* resolution, `time` for the DNA band, `tokens` for its width. A primitive
+		* entry, or one whose fields are not numbers, sends the payload down the
+		* sanitizing slow path (`systemsOf` drops it) instead of leaking `undefined`
+		* into the bar math. An absent list is fine.
+		*/
+		function systemsFastOk(value) {
+			if (value === void 0) return true;
+			if (!Array.isArray(value)) return false;
+			return value.every((entry) => {
+				if (entry === null || typeof entry !== "object") return false;
+				const { seq, time, tokens } = entry;
+				return typeof seq === "number" && Number.isFinite(seq) && typeof time === "number" && Number.isFinite(time) && typeof tokens === "number" && Number.isFinite(tokens);
+			});
+		}
+		/**
 		* The split head's count figures, re-proved field by field: a present-but-
 		* partial record zeroes its unreadable fields (the stats board's no-NaN
 		* guarantee), an absent or non-record value stays absent (legacy generation
@@ -1323,6 +1365,25 @@ window.__ModuleLoader__.load({
 			return out.trim() === "" ? null : out;
 		}
 		/**
+		* The system prompt's exact rendered text — every text block joined with NO
+		* normalization: a whitespace-only prompt is still the prompt the model
+		* received (the host prices it as text), so it must render rather than read
+		* as absent. Null when the content carries no text block at all.
+		*/
+		function systemTextOf(blocks) {
+			if (!Array.isArray(blocks)) return null;
+			let out = "";
+			let seen = false;
+			for (const b of blocks) {
+				const text = b !== null && typeof b === "object" ? b.text : void 0;
+				if (typeof text === "string") {
+					out += text;
+					seen = true;
+				}
+			}
+			return seen ? out : null;
+		}
+		/**
 		* One assistant content block → the snapshot block vocabulary the browser
 		* already renders (`kind`: text/reasoning/image/tool-call); unmappable
 		* blocks pass through raw and degrade to the generic JSON section.
@@ -1548,13 +1609,23 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* Map one raw `request/header` event into the epoch content the browser
-		* renders — the full system prompt text plus each tool's producer
-		* description and raw schema, mirroring the host fold's per-entry guards
-		* (a null or primitive tool entry degrades to an unnamed row instead of
-		* throwing the read). Null when the envelope carries no usable header.
+		* Map one raw durable event into the epoch content the browser renders. A
+		* `request/header` yields the full system prompt text (V0/V2 envelope) plus
+		* each tool's producer description and raw schema; a V3 `system/message`
+		* yields the prompt text alone (its tools live in the request header). Both
+		* mirror the host fold's per-entry guards — a null or primitive tool entry
+		* degrades to an unnamed row instead of throwing the read. Null when the
+		* envelope carries neither.
 		*/
-		function headerContentOf(data) {
+		function headerContentOf(event) {
+			const { type, data } = event;
+			if (type === "system/message") {
+				const system = systemTextOf((data.message !== null && typeof data.message === "object" ? data.message : null)?.content);
+				return system === null ? null : {
+					system,
+					tools: []
+				};
+			}
 			const rawHeader = data.header !== null && typeof data.header === "object" ? data.header : null;
 			if (rawHeader === null) return null;
 			const toolsRaw = Array.isArray(rawHeader.tools) ? rawHeader.tools : [];
@@ -1573,15 +1644,15 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* The on-demand CONTENT fetch for `contextHeaders` epochs — the lazy
-		* counterpart of the node fetcher above. One seq-anchored history read off
-		* the epoch's `seq` returns the page holding that epoch's `request/header`
-		* event (non-message events ride the page verbatim); the raw header is
-		* mapped client-side into the renderable content. Epochs cache per session
-		* (history is immutable), and OLDER epochs sharing the page cache for free —
-		* stepping back through epochs walks the same pages. Undefined when no
-		* history face exists — the browser keeps a metadata-only degradation
-		* instead.
+		* The on-demand CONTENT fetch for the browser's System and Tools sections —
+		* the lazy counterpart of the node fetcher above. One seq-anchored history
+		* read off the requested seq returns the page holding that event (non-message
+		* events ride the page verbatim); a `request/header` maps to the epoch's
+		* tools (and its V0/V2 system text), a `system/message` to a V3 prompt's
+		* text. Landed content caches per seq (history is immutable), and OLDER
+		* epochs sharing the page cache for free — stepping back through epochs walks
+		* the same pages. Undefined when no history face exists — the browser keeps a
+		* metadata-only degradation instead.
 		*/
 		function makeHeaderFetcher(sessionId) {
 			const read = pageReaderOf(sessionId);
@@ -1594,8 +1665,8 @@ window.__ModuleLoader__.load({
 				let picked = null;
 				for (const entry of rows) {
 					const ev = eventOf(entry);
-					if (ev === null || ev.type !== "request/header") continue;
-					const content = headerContentOf(ev.data);
+					if (ev === null || ev.type !== "request/header" && ev.type !== "system/message") continue;
+					const content = headerContentOf(ev);
 					if (content === null) continue;
 					cache.set(ev.seq, content);
 					if (ev.seq === seq) picked = content;
@@ -1872,6 +1943,30 @@ window.__ModuleLoader__.load({
 			for (let i = headers.headers.length - 1; i >= 0; i--) if (headers.headers[i].seq < seq) return headers.headers[i];
 			return null;
 		}
+		/**
+		* The system prompt in force at `seq` (null = none) — the LAST live system
+		* node at or before it carrying tokens, which is exactly the host fold's
+		* "last nonempty surviving system" rule and therefore agrees with the
+		* per-step `system` figure the fold recorded. Rows folded before `systems`
+		* existed carry none; the header epoch's envelope figure stands in for them
+		* (the pre-V3 wire shape).
+		*/
+		function systemAt(data, header, seq) {
+			const systems = data.systems;
+			if (systems !== void 0 && systems.length > 0) {
+				for (let i = systems.length - 1; i >= 0; i--) {
+					const node = systems[i];
+					if (node.tokens <= 0) continue;
+					if (seq === null || node.seq < seq) return node;
+				}
+				return null;
+			}
+			return header !== null && header.systemTokens !== void 0 ? {
+				seq: header.seq,
+				time: header.time,
+				tokens: header.systemTokens
+			} : null;
+		}
 		function assemble(data, headers, seq) {
 			const live = seq === null;
 			let nodes;
@@ -1888,9 +1983,11 @@ window.__ModuleLoader__.load({
 				if (live || data.surfaceFloor !== void 0 && seq > data.surfaceFloor) missingLive = data.droppedNodes;
 			}
 			const approximate = !live && data.archiveFloor !== void 0 && seq < data.archiveFloor;
+			const header = headerAt(headers, seq);
 			return {
 				live,
-				header: headerAt(headers, seq),
+				header,
+				system: systemAt(data, header, seq),
 				nodes,
 				missingLive,
 				approximate
@@ -1900,19 +1997,17 @@ window.__ModuleLoader__.load({
 		//#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
-				});
-			}
+			if (view.system !== null) items.push({
+				key: "sys",
+				cat: "system",
+				tokens: view.system.tokens,
+				time: view.system.time
+			});
+			if (view.header !== null) 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,
@@ -3217,7 +3312,7 @@ window.__ModuleLoader__.load({
 			return m;
 		}
 		function countOf(asm, byCat, c) {
-			if (c === "system") return asm.header !== null && asm.header.systemTokens !== void 0 ? 1 : 0;
+			if (c === "system") return asm.system !== null ? 1 : 0;
 			if (c === "tools") return asm.header !== null ? asm.header.tools.length : 0;
 			return byCat[c]?.length ?? 0;
 		}
@@ -3302,7 +3397,8 @@ window.__ModuleLoader__.load({
 				const view = assemble(data, headers, seq);
 				const fetchHeader = props.fetchHeader;
 				const headerSeq = view.header !== null ? view.header.seq : null;
-				const epoch = useFetchOnMiss(headerSeq !== null && (openCat === "system" || openCat === "tools") ? headerSeq : null, fetchHeader, "dsh-context: header content fetch failed");
+				const systemSeq = view.system !== null ? view.system.seq : null;
+				const epoch = useFetchOnMiss(openCat === "system" ? systemSeq : openCat === "tools" ? headerSeq : null, fetchHeader, "dsh-context: header content fetch failed");
 				const headerContent = epoch.values;
 				const headerNote = fetchMissNote(t, fetchHeader, epoch.state, epoch.retry, "browser.headerMetaOnly");
 				const breakdown = req !== null ? req : data.current;
@@ -3336,6 +3432,7 @@ window.__ModuleLoader__.load({
 					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. */
@@ -3347,7 +3444,7 @@ window.__ModuleLoader__.load({
 				};
 				const toolCount = (c) => countOf(view, byCat, c);
 				const singleKeyOf = (c) => {
-					if (c === "system") return view.header?.systemTokens !== void 0 ? "sys" : null;
+					if (c === "system") return view.system !== null ? "sys" : null;
 					if (c === "tools") {
 						const tools = view.header?.tools;
 						return tools !== void 0 && tools.length === 1 ? "tool:" + tools[0].name : null;
@@ -3417,11 +3514,12 @@ window.__ModuleLoader__.load({
 				};
 				const catBody = (c) => {
 					if (c === "system") {
-						if (view.header === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						const sys = view.system;
+						if (sys === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "lc-br-note",
 							children: t(headers === null ? "browser.noHeader" : "browser.noEpoch")
 						});
-						const content = headerContent.get(view.header.seq);
+						const content = headerContent.get(sys.seq);
 						if (content === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "lc-br-note",
 							children: headerNote
@@ -3638,7 +3736,7 @@ window.__ModuleLoader__.load({
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StackedBar, {
 								parts: dnaParts ?? parts,
 								height: 10,
-								hoverKey: dna ? dnaKey ?? linkKey ?? pinKey : linkKey ?? pinKey,
+								hoverKey: dna ? liveDnaKey ?? linkKey ?? pinKey : linkKey ?? pinKey,
 								onHoverKey: dna ? setDnaKey : linked ? props.onHoverKey : void 0,
 								tip: dna,
 								onPickKey: dna ? pickDna : void 0,
@@ -5158,6 +5256,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;
@@ -5605,6 +5732,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;
@@ -6445,7 +6579,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.46.0".includes("-dev")) return;
+					if ("0.47.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -6454,8 +6588,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.46.0") ? latest : null;
-				const nameText = "dsh-context (v0.46.0)";
+				const update = latest !== null && isNewerVersion(latest, "0.47.0") ? latest : null;
+				const nameText = "dsh-context (v0.47.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -7576,6 +7710,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;
@@ -7591,6 +7761,14 @@ window.__ModuleLoader__.load({
 					if (down > maxDown) maxDown = down;
 				}
 				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;
 				const upPx = Math.round(maxUp * deltaScale);
@@ -7710,11 +7888,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", {
@@ -7819,6 +8024,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",
@@ -7958,6 +8164,7 @@ window.__ModuleLoader__.load({
 			const ErrorBoundary = makeErrorBoundary(t);
 			function ContextViewBody(props) {
 				const sessionId = props.sessionId;
+				const inSidebar = props.host === "sidebar";
 				const source = useTimelineSource(ctx, props);
 				const data = source.data;
 				const pressure = projectionOf(props, "contextPressure", contextPressureOf);
@@ -7969,6 +8176,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);
@@ -8151,6 +8359,132 @@ window.__ModuleLoader__.load({
 				const activeLocale = localeSvc !== void 0 && typeof localeSvc.getLocale === "function" ? localeSvc.getLocale().active : "en";
 				const subtitle = (data.model ?? "") + (data.provider ? " · " + data.provider : "");
 				const gate = unsupportedOf(data.unsupported);
+				const compositionCard = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CurrentComposition, {
+					head,
+					subtitle,
+					hoverKey: hoverCat,
+					onHoverKey: setHoverCat
+				});
+				const trendCard = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lc-card",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lc-card-title",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lc-card-title-text",
+								children: t("trend.title")
+							}),
+							/* @__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")
+								})
+							}),
+							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", {
+									className: "lc-gran",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: "lc-gran-btn" + (granularity === "step" ? " lc-gran-on" : ""),
+										onClick: () => {
+											setGranularity("step");
+										},
+										children: t("gran.step")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: "lc-gran-btn" + (granularity === "turn" ? " lc-gran-on" : ""),
+										onClick: () => {
+											setGranularity("turn");
+										},
+										children: t("gran.turn")
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "lc-gran",
+									title: t("gran.modeHint"),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: "lc-gran-btn" + (trendMode === "total" ? " lc-gran-on" : ""),
+										onClick: () => {
+											setTrendMode("total");
+										},
+										children: t("gran.total")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										className: "lc-gran-btn" + (trendMode === "delta" ? " lc-gran-on" : ""),
+										onClick: () => {
+											setTrendMode("delta");
+										},
+										children: t("gran.delta")
+									})]
+								})]
+							})
+						]
+					}), displayRequests.length === 0 ? detailReady ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lc-empty",
+						children: t("trend.empty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailNote, {
+						state: source.detailState === "failed" ? "failed" : "loading",
+						onRetry: source.retryDetail
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendChart, {
+						requests: displayRequests,
+						markers,
+						selectedSeq: pinnedReq ? pinnedReq.seq : null,
+						hoveredSeq,
+						activeTurn,
+						granularity,
+						mode: trendMode,
+						focusTurn,
+						hoverCat: trendHoverCat,
+						focusCat,
+						adaptive,
+						onSelect: setSelectedSeq,
+						onHover: setHoveredSeq,
+						onHoverTurn: setHoverTurn,
+						onPickTurn: (turn) => {
+							setGranularity("turn");
+							setFocusTurn(turn);
+						},
+						onFocusTurnHandled: () => {
+							setFocusTurn(null);
+						}
+					}, sessionId), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RequestDetail, {
+						request: activeReq,
+						prev: trendMode === "delta" && activeIdx >= 0 ? activeIdx > 0 ? displayRequests[activeIdx - 1] : null : void 0,
+						/* v8 ignore next 1 -- RequestDetail renders only when
+						displayRequests.length > 0, which forces activeReq
+						non-null via the activeIdx fallback above. */
+						marker: activeReq !== null ? markerOf(activeReq) : void 0,
+						brief,
+						convOf,
+						onLocate: locateNode,
+						hoverKey: trendHoverCat
+					})] })]
+				});
+				const browserCard = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextBrowser, {
+					data,
+					headers,
+					convNodes,
+					fetchContent,
+					fetchHeader,
+					previewSeq: hoveredSeq,
+					pinSeq: pinnedReq !== null ? pinnedReq.seq : null,
+					hoverKey: hoverCat,
+					onHoverKey: setHoverCat,
+					onOpenCat: setFocusCat,
+					nodeFocus,
+					onNodeFocusHandled: clearNodeFocus,
+					loadImage,
+					detailState: source.detailState,
+					onDetailRetry: source.retryDetail
+				});
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "lc-root",
 					ref: rootRef,
@@ -8158,7 +8492,7 @@ window.__ModuleLoader__.load({
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "lc-cols lc-head",
 							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsContext, {
+								inSidebar ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsContext, {
 									counts: data.counts ?? countsOfRecords(requests, events),
 									toolCalls: data.toolCalls,
 									images: data.images,
@@ -8170,127 +8504,31 @@ window.__ModuleLoader__.load({
 									timing: data.timing ?? null,
 									locale: activeLocale
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginInfo, {})
+								inSidebar ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginInfo, {})
 							]
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "lc-cols",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lc-cols lc-cols-main",
+							children: inSidebar ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-col",
+									children: compositionCard
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-col lc-col-browser",
+									children: browserCard
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "lc-col",
+									children: trendCard
+								})
+							] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "lc-col",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CurrentComposition, {
-									head,
-									subtitle,
-									hoverKey: hoverCat,
-									onHoverKey: setHoverCat
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "lc-card",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "lc-card-title",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "lc-card-title-text",
-												children: t("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")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "lc-trend-ctl",
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "lc-gran",
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														className: "lc-gran-btn" + (granularity === "step" ? " lc-gran-on" : ""),
-														onClick: () => {
-															setGranularity("step");
-														},
-														children: t("gran.step")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														className: "lc-gran-btn" + (granularity === "turn" ? " lc-gran-on" : ""),
-														onClick: () => {
-															setGranularity("turn");
-														},
-														children: t("gran.turn")
-													})]
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-													className: "lc-gran",
-													title: t("gran.modeHint"),
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														className: "lc-gran-btn" + (trendMode === "total" ? " lc-gran-on" : ""),
-														onClick: () => {
-															setTrendMode("total");
-														},
-														children: t("gran.total")
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														className: "lc-gran-btn" + (trendMode === "delta" ? " lc-gran-on" : ""),
-														onClick: () => {
-															setTrendMode("delta");
-														},
-														children: t("gran.delta")
-													})]
-												})]
-											})
-										]
-									}), displayRequests.length === 0 ? detailReady ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "lc-empty",
-										children: t("trend.empty")
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailNote, {
-										state: source.detailState === "failed" ? "failed" : "loading",
-										onRetry: source.retryDetail
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendChart, {
-										requests: displayRequests,
-										markers,
-										selectedSeq: pinnedReq ? pinnedReq.seq : null,
-										hoveredSeq,
-										activeTurn,
-										granularity,
-										mode: trendMode,
-										focusTurn,
-										hoverCat: trendHoverCat,
-										focusCat,
-										onSelect: setSelectedSeq,
-										onHover: setHoveredSeq,
-										onHoverTurn: setHoverTurn,
-										onPickTurn: (turn) => {
-											setGranularity("turn");
-											setFocusTurn(turn);
-										},
-										onFocusTurnHandled: () => {
-											setFocusTurn(null);
-										}
-									}, sessionId), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RequestDetail, {
-										request: activeReq,
-										prev: trendMode === "delta" && activeIdx >= 0 ? activeIdx > 0 ? displayRequests[activeIdx - 1] : null : void 0,
-										/* v8 ignore next 1 -- RequestDetail renders only when
-										displayRequests.length > 0, which forces activeReq
-										non-null via the activeIdx fallback above. */
-										marker: activeReq !== null ? markerOf(activeReq) : void 0,
-										brief,
-										convOf,
-										onLocate: locateNode,
-										hoverKey: trendHoverCat
-									})] })]
-								})]
+								children: [compositionCard, trendCard]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "lc-col lc-col-browser",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextBrowser, {
-									data,
-									headers,
-									convNodes,
-									fetchContent,
-									fetchHeader,
-									previewSeq: hoveredSeq,
-									pinSeq: pinnedReq !== null ? pinnedReq.seq : null,
-									hoverKey: hoverCat,
-									onHoverKey: setHoverCat,
-									onOpenCat: setFocusCat,
-									nodeFocus,
-									onNodeFocusHandled: clearNodeFocus,
-									loadImage,
-									detailState: source.detailState,
-									onDetailRetry: source.retryDetail
-								})
-							})]
+								children: browserCard
+							})] })
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "lc-cols",
@@ -8436,122 +8674,97 @@ 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).
+		//#region src/client/sidebar.ts
+		/**
+		* The right Sidebar's Context tab (dsh 0.1.5-alpha.1+).
 		*
-		* 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;
+		* The tab reuses the Context conversation-view component VERBATIM: the
+		* `sidebar.right.pane.tab` seat is session-scoped and delivers the same
+		* framework standard kit (`sessionId`, `useProjection`, `useChat`, the locale
+		* `t` seat) the `conversation.view` seat does, so the panel and the tab are
+		* one component with one data path. The tab type contributes a guide entry, so
+		* the sidebar's guide page offers "Context" and picking it opens the panel —
+		* the product's own path, exactly as the shipped Files type does.
+		*
+		* OPTIONAL BY CONTRACT. `ctx.sidebarRightTabs` and the seat exist only from
+		* dsh 0.1.5-alpha.1; the registration therefore rides a DEFERRED inject (the
+		* plugin's hard injects stay `slots` + `locale`), so on every older supported
+		* line the callback never fires, the plugin fiber never pends, and nothing is
+		* registered. The registry is re-proved structurally and the whole
+		* registration is guarded: a foreign or hostile registry (a throwing
+		* `register`, a taken id/kind) leaves the sidebar without the tab instead of
+		* taking the browser down.
+		*
+		* @module dsh-context/client/sidebar
+		*/
+		/** The tab type's identity in the sidebar's tab system (also its body-seat key). */
+		const SIDEBAR_CONTEXT_ID = "dsh-context";
+		/**
+		* The kind `openTab` names. Namespaced rather than the bare `context`: the
+		* registry THROWS when a kind collides with another registration in a
+		* non-coexisting band, and a foreign plugin may well own `context`.
+		*/
+		const SIDEBAR_CONTEXT_KIND = "dsh-context";
+		/** The guide box's position: after the shipped Files entry (order 10). */
+		const GUIDE_ORDER = 20;
+		/**
+		* The guide box's glyph, read defensively: the icon is OPTIONAL in the entry,
+		* and a primitives module that does not serve it — or whose namespace THROWS
+		* on the read (an interop/mock shape does exactly that) — must cost the glyph,
+		* never the whole tab.
+		* @returns the icon component, or undefined to register the tab without one.
+		*/
+		function guideIcon() {
+			try {
+				return _deepseek_ai_dsh_client_ui_primitives.IconContextInjectionOutline16;
+			} catch {
+				return;
 			}
-			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.
+		* Register the Context tab type and its body on the right Sidebar, if — and
+		* only if — this harness serves the sidebar tab registry.
+		* @param ctx - client root context carrying `slots` and the locale service.
+		* @param view - the Context view component factory result (the same one the
+		*   conversation tab mounts).
+		* @param t - the plugin-namespace translate; the label thunks read the active
+		*   locale at call time, so a language switch relabels the guide entry.
+		* @param ns - the plugin's locale namespace, put on the body registration so
+		*   the framework synthesizes the `t` seat for the panel too.
 		*/
-		function wireDock(anchor, label, activate) {
-			if (anchor === null) return () => {};
-			let wired = null;
-			const unwire = () => {
-				wired?.off();
-				wired = null;
-			};
-			const scan = () => {
+		function watchSidebarContextTab(ctx, view, t, ns) {
+			ctx.inject(["sidebarRightTabs"], (raw) => {
+				const injected = raw;
 				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");
-						}
+					const tabs = injected.sidebarRightTabs;
+					if (tabs === void 0 || typeof tabs.register !== "function") return;
+					const disposeType = tabs.register({
+						id: SIDEBAR_CONTEXT_ID,
+						kind: SIDEBAR_CONTEXT_KIND,
+						title: () => t("tab"),
+						guide: [{
+							order: GUIDE_ORDER,
+							title: () => t("tab"),
+							description: () => t("sidebar.guideDescription"),
+							icon: guideIcon()
+						}]
+					});
+					const disposeBody = injected.slots.inject("sidebar.right.pane.tab", () => injected.slots.register({
+						name: "sidebar.right.pane.tab",
+						key: SIDEBAR_CONTEXT_ID,
+						locale: ns
+					}, (props) => view({
+						...props,
+						host: "sidebar"
+					})));
+					return () => {
+						disposeType();
+						if (typeof disposeBody === "function") disposeBody();
 					};
-				} 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"
-				});
-			};
+				} catch {
+					return;
+				}
+			});
 		}
 		//#endregion
 		//#region src/client/viewkit.ts
@@ -8570,7 +8783,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}[data-sidebar-right-open] .lc-root,[data-sidebar-right-float-host] .lc-root{height:auto;padding:0;overflow:visible}.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(360px,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");
@@ -8592,7 +8805,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");
@@ -8625,7 +8838,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");
@@ -8713,7 +8926,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");
@@ -8769,6 +8982,7 @@ window.__ModuleLoader__.load({
 					label: () => t("tab")
 				}, (props) => (0, react.createElement)(ContextView, props));
 			});
+			watchSidebarContextTab(ctx, ContextView, t, NS);
 			const ContextJump = makeContextJumpButton(kit);
 			ctx.slots.inject("conversation.chat.assistant-actions", () => {
 				return ctx.slots.register({
@@ -8778,15 +8992,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", () => {