dsh-context 0.28.0 → 0.30.0

package/lib/client.js

@@ -44,6 +44,13 @@ window.__ModuleLoader__.load({
 			"trend.title": "历史趋势",
 			"gran.step": "步骤",
 			"gran.turn": "轮次",
+			"settings.title": "上下文",
+			"settings.desc": "上下文面板的展示偏好",
+			"settings.gran": "趋势图默认粒度",
+			"settings.mode": "趋势图默认展示",
+			"settings.expand": "展开",
+			"settings.collapse": "收起",
+			"settings.readOnly": "当前环境的设置为只读",
 			"gran.total": "全量",
 			"gran.diff": "增量",
 			"gran.modeHint": "全量：累计构成；增量：相对上一条请求的变化量",
@@ -125,6 +132,12 @@ window.__ModuleLoader__.load({
 			"block.content": "内容",
 			"block.result": "结果",
 			"block.summary": "摘要",
+			"block.line": "{n} 行",
+			"block.lines": "{n} 行",
+			"call.ok": "正常",
+			"call.fail": "失败",
+			"call.exit": "exit {n}",
+			"node.failed": "工具执行失败",
 			"attach.images": "图片附件",
 			"attach.other": "其他内容",
 			"attach.image": "图片",
@@ -177,6 +190,13 @@ window.__ModuleLoader__.load({
 			"trend.title": "Context History",
 			"gran.step": "Step",
 			"gran.turn": "Turn",
+			"settings.title": "Context",
+			"settings.desc": "Display preferences for the Context panel",
+			"settings.gran": "Default trend granularity",
+			"settings.mode": "Default trend display",
+			"settings.expand": "Expand",
+			"settings.collapse": "Collapse",
+			"settings.readOnly": "Settings are read-only in this environment",
 			"gran.total": "Total",
 			"gran.diff": "Diff",
 			"gran.modeHint": "Total: cumulative makeup; Diff: change vs the previous request",
@@ -258,6 +278,12 @@ window.__ModuleLoader__.load({
 			"block.content": "Content",
 			"block.result": "Result",
 			"block.summary": "Summary",
+			"block.line": "1 line",
+			"block.lines": "{n} lines",
+			"call.ok": "OK",
+			"call.fail": "Failed",
+			"call.exit": "exit {n}",
+			"node.failed": "Tool execution failed",
 			"attach.images": "Images",
 			"attach.other": "Other content",
 			"attach.image": "Image",
@@ -300,7 +326,6 @@ window.__ModuleLoader__.load({
 		function setPendingConsume(sessionId, guard) {
 			pendingConsume.set(sessionId, guard);
 		}
-		/** Take (and clear) the guard recorded by the open path, if any. */
 		function takePendingConsume(sessionId) {
 			const guard = pendingConsume.get(sessionId);
 			if (guard !== void 0) pendingConsume.delete(sessionId);
@@ -500,7 +525,6 @@ window.__ModuleLoader__.load({
 		function numOf(value) {
 			return typeof value === "number" && Number.isFinite(value) ? value : 0;
 		}
-		/** The usable (non-null object) entries of a delivered list; [] when the field is not a list. */
 		function objectsOf(value) {
 			if (!Array.isArray(value)) return [];
 			return value.filter((v) => v !== null && typeof v === "object");
@@ -630,10 +654,6 @@ 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;
 		}
-		/**
-		* Reconstruct the assembled surface for one step (`seq` = the request
-		* record's seq) or the live surface (`seq` = null).
-		*/
 		function assemble(data, headers, seq) {
 			const live = seq === null;
 			let nodes;
@@ -665,7 +685,6 @@ window.__ModuleLoader__.load({
 		const ReactDOM = require("react-dom");
 		//#endregion
 		//#region src/client/components/nodes.tsx
-		/** One-line preview of a surface node (shared by the node list and the Context browser's element rows). */
 		function makeNodeText(kit) {
 			const { t } = kit;
 			return function nodeText(n) {
@@ -700,10 +719,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/format.ts
-		/**
-		* Number/time formatting for the UI. `fmt` uses the same k/M suffix style
-		* everywhere (bars, details, stats); `fmtTime` renders a local HH:MM:SS.
-		*/
+		/** `fmt`: the k/M suffix style shared by bars/details/stats; `fmtTime`: local HH:MM:SS. */
 		function fmt(n) {
 			if (n === void 0 || n === null || isNaN(n)) return "—";
 			const sign = n < 0 ? "-" : "";
@@ -753,7 +769,6 @@ window.__ModuleLoader__.load({
 		const MIN_PIXELS = 147456;
 		const floorDiv = (a, b) => Math.floor(a / b);
 		const ceilDiv = (a, b) => Math.floor((a + b - 1) / b);
-		/** Token count of one patch grid (rows×cols) under the v4 layout rule. */
 		function gridTokens(rows, cols) {
 			let n = rows * (cols + 1) + 2;
 			if (rows % 2 === 1) n += cols + 1;
@@ -835,10 +850,8 @@ window.__ModuleLoader__.load({
 			return safeResize(h, w, paddedHeight, paddedWidth);
 		}
 		/**
-		* Estimate the tokens one image consumes in a DeepSeek vision request, from
-		* its pixel dimensions. Returns null for non-positive/non-finite dimensions
-		* or when the official iteration fails to converge — callers fall back to
-		* the generic structural price.
+		* Estimate the tokens one image consumes in a DeepSeek vision request from its pixel dimensions. Returns null for non-positive/non-finite
+		* dimensions or when the official iteration fails to converge — callers fall back to the generic structural price.
 		*/
 		function estimateImageTokens(width, height) {
 			if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return null;
@@ -857,11 +870,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/images.tsx
 		/**
-		* Narrow an unknown content block to a durable image reference. Accepts both
-		* raw message blocks (`{ type: 'image', attachment }`) and the conversation
-		* snapshot's assistant blocks (`{ kind: 'image', attachment }`); everything
-		* else returns null. Lenient on the ref's optional facts (name/bytes/dims) —
-		* `resolveImage` reads only `attachmentId`.
+		* Narrow an unknown content block to a durable image ref: accepts both raw message blocks (`{ type: 'image', attachment }`) and the
+		* snapshot's assistant blocks (`{ kind: 'image', attachment }`); everything else null. Lenient on the optional facts — resolveImage reads
+		* only attachmentId.
 		*/
 		function imageRefOf(block) {
 			if (block === null || typeof block !== "object") return null;
@@ -887,12 +898,9 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* Document-level original-image preview — the chat history's ImageLightbox
-		* recipe (dsh ui-attachment, which the browser module table does not seed)
-		* ported onto the plugin's lc-* classes: body portal so a transformed or
-		* filtered ancestor cannot trap the fixed backdrop, blurred mask layer,
-		* contain-fit image, circular close control, Escape/mask close, and focus
-		* restored to the opener on unmount.
+		* Document-level original-image preview — the chat history's ImageLightbox recipe (dsh ui-attachment, which the browser module table does
+		* not seed) ported onto the plugin's lc-* classes: body portal (a transformed/filtered ancestor cannot trap the fixed backdrop), blurred
+		* mask, contain-fit image, circular close, Escape/mask close, focus restored to the opener.
 		*/
 		function AttachmentLightbox(props) {
 			const { src, alt, labels, onClose } = props;
@@ -932,13 +940,9 @@ window.__ModuleLoader__.load({
 			}, /* @__PURE__ */ React.createElement(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 16 }))), document.body);
 		}
 		/**
-		* One attachment card: the WHOLE card is the click target — a 64px cover
-		* tile beside a metadata column (display name, then one labeled row per
-		* known fact: Raw, the pre-normalization raster dsh 0.1.1 records when
-		* normalization reduced the image; Sent, the normalized raster the model
-		* receives, with its stored byte size; and the estimated provider-billed
-		* tokens). Clicking opens the chat-style lightbox preview (load failures
-		* retry on click instead). Unknown facts leave no row behind.
+		* One attachment card, the WHOLE card the click target: 64px cover tile + metadata column — Raw (the pre-normalization raster dsh records
+		* when normalization reduced the image), Sent (the normalized raster the model receives, with byte size), estimated provider-billed tokens.
+		* Click opens the chat-style lightbox; load failures retry on click; unknown facts leave no row.
 		*/
 		function makeImageCard(kit) {
 			const { t, fmt } = kit;
@@ -1052,7 +1056,6 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/components/browser.tsx
-		/** Flatten the `anyOf` / `oneOf` alternation into one displayable string. */
 		function unionTypesOf(p) {
 			const branches = [];
 			if (Array.isArray(p.anyOf)) branches.push(...p.anyOf);
@@ -1062,12 +1065,6 @@ window.__ModuleLoader__.load({
 			for (const b of branches) if (b !== null && typeof b === "object") parts.push(typeOf(b));
 			return parts.length > 0 ? parts.join(" | ") : null;
 		}
-		/**
-		* Derive a short, human-readable type label from a JSON Schema fragment.
-		* Arrays show their element type (`array<number>`); unions fold into
-		* `a | b`; enums collapse into `(enum)`. Returns `unknown` when the schema
-		* carries no usable signal — the row falls back to its description then.
-		*/
 		function typeOf(p) {
 			const u = unionTypesOf(p);
 			if (u !== null) return u;
@@ -1089,9 +1086,8 @@ window.__ModuleLoader__.load({
 			return "unknown";
 		}
 		/**
-		* Locate the parameter-bearing object inside a raw tool schema. Producers
-		* may nest it under `parameters`, `input_schema`, `inputSchema`, or hand
-		* the schema as the bare JSON Schema (when `type === 'object'`).
+		* Tool schemas nest parameters under `parameters`, `input_schema`, or `inputSchema` (producer-dependent), or bare when `type === 'object'`
+		* — `{type:'object', properties}` at the root is itself the parameter object.
 		*/
 		function paramsOf(schema) {
 			if (schema === null || typeof schema !== "object") return null;
@@ -1102,33 +1098,19 @@ window.__ModuleLoader__.load({
 			if (s.type === "object" && s.properties !== void 0 && typeof s.properties === "object") return s;
 			return null;
 		}
-		/**
-		* One row of the parsed parameter table — name (mono-styled, with a
-		* required chip), short type label, and the description on its own line
-		* (so a long blurb never breaks the name/type rhythm).
-		*/
 		function ParamRow(props) {
 			const typeLabel = typeOf(props.schema);
 			const desc = props.schema.description;
 			return /* @__PURE__ */ React.createElement("div", { className: "lc-ts-param-row" }, /* @__PURE__ */ React.createElement("span", { className: "lc-ts-param-name" }, props.name), /* @__PURE__ */ React.createElement("span", { className: "lc-ts-param-type" }, typeLabel), /* @__PURE__ */ React.createElement("span", { className: props.required ? "lc-ts-param-req" : "lc-ts-param-req-off" }, props.required ? "✓" : "·"), typeof desc === "string" && desc !== "" ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-param-desc" }, desc) : null);
 		}
 		/**
-		* Section — the ONE detail chrome of the Context browser: a labeled card
-		* (`lc-ts-card`) whose head carries the section title on the left and the
-		* extras on the right (a count badge and/or the Raw/MD switch), with the
-		* body below. Every expanded element renders as a stack of these — prose,
-		* tool calls, parameter rows, image grids, and raw JSON all share the same
-		* frame, so the reader scans one repeating anatomy instead of a different
-		* layout per content kind.
+		* Section — the ONE detail chrome of the browser: every expanded element is a stack of these (labeled head + body), so the reader scans one
+		* repeating anatomy per content kind.
 		*/
 		function Section(props) {
-			return /* @__PURE__ */ React.createElement("div", { className: "lc-ts-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-ts-card-head" }, /* @__PURE__ */ React.createElement("b", { className: props.labelClass }, props.label), props.actions ?? null, props.count !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-count" }, props.count) : null), props.children);
+			const right = props.actions !== void 0 || props.meta !== void 0;
+			return /* @__PURE__ */ React.createElement("div", { className: "lc-ts-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-ts-card-head" }, /* @__PURE__ */ React.createElement("b", { className: props.labelClass }, props.label), right ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-right" }, props.meta ?? null, props.actions ?? null) : null, props.count !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-count" }, props.count) : null), props.children);
 		}
-		/**
-		* TextSection — a prose Section (system prompt, message/injection/summary
-		* body, thinking, answer, tool description): the head's right edge carries
-		* the Raw/MD switch and the body follows the per-card mode.
-		*/
 		function TextSection(props) {
 			const { rich } = props;
 			const [mode, setMode] = rich.useRichMode();
@@ -1137,21 +1119,19 @@ window.__ModuleLoader__.load({
 				actions: /* @__PURE__ */ React.createElement(rich.RichSwitch, {
 					mode,
 					onPick: setMode
-				})
+				}),
+				meta: props.meta
 			}, /* @__PURE__ */ React.createElement(rich.RichText, {
 				text: props.text,
 				mode
 			}));
 		}
-		/** RawSection — a dimmed text Section without a view switch (structured payloads: tool results, raw JSON). */
 		function RawSection(props) {
 			return /* @__PURE__ */ React.createElement(Section, { label: props.label }, /* @__PURE__ */ React.createElement("pre", { className: "lc-ts-desc-body lc-br-dim" }, props.text));
 		}
 		/**
-		* The full body of one expanded tool row: description, a parsed parameter
-		* table (when the schema carries one), and the raw JSON behind a toggle.
-		* Owns its own open/closed state for the JSON so two expanded tools stay
-		* independent.
+		* Full tool-row body: description, parsed parameter table (when the schema carries one), raw JSON behind a per-row toggle — the JSON open
+		* state is per-row so two expanded tools stay independent.
 		*/
 		function ToolSchema(props) {
 			const { rich } = props;
@@ -1196,14 +1176,9 @@ window.__ModuleLoader__.load({
 			}, (jsonOpen ? "▾ " : "▸ ") + (jsonOpen ? props.labels.hide : props.labels.show)), jsonOpen ? /* @__PURE__ */ React.createElement("pre", { className: "lc-ts-desc-body lc-br-dim" }, schemaJson) : null) : null);
 		}
 		/**
-		* Render one message's content blocks as a uniform Section stack. Both
-		* block vocabularies normalize here — raw durable blocks (`type`: text /
-		* reasoning / tool-call / tool-result / image, arguments) and the
-		* conversation snapshot's assistant blocks (`kind`: text / reasoning /
-		* tool-call / image, argsRaw). Consecutive images group into one grid
-		* section; `richable` bodies (messages, injections) carry the Raw/MD
-		* switch while tool-result payloads stay raw (structured data, not prose)
-		* and dim; nested tool-result blocks flatten into the same flow.
+		* Both block vocabularies normalize here — raw durable blocks (`type`: text/reasoning/tool-call/tool-result/image) and snapshot assistant
+		* blocks (`kind`: text/reasoning/tool-call/image, argsRaw). Consecutive images group into one grid; tool-result payloads carry the Raw/MD
+		* switch + line count; nested tool-result blocks flatten into the same flow.
 		*/
 		function BlocksBody(props) {
 			const { rich, img, labels } = props;
@@ -1234,15 +1209,12 @@ window.__ModuleLoader__.load({
 				const blockKind = blk !== null ? typeof blk.type === "string" ? blk.type : typeof blk.kind === "string" ? blk.kind : "" : "";
 				if ((blockKind === "text" || blockKind === "reasoning") && typeof blk?.text === "string") {
 					const label = blockKind === "reasoning" ? labels.thinking : props.textLabel;
-					out.push(props.richable ? /* @__PURE__ */ React.createElement(TextSection, {
+					out.push(/* @__PURE__ */ React.createElement(TextSection, {
 						key: out.length,
 						label,
 						text: blk.text,
-						rich
-					}) : /* @__PURE__ */ React.createElement(RawSection, {
-						key: out.length,
-						label,
-						text: blk.text
+						rich,
+						meta: props.textLabel === labels.result ? /* @__PURE__ */ React.createElement("span", { className: "lc-ts-card-meta" }, labels.lines(blk.text.split("\n").length)) : void 0
 					}));
 					continue;
 				}
@@ -1275,11 +1247,6 @@ window.__ModuleLoader__.load({
 			flushImages();
 			return /* @__PURE__ */ React.createElement(React.Fragment, null, out);
 		}
-		/**
-		* Parse a call's raw argument payload into an object; null when the payload
-		* is missing, malformed, or not a JSON object (callers fall back to the raw
-		* text).
-		*/
 		function parseArgs(raw) {
 			if (typeof raw !== "string" || raw === "") return null;
 			try {
@@ -1290,11 +1257,8 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/**
-		* The one-line summary a call's arguments carry about the call: a
-		* bash-style `description` says what it does; path-taking tools (edit /
-		* read / write) name their target via `file_path`/`path`/`filePath`. Null
-		* when the arguments hold neither — the row then falls back to the generic
-		* label.
+		* A call's preview: bash-style `description`, or the target path (`file_path`/`path`/`filePath`) for edit/read/write tools; null when the
+		* arguments hold neither.
 		*/
 		function summaryIn(args) {
 			if (args === null) return null;
@@ -1309,18 +1273,24 @@ window.__ModuleLoader__.load({
 			}
 			return null;
 		}
-		/**
-		* The summary of a tool result's own call — the collapsed row's preview.
-		* Null when the call summarizes to nothing.
-		*/
 		function callSummaryOf(conv) {
 			return summaryIn(parseArgs(conv?.call?.argsRaw));
 		}
 		/**
-		* The first call summary inside an assistant message's tool-call blocks —
-		* the collapsed-row preview for a text-less assistant turn. Null when no
-		* block summarizes.
+		* The dsh `[exit code: N]` marker across the payload's direct text blocks — surfaced only on the FAILED run-state pill, the one place the
+		* number matters.
 		*/
+		function exitCodeOf(conv) {
+			if (conv === void 0 || !Array.isArray(conv.content)) return null;
+			for (const b of conv.content) {
+				if (b === null || typeof b !== "object") continue;
+				const blk = b;
+				if (typeof blk.text !== "string") continue;
+				const m = blk.text.match(/\[exit code:\s*(\d+)\]/);
+				if (m !== null) return Number(m[1]);
+			}
+			return null;
+		}
 		function blockSummaryOf(conv) {
 			if (conv === void 0 || !Array.isArray(conv.blocks)) return null;
 			for (const b of conv.blocks) {
@@ -1331,37 +1301,23 @@ window.__ModuleLoader__.load({
 			}
 			return null;
 		}
-		/**
-		* One tool call as a Section, mirroring the tool-definition parameter
-		* card: the head names the call target (mono, with the parsed argument
-		* count), the body lists the arguments as name/value rows. Arguments that
-		* are not a parseable JSON object fall back to the raw payload inside the
-		* same card. Shared by assistant tool-call blocks (`→`) and the call half
-		* of a tool result (`←`).
-		*/
 		function ToolCallCard(props) {
 			const args = React.useMemo(() => parseArgs(props.argsRaw), [props.argsRaw]);
 			return /* @__PURE__ */ React.createElement(Section, {
 				label: (props.arrow ?? "→") + " " + props.name,
 				labelClass: "lc-ts-call-name",
-				count: args !== null ? Object.keys(args).length : void 0
+				meta: props.status
 			}, args !== null ? Object.keys(args).map((k) => /* @__PURE__ */ React.createElement(CallArgRow, {
 				key: k,
 				name: k,
 				value: args[k]
 			})) : typeof props.argsRaw === "string" && props.argsRaw !== "" ? /* @__PURE__ */ React.createElement("pre", { className: "lc-ts-desc-body lc-br-dim" }, props.argsRaw) : null);
 		}
-		/** One parsed call argument: the name on the left, the value on the right. */
 		function CallArgRow(props) {
 			const v = props.value;
 			const text = typeof v === "string" ? v : v === void 0 ? "" : JSON.stringify(v);
 			return /* @__PURE__ */ React.createElement("div", { className: "lc-ts-arg-row" }, /* @__PURE__ */ React.createElement("span", { className: "lc-ts-param-name" }, props.name), /* @__PURE__ */ React.createElement("span", { className: "lc-ts-arg-val" }, text));
 		}
-		/**
-		* The actual content of one surface element, joined from the conversation
-		* snapshot — rendered as a uniform Section stack (see BlocksBody); the
-		* element row's open body wraps the stack in `lc-br-content`.
-		*/
 		function NodeContent(props) {
 			const { node, conv, rich, img, labels } = props;
 			if (conv === void 0) {
@@ -1380,18 +1336,22 @@ window.__ModuleLoader__.load({
 				img,
 				labels
 			});
-			if (conv.kind === "tool-result") return /* @__PURE__ */ React.createElement(React.Fragment, null, conv.call != null ? /* @__PURE__ */ React.createElement(ToolCallCard, {
-				arrow: "←",
-				name: conv.call.name,
-				argsRaw: conv.call.argsRaw
-			}) : null, Array.isArray(conv.content) ? /* @__PURE__ */ React.createElement(BlocksBody, {
-				blocks: conv.content,
-				richable: false,
-				textLabel: labels.result,
-				rich,
-				img,
-				labels
-			}) : null);
+			if (conv.kind === "tool-result") {
+				const err = node.err === true || conv.isError === true;
+				return /* @__PURE__ */ React.createElement(React.Fragment, null, conv.call != null ? /* @__PURE__ */ React.createElement(ToolCallCard, {
+					arrow: "←",
+					name: conv.call.name,
+					argsRaw: conv.call.argsRaw,
+					status: labels.callState(err, err ? exitCodeOf(conv) : null)
+				}) : null, Array.isArray(conv.content) ? /* @__PURE__ */ React.createElement(BlocksBody, {
+					blocks: conv.content,
+					richable: false,
+					textLabel: labels.result,
+					rich,
+					img,
+					labels
+				}) : null);
+			}
 			if (conv.kind === "compaction") return typeof conv.summary === "string" && conv.summary !== "" ? /* @__PURE__ */ React.createElement(TextSection, {
 				label: labels.summary,
 				text: conv.summary,
@@ -1407,19 +1367,16 @@ window.__ModuleLoader__.load({
 			});
 			return /* @__PURE__ */ React.createElement("div", { className: "lc-br-note" }, props.hint);
 		}
-		/** Group an assembled surface's nodes by category (for per-category counts). */
 		function byCatOf(asm) {
 			const m = {};
 			for (const n of asm.nodes) (m[n.cat] ??= []).push(n);
 			return m;
 		}
-		/** Count one category's elements in an assembled surface (header cats included). */
 		function countOf(asm, c) {
 			if (c === "system") return asm.header !== null && asm.header.system !== void 0 ? 1 : 0;
 			if (c === "tools") return asm.header !== null ? asm.header.tools.length : 0;
 			return byCatOf(asm)[c]?.length ?? 0;
 		}
-		/** The last request of `turn` in a seq-ordered timeline, or null. */
 		function lastOfTurn(requests, turn) {
 			for (let i = requests.length - 1; i >= 0; i--) if ((requests[i].turn ?? 0) === turn) return requests[i];
 			return null;
@@ -1520,9 +1477,11 @@ window.__ModuleLoader__.load({
 				const toggleElem = (key) => {
 					setOpenElem(openElem === key ? null : key);
 				};
-				/** One expandable element row (preview line; the open body is the
-				* uniform indented section stack — `lc-br-content`). */
-				const elemRow = (key, tag, preview, tokens, time, body) => {
+				/**
+				* Expandable element row; `err` rows carry the red run-state dot right after the chevron (the chat's failed-tool marker) so a failed
+				* result scans while collapsed.
+				*/
+				const elemRow = (key, tag, preview, tokens, time, body, err = false) => {
 					const open = openElem === key;
 					return /* @__PURE__ */ React.createElement("div", {
 						key,
@@ -1533,7 +1492,10 @@ window.__ModuleLoader__.load({
 						onClick: () => {
 							toggleElem(key);
 						}
-					}, /* @__PURE__ */ React.createElement("span", { className: "lc-br-chev" + (open ? " lc-br-chev-on" : "") }, "▸"), tag !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-br-tag" }, tag) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-br-preview" }, preview), time !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-br-time" }, fmtTime(time)) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-br-tokens" }, "≈" + fmt(tokens))), open ? /* @__PURE__ */ React.createElement("div", { className: "lc-br-content" }, body) : null);
+					}, /* @__PURE__ */ React.createElement("span", { className: "lc-br-chev" + (open ? " lc-br-chev-on" : "") }, "▸"), err ? /* @__PURE__ */ React.createElement("span", {
+						className: "lc-br-err-dot",
+						title: t("node.failed")
+					}) : null, tag !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-br-tag" }, tag) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-br-preview" }, preview), time !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-br-time" }, fmtTime(time)) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-br-tokens" }, "≈" + fmt(tokens))), open ? /* @__PURE__ */ React.createElement("div", { className: "lc-br-content" }, body) : null);
 				};
 				const catBody = (c) => {
 					if (c === "system") {
@@ -1565,17 +1527,18 @@ window.__ModuleLoader__.load({
 						});
 					}
 					return (byCat[c] ?? []).slice().reverse().map((n) => {
+						const conv = bySeq.get(n.seq);
+						const rowErr = n.cat === "tool" && (n.err === true || conv !== void 0 && conv.isError === true);
 						let tag = null;
 						let preview = nodeText(n);
 						if (n.cat === "tool") {
-							tag = n.skill ? t("node.skillTag", { name: n.skill }) : (n.tool ?? "?") + (n.err ? " ⚠" : "");
-							preview = callSummaryOf(bySeq.get(n.seq)) ?? t("node.toolResult") + (n.err ? " ⚠" : "");
+							tag = n.skill ? t("node.skillTag", { name: n.skill }) : n.tool ?? "?";
+							preview = callSummaryOf(conv) ?? t("node.toolResult");
 						} else if (n.cat === "assistant" && Array.isArray(n.calls) && n.calls.length > 0) {
 							tag = n.calls.join(" › ");
-							preview = (n.text !== void 0 && n.text !== "" ? n.text : null) ?? blockSummaryOf(bySeq.get(n.seq)) ?? t("node.empty");
-						} else if (n.cat === "assistant" && (n.text === void 0 || n.text === "")) preview = blockSummaryOf(bySeq.get(n.seq)) ?? preview;
+							preview = (n.text !== void 0 && n.text !== "" ? n.text : null) ?? blockSummaryOf(conv) ?? t("node.empty");
+						} else if (n.cat === "assistant" && (n.text === void 0 || n.text === "")) preview = blockSummaryOf(conv) ?? preview;
 						else if (n.cat === "user") {
-							const conv = bySeq.get(n.seq);
 							const imgCount = conv !== void 0 && Array.isArray(conv.content) ? conv.content.filter((b) => imageRefOf(b) !== null).length : 0;
 							if (imgCount > 0 && openElem !== `n${n.seq}`) tag = t("attach.image") + (imgCount > 1 ? " ×" + String(imgCount) : "");
 						} else if (n.cat === "inject" && !n.skill) {
@@ -1584,7 +1547,7 @@ window.__ModuleLoader__.load({
 						}
 						return elemRow(`n${n.seq}`, tag, preview, n.tokens, n.time, /* @__PURE__ */ React.createElement(NodeContent, {
 							node: n,
-							conv: bySeq.get(n.seq),
+							conv,
 							rich,
 							img: {
 								Card: ImageCard,
@@ -1597,10 +1560,12 @@ window.__ModuleLoader__.load({
 								result: t("block.result"),
 								summary: t("block.summary"),
 								images: t("attach.images"),
-								other: t("attach.other")
+								other: t("attach.other"),
+								lines: (n) => t(n === 1 ? "block.line" : "block.lines", { n }),
+								callState: (err, exit) => /* @__PURE__ */ React.createElement("span", { className: "lc-ts-call-state " + (err ? "lc-ts-call-err" : "lc-ts-call-ok") }, /* @__PURE__ */ React.createElement("i", null), err ? t("call.fail") + (exit !== null ? " · " + t("call.exit", { n: exit }) : "") : t("call.ok"))
 							},
-							hint: bySeq.get(n.seq) === void 0 && awaiting ? t("browser.loading") : t("browser.noContent")
-						}));
+							hint: conv === void 0 && awaiting ? t("browser.loading") : t("browser.noContent")
+						}), rowErr);
 					});
 				};
 				return /* @__PURE__ */ React.createElement("div", { className: "lc-card" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("browser.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-br-hint" }, t("browser.deltaHint")), /* @__PURE__ */ React.createElement("select", {
@@ -1655,12 +1620,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/stackedBar.tsx
 		/**
-		* DSH's automatic compaction trigger as a fraction of the routed context
-		* window — the default `thresholdRatio` of `@deepseek-ai/dsh-compaction-basic`
-		* (it compacts at step boundaries once `floor(contextWindow × ratio)` is
-		* reached). DSH does not publish the configured ratio to plugins or clients,
-		* so the UI mirrors the default here; deployments that tune `thresholdRatio`
-		* / `modelPolicies` can adjust it if they want the reserve band to match.
+		* Mirror of dsh-compaction-basic's default `thresholdRatio` (0.8): it compacts at step boundaries once `floor(contextWindow × ratio)` is
+		* reached; DSH does not publish the configured ratio to plugins/clients, so the reserve band mirrors the default — deployments tuning
+		* `thresholdRatio`/`modelPolicies` should adjust it to match.
 		*/
 		const AUTO_COMPACT_RATIO = .8;
 		function makeStackedBar(kit) {
@@ -1930,6 +1892,145 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/components/settingsCard.tsx
+		function PrefRow(props) {
+			const [open, setOpen] = React.useState(false);
+			const active = props.options.find((o) => o.id === props.value)?.label ?? props.value;
+			return /* @__PURE__ */ React.createElement("div", { className: "lc-settings-row" }, /* @__PURE__ */ React.createElement("span", { className: "lc-settings-label" }, props.label), /* @__PURE__ */ React.createElement(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				onClose: () => {
+					setOpen(false);
+				},
+				items: props.options,
+				selectedId: props.value,
+				onSelect: (id) => {
+					setOpen(false);
+					props.onPick(id);
+				},
+				align: "end",
+				portal: true,
+				anchor: /* @__PURE__ */ React.createElement("button", {
+					type: "button",
+					className: "lc-settings-select",
+					disabled: props.disabled,
+					"aria-haspopup": "menu",
+					"aria-expanded": open,
+					onClick: () => {
+						setOpen((v) => !v);
+					}
+				}, active, /* @__PURE__ */ React.createElement(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, null))
+			}));
+		}
+		function makeSettingsCard(kit) {
+			const { t } = kit;
+			return function SettingsCard(props) {
+				const [open, setOpen] = React.useState(false);
+				const state = typeof props.useContextSettings === "function" ? props.useContextSettings((s) => s) : void 0;
+				if (state === void 0 || state.status === "unavailable") return null;
+				const disabled = state.status !== "ready" || !state.writable;
+				return /* @__PURE__ */ React.createElement("li", { className: "lc-settings-card" + (open ? " lc-settings-open" : "") }, /* @__PURE__ */ React.createElement("button", {
+					type: "button",
+					className: "lc-settings-head",
+					"aria-expanded": open,
+					"aria-label": `${t(open ? "settings.collapse" : "settings.expand")}: ${t("settings.title")}`,
+					onClick: () => {
+						setOpen(!open);
+					}
+				}, /* @__PURE__ */ React.createElement("span", { className: "lc-settings-headtext" }, /* @__PURE__ */ React.createElement("span", { className: "lc-settings-name" }, t("settings.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-settings-desc" }, t("settings.desc"))), /* @__PURE__ */ React.createElement(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: "lc-settings-chevron" })), open ? /* @__PURE__ */ React.createElement("div", { className: "lc-settings-body" }, !state.writable && state.status === "ready" ? /* @__PURE__ */ React.createElement("p", {
+					className: "lc-settings-note",
+					role: "status"
+				}, t("settings.readOnly")) : null, /* @__PURE__ */ React.createElement(PrefRow, {
+					label: t("settings.gran"),
+					value: state.granularity,
+					disabled,
+					options: [{
+						id: "step",
+						label: t("gran.step")
+					}, {
+						id: "turn",
+						label: t("gran.turn")
+					}],
+					onPick: (id) => {
+						props.set?.("defaultGranularity", id);
+					}
+				}), /* @__PURE__ */ React.createElement(PrefRow, {
+					label: t("settings.mode"),
+					value: state.mode,
+					disabled,
+					options: [{
+						id: "total",
+						label: t("gran.total")
+					}, {
+						id: "diff",
+						label: t("gran.diff")
+					}],
+					onPick: (id) => {
+						props.set?.("defaultTrendMode", id);
+					}
+				})) : null);
+			};
+		}
+		//#endregion
+		//#region src/client/settings.ts
+		function prefsOf(value) {
+			if (value === null || typeof value !== "object") return {};
+			const v = value;
+			return {
+				...v.defaultGranularity === "step" || v.defaultGranularity === "turn" ? { granularity: v.defaultGranularity } : {},
+				...v.defaultTrendMode === "total" || v.defaultTrendMode === "diff" ? { mode: v.defaultTrendMode } : {}
+			};
+		}
+		function createContextSettings() {
+			let state = {
+				status: "loading",
+				granularity: "step",
+				mode: "total",
+				writable: false
+			};
+			let scope;
+			const listeners = /* @__PURE__ */ new Set();
+			const publish = (next) => {
+				if (next.status === state.status && next.granularity === state.granularity && next.mode === state.mode && next.writable === state.writable) return;
+				state = next;
+				for (const listener of listeners) listener();
+			};
+			return {
+				store: {
+					subscribe(listener) {
+						listeners.add(listener);
+						return () => {
+							listeners.delete(listener);
+						};
+					},
+					getSnapshot: () => state
+				},
+				defaultGranularity: () => state.granularity,
+				defaultTrendMode: () => state.mode,
+				attach(bound) {
+					scope = bound;
+					const sync = () => {
+						const snap = bound.getSnapshot();
+						const prefs = prefsOf(snap.value);
+						publish({
+							status: snap.status === "ready" || snap.status === "unavailable" ? snap.status : "loading",
+							granularity: prefs.granularity ?? state.granularity,
+							mode: prefs.mode ?? state.mode,
+							writable: snap.writable
+						});
+					};
+					sync();
+					return bound.subscribe(sync);
+				},
+				set(field, value) {
+					publish({
+						...state,
+						...prefsOf({ [field]: value })
+					});
+					scope?.set(field, value);
+				}
+			};
+		}
+		//#endregion
 		//#region src/client/components/events.tsx
 		const EVENT_ICONS = {
 			compaction: "✂",
@@ -1938,7 +2039,6 @@ window.__ModuleLoader__.load({
 			model: "⇄",
 			mode: "⇄"
 		};
-		/** Build the event text helpers bound to the translate function. */
 		function makeEventText(t) {
 			function eventLabel(ev) {
 				if (ev.kind === "compaction") return t("ev.compaction", { n: ev.count || 0 });
@@ -1955,11 +2055,8 @@ window.__ModuleLoader__.load({
 				return label;
 			}
 			/**
-			* Where this event sits in the request timeline, as a label or null.
-			* Boundary events (compaction/prune) show the GAP they sit in: same-turn
-			* "Step 2→3", cross-turn "Turn 50 · Step 8 → Turn 51 · Step 1". Injections
-			* and model switches belong to one request and keep the single point.
-			* Events with no following request (in flight) stay unlabeled.
+			* Where this event sits in the timeline: boundary events (compaction/prune) label the GAP they sit in — same-turn 'Turn 2 · Step 3→4',
+			* cross-turn 'Turn 50 · Step 8 → Turn 51 · Step 1'; other kinds keep their single point; no turn/step (in flight) → null.
 			*/
 			function eventAt(ev) {
 				if (ev.kind === "compaction" || ev.kind === "prune") {
@@ -2028,20 +2125,14 @@ window.__ModuleLoader__.load({
 			};
 		}
 		const PLUGIN_REPO = "https://github.com/bowenliang123/dsh-context";
-		/** Short `owner/repo` form of the GitHub URL, for display only. */
 		const PLUGIN_REPO_SHORT = PLUGIN_REPO.replace(/^https?:\/\/github\.com\//, "");
 		//#endregion
 		//#region src/client/latestVersion.ts
 		/**
-		* Latest published version of this plugin on the npm registry — the one
-		* live check the Plugin info card performs. Fetched lazily on the first
-		* card mount and cached with a 1-hour TTL, so the registry is hit at most
-		* once per hour per page. Every failure mode (offline, CSP-blocked,
-		* non-200, malformed body) narrows to null = no upgrade hint, so the card
-		* silently keeps its static version.
+		* One live check for the Plugin-info card: lazy with 1h TTL; every failure
+		* mode narrows to null so the card silently keeps its static version.
 		*/
 		const REGISTRY_URL = "https://registry.npmjs.org/dsh-context/latest";
-		/** How long a registry result stays fresh before the next check refetches. */
 		const TTL_MS = 36e5;
 		let cached = null;
 		function fetchLatestVersion() {
@@ -2076,7 +2167,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = React.useState(null);
 				React.useEffect(() => {
-					if ("0.28.0".includes("-dev")) return;
+					if ("0.30.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -2085,8 +2176,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.28.0") ? latest : null;
-				const nameValue = ["dsh-context (v0.28.0)"];
+				const update = latest !== null && isNewerVersion(latest, "0.30.0") ? latest : null;
+				const nameValue = ["dsh-context (v0.30.0)"];
 				if (update) nameValue.push(/* @__PURE__ */ React.createElement("span", {
 					key: "update",
 					className: "lc-pi-update"
@@ -2211,7 +2302,6 @@ window.__ModuleLoader__.load({
 			}
 			return any ? total : null;
 		}
-		/** Short money format: two decimals at and above one unit, two significant digits below. */
 		function formatCost(amount, currency) {
 			return (currency === "cny" ? "¥" : "$") + (amount >= 1 ? amount.toFixed(2) : amount.toPrecision(2));
 		}
@@ -2236,15 +2326,10 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/statsBoard.tsx
 		/**
-		* Cache-hit share of billed prompt-side input — same buckets as the harness's
-		* chat stats line below the input box (`cacheReadTokens` over the three
-		* disjoint billed buckets: uncached + reads + writes). Unlike that line's
-		* whole-percent rounding, this one TRUNCATES to two decimal places (cut, not
-		* round). Null when no input was billed. A tiny epsilon keeps a double stored
-		* a hair below a cent boundary (e.g. 80.00 as 79.9999999999…) from losing its
-		* last digit — with integer token counts no genuine value ever sits that close
-		* to a boundary, so the epsilon can only absorb float noise. Bucket reads go
-		* through numOf so a malformed payload degrades to a dash instead of NaN text.
+		* Cache-hit share of billed prompt-side input — same three disjoint buckets as the harness chat line (`cacheReadTokens` over uncached +
+		* reads + writes), but deliberately TRUNCATES to two decimals (cut, not round), unlike that line's integer rounding; null when nothing was
+		* billed. The 1e-9 epsilon absorbs only float noise (integer token counts never sit that close to a boundary); `numOf` keeps malformed
+		* payloads at a dash.
 		*/
 		function cacheHitPercent(usage) {
 			const uncached = numOf(usage.uncachedInputTokens);
@@ -2291,12 +2376,8 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/components/trendChart.tsx
 		/**
-		* Collapse a per-step request timeline into one bar per turn: each turn is
-		* represented by its LAST step's record (the context state when the turn
-		* finished), tagged with the number of steps the turn spans so the bar can
-		* keep the turn's column width and the detail can label it. Requests of one
-		* turn are consecutive in the log, so a run of equal turns is replaced by
-		* its final record.
+		* Collapse per-step requests into one bar per turn — each turn is represented by its LAST step's record, tagged `stepCount` for the bar's
+		* column width; the log keeps one turn's requests consecutive, so a run of equal turns collapses to its final record.
 		*/
 		function aggregateByTurn(requests) {
 			const out = [];
@@ -2320,10 +2401,8 @@ window.__ModuleLoader__.load({
 			return out;
 		}
 		/**
-		* Attach each boundary event (compaction/prune) to the first request
-		* logged after it — one entry per request index, for the ✂ marker above
-		* the bar and the range chip in the detail header. Shared by TrendChart
-		* and the detail panel so both show the SAME event for a request.
+		* Attach each boundary event (compaction/prune) to the first request logged after it — one entry per index, for the ✂ marker and the detail
+		* chip; shared with the detail panel so both show the SAME event.
 		*/
 		function attachMarkers(requests, events) {
 			const markers = new Array(requests.length);
@@ -2345,14 +2424,8 @@ window.__ModuleLoader__.load({
 			const anchorOf = (req) => typeof req.prompt === "number" && req.prompt > 0 && req.total > 0 ? req.prompt / req.total : 1;
 			const barTotalOf = (req) => typeof req.prompt === "number" && req.prompt > 0 ? req.prompt : req.total;
 			/**
-			* Transform one request into its per-request incremental diff for the
-			* diff mode. Each category becomes |current − previous| (the magnitude of
-			* change, stacked like the cumulative bars), `total` becomes the summed
-			* magnitude, and `net` keeps the signed change for the tooltip. The first
-			* request (no previous) diff from empty is zero, so the diff mode's scale
-			* is driven purely by inter-request changes rather than the initial
-			* cumulative baseline. Provider prompt/output are dropped: they are
-			* per-request values, not diffs.
+			* Diff mode: each category becomes |current − previous|, `total` the summed magnitude, `net` the signed change for the tooltip; the first
+			* request diffs from zero so the scale is change-driven, and per-request provider prompt/output are dropped (they are not diffs).
 			*/
 			const diffOf = (req, prev) => {
 				const out = { ...req };
@@ -2422,6 +2495,17 @@ window.__ModuleLoader__.load({
 					grp.count++;
 					grp.span += req.stepCount ?? 1;
 				}
+				const turnOffsets = [];
+				const turnWidths = [];
+				{
+					let x = 0;
+					for (const grp of groups) {
+						const w = grp.agg ? BAR_W : grp.span * 16 - BAR_GAP;
+						turnOffsets.push(x);
+						turnWidths.push(w);
+						x += w + BAR_GAP;
+					}
+				}
 				const scrollRef = React.useRef(null);
 				const scrolledOnce = React.useRef(false);
 				const lastGranRef = React.useRef(props.granularity);
@@ -2444,6 +2528,35 @@ window.__ModuleLoader__.load({
 						right
 					});
 				};
+				/**
+				* Keep each turn label centered within its block's VISIBLE slice so it never scrolls out while any part of the block is on screen
+				* (narrower-than-label blocks stay put); reads (offsetWidth) batch before writes (transform) to avoid layout thrash — out-of-view
+				* blocks need no measurement.
+				*/
+				const updateTurnLabels = (el) => {
+					const labels = el.querySelectorAll(".lc-turn-label");
+					const n = Math.min(labels.length, turnOffsets.length);
+					const sl = el.scrollLeft;
+					const vr = sl + el.clientWidth;
+					const writes = [];
+					for (let i = 0; i < n; i++) {
+						const off = turnOffsets[i];
+						const w = turnWidths[i];
+						const visL = Math.max(off, sl);
+						const visR = Math.min(off + w, vr);
+						let dx = 0;
+						if (visR > visL) {
+							const lw = labels[i].offsetWidth;
+							if (lw < w) {
+								const center = (visL + visR) / 2 - off;
+								dx = Math.min(Math.max(center, lw / 2), w - lw / 2) - w / 2;
+							}
+						}
+						const next = dx !== 0 ? `translateX(${dx}px)` : "";
+						if (labels[i].style.transform !== next) writes.push([labels[i], next]);
+					}
+					for (const [label, next] of writes) label.style.transform = next;
+				};
 				React.useLayoutEffect(() => {
 					const el = scrollRef.current;
 					if (el === null) return;
@@ -2464,6 +2577,7 @@ window.__ModuleLoader__.load({
 						el.scrollLeft = el.scrollWidth;
 					} else if (el.scrollLeft + el.clientWidth >= el.scrollWidth - 24) el.scrollLeft = el.scrollWidth;
 					updateEdges(el);
+					updateTurnLabels(el);
 				});
 				const tipOf = (req) => {
 					const head = req.stepCount !== void 0 && req.stepCount > 1 ? t("tip.turn", {
@@ -2486,6 +2600,7 @@ window.__ModuleLoader__.load({
 					ref: scrollRef,
 					onScroll: (e) => {
 						updateEdges(e.currentTarget);
+						updateTurnLabels(e.currentTarget);
 					}
 				}, edges.left ? /* @__PURE__ */ React.createElement("div", { className: "lc-chart-fade lc-chart-fade-l" }) : null, /* @__PURE__ */ React.createElement("div", {
 					className: "lc-chart",
@@ -2512,12 +2627,11 @@ window.__ModuleLoader__.load({
 					}
 				}, groups.map((grp, gi) => {
 					const on = props.activeTurn === grp.turn;
-					const blockW = grp.agg ? BAR_W : grp.span * 16 - BAR_GAP;
 					return /* @__PURE__ */ React.createElement("span", {
 						key: `turn-${gi}`,
 						className: "lc-turn" + (on ? " lc-turn-on" : ""),
 						style: {
-							width: `${blockW}px`,
+							width: `${turnWidths[gi]}px`,
 							background: TURN_FILLS[gi % TURN_FILLS.length]
 						},
 						title: `T${grp.turn}`,
@@ -2527,7 +2641,7 @@ window.__ModuleLoader__.load({
 						onClick: () => {
 							props.onPickTurn(grp.turn);
 						}
-					}, `T${grp.turn}`);
+					}, /* @__PURE__ */ React.createElement("span", { className: "lc-turn-label" }, `T${grp.turn}`));
 				}))), edges.right ? /* @__PURE__ */ React.createElement("div", { className: "lc-chart-fade lc-chart-fade-r" }) : null);
 			};
 		}
@@ -2541,7 +2655,7 @@ window.__ModuleLoader__.load({
 			"model",
 			"mode"
 		];
-		function makeContextView(ctx, kit) {
+		function makeContextView(ctx, kit, settings) {
 			const { t } = kit;
 			const StackedBar = makeStackedBar(kit);
 			const CurrentComposition = makeCurrentComposition(kit, StackedBar, makeLegend(kit));
@@ -2564,8 +2678,8 @@ window.__ModuleLoader__.load({
 				const [hoveredSeq, setHoveredSeq] = React.useState(null);
 				const [hoverTurn, setHoverTurn] = React.useState(null);
 				const [tick, setTick] = React.useState(0);
-				const [granularity, setGranularity] = React.useState("step");
-				const [trendMode, setTrendMode] = React.useState("total");
+				const [granularity, setGranularity] = React.useState(() => settings.defaultGranularity());
+				const [trendMode, setTrendMode] = React.useState(() => settings.defaultTrendMode());
 				const [focusTurn, setFocusTurn] = React.useState(null);
 				const [hoverCat, setHoverCat] = React.useState(null);
 				const [pickedKinds, setPickedKinds] = React.useState([...EVENT_KINDS]);
@@ -2751,7 +2865,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-global-css:/home/runner/work/dsh-context/dsh-context/src/client/styles.css.mjs
-		const css = ".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-l1);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-card-title{align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-stats{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;display:grid}.lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);cursor:help;border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tipped:hover .lc-stat-q{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary)}.lc-stat-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:280px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-stat-tipped:hover .lc-stat-tip{opacity:1}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-model{color:var(--dsw-alias-label-primary)}.lc-card-sub{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:400}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);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;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-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:#8080802e;border-radius:5px;width:100%;display:flex;position:relative;overflow:hidden}.lc-occupied-box{border:2px solid var(--dsw-alias-label-tertiary);box-sizing:border-box;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--dsw-alias-bg-layer-2);border-radius:5px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:3px 8px;font-size:12px;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg{transition:filter .12s,opacity .12s}.lc-stacked-free{box-sizing:border-box;transition:box-shadow .12s,opacity .12s}.lc-stacked-seg-on{filter:brightness(1.18)}.lc-reserve{z-index:1;pointer-events:auto;cursor:help;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-state-warn-primary) 24%, transparent) 0 5px, transparent 5px 10px);position:absolute;top:0;bottom:0}.lc-stacked-free-on{border:2px dashed var(--dsw-alias-label-secondary);border-radius:3px}.lc-stacked-dim .lc-stacked-seg{opacity:.35}.lc-stacked-dim .lc-stacked-seg-on{opacity:1}.lc-stacked-dim .lc-stacked-free{opacity:.35}.lc-stacked-dim .lc-stacked-free-on{opacity:1}.lc-legend{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin-top:10px;display:grid}.lc-chip{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:1px 6px;transition:background-color .12s;display:flex}.lc-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.lc-chip-nums{white-space:nowrap;flex:none;align-items:baseline;gap:6px;margin-left:auto;display:inline-flex}.lc-chip i,.lc-detail-row i,.lc-node i{border-radius:2px;width:8px;height:8px;display:inline-block}.lc-chip i{transition:box-shadow .12s}.lc-chip em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-chip-on{background:var(--dsw-alias-interactive-bg-hover);font-weight:600}.lc-chip-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-tools{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.lc-tools-label,.lc-tools-more{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px}.lc-tools-label:hover,.lc-tools-more:hover{text-decoration:underline}.lc-tool-chip{background:var(--dsw-alias-bg-layer-2);font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:0;border-radius:4px;padding:1px 7px;font-size:12px}.lc-tool-chip:hover{text-decoration:underline}.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-mid{top:69px}.lc-axis-bot{top:125px}.lc-chart-scroll{scrollbar-width:thin;flex:1;min-width:0;padding-bottom:8px;position:relative;overflow:auto hidden}.lc-chart-fade{pointer-events:none;z-index:2;width:26px;position:absolute;top:0;bottom:0}.lc-chart-fade-l{background:linear-gradient(to right, var(--dsw-alias-bg-layer-1), transparent);left:0}.lc-chart-fade-r{background:linear-gradient(to left, var(--dsw-alias-bg-layer-1), transparent);right:0}.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-l1);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-mid{top:74px}.lc-bar{cursor:pointer;border-radius:2px;flex:none;align-items:flex-end;width:14px;height:100%;transition:opacity .12s,background-color .12s;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;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.lc-bar:hover{background:var(--dsw-alias-bg-layer-2)}.lc-bar-hovered{outline:1px dashed var(--dsw-alias-brand-primary);outline-offset:1px}.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-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}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:3px;flex:none;height:14px;font-size:10px;font-weight:600;line-height:14px;transition:filter .12s,opacity .12s;overflow:hidden}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-detail{border-top:1px solid var(--dsw-alias-border-l1);margin-top:12px;padding-top:12px}.lc-detail-head{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary)}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:var(--dsw-alias-bg-layer-2);border-radius:6px;padding:1px 7px;font-size:11px}.lc-detail-head .lc-actual{color:var(--dsw-alias-state-success-primary)}.lc-detail-tag{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:0 6px;font-size:11px}.lc-detail-rows{grid-template-columns:1fr 1fr;gap:4px 24px;margin-top:10px;display:grid}.lc-detail-row{align-items:center;gap:8px;display:flex}.lc-detail-label{white-space:nowrap;min-width:70px;color:var(--dsw-alias-label-secondary)}.lc-bar-track{background:#8080802e;border-radius:3px;flex:1;height:5px;display:block;overflow:hidden}.lc-bar-fill{border-radius:3px;height:100%;display:block}.lc-detail-num{text-align:right;width:44px}.lc-detail-pct{text-align:right;width:34px;color:var(--dsw-alias-label-secondary)}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:280px}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head>.lc-card:first-child{flex:7 1 0;min-width:360px}.lc-head>.lc-card:last-child{flex:3 1 0;min-width:220px}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-row:hover .lc-pi-value{text-decoration:underline}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13px;font-weight:600;overflow:hidden}.lc-events,.lc-nodes{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.lc-event{align-items:center;gap:8px;padding:3px 0;display:flex}.lc-event-icon{text-align:center;width:18px;color:var(--dsw-alias-state-warn-primary)}.lc-event-icon.lc-event-inject{color:#a855f7}.lc-event-icon.lc-event-model{color:var(--dsw-alias-brand-primary)}.lc-event-icon.lc-event-mode{color:var(--dsw-alias-label-secondary)}.lc-kind{white-space:nowrap;border-radius:4px;flex:none;padding:1px 6px;font-size:10px;font-weight:600}.lc-kind-inject{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-kind-compaction{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent);color:var(--dsw-alias-state-error-primary)}.lc-kind-prune{color:#8b5cf6;background:#8b5cf626}.lc-kind-model{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 15%, transparent);color:var(--dsw-alias-brand-primary)}.lc-kind-mode{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 15%, transparent);color:var(--dsw-alias-label-secondary)}.lc-event-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lc-event-at{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none;font-size:11px}.lc-event-tokens{color:var(--dsw-alias-state-success-primary);white-space:nowrap;font-weight:600}.lc-event-tokens.lc-up{color:var(--dsw-alias-state-warn-primary)}.lc-event-time{color:var(--dsw-alias-label-secondary);font-size:12px}.lc-node{align-items:center;gap:8px;padding:3px 0;display:flex}.lc-node-preview{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);flex:1;overflow:hidden}.lc-node-time{color:var(--dsw-alias-label-secondary);text-align:right;min-width:54px;font-size:12px}.lc-node-tokens{color:var(--dsw-alias-label-secondary)}.lc-nodes-more{color:var(--dsw-alias-label-secondary);padding:3px 0}.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{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-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;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}.lc-modal-backdrop{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lc-modal-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);width:min(720px,100vw - 48px);max-height:min(82vh,760px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;padding:16px 18px 18px;font-size:13px;overflow-y:auto}.lc-modal-head{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.lc-modal-title{font-size:14px;font-weight:600}.lc-modal-close{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:18px;line-height:1}.lc-modal-close:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.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-l1);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-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l1);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;background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;transition:background-color .12s;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{border-radius:2px;flex:none;width:8px;height:8px;transition:box-shadow .12s;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;color:var(--dsw-alias-label-secondary);flex:none;transition:transform .12s}.lc-br-chev-on{transform:rotate(90deg)}.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;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;transition:background-color .12s;display:flex}.lc-br-elem-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-br-tag{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;flex:none;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.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)}.lc-ts-card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;overflow:hidden}.lc-ts-card-head{color:var(--dsw-alias-label-secondary);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.lc-ts-card-head b{color:var(--dsw-alias-label-primary)}.lc-ts-call-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.lc-ts-card-count{margin-left:auto}.lc-ts-desc-body{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:320px;margin:0;padding:8px 10px;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-param-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:140px 90px 56px 1fr;align-items:baseline;gap:2px 10px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-param-row:first-of-type{border-top:0}.lc-ts-param-name{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lc-ts-param-type{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.lc-ts-param-req{color:var(--dsw-alias-state-warn-primary);font-size:11px;font-weight:600}.lc-ts-param-req-off{color:var(--dsw-alias-label-secondary);font-size:11px}.lc-ts-param-desc{color:var(--dsw-alias-label-secondary);grid-column:1/-1;line-height:1.5}.lc-ts-params-empty{color:var(--dsw-alias-label-secondary);padding:8px 10px;font-size:12px}.lc-ts-arg-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,96px) 1fr;align-items:start;column-gap:12px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-arg-row:first-of-type{border-top:0}.lc-ts-arg-row .lc-ts-param-name{text-overflow:unset;white-space:normal;overflow-wrap:anywhere;overflow:visible}.lc-ts-arg-val{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-json{flex-direction:column;gap:4px;display:flex}.lc-ts-json-toggle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:11px}.lc-ts-json-toggle:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.lc-rich-seg{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-rich-seg-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-rich-seg-btn:hover{color:var(--dsw-alias-label-primary)}.lc-rich-seg-on,.lc-rich-seg-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-ts-desc-md{color:var(--dsw-alias-label-primary);word-break:break-word;scrollbar-width:thin;max-height:320px;padding:4px 10px;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-desc-md>div{font-size:13px;line-height:1.55}.lc-ts-desc-md div :is(h1,h2,h3,h4,h5,h6){margin:10px 0 4px;font-size:13px;font-weight:600}.lc-ts-desc-md div p,.lc-ts-desc-md div pre{margin:6px 0}.lc-ts-desc-md div :not(pre)>code{box-decoration-break:clone;padding:1px 5px;line-height:1.3;font-size:1em!important}.lc-ts-desc-md div table code{font-size:inherit}.lc-att-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px 10px;display:grid}.lc-att-item{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l1);width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.lc-att-item:hover{border-color:var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-att-thumb{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:flex;overflow:hidden}.lc-att-thumb img{object-fit:cover;width:100%;height:100%;display:block}.lc-att-ph,.lc-att-err{color:var(--dsw-alias-label-secondary);text-align:center;padding:2px;font-size:10px}.lc-att-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.lc-att-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.3}.lc-att-row{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:11px}.lc-att-row-label{min-width:3.2em;font-weight:400;display:inline-block}.lc-att-lightbox{z-index:1000;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.lc-att-lightbox-mask{background:var(--dsw-alias-bg-mask-1,#00000073);backdrop-filter:var(--dsw-mask-blur,blur(2px));position:absolute;inset:0}.lc-att-lightbox-img{object-fit:contain;background:var(--dsw-specific-input-major,var(--dsw-alias-bg-layer-1));max-width:min(100%,1600px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);border-radius:12px;position:relative}.lc-att-lightbox-close{z-index:1;border:1px solid var(--dsw-alias-border-l2-darkmode-thin,var(--dsw-alias-border-l1));background:var(--dsw-specific-input-major,var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:20px;right:20px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])){display:none}";
+		const css = ".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-l1);border-radius:10px;margin-bottom:14px;padding:14px 16px}.lc-card-title{align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-stats{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;display:grid}.lc-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:6px;display:flex}.lc-stat-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lc-stat-value{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14px;font-weight:600;overflow:hidden}.lc-stat-sub{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lc-stat-tipped{position:relative}.lc-stat-q{text-align:center;width:11px;height:11px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);cursor:help;border-radius:50%;margin-left:4px;font-size:9px;font-style:normal;font-weight:700;line-height:11px;display:inline-block}.lc-stat-tipped:hover .lc-stat-q{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary)}.lc-stat-tip{z-index:6;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:280px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-stat-tipped:hover .lc-stat-tip{opacity:1}.lc-stat-tip-prices{border-top:1px dashed var(--dsw-alias-border-l1);margin-top:5px;padding-top:5px;display:block}.lc-stat-tip-head{font-weight:600;display:block}.lc-stat-tip-row{margin-top:2px;display:block}.lc-stat-tip-model{color:var(--dsw-alias-label-primary)}.lc-card-sub{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:400}.lc-gran,.lc-kinds{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);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;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-settings-card{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;transition:border-color .16s,background .16s}.lc-settings-card:hover{border-color:var(--dsw-alias-label-dimmed)}.lc-settings-open,.lc-settings-open:hover{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.lc-settings-head{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.lc-settings-headtext{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lc-settings-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.lc-settings-desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.lc-settings-chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.lc-settings-open .lc-settings-chevron{transform:rotate(180deg)}.lc-settings-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 12px}.lc-settings-row{align-items:center;gap:8px;padding:8px 0;display:flex}.lc-settings-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:14px}.lc-settings-select{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.lc-settings-select:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.lc-settings-select:disabled{opacity:.5;cursor:default}.lc-settings-note{color:var(--dsw-alias-label-tertiary);margin:12px 0 4px;font-size:12px;line-height:1.5}.lc-overview-num{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.lc-overview-num>b{font-size:20px}.lc-overview-num span{color:var(--dsw-alias-label-secondary)}.lc-overview-pct{margin-left:auto;font-size:11px}.lc-overview-pct b{color:var(--dsw-alias-label-primary);margin-right:4px;font-size:20px}.lc-stacked-wrap{width:100%;position:relative}.lc-stacked{background:#8080802e;border-radius:5px;width:100%;display:flex;position:relative;overflow:hidden}.lc-occupied-box{border:2px solid var(--dsw-alias-label-tertiary);box-sizing:border-box;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--dsw-alias-bg-layer-2);border-radius:5px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.lc-occupied-box-on{opacity:1}.lc-bar-tip{z-index:5;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:3px 8px;font-size:12px;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.lc-bar-tip-on{opacity:1}.lc-stacked>div{height:100%}.lc-stacked-seg{transition:filter .12s,opacity .12s}.lc-stacked-free{box-sizing:border-box;transition:box-shadow .12s,opacity .12s}.lc-stacked-seg-on{filter:brightness(1.18)}.lc-reserve{z-index:1;pointer-events:auto;cursor:help;background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--dsw-alias-state-warn-primary) 24%, transparent) 0 5px, transparent 5px 10px);position:absolute;top:0;bottom:0}.lc-stacked-free-on{border:2px dashed var(--dsw-alias-label-secondary);border-radius:3px}.lc-stacked-dim .lc-stacked-seg{opacity:.35}.lc-stacked-dim .lc-stacked-seg-on{opacity:1}.lc-stacked-dim .lc-stacked-free{opacity:.35}.lc-stacked-dim .lc-stacked-free-on{opacity:1}.lc-legend{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin-top:10px;display:grid}.lc-chip{min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:1px 6px;transition:background-color .12s;display:flex}.lc-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.lc-chip-nums{white-space:nowrap;flex:none;align-items:baseline;gap:6px;margin-left:auto;display:inline-flex}.lc-chip i,.lc-detail-row i,.lc-node i{border-radius:2px;width:8px;height:8px;display:inline-block}.lc-chip i{transition:box-shadow .12s}.lc-chip em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-chip-on{background:var(--dsw-alias-interactive-bg-hover);font-weight:600}.lc-chip-on i{box-shadow:0 0 0 1px var(--dsw-alias-brand-primary)}.lc-tools{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.lc-tools-label,.lc-tools-more{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px}.lc-tools-label:hover,.lc-tools-more:hover{text-decoration:underline}.lc-tool-chip{background:var(--dsw-alias-bg-layer-2);font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:0;border-radius:4px;padding:1px 7px;font-size:12px}.lc-tool-chip:hover{text-decoration:underline}.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-mid{top:69px}.lc-axis-bot{top:125px}.lc-chart-scroll{scrollbar-width:thin;flex:1;min-width:0;padding-bottom:8px;position:relative;overflow:auto hidden}.lc-chart-fade{pointer-events:none;z-index:2;width:26px;position:absolute;top:0;bottom:0}.lc-chart-fade-l{background:linear-gradient(to right, var(--dsw-alias-bg-layer-1), transparent);left:0}.lc-chart-fade-r{background:linear-gradient(to left, var(--dsw-alias-bg-layer-1), transparent);right:0}.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-l1);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-mid{top:74px}.lc-bar{cursor:pointer;border-radius:2px;flex:none;align-items:flex-end;width:14px;height:100%;transition:opacity .12s,background-color .12s;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;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.lc-bar:hover{background:var(--dsw-alias-bg-layer-2)}.lc-bar-hovered{outline:1px dashed var(--dsw-alias-brand-primary);outline-offset:1px}.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-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}.lc-turn{box-sizing:border-box;text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:3px;flex:none;height:14px;font-size:10px;font-weight:600;line-height:14px;transition:filter .12s,opacity .12s;overflow:hidden}.lc-turn-on{filter:brightness(1.35);color:var(--dsw-alias-label-primary)}.lc-turn-label{text-overflow:ellipsis;max-width:100%;display:inline-block;overflow:hidden}.lc-detail{border-top:1px solid var(--dsw-alias-border-l1);margin-top:12px;padding-top:12px}.lc-detail-head{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary)}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:var(--dsw-alias-bg-layer-2);border-radius:6px;padding:1px 7px;font-size:11px}.lc-detail-head .lc-actual{color:var(--dsw-alias-state-success-primary)}.lc-detail-tag{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:0 6px;font-size:11px}.lc-detail-rows{grid-template-columns:1fr 1fr;gap:4px 24px;margin-top:10px;display:grid}.lc-detail-row{align-items:center;gap:8px;display:flex}.lc-detail-label{white-space:nowrap;min-width:70px;color:var(--dsw-alias-label-secondary)}.lc-bar-track{background:#8080802e;border-radius:3px;flex:1;height:5px;display:block;overflow:hidden}.lc-bar-fill{border-radius:3px;height:100%;display:block}.lc-detail-num{text-align:right;width:44px}.lc-detail-pct{text-align:right;width:34px;color:var(--dsw-alias-label-secondary)}.lc-cols{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.lc-col{flex:1;min-width:280px}.lc-cols>.lc-card,.lc-col>.lc-card:last-child{margin-bottom:0}.lc-col-browser{flex-direction:column;display:flex}.lc-col-browser>.lc-card{flex:1}.lc-head>.lc-card:first-child{flex:7 1 0;min-width:360px}.lc-head>.lc-card:last-child{flex:3 1 0;min-width:220px}.lc-pi-grid{grid-template-columns:1fr;gap:8px;display:grid}.lc-pi-row{min-width:0;color:inherit;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;display:flex}.lc-pi-row:hover .lc-pi-value{text-decoration:underline}.lc-pi-update{color:var(--dsw-alias-state-warn-primary);white-space:nowrap;margin-left:6px;font-size:11px}.lc-pi-label{color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-weight:600;overflow:hidden}.lc-pi-value{min-width:0;color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13px;font-weight:600;overflow:hidden}.lc-events,.lc-nodes{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.lc-event{align-items:center;gap:8px;padding:3px 0;display:flex}.lc-event-icon{text-align:center;width:18px;color:var(--dsw-alias-state-warn-primary)}.lc-event-icon.lc-event-inject{color:#a855f7}.lc-event-icon.lc-event-model{color:var(--dsw-alias-brand-primary)}.lc-event-icon.lc-event-mode{color:var(--dsw-alias-label-secondary)}.lc-kind{white-space:nowrap;border-radius:4px;flex:none;padding:1px 6px;font-size:10px;font-weight:600}.lc-kind-inject{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-kind-compaction{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent);color:var(--dsw-alias-state-error-primary)}.lc-kind-prune{color:#8b5cf6;background:#8b5cf626}.lc-kind-model{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 15%, transparent);color:var(--dsw-alias-brand-primary)}.lc-kind-mode{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 15%, transparent);color:var(--dsw-alias-label-secondary)}.lc-event-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lc-event-at{color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none;font-size:11px}.lc-event-tokens{color:var(--dsw-alias-state-success-primary);white-space:nowrap;font-weight:600}.lc-event-tokens.lc-up{color:var(--dsw-alias-state-warn-primary)}.lc-event-time{color:var(--dsw-alias-label-secondary);font-size:12px}.lc-node{align-items:center;gap:8px;padding:3px 0;display:flex}.lc-node-preview{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);flex:1;overflow:hidden}.lc-node-time{color:var(--dsw-alias-label-secondary);text-align:right;min-width:54px;font-size:12px}.lc-node-tokens{color:var(--dsw-alias-label-secondary)}.lc-nodes-more{color:var(--dsw-alias-label-secondary);padding:3px 0}.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{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-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.lc-error-retry{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;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}.lc-modal-backdrop{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lc-modal-card{box-sizing:border-box;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);width:min(720px,100vw - 48px);max-height:min(82vh,760px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);color:var(--dsw-alias-label-primary);border-radius:12px;padding:16px 18px 18px;font-size:13px;overflow-y:auto}.lc-modal-head{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.lc-modal-title{font-size:14px;font-weight:600}.lc-modal-close{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:18px;line-height:1}.lc-modal-close:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.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-l1);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-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-l1);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;background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;transition:background-color .12s;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{border-radius:2px;flex:none;width:8px;height:8px;transition:box-shadow .12s;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;color:var(--dsw-alias-label-secondary);flex:none;transition:transform .12s}.lc-br-chev-on{transform:rotate(90deg)}.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;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;transition:background-color .12s;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{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;flex:none;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.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)}.lc-ts-card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;min-width:0;overflow:hidden}.lc-ts-card-head{color:var(--dsw-alias-label-secondary);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.lc-ts-card-head b{color:var(--dsw-alias-label-primary)}.lc-ts-call-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.lc-ts-card-count{margin-left:auto}.lc-ts-card-right{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.lc-ts-card-meta{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.lc-ts-call-state{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.lc-ts-call-state i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.lc-ts-call-ok{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent)}.lc-ts-call-err{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}.lc-ts-desc-body{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:320px;margin:0;padding:8px 10px;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-param-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:140px 90px 56px 1fr;align-items:baseline;gap:2px 10px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-param-row:first-of-type{border-top:0}.lc-ts-param-name{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lc-ts-param-type{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.lc-ts-param-req{color:var(--dsw-alias-state-warn-primary);font-size:11px;font-weight:600}.lc-ts-param-req-off{color:var(--dsw-alias-label-secondary);font-size:11px}.lc-ts-param-desc{color:var(--dsw-alias-label-secondary);grid-column:1/-1;line-height:1.5}.lc-ts-params-empty{color:var(--dsw-alias-label-secondary);padding:8px 10px;font-size:12px}.lc-ts-arg-row{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:minmax(0,96px) 1fr;align-items:start;column-gap:12px;padding:6px 10px;font-size:12px;display:grid}.lc-ts-arg-row:first-of-type{border-top:0}.lc-ts-arg-row .lc-ts-param-name{text-overflow:unset;white-space:normal;overflow-wrap:anywhere;overflow:visible}.lc-ts-arg-val{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;max-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;overflow-y:auto}.lc-ts-json{flex-direction:column;gap:4px;display:flex}.lc-ts-json-toggle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:11px}.lc-ts-json-toggle:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.lc-rich-seg{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;gap:2px;margin-left:auto;padding:1px;display:flex}.lc-rich-seg-btn{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;line-height:1}.lc-rich-seg-btn:hover{color:var(--dsw-alias-label-primary)}.lc-rich-seg-on,.lc-rich-seg-on:hover{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.lc-ts-desc-md{color:var(--dsw-alias-label-primary);word-break:break-word;overflow-wrap:anywhere;white-space:pre-line;scrollbar-width:thin;min-width:0;max-height:320px;padding:4px 10px;font-size:12px;line-height:1.55;overflow:hidden auto}.lc-ts-desc-md>div{font-size:13px;line-height:1.55}.lc-ts-desc-md div :is(h1,h2,h3,h4,h5,h6){margin:10px 0 4px;font-size:13px;font-weight:600}.lc-ts-desc-md div p{margin:6px 0}.lc-ts-desc-md div pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:6px 0}.lc-ts-desc-md div :not(pre)>code{box-decoration-break:clone;padding:1px 5px;line-height:1.3;font-size:1em!important}.lc-ts-desc-md div table code{font-size:inherit}.lc-att-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px 10px;display:grid}.lc-att-item{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l1);width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.lc-att-item:hover{border-color:var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));background:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-att-thumb{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:flex;overflow:hidden}.lc-att-thumb img{object-fit:cover;width:100%;height:100%;display:block}.lc-att-ph,.lc-att-err{color:var(--dsw-alias-label-secondary);text-align:center;padding:2px;font-size:10px}.lc-att-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.lc-att-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.3}.lc-att-row{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:11px}.lc-att-row-label{min-width:3.2em;font-weight:400;display:inline-block}.lc-att-lightbox{z-index:1000;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.lc-att-lightbox-mask{background:var(--dsw-alias-bg-mask-1,#00000073);backdrop-filter:var(--dsw-mask-blur,blur(2px));position:absolute;inset:0}.lc-att-lightbox-img{object-fit:contain;background:var(--dsw-specific-input-major,var(--dsw-alias-bg-layer-1));max-width:min(100%,1600px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-shadow-lv3,0 12px 32px #0006);border-radius:12px;position:relative}.lc-att-lightbox-close{z-index:1;border:1px solid var(--dsw-alias-border-l2-darkmode-thin,var(--dsw-alias-border-l1));background:var(--dsw-specific-input-major,var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:20px;right:20px}[data-conversation-scroll]:has(.lc-root)>[data-composer-seat]:not(:has([data-approval-key],[data-question-key],[data-plan-review-key])){display:none}";
 		const tagId = "dsh-context/styles.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2794,7 +2908,8 @@ window.__ModuleLoader__.load({
 			}, "dsh-context: dictionaries");
 			const t = ctx.locale.bind(NS);
 			const kit = makeViewKit(t);
-			const ContextView = makeContextView(ctx, kit);
+			const settings = createContextSettings();
+			const ContextView = makeContextView(ctx, kit, settings);
 			ctx.effect(() => {
 				const noop = () => {};
 				const sessions = ctx.get("sessions");
@@ -2828,6 +2943,26 @@ window.__ModuleLoader__.load({
 					inject: (sessionId) => ({ hooks: { contextModal: modalStoreOf(sessionId) } })
 				}, (props) => h(ContextModal, props));
 			});
+			ctx.inject(["settingsScope"], (raw) => {
+				const c = raw;
+				const binder = c.settingsScope;
+				if (binder === void 0) return;
+				c.effect(() => settings.attach(binder.bind({ namespace: NS })), "dsh-context: settings scope");
+				const SettingsCard = makeSettingsCard(kit);
+				c.slots.inject("settings.plugin.item", () => {
+					return c.slots.register({
+						name: "settings.plugin.item",
+						key: NS,
+						locale: NS,
+						inject: () => ({
+							hooks: { contextSettings: settings.store },
+							set: (field, value) => {
+								settings.set(field, value);
+							}
+						})
+					}, (props) => h(SettingsCard, props));
+				});
+			});
 		}
 		module.exports = {
 			name: "dsh-context",