dsh-context 0.46.1 → 0.48.0

package/lib/client.js

@@ -31,15 +31,18 @@ window.__ModuleLoader__.load({
 			"stats.toolCalls": "工具调用",
 			"stats.images": "图片",
 			"stats.cost": "预估费用",
-			"stats.costTip": "按 DeepSeek 官方刊例价估算整个会话的累计费用：输入区分缓存命中/未命中，输出含思考；按请求时间区分高峰（北京时间工作日 9:00–12:00、14:00–18:00）与空闲时段（半价，周末全天均为空闲时段）。适用于 deepseek-v4-flash / deepseek-v4-pro（不限 provider），价格写死在代码中，仅供参考。",
+			"stats.costTip": "按 DeepSeek 官方刊例价估算整个会话的累计费用：输入区分缓存命中/未命中，输出含思考；按请求时间区分高峰（北京时间工作日 9:00–12:00、14:00–18:00）与空闲时段（半价，周末全天均为空闲时段）。适用于 deepseek-v4.1-flash / deepseek-v4-pro（不限 provider；V4.1 Pro 上线前，V4 Pro 请求将被路由并按 V4.1 Flash 单价计费），价格写死在代码中，仅供参考。",
 			"stats.costPriceHead": "每百万 tokens 价格（高峰 | 空闲半价）：",
 			"stats.costHit": "命中",
 			"stats.costMiss": "未命中",
 			"stats.costOut": "输出",
 			"timing.title": "耗时统计",
-			"timing.total": "总活跃时长",
+			"timing.total": "活跃时长",
 			"timing.ttft": "模型等待",
 			"timing.gen": "模型生成",
+			"timing.reasoning": "模型思考",
+			"timing.text": "正文输出",
+			"timing.toolArgs": "工具参数",
 			"timing.tools": "工具执行",
 			"timing.other": "其他开销",
 			"timing.callTimes": "{n}次",
@@ -317,7 +320,7 @@ window.__ModuleLoader__.load({
 			"stats.toolCalls": "Tool Calls",
 			"stats.images": "Images",
 			"stats.cost": "Cost",
-			"stats.costTip": "Rough cumulative cost of the whole session at DeepSeek’s list prices: input split by cache hit/miss, output includes reasoning; each request is priced at the peak (Beijing Time weekdays 09:00–12:00, 14:00–18:00) or half-price off-peak rate by its time — weekends bill at off-peak all day. Applies to deepseek-v4-flash / deepseek-v4-pro on any provider; prices are hardcoded, for reference only.",
+			"stats.costTip": "Rough cumulative cost of the whole session at DeepSeek’s list prices: input split by cache hit/miss, output includes reasoning; each request is priced at the peak (Beijing Time weekdays 09:00–12:00, 14:00–18:00) or half-price off-peak rate by its time — weekends bill at off-peak all day. Applies to deepseek-v4.1-flash / deepseek-v4-pro on any provider (until V4.1 Pro ships, Pro requests are routed to and billed at V4.1 Flash rates); prices are hardcoded, for reference only.",
 			"stats.costPriceHead": "Per-1M-token rates (peak | off-peak at half price):",
 			"stats.costHit": "hit",
 			"stats.costMiss": "miss",
@@ -326,6 +329,9 @@ window.__ModuleLoader__.load({
 			"timing.total": "Active Time",
 			"timing.ttft": "TTFT",
 			"timing.gen": "LLM Gen",
+			"timing.reasoning": "Thinking",
+			"timing.text": "Answer",
+			"timing.toolArgs": "Tool args",
 			"timing.tools": "Tool runs",
 			"timing.other": "Overhead",
 			"timing.callTimes": "{n} calls",
@@ -954,7 +960,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 +994,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 +1002,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
@@ -1094,6 +1140,14 @@ window.__ModuleLoader__.load({
 			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : 0;
 		}
 		/**
+		* The OPTIONAL timing scalars (the generation split): a real non-negative
+		* number passes, anything else — including absence — reads as undefined so the
+		* field stays absent on the narrowed value (see `timingOf`).
+		*/
+		function optMsNumOf(value) {
+			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : void 0;
+		}
+		/**
 		* Cheap whole-value check for the pass-through path of `timelineOf`: absent
 		* timing passes; present timing must already be well-formed (every scalar
 		* numeric, every per-name row shaped) — anything else sends the payload down
@@ -1111,6 +1165,14 @@ window.__ModuleLoader__.load({
 				"toolsMs",
 				"toolCalls"
 			]) if (typeof t[k] !== "number") return false;
+			for (const k of [
+				"reasoningMs",
+				"textMs",
+				"toolArgMs"
+			]) {
+				const v = t[k];
+				if (v !== void 0 && (typeof v !== "number" || !Number.isFinite(v) || v < 0)) return false;
+			}
 			const tools = t.tools;
 			if (tools === null || typeof tools !== "object" || Array.isArray(tools)) return false;
 			for (const k in tools) {
@@ -1145,7 +1207,7 @@ window.__ModuleLoader__.load({
 					ms
 				};
 			}
-			return {
+			const totals = {
 				wallMs: msNumOf(data.wallMs),
 				ttftMs: msNumOf(data.ttftMs),
 				genMs: msNumOf(data.genMs),
@@ -1154,6 +1216,13 @@ window.__ModuleLoader__.load({
 				toolCalls: msNumOf(data.toolCalls),
 				tools
 			};
+			const reasoning = optMsNumOf(data.reasoningMs);
+			if (reasoning !== void 0) totals.reasoningMs = reasoning;
+			const textMs = optMsNumOf(data.textMs);
+			if (textMs !== void 0) totals.textMs = textMs;
+			const toolArgMs = optMsNumOf(data.toolArgMs);
+			if (toolArgMs !== void 0) totals.toolArgMs = toolArgMs;
+			return totals;
 		}
 		/**
 		* Narrow a delivered projection value to the plugin's `contextHeaders`
@@ -1323,6 +1392,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 +1636,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 +1671,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 +1692,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 +1970,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 +2010,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 +2024,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,
@@ -2358,22 +2480,20 @@ window.__ModuleLoader__.load({
 			return `${pct.toFixed(1)}%`;
 		}
 		/**
-		* Whole-session durations for the timing card, in the locale's units: raw ms
-		* under a second, one-decimal seconds under a minute, then m/s and h/m.
+		* Whole-session durations for the timing card, locale-free compact units: raw
+		* ms under a second, one-decimal seconds under a minute, then m/s and h/m.
 		* Non-finite or non-positive input shows the dash (callers render their empty
 		* state anyway).
 		*/
-		function fmtDuration(ms, lang) {
+		function fmtDuration(ms) {
 			if (!Number.isFinite(ms) || ms <= 0) return "—";
 			if (ms < 1e3) return `${Math.round(ms)}ms`;
-			const zh = lang === "zh";
-			if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}${zh ? "秒" : "s"}`;
+			if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
 			const totalSec = Math.floor(ms / 1e3);
 			const m = Math.floor(totalSec / 60);
 			const s = totalSec % 60;
-			if (ms < 36e5) return zh ? `${m}分${s}秒` : `${m}m ${s}s`;
-			const h = Math.floor(m / 60);
-			return zh ? `${h}时${m % 60}分` : `${h}h ${m % 60}m`;
+			if (ms < 36e5) return `${m}m${s}s`;
+			return `${Math.floor(m / 60)}h${m % 60}m`;
 		}
 		//#endregion
 		//#region src/shared/imageTokens.ts
@@ -3217,7 +3337,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 +3422,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;
@@ -3348,7 +3469,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;
@@ -3418,11 +3539,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
@@ -3827,7 +3949,7 @@ window.__ModuleLoader__.load({
 									className: "lc-stacked-seg" + (on ? " lc-stacked-seg-on" : "") + (pickKey !== void 0 ? " lc-stacked-seg-pick" : ""),
 									style: {
 										width: `${widths[i]}%`,
-										background: p.color
+										backgroundColor: p.color
 									},
 									onMouseEnter: () => {
 										if (props.onHoverKey !== void 0) props.onHoverKey(p.key);
@@ -5565,9 +5687,9 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Compact duration: `42s`, `3m05s`, `1h07m` (shared by both locales).
-		* Deliberately distinct from format.ts's locale-aware `fmtDuration` (the
-		* timing card's `12.3s` / `4分0秒`): the inspector's caption column needs
-		* whole-second, fixed-width, locale-free text.
+		* Deliberately distinct from format.ts's `fmtDuration` (the timing card's
+		* `12.3s` / `3m25s`): the inspector's caption column needs whole-second,
+		* fixed-width text.
 		*/
 		function fmtDurationCompact(ms) {
 			if (!Number.isFinite(ms) || ms < 0) return "—";
@@ -6482,7 +6604,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = (0, react.useState)(null);
 				(0, react.useEffect)(() => {
-					if ("0.46.1".includes("-dev")) return;
+					if ("0.48.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -6491,8 +6613,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.46.1") ? latest : null;
-				const nameText = "dsh-context (v0.46.1)";
+				const update = latest !== null && isNewerVersion(latest, "0.48.0") ? latest : null;
+				const nameText = "dsh-context (v0.48.0)";
 				const nameValue = [nameText];
 				if (update) nameValue.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "lc-pi-update",
@@ -6949,61 +7071,49 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/cost.ts
-		const PRICES = {
+		/** The Flash-series rates (peak = 2× off-peak), per currency. */
+		const FLASH_RATES = {
 			usd: {
-				flash: {
-					peak: {
-						hit: .014,
-						miss: .44,
-						out: 1.32
-					},
-					off: {
-						hit: .007,
-						miss: .22,
-						out: .66
-					}
+				peak: {
+					hit: .006,
+					miss: .3,
+					out: 1.2
 				},
-				pro: {
-					peak: {
-						hit: .044,
-						miss: 1.32,
-						out: 3.96
-					},
-					off: {
-						hit: .022,
-						miss: .66,
-						out: 1.98
-					}
+				off: {
+					hit: .003,
+					miss: .15,
+					out: .6
 				}
 			},
 			cny: {
-				flash: {
-					peak: {
-						hit: .1,
-						miss: 3,
-						out: 9
-					},
-					off: {
-						hit: .05,
-						miss: 1.5,
-						out: 4.5
-					}
+				peak: {
+					hit: .04,
+					miss: 2,
+					out: 8
 				},
-				pro: {
-					peak: {
-						hit: .3,
-						miss: 9,
-						out: 27
-					},
-					off: {
-						hit: .15,
-						miss: 4.5,
-						out: 13.5
-					}
+				off: {
+					hit: .02,
+					miss: 1,
+					out: 4
 				}
 			}
 		};
 		/**
+		* Pro rides the Flash triple: between the V4.1 Flash launch and the V4.1 Pro
+		* release, DeepSeek routes every Pro request to V4.1 Flash and bills it at
+		* the Flash rates — point `pro` at the new table once V4.1 Pro is priced.
+		*/
+		const PRICES = {
+			usd: {
+				flash: FLASH_RATES.usd,
+				pro: FLASH_RATES.usd
+			},
+			cny: {
+				flash: FLASH_RATES.cny,
+				pro: FLASH_RATES.cny
+			}
+		};
+		/**
 		* Price the session's cumulative billed-token totals. Cache reads bill at
 		* the hit rate; uncached input AND cache writes bill at the miss rate;
 		* output (reasoning included) bills at the out rate. Null when nothing was
@@ -7038,7 +7148,7 @@ window.__ModuleLoader__.load({
 		*/
 		function sessionPrices(currency) {
 			return ["flash", "pro"].map((id) => ({
-				family: id === "flash" ? "deepseek-v4-flash" : "deepseek-v4-pro",
+				family: id === "flash" ? "deepseek-v4.1-flash" : "deepseek-v4-pro",
 				peak: PRICES[currency][id].peak,
 				off: PRICES[currency][id].off
 			}));
@@ -7233,90 +7343,139 @@ window.__ModuleLoader__.load({
 		* token, the wait) and LLM generation (first token → assistant message) —
 		* and the tool-execution slice, with the residue as overhead; a call whose
 		* stream recorded no token delta (legacy or aborted) stays unattributed and
-		* lands in the residue. The slice rows lead with the true duration and
-		* qualify it with the call count on the secondary line. The donut and the
-		* rows sit side by side so the head row stays half-height. Parallel tool
-		* calls each count, so the tools figure can overlap — the ring clamps it
-		* into the post-model window while the row numbers stay true.
+		* lands in the residue. When the host folded the generation split (see
+		* TimingTotals), the generation slice expands into what was being decoded:
+		* thinking, answer text, and tool-call arguments. The slice rows lead with
+		* the true duration and qualify it with the call count on the secondary line —
+		* except the decode slices, which count BLOCKS (zero to many per call, so a
+		* call count would be a false tally) and therefore carry no qualifier. A slice
+		* that never happened (zero time) is omitted entirely — the ring already skips
+		* its arc, and a zero row would otherwise borrow the session's call count and
+		* read as "no time, many calls". The donut and the rows sit side by side so
+		* the head row stays half-height. Parallel tool calls each count, so the tools
+		* figure can overlap — the ring clamps it into the post-model window while the
+		* row numbers stay true.
 		*/
+		const COLOR = {
+			ttft: "#3b82f6",
+			reasoning: "#8b5cf6",
+			text: "#ec4899",
+			toolarg: "#f59e0b",
+			tools: "#14b8a6",
+			other: "#94a3b8"
+		};
 		function makeStatsTiming(kit, Donut) {
 			const { t, fmt, fmtDuration, fmtShare } = kit;
 			const SliceList = makeSliceList(kit);
 			return function StatsTiming(props) {
-				const lang = props.locale === "zh" ? "zh" : "en";
 				const [hoverKey, setHoverKey] = (0, react.useState)(null);
 				const timing = props.timing;
 				const wall = timing !== null && Number.isFinite(timing.wallMs) && timing.wallMs > 0 ? timing.wallMs : 0;
 				let segments = [];
 				let rows = [];
 				if (timing !== null && (wall > 0 || timing.calls > 0 || timing.toolCalls > 0)) {
-					const ttft = Math.min(timing.ttftMs, wall);
-					const gen = Math.max(0, Math.min(timing.genMs, wall - ttft));
-					const toolRing = Math.max(0, Math.min(timing.toolsMs, wall - ttft - gen));
-					const other = Math.max(0, wall - ttft - gen - toolRing);
+					const callTimes = t("timing.callTimes", { n: fmt(timing.calls) });
+					const modelSlices = [{
+						key: "ttft",
+						color: COLOR.ttft,
+						label: t("timing.ttft"),
+						ms: timing.ttftMs,
+						times: callTimes
+					}];
+					const buckets = [
+						[
+							"reasoning",
+							COLOR.reasoning,
+							t("timing.reasoning"),
+							timing.reasoningMs ?? 0
+						],
+						[
+							"text",
+							COLOR.text,
+							t("timing.text"),
+							timing.textMs ?? 0
+						],
+						[
+							"toolarg",
+							COLOR.toolarg,
+							t("timing.toolArgs"),
+							timing.toolArgMs ?? 0
+						]
+					];
+					if (buckets.some(([, , , ms]) => ms > 0)) for (const [key, color, label, ms] of buckets) modelSlices.push({
+						key,
+						color,
+						label,
+						ms
+					});
+					else modelSlices.push({
+						key: "gen",
+						color: COLOR.reasoning,
+						label: t("timing.gen"),
+						ms: timing.genMs
+					});
+					const ttftRing = Math.min(timing.ttftMs, wall);
+					const genRing = Math.max(0, Math.min(timing.genMs, wall - ttftRing));
+					const modelRings = [ttftRing];
+					let used = ttftRing;
+					const genEnd = ttftRing + genRing;
+					for (const slice of modelSlices.slice(1)) {
+						const take = Math.max(0, Math.min(slice.ms, genEnd - used));
+						modelRings.push(take);
+						used += take;
+					}
+					const toolRing = Math.max(0, Math.min(timing.toolsMs, wall - ttftRing - genRing));
+					const other = Math.max(0, wall - ttftRing - genRing - toolRing);
 					const share = (ms) => wall > 0 ? ms / wall : 0;
 					const countOf = (ms, times) => {
-						const dur = fmtDuration(ms, lang);
+						const dur = fmtDuration(ms);
 						if (times === void 0) return dur;
 						return ms > 0 ? `${dur} · ${times}` : times;
 					};
-					const callTimes = t("timing.callTimes", { n: fmt(timing.calls) });
+					const modelSegments = modelSlices.map((slice, index) => ({
+						key: slice.key,
+						color: slice.color,
+						value: share(modelRings[index])
+					}));
+					const toolSlice = {
+						key: "tools",
+						color: COLOR.tools,
+						label: t("timing.tools"),
+						ms: timing.toolsMs,
+						times: t("timing.toolTimes", { n: fmt(timing.toolCalls) })
+					};
+					const otherSlice = {
+						key: "other",
+						color: COLOR.other,
+						label: t("timing.other"),
+						ms: other
+					};
 					segments = [
-						{
-							key: "ttft",
-							color: "#3b82f6",
-							value: share(ttft)
-						},
-						{
-							key: "gen",
-							color: "#8b5cf6",
-							value: share(gen)
-						},
+						...modelSegments,
 						{
 							key: "tools",
-							color: "#14b8a6",
+							color: COLOR.tools,
 							value: share(toolRing)
 						},
 						{
 							key: "other",
-							color: "#94a3b8",
+							color: COLOR.other,
 							value: share(other)
 						}
 					];
+					const toRow = (slice) => ({
+						key: slice.key,
+						color: slice.color,
+						label: slice.label,
+						dim: slice.ms === 0,
+						pct: fmtShare(slice.ms, wall),
+						count: countOf(slice.ms, slice.times)
+					});
 					rows = [
-						{
-							key: "ttft",
-							color: "#3b82f6",
-							label: t("timing.ttft"),
-							dim: timing.ttftMs === 0,
-							pct: fmtShare(timing.ttftMs, wall),
-							count: countOf(timing.ttftMs, callTimes)
-						},
-						{
-							key: "gen",
-							color: "#8b5cf6",
-							label: t("timing.gen"),
-							dim: timing.genMs === 0,
-							pct: fmtShare(timing.genMs, wall),
-							count: countOf(timing.genMs, callTimes)
-						},
-						{
-							key: "tools",
-							color: "#14b8a6",
-							label: t("timing.tools"),
-							dim: timing.toolsMs === 0,
-							pct: fmtShare(timing.toolsMs, wall),
-							count: countOf(timing.toolsMs, t("timing.toolTimes", { n: fmt(timing.toolCalls) }))
-						},
-						{
-							key: "other",
-							color: "#94a3b8",
-							label: t("timing.other"),
-							dim: other === 0,
-							pct: fmtShare(other, wall),
-							count: countOf(other)
-						}
-					];
+						...modelSlices.map(toRow),
+						toRow(toolSlice),
+						toRow(otherSlice)
+					].filter((row) => !row.dim);
 				}
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "lc-card lc-col-stats lc-col-donut",
@@ -7334,7 +7493,7 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Donut, {
 							segments,
 							size: 96,
-							centerTop: wall > 0 ? fmtDuration(wall, lang) : "—",
+							centerTop: wall > 0 ? fmtDuration(wall) : "—",
 							centerSub: t("timing.total"),
 							hoverKey,
 							onHoverKey: setHoverKey
@@ -8067,6 +8226,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);
@@ -8261,6 +8421,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,
@@ -8268,7 +8554,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,
@@ -8276,144 +8562,18 @@ window.__ModuleLoader__.load({
 									locale: activeLocale
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTokens, { usage }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, {
-									timing: data.timing ?? null,
-									locale: activeLocale
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginInfo, {})
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatsTiming, { timing: data.timing ?? null }),
+								inSidebar ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginInfo, {})
 							]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "lc-cols",
+							className: "lc-cols lc-cols-main",
 							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-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
-									})] })]
-								})]
+								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", {
@@ -8560,6 +8720,99 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/sidebar.ts
+		/**
+		* The right Sidebar's Context tab (dsh 0.1.5-alpha.2+).
+		*
+		* 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: a capsule of
+		* glyph + title.
+		*
+		* OPTIONAL BY CONTRACT. `ctx.sidebarRightTabs` and the seat ship only on the
+		* 0.1.5 line (0.1.5-alpha.2+ supported); 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 capsule's position: after the shipped Files entry (order 10). */
+		const GUIDE_ORDER = 20;
+		/**
+		* The guide capsule'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;
+			}
+		}
+		/**
+		* 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 watchSidebarContextTab(ctx, view, t, ns) {
+			ctx.inject(["sidebarRightTabs"], (raw) => {
+				const injected = raw;
+				try {
+					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"),
+							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 {
+					return;
+				}
+			});
+		}
+		//#endregion
 		//#region src/client/viewkit.ts
 		function makeViewKit(t) {
 			const { eventLabel, eventAt } = makeEventText(t);
@@ -8576,7 +8829,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-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 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:12px;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");
@@ -8631,7 +8884,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{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 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-stack>div:first-child{border-radius:0 0 2px 2px}.lc-bar-stack>div:last-child{border-radius:2px 2px 0 0}.lc-bar-stack>div:only-child{border-radius:2px}.lc-bar-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-up>div:last-child{border-radius:2px 2px 0 0}.lc-bar-down>div:last-child{border-radius:0 0 2px 2px}.lc-cat-seg{transition:filter var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out), opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease-in-out)}.lc-chart[data-catdim] .lc-cat-seg{opacity:.35}.lc-chart[data-catdim=system] .lc-cat-seg[data-cat=system],.lc-chart[data-catdim=tools] .lc-cat-seg[data-cat=tools],.lc-chart[data-catdim=user] .lc-cat-seg[data-cat=user],.lc-chart[data-catdim=inject] .lc-cat-seg[data-cat=inject],.lc-chart[data-catdim=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");
@@ -8686,7 +8939,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-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 css$3 = ".lc-br-dna-ctl{flex:none;margin-left:0}.lc-br-bar-dna .lc-stacked-seg{background-image:linear-gradient(to right, transparent calc(100% - min(1px, 25%)), var(--dsw-alias-bg-layer-1) 0)}.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");
@@ -8775,6 +9028,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({