dsh-desktop-enhance 0.2.0 → 0.2.2

package/README.md

@@ -1,8 +1,8 @@
 # dsh-desktop-enhance
 
-为 **DeepSeek Harness 桌面版**（DSH Desktop `0.2.0-rc.2`）补四个界面能力的插件。**自用**。
+为 **DeepSeek Harness 桌面版**（DSH Desktop `0.2.0-rc.2`）补五个界面能力的插件。**自用**。
 
-## 四个功能
+## 五个功能
 
 ### 页内查找
 
@@ -53,7 +53,7 @@ Web 版（浏览器里打开的那种）键位是 **`Cmd+Shift+.`** —— `Cmd+
 - 建议只取**纯文本**；斜杠开头的建议如果在当前会话里不存在，直接丢掉，点了不会报错
 - 切到别的会话再切回来**不会重复问** —— 每一轮只打一次调用，不多花
 
-代价要说在前面：**这是四个功能里唯一会花钱的** —— 每轮结束都会打**一次**模型调用。关掉这个开关就完全不打。
+代价要说在前面：**这是五个功能里唯一会花钱的** —— 每轮结束都会打**一次**模型调用。关掉这个开关就完全不打。
 
 #### 建议用哪个模型、哪档推理（可调，**建议调**）
 
@@ -76,6 +76,20 @@ Web 版（浏览器里打开的那种）键位是 **`Cmd+Shift+.`** —— `Cmd+
 
 改坏了有「恢复默认」一键还原。与出厂模板**一字不差**时会存成空串（也就是「用默认」），所以恢复默认之后配置是干净的。
 
+
+### 每步耗时
+
+进程里每一步**几点开始的、花了多久**，直接跟在这一行的文字后面（`14:32 · 23s`）：
+
+- **折叠起来的过程组头**上显示**整组**的跨度（从第一步开始到最后一步结束，中间模型思考的等待也算在内），开始时刻是**第一个成员**起步的那一刻
+- **展开以后**每一行显示**它自己**那一段，紧跟在行标题后面：工具调用是「派发 → 拿到结果」，思考行是**纯推理那一段**（不含写正文的时间）
+- 数字与同一行的文字**同色同字号**
+- 正在跑的那一行**每秒更新**（和宿主自己那句「深度求索中，用时 X」一样在跳），跑完就固定住、不再跳。**思考行是例外**：推理的起止要等这一步说完才知道，所以它在那一趟结束前不显示数字 —— 这样就不会先跳一个数、说完再往回缩
+
+因为数字紧跟标题、且是行内内容，长摘要照常省略号截断、不会被压住，数字也不会被甩到行尾。开始时刻只到分钟（本地时钟）。耗时分档：不足 1 秒写毫秒（`59ms`），1~10 秒写一位小数（`3.8s`），再往上写 `42s` / `2m02s` / `1h20m`。
+
+算不出精确区间的位置**不显示数字**，不会拿一个 `0s` 糊上去。
+
 ## 安装
 
 从 npm 装：
@@ -109,11 +123,11 @@ dsh plugin --profile desktop update dsh-desktop-enhance
 
 ## 开关
 
-四个功能各有一个开关，在**本插件自己的页面**上：
+五个功能各有一个开关，在**本插件自己的页面**上：
 
 > 侧栏 **插件** → 插件列表里选中 **`dsh-desktop-enhance`** → 页面里的 **「UI 增强」** 一栏
 
-四个开关：**页内查找** / **轮次编号** / **压缩行高亮** / **建议**。默认全开，装完与之前行为一致，除非你自己去关。
+五个开关：**页内查找** / **轮次编号** / **压缩行高亮** / **建议** / **每步耗时**。默认全开，装完与之前行为一致，除非你自己去关。
 
 「建议」关掉时，它那三个参数（模型 / 推理强度 / 指令模板）也会一并收起 —— 功能关着时它们不起作用。
 

package/lib/client.js

@@ -29,6 +29,8 @@ window.__ModuleLoader__.load({
 			"settings.compactionRow.hint": "上下文压缩那一行不再折叠隐藏，并显示为醒目的居中胶囊",
 			"settings.suggest": "建议",
 			"settings.suggest.hint": "每轮结束后问一次模型，把 1 到 3 条可能的下一轮提示词摆在输入框上方，点一下就写进草稿",
+			"settings.stepDuration": "每步耗时",
+			"settings.stepDuration.hint": "紧跟每一行的文字显示这一步的开始时刻与耗时（如 14:32 · 23s）：过程组头是整组、展开后的工具调用与思考行是它自己那一段；正在跑的那一行每秒更新",
 			"settings.suggestModel": "建议用哪个模型",
 			"settings.suggestModel.hint": "留空则跟随当前会话的模型；建议选一个非推理的轻量模型，否则每条建议都要等它想完",
 			"settings.suggestModel.follow": "跟随当前会话",
@@ -73,6 +75,8 @@ window.__ModuleLoader__.load({
 			"settings.compactionRow.hint": "Keeps the context-compaction row unfolded and shows it as a prominent centred capsule",
 			"settings.suggest": "Suggestions",
 			"settings.suggest.hint": "Asks the model once per turn and offers 1–3 likely next-round prompts above the composer; a click writes one into your draft",
+			"settings.stepDuration": "Step durations",
+			"settings.stepDuration.hint": "Shows when each step started and how long it took, right after that row’s own text (e.g. 14:32 · 23s): the whole group on a process-group header, its own span on every expanded tool call and thinking row; running rows update every second",
 			"settings.suggestModel": "Model for suggestions",
 			"settings.suggestModel.hint": "Empty follows the current session model. Prefer a lightweight non-reasoning model, or every suggestion waits for it to finish thinking",
 			"settings.suggestModel.follow": "Follow the current session",
@@ -356,13 +360,15 @@ window.__ModuleLoader__.load({
 			findBar: "data-desktop-enhance-off-find-bar",
 			turnPrefix: "data-desktop-enhance-off-turn-prefix",
 			compactionRow: "data-desktop-enhance-off-compaction-row",
-			suggest: "data-desktop-enhance-off-suggest"
+			suggest: "data-desktop-enhance-off-suggest",
+			stepDuration: "data-desktop-enhance-off-step-duration"
 		};
 		const FIELDS = [
 			"findBar",
 			"turnPrefix",
 			"compactionRow",
-			"suggest"
+			"suggest",
+			"stepDuration"
 		];
 		const ALL_FIELDS = [...FIELDS, ...TEXT_FIELDS];
 		function flagOn(value, field) {
@@ -980,6 +986,455 @@ window.__ModuleLoader__.load({
 			]);
 		}
 		//#endregion
+		//#region src/client/timing/index.ts
+		function finite(value) {
+			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : void 0;
+		}
+		function text(value) {
+			return typeof value === "string" && value !== "" ? value : void 0;
+		}
+		function record(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+		}
+		function parseNodeKey(key) {
+			const colon = key.indexOf(":");
+			if (colon <= 0) return null;
+			const length = Number(key.slice(0, colon));
+			if (!Number.isSafeInteger(length) || length <= 0) return null;
+			const kind = key.slice(colon + 1, colon + 1 + length);
+			const id = key.slice(colon + 1 + length);
+			if (id === "") return null;
+			return {
+				kind,
+				id
+			};
+		}
+		function parseStepId(id) {
+			const split = id.indexOf(":");
+			if (split <= 0) return null;
+			const turn = id.slice(0, split);
+			const step = id.slice(split + 1);
+			if (!/^\d+$/.test(turn) || !/^\d+$/.test(step)) return null;
+			return {
+				turn,
+				step
+			};
+		}
+		function buildTimingIndex(events) {
+			const tools = new Map();
+			const steps = new Map();
+			const reasoning = new Map();
+			const pendingEnds = new Map();
+			for (const raw of events) {
+				if (typeof raw !== "object" || raw === null) continue;
+				const event = raw;
+				const time = finite(event.time);
+				if (time === void 0) continue;
+				const data = record(event.data);
+				if (data === null) continue;
+				const type = event.type;
+				if (type === "tool/call") {
+					const callId = text(data.callId);
+					if (callId === void 0) continue;
+					opened(tools, callId, time);
+					continue;
+				}
+				if (type === "tool/result") {
+					const callId = resultCallId(data);
+					if (callId === void 0) continue;
+					if (isReplay(event)) continue;
+					closed(tools, callId, time);
+					continue;
+				}
+				if (type === "assistant/message") {
+					if (isReplay(event)) continue;
+					const at = coordinates(data);
+					if (at === void 0 || at.step === void 0) continue;
+					const key = at.turn + ":" + at.step;
+					const span = reasoningSpan(data);
+					if (span === void 0) continue;
+					const found = reasoning.get(key);
+					if (found === void 0) reasoning.set(key, {
+						startedAt: span.startedAt,
+						endedAt: span.endedAt
+					});
+					else {
+						if (span.startedAt < found.startedAt) found.startedAt = span.startedAt;
+						if (found.endedAt === void 0 || span.endedAt > found.endedAt) found.endedAt = span.endedAt;
+					}
+					continue;
+				}
+				if (type === "step/start" || type === "step/end") {
+					const at = coordinates(data);
+					if (at === void 0 || at.step === void 0) continue;
+					const key = at.turn + ":" + at.step;
+					if (type === "step/start") opened(steps, key, time);
+					else closed(steps, key, time);
+					continue;
+				}
+			}
+			function opened(map, key, time) {
+				const found = map.get(key);
+				if (found === void 0) {
+					const span = { startedAt: time };
+					map.set(key, span);
+					attach(key, span);
+				} else if (found.startedAt > time) found.startedAt = time;
+			}
+			function closed(map, key, time) {
+				const found = map.get(key);
+				if (found === void 0) {
+					const held = pendingEnds.get(key);
+					if (held === void 0 || held < time) pendingEnds.set(key, time);
+					return;
+				}
+				if (found.endedAt === void 0 || found.endedAt < time) found.endedAt = time;
+			}
+			function attach(key, span) {
+				const held = pendingEnds.get(key);
+				if (held === void 0) return;
+				span.endedAt = held;
+				pendingEnds.delete(key);
+			}
+			function read(span, at) {
+				if (span === void 0) return void 0;
+				const end = span.endedAt;
+				if (end === void 0) {
+					const now = finite(at);
+					if (now === void 0) return void 0;
+					return {
+						ms: Math.max(0, now - span.startedAt),
+						running: true,
+						startedAt: span.startedAt
+					};
+				}
+				return {
+					ms: Math.max(0, end - span.startedAt),
+					running: false,
+					startedAt: span.startedAt
+				};
+			}
+			function spanOf(nodeKey) {
+				const parsed = parseNodeKey(nodeKey);
+				if (parsed === null) return void 0;
+				if (parsed.kind === "tool-call") return tools.get(parsed.id);
+				if (parsed.kind === "assistant-step") {
+					const at = parseStepId(parsed.id);
+					return at === null ? void 0 : steps.get(at.turn + ":" + at.step);
+				}
+			}
+			return {
+				tool: (callId, at) => read(tools.get(callId), at),
+				llm: (turn, step) => {
+					return read(reasoning.get(turn + ":" + step), 0);
+				},
+				group: (nodeKeys, at) => {
+					let start;
+					let end;
+					let open = false;
+					let seen = false;
+					for (const key of nodeKeys) {
+						const span = spanOf(key);
+						if (span === void 0) continue;
+						seen = true;
+						if (start === void 0 || span.startedAt < start) start = span.startedAt;
+						if (span.endedAt === void 0) open = true;
+						else if (end === void 0 || span.endedAt > end) end = span.endedAt;
+					}
+					if (!seen || start === void 0) return void 0;
+					if (open) {
+						const now = finite(at);
+						if (now === void 0) return void 0;
+						return {
+							ms: Math.max(0, (end === void 0 ? now : Math.max(end, now)) - start),
+							running: true,
+							startedAt: start
+						};
+					}
+					if (end === void 0) return void 0;
+					return {
+						ms: Math.max(0, end - start),
+						running: false,
+						startedAt: start
+					};
+				}
+			};
+		}
+		function isReplay(event) {
+			return event.surfaceOp !== void 0 && event.surfaceOp !== "append";
+		}
+		function resultCallId(data) {
+			const message = record(data.message);
+			const source = message === null ? null : record(message.source);
+			if (source === null || source.kind !== "tool") return void 0;
+			return text(source.callId);
+		}
+		function reasoningSpan(data) {
+			const stream = data.stream;
+			if (!Array.isArray(stream)) return void 0;
+			let startedAt;
+			let endedAt;
+			for (const entry of stream) {
+				const chunk = record(entry);
+				if (chunk === null || chunk.type !== "chunk") continue;
+				const inner = record(chunk.chunk);
+				if (inner === null) continue;
+				const time = finite(chunk.time);
+				if (time === void 0) continue;
+				if (inner.type === "block-start") {
+					if (inner.blockType !== "reasoning") continue;
+					if (startedAt === void 0 || time < startedAt) startedAt = time;
+					continue;
+				}
+				if (inner.type === "block-end") {
+					const block = record(inner.block);
+					if (block === null || block.type !== "reasoning") continue;
+					if (endedAt === void 0 || time > endedAt) endedAt = time;
+				}
+			}
+			if (startedAt === void 0 || endedAt === void 0 || endedAt < startedAt) return void 0;
+			return {
+				startedAt,
+				endedAt
+			};
+		}
+		function coordinates(data) {
+			const turn = data.turn;
+			if (typeof turn !== "number" || !Number.isSafeInteger(turn)) return void 0;
+			const step = data.step;
+			if (typeof step !== "number" || !Number.isSafeInteger(step)) return { turn };
+			return {
+				turn,
+				step
+			};
+		}
+		function formatDuration(ms) {
+			if (!Number.isFinite(ms) || ms < 0) return "";
+			const rounded = Math.round(ms);
+			if (rounded < 1e3) return rounded + "ms";
+			const total = Math.floor(rounded / 1e3);
+			if (total < 10) return (Math.floor(rounded / 100) / 10).toFixed(1) + "s";
+			if (total < 60) return total + "s";
+			const minutes = Math.floor(total / 60);
+			if (minutes < 60) return minutes + "m" + String(total % 60).padStart(2, "0") + "s";
+			return Math.floor(minutes / 60) + "h" + String(minutes % 60).padStart(2, "0") + "m";
+		}
+		function formatClock(at) {
+			if (!Number.isFinite(at) || at < 0) return "";
+			const date = new Date(at);
+			const hours = String(date.getHours()).padStart(2, "0");
+			const minutes = String(date.getMinutes()).padStart(2, "0");
+			return hours + ":" + minutes;
+		}
+		function formatTiming(timing) {
+			const duration = formatDuration(timing.ms);
+			if (duration === "") return "";
+			const clock = formatClock(timing.startedAt);
+			return clock === "" ? duration : clock + " · " + duration;
+		}
+		//#endregion
+		//#region src/client/timing/dom.ts
+		const DURATION_ATTR = "data-desktop-enhance-duration";
+		const CALL_ROW = "[data-chat-call-id]";
+		const THINK_ROW = "[data-variant=\"think\"]";
+		const FIRST_LINE = "[data-disclosure-row], [data-sample]";
+		const SEPARATOR = "[data-shimmer-decoration]";
+		function eventsOf(entries) {
+			const out = [];
+			for (const entry of entries) {
+				if (typeof entry !== "object" || entry === null) continue;
+				const record = entry;
+				if (record.type !== "event") continue;
+				if (typeof record.event !== "object" || record.event === null) continue;
+				out.push(record.event);
+			}
+			return out;
+		}
+		function memberTiming(index, nodeKey, at) {
+			const parsed = parseNodeKey(nodeKey);
+			if (parsed === null) return void 0;
+			if (parsed.kind === "tool-call") return index.tool(parsed.id, at);
+			if (parsed.kind === "assistant-step") {
+				const step = parseStepId(parsed.id);
+				if (step === null) return void 0;
+				return index.llm(Number(step.turn), Number(step.step));
+			}
+		}
+		function callTiming(index, row, at) {
+			const callId = row.getAttribute("data-chat-call-id");
+			if (callId === null || callId === "") return void 0;
+			return index.tool(callId, at);
+		}
+		function thinkTiming(index, row, at) {
+			const nodeKey = row.closest("[data-chat-node-key]")?.getAttribute("data-chat-node-key");
+			if (typeof nodeKey !== "string" || nodeKey === "") return void 0;
+			return memberTiming(index, nodeKey, at);
+		}
+		function titleOf(row) {
+			const line = row.querySelector(FIRST_LINE);
+			if (line === null) return null;
+			const separator = line.querySelector(SEPARATOR);
+			const before = separator === null ? null : separator.previousElementSibling;
+			if (before !== null) return before;
+			return firstTextLeaf(line);
+		}
+		function ownsText(element) {
+			for (const node of Array.from(element.childNodes)) if (node.nodeType === 3 && (node.nodeValue ?? "").trim() !== "") return true;
+			return false;
+		}
+		function firstTextLeaf(root) {
+			for (const child of Array.from(root.children)) {
+				const ns = child.namespaceURI;
+				if (typeof ns === "string" && ns.includes("svg")) continue;
+				if (ownsText(child)) return child;
+				const deeper = firstTextLeaf(child);
+				if (deeper !== null) return deeper;
+			}
+			return null;
+		}
+		function writeTiming(element, timing) {
+			const text = timing === void 0 ? "" : formatTiming(timing);
+			if (text === "") {
+				if (element.hasAttribute("data-desktop-enhance-duration")) element.removeAttribute(DURATION_ATTR);
+				return;
+			}
+			if (element.getAttribute("data-desktop-enhance-duration") !== text) element.setAttribute(DURATION_ATTR, text);
+		}
+		function groupKeys(group) {
+			const keys = [];
+			for (const member of group.querySelectorAll("[data-chat-node-key]")) {
+				const key = member.getAttribute("data-chat-node-key");
+				if (key !== null && key !== "") keys.push(key);
+			}
+			return keys;
+		}
+		function eachTiming(root, visit, index, at) {
+			for (const group of root.querySelectorAll("[data-step-process]")) {
+				const header = group.querySelector("[data-process-activity]");
+				if (header !== null) visit(header, index.group(groupKeys(group), at));
+			}
+			for (const row of root.querySelectorAll(CALL_ROW)) visit(titleOf(row), callTiming(index, row, at));
+			for (const row of root.querySelectorAll(THINK_ROW)) visit(titleOf(row), thinkTiming(index, row, at));
+		}
+		function syncTimings(root, index, at) {
+			let touched = 0;
+			eachTiming(root, (element, timing) => {
+				if (element === null) return;
+				writeTiming(element, timing);
+				touched += 1;
+			}, index, at);
+			return touched;
+		}
+		function anyRunning(root, index, at) {
+			let running = false;
+			eachTiming(root, (_element, timing) => {
+				if (timing?.running === true) running = true;
+			}, index, at);
+			return running;
+		}
+		function conversation() {
+			const root = globalThis.document.querySelector("[data-conversation-session]");
+			if (root === null) return null;
+			const sessionId = root.getAttribute("data-conversation-session");
+			if (sessionId === null || sessionId === "") return null;
+			return {
+				root,
+				sessionId
+			};
+		}
+		function installTimings(ctx, isOn, getSessions, now = () => globalThis.Date.now()) {
+			let retained = null;
+			let unsubscribe = null;
+			let sessionId = null;
+			let index = buildTimingIndex([]);
+			let timer = null;
+			const retime = (running) => {
+				if (running) {
+					if (timer === null) timer = globalThis.setInterval(() => {
+						const found = conversation();
+						if (found === null) return;
+						syncTimings(found.root, index, now());
+					}, 1e3);
+				} else if (timer !== null) {
+					globalThis.clearInterval(timer);
+					timer = null;
+				}
+			};
+			const detach = () => {
+				if (unsubscribe !== null) {
+					unsubscribe();
+					unsubscribe = null;
+				}
+				if (retained !== null) {
+					retained.release();
+					retained = null;
+				}
+				sessionId = null;
+				index = buildTimingIndex([]);
+			};
+			const paint = (root) => {
+				syncTimings(root, index, now());
+				retime(anyRunning(root, index, now()));
+			};
+			const attach = (id, root) => {
+				const sessions = getSessions();
+				if (sessions === null || sessions === void 0 || typeof sessions.retain !== "function") return;
+				let reference;
+				try {
+					reference = sessions.retain(id, { source: NS });
+				} catch {
+					return;
+				}
+				retained = reference;
+				sessionId = id;
+				const source = reference.binding.eventSource;
+				const rebuild = () => {
+					index = isOn() ? buildTimingIndex(eventsOf(source.getSnapshot().entries ?? [])) : buildTimingIndex([]);
+					paint(root);
+				};
+				unsubscribe = source.subscribe(rebuild);
+				rebuild();
+			};
+			const sync = () => {
+				const found = conversation();
+				if (found === null) {
+					retime(false);
+					return;
+				}
+				if (!isOn()) {
+					detach();
+					retime(false);
+					syncTimings(found.root, buildTimingIndex([]), now());
+					return;
+				}
+				if (found.sessionId !== sessionId) {
+					detach();
+					attach(found.sessionId, found.root);
+					return;
+				}
+				paint(found.root);
+			};
+			ctx.effect(() => {
+				const observer = new globalThis.MutationObserver(() => {
+					sync();
+				});
+				observer.observe(globalThis.document.documentElement, {
+					childList: true,
+					subtree: true
+				});
+				return () => {
+					observer.disconnect();
+					if (timer !== null) {
+						globalThis.clearInterval(timer);
+						timer = null;
+					}
+					detach();
+				};
+			}, "desktop-enhance: timing observer");
+			sync();
+			return { refresh: sync };
+		}
+		//#endregion
 		//#region src/client/turn/prefix.ts
 		function parseTurnNumber(label) {
 			if (typeof label !== "string") return null;
@@ -1485,7 +1940,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-desktop-enhance-css:/Users/lijiechengbj/projects/AI-agents/dsh-desktop-enhance/src/client/styles/enhance.css.mjs
-		var enhance_css_default = "\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"]) {\n  content-visibility: visible !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"][hidden=\"until-found\"] {\n  content-visibility: visible !important;\n}\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  [data-turn-process-member=\"true\"]:not([data-chat-flow-kind=\"compaction\"]) {\n  display: none !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-step-process=\"true\"][hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  > div:has(> [data-process-activity]) {\n  display: none !important;\n}\n\n\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"compaction\"],\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"manual-compaction\"] {\n  padding: 6px 0 !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"compaction\"] button,\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"manual-compaction\"] button {\n  width: fit-content !important;\n  margin: 0 auto !important;\n  height: auto !important;\n  min-height: 28px;\n  padding: 0 14px !important;\n  justify-content: center !important;\n  background: var(--dsw-alias-state-warn-tertiary) !important;\n  border-radius: 999px !important;\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dsw-alias-state-warn-primary) 45%, transparent);\n  color: var(--dsw-alias-state-warn-label) !important;\n}\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button:hover:not(:disabled),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button:hover:not(:disabled) {\n  background: var(--dsw-alias-state-warn-secondary) !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button:has([data-compaction-disclosure=\"expanded\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button:has([data-compaction-disclosure=\"expanded\"]) {\n  width: 100% !important;\n  margin: 0 !important;\n  border-radius: var(--dsw-radius-sm) !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button > span:not([aria-hidden]):not(:last-child),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button > span:not([aria-hidden]):not(:last-child) {\n  font-weight: 600;\n}\n\n\n[data-desktop-enhance-reveal] {\n  content-visibility: visible !important;\n}\n[hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  [data-turn-process-member=\"true\"][data-desktop-enhance-reveal]:not([data-chat-flow-kind=\"compaction\"]) {\n  display: revert !important;\n}\n\n\n:root:not([data-desktop-enhance-off-turn-prefix]) [data-desktop-enhance-turn]::before {\n  content: attr(data-desktop-enhance-turn);\n  flex: none;\n  margin-right: 6px;\n  padding: 0 5px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  font: var(--dsw-font-xxxs-strong-11);\n}\n\n\n\n:root[data-desktop-enhance-off-find-bar] [data-desktop-enhance-findbar] {\n  display: none !important;\n}\n[data-desktop-enhance-findbar] {\n  position: absolute;\n  top: 12px;\n  right: 20px;\n  z-index: 30;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-elevation-panel);\n}\n[data-desktop-enhance-findbar] input {\n  width: 200px;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n}\n[data-desktop-enhance-findbar] input:focus-visible {\n  outline: 1px solid var(--dsw-focus-ring-color);\n  outline-offset: 2px;\n}\n[data-desktop-enhance-findbar] .count {\n  min-width: 44px;\n  text-align: right;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-findbar] button {\n  display: grid;\n  place-items: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: var(--dsw-radius-xs);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: var(--dsw-font-s-14);\n}\n[data-desktop-enhance-findbar] button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-findbar] button:disabled {\n  opacity: .4;\n  cursor: default;\n}\n::highlight(desktop-enhance-find) {\n  background-color: var(--dsw-alias-state-warn-tertiary);\n}\n::highlight(desktop-enhance-find-current) {\n  background-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-label-primary-inverted);\n}\n\n\n[data-desktop-enhance-settings] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 16px 0;\n}\n[data-desktop-enhance-settings] .de-head-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n  font-weight: 600;\n}\n[data-desktop-enhance-settings] .de-head-desc,\n[data-desktop-enhance-settings] .de-desc {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n[data-desktop-enhance-settings] .de-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n[data-desktop-enhance-settings] .de-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n}\n\n[data-desktop-enhance-settings] .de-switch {\n  position: relative;\n  flex: none;\n  width: 36px;\n  height: 20px;\n  padding: 0;\n  border: none;\n  border-radius: 999px;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  cursor: pointer;\n  transition: background .15s;\n}\n[data-desktop-enhance-settings] .de-switch::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--dsw-alias-switch-thumb);\n  transition: transform .15s;\n}\n[data-desktop-enhance-settings] .de-switch[aria-checked=\"true\"] {\n  background: var(--dsw-alias-state-success-primary);\n}\n[data-desktop-enhance-settings] .de-switch[aria-checked=\"true\"]::after {\n  transform: translateX(16px);\n}\n[data-desktop-enhance-settings] .de-switch:disabled {\n  opacity: .5;\n  cursor: default;\n}\n[data-desktop-enhance-settings] .de-note {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-error {\n  color: var(--dsw-alias-state-error-primary);\n  font: var(--dsw-font-xxs-12);\n}\n\n\n\n[data-desktop-enhance-settings] .de-suggest-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  \n  border-top: 1px solid var(--dsw-alias-border-l1);\n  margin-top: 4px;\n  padding-top: 12px;\n}\n[data-desktop-enhance-settings] .de-item-block {\n  align-items: stretch;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-select,\n[data-desktop-enhance-settings] .de-text-input,\n[data-desktop-enhance-settings] .de-textarea {\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xs-13);\n  padding: 6px 8px;\n  width: 100%;\n}\n[data-desktop-enhance-settings] .de-select:disabled,\n[data-desktop-enhance-settings] .de-text-input:disabled,\n[data-desktop-enhance-settings] .de-textarea:disabled {\n  opacity: .5;\n}\n\n[data-desktop-enhance-settings] .de-textarea {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  line-height: 1.5;\n  resize: vertical;\n  white-space: pre-wrap;\n}\n[data-desktop-enhance-settings] .de-prompt {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-prompt-meta {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-prompt-actions {\n  display: flex;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-button {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: var(--dsw-font-xxs-12);\n  padding: 4px 10px;\n}\n[data-desktop-enhance-settings] .de-button:hover {\n  border-color: var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-settings] .de-button:disabled {\n  cursor: default;\n  opacity: .5;\n}\n\n\n\n\n:root[data-desktop-enhance-off-suggest] [data-desktop-enhance='suggest'] {\n  display: none !important;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest {\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  \n  flex-wrap: wrap;\n  gap: 6px;\n  \n  margin: 0 auto 6px;\n  max-width: var(--dsh-composer-card-max-width, 100%);\n  \n  min-width: 0;\n  \n  padding-left: 14px;\n  width: calc(100% - var(--dsh-composer-side-clearance, 0px) - var(--dsh-composer-side-clearance, 0px));\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-head {\n  align-items: center;\n  display: flex;\n  flex: none;\n  gap: 2px;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xs-13);\n  font-weight: 500;\n  \n  white-space: nowrap;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-close {\n  appearance: none;\n  background: none;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  flex: none;\n  font: var(--dsw-font-xxs-12);\n  line-height: 1;\n  padding: 2px 4px;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-close:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row {\n  appearance: none;\n  align-items: center;\n  background: none;\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  display: flex;\n  flex: 0 1 auto;\n  font: var(--dsw-font-xs-13);\n  gap: 6px;\n  \n  max-width: 100%;\n  min-width: 0;\n  padding: 4px 10px;\n  text-align: left;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row:hover {\n  background: var(--dsw-alias-state-business-tertiary);\n  border-color: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-state-business-primary);\n  transition: background-color .12s ease, border-color .12s ease, color .12s ease;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row[data-used='true'] {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-secondary);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-num {\n  color: var(--dsw-alias-label-primary);\n  flex: none;\n  font: var(--dsw-font-xs-13);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-text {\n  max-width: 22ch;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-loading {\n  border-style: dashed;\n  color: var(--dsw-alias-label-secondary);\n  cursor: default;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-error {\n  color: var(--dsw-alias-state-error-primary);\n  flex: 1 1 auto;\n  font: var(--dsw-font-xxs-12);\n  min-width: 0;\n  padding: 2px;\n}\n";
+		var enhance_css_default = "\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"]) {\n  content-visibility: visible !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"][hidden=\"until-found\"] {\n  content-visibility: visible !important;\n}\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  [data-turn-process-member=\"true\"]:not([data-chat-flow-kind=\"compaction\"]) {\n  display: none !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-step-process=\"true\"][hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  > div:has(> [data-process-activity]) {\n  display: none !important;\n}\n\n\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"compaction\"],\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"manual-compaction\"] {\n  padding: 6px 0 !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"compaction\"] button,\n:root:not([data-desktop-enhance-off-compaction-row]) [data-chat-flow-kind=\"manual-compaction\"] button {\n  width: fit-content !important;\n  margin: 0 auto !important;\n  height: auto !important;\n  min-height: 28px;\n  padding: 0 14px !important;\n  justify-content: center !important;\n  background: var(--dsw-alias-state-warn-tertiary) !important;\n  border-radius: 999px !important;\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dsw-alias-state-warn-primary) 45%, transparent);\n  color: var(--dsw-alias-state-warn-label) !important;\n}\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button:hover:not(:disabled),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button:hover:not(:disabled) {\n  background: var(--dsw-alias-state-warn-secondary) !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button:has([data-compaction-disclosure=\"expanded\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button:has([data-compaction-disclosure=\"expanded\"]) {\n  width: 100% !important;\n  margin: 0 !important;\n  border-radius: var(--dsw-radius-sm) !important;\n}\n\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"compaction\"] button > span:not([aria-hidden]):not(:last-child),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-compaction\"] button > span:not([aria-hidden]):not(:last-child) {\n  font-weight: 600;\n}\n\n\n[data-desktop-enhance-reveal] {\n  content-visibility: visible !important;\n}\n[hidden=\"until-found\"]:has([data-chat-flow-kind=\"compaction\"])\n  [data-turn-process-member=\"true\"][data-desktop-enhance-reveal]:not([data-chat-flow-kind=\"compaction\"]) {\n  display: revert !important;\n}\n\n\n:root:not([data-desktop-enhance-off-turn-prefix]) [data-desktop-enhance-turn]::before {\n  content: attr(data-desktop-enhance-turn);\n  flex: none;\n  margin-right: 6px;\n  padding: 0 5px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n  font: var(--dsw-font-xxxs-strong-11);\n}\n\n\n\n:root[data-desktop-enhance-off-find-bar] [data-desktop-enhance-findbar] {\n  display: none !important;\n}\n[data-desktop-enhance-findbar] {\n  position: absolute;\n  top: 12px;\n  right: 20px;\n  z-index: 30;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: var(--dsw-radius-md);\n  background: var(--dsw-alias-bg-layer-1);\n  box-shadow: var(--dsw-elevation-panel);\n}\n[data-desktop-enhance-findbar] input {\n  width: 200px;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n}\n[data-desktop-enhance-findbar] input:focus-visible {\n  outline: 1px solid var(--dsw-focus-ring-color);\n  outline-offset: 2px;\n}\n[data-desktop-enhance-findbar] .count {\n  min-width: 44px;\n  text-align: right;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-findbar] button {\n  display: grid;\n  place-items: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: var(--dsw-radius-xs);\n  background: transparent;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  font: var(--dsw-font-s-14);\n}\n[data-desktop-enhance-findbar] button:hover:not(:disabled) {\n  background: var(--dsw-alias-interactive-bg-hover);\n  color: var(--dsw-alias-label-primary);\n}\n[data-desktop-enhance-findbar] button:disabled {\n  opacity: .4;\n  cursor: default;\n}\n::highlight(desktop-enhance-find) {\n  background-color: var(--dsw-alias-state-warn-tertiary);\n}\n::highlight(desktop-enhance-find-current) {\n  background-color: var(--dsw-alias-state-warn-primary);\n  color: var(--dsw-alias-label-primary-inverted);\n}\n\n\n[data-desktop-enhance-settings] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 16px 0;\n}\n[data-desktop-enhance-settings] .de-head-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n  font-weight: 600;\n}\n[data-desktop-enhance-settings] .de-head-desc,\n[data-desktop-enhance-settings] .de-desc {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n[data-desktop-enhance-settings] .de-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n[data-desktop-enhance-settings] .de-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-s-14);\n}\n\n[data-desktop-enhance-settings] .de-switch {\n  position: relative;\n  flex: none;\n  width: 36px;\n  height: 20px;\n  padding: 0;\n  border: none;\n  border-radius: 999px;\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  cursor: pointer;\n  transition: background .15s;\n}\n[data-desktop-enhance-settings] .de-switch::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--dsw-alias-switch-thumb);\n  transition: transform .15s;\n}\n[data-desktop-enhance-settings] .de-switch[aria-checked=\"true\"] {\n  background: var(--dsw-alias-state-success-primary);\n}\n[data-desktop-enhance-settings] .de-switch[aria-checked=\"true\"]::after {\n  transform: translateX(16px);\n}\n[data-desktop-enhance-settings] .de-switch:disabled {\n  opacity: .5;\n  cursor: default;\n}\n[data-desktop-enhance-settings] .de-note {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-error {\n  color: var(--dsw-alias-state-error-primary);\n  font: var(--dsw-font-xxs-12);\n}\n\n\n\n[data-desktop-enhance-settings] .de-suggest-settings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  \n  border-top: 1px solid var(--dsw-alias-border-l1);\n  margin-top: 4px;\n  padding-top: 12px;\n}\n[data-desktop-enhance-settings] .de-item-block {\n  align-items: stretch;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-select,\n[data-desktop-enhance-settings] .de-text-input,\n[data-desktop-enhance-settings] .de-textarea {\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xs-13);\n  padding: 6px 8px;\n  width: 100%;\n}\n[data-desktop-enhance-settings] .de-select:disabled,\n[data-desktop-enhance-settings] .de-text-input:disabled,\n[data-desktop-enhance-settings] .de-textarea:disabled {\n  opacity: .5;\n}\n\n[data-desktop-enhance-settings] .de-textarea {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  line-height: 1.5;\n  resize: vertical;\n  white-space: pre-wrap;\n}\n[data-desktop-enhance-settings] .de-prompt {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n[data-desktop-enhance-settings] .de-prompt-meta {\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-settings] .de-prompt-actions {\n  display: flex;\n  gap: 8px;\n}\n[data-desktop-enhance-settings] .de-button {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  font: var(--dsw-font-xxs-12);\n  padding: 4px 10px;\n}\n[data-desktop-enhance-settings] .de-button:hover {\n  border-color: var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-settings] .de-button:disabled {\n  cursor: default;\n  opacity: .5;\n}\n\n\n\n\n:root[data-desktop-enhance-off-suggest] [data-desktop-enhance='suggest'] {\n  display: none !important;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest {\n  align-items: center;\n  \n  background: color-mix(in srgb, var(--dsw-alias-state-business-tertiary) 10%, transparent);\n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 20%, transparent);\n  border-radius: var(--dsw-radius-md);\n  box-sizing: border-box;\n  display: flex;\n  \n  flex-wrap: wrap;\n  gap: 6px;\n  \n  margin: 0 auto 6px;\n  max-width: var(--dsh-composer-card-max-width, 100%);\n  \n  min-width: 0;\n  \n  padding: 4px 10px 4px 13px;\n  width: calc(100% - var(--dsh-composer-side-clearance, 0px) - var(--dsh-composer-side-clearance, 0px));\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-head {\n  align-items: center;\n  display: flex;\n  flex: none;\n  gap: 2px;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-title {\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xs-13);\n  font-weight: 500;\n  \n  white-space: nowrap;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-close {\n  appearance: none;\n  background: none;\n  border: 0;\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n  flex: none;\n  font: var(--dsw-font-xxs-12);\n  line-height: 1;\n  padding: 2px 4px;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-close:hover {\n  color: var(--dsw-alias-label-primary);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row {\n  appearance: none;\n  align-items: center;\n  background: none;\n  \n  border: 1px solid color-mix(in srgb, var(--dsw-alias-state-business-primary) 35%, transparent);\n  border-radius: var(--dsw-radius-sm);\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  display: flex;\n  flex: 0 1 auto;\n  font: var(--dsw-font-xs-13);\n  gap: 6px;\n  \n  max-width: 100%;\n  min-width: 0;\n  padding: 4px 10px;\n  text-align: left;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row:hover {\n  background: var(--dsw-alias-state-business-tertiary);\n  border-color: var(--dsw-alias-state-business-primary);\n  color: var(--dsw-alias-state-business-primary);\n  transition: background-color .12s ease, border-color .12s ease, color .12s ease;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-row[data-used='true'] {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-label-secondary);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-num {\n  color: var(--dsw-alias-label-primary);\n  flex: none;\n  font: var(--dsw-font-xs-13);\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-text {\n  max-width: 22ch;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-loading {\n  border-style: dashed;\n  color: var(--dsw-alias-label-secondary);\n  cursor: default;\n}\n\n:root:not([data-desktop-enhance-off-suggest]) .de-suggest-error {\n  color: var(--dsw-alias-state-error-primary);\n  flex: 1 1 auto;\n  font: var(--dsw-font-xxs-12);\n  min-width: 0;\n  padding: 2px;\n}\n\n\n:root:not([data-desktop-enhance-off-step-duration]) [data-desktop-enhance-duration]::after {\n  content: attr(data-desktop-enhance-duration);\n  \n  margin-left: 8px;\n  font-size: inherit;\n  line-height: inherit;\n  \n  font-variant-numeric: tabular-nums;\n  color: inherit;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n:root:not([data-desktop-enhance-off-step-duration])\n  [data-desktop-enhance-duration]:has([data-step-process-icon])::after {\n  margin-left: 2px;\n}\n";
 		//#endregion
 		//#region src/client/index.tsx
 		const inject = [
@@ -1558,6 +2013,7 @@ window.__ModuleLoader__.load({
 				}, SettingsRow))), "desktop-enhance: plugin page card");
 			});
 			installTurnPrefix(ctx);
+			const timings = installTimings(ctx, () => flagOn(settings.get().value, "stepDuration"), () => ctx.get("sessions"));
 			const suggestStore = createSuggestStore();
 			const suggestWatcher = createSuggestWatcher(() => ctx.get("sessions"), suggestStore, {
 				fetchImpl: globalThis.fetch,
@@ -1567,6 +2023,7 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => {
 				const off = settings.subscribe(() => {
 					suggestWatcher.refresh();
+					timings.refresh();
 				});
 				return () => {
 					off();
@@ -1697,7 +2154,22 @@ window.__ModuleLoader__.load({
 			ModelPicker,
 			zh,
 			en,
-			css: enhance_css_default
+			css: enhance_css_default,
+			buildTimingIndex,
+			formatDuration,
+			formatClock,
+			formatTiming,
+			parseNodeKey,
+			parseStepId,
+			eventsOf,
+			memberTiming,
+			callTiming,
+			thinkTiming,
+			syncTimings,
+			anyRunning,
+			installTimings,
+			DURATION_ATTR,
+			titleOf
 		};
 		exports.apply = apply;
 		exports.inject = inject;

package/lib/index.d.ts

@@ -96,6 +96,7 @@ export declare const Config: Schema<Schemastery.ObjectS<NoInfer<{
   turnPrefix: Schema<boolean, boolean, "volatile-defined">;
   compactionRow: Schema<boolean, boolean, "volatile-defined">;
   suggest: Schema<boolean, boolean, "volatile-defined">;
+  stepDuration: Schema<boolean, boolean, "volatile-defined">;
   suggestModel: Schema<string, string, "volatile-defined">;
   suggestReasoning: Schema<string, string, "volatile-defined">;
   suggestPrompt: Schema<string, string, "volatile-defined">;
@@ -104,6 +105,7 @@ export declare const Config: Schema<Schemastery.ObjectS<NoInfer<{
   turnPrefix: Schema<boolean, boolean, "volatile-defined">;
   compactionRow: Schema<boolean, boolean, "volatile-defined">;
   suggest: Schema<boolean, boolean, "volatile-defined">;
+  stepDuration: Schema<boolean, boolean, "volatile-defined">;
   suggestModel: Schema<string, string, "volatile-defined">;
   suggestReasoning: Schema<string, string, "volatile-defined">;
   suggestPrompt: Schema<string, string, "volatile-defined">;

package/lib/index.js

@@ -351,6 +351,7 @@ const Config = Schema.object({
 	turnPrefix: Schema.boolean().default(true).volatile(),
 	compactionRow: Schema.boolean().default(true).volatile(),
 	suggest: Schema.boolean().default(true).volatile(),
+	stepDuration: Schema.boolean().default(true).volatile(),
 	suggestModel: Schema.string().default("").volatile(),
 	suggestReasoning: Schema.string().default("").volatile(),
 	suggestPrompt: Schema.string().default("").volatile()

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-desktop-enhance",
-  "version": "0.2.0",
-  "description": "DSH Desktop 界面增强：页内查找（Cmd+F）、轮次编号、上下文压缩行常显、建议。",
+  "version": "0.2.2",
+  "description": "DSH Desktop 界面增强：页内查找（Cmd+F）、轮次编号、上下文压缩行常显、建议、每步耗时。",
   "type": "module",
   "exports": {
     ".": "./lib/index.js",