dsh-desktop-enhance 0.2.3 → 0.2.5

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`）补六个界面能力的插件。**自用**。
 
-## 五个功能
+## 六个功能
 
 ### 页内查找
 
@@ -90,6 +90,15 @@ Web 版（浏览器里打开的那种）键位是 **`Cmd+Shift+.`** —— `Cmd+
 
 算不出精确区间的位置**不显示数字**，不会拿一个 `0s` 糊上去。
 
+### 会话信息
+
+在主对话区右上角悬浮展示一个可折叠的手风琴看板（标题为 **「会话信息」**）：
+
+- **已注入 Skill 分节**：展示当前会话活跃上下文中已注入的 Skill 列表、触发方式（`用户触发` / `Agent触发`）以及对应的轮次号（`#N`）；还没有任何 Skill 时显示 `0` 与「暂无已注入 Skill」提示
+- **点击预览**：点击任意一条 Skill，直接打开宿主内置的右侧栏 Skill 详情预览（`openSkill`）
+- **折叠与展开**：点击顶栏可把整张卡片收起成一枚紧凑胶囊（`会话信息 · Skill N`），点击分节头可单独收起/展开该分节
+- **全量 + 实时**：实时监听前端会话事件流，同时向 Host 查询完整会话日志基线，即使几百轮的长会话只加载了尾部窗口，第 1 轮注入的 Skill 也不会漏掉；被上下文压缩或裁剪替换掉的节点会自动剔除
+
 ## 安装
 
 从 npm 装：
@@ -123,11 +132,11 @@ dsh plugin --profile desktop update dsh-desktop-enhance
 
 ## 开关
 
-五个功能各有一个开关，在**本插件自己的页面**上：
+六个功能各有一个开关，在**本插件自己的页面**上：
 
 > 侧栏 **插件** → 插件列表里选中 **`dsh-desktop-enhance`** → 页面里的 **「UI 增强」** 一栏
 
-五个开关：**页内查找** / **轮次编号** / **压缩行高亮** / **建议** / **每步耗时**。默认全开，装完与之前行为一致，除非你自己去关。
+六个开关：**页内查找** / **轮次编号** / **压缩行高亮** / **建议** / **每步耗时** / **会话信息**。默认全开，装完与之前行为一致，除非你自己去关。
 
 「建议」关掉时，它那三个参数（模型 / 推理强度 / 指令模板）也会一并收起 —— 功能关着时它们不起作用。
 

package/lib/client.js

@@ -19,6 +19,14 @@ window.__ModuleLoader__.load({
 			"suggest.loading": "正在想下一轮…",
 			"suggest.dismiss": "收起建议",
 			"suggest.failed": "没写进输入框（宿主正忙或草稿有冲突），可以再点一次。",
+			"sessionInfo.title": "会话信息",
+			"sessionInfo.collapse": "收起会话信息",
+			"sessionInfo.expand": "展开会话信息",
+			"sessionInfo.skills.title": "已注入 Skill",
+			"sessionInfo.skills.short": "Skill",
+			"sessionInfo.skills.empty": "暂无已注入 Skill",
+			"sessionInfo.trigger.user": "用户触发",
+			"sessionInfo.trigger.agent": "Agent触发",
 			"settings.title": "UI 增强",
 			"settings.description": "逐项开关本插件添加的界面增强。关闭后恢复 DSH 原生外观。",
 			"settings.findBar": "页内查找",
@@ -31,6 +39,8 @@ window.__ModuleLoader__.load({
 			"settings.suggest.hint": "每轮结束后问一次模型，把 1 到 3 条可能的下一轮提示词摆在输入框上方，点一下就写进草稿",
 			"settings.stepDuration": "每步耗时",
 			"settings.stepDuration.hint": "紧跟每一行的文字显示这一步的开始时刻与耗时（如 14:32 · 23s）：过程组头是整组、展开后的工具调用与思考行是它自己那一段；正在跑的那一行每秒更新",
+			"settings.sessionInfo": "会话信息",
+			"settings.sessionInfo.hint": "在主对话区右上角悬浮展示当前会话的信息看板（如已注入的 Skill、触发方式与轮次），点击条目可打开 Skill 预览",
 			"settings.suggestModel": "建议用哪个模型",
 			"settings.suggestModel.hint": "留空则跟随当前会话的模型；建议选一个非推理的轻量模型，否则每条建议都要等它想完",
 			"settings.suggestModel.follow": "跟随当前会话",
@@ -65,6 +75,14 @@ window.__ModuleLoader__.load({
 			"suggest.loading": "Thinking of the next round…",
 			"suggest.dismiss": "Dismiss suggestions",
 			"suggest.failed": "Nothing was written into the composer (the host is busy, or the draft conflicted). Try again.",
+			"sessionInfo.title": "Session info",
+			"sessionInfo.collapse": "Collapse session info",
+			"sessionInfo.expand": "Expand session info",
+			"sessionInfo.skills.title": "Active skills",
+			"sessionInfo.skills.short": "Skill",
+			"sessionInfo.skills.empty": "No active skills",
+			"sessionInfo.trigger.user": "User",
+			"sessionInfo.trigger.agent": "Agent",
 			"settings.title": "UI enhancements",
 			"settings.description": "Switch each interface enhancement this plugin adds. Turning one off restores the native DSH look.",
 			"settings.findBar": "Find in conversation",
@@ -77,6 +95,8 @@ window.__ModuleLoader__.load({
 			"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.sessionInfo": "Session info",
+			"settings.sessionInfo.hint": "Shows a floating Session Info inspector in the top-right corner of the conversation view (active skills, trigger source, and turn); click an item to open its skill preview",
 			"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",
@@ -361,14 +381,16 @@ window.__ModuleLoader__.load({
 			turnPrefix: "data-desktop-enhance-off-turn-prefix",
 			compactionRow: "data-desktop-enhance-off-compaction-row",
 			suggest: "data-desktop-enhance-off-suggest",
-			stepDuration: "data-desktop-enhance-off-step-duration"
+			stepDuration: "data-desktop-enhance-off-step-duration",
+			sessionInfo: "data-desktop-enhance-off-session-info"
 		};
 		const FIELDS = [
 			"findBar",
 			"turnPrefix",
 			"compactionRow",
 			"suggest",
-			"stepDuration"
+			"stepDuration",
+			"sessionInfo"
 		];
 		const ALL_FIELDS = [...FIELDS, ...TEXT_FIELDS];
 		function flagOn(value, field) {
@@ -434,6 +456,7 @@ window.__ModuleLoader__.load({
 		//#region src/shared/route.ts
 		const SUGGEST_ROUTE = "/api/desktop-enhance/suggest";
 		const SUGGEST_MODELS_ROUTE = "/api/desktop-enhance/suggest-models";
+		const SESSION_INFO_ROUTE = "/api/desktop-enhance/session-info";
 		//#endregion
 		//#region src/client/settings/catalog.ts
 		function parseModelCatalog(body) {
@@ -1939,8 +1962,466 @@ window.__ModuleLoader__.load({
 			]);
 		}
 		//#endregion
+		//#region src/shared/session-info.ts
+		const SKILL_CONTENT_RE = /^\s*<skill_content\s+name="([^"]+)">/;
+		function asRecord(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+		}
+		function nonEmptyString(value) {
+			return typeof value === "string" && value !== "" ? value : void 0;
+		}
+		function nonNegativeInt(value) {
+			return typeof value === "number" && Number.isSafeInteger(value) && value >= 0 ? value : void 0;
+		}
+		function positiveInt(value) {
+			return typeof value === "number" && Number.isSafeInteger(value) && value > 0 ? value : void 0;
+		}
+		function firstTextOf(content) {
+			if (!Array.isArray(content)) return "";
+			for (const item of content) {
+				const block = asRecord(item);
+				if (block?.type === "text") return typeof block.text === "string" ? block.text : "";
+			}
+			return "";
+		}
+		function toolSkillName(message) {
+			if (message === null || message.isError === true) return void 0;
+			return SKILL_CONTENT_RE.exec(firstTextOf(message.content))?.[1];
+		}
+		function invokedSkillName(type, data) {
+			const source = asRecord((type === "developer/message" ? asRecord(data?.message) : data)?.source);
+			if (source?.kind !== "skill-invocation") return void 0;
+			return nonEmptyString(source.name);
+		}
+		function replaceRangeOf(surfaceOp) {
+			const op = asRecord(surfaceOp);
+			if (op?.op !== "replace") return null;
+			const startSeq = nonNegativeInt(op.startSeq);
+			const endSeq = nonNegativeInt(op.endSeq);
+			if (startSeq === void 0 || endSeq === void 0 || endSeq < startSeq) return null;
+			return {
+				startSeq,
+				endSeq
+			};
+		}
+		function isSeqShadowed(seq, replacedRanges, shadowedSet) {
+			if (shadowedSet.has(seq)) return true;
+			for (const range of replacedRanges) if (seq >= range.startSeq && seq <= range.endSeq) return true;
+			return false;
+		}
+		function deduplicateSkills(nodes) {
+			const byName = new Map();
+			for (const node of nodes) byName.set(node.name, node);
+			return [...byName.values()];
+		}
+		function projectSkills(events) {
+			let windowStartSeq = null;
+			let currentTurn;
+			const rawNodes = [];
+			const replacedRanges = [];
+			const shadowedSeqs = [];
+			const shadowedSet = new Set();
+			for (const raw of events) {
+				const ev = asRecord(raw);
+				if (ev === null) continue;
+				const seq = nonNegativeInt(ev.seq);
+				if (seq !== void 0 && (windowStartSeq === null || seq < windowStartSeq)) windowStartSeq = seq;
+				const range = replaceRangeOf(ev.surfaceOp);
+				if (range !== null) replacedRanges.push(range);
+				const data = asRecord(ev.data);
+				const turnInEvent = positiveInt(data?.turn);
+				if (range === null && turnInEvent !== void 0) currentTurn = turnInEvent;
+				const effectiveTurn = turnInEvent ?? currentTurn;
+				const type = nonEmptyString(ev.type);
+				if (type === "compaction/summary" || type === "compaction/prune") {
+					const list = data?.shadowedSeqs;
+					if (Array.isArray(list)) for (const item of list) {
+						const s = nonNegativeInt(item);
+						if (s !== void 0 && !shadowedSet.has(s)) {
+							shadowedSet.add(s);
+							shadowedSeqs.push(s);
+						}
+					}
+					continue;
+				}
+				if (seq === void 0) continue;
+				if (type === "user/message" || type === "developer/message") {
+					const name = invokedSkillName(type, data);
+					if (name !== void 0) rawNodes.push({
+						name,
+						trigger: "user",
+						seq,
+						...effectiveTurn === void 0 ? {} : { turn: effectiveTurn }
+					});
+					continue;
+				}
+				if (type === "tool/result") {
+					const name = toolSkillName(asRecord(data?.message));
+					if (name !== void 0) rawNodes.push({
+						name,
+						trigger: "agent",
+						seq,
+						...effectiveTurn === void 0 ? {} : { turn: effectiveTurn }
+					});
+				}
+			}
+			const surviving = rawNodes.filter((node) => !isSeqShadowed(node.seq, replacedRanges, shadowedSet));
+			return {
+				skills: deduplicateSkills(surviving),
+				nodes: surviving,
+				windowStartSeq,
+				replacedRanges,
+				shadowedSeqs
+			};
+		}
+		function mergeSkillProjections(host, client) {
+			if (host === null) return client.skills;
+			if (client.windowStartSeq === null) return host.skills;
+			if (client.windowStartSeq === 0) return client.skills;
+			const windowStart = client.windowStartSeq;
+			const clientShadowed = new Set(client.shadowedSeqs);
+			const hostNodes = host.nodes ?? host.skills;
+			const clientNodes = client.nodes ?? client.skills;
+			return deduplicateSkills([...hostNodes.filter((skill) => skill.seq < windowStart && !isSeqShadowed(skill.seq, client.replacedRanges, clientShadowed)), ...clientNodes]);
+		}
+		function parseSkillArray(list) {
+			const out = [];
+			for (const item of list) {
+				const row = asRecord(item);
+				if (row === null) continue;
+				const name = nonEmptyString(row.name);
+				const trigger = row.trigger === "user" || row.trigger === "agent" ? row.trigger : void 0;
+				const seq = nonNegativeInt(row.seq);
+				const turn = positiveInt(row.turn);
+				if (name !== void 0 && trigger !== void 0 && seq !== void 0) out.push({
+					name,
+					trigger,
+					seq,
+					...turn === void 0 ? {} : { turn }
+				});
+			}
+			return out;
+		}
+		function normalizeSkillProjection(raw) {
+			const rec = asRecord(raw);
+			if (rec === null || !Array.isArray(rec.skills)) return null;
+			const skills = parseSkillArray(rec.skills);
+			const nodes = Array.isArray(rec.nodes) ? parseSkillArray(rec.nodes) : skills;
+			const windowStartSeq = nonNegativeInt(rec.windowStartSeq) ?? null;
+			const replacedRanges = [];
+			if (Array.isArray(rec.replacedRanges)) for (const item of rec.replacedRanges) {
+				const r = asRecord(item);
+				const startSeq = nonNegativeInt(r?.startSeq);
+				const endSeq = nonNegativeInt(r?.endSeq);
+				if (startSeq !== void 0 && endSeq !== void 0 && endSeq >= startSeq) replacedRanges.push({
+					startSeq,
+					endSeq
+				});
+			}
+			const shadowedSeqs = [];
+			if (Array.isArray(rec.shadowedSeqs)) for (const item of rec.shadowedSeqs) {
+				const s = nonNegativeInt(item);
+				if (s !== void 0) shadowedSeqs.push(s);
+			}
+			return {
+				skills,
+				nodes,
+				windowStartSeq,
+				replacedRanges,
+				shadowedSeqs
+			};
+		}
+		function buildSessionInfoSections(skills, t) {
+			return [{
+				id: "skills",
+				title: t("sessionInfo.skills.title"),
+				shortLabel: t("sessionInfo.skills.short"),
+				emptyText: t("sessionInfo.skills.empty"),
+				items: skills.map((skill) => ({
+					name: skill.name,
+					badge: skill.trigger === "user" ? t("sessionInfo.trigger.user") : t("sessionInfo.trigger.agent"),
+					...skill.turn === void 0 ? {} : { turnLabel: `#${String(skill.turn)}` }
+				}))
+			}];
+		}
+		//#endregion
+		//#region src/client/session-info/panel.ts
+		const SESSION_INFO_ATTR = "data-desktop-enhance-session-info";
+		const SESSION_INFO_URL = SESSION_INFO_ROUTE;
+		function openSkillInHost(ctx, sessionId, name) {
+			if (sessionId === "" || name === "") return false;
+			const sessions = ctx.get("sessions");
+			if (sessions === null || sessions === void 0 || typeof sessions.scope !== "function") return false;
+			let scope;
+			try {
+				scope = sessions.scope(sessionId);
+			} catch {
+				return false;
+			}
+			if (scope === void 0 || scope === null) return false;
+			const triggers = ctx.get("inputTriggers");
+			if (triggers === null || triggers === void 0 || typeof triggers.sessionOf !== "function") return false;
+			try {
+				const controller = triggers.sessionOf(scope);
+				if (controller === void 0 || typeof controller.openReference !== "function") return false;
+				return Boolean(controller.openReference("skill", { ref: `/${name}` }));
+			} catch {
+				return false;
+			}
+		}
+		async function requestSessionInfo(fetchImpl, sessionId) {
+			try {
+				const response = await fetchImpl(SESSION_INFO_URL, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ sessionId })
+				});
+				if (!response.ok) return null;
+				return normalizeSkillProjection(await response.json());
+			} catch {
+				return null;
+			}
+		}
+		function findActiveChatConversation() {
+			if (typeof globalThis.document?.querySelector !== "function") return null;
+			const root = globalThis.document.querySelector("[data-conversation-session]");
+			if (root === null || typeof root.querySelector !== "function") return null;
+			const sessionId = root.getAttribute("data-conversation-session");
+			if (sessionId === null || sessionId === "") return null;
+			if (root.querySelector("[data-chat-flow]") === null) return null;
+			return {
+				root,
+				sessionId
+			};
+		}
+		function renderSignature(sections, minimized, collapsedSections) {
+			return JSON.stringify({
+				minimized,
+				collapsed: [...collapsedSections].sort(),
+				sections
+			});
+		}
+		function installSessionInfo(ctx, isOn, getSessions, t, fetchImpl = globalThis.fetch) {
+			let activeSessionId = null;
+			let retained = null;
+			let unsubscribeSource = null;
+			let hostProjection = null;
+			let fetchToken = 0;
+			let minimized = false;
+			const collapsedSections = new Set();
+			let mountedPanel = null;
+			let lastSignature = "";
+			function removePanel() {
+				if (mountedPanel !== null) {
+					mountedPanel.remove();
+					mountedPanel = null;
+				}
+				lastSignature = "";
+			}
+			function detach() {
+				fetchToken += 1;
+				if (unsubscribeSource !== null) {
+					unsubscribeSource();
+					unsubscribeSource = null;
+				}
+				if (retained !== null) {
+					retained.release();
+					retained = null;
+				}
+				activeSessionId = null;
+				hostProjection = null;
+				removePanel();
+			}
+			function currentClientProjection() {
+				return projectSkills(eventsOf(retained?.binding.eventSource.getSnapshot().entries ?? []));
+			}
+			function paint(root, sessionId) {
+				const clientProjection = currentClientProjection();
+				const sections = buildSessionInfoSections(mergeSkillProjections(hostProjection, clientProjection), t);
+				const totalItems = sections.reduce((sum, sec) => sum + sec.items.length, 0);
+				const sig = renderSignature(sections, minimized, collapsedSections);
+				let panel = root.querySelector(`[${SESSION_INFO_ATTR}]`);
+				if (panel === null) {
+					panel = globalThis.document.createElement("aside");
+					panel.setAttribute(SESSION_INFO_ATTR, "");
+					root.appendChild(panel);
+					mountedPanel = panel;
+					lastSignature = "";
+				} else mountedPanel = panel;
+				if (sig === lastSignature) return;
+				lastSignature = sig;
+				panel.setAttribute("data-minimized", minimized ? "true" : "false");
+				panel.setAttribute("data-empty", totalItems === 0 ? "true" : "false");
+				const header = globalThis.document.createElement("button");
+				header.setAttribute("type", "button");
+				header.setAttribute("data-session-info-header", "");
+				header.setAttribute("aria-expanded", minimized ? "false" : "true");
+				header.setAttribute("aria-label", minimized ? t("sessionInfo.expand") : t("sessionInfo.collapse"));
+				const titleWrap = globalThis.document.createElement("span");
+				titleWrap.setAttribute("data-session-info-title", "");
+				const dot = globalThis.document.createElement("span");
+				dot.setAttribute("data-session-info-dot", totalItems === 0 ? "idle" : "active");
+				titleWrap.appendChild(dot);
+				const titleText = globalThis.document.createElement("span");
+				if (minimized) {
+					const summary = sections.map((sec) => `${sec.shortLabel} ${String(sec.items.length)}`).join(" · ");
+					titleText.textContent = `${t("sessionInfo.title")} · ${summary}`;
+				} else titleText.textContent = t("sessionInfo.title");
+				titleWrap.appendChild(titleText);
+				header.appendChild(titleWrap);
+				const toggleIcon = globalThis.document.createElement("span");
+				toggleIcon.setAttribute("data-session-info-chevron", "");
+				toggleIcon.textContent = minimized ? "▾" : "−";
+				header.appendChild(toggleIcon);
+				header.addEventListener("click", () => {
+					minimized = !minimized;
+					paint(root, sessionId);
+				});
+				const children = [header];
+				if (!minimized) for (const sec of sections) {
+					const secCollapsed = collapsedSections.has(sec.id);
+					const secEl = globalThis.document.createElement("section");
+					secEl.setAttribute("data-session-info-section", sec.id);
+					secEl.setAttribute("data-collapsed", secCollapsed ? "true" : "false");
+					const secHead = globalThis.document.createElement("button");
+					secHead.setAttribute("type", "button");
+					secHead.setAttribute("data-session-info-section-header", sec.id);
+					secHead.setAttribute("aria-expanded", secCollapsed ? "false" : "true");
+					const secHeadLeft = globalThis.document.createElement("span");
+					secHeadLeft.setAttribute("data-session-info-section-label", "");
+					const arrow = globalThis.document.createElement("span");
+					arrow.setAttribute("data-session-info-arrow", "");
+					arrow.textContent = secCollapsed ? "▸" : "▾";
+					secHeadLeft.appendChild(arrow);
+					const secTitle = globalThis.document.createElement("span");
+					secTitle.textContent = sec.title;
+					secHeadLeft.appendChild(secTitle);
+					secHead.appendChild(secHeadLeft);
+					const countBadge = globalThis.document.createElement("span");
+					countBadge.setAttribute("data-session-info-count", "");
+					countBadge.textContent = String(sec.items.length);
+					secHead.appendChild(countBadge);
+					secHead.addEventListener("click", () => {
+						if (collapsedSections.has(sec.id)) collapsedSections.delete(sec.id);
+						else collapsedSections.add(sec.id);
+						paint(root, sessionId);
+					});
+					secEl.appendChild(secHead);
+					if (!secCollapsed) {
+						const body = globalThis.document.createElement("div");
+						body.setAttribute("data-session-info-body", "");
+						if (sec.items.length === 0) {
+							const empty = globalThis.document.createElement("div");
+							empty.setAttribute("data-session-info-empty", "");
+							empty.textContent = sec.emptyText;
+							body.appendChild(empty);
+						} else for (const item of sec.items) {
+							const row = globalThis.document.createElement("button");
+							row.setAttribute("type", "button");
+							row.setAttribute("data-session-info-item", item.name);
+							const nameSpan = globalThis.document.createElement("span");
+							nameSpan.setAttribute("data-session-info-item-name", "");
+							nameSpan.textContent = item.name;
+							row.appendChild(nameSpan);
+							const metaSpan = globalThis.document.createElement("span");
+							metaSpan.setAttribute("data-session-info-item-meta", "");
+							const badgeSpan = globalThis.document.createElement("span");
+							badgeSpan.setAttribute("data-session-info-item-badge", "");
+							badgeSpan.textContent = item.badge;
+							metaSpan.appendChild(badgeSpan);
+							if (item.turnLabel !== void 0) {
+								const turnSpan = globalThis.document.createElement("span");
+								turnSpan.setAttribute("data-session-info-item-turn", "");
+								turnSpan.textContent = item.turnLabel;
+								metaSpan.appendChild(turnSpan);
+							}
+							row.appendChild(metaSpan);
+							row.addEventListener("click", () => {
+								openSkillInHost(ctx, sessionId, item.name);
+							});
+							body.appendChild(row);
+						}
+						secEl.appendChild(body);
+					}
+					children.push(secEl);
+				}
+				panel.replaceChildren(...children);
+			}
+			function triggerHostRefresh(sessionId, root) {
+				const token = ++fetchToken;
+				requestSessionInfo(fetchImpl, sessionId).then((result) => {
+					if (token !== fetchToken || activeSessionId !== sessionId || result === null) return;
+					hostProjection = result;
+					const current = findActiveChatConversation();
+					paint(current?.sessionId === sessionId ? current.root : root, sessionId);
+				});
+			}
+			function attach(sessionId, root) {
+				const service = getSessions();
+				if (service === null || service === void 0 || typeof service.retain !== "function") return;
+				let next;
+				try {
+					next = service.retain(sessionId, { source: NS });
+				} catch {
+					return;
+				}
+				activeSessionId = sessionId;
+				retained = next;
+				hostProjection = null;
+				let fetchedForWindowStart = void 0;
+				const maybeRequestHost = (targetRoot) => {
+					const ws = currentClientProjection().windowStartSeq;
+					if (ws !== 0 && ws !== fetchedForWindowStart) {
+						fetchedForWindowStart = ws;
+						triggerHostRefresh(sessionId, targetRoot);
+					}
+				};
+				const source = next.binding.eventSource;
+				paint(root, sessionId);
+				maybeRequestHost(root);
+				unsubscribeSource = source.subscribe(() => {
+					const current = findActiveChatConversation();
+					const targetRoot = current?.sessionId === sessionId ? current.root : root;
+					paint(targetRoot, sessionId);
+					maybeRequestHost(targetRoot);
+				});
+			}
+			function sync() {
+				if (!isOn()) {
+					detach();
+					return;
+				}
+				const found = findActiveChatConversation();
+				if (found === null) {
+					detach();
+					return;
+				}
+				if (found.sessionId !== activeSessionId) {
+					detach();
+					attach(found.sessionId, found.root);
+					return;
+				}
+				paint(found.root, found.sessionId);
+			}
+			ctx.effect(() => {
+				const observer = new globalThis.MutationObserver(() => {
+					sync();
+				});
+				observer.observe(globalThis.document.documentElement, {
+					childList: true,
+					subtree: true
+				});
+				return () => {
+					observer.disconnect();
+					detach();
+				};
+			}, "desktop-enhance: session-info observer");
+			sync();
+			return { refresh: sync };
+		}
+		//#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:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-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:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-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\"]):not([data-chat-flow-kind=\"manual-compaction\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-compaction\"])\n  [data-turn-process-member=\"true\"]:not([data-chat-flow-kind=\"compaction\"]):not([data-chat-flow-kind=\"manual-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:root:not([data-desktop-enhance-off-compaction-row])\n  [data-step-process=\"true\"][hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-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";
+		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:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-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:root:not([data-desktop-enhance-off-compaction-row])\n  [data-chat-flow-kind=\"manual-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\"]):not([data-chat-flow-kind=\"manual-compaction\"]),\n:root:not([data-desktop-enhance-off-compaction-row])\n  [hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-compaction\"])\n  [data-turn-process-member=\"true\"]:not([data-chat-flow-kind=\"compaction\"]):not([data-chat-flow-kind=\"manual-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:root:not([data-desktop-enhance-off-compaction-row])\n  [data-step-process=\"true\"][hidden=\"until-found\"]:has([data-chat-flow-kind=\"manual-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\n\n:root[data-desktop-enhance-off-session-info] [data-desktop-enhance-session-info] {\n  display: none !important;\n}\n:root:not([data-desktop-enhance-off-session-info]) [data-desktop-enhance-session-info] {\n  position: absolute;\n  top: 12px;\n  right: 36px;\n  z-index: 10;\n  width: 244px;\n  box-sizing: border-box;\n  border-radius: var(--dsw-radius-lg);\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: color-mix(in srgb, var(--dsw-alias-bg-layer-1) 90%, transparent);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  box-shadow: var(--dsw-elevation-panel);\n  color: var(--dsw-alias-label-primary);\n  overflow: hidden;\n}\n:root:not([data-desktop-enhance-off-session-info])\n  [data-desktop-enhance-session-info][data-minimized=\"true\"] {\n  width: auto;\n  border-radius: 999px;\n}\n[data-desktop-enhance-session-info] [data-session-info-header] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 10px;\n  border: none;\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n  background: color-mix(in srgb, var(--dsw-alias-bg-module-platform) 60%, transparent);\n  color: var(--dsw-alias-label-secondary);\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  cursor: pointer;\n  user-select: none;\n}\n[data-desktop-enhance-session-info][data-minimized=\"true\"] [data-session-info-header] {\n  border-bottom: none;\n  background: transparent;\n  padding: 5px 11px;\n}\n[data-desktop-enhance-session-info] [data-session-info-header]:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n[data-desktop-enhance-session-info] [data-session-info-title] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info] [data-session-info-dot] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  flex: none;\n  background: var(--dsw-alias-state-business-primary);\n  box-shadow: 0 0 0 2.5px var(--dsw-alias-state-business-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-dot=\"idle\"] {\n  background: var(--dsw-alias-label-caption);\n  box-shadow: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-chevron] {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 1;\n}\n[data-desktop-enhance-session-info] [data-session-info-section] {\n  border-bottom: 0.5px solid var(--dsw-alias-border-l2);\n}\n[data-desktop-enhance-session-info] [data-session-info-section]:last-child {\n  border-bottom: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-section-header] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 10px;\n  border: none;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: var(--dsw-font-xxs-strong-12, 600 12px/18px sans-serif);\n  cursor: pointer;\n  user-select: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-section-header]:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n[data-desktop-enhance-session-info] [data-session-info-section-label] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info] [data-session-info-arrow] {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 10px;\n}\n[data-desktop-enhance-session-info] [data-session-info-count] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  font-weight: 600;\n  padding: 0 5px;\n  line-height: 16px;\n  border-radius: 999px;\n  background: var(--dsw-alias-state-business-tertiary);\n  color: var(--dsw-alias-label-primary-bluish);\n}\n[data-desktop-enhance-session-info][data-empty=\"true\"] [data-session-info-count] {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-body] {\n  padding: 2px 6px 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 184px;\n  overflow-y: auto;\n}\n[data-desktop-enhance-session-info] [data-session-info-empty] {\n  padding: 4px 6px;\n  color: var(--dsw-alias-label-tertiary);\n  font: var(--dsw-font-xxs-12);\n}\n[data-desktop-enhance-session-info] [data-session-info-item] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 5px 8px;\n  border: none;\n  border-radius: var(--dsw-radius-sm);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  text-align: left;\n}\n[data-desktop-enhance-session-info] [data-session-info-item]:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n}\n[data-desktop-enhance-session-info] [data-session-info-item-name] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n[data-desktop-enhance-session-info] [data-session-info-item-meta] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  flex: none;\n}\n[data-desktop-enhance-session-info] [data-session-info-item-badge] {\n  font-size: 10.5px;\n  color: var(--dsw-alias-label-tertiary);\n}\n[data-desktop-enhance-session-info] [data-session-info-item-turn] {\n  font-family: var(--dsw-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);\n  font-size: 11px;\n  padding: 0 5px;\n  line-height: 16px;\n  border-radius: var(--dsw-radius-xs);\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-secondary);\n}\n";
 		//#endregion
 		//#region src/client/index.tsx
 		const inject = [
@@ -2014,6 +2495,7 @@ window.__ModuleLoader__.load({
 			});
 			installTurnPrefix(ctx);
 			const timings = installTimings(ctx, () => flagOn(settings.get().value, "stepDuration"), () => ctx.get("sessions"));
+			const sessionInfo = installSessionInfo(ctx, () => flagOn(settings.get().value, "sessionInfo"), () => ctx.get("sessions"), t);
 			const suggestStore = createSuggestStore();
 			const suggestWatcher = createSuggestWatcher(() => ctx.get("sessions"), suggestStore, {
 				fetchImpl: globalThis.fetch,
@@ -2024,6 +2506,7 @@ window.__ModuleLoader__.load({
 				const off = settings.subscribe(() => {
 					suggestWatcher.refresh();
 					timings.refresh();
+					sessionInfo.refresh();
 				});
 				return () => {
 					off();
@@ -2169,7 +2652,16 @@ window.__ModuleLoader__.load({
 			anyRunning,
 			installTimings,
 			DURATION_ATTR,
-			titleOf
+			titleOf,
+			projectSkills,
+			mergeSkillProjections,
+			normalizeSkillProjection,
+			buildSessionInfoSections,
+			SESSION_INFO_ATTR,
+			SESSION_INFO_URL,
+			requestSessionInfo,
+			openSkillInHost,
+			installSessionInfo
 		};
 		exports.apply = apply;
 		exports.inject = inject;

package/lib/index.d.ts

@@ -90,6 +90,10 @@ declare function listEfforts(ctx: HostContext, provider: string, model: string):
 }>;
 declare function registerSuggestRoute(ctx: HostContext): () => void;
 //#endregion
+//#region src/session-info/host.d.ts
+declare function handleSessionInfo(ctx: HostContext, request: Request): Promise<Response>;
+declare function registerSessionInfoRoute(ctx: HostContext): () => void;
+//#endregion
 //#region src/index.d.ts
 export declare const Config: Schema<Schemastery.ObjectS<NoInfer<{
   findBar: Schema<boolean, boolean, "volatile-defined">;
@@ -97,6 +101,7 @@ export declare const Config: Schema<Schemastery.ObjectS<NoInfer<{
   compactionRow: Schema<boolean, boolean, "volatile-defined">;
   suggest: Schema<boolean, boolean, "volatile-defined">;
   stepDuration: Schema<boolean, boolean, "volatile-defined">;
+  sessionInfo: Schema<boolean, boolean, "volatile-defined">;
   suggestModel: Schema<string, string, "volatile-defined">;
   suggestReasoning: Schema<string, string, "volatile-defined">;
   suggestPrompt: Schema<string, string, "volatile-defined">;
@@ -106,6 +111,7 @@ export declare const Config: Schema<Schemastery.ObjectS<NoInfer<{
   compactionRow: Schema<boolean, boolean, "volatile-defined">;
   suggest: Schema<boolean, boolean, "volatile-defined">;
   stepDuration: Schema<boolean, boolean, "volatile-defined">;
+  sessionInfo: Schema<boolean, boolean, "volatile-defined">;
   suggestModel: Schema<string, string, "volatile-defined">;
   suggestReasoning: Schema<string, string, "volatile-defined">;
   suggestPrompt: Schema<string, string, "volatile-defined">;
@@ -115,6 +121,7 @@ export declare const __test: {
   SUGGEST_PATH: string;
   SUGGEST_MODELS_PATH: string;
   SUGGEST_EFFORTS_PATH: string;
+  SESSION_INFO_PATH: string;
   MODEL_TIMEOUT_MS: number;
   MAX_OUTPUT_TOKENS: number;
   buildPrompt: typeof buildPrompt;
@@ -122,7 +129,9 @@ export declare const __test: {
   collectText: typeof collectText;
   knownNamesOf: typeof knownNamesOf;
   handleSuggest: typeof handleSuggest;
+  handleSessionInfo: typeof handleSessionInfo;
   registerSuggestRoute: typeof registerSuggestRoute;
+  registerSessionInfoRoute: typeof registerSessionInfoRoute;
   routeOf: typeof routeOf;
   quietEffortFor: typeof quietEffortFor;
   listModels: typeof listModels;

package/lib/index.js

@@ -93,6 +93,7 @@ function splitRoute(model) {
 const SUGGEST_ROUTE = "/api/desktop-enhance/suggest";
 const SUGGEST_MODELS_ROUTE = "/api/desktop-enhance/suggest-models";
 const SUGGEST_EFFORTS_ROUTE = "/api/desktop-enhance/suggest-efforts";
+const SESSION_INFO_ROUTE = "/api/desktop-enhance/session-info";
 //#endregion
 //#region src/suggest/host.ts
 const SUGGEST_PATH = SUGGEST_ROUTE;
@@ -156,7 +157,7 @@ function knownNamesOf(messages) {
 	return found ? names : null;
 }
 async function handleSuggest(ctx, request, timeoutMs = MODEL_TIMEOUT_MS) {
-	const empty = () => json({ items: [] });
+	const empty = () => json$1({ items: [] });
 	let sessionId;
 	let preference = FOLLOW_SESSION;
 	try {
@@ -168,9 +169,9 @@ async function handleSuggest(ctx, request, timeoutMs = MODEL_TIMEOUT_MS) {
 			prompt: typeof body.prompt === "string" ? body.prompt : ""
 		};
 	} catch {
-		return json({ items: [] }, 400);
+		return json$1({ items: [] }, 400);
 	}
-	if (typeof sessionId !== "string" || sessionId === "") return json({ items: [] }, 400);
+	if (typeof sessionId !== "string" || sessionId === "") return json$1({ items: [] }, 400);
 	const sessions = ctx.get("sessions");
 	const llm = ctx.get("llm");
 	if (sessions === null || sessions === void 0 || llm === null || llm === void 0) return empty();
@@ -229,7 +230,7 @@ async function handleSuggest(ctx, request, timeoutMs = MODEL_TIMEOUT_MS) {
 }
 function withDiag(ctx, body, record) {
 	logDiag(ctx, record);
-	return json({
+	return json$1({
 		...body,
 		diag: record
 	});
@@ -301,7 +302,7 @@ async function listEfforts(ctx, provider, model) {
 		};
 	}
 }
-function json(body, status = 200) {
+function json$1(body, status = 200) {
 	return new Response(JSON.stringify(body), {
 		status,
 		headers: { "content-type": "application/json" }
@@ -322,7 +323,7 @@ function registerSuggestRoute(ctx) {
 			path: SUGGEST_MODELS_PATH,
 			methods: ["GET"],
 			requestBody: "buffered",
-			fetch: async () => json(await listModels(ctx))
+			fetch: async () => json$1(await listModels(ctx))
 		}));
 		disposers.push(registry.register({
 			path: SUGGEST_EFFORTS_PATH,
@@ -330,11 +331,11 @@ function registerSuggestRoute(ctx) {
 			requestBody: "buffered",
 			fetch: async (request) => {
 				const route = splitRoute(new URL(request.url).searchParams.get("model") ?? "");
-				if (route === null) return json({
+				if (route === null) return json$1({
 					efforts: [],
 					defaultEffort: null
 				});
-				return json(await listEfforts(ctx, route.provider, route.model));
+				return json$1(await listEfforts(ctx, route.provider, route.model));
 			}
 		}));
 	} catch (error) {
@@ -345,6 +346,195 @@ function registerSuggestRoute(ctx) {
 	};
 }
 //#endregion
+//#region src/shared/session-info.ts
+const SKILL_CONTENT_RE = /^\s*<skill_content\s+name="([^"]+)">/;
+function asRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+}
+function nonEmptyString(value) {
+	return typeof value === "string" && value !== "" ? value : void 0;
+}
+function nonNegativeInt(value) {
+	return typeof value === "number" && Number.isSafeInteger(value) && value >= 0 ? value : void 0;
+}
+function positiveInt(value) {
+	return typeof value === "number" && Number.isSafeInteger(value) && value > 0 ? value : void 0;
+}
+function firstTextOf(content) {
+	if (!Array.isArray(content)) return "";
+	for (const item of content) {
+		const block = asRecord(item);
+		if (block?.type === "text") return typeof block.text === "string" ? block.text : "";
+	}
+	return "";
+}
+function toolSkillName(message) {
+	if (message === null || message.isError === true) return void 0;
+	return SKILL_CONTENT_RE.exec(firstTextOf(message.content))?.[1];
+}
+function invokedSkillName(type, data) {
+	const source = asRecord((type === "developer/message" ? asRecord(data?.message) : data)?.source);
+	if (source?.kind !== "skill-invocation") return void 0;
+	return nonEmptyString(source.name);
+}
+function replaceRangeOf(surfaceOp) {
+	const op = asRecord(surfaceOp);
+	if (op?.op !== "replace") return null;
+	const startSeq = nonNegativeInt(op.startSeq);
+	const endSeq = nonNegativeInt(op.endSeq);
+	if (startSeq === void 0 || endSeq === void 0 || endSeq < startSeq) return null;
+	return {
+		startSeq,
+		endSeq
+	};
+}
+function isSeqShadowed(seq, replacedRanges, shadowedSet) {
+	if (shadowedSet.has(seq)) return true;
+	for (const range of replacedRanges) if (seq >= range.startSeq && seq <= range.endSeq) return true;
+	return false;
+}
+function deduplicateSkills(nodes) {
+	const byName = new Map();
+	for (const node of nodes) byName.set(node.name, node);
+	return [...byName.values()];
+}
+function projectSkills(events) {
+	let windowStartSeq = null;
+	let currentTurn;
+	const rawNodes = [];
+	const replacedRanges = [];
+	const shadowedSeqs = [];
+	const shadowedSet = new Set();
+	for (const raw of events) {
+		const ev = asRecord(raw);
+		if (ev === null) continue;
+		const seq = nonNegativeInt(ev.seq);
+		if (seq !== void 0 && (windowStartSeq === null || seq < windowStartSeq)) windowStartSeq = seq;
+		const range = replaceRangeOf(ev.surfaceOp);
+		if (range !== null) replacedRanges.push(range);
+		const data = asRecord(ev.data);
+		const turnInEvent = positiveInt(data?.turn);
+		if (range === null && turnInEvent !== void 0) currentTurn = turnInEvent;
+		const effectiveTurn = turnInEvent ?? currentTurn;
+		const type = nonEmptyString(ev.type);
+		if (type === "compaction/summary" || type === "compaction/prune") {
+			const list = data?.shadowedSeqs;
+			if (Array.isArray(list)) for (const item of list) {
+				const s = nonNegativeInt(item);
+				if (s !== void 0 && !shadowedSet.has(s)) {
+					shadowedSet.add(s);
+					shadowedSeqs.push(s);
+				}
+			}
+			continue;
+		}
+		if (seq === void 0) continue;
+		if (type === "user/message" || type === "developer/message") {
+			const name = invokedSkillName(type, data);
+			if (name !== void 0) rawNodes.push({
+				name,
+				trigger: "user",
+				seq,
+				...effectiveTurn === void 0 ? {} : { turn: effectiveTurn }
+			});
+			continue;
+		}
+		if (type === "tool/result") {
+			const name = toolSkillName(asRecord(data?.message));
+			if (name !== void 0) rawNodes.push({
+				name,
+				trigger: "agent",
+				seq,
+				...effectiveTurn === void 0 ? {} : { turn: effectiveTurn }
+			});
+		}
+	}
+	const surviving = rawNodes.filter((node) => !isSeqShadowed(node.seq, replacedRanges, shadowedSet));
+	return {
+		skills: deduplicateSkills(surviving),
+		nodes: surviving,
+		windowStartSeq,
+		replacedRanges,
+		shadowedSeqs
+	};
+}
+//#endregion
+//#region src/session-info/host.ts
+const SESSION_INFO_PATH = SESSION_INFO_ROUTE;
+const EMPTY_PROJECTION = {
+	skills: [],
+	nodes: [],
+	windowStartSeq: null,
+	replacedRanges: [],
+	shadowedSeqs: []
+};
+function json(body, status = 200) {
+	return new Response(JSON.stringify(body), {
+		status,
+		headers: { "content-type": "application/json" }
+	});
+}
+async function disposeObservation(observation) {
+	if (observation === null || observation === void 0 || typeof observation !== "object") return;
+	try {
+		const asyncDispose = observation[Symbol.asyncDispose];
+		if (typeof asyncDispose === "function") {
+			await asyncDispose.call(observation);
+			return;
+		}
+		const syncDispose = observation[Symbol.dispose];
+		if (typeof syncDispose === "function") syncDispose.call(observation);
+	} catch {}
+}
+async function readAllSessionEvents(ctx, sessionId) {
+	const sessions = ctx.get("sessions");
+	if (sessions !== null && sessions !== void 0 && typeof sessions.get === "function") try {
+		const live = sessions.get(sessionId);
+		if (live !== void 0 && typeof live.snapshotEvents === "function") {
+			const events = live.snapshotEvents();
+			if (Array.isArray(events)) return events;
+		}
+	} catch {}
+	const query = ctx.get("sessionQuery");
+	if (query === null || query === void 0 || typeof query.observeSession !== "function") return null;
+	let observation;
+	try {
+		observation = await query.observeSession(sessionId, { projectionMode: "none" });
+		const events = observation?.events;
+		return Array.isArray(events) ? events : null;
+	} catch {
+		return null;
+	} finally {
+		await disposeObservation(observation);
+	}
+}
+async function handleSessionInfo(ctx, request) {
+	let sessionId;
+	try {
+		sessionId = (await request.json())?.sessionId;
+	} catch {
+		return json(EMPTY_PROJECTION, 400);
+	}
+	if (typeof sessionId !== "string" || sessionId === "") return json(EMPTY_PROJECTION, 400);
+	const events = await readAllSessionEvents(ctx, sessionId);
+	if (events === null) return json(EMPTY_PROJECTION);
+	return json(projectSkills(events));
+}
+function registerSessionInfoRoute(ctx) {
+	const connection = ctx.get("connection");
+	const register = connection?.fetch?.register;
+	if (typeof register !== "function") return () => {};
+	const dispose = register.call(connection?.fetch, {
+		path: SESSION_INFO_PATH,
+		methods: ["POST"],
+		requestBody: "buffered",
+		fetch: (request) => handleSessionInfo(ctx, request)
+	});
+	return () => {
+		Promise.resolve().then(() => dispose()).catch(() => void 0);
+	};
+}
+//#endregion
 //#region src/index.ts
 const Config = Schema.object({
 	findBar: Schema.boolean().default(true).volatile(),
@@ -352,6 +542,7 @@ const Config = Schema.object({
 	compactionRow: Schema.boolean().default(true).volatile(),
 	suggest: Schema.boolean().default(true).volatile(),
 	stepDuration: Schema.boolean().default(true).volatile(),
+	sessionInfo: Schema.boolean().default(true).volatile(),
 	suggestModel: Schema.string().default("").volatile(),
 	suggestReasoning: Schema.string().default("").volatile(),
 	suggestPrompt: Schema.string().default("").volatile()
@@ -363,12 +554,18 @@ function apply(ctx) {
 		} catch (error) {
 			serviceCtx.logger?.warn(`desktop-enhance: suggest route not registered: ${String(error)}`);
 		}
+		try {
+			serviceCtx.effect(() => registerSessionInfoRoute(serviceCtx), "desktop-enhance: session-info route");
+		} catch (error) {
+			serviceCtx.logger?.warn(`desktop-enhance: session-info route not registered: ${String(error)}`);
+		}
 	});
 }
 const __test = {
 	SUGGEST_PATH,
 	SUGGEST_MODELS_PATH,
 	SUGGEST_EFFORTS_PATH,
+	SESSION_INFO_PATH,
 	MODEL_TIMEOUT_MS,
 	MAX_OUTPUT_TOKENS,
 	buildPrompt,
@@ -376,7 +573,9 @@ const __test = {
 	collectText,
 	knownNamesOf,
 	handleSuggest,
+	handleSessionInfo,
 	registerSuggestRoute,
+	registerSessionInfoRoute,
 	routeOf,
 	quietEffortFor,
 	listModels,

package/package.json

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