dsh-better-display 0.3.7 → 0.3.8

package/lib/dsh-better-display.js

@@ -1,6 +1,297 @@
+import { access, readdir } from "node:fs/promises";
+import { existsSync } from "node:fs";
+import { homedir } from "node:os";
+import { dirname, isAbsolute, join, posix, resolve, win32 } from "node:path";
+import { fileURLToPath } from "node:url";
 import { spawn } from "node:child_process";
-import { scanGenerativeMcpappsStatus } from "./skill-roots.ts";
-import { skillsFromListResult, toPublicSkillStatus } from "./skill-status.ts";
+//#region src/skill-status.ts
+/** Shared generative-mcpapps identity. Plugin-tree presence is not installation. */
+const GENERATIVE_MCPAPPS_SKILL = "generative-mcpapps";
+/** Conventional relative roots only. Never expand $HOME or dump host `root.path`. */
+const CONVENTIONAL_SKILL_ROOTS = [".dsh/skills", ".agents/skills"];
+function skillNameMatches(name) {
+	return typeof name === "string" && name === "generative-mcpapps";
+}
+function skillListIncludes(entries) {
+	return Array.isArray(entries) && entries.some((entry) => skillNameMatches(entry?.name));
+}
+/** Directory bundle `name/SKILL.md` or flat `name.md` at a scanned root. */
+function skillRootEntryMatches(entryName) {
+	return entryName === "generative-mcpapps" || entryName === `generative-mcpapps.md`;
+}
+function skillsFromListResult(result) {
+	if (Array.isArray(result)) return result;
+	if (result === null || typeof result !== "object") return [];
+	const record = result;
+	if (record.ok === false) return [];
+	if (Array.isArray(record.skills)) return record.skills;
+	if (record.value && typeof record.value === "object") {
+		const value = record.value;
+		if (Array.isArray(value.skills)) return value.skills;
+		if (Array.isArray(record.value)) return record.value;
+	}
+	return [];
+}
+function publicSkillRoots() {
+	return CONVENTIONAL_SKILL_ROOTS.map((path) => ({
+		source: "conventional",
+		path
+	}));
+}
+/**
+* Strip host home / pack absolutes before anything user-facing (HTTP or Settings).
+* Detection still uses the raw scan; this is the public face.
+*/
+function toPublicSkillStatus(status) {
+	return {
+		name: status.name,
+		installed: status.installed,
+		via: status.via,
+		roots: publicSkillRoots()
+	};
+}
+//#endregion
+//#region src/skill-roots.ts
+function expandHomePath(path, home = homedir()) {
+	if (path === "~") return home;
+	if (path.startsWith("~/") || path.startsWith("~\\")) return join(home, path.slice(2));
+	return path;
+}
+/** `$DSH_HOME` or `~/.dsh`, matching official `resolveDshHome`. */
+function resolveDshHome(env = process.env, home = homedir()) {
+	const fromEnv = env.DSH_HOME;
+	const selected = fromEnv !== void 0 && fromEnv.trim().length > 0 ? fromEnv : join(home, ".dsh");
+	return resolve(expandHomePath(selected, home));
+}
+/** `$DSH_AGENTS_HOME` or `~/.agents`. */
+function resolveAgentsHome(env = process.env, home = homedir()) {
+	const fromEnv = env.DSH_AGENTS_HOME;
+	const selected = fromEnv !== void 0 && fromEnv.trim().length > 0 ? fromEnv : join(home, ".agents");
+	return resolve(expandHomePath(selected, home));
+}
+function userSkillRoots(env = process.env, home = homedir()) {
+	return [{
+		source: "user-dsh",
+		path: join(resolveDshHome(env, home), "skills")
+	}, {
+		source: "user-agents",
+		path: join(resolveAgentsHome(env, home), "skills")
+	}];
+}
+function projectSkillRoots(projectRoot) {
+	return [{
+		source: "project-dsh",
+		path: join(projectRoot, ".dsh", "skills")
+	}, {
+		source: "project-agents",
+		path: join(projectRoot, ".agents", "skills")
+	}];
+}
+async function findProjectRoot(cwd) {
+	let current = resolve(cwd);
+	while (true) {
+		if (existsSync(join(current, ".git"))) return current;
+		const parent = dirname(current);
+		if (parent === current) return resolve(cwd);
+		current = parent;
+	}
+}
+async function rootHasGenerativeMcpapps(rootPath) {
+	let entries;
+	try {
+		entries = await readdir(rootPath, { withFileTypes: true });
+	} catch {
+		return false;
+	}
+	for (const entry of entries) {
+		if (entry.name === ".system") continue;
+		if (!skillRootEntryMatches(entry.name)) continue;
+		if (entry.isDirectory()) try {
+			await access(join(rootPath, entry.name, "SKILL.md"));
+			return true;
+		} catch {
+			continue;
+		}
+		if (entry.isFile()) return true;
+	}
+	return false;
+}
+/** Resolve the plugin-shipped pack. This path is never treated as a skill root. */
+function pluginSkillPackPath(moduleUrl = import.meta.url) {
+	const here = dirname(fileURLToPath(moduleUrl));
+	return [
+		join(here, "../skills", GENERATIVE_MCPAPPS_SKILL),
+		join(here, "../../skills", GENERATIVE_MCPAPPS_SKILL),
+		join(here, "skills", GENERATIVE_MCPAPPS_SKILL)
+	].find((path) => existsSync(join(path, "SKILL.md")));
+}
+async function scanGenerativeMcpappsStatus(options = {}) {
+	const roots = [...userSkillRoots(options.env ?? process.env, options.home ?? homedir())];
+	const cwd = typeof options.cwd === "string" && options.cwd.trim().length > 0 ? isAbsolute(options.cwd) ? options.cwd : resolve(options.cwd) : void 0;
+	if (cwd !== void 0) roots.unshift(...projectSkillRoots(await findProjectRoot(cwd)));
+	const inspected = [];
+	let rootHit = false;
+	for (const root of roots) {
+		const present = await rootHasGenerativeMcpapps(root.path);
+		inspected.push({
+			...root,
+			present
+		});
+		if (present) rootHit = true;
+	}
+	let via = null;
+	let listHit = false;
+	if (options.listSkills) try {
+		listHit = skillListIncludes(await options.listSkills());
+		if (listHit) via = "skills.list";
+	} catch {}
+	if (!listHit && rootHit) via = "skill-root";
+	const packPath = options.packPath ?? pluginSkillPackPath();
+	return {
+		name: GENERATIVE_MCPAPPS_SKILL,
+		installed: listHit || rootHit,
+		via,
+		roots: inspected,
+		...packPath !== void 0 ? { packPath } : {}
+	};
+}
+//#endregion
+//#region src/workspace-path.ts
+/** Absolute paths accepted by both POSIX and Windows hosts. */
+function isAbsoluteWorkspacePath(path) {
+	return /^(?:\/|[A-Za-z]:[/\\]|\\\\)/.test(path);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/usingCtx.js
+function _usingCtx() {
+	var r = "function" == typeof SuppressedError ? SuppressedError : function(r, e) {
+		var n = Error();
+		return n.name = "SuppressedError", n.error = r, n.suppressed = e, n;
+	}, e = {}, n = [];
+	function using(r, e) {
+		if (null != e) {
+			if (Object(e) !== e) throw new TypeError("using declarations can only be used with objects, functions, null, or undefined.");
+			if (r) var o = e[Symbol.asyncDispose || Symbol["for"]("Symbol.asyncDispose")];
+			if (void 0 === o && (o = e[Symbol.dispose || Symbol["for"]("Symbol.dispose")], r)) var t = o;
+			if ("function" != typeof o) throw new TypeError("Object is not disposable.");
+			t && (o = function o() {
+				try {
+					t.call(e);
+				} catch (r) {
+					return Promise.reject(r);
+				}
+			}), n.push({
+				v: e,
+				d: o,
+				a: r
+			});
+		} else r && n.push({
+			d: e,
+			a: r
+		});
+		return e;
+	}
+	return {
+		e,
+		u: using.bind(null, !1),
+		a: using.bind(null, !0),
+		d: function d() {
+			var o, t = this.e, s = 0;
+			function next() {
+				for (; o = n.pop();) try {
+					if (!o.a && 1 === s) return s = 0, n.push(o), Promise.resolve().then(next);
+					if (o.d) {
+						var r = o.d.call(o.v);
+						if (o.a) return s |= 2, Promise.resolve(r).then(next, err);
+					} else s |= 1;
+				} catch (r) {
+					return err(r);
+				}
+				if (1 === s) return t !== e ? Promise.reject(t) : Promise.resolve();
+				if (t !== e) throw t;
+			}
+			function err(n) {
+				return t = t !== e ? new r(n, t) : n, next();
+			}
+			return next();
+		}
+	};
+}
+//#endregion
+//#region src/reveal.ts
+async function revealRoots(ctx, sessionId) {
+	if (sessionId !== void 0) {
+		const cwd = (ctx.get?.("sessions"))?.get(sessionId)?.header.cwd;
+		if (cwd) return [cwd];
+		const query = ctx.get?.("sessionQuery");
+		if (query) try {
+			var _usingCtx$1 = _usingCtx();
+			const observation = _usingCtx$1.u(await query.observeSession(sessionId, { projectionMode: "none" }));
+			if (observation.header.cwd) return [observation.header.cwd];
+		} catch (_) {
+			_usingCtx$1.e = _;
+		} finally {
+			_usingCtx$1.d();
+		}
+	}
+	return ((ctx.get?.("workspaceRegistry"))?.list() ?? []).filter((workspace) => sessionId === void 0 || workspace.sessionIds.includes(sessionId)).map((workspace) => workspace.path);
+}
+function resolveRevealPath(path, roots, exists = existsSync) {
+	if (isAbsoluteWorkspacePath(path)) return path;
+	if (/^[A-Za-z]:|^\\/.test(path)) throw new Error("Path is not workspace-relative");
+	const matches = /* @__PURE__ */ new Set();
+	for (const root of roots) {
+		if (!isAbsoluteWorkspacePath(root)) continue;
+		const candidate = (/^[A-Za-z]:[/\\]|^\\\\/.test(root) ? win32 : posix).resolve(root, path);
+		if (exists(candidate)) matches.add(candidate);
+	}
+	if (matches.size !== 1) throw new Error(matches.size === 0 ? "Workspace path not found" : "Workspace path is ambiguous");
+	return [...matches][0];
+}
+function revealPath(path, platform = process.platform, spawnProcess = spawn) {
+	const options = {
+		detached: true,
+		stdio: "ignore"
+	};
+	if (platform === "darwin") spawnProcess("open", ["-R", path], options);
+	else if (platform === "win32") spawnProcess("explorer.exe", [`/select,"${path}"`], {
+		...options,
+		windowsVerbatimArguments: true
+	});
+	else spawnProcess("xdg-open", [path], options);
+}
+function createRevealHandler({ roots, reveal = revealPath }) {
+	return (req, res) => {
+		if (req.method !== "POST") {
+			res.statusCode = 405;
+			res.end();
+			return;
+		}
+		let body = "";
+		req.on("data", (chunk) => {
+			body += chunk;
+		});
+		req.on("end", async () => {
+			res.setHeader("Content-Type", "application/json");
+			try {
+				const data = JSON.parse(body);
+				const path = typeof data === "object" && data !== null && "path" in data && typeof data.path === "string" ? data.path.trim() : "";
+				if (!path) throw new Error("Empty path");
+				const sessionId = typeof data === "object" && data !== null && "sessionId" in data && typeof data.sessionId === "string" ? data.sessionId : void 0;
+				reveal(resolveRevealPath(path, isAbsoluteWorkspacePath(path) ? [] : await roots(sessionId)));
+				res.statusCode = 200;
+				res.end(JSON.stringify({ ok: true }));
+			} catch (err) {
+				res.statusCode = 400;
+				res.end(JSON.stringify({
+					ok: false,
+					error: String(err)
+				}));
+			}
+		});
+	};
+}
+//#endregion
 //#region src/dsh-better-display.ts
 const name = "dsh-better-display";
 const inject = ["webServer"];
@@ -20,52 +311,7 @@ function apply(ctx) {
 		const disposeReveal = ctx.webServer.register({
 			kind: "exact",
 			path: "/better-display/reveal",
-			handler: async (req, res) => {
-				if (req.method !== "POST") {
-					res.statusCode = 405;
-					res.end();
-					return;
-				}
-				let body = "";
-				req.on("data", (chunk) => {
-					body += chunk;
-				});
-				req.on("end", () => {
-					try {
-						const data = JSON.parse(body);
-						const targetPath = typeof data.path === "string" ? data.path.trim() : "";
-						if (!targetPath) {
-							res.statusCode = 400;
-							res.end(JSON.stringify({
-								ok: false,
-								error: "Empty path"
-							}));
-							return;
-						}
-						if (process.platform === "darwin") spawn("open", ["-R", targetPath], {
-							detached: true,
-							stdio: "ignore"
-						});
-						else if (process.platform === "win32") spawn("explorer.exe", [`/select,${targetPath}`], {
-							detached: true,
-							stdio: "ignore"
-						});
-						else spawn("xdg-open", [targetPath], {
-							detached: true,
-							stdio: "ignore"
-						});
-						res.setHeader("Content-Type", "application/json");
-						res.statusCode = 200;
-						res.end(JSON.stringify({ ok: true }));
-					} catch (err) {
-						res.statusCode = 400;
-						res.end(JSON.stringify({
-							ok: false,
-							error: String(err)
-						}));
-					}
-				});
-			}
+			handler: createRevealHandler({ roots: (sessionId) => revealRoots(ctx, sessionId) })
 		});
 		const disposeSkill = ctx.webServer.register({
 			kind: "exact",
@@ -77,12 +323,10 @@ function apply(ctx) {
 					return;
 				}
 				try {
-					const cwd = new URL(req.url ?? "", "http://127.0.0.1").searchParams.get("cwd") ?? void 0;
-					const status = await scanGenerativeMcpappsStatus({
-						cwd,
+					writeJson(res, 200, toPublicSkillStatus(await scanGenerativeMcpappsStatus({
+						cwd: new URL(req.url ?? "", "http://127.0.0.1").searchParams.get("cwd") ?? void 0,
 						listSkills: skillLister(ctx)
-					});
-					writeJson(res, 200, toPublicSkillStatus(status));
+					})));
 				} catch (err) {
 					writeJson(res, 500, {
 						ok: false,

package/lib/types/client/Reader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Reader.d.ts","sourceRoot":"","sources":["../../../src/client/Reader.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,YAAY,CAAC;AAomBhE,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAmRxC"}
+{"version":3,"file":"Reader.d.ts","sourceRoot":"","sources":["../../../src/client/Reader.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,YAAY,CAAC;AAooBhE,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAoRxC"}

package/lib/types/client/Reader.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment, memo, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
+import { Fragment, memo, useCallback, useEffect, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
+import { createSnapshotStore } from '@deepseek-ai/dsh-client-store';
 import { JsonBlock, MarkdownText } from '@deepseek-ai/dsh-client-ui-primitives';
 import { BlockBoundary, Blocks, contentBlocks, CopyAnswer, UserMessageActions } from './Blocks.js';
 import { ReasoningCard } from './ReasoningCard.js';
 import { ToolActivity, ToolMedia } from './ToolActivity.js';
 import { OfficialActions, OfficialNode, OfficialTail } from './OfficialContent.js';
+import { OFFICIAL_SEATS } from './official-slots.js';
 import { preparingLabel, readerFlow } from './tool-activity.js';
 import { Disclosure, ProcessFragment, RetiringContent, StatusText, useMotionAllowed, usePinnedSelection, useReadingScroll } from './motion.js';
 import { StreamMotionContext } from './streaming.js';
@@ -26,6 +28,7 @@ import { StickyLane } from './StickyLane.js';
 import css from './Reader.module.css';
 import { markdownLabels, truncatedJsonLabel } from './primitive-labels.js';
 import { chatSeatProps } from './chat-seat.js';
+import { ensureStyles } from './styles.js';
 function isNode(node, kind) {
     return node.kind === kind;
 }
@@ -141,6 +144,7 @@ const AssistantNode = memo(function AssistantNode({ useChat, nodeKey, boundary,
 });
 const MainNode = memo(function MainNode({ useChat, nodeKey, boundary, pinned, processOpen = false, ...render }) {
     const node = useChat(snapshot => snapshot.nodes.get(nodeKey));
+    const [disclosureReset] = useState(() => createSnapshotStore(0));
     if (!node || node.visibility === 'hidden')
         return null;
     if (isNode(node, 'user') || isNode(node, 'steering')) {
@@ -149,7 +153,30 @@ const MainNode = memo(function MainNode({ useChat, nodeKey, boundary, pinned, pr
         const otherBlocks = blocks.filter(b => b.kind !== 'image');
         const text = otherBlocks.filter((block) => block.kind === 'text').map(block => block.text).join('\n\n');
         const time = node.data.time;
-        return _jsxs("div", { className: css.userCluster, "data-reader-anchor": true, "data-reader-key": nodeKey, ...chatSeatProps(node.kind, nodeKey), children: [node.kind === 'steering' && _jsx("p", { className: css.meta, children: "\u8865\u5145\u6D88\u606F" }), imageBlocks.length > 0 && _jsx("div", { className: css.userImages, children: _jsx(Blocks, { ...render, blocks: imageBlocks, source: "user" }) }), otherBlocks.length > 0 && _jsx("div", { className: css.user, children: _jsx(Blocks, { ...render, blocks: otherBlocks, source: "user" }) }), _jsx(UserMessageActions, { text: text, time: time })] });
+        const fallback = _jsxs(_Fragment, { children: [node.kind === 'steering' && _jsx("p", { className: css.meta, children: "\u8865\u5145\u6D88\u606F" }), imageBlocks.length > 0 && _jsx("div", { className: css.userImages, children: _jsx(Blocks, { ...render, blocks: imageBlocks, source: "user" }) }), otherBlocks.length > 0 && _jsx("div", { className: css.user, children: _jsx(Blocks, { ...render, blocks: otherBlocks, source: "user" }) }), _jsx(UserMessageActions, { text: text, time: time })] });
+        const official = render.official;
+        let rendered = fallback;
+        if (official) {
+            const turn = node.location.kind === 'turn' || node.location.kind === 'step' ? node.location.turn : undefined;
+            const owner = {
+                cwd: render.cwd,
+                openFile: render.openFile ?? (() => { }),
+                openSkill: () => { },
+                forkAt: render.forkAt ?? (() => { }),
+                inspectCall: callId => official.openView('trajectory', callId),
+                loadImage: official.officialImageLoader,
+                renderMessageImages: images => official.renderSlot(OFFICIAL_SEATS.images, {
+                    ...images, loadImage: official.officialImageLoader,
+                }),
+                fileMentions: official.officialFileMentions,
+                sessionId: render.sessionId,
+            };
+            const options = { hookContext: { turnData: turn?.data, disclosureReset }, fallback };
+            rendered = node.kind === 'user'
+                ? official.renderSlot(OFFICIAL_SEATS.nodes, { ...owner, node }, { ...options, entryKey: 'user' })
+                : official.renderSlot(OFFICIAL_SEATS.nodes, { ...owner, node }, { ...options, entryKey: 'steering' });
+        }
+        return _jsx("div", { className: css.userCluster, "data-reader-anchor": true, "data-reader-key": nodeKey, ...chatSeatProps(node.kind, nodeKey), children: rendered });
     }
     if (isNode(node, 'assistant-step'))
         return null;
@@ -315,6 +342,8 @@ const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys,
     const liveItems = useMemo(() => presentLiveTurn(steps, boundary, autoFold), [steps, boundary, autoFold]);
     const openMode = deliverableOpenModeOf(useSyncExternalStore(props.openPrefs?.subscribe ?? ((fn) => { void fn; return () => { }; }), () => props.openPrefs?.getSnapshot()?.deliverableOpenMode, () => 'external'));
     const hasProcess = flow.some(item => item.kind === 'tool' || hasProcessContent(nodes.get(item.nodeKey), boundary));
+    const showStatusLane = hasProcess && !isAwaitingModel;
+    const showClosedSummary = boundary.status === 'closed' && hasProcess && autoFold;
     // Only a real, still-active text selection delays folding. Merely clicking,
     // focusing or scrolling the live card does not create a permanent override.
     const holdingSelection = selectedProcessKeys.some(key => flow.some(item => item.key === key)
@@ -383,6 +412,7 @@ const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys,
         fileMentions,
         metrics,
         official,
+        sessionId: props.sessionId,
         cwd,
     };
     const terminal = terminalLabel(boundary.reason);
@@ -404,18 +434,19 @@ const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys,
             return _jsx(BlockBoundary, { children: _jsx(MainNode, { ...shared, boundary: boundary, nodeKey: step.nodeKey }) });
         return _jsxs(Fragment, { children: [_jsx(BlockBoundary, { children: _jsx(ProcessNode, { useChat: useFlowChat, t: props.t, nodeKey: step.nodeKey, open: processOpen, motion: motion, onRead: pinProcess, returnFocusTo: processButton }) }), _jsx(BlockBoundary, { children: _jsx(MainNode, { ...shared, boundary: boundary, nodeKey: step.nodeKey, pinned: pinnedKeys.includes(step.nodeKey), processOpen: processOpen }) })] });
     };
-    return _jsxs("section", { className: css.turn, "data-reader-turn": group.turn ?? 'unresolved', "data-reader-turn-state": boundary.status, "data-reader-turn-result": boundary.reason ?? undefined, children: [startsWithUser && _jsx(BlockBoundary, { children: _jsx(MainNode, { ...shared, useChat: props.useChat, boundary: boundary, nodeKey: group.keys[0] }) }), hasProcess && !isAwaitingModel && _jsx(StickyLane, { kind: "status", className: css.turnProcessSticky, children: _jsx(Disclosure, { open: expanded, onChange: setExpanded, controls: flowId, buttonRef: processButton, label: _jsx(GroupStatus, { group: group, sessionId: props.sessionId, useChat: props.useChat, pending: interaction, motion: motion }) }) }), boundary.status === 'closed' && hasProcess && autoFold && _jsx(ClosedProcessSummary, { open: expanded, onChange: setExpanded, controls: flowId, steps: steps.filter(step => {
-                    if (step.kind === 'user')
-                        return false;
-                    if (step.kind !== 'body')
-                        return true;
-                    const node = nodes.get(step.nodeKey);
-                    return !!node && isNode(node, 'assistant-step') && (isEarlierNarration(node.data, boundary)
-                        || node.data.blocks.some(block => block.kind === 'tool-call')
-                        || (boundary.latestStep > 0 && node.data.step < boundary.latestStep));
-                }) }), _jsx(ChoreographedFlow, { id: flowId, frame: presentation, motion: motion, enabled: autoFold && boundary.status === 'open' && !holdingSelection, urgent: hasTurnError || interaction !== undefined || !sessionRunning, open: foldOpenByKey, processOpen: expanded, onOpenChange: (key, value) => { pinProcess(); setFoldOpenByKey(current => ({ ...current, [key]: value })); }, renderStep: renderStep }), !hasProcess && boundary.status === 'open' && !isAwaitingModel && _jsx("div", { className: css.disclosure, "data-reader-status-only": true, children: _jsx(GroupStatus, { group: group, sessionId: props.sessionId, useChat: props.useChat, pending: interaction, motion: motion }) }), showDeliverablesRow(boundary.status, deliverables) && _jsx(DeliverablesRow, { deliverables: deliverables, openFile: props.openFile, revealFile: props.revealFile, openMode: openMode }), boundary.status === 'closed' && _jsx(BlockBoundary, { children: _jsx(OfficialTail, { official: official, owner: tailOwner, produced: deliverables }) }), showTerminalNotice && _jsx("div", { className: css.notice, "data-reader-terminal": true, children: terminal })] });
+    return _jsxs("section", { className: css.turn, "data-reader-turn": group.turn ?? 'unresolved', "data-reader-turn-state": boundary.status, "data-reader-turn-result": boundary.reason ?? undefined, children: [startsWithUser && _jsx(BlockBoundary, { children: _jsx(MainNode, { ...shared, useChat: props.useChat, boundary: boundary, nodeKey: group.keys[0] }) }), _jsxs("div", { className: css.turnStickyRegion, "data-reader-sticky-region": true, children: [(showStatusLane || showClosedSummary) && _jsxs("div", { className: css.turnStickyLanes, children: [showStatusLane && _jsx(StickyLane, { kind: "status", className: css.turnProcessSticky, children: _jsx(Disclosure, { open: expanded, onChange: setExpanded, controls: flowId, buttonRef: processButton, label: _jsx(GroupStatus, { group: group, sessionId: props.sessionId, useChat: props.useChat, pending: interaction, motion: motion }) }) }), showClosedSummary && _jsx(ClosedProcessSummary, { open: expanded, onChange: setExpanded, controls: flowId, steps: steps.filter(step => {
+                                    if (step.kind === 'user')
+                                        return false;
+                                    if (step.kind !== 'body')
+                                        return true;
+                                    const node = nodes.get(step.nodeKey);
+                                    return !!node && isNode(node, 'assistant-step') && (isEarlierNarration(node.data, boundary)
+                                        || node.data.blocks.some(block => block.kind === 'tool-call')
+                                        || (boundary.latestStep > 0 && node.data.step < boundary.latestStep));
+                                }) })] }), _jsx(ChoreographedFlow, { id: flowId, frame: presentation, motion: motion, enabled: autoFold && boundary.status === 'open' && !holdingSelection, urgent: hasTurnError || interaction !== undefined || !sessionRunning, open: foldOpenByKey, processOpen: expanded, onOpenChange: (key, value) => { pinProcess(); setFoldOpenByKey(current => ({ ...current, [key]: value })); }, renderStep: renderStep })] }), !hasProcess && boundary.status === 'open' && !isAwaitingModel && _jsx("div", { className: css.disclosure, "data-reader-status-only": true, children: _jsx(GroupStatus, { group: group, sessionId: props.sessionId, useChat: props.useChat, pending: interaction, motion: motion }) }), showDeliverablesRow(boundary.status, deliverables) && _jsx(DeliverablesRow, { deliverables: deliverables, openFile: props.openFile, revealFile: props.revealFile, openMode: openMode }), boundary.status === 'closed' && _jsx(BlockBoundary, { children: _jsx(OfficialTail, { official: official, owner: tailOwner, produced: deliverables }) }), showTerminalNotice && _jsx("div", { className: css.notice, "data-reader-terminal": true, children: terminal })] });
 });
 export function Reader(props) {
+    useInsertionEffect(() => { ensureStyles(); }, []);
     const root = useRef(null);
     const activatedAt = useRef(Date.now());
     const order = props.useChat(snapshot => snapshot.order);