dsh-context 0.33.1 → 0.34.0

package/lib/client.js

@@ -66,10 +66,11 @@ window.__ModuleLoader__.load({
 			"brief.input": "输入",
 			"brief.reply": "回复",
 			"brief.more": "+{n}",
+			"brief.noInputs": "（无新增）",
 			"brief.locate": "在上下文浏览器中查看",
-			"brief.turnTip": "这一轮开场时用户发送的消息",
-			"brief.inputTip": "这一步新进入上下文的内容（通常是上一步工具调用的结果）",
-			"brief.replyTip": "这一步模型返回的内容（文本回复或工具调用）",
+			"brief.turnTip": "这一轮开场时用户发送的消息；回合内的每一步都会回显同一条",
+			"brief.inputTip": "上一步回复之后、本次请求发出前新进入上下文的内容——通常是上一步所调工具的结果；每轮的第一步无新增",
+			"brief.replyTip": "这一步模型返回的内容（文本回复或工具调用）；此步发起的调用，其结果会出现在下一柱的「输入」行",
 			"events.title": "上下文事件",
 			"events.empty": "暂无上下文事件（压缩、注入、模型切换会出现在这里）",
 			"events.at": "第 {t} 轮 · 第 {s} 步",
@@ -95,15 +96,28 @@ window.__ModuleLoader__.load({
 			"files.sortTip": "文件排序：按操作次数（选中分类时按该分类的次数）、最近操作时间或路径",
 			"files.files": "{n} 个文件",
 			"files.deltaTip": "按 edit/write 调用参数估算的累计行数变化：+ 新增 / − 删除",
-			"files.unresolved": "… 另有 {n} 次文件操作的路径超出保留窗口",
 			"files.empty": "该范围内没有文件读取、写入或搜索操作",
 			"files.noMatch": "没有匹配当前过滤条件的文件",
 			"files.locate": "在上下文浏览器中查看此次操作",
-			"files.moreOps": "+{n} 次更早操作",
 			"files.errs": "{n} 次失败",
 			"files.form.image": "图片",
 			"files.form.dir": "目录",
 			"files.form.text": "文件",
+			"agents.title": "Agent 网络",
+			"agents.sub": "当前 Agent 与子 Agent 的实时上下文 · 点击节点跳转会话",
+			"agents.chip.count": "{n} 个 Agent",
+			"agents.chip.running": "{n} 个运行中",
+			"agents.chip.tokens": "上下文合计 {n}",
+			"agents.more": "另有 {n} 个未显示",
+			"agents.solo": "还没有子 Agent — 当 Agent 通过 subagent 工具委派任务时，协作网络会在这里展开",
+			"agents.self": "当前",
+			"agents.running": "运行中",
+			"agents.legend.free": "空闲窗口",
+			"agents.oneshot": "一次性",
+			"agents.continuable": "多轮",
+			"agents.requests": "{n} 次请求",
+			"agents.billed": "累计计费 {n}",
+			"agents.open": "点击打开会话 →",
 			"loading": "正在读取会话日志…",
 			"error": "上下文数据读取失败：",
 			"error.retry": "重试",
@@ -242,10 +256,11 @@ window.__ModuleLoader__.load({
 			"brief.input": "In",
 			"brief.reply": "Response",
 			"brief.more": "+{n}",
+			"brief.noInputs": "(nothing new)",
 			"brief.locate": "Reveal in Context Browser",
-			"brief.turnTip": "The user message that opened this turn",
-			"brief.inputTip": "What newly entered the context for this step (usually results of the previous tool calls)",
-			"brief.replyTip": "What the model returned on this step (a text reply or tool calls)",
+			"brief.turnTip": "The user message that opened this turn — every step of the turn recalls it",
+			"brief.inputTip": "What entered after the previous reply and before this request went out — usually the previous tool-call results; a turn opener has nothing new",
+			"brief.replyTip": "What the model returned on this step (a text reply or tool calls) — results of calls made here appear in the In row of the next bar",
 			"events.title": "Context Events",
 			"events.empty": "No context events yet (compaction, injections, model switches appear here)",
 			"events.at": "Turn {t} · Step {s}",
@@ -271,15 +286,28 @@ window.__ModuleLoader__.load({
 			"files.sortTip": "Sort files by operation counts (of the selected kind when a kind chip is active), most recent activity, or path",
 			"files.files": "{n} files",
 			"files.deltaTip": "Cumulative line change estimated from edit/write call arguments: + added / − removed",
-			"files.unresolved": "… {n} more file ops have paths outside the retained window",
 			"files.empty": "No file reads, writes, or searches in this range",
 			"files.noMatch": "No files match the current filters",
 			"files.locate": "Reveal this operation in the Context Browser",
-			"files.moreOps": "+{n} earlier ops",
 			"files.errs": "{n} failed",
 			"files.form.image": "Image",
 			"files.form.dir": "Directory",
 			"files.form.text": "File",
+			"agents.title": "Agent Network",
+			"agents.sub": "Live context of this agent and its subagents · click a node to open its session",
+			"agents.chip.count": "{n} agents",
+			"agents.chip.running": "{n} running",
+			"agents.chip.tokens": "{n} tokens in context",
+			"agents.more": "{n} more not shown",
+			"agents.solo": "No subagents yet — when the agent delegates work through the subagent tool, the network unfolds here",
+			"agents.self": "current",
+			"agents.running": "running",
+			"agents.legend.free": "free window",
+			"agents.oneshot": "one-shot",
+			"agents.continuable": "continuable",
+			"agents.requests": "{n} requests",
+			"agents.billed": "{n} billed",
+			"agents.open": "click to open →",
 			"loading": "Reading the session log…",
 			"error": "Failed to read context data: ",
 			"error.retry": "Retry",
@@ -578,7 +606,7 @@ window.__ModuleLoader__.load({
 		* every field read below must re-prove itself (the no-white-screen
 		* guarantee), so no field may borrow the wire type before its check.
 		*/
-		function asRecord(value) {
+		function asRecord$1(value) {
 			if (value === null || value === void 0 || typeof value !== "object") return null;
 			return value;
 		}
@@ -607,7 +635,7 @@ window.__ModuleLoader__.load({
 		* during render and unmounting the conversation view.
 		*/
 		function timelineOf(value) {
-			const data = asRecord(value);
+			const data = asRecord$1(value);
 			if (data === null) return null;
 			const current = data.current;
 			if (current !== null && typeof current === "object" && [
@@ -655,7 +683,7 @@ window.__ModuleLoader__.load({
 		* back to their derived anchor, so the UI degrades gracefully.
 		*/
 		function contextPressureOf(value) {
-			return asRecord(value);
+			return asRecord$1(value);
 		}
 		/**
 		* Narrow a delivered projection value to the official token-meter
@@ -665,7 +693,7 @@ window.__ModuleLoader__.load({
 		* own sums instead of mixing sources.
 		*/
 		function contextBreakdownOf(value) {
-			const data = asRecord(value);
+			const data = asRecord$1(value);
 			if (data === null) return null;
 			const { systemTokens, toolsTokens, messageTokens } = data;
 			if (typeof systemTokens !== "number" || !Number.isFinite(systemTokens)) return null;
@@ -684,7 +712,7 @@ window.__ModuleLoader__.load({
 		* usage yet) — callers drop the cache-hit cell to a dash.
 		*/
 		function tokenUsageOf(value) {
-			return asRecord(value);
+			return asRecord$1(value);
 		}
 		/**
 		* Narrow a delivered projection value to the plugin's `contextHeaders`
@@ -698,7 +726,7 @@ window.__ModuleLoader__.load({
 		* and the card falls back to its tokens-only note.
 		*/
 		function headersOf(value) {
-			const headers = asRecord(value);
+			const headers = asRecord$1(value);
 			if (headers === null || !Array.isArray(headers.headers)) return null;
 			for (const h of headers.headers) {
 				if (h === null || typeof h !== "object") return null;
@@ -2512,21 +2540,17 @@ window.__ModuleLoader__.load({
 				removed: 0
 			};
 			const byPath = /* @__PURE__ */ new Map();
-			let unresolved = 0;
 			for (const n of nodes) {
 				if (n.cat !== "tool") continue;
 				if (before !== null && n.seq >= before) continue;
 				const kind = kindOfTool(n.tool);
 				if (kind === null) continue;
 				const tool = n.tool;
-				totals[kind].ops++;
 				const conv = convOf(n.seq);
 				const args = parseCallArgs(conv?.call?.argsRaw);
 				const path = pathOfArgs(tool, args);
-				if (args === null || path === null) {
-					unresolved++;
-					continue;
-				}
+				if (path === null || args === null) continue;
+				totals[kind].ops++;
 				const { added, removed } = deltaOf(tool, args);
 				const detail = kind === "search" && typeof args.path === "string" && args.path !== "" && typeof args.pattern === "string" && args.pattern !== "" ? args.pattern : void 0;
 				const op = {
@@ -2579,8 +2603,7 @@ window.__ModuleLoader__.load({
 			entries.sort((a, b) => b.ops[0].seq - a.ops[0].seq);
 			return {
 				entries,
-				totals,
-				unresolved
+				totals
 			};
 		}
 		/**
@@ -2594,6 +2617,588 @@ window.__ModuleLoader__.load({
 			for (const r of requests) if (r.seq > seq && (gone === void 0 || gone > r.seq)) return r.seq;
 			return gone === void 0 ? "live" : null;
 		}
+		const SLOT_MAX = 184;
+		const SLOT_MIN = 112;
+		const CAPTION_GUTTER = 8;
+		const LEVEL_H = 154;
+		const CELL_H = 90;
+		const PAD_Y = 56;
+		function asRecord(value) {
+			if (value === null || value === void 0 || typeof value !== "object") return null;
+			return value;
+		}
+		/** Narrow one list-row value; null when it is not a row at all. */
+		function agentRowOf(value) {
+			const rec = asRecord(value);
+			if (rec === null) return null;
+			const projections = asRecord(rec.projectionValues);
+			return {
+				...typeof rec.displayTitle === "string" ? { displayTitle: rec.displayTitle } : {},
+				...typeof rec.title === "string" ? { title: rec.title } : {},
+				...typeof rec.parentId === "string" ? { parentId: rec.parentId } : {},
+				...typeof rec.origin === "string" ? { origin: rec.origin } : {},
+				running: rec.running === true,
+				completed: rec.completed === true,
+				blank: rec.blank === true,
+				updatedAt: numOf(rec.updatedAt),
+				...projections !== null ? { projections } : {}
+			};
+		}
+		/** Narrow the subagent identity projection value (null = not a descriptor-backed subagent). */
+		function agentIdentityOf(value) {
+			const rec = asRecord(value);
+			if (rec === null) return null;
+			if (rec.mode !== "one-shot" && rec.mode !== "continuable") return null;
+			return {
+				mode: rec.mode,
+				...typeof rec.label === "string" && rec.label !== "" ? { label: rec.label } : {}
+			};
+		}
+		/** Narrow the subagent timing projection value into a single duration (null = absent/malformed). */
+		function agentDurationOf(value) {
+			const rec = asRecord(value);
+			if (rec === null) return null;
+			const settled = numOf(rec.settledMs);
+			const active = asRecord(rec.active);
+			const total = settled + (active !== null ? Math.max(0, numOf(active.through) - numOf(active.since)) : 0);
+			return total > 0 ? total : null;
+		}
+		/**
+		* Fold one row's projection values into render-ready stats. The composition
+		* prefers the plugin's own `contextTimeline` (six buckets, provider-anchored
+		* by token-meter's pressure/breakdown — the exact headlineOf derivation the
+		* overview card shows); a pressure-only row (plugin host half absent for that
+		* session) still yields an occupancy ring without slices.
+		*/
+		function agentStatsOf(values) {
+			const timeline = timelineOf(values?.contextTimeline);
+			const pressure = contextPressureOf(values?.contextPressure);
+			const breakdown = contextBreakdownOf(values?.contextBreakdown);
+			const usage = tokenUsageOf(values?.tokenUsage);
+			let head = null;
+			if (timeline !== null) head = headlineOf(timeline, pressure, breakdown);
+			else if (pressure !== null) {
+				const tokens = typeof pressure.projectedTokens === "number" ? pressure.projectedTokens : typeof pressure.pressureTokens === "number" ? pressure.pressureTokens : null;
+				if (tokens !== null) {
+					const window = typeof pressure.contextWindow === "number" && pressure.contextWindow > 0 ? pressure.contextWindow : void 0;
+					head = {
+						tokens,
+						window,
+						pct: window !== void 0 ? Math.min(100, Math.round(tokens / window * 100)) : null,
+						parts: []
+					};
+				}
+			}
+			const billed = usage !== null ? numOf(usage.uncachedInputTokens) + numOf(usage.outputTokens) + numOf(usage.cacheReadTokens) + numOf(usage.cacheWriteTokens) : null;
+			return {
+				head,
+				requests: timeline !== null ? timeline.requests.length : 0,
+				billed,
+				durationMs: agentDurationOf(values?.subagentTiming),
+				identity: agentIdentityOf(values?.subagent)
+			};
+		}
+		/**
+		* Build the current session's agent family from a session-list snapshot:
+		* walk up `parentId` to the topmost known ancestor, then DFS its whole
+		* subtree (blank placeholder rows excluded). Null when there is no anchor —
+		* no current session, or a snapshot without a `byId` table (older harness).
+		* The current session synthesizes a row when the list has not delivered it
+		* yet, so the card can still show its live self stats.
+		*/
+		function agentForestOf(snapshot, currentId, self) {
+			const byId = asRecord(asRecord(snapshot)?.byId);
+			if (byId === null || currentId === void 0 || currentId === "") return null;
+			const rows = /* @__PURE__ */ new Map();
+			for (const key of Object.keys(byId)) {
+				const row = agentRowOf(byId[key]);
+				if (row !== null && (!row.blank || key === currentId)) rows.set(key, row);
+			}
+			if (!rows.has(currentId)) rows.set(currentId, {
+				running: false,
+				completed: false,
+				blank: false,
+				updatedAt: 0
+			});
+			let root = currentId;
+			const chain = /* @__PURE__ */ new Set([currentId]);
+			for (;;) {
+				const parent = rows.get(root)?.parentId;
+				if (parent === void 0 || !rows.has(parent) || chain.has(parent)) break;
+				chain.add(parent);
+				root = parent;
+			}
+			const rootRow = rows.get(root);
+			/* v8 ignore next 2 -- root is currentId (inserted above) or a parent
+			verified with rows.has, so its row always exists. */
+			if (rootRow === void 0) return null;
+			const childrenOf = /* @__PURE__ */ new Map();
+			for (const [id, row] of rows) {
+				if (row.parentId === void 0 || !rows.has(row.parentId)) continue;
+				const list = childrenOf.get(row.parentId) ?? [];
+				list.push({
+					id,
+					row
+				});
+				childrenOf.set(row.parentId, list);
+			}
+			for (const kids of childrenOf.values()) kids.sort((a, b) => {
+				const runDelta = Number(b.row.running) - Number(a.row.running);
+				if (runDelta !== 0) return runDelta;
+				const timeDelta = b.row.updatedAt - a.row.updatedAt;
+				return timeDelta !== 0 ? timeDelta : a.id < b.id ? -1 : 1;
+			});
+			const measure = (id, seen) => {
+				if (seen.has(id)) return 0;
+				seen.add(id);
+				let total = 1;
+				for (const kid of childrenOf.get(id) ?? []) total += measure(kid.id, seen);
+				return total;
+			};
+			const total = measure(root, /* @__PURE__ */ new Set());
+			const nodes = [];
+			const edges = [];
+			const visit = (id, row, parentId, depth, seen, family) => {
+				if (seen.has(id) || nodes.length >= 25) return;
+				seen.add(id);
+				const stats = agentStatsOf(row.projections);
+				const identity = stats.identity;
+				const node = {
+					...stats,
+					id,
+					label: identity?.label ?? row.title ?? row.displayTitle ?? id,
+					...parentId !== void 0 ? { parentId } : {},
+					depth,
+					family,
+					isCurrent: id === currentId,
+					running: row.running,
+					completed: row.completed,
+					subagent: row.origin === "subagent" || identity !== null
+				};
+				if (node.isCurrent && self !== void 0) {
+					node.head = self.head ?? node.head;
+					node.billed = self.billed ?? node.billed;
+					node.requests = self.requests > 0 ? self.requests : node.requests;
+				}
+				nodes.push(node);
+				if (parentId !== void 0) edges.push({
+					from: parentId,
+					to: id
+				});
+				(childrenOf.get(id) ?? []).forEach((kid, ki) => {
+					visit(kid.id, kid.row, id, depth + 1, seen, depth === 0 ? ki : family);
+				});
+			};
+			visit(root, rootRow, void 0, 0, /* @__PURE__ */ new Set(), -1);
+			return {
+				nodes,
+				edges,
+				overflow: Math.max(0, total - nodes.length),
+				solo: nodes.length === 1
+			};
+		}
+		/**
+		* Tidy top-down tree layout: one row per depth level, siblings claim leaf
+		* slots, parents center over their children. Fully responsive to the stage's
+		* visible width: the slot pitch stretches up to SLOT_MAX and compresses down
+		* to SLOT_MIN (captions wrap tighter); a level that still overflows wraps
+		* into bands of at most a per-level node count derived from the stage width —
+		* vertical room is cheaper than horizontal scrolling. Links exit a parent at
+		* its cell bottom (below the caption zone) and enter the child at its top,
+		* so a connector never crosses a label.
+		*/
+		function layoutForest(forest, stageWidth = 0) {
+			const childrenOf = /* @__PURE__ */ new Map();
+			for (const n of forest.nodes) {
+				if (n.parentId === void 0) continue;
+				const kids = childrenOf.get(n.parentId) ?? [];
+				kids.push(n);
+				childrenOf.set(n.parentId, kids);
+			}
+			const slotOf = /* @__PURE__ */ new Map();
+			let leafSlots = 0;
+			const place = (node) => {
+				const kids = childrenOf.get(node.id) ?? [];
+				if (kids.length === 0) {
+					const slot = leafSlots;
+					leafSlots++;
+					slotOf.set(node.id, slot);
+					return slot;
+				}
+				let first = 0;
+				let last = 0;
+				kids.forEach((kid, index) => {
+					const slot = place(kid);
+					if (index === 0) first = slot;
+					last = slot;
+				});
+				const slot = (first + last) / 2;
+				slotOf.set(node.id, slot);
+				return slot;
+			};
+			/* v8 ignore next 1 -- a forest always holds at least the (possibly
+			synthesized) current node. */
+			if (forest.nodes.length > 0) place(forest.nodes[0]);
+			const perLevel = stageWidth > 0 ? Math.max(2, Math.floor(stageWidth / SLOT_MIN)) : 0;
+			if (perLevel > 0 && leafSlots > perLevel) {
+				const bandSlot = Math.min(SLOT_MAX, stageWidth / perLevel);
+				const width = perLevel * bandSlot;
+				const points = [];
+				let row = 0;
+				const emitBand = (nodes, depth) => {
+					const inset = (width - nodes.length * bandSlot) / 2;
+					nodes.forEach((node, i) => {
+						points.push({
+							id: node.id,
+							x: inset + (i + .5) * bandSlot,
+							y: PAD_Y + row * LEVEL_H,
+							depth
+						});
+					});
+					row++;
+					let band = [];
+					const flush = () => {
+						if (band.length === 0) return;
+						const packed = band;
+						band = [];
+						emitBand(packed, depth + 1);
+					};
+					for (const node of nodes) {
+						const kids = childrenOf.get(node.id) ?? [];
+						for (let start = 0; start < kids.length; start += perLevel) {
+							const group = kids.slice(start, start + perLevel);
+							if (band.length + group.length > perLevel) flush();
+							band.push(...group);
+							if (band.length === perLevel) flush();
+						}
+					}
+					flush();
+				};
+				/* v8 ignore next 1 -- a forest always holds at least the current node. */
+				if (forest.nodes.length > 0) emitBand([forest.nodes[0]], 0);
+				return {
+					width,
+					height: PAD_Y + (row - 1) * LEVEL_H + CELL_H + 28,
+					captionW: bandSlot - CAPTION_GUTTER,
+					points,
+					links: linksOf(forest, points)
+				};
+			}
+			const slot = stageWidth > 0 && leafSlots > 1 ? Math.min(SLOT_MAX, stageWidth / leafSlots) : SLOT_MAX;
+			const points = forest.nodes.map((node) => ({
+				id: node.id,
+				/* v8 ignore next 1 -- place() visits every node: the forest is exactly
+				the root's subtree by construction. */
+				x: (slotOf.get(node.id) ?? 0) * slot + slot / 2,
+				y: PAD_Y + node.depth * LEVEL_H,
+				depth: node.depth
+			}));
+			const maxDepth = points.reduce((max, p) => Math.max(max, p.depth), 0);
+			return {
+				width: leafSlots * slot,
+				height: PAD_Y + maxDepth * LEVEL_H + CELL_H + 28,
+				captionW: slot - CAPTION_GUTTER,
+				points,
+				links: linksOf(forest, points)
+			};
+		}
+		/**
+		* Family hue by level-1 subtree index: the golden angle keeps consecutive
+		* families maximally separated on the color wheel without a hand-tuned palette.
+		*/
+		function familyHue(index) {
+			return `hsl(${Math.round(index * 137.508) % 360} 58% 52%)`;
+		}
+		/** Parent→child links: exit the parent's cell bottom, enter the child's top. */
+		function linksOf(forest, points) {
+			const pointOf = new Map(points.map((p) => [p.id, p]));
+			const nodeOf = new Map(forest.nodes.map((n) => [n.id, n]));
+			const runningIds = new Set(forest.nodes.filter((n) => n.running).map((n) => n.id));
+			const links = [];
+			for (const edge of forest.edges) {
+				const from = pointOf.get(edge.from);
+				const to = pointOf.get(edge.to);
+				/* v8 ignore next 2 -- edges are emitted only for visited parent/child
+				pairs, so both points always exist. */
+				if (from === void 0 || to === void 0) continue;
+				links.push({
+					to: edge.to,
+					running: runningIds.has(edge.to),
+					/* v8 ignore next 1 -- edges only connect visited nodes. */
+					color: familyHue(nodeOf.get(edge.to)?.family ?? 0),
+					x1: from.x,
+					y1: from.y + CELL_H,
+					x2: to.x,
+					y2: to.y - 26 - 10
+				});
+			}
+			return links;
+		}
+		/**
+		* One fused ring per agent — the exact semantics of the chat composer's own
+		* context ring: the composition parts, scaled to the occupancy share of the
+		* window, fill the circle, and a neutral remainder marks the free window.
+		* With no known window the composition fills the whole circle; with no
+		* composition (pressure-only rows) a single threshold-colored arc carries
+		* the occupancy; a known window with zero occupancy draws the free outline.
+		*/
+		function ringSegments(parts, pct, radius, fallbackColor) {
+			const circumference = 2 * Math.PI * radius;
+			const occ = pct === null ? 1 : Math.min(100, Math.max(0, pct)) / 100;
+			let total = 0;
+			for (const p of parts) total += p.value > 0 ? p.value : 0;
+			const segs = [];
+			let offset = 0;
+			if (total > 0) for (const p of parts) {
+				if (p.value <= 0) continue;
+				const len = circumference * (p.value / total) * occ;
+				if (len <= 0) continue;
+				segs.push({
+					key: p.key,
+					color: p.color,
+					len,
+					offset,
+					free: false
+				});
+				offset += len;
+			}
+			else if (pct !== null && occ > 0) {
+				segs.push({
+					key: "fill",
+					color: fallbackColor,
+					len: circumference * occ,
+					offset: 0,
+					free: false
+				});
+				offset = circumference * occ;
+			}
+			if (pct !== null && offset < circumference) segs.push({
+				key: "free",
+				color: "",
+				len: circumference - offset,
+				offset,
+				free: true
+			});
+			return segs;
+		}
+		/** Session-switch navigation, fail-soft: a stale row (list rebuilt between snapshot and click) loses its open() race and is ignored. */
+		function openAgentSession(face, id) {
+			if (face === null || typeof face.open !== "function") return;
+			try {
+				face.open(id);
+			} catch {}
+		}
+		/** Narrow `ctx.get('sessions')` to the card's face (null = harness without the outward sessions service). */
+		function sessionsFaceOf(ctx) {
+			const rec = asRecord(ctx.get("sessions"));
+			if (rec === null) return null;
+			const list = asRecord(rec.list);
+			if (list === null || typeof list.getSnapshot !== "function" || typeof list.subscribe !== "function") return null;
+			return rec;
+		}
+		/** Compact duration: `42s`, `3m05s`, `1h07m` (shared by both locales). */
+		function fmtDuration(ms) {
+			if (!Number.isFinite(ms) || ms < 0) return "—";
+			const s = Math.round(ms / 1e3);
+			if (s < 60) return `${s}s`;
+			const m = Math.floor(s / 60);
+			if (m < 60) return `${m}m${String(s % 60).padStart(2, "0")}s`;
+			return `${Math.floor(m / 60)}h${String(m % 60).padStart(2, "0")}m`;
+		}
+		//#endregion
+		//#region src/client/components/agentGraph.tsx
+		/** Caption box height under a node (3 wrapped label lines + the tokens line). */
+		const CAPTION_H = 60;
+		/** Fallback arc color for pressure-only nodes (no composition data), by fill ratio. */
+		function ringColorOf(pct) {
+			if (pct === null) return "var(--dsw-alias-border-l1)";
+			if (pct >= 90) return "#ef4444";
+			if (pct >= 70) return "#f59e0b";
+			return "#22c55e";
+		}
+		function makeAgentGraph(ctx, kit) {
+			const { t, fmt, catLabel } = kit;
+			function AgentGraph(props) {
+				const face = React.useMemo(() => sessionsFaceOf(ctx), []);
+				const subscribe = React.useCallback((fn) => {
+					if (face === null) return () => {};
+					/* v8 ignore next 2 -- sessionsFaceOf returns a face only after proving list.subscribe. */
+					if (face.list === void 0) return () => {};
+					return face.list.subscribe(fn);
+				}, [face]);
+				const getSnapshot = React.useCallback(() => {
+					if (face === null) return null;
+					/* v8 ignore next 2 -- sessionsFaceOf proves list before returning the face. */
+					if (face.list === void 0) return null;
+					return face.list.getSnapshot();
+				}, [face]);
+				const snapshot = React.useSyncExternalStore(subscribe, getSnapshot);
+				const sessionId = props.sessionId;
+				const [hoverId, setHoverId] = React.useState(null);
+				const stageRef = React.useRef(null);
+				const [stageWidth, setStageWidth] = React.useState(0);
+				React.useEffect(() => {
+					/* v8 ignore start -- jsdom has neither ResizeObserver nor layout; tests exercise the natural-pitch fallback (stageWidth 0). */
+					const el = stageRef.current;
+					if (el === null || typeof ResizeObserver !== "function") return;
+					setStageWidth(el.clientWidth);
+					const observer = new ResizeObserver(() => {
+						setStageWidth(el.clientWidth);
+					});
+					observer.observe(el);
+					return () => {
+						observer.disconnect();
+					};
+					/* v8 ignore stop */
+				}, []);
+				React.useEffect(() => {
+					if (face === null || typeof sessionId !== "string" || sessionId === "") return;
+					if (typeof face.refreshSubagents !== "function") return;
+					face.refreshSubagents(sessionId).catch(() => {});
+				}, [face, sessionId]);
+				const built = React.useMemo(() => {
+					const forest = agentForestOf(snapshot, sessionId, props.self);
+					return forest !== null ? {
+						forest,
+						layout: layoutForest(forest, stageWidth)
+					} : null;
+				}, [
+					snapshot,
+					sessionId,
+					props.self,
+					stageWidth
+				]);
+				if (built === null) return null;
+				const { forest, layout } = built;
+				const byId = new Map(forest.nodes.map((n) => [n.id, n]));
+				/* v8 ignore next 1 -- agentForestOf anchors the forest at the current
+				session, so a current node always exists. */
+				const current = forest.nodes.find((n) => n.isCurrent) ?? forest.nodes[0];
+				const inspected = (hoverId !== null ? byId.get(hoverId) : void 0) ?? current;
+				const runningCount = forest.nodes.filter((n) => n.running).length;
+				let totalTokens = 0;
+				for (const n of forest.nodes) totalTokens += n.head !== null ? n.head.tokens : 0;
+				const open = (id) => {
+					if (id === current.id) return;
+					openAgentSession(face, id);
+				};
+				const keyOpen = (id) => (ev) => {
+					if (ev.key !== "Enter" && ev.key !== " ") return;
+					ev.preventDefault();
+					open(id);
+				};
+				return /* @__PURE__ */ React.createElement("div", { className: "lc-card lc-agents" }, /* @__PURE__ */ React.createElement("div", { className: "lc-card-title" }, /* @__PURE__ */ React.createElement("span", { className: "lc-card-title-text" }, t("agents.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("agents.sub"))), /* @__PURE__ */ React.createElement("div", { className: "lc-agents-chips" }, /* @__PURE__ */ React.createElement("span", { className: "lc-agents-chip" }, t("agents.chip.count", { n: forest.nodes.length + forest.overflow })), /* @__PURE__ */ React.createElement("span", { className: "lc-agents-chip" + (runningCount > 0 ? " lc-agents-chip-on" : "") }, t("agents.chip.running", { n: runningCount })), totalTokens > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-chip" }, t("agents.chip.tokens", { n: fmt(totalTokens) })) : null, forest.overflow > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-chip" }, t("agents.more", { n: forest.overflow })) : null), /* @__PURE__ */ React.createElement("div", {
+					className: "lc-agents-stage",
+					ref: stageRef
+				}, /* @__PURE__ */ React.createElement("svg", {
+					className: "lc-agents-svg",
+					width: layout.width,
+					height: layout.height,
+					viewBox: `0 0 ${layout.width} ${layout.height}`
+				}, layout.links.map((link) => {
+					const d = `M ${link.x1} ${link.y1} L ${link.x2} ${link.y2}`;
+					return /* @__PURE__ */ React.createElement("g", { key: link.to }, /* @__PURE__ */ React.createElement("path", {
+						className: "lc-agents-link" + (link.running ? " lc-agents-link-live" : ""),
+						d,
+						stroke: link.color,
+						fill: "none"
+					}), link.running ? /* @__PURE__ */ React.createElement("path", {
+						className: "lc-agents-flow",
+						d,
+						stroke: link.color,
+						fill: "none"
+					}) : null);
+				}), forest.nodes.map((node) => {
+					const point = layout.points.find((p) => p.id === node.id);
+					/* v8 ignore next 2 -- layoutForest positions every forest node,
+					so the lookup never misses. */
+					if (point === void 0) return null;
+					return /* @__PURE__ */ React.createElement(AgentNodeView, {
+						key: node.id,
+						node,
+						x: point.x,
+						y: point.y,
+						captionW: layout.captionW,
+						hovered: hoverId === node.id,
+						onHover: setHoverId,
+						onOpen: open,
+						onKeyOpen: keyOpen(node.id),
+						t,
+						fmt
+					});
+				}))), forest.solo ? /* @__PURE__ */ React.createElement("div", { className: "lc-empty lc-agents-solo" }, t("agents.solo")) : null, /* @__PURE__ */ React.createElement(Inspector, {
+					node: inspected,
+					t,
+					fmt
+				}), /* @__PURE__ */ React.createElement("div", { className: "lc-agents-legend" }, CATS.map((c) => /* @__PURE__ */ React.createElement("span", {
+					key: c.key,
+					className: "lc-agents-legend-item"
+				}, /* @__PURE__ */ React.createElement("i", { style: { background: c.color } }), catLabel(c.key))), /* @__PURE__ */ React.createElement("span", { className: "lc-agents-legend-item" }, /* @__PURE__ */ React.createElement("i", { className: "lc-agents-legend-free" }), t("agents.legend.free")), /* @__PURE__ */ React.createElement("span", { className: "lc-agents-legend-item" }, /* @__PURE__ */ React.createElement("i", { className: "lc-agents-legend-edge" }), t("agents.running"))));
+			}
+			return AgentGraph;
+		}
+		function AgentNodeView(props) {
+			const { node, x, y, captionW } = props;
+			const pct = node.head !== null ? node.head.pct : null;
+			const ring = 2 * Math.PI * 20;
+			const segs = node.head !== null ? ringSegments(node.head.parts, pct, 20, ringColorOf(pct)) : [];
+			const cls = "lc-agent-node" + (node.isCurrent ? " lc-agent-self" : "") + (node.running ? " lc-agent-running" : "") + (node.completed && !node.running ? " lc-agent-done" : "") + (props.hovered ? " lc-agent-hover" : "") + (node.isCurrent ? "" : " lc-agent-clickable");
+			return /* @__PURE__ */ React.createElement("g", {
+				className: cls,
+				transform: `translate(${x}, ${y})`,
+				"data-agent": node.id,
+				role: node.isCurrent ? "img" : "button",
+				tabIndex: node.isCurrent ? void 0 : 0,
+				onClick: () => {
+					props.onOpen(node.id);
+				},
+				onKeyDown: props.onKeyOpen,
+				onMouseEnter: () => {
+					props.onHover(node.id);
+				},
+				onMouseLeave: () => {
+					props.onHover(null);
+				}
+			}, /* @__PURE__ */ React.createElement("circle", {
+				className: "lc-agent-halo",
+				r: 35
+			}), /* @__PURE__ */ React.createElement("circle", {
+				className: "lc-agent-track",
+				r: 26
+			}), segs.map((seg) => /* @__PURE__ */ React.createElement("circle", {
+				key: seg.key,
+				className: "lc-agent-seg" + (seg.free ? " lc-agent-free" : ""),
+				r: 20,
+				stroke: seg.free ? void 0 : seg.color,
+				strokeDasharray: `${seg.len} ${ring - seg.len}`,
+				strokeDashoffset: -seg.offset,
+				transform: "rotate(-90)"
+			})), /* @__PURE__ */ React.createElement("text", {
+				className: "lc-agent-pct",
+				textAnchor: "middle",
+				dy: "0.32em"
+			}, pct !== null ? `${pct}%` : node.head !== null ? props.fmt(node.head.tokens) : "—"), /* @__PURE__ */ React.createElement("foreignObject", {
+				x: -captionW / 2,
+				y: 34,
+				width: captionW,
+				height: CAPTION_H
+			}, /* @__PURE__ */ React.createElement("div", { className: "lc-agent-caption" }, /* @__PURE__ */ React.createElement("div", { className: "lc-agent-label" }, node.label, node.isCurrent ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-badge lc-agent-self-badge" }, props.t("agents.self")) : null), /* @__PURE__ */ React.createElement("div", { className: "lc-agent-tokens" }, node.head !== null ? props.fmt(node.head.tokens) : "—"))));
+		}
+		/** The detail strip mirroring the hovered (or current) node: identity, occupancy, activity, and the open hint. */
+		function Inspector(props) {
+			const { node, t, fmt } = props;
+			const bits = [];
+			if (node.head !== null) {
+				const head = node.head;
+				const window = head.window !== void 0 ? ` / ${fmt(head.window)}` : "";
+				const pct = head.pct !== null ? ` · ${head.pct}%` : "";
+				bits.push(`${fmt(head.tokens)}${window}${pct}`);
+			}
+			if (node.requests > 0) bits.push(t("agents.requests", { n: node.requests }));
+			if (node.billed !== null && node.billed > 0) bits.push(t("agents.billed", { n: fmt(node.billed) }));
+			if (node.durationMs !== null) bits.push(fmtDuration(node.durationMs));
+			return /* @__PURE__ */ React.createElement("div", { className: "lc-agents-inspector" }, /* @__PURE__ */ React.createElement("b", { className: "lc-agents-inspector-name" }, node.label), node.isCurrent ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-badge" }, t("agents.self")) : null, node.running ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-badge lc-agents-badge-on" }, t("agents.running")) : null, node.identity !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-badge" }, t(node.identity.mode === "one-shot" ? "agents.oneshot" : "agents.continuable")) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-agents-inspector-stats" }, bits.join(" · ")), !node.isCurrent ? /* @__PURE__ */ React.createElement("span", { className: "lc-agents-inspector-open" }, t("agents.open")) : null);
+		}
 		//#endregion
 		//#region src/client/components/events.tsx
 		const EVENT_ICONS = {
@@ -2656,6 +3261,14 @@ window.__ModuleLoader__.load({
 				eventAt
 			};
 		}
+		/**
+		* Set the native `title` on every label whose text overflows its box (the styled tips cover cards, but a plain
+		* ellipsis row still needs the native fallback); reads (scrollWidth/clientWidth) and writes (title) stay separate
+		* from layout-affecting work, and callers gate WHEN this runs so it never becomes a per-render forced layout.
+		*/
+		function syncTitles(root) {
+			for (const el of root.querySelectorAll(".lc-event-label")) el.title = el.scrollWidth > el.clientWidth ? el.textContent || "" : "";
+		}
 		function makeEventList(kit) {
 			const { t, fmt, fmtTime, eventLabel, eventAt } = kit;
 			return function EventList(props) {
@@ -2663,26 +3276,29 @@ window.__ModuleLoader__.load({
 				React.useLayoutEffect(() => {
 					const root = rootRef.current;
 					if (!root) return;
-					const sync = () => {
-						for (const el of root.querySelectorAll(".lc-event-label")) el.title = el.scrollWidth > el.clientWidth ? el.textContent || "" : "";
+					syncTitles(root);
+				}, [props.events]);
+				React.useEffect(() => {
+					const onResize = () => {
+						const root = rootRef.current;
+						if (root !== null) syncTitles(root);
 					};
-					sync();
-					window.addEventListener("resize", sync);
+					window.addEventListener("resize", onResize);
 					return () => {
-						window.removeEventListener("resize", sync);
+						window.removeEventListener("resize", onResize);
 					};
-				});
+				}, []);
 				if (props.events.length === 0) return /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("events.empty"));
 				const sorted = props.events.slice().reverse();
 				return /* @__PURE__ */ React.createElement("div", {
 					className: "lc-events",
 					ref: rootRef
-				}, sorted.map((ev, i) => {
+				}, sorted.map((ev) => {
 					const label = eventLabel(ev);
 					const at = eventAt(ev);
 					const glyph = ev.kind === "inject" ? /* @__PURE__ */ React.createElement(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, null) : ev.kind === "model" ? /* @__PURE__ */ React.createElement(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, null) : EVENT_ICONS[ev.kind] || "•";
 					return /* @__PURE__ */ React.createElement("div", {
-						key: `${ev.seq}-${i}`,
+						key: ev.seq,
 						className: "lc-event"
 					}, /* @__PURE__ */ React.createElement("span", { className: "lc-event-icon lc-event-" + ev.kind }, glyph), /* @__PURE__ */ React.createElement("span", { className: "lc-kind lc-kind-" + ev.kind }, t("kind." + ev.kind)), /* @__PURE__ */ React.createElement("span", { className: "lc-event-label" }, label), at !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-event-at" }, at) : null, ev.tokens ? /* @__PURE__ */ React.createElement("span", { className: "lc-event-tokens" + (ev.kind === "inject" ? " lc-up" : " lc-down") }, (ev.kind === "inject" ? "+" : "−") + fmt(ev.tokens)) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-event-time" }, fmtTime(ev.time)));
 				}));
@@ -2690,8 +3306,6 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/components/fileCard.tsx
-		/** An expanded file lists at most this many ops before a "+n earlier" line. */
-		const MAX_OPS = 8;
 		function makeFileCard(kit, settings) {
 			const { t, fmt, fmtTime } = kit;
 			function formGlyph(form) {
@@ -2708,7 +3322,7 @@ window.__ModuleLoader__.load({
 			function DeltaPair(props) {
 				return /* @__PURE__ */ React.createElement("span", { className: "lc-fa-delta" }, props.added > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-up" }, "+" + fmt(props.added)) : null, props.removed > 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-down" }, "−" + fmt(props.removed)) : null);
 			}
-			return function FileCard(props) {
+			return React.memo(function FileCard(props) {
 				const { activity } = props;
 				const [filter, setFilter] = React.useState("all");
 				const [sort, setSort] = React.useState(() => settings.defaultFileSort());
@@ -2824,7 +3438,7 @@ window.__ModuleLoader__.load({
 					}) : null, e.errs > 0 ? /* @__PURE__ */ React.createElement("span", {
 						className: "lc-br-err-dot",
 						title: t("files.errs", { n: e.errs })
-					}) : null, e.ops[0].time !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-time" }, fmtTime(e.ops[0].time)) : null), open ? /* @__PURE__ */ React.createElement("div", { className: "lc-fa-ops" }, e.ops.slice(0, MAX_OPS).map((op) => {
+					}) : null, e.ops[0].time !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-fa-time" }, fmtTime(e.ops[0].time)) : null), open ? /* @__PURE__ */ React.createElement("div", { className: "lc-fa-ops" }, e.ops.map((op) => {
 						const onLocate = props.onLocate;
 						return onLocate !== void 0 ? /* @__PURE__ */ React.createElement("button", {
 							key: op.seq,
@@ -2838,25 +3452,38 @@ window.__ModuleLoader__.load({
 							key: op.seq,
 							className: "lc-fa-op"
 						}, opLine(op));
-					}), e.ops.length > MAX_OPS ? /* @__PURE__ */ React.createElement("div", { className: "lc-fa-more" }, t("files.moreOps", { n: e.ops.length - MAX_OPS })) : null) : null);
-				}))), activity.unresolved > 0 ? /* @__PURE__ */ React.createElement("div", { className: "lc-fa-note" }, t("files.unresolved", { n: activity.unresolved })) : null);
-			};
+					})) : null);
+				}))));
+			});
 		}
 		const PLUGIN_REPO = "https://github.com/bowenliang123/dsh-context";
 		const PLUGIN_REPO_SHORT = PLUGIN_REPO.replace(/^https?:\/\/github\.com\//, "");
 		//#endregion
 		//#region src/client/latestVersion.ts
 		/**
-		* 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.
+		* One live check for the Plugin-info card: lazy with 1h TTL; registries
+		* are tried strictly in order — official npm first, npmmirror only as a
+		* fallback — and one-at-a-time, never in parallel. Each source's failure
+		* (non-ok response, missing/non-string version, network error) advances
+		* to the next one; only an all-source failure resolves to null so the
+		* card silently keeps its static version.
 		*/
-		const REGISTRY_URL = "https://registry.npmjs.org/dsh-context/latest";
+		const REGISTRY_HOSTS = ["https://registry.npmjs.org", "https://registry.npmmirror.com"];
 		const TTL_MS = 36e5;
 		let cached = null;
+		function readVersion(host) {
+			return fetch(host + "/dsh-context/latest").then((res) => res.ok ? res.json() : null).then((body) => body !== null && typeof body.version === "string" ? body.version : null).catch(() => null);
+		}
 		function fetchLatestVersion() {
 			if (!cached || Date.now() - cached.at >= TTL_MS) cached = {
 				at: Date.now(),
-				promise: fetch(REGISTRY_URL).then((res) => res.ok ? res.json() : null).then((body) => body !== null && typeof body.version === "string" ? body.version : null).catch(() => null)
+				promise: (async () => {
+					for (const host of REGISTRY_HOSTS) {
+						const v = await readVersion(host);
+						if (v !== null) return v;
+					}
+					return null;
+				})()
 			};
 			return cached.promise;
 		}
@@ -2885,7 +3512,7 @@ window.__ModuleLoader__.load({
 			return function PluginInfo() {
 				const [latest, setLatest] = React.useState(null);
 				React.useEffect(() => {
-					if ("0.33.1".includes("-dev")) return;
+					if ("0.34.0".includes("-dev")) return;
 					let on = true;
 					fetchLatestVersion().then((v) => {
 						if (on && v) setLatest(v);
@@ -2894,8 +3521,8 @@ window.__ModuleLoader__.load({
 						on = false;
 					};
 				}, []);
-				const update = latest !== null && isNewerVersion(latest, "0.33.1") ? latest : null;
-				const nameValue = ["dsh-context (v0.33.1)"];
+				const update = latest !== null && isNewerVersion(latest, "0.34.0") ? latest : null;
+				const nameValue = ["dsh-context (v0.34.0)"];
 				if (update) nameValue.push(/* @__PURE__ */ React.createElement("span", {
 					key: "update",
 					className: "lc-pi-update"
@@ -2910,21 +3537,22 @@ window.__ModuleLoader__.load({
 			/**
 			* One brief row: a fixed-width kind tag plus one glanceable line. The tag carries a styled, instant explanation bubble (the
 			* `.lc-stat-tip` pattern); the content span keeps the native title (preview + locate hint), so the two never stack.
-			* Clickable when the browser linkage is wired.
+			* Clickable when the browser linkage is wired AND the row carries a node (the always-present In row's empty state stays inert).
 			*/
 			function BriefRow(props) {
-				const cls = "lc-brief-row" + (props.onLocate !== void 0 ? " lc-brief-row-link" : "");
 				const inner = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-brief-tag" }, props.tag, /* @__PURE__ */ React.createElement("span", {
 					className: "lc-brief-tip",
 					role: "tooltip"
 				}, props.tagTip)), props.children);
-				if (props.onLocate === void 0) return /* @__PURE__ */ React.createElement("div", { className: cls }, inner);
+				if (props.node === void 0 || props.onLocate === void 0) return /* @__PURE__ */ React.createElement("div", { className: "lc-brief-row" }, inner);
+				const node = props.node;
+				const onLocate = props.onLocate;
 				const locate = () => {
-					props.onLocate?.(props.node, props.isResponse);
+					onLocate(node, props.isResponse);
 				};
 				return /* @__PURE__ */ React.createElement("button", {
 					type: "button",
-					className: cls,
+					className: "lc-brief-row lc-brief-row-link",
 					onClick: locate
 				}, inner);
 			}
@@ -2998,9 +3626,12 @@ window.__ModuleLoader__.load({
 			function factTitle(tag, text) {
 				return tag !== null ? text !== "" ? tag + " · " + text : tag : text;
 			}
+			/**
+			* The brief's container ALWAYS renders — a fixed three-row lane (`.lc-brief`'s min-height) so scrubbing the chart never
+			* changes the panel's height; unknown or empty steps just leave parts of the lane blank instead of collapsing it.
+			*/
 			function BriefSection(props) {
-				const { opener, inputs, response } = props.brief;
-				if (opener === void 0 && inputs.length === 0 && response === void 0) return null;
+				const { opener, inputs, response } = props.brief ?? { inputs: [] };
 				const convOf = props.convOf ?? (() => void 0);
 				const hint = props.onLocate !== void 0 ? " — " + t("brief.locate") : "";
 				const locateChip = props.onLocate === void 0 ? void 0 : (n) => (e) => {
@@ -3032,13 +3663,13 @@ window.__ModuleLoader__.load({
 				}, openerParts.tag !== null ? /* @__PURE__ */ React.createElement("span", { className: "lc-brief-fact" }, openerParts.tag) : null, openerParts.text !== "" ? /* @__PURE__ */ React.createElement("span", {
 					className: "lc-brief-text",
 					title: factTitle(openerParts.tag, openerParts.text) + hint
-				}, openerParts.text) : null) : null, inputs.length > 0 ? /* @__PURE__ */ React.createElement(BriefRow, {
+				}, openerParts.text) : null) : null, /* @__PURE__ */ React.createElement(BriefRow, {
 					tag: t("brief.input"),
 					tagTip: t("brief.inputTip"),
 					node: inputs[0],
 					isResponse: false,
 					onLocate: props.onLocate
-				}, inputs.slice(0, MAX_CHIPS).map((n) => nodeChip(n, locateChip?.(n))), inputs.length > MAX_CHIPS ? /* @__PURE__ */ React.createElement("span", { className: "lc-brief-more" }, t("brief.more", { n: inputs.length - MAX_CHIPS })) : null) : null, response !== void 0 ? /* @__PURE__ */ React.createElement(BriefRow, {
+				}, inputs.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, inputs.slice(0, MAX_CHIPS).map((n) => nodeChip(n, locateChip?.(n))), inputs.length > MAX_CHIPS ? /* @__PURE__ */ React.createElement("span", { className: "lc-brief-more" }, t("brief.more", { n: inputs.length - MAX_CHIPS })) : null) : /* @__PURE__ */ React.createElement("span", { className: "lc-brief-empty" }, t("brief.noInputs"))), response !== void 0 ? /* @__PURE__ */ React.createElement(BriefRow, {
 					tag: t("brief.reply"),
 					tagTip: t("brief.replyTip"),
 					node: response,
@@ -3046,7 +3677,7 @@ window.__ModuleLoader__.load({
 					onLocate: props.onLocate
 				}, nodeChip(response, void 0, true)) : null);
 			}
-			return function RequestDetail(props) {
+			return React.memo(function RequestDetail(props) {
 				const req = props.request;
 				if (!req) return null;
 				const isTurn = req.stepCount !== void 0 && req.stepCount > 1;
@@ -3078,11 +3709,11 @@ window.__ModuleLoader__.load({
 				return /* @__PURE__ */ React.createElement("div", { className: "lc-detail" }, /* @__PURE__ */ React.createElement("div", { className: "lc-detail-head" }, /* @__PURE__ */ React.createElement("b", null, head), marker !== null && markerAt !== null ? /* @__PURE__ */ React.createElement("span", {
 					className: "lc-detail-marker",
 					title: eventLabel(marker)
-				}, "✂ " + markerAt) : null, isTurn ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-tag" }, t("detail.lastStep")) : null, delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-tag" }, t("gran.delta")) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-detail-time" }, fmtTime(req.time)), delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" + (net > 0 ? " lc-detail-metric-up" : net < 0 ? " lc-detail-metric-down" : "") }, t("tip.delta", { n: (net > 0 ? "+" : "") + fmt(net) })) : null, !delta && req.prompt !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.actual", { n: fmt(req.prompt) })) : null, !delta && req.output !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.output", { n: fmt(req.output) })) : null, !delta && req.prompt !== void 0 && req.cacheRead !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.cache", { n: cacheHitPercent$1(req.cacheRead, req.prompt) ?? "—" })) : null), props.brief !== null && props.brief !== void 0 ? /* @__PURE__ */ React.createElement(BriefSection, {
+				}, "✂ " + markerAt) : null, isTurn ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-tag" }, t("detail.lastStep")) : null, delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-tag" }, t("gran.delta")) : null, /* @__PURE__ */ React.createElement("span", { className: "lc-detail-time" }, fmtTime(req.time)), delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" + (net > 0 ? " lc-detail-metric-up" : net < 0 ? " lc-detail-metric-down" : "") }, t("tip.delta", { n: (net > 0 ? "+" : "") + fmt(net) })) : null, !delta && req.prompt !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.actual", { n: fmt(req.prompt) })) : null, !delta && req.output !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.output", { n: fmt(req.output) })) : null, !delta && req.prompt !== void 0 && req.cacheRead !== void 0 ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-metric" }, t("detail.cache", { n: cacheHitPercent$1(req.cacheRead, req.prompt) ?? "—" })) : null), /* @__PURE__ */ React.createElement(BriefSection, {
 					brief: props.brief,
 					convOf: props.convOf,
 					onLocate: props.onLocate
-				}) : null, /* @__PURE__ */ React.createElement(StackedBar, {
+				}), /* @__PURE__ */ React.createElement(StackedBar, {
 					parts,
 					height: 10
 				}), /* @__PURE__ */ React.createElement("div", { className: "lc-detail-rows" }, CATS.map((c, i) => {
@@ -3105,7 +3736,7 @@ window.__ModuleLoader__.load({
 						}
 					})), delta ? /* @__PURE__ */ React.createElement("span", { className: "lc-detail-num" + (v > 0 ? " lc-detail-num-up" : v < 0 ? " lc-detail-num-down" : "") }, (v > 0 ? "+" : "") + fmt(v)) : /* @__PURE__ */ React.createElement("span", { className: "lc-detail-num" }, "≈" + fmt(v)), /* @__PURE__ */ React.createElement("span", { className: "lc-detail-pct" }, !delta && req.total > 0 ? `${Math.round(v / req.total * 100)}%` : ""));
 				})));
-			};
+			});
 		}
 		//#endregion
 		//#region src/client/cost.ts
@@ -3435,25 +4066,8 @@ window.__ModuleLoader__.load({
 				const scrollRef = React.useRef(null);
 				const scrolledOnce = React.useRef(false);
 				const lastGranRef = React.useRef(props.granularity);
-				const [edges, setEdges] = React.useState({
-					left: false,
-					right: false
-				});
-				const edgesRef = React.useRef(edges);
-				const updateEdges = (el) => {
-					const left = el.scrollLeft > 4;
-					const right = el.scrollLeft + el.clientWidth < el.scrollWidth - 4;
-					const prev = edgesRef.current;
-					if (prev.left === left && prev.right === right) return;
-					edgesRef.current = {
-						left,
-						right
-					};
-					setEdges({
-						left,
-						right
-					});
-				};
+				const lastSeqRef = React.useRef(0);
+				const prevScrollWidthRef = React.useRef(0);
 				/**
 				* 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
@@ -3488,6 +4102,9 @@ window.__ModuleLoader__.load({
 					/* v8 ignore next 1 -- the scroll div renders unconditionally and React
 					attaches refs before layout effects run; el is never null here. */
 					if (el === null) return;
+					const newestSeq = requests.length === 0 ? 0 : requests[requests.length - 1].seq;
+					const grew = newestSeq !== lastSeqRef.current;
+					const widthBeforeAppend = prevScrollWidthRef.current;
 					if (props.granularity !== lastGranRef.current) {
 						lastGranRef.current = props.granularity;
 						scrolledOnce.current = false;
@@ -3499,14 +4116,19 @@ window.__ModuleLoader__.load({
 							el.scrollLeft = Math.max(0, gi * 16 + BAR_W / 2 - el.clientWidth / 2);
 						}
 						props.onFocusTurnHandled();
-					}
-					if (!scrolledOnce.current) {
+					} else if (!scrolledOnce.current) {
 						scrolledOnce.current = true;
 						el.scrollLeft = el.scrollWidth;
-					} else if (el.scrollLeft + el.clientWidth >= el.scrollWidth - 24) el.scrollLeft = el.scrollWidth;
-					updateEdges(el);
+					} else if (grew && el.scrollLeft + el.clientWidth >= widthBeforeAppend - 24) el.scrollLeft = el.scrollWidth;
+					lastSeqRef.current = newestSeq;
+					prevScrollWidthRef.current = el.scrollWidth;
 					updateTurnLabels(el);
-				});
+					syncTip(el);
+				}, [
+					props.granularity,
+					props.focusTurn,
+					requests
+				]);
 				const tipOf = (req) => {
 					const head = req.stepCount !== void 0 && req.stepCount > 1 ? t("tip.turn", {
 						t: req.turn ?? 0,
@@ -3527,17 +4149,43 @@ window.__ModuleLoader__.load({
 				};
 				const hoveredIdx = props.hoveredSeq !== null ? requests.findIndex((r) => r.seq === props.hoveredSeq) : -1;
 				const hoveredReq = hoveredIdx >= 0 ? requests[hoveredIdx] : null;
+				const tipColRef = React.useRef(0);
+				/**
+				* Glue the hover tip to its bar's VISIBLE slice. The tip deliberately does NOT live inside the scrolling
+				* content: an absolutely-positioned child of a scroller contributes to its scrollable overflow, so a wide
+				* reply preview on a right-edge bar used to inflate scrollWidth on every hover and flap the horizontal
+				* scrollbar open/closed — jumping the whole card. Reads (offsetWidth/clientWidth) batch before the single
+				* style write; unchanged transforms write nothing.
+				*/
+				const syncTip = (el) => {
+					/* v8 ignore next 1 -- the scroll div renders unconditionally while mounted, so its parent exists. */
+					const tip = (el.parentElement ?? document.body).querySelector(".lc-chart-tip");
+					if (tip === null) return;
+					const lw = tip.offsetWidth;
+					const cw = el.clientWidth;
+					const half = Math.min(lw / 2, cw / 2);
+					const cx = Math.min(Math.max(tipColRef.current - el.scrollLeft, half), cw - half);
+					const next = `translate(${Math.round(cx - lw / 2)}px, 0)`;
+					if (tip.style.transform !== next) tip.style.transform = next;
+				};
+				React.useLayoutEffect(() => {
+					/* v8 ignore next 1 -- the scroll div renders unconditionally and React attaches refs before
+					layout effects run; el is never null here. */
+					if (scrollRef.current === null) return;
+					tipColRef.current = hoveredIdx >= 0 ? hoveredIdx * 16 + BAR_W / 2 : 0;
+					syncTip(scrollRef.current);
+				});
 				return /* @__PURE__ */ React.createElement("div", { className: "lc-chartrow" }, /* @__PURE__ */ React.createElement("div", { className: "lc-axis" }, delta ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-axis-top" }, (maxUp > 0 ? "+" : "") + fmt(maxUp)), /* @__PURE__ */ React.createElement("span", {
 					className: "lc-axis-mid",
 					style: { top: `${13 + upPx}px` }
-				}, "0"), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-bot" }, (maxDown > 0 ? "-" : "") + fmt(maxDown))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-axis-top" }, fmt(maxTotal)), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-mid" }, fmt(Math.round(maxTotal / 2))), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-bot" }, "0"))), /* @__PURE__ */ React.createElement("div", {
+				}, "0"), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-bot" }, (maxDown > 0 ? "-" : "") + fmt(maxDown))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "lc-axis-top" }, fmt(maxTotal)), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-mid" }, fmt(Math.round(maxTotal / 2))), /* @__PURE__ */ React.createElement("span", { className: "lc-axis-bot" }, "0"))), /* @__PURE__ */ React.createElement("div", { className: "lc-chart-wrap" }, /* @__PURE__ */ React.createElement("div", {
 					className: "lc-chart-scroll" + (props.activeTurn !== null ? " lc-chart-dim" : ""),
 					ref: scrollRef,
 					onScroll: (e) => {
-						updateEdges(e.currentTarget);
 						updateTurnLabels(e.currentTarget);
+						syncTip(e.currentTarget);
 					}
-				}, edges.left ? /* @__PURE__ */ React.createElement("div", { className: "lc-chart-fade lc-chart-fade-l" }) : null, /* @__PURE__ */ React.createElement("div", {
+				}, /* @__PURE__ */ React.createElement("div", {
 					className: "lc-chart",
 					onMouseLeave: () => {
 						props.onHover(null);
@@ -3558,10 +4206,7 @@ window.__ModuleLoader__.load({
 					deltaScale: delta ? deltaScale : void 0,
 					onSelect: props.onSelect,
 					onHover: props.onHover
-				}))), hoveredReq !== null ? /* @__PURE__ */ React.createElement("div", {
-					className: "lc-chart-tip",
-					style: { left: `${hoveredIdx * 16 + BAR_W / 2}px` }
-				}, tipOf(hoveredReq)) : null, /* @__PURE__ */ React.createElement("div", {
+				}))), /* @__PURE__ */ React.createElement("div", {
 					className: "lc-turns",
 					onMouseLeave: () => {
 						props.onHoverTurn(null);
@@ -3583,7 +4228,7 @@ window.__ModuleLoader__.load({
 							props.onPickTurn(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);
+				}))), hoveredReq !== null ? /* @__PURE__ */ React.createElement("div", { className: "lc-chart-tip" }, tipOf(hoveredReq)) : null));
 			};
 		}
 		//#endregion
@@ -3607,6 +4252,7 @@ window.__ModuleLoader__.load({
 			const StatsBoard = makeStatsBoard(kit);
 			const PluginInfo = makePluginInfo(kit);
 			const ContextBrowser = makeContextBrowser(kit, StackedBar);
+			const AgentGraph = makeAgentGraph(ctx, kit);
 			const ErrorBoundary = makeErrorBoundary(t);
 			function ContextViewBody(props) {
 				const sessionId = props.sessionId;
@@ -3676,16 +4322,6 @@ window.__ModuleLoader__.load({
 					for (const n of convNodes ?? []) m.set(n.seq, n);
 					return m;
 				}, [convNodes]);
-				if (!data) return /* @__PURE__ */ React.createElement("div", {
-					className: "lc-root",
-					ref: rootRef
-				}, /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("loading")));
-				const markerOf = (req) => {
-					const i = displayRequests.indexOf(req);
-					/* v8 ignore next 1 -- the only caller passes displayRequests[activeIdx],
-					an element of the very array indexOf scans. */
-					return i >= 0 ? markers[i] : void 0;
-				};
 				let pinnedIdx = -1;
 				for (let i = 0; i < displayRequests.length; i++) if (displayRequests[i].seq === selectedSeq) pinnedIdx = i;
 				const pinnedReq = pinnedIdx >= 0 ? displayRequests[pinnedIdx] : null;
@@ -3699,23 +4335,24 @@ window.__ModuleLoader__.load({
 				if (activeIdx < 0) activeIdx = pinnedIdx;
 				if (activeIdx < 0 && displayRequests.length > 0) activeIdx = displayRequests.length - 1;
 				const activeReq = activeIdx >= 0 ? displayRequests[activeIdx] : null;
-				const brief = activeReq !== null ? briefOf(briefList, displayRequests, activeIdx) : null;
-				const convOf = (seq) => bySeq.get(seq);
 				let filesBefore = null;
 				if (activeReq !== null) {
 					const ri = requests.findIndex((r) => r.seq === activeReq.seq);
 					filesBefore = ri + 1 < requests.length ? requests[ri + 1].seq : null;
 				}
-				let fileScope = t("files.scopeLatest");
-				if (activeReq !== null && filesBefore !== null) fileScope = activeReq.stepCount !== void 0 && activeReq.stepCount > 1 ? t("detail.turn", {
-					t: activeReq.turn ?? 0,
-					n: activeReq.stepCount
-				}) : t("detail.step", {
-					t: activeReq.turn ?? 0,
-					s: activeReq.step ?? 0
-				});
-				const fileActivity = activityOf(briefList, convOf, filesBefore);
-				const locateFileOp = (op) => {
+				const brief = React.useMemo(() => activeReq !== null ? briefOf(briefList, displayRequests, activeIdx) : null, [
+					activeReq,
+					briefList,
+					displayRequests,
+					activeIdx
+				]);
+				const convOf = React.useCallback((seq) => bySeq.get(seq), [bySeq]);
+				const fileActivity = React.useMemo(() => activityOf(briefList, convOf, filesBefore), [
+					briefList,
+					convOf,
+					filesBefore
+				]);
+				const locateFileOp = React.useCallback((op) => {
 					const step = locateStepOf(requests, op.seq, op.gone);
 					if (step === null) return;
 					setNodeFocus({
@@ -3723,8 +4360,8 @@ window.__ModuleLoader__.load({
 						seq: op.seq,
 						cat: "tool"
 					});
-				};
-				const locateNode = (node, isResponse) => {
+				}, [requests]);
+				const locateNode = React.useCallback((node, isResponse) => {
 					/* v8 ignore next 1 -- locateNode is only wired to brief rows, and
 					brief !== null guarantees activeReq !== null in the same closure. */
 					if (activeReq === null) return;
@@ -3735,7 +4372,30 @@ window.__ModuleLoader__.load({
 						seq: node.seq,
 						cat: node.cat
 					});
+				}, [
+					activeReq,
+					activeIdx,
+					displayRequests
+				]);
+				if (!data) return /* @__PURE__ */ React.createElement("div", {
+					className: "lc-root",
+					ref: rootRef
+				}, /* @__PURE__ */ React.createElement("div", { className: "lc-empty" }, t("loading")));
+				const markerOf = (req) => {
+					const i = displayRequests.indexOf(req);
+					/* v8 ignore next 1 -- the only caller passes displayRequests[activeIdx],
+					an element of the very array indexOf scans. */
+					return i >= 0 ? markers[i] : void 0;
 				};
+				const head = headlineOf(data, pressure, breakdown);
+				let fileScope = t("files.scopeLatest");
+				if (activeReq !== null && filesBefore !== null) fileScope = activeReq.stepCount !== void 0 && activeReq.stepCount > 1 ? t("detail.turn", {
+					t: activeReq.turn ?? 0,
+					n: activeReq.stepCount
+				}) : t("detail.step", {
+					t: activeReq.turn ?? 0,
+					s: activeReq.step ?? 0
+				});
 				let activeTurn = hoverTurn;
 				if (activeTurn === null && hoveredSeq !== null) {
 					for (const req of displayRequests) if (req.seq === hoveredSeq) {
@@ -3743,9 +4403,9 @@ window.__ModuleLoader__.load({
 						break;
 					}
 				}
-				const head = headlineOf(data, pressure, breakdown);
 				const localeSvc = ctx.get("locale");
 				const activeLocale = localeSvc !== void 0 && typeof localeSvc.getLocale === "function" ? localeSvc.getLocale().active : "en";
+				const subtitle = (data.model ?? "") + (data.provider ? " · " + data.provider : "");
 				return /* @__PURE__ */ React.createElement("div", {
 					className: "lc-root",
 					ref: rootRef
@@ -3759,7 +4419,7 @@ window.__ModuleLoader__.load({
 					locale: activeLocale
 				}), /* @__PURE__ */ React.createElement(PluginInfo, null)), /* @__PURE__ */ React.createElement("div", { className: "lc-cols" }, /* @__PURE__ */ React.createElement("div", { className: "lc-col" }, /* @__PURE__ */ React.createElement(CurrentComposition, {
 					head,
-					subtitle: (data.model ? data.model : "") + (data.provider ? " · " + data.provider : ""),
+					subtitle,
 					hoverKey: hoverCat,
 					onHoverKey: setHoverCat
 				}), /* @__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("trend.title")), /* @__PURE__ */ React.createElement("span", { className: "lc-card-sub" }, t("trend.hint")), /* @__PURE__ */ React.createElement("div", { className: "lc-trend-ctl" }, /* @__PURE__ */ React.createElement("div", { className: "lc-gran" }, /* @__PURE__ */ React.createElement("button", {
@@ -3838,7 +4498,14 @@ window.__ModuleLoader__.load({
 					activity: fileActivity,
 					scope: fileScope,
 					onLocate: locateFileOp
-				})), /* @__PURE__ */ React.createElement("div", { className: "lc-foot" }, t("footer")));
+				})), /* @__PURE__ */ React.createElement(AgentGraph, {
+					sessionId: typeof sessionId === "string" ? sessionId : void 0,
+					self: {
+						head,
+						billed: usage !== null ? numOf(usage.uncachedInputTokens) + numOf(usage.outputTokens) + numOf(usage.cacheReadTokens) + numOf(usage.cacheWriteTokens) : null,
+						requests: requests.length
+					}
+				}), /* @__PURE__ */ React.createElement("div", { className: "lc-foot" }, t("footer")));
 			}
 			return function ContextView(props) {
 				return h(ErrorBoundary, null, h(ContextViewBody, props));
@@ -3859,7 +4526,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);margin-left:auto;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{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-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;scrollbar-gutter:stable;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-grid-zero{border-top-style:solid;border-top-color:#80808080}.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-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-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;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary);font-size:13px}.lc-detail-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.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-metric{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lc-detail-metric-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-detail-metric-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-detail-rows{grid-template-columns:1fr 1fr;gap:4px 24px;margin-top:10px;display:grid}.lc-brief{flex-direction:column;gap:2px;margin:-4px 0 10px;display:flex}.lc-brief-row{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-left:-6px;margin-right:-6px;padding:3px 6px;font-family:inherit;font-size:12px;line-height:1.5;transition:background-color .12s;display:flex}.lc-brief-row-link:hover{background:var(--dsw-alias-interactive-bg-hover)}button.lc-brief-row-link{cursor:pointer}.lc-brief-tag{box-sizing:border-box;text-align:center;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:56px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;position:relative}.lc-brief-tip{z-index:6;white-space:normal;text-align:left;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:240px;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;bottom:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-brief-tag:hover .lc-brief-tip{opacity:1}.lc-brief-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-fact{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:160px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:260px;color:var(--dsw-alias-label-primary);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;transition:background-color .12s;display:inline-flex;overflow:hidden}.lc-brief-chip-grow{flex:1;max-width:none}.lc-brief-chip-tag{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);max-width:120px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-chip-link{cursor:pointer}.lc-brief-chip-link:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-brief-more{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.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;position:relative;overflow:hidden}.lc-bar-fill{border-radius:3px;height:100%;display:block}.lc-bar-zero{border-left:1px solid #80808073;position:absolute;top:0;bottom:0;left:50%}.lc-bar-fill-up,.lc-bar-fill-down{height:100%;display:block;position:absolute;top:0}.lc-bar-fill-up{border-radius:0 3px 3px 0;left:50%}.lc-bar-fill-down{border-radius:3px 0 0 3px;right:50%}.lc-detail-num{text-align:right;font-variant-numeric:tabular-nums;width:52px}.lc-detail-num-up{color:var(--dsw-alias-state-success-primary)}.lc-detail-num-down{color:var(--dsw-alias-state-error-primary)}.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-fa-list{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-fa-ctl{align-items:center;gap:8px;margin-bottom:8px;display:flex}.lc-fa-ctl .lc-gran{margin-left:0}.lc-fa-n{opacity:.75;margin-left:4px;font-weight:700}.lc-fa-search{min-width:80px;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;outline:none;flex:1;padding:3px 8px;font-size:12px}.lc-fa-search:focus{border-color:var(--dsw-alias-label-dimmed)}.lc-fa-meta{color:var(--dsw-alias-label-secondary);align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.lc-fa-meta .lc-fa-sort{flex:none}.lc-fa-meta-delta{position:relative}.lc-fa-meta-tip{z-index:6;white-space:normal;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:260px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-fa-meta-delta:hover .lc-fa-meta-tip{opacity:1}.lc-fa-item{border:1px solid #0000;border-radius:8px;transition:background-color .12s,border-color .12s}.lc-fa-item-on{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l1)}.lc-fa-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;transition:background-color .12s;display:flex}.lc-fa-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-fa-form{text-align:center;opacity:.85;flex:none;width:16px;font-size:11px}.lc-fa-path{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-fa-path em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-fa-badge{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-badge i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.lc-fa-b-read{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent)}.lc-fa-b-write{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent)}.lc-fa-b-search{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent)}.lc-fa-chip-read,.lc-fa-chip-read:hover{color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write,.lc-fa-chip-write:hover{color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search,.lc-fa-chip-search:hover{color:var(--dsw-alias-state-warn-primary)}.lc-fa-chip-read.lc-gran-on,.lc-fa-chip-read.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write.lc-gran-on,.lc-fa-chip-write.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search.lc-gran-on,.lc-fa-chip-search.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);color:var(--dsw-alias-state-warn-primary)}.lc-fa-delta{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-up{color:var(--dsw-alias-state-success-primary)}.lc-fa-down{color:var(--dsw-alias-state-error-primary)}.lc-fa-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.lc-fa-ops{border-left:2px solid var(--dsw-alias-border-l1);flex-direction:column;gap:1px;margin:0 8px 8px 15px;padding:2px 0 2px 10px;display:flex}.lc-fa-op{min-width:0;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:11px;transition:background-color .12s;display:flex}.lc-fa-op-link{cursor:pointer}.lc-fa-op-link:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-fa-op-time{width:58px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none}.lc-fa-op-tool{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px}.lc-fa-op-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);flex:1;overflow:hidden}.lc-fa-more{color:var(--dsw-alias-label-secondary);padding:2px 6px;font-size:11px}.lc-fa-note{color:var(--dsw-alias-label-secondary);margin-top:8px;font-size:12px}.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-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-retry:hover{filter:brightness(1.15)}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-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 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{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-weight:600;display:flex}.lc-card-title-text{white-space:nowrap;flex:none}.lc-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);margin-left:auto;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{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-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-wrap{flex:1;min-width:0;position:relative}.lc-chart-scroll{scrollbar-gutter:stable;padding-bottom:var(--dsh-scrollbar-width,8px);overflow:auto hidden}.lc-chart{box-sizing:border-box;align-items:flex-end;gap:2px;width:max-content;min-width:100%;height:130px;padding-top:18px;display:flex;position:relative}.lc-grid{border-top:1px dashed var(--dsw-alias-border-l1);pointer-events:none;position:absolute;left:0;right:0}.lc-grid-top{top:18px}.lc-grid-mid{top:74px}.lc-grid-zero{border-top-style:solid;border-top-color:#80808080}.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;left:0;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-up,.lc-bar-down{width:100%;display:flex;position:absolute;left:0}.lc-bar-up{flex-direction:column-reverse}.lc-bar-down{flex-direction:column}.lc-bar-up>div,.lc-bar-down>div{width:100%}.lc-bar-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;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.lc-detail-head b{color:var(--dsw-alias-label-primary);font-size:13px}.lc-detail-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.lc-detail-marker{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent);border-radius:6px;padding:1px 7px;font-size:11px}.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-metric{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.lc-detail-metric-up{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.lc-detail-metric-down{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 15%, transparent)}.lc-detail-rows{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 24px;margin-top:10px;display:grid}.lc-brief{flex-direction:column;gap:2px;min-height:76px;margin:-4px 0 10px;display:flex}.lc-brief-row{min-width:0;color:var(--dsw-alias-label-primary);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-left:-6px;margin-right:-6px;padding:3px 6px;font-family:inherit;font-size:12px;line-height:1.5;transition:background-color .12s;display:flex}.lc-brief-row-link:hover{background:var(--dsw-alias-interactive-bg-hover)}button.lc-brief-row-link{cursor:pointer}.lc-brief-tag{box-sizing:border-box;text-align:center;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:56px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;position:relative}.lc-brief-tip{z-index:6;white-space:normal;text-align:left;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:240px;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;bottom:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-brief-tag:hover .lc-brief-tip{opacity:1}.lc-brief-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-empty{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);flex:1;overflow:hidden}.lc-brief-fact{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);max-width:160px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:260px;color:var(--dsw-alias-label-primary);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;transition:background-color .12s;display:inline-flex;overflow:hidden}.lc-brief-chip-grow{flex:1;max-width:none}.lc-brief-chip-tag{text-overflow:ellipsis;white-space:nowrap;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);max-width:120px;color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;overflow:hidden}.lc-brief-chip-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lc-brief-chip-link{cursor:pointer}.lc-brief-chip-link:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-brief-more{color:var(--dsw-alias-label-secondary);flex:none;font-size:11px}.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;position:relative;overflow:hidden}.lc-bar-fill{border-radius:3px;height:100%;display:block}.lc-bar-zero{border-left:1px solid #80808073;position:absolute;top:0;bottom:0;left:50%}.lc-bar-fill-up,.lc-bar-fill-down{height:100%;display:block;position:absolute;top:0}.lc-bar-fill-up{border-radius:0 3px 3px 0;left:50%}.lc-bar-fill-down{border-radius:3px 0 0 3px;right:50%}.lc-detail-num{text-align:right;font-variant-numeric:tabular-nums;width:52px}.lc-detail-num-up{color:var(--dsw-alias-state-success-primary)}.lc-detail-num-down{color:var(--dsw-alias-state-error-primary)}.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-fa-list{flex-direction:column;gap:2px;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-fa-ctl{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lc-fa-ctl .lc-gran{margin-left:0}.lc-fa-n{opacity:.75;margin-left:4px;font-weight:700}.lc-fa-search{min-width:80px;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;outline:none;flex:1;padding:3px 8px;font-size:12px}.lc-fa-search:focus{border-color:var(--dsw-alias-label-dimmed)}.lc-fa-meta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.lc-fa-meta .lc-fa-sort{flex:none}.lc-fa-meta-delta{position:relative}.lc-fa-meta-tip{z-index:6;white-space:normal;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);width:max-content;max-width:260px;color:var(--dsw-alias-label-primary);pointer-events:none;opacity:0;border-radius:6px;padding:6px 10px;font-size:12px;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 2px 8px #0000002e}.lc-fa-meta-delta:hover .lc-fa-meta-tip{opacity:1}.lc-fa-item{border:1px solid #0000;border-radius:8px;transition:background-color .12s,border-color .12s}.lc-fa-item-on{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-border-l1)}.lc-fa-row{width:100%;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;transition:background-color .12s;display:flex}.lc-fa-row:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-fa-form{text-align:center;opacity:.85;flex:none;width:16px;font-size:11px}.lc-fa-path{word-break:break-all;flex:1;min-width:0}.lc-fa-path em{color:var(--dsw-alias-label-secondary);font-style:normal}.lc-fa-badge{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-badge i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.lc-fa-b-read{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent)}.lc-fa-b-write{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent)}.lc-fa-b-search{color:var(--dsw-alias-state-warn-primary);background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent)}.lc-fa-chip-read,.lc-fa-chip-read:hover{color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write,.lc-fa-chip-write:hover{color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search,.lc-fa-chip-search:hover{color:var(--dsw-alias-state-warn-primary)}.lc-fa-chip-read.lc-gran-on,.lc-fa-chip-read.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent);color:var(--dsw-alias-brand-primary)}.lc-fa-chip-write.lc-gran-on,.lc-fa-chip-write.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);color:var(--dsw-alias-state-success-primary)}.lc-fa-chip-search.lc-gran-on,.lc-fa-chip-search.lc-gran-on:hover{background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 14%, transparent);color:var(--dsw-alias-state-warn-primary)}.lc-fa-delta{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.lc-fa-up{color:var(--dsw-alias-state-success-primary)}.lc-fa-down{color:var(--dsw-alias-state-error-primary)}.lc-fa-time{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.lc-fa-ops{border-left:2px solid var(--dsw-alias-border-l1);flex-direction:column;gap:1px;margin:0 8px 8px 15px;padding:2px 0 2px 10px;display:flex}.lc-fa-op{min-width:0;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:3px 6px;font-size:11px;transition:background-color .12s;display:flex}.lc-fa-op-link{cursor:pointer}.lc-fa-op-link:hover{background:var(--dsw-alias-interactive-bg-hover)}.lc-fa-op-time{width:58px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none}.lc-fa-op-tool{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px}.lc-fa-op-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);flex:1;overflow:hidden}.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-retry{color:var(--dsw-alias-brand-primary);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.lc-br-retry:hover{filter:brightness(1.15)}.lc-br-cats{flex-direction:column;gap:4px;margin-top:10px;display:flex}.lc-br-cat{border:1px solid var(--dsw-alias-border-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{min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:220px;padding:0 6px;font-size:11px;overflow:hidden}.lc-br-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:minmax(0,140px) minmax(0,90px) 56px minmax(0,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);overflow-wrap:anywhere;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}.lc-agents-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lc-agents-chip{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11px}.lc-agents-chip-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-stage{margin:0 -4px;padding:0 4px;overflow-x:auto}.lc-agents-svg{max-width:none;margin:0 auto;display:block}.lc-agents-link{stroke-width:1.5px;stroke-opacity:.45}.lc-agents-link-live{stroke-opacity:.85}.lc-agents-flow{stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 7;animation:.9s linear infinite lc-agent-flow}@keyframes lc-agent-flow{to{stroke-dashoffset:-9px}}.lc-agent-node{outline:none}.lc-agent-clickable{cursor:pointer}.lc-agent-halo{fill:#0000;transition:fill .12s}.lc-agent-hover .lc-agent-halo,.lc-agent-node:focus-visible .lc-agent-halo{fill:var(--dsw-alias-interactive-bg-hover,var(--dsw-alias-bg-layer-2))}.lc-agent-self .lc-agent-halo{fill:var(--dsw-alias-bg-layer-2)}.lc-agent-running .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);animation:1.8s ease-in-out infinite lc-agent-glow}.lc-agent-done .lc-agent-halo{fill:color-mix(in srgb, var(--dsw-alias-state-success-primary) 7%, transparent)}@keyframes lc-agent-glow{0%,to{opacity:1}50%{opacity:.4}}.lc-agent-track{fill:var(--dsw-alias-bg-layer-1);stroke:var(--dsw-alias-border-l1);stroke-width:1.5px}.lc-agent-seg{fill:none;stroke-width:9px;transition:stroke-dasharray .3s,stroke-dashoffset .3s}.lc-agent-free{stroke:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agent-pct{fill:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:600}.lc-agent-caption{text-align:center;pointer-events:none;width:100%;line-height:1.25}.lc-agent-label{color:var(--dsw-alias-label-primary);overflow-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.lc-agent-tokens{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;font-size:10px}.lc-agents-solo{padding:4px 0 10px}.lc-agents-inspector{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;margin-top:10px;padding:7px 10px;font-size:12px;display:flex}.lc-agents-inspector-name{color:var(--dsw-alias-label-primary);overflow-wrap:anywhere}.lc-agents-badge{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 6px;font-size:10px}.lc-agent-self-badge{vertical-align:1px;margin-left:5px}.lc-agents-badge-on{color:var(--dsw-alias-state-success-primary);border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 40%, transparent)}.lc-agents-inspector-stats{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lc-agents-inspector-open{color:var(--dsw-alias-brand-primary,#3b82f6);flex:none;margin-left:auto}.lc-agents-legend{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11px;display:flex}.lc-agents-legend-item{align-items:center;gap:5px;display:inline-flex}.lc-agents-legend-item i{border-radius:2px;width:8px;height:8px}.lc-agents-legend-free{background:color-mix(in srgb, var(--dsw-alias-label-secondary) 18%, transparent)}.lc-agents-legend-edge{border-top:2px dashed var(--dsw-alias-label-secondary);border-radius:0!important;width:14px!important;height:0!important}";
 		const tagId = "dsh-context/styles.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");