@deepseek-ai/dsh-client-ui-chat 0.1.2-alpha.5 → 0.1.3-alpha.2

package/lib/client.js

@@ -27,7 +27,8 @@ window.__ModuleLoader__.load({
 		function resolveWorkspacePath(cwd, path) {
 			if (path.startsWith("/") || isWindowsStylePath(path)) return path;
 			if (cwd === void 0 || cwd === "") return path;
-			return `${cwd.replace(/[/\\]+$/, "")}/${path.replace(/^[/\\]+/, "")}`;
+			const separator = isWindowsStylePath(cwd) && cwd.includes("\\") ? "\\" : "/";
+			return `${cwd.replace(/[/\\]+$/, "")}${separator}${path.replace(/^[/\\]+/, "")}`;
 		}
 		//#endregion
 		//#region lib/types/client/contract/snapshot.js
@@ -115,7 +116,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/MessageItem.module.css.mjs
-		const css$15 = ".Sixlwa_userRow{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.Sixlwa_userStack{min-width:0;max-width:min(calc(var(--dsh-chat-content-width,748px) * .702), 82%);flex-direction:column;align-items:flex-end;gap:8px;display:flex}.Sixlwa_bubble{background:var(--dsw-specific-bubble);max-width:100%;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:22px;padding:10px 16px}.Sixlwa_referenceSummary{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px))}.Sixlwa_contextRow,.Sixlwa_compactionRow{padding:2px 0}.Sixlwa_compactionButton{width:100%;height:calc(24px + var(--dsh-content-font-delta,0px));min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;padding:0;display:flex}.Sixlwa_compactionButton:not(:disabled){cursor:pointer}.Sixlwa_compactionButton:not(:disabled):hover{background:var(--dsw-alias-interactive-bg-hover)}.Sixlwa_compactionLeading{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-secondary);flex:none;place-items:center;margin-right:6px;display:inline-grid}.Sixlwa_compactionLeading svg{width:calc(14px + var(--dsh-content-font-delta,0px));height:calc(14px + var(--dsh-content-font-delta,0px))}.Sixlwa_compactionContextIcon,.Sixlwa_compactionDisclosureIcon{grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.Sixlwa_compactionDisclosureIcon,.Sixlwa_compactionButton:not(:disabled):hover .Sixlwa_compactionContextIcon,.Sixlwa_compactionButton:not(:disabled):focus-visible .Sixlwa_compactionContextIcon{opacity:0}.Sixlwa_compactionButton:not(:disabled):hover .Sixlwa_compactionDisclosureIcon,.Sixlwa_compactionButton:not(:disabled):focus-visible .Sixlwa_compactionDisclosureIcon{opacity:1}.Sixlwa_compactionTitle{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-primary-dimmed);flex:none}.Sixlwa_compactionSep{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.Sixlwa_compactionSummary{min-width:0;color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.Sixlwa_compactionBody{padding:4px 0 4px calc(22px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px))}.Sixlwa_retryRow{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px))}.Sixlwa_retrySummary{width:fit-content;color:inherit;cursor:pointer;user-select:none;border-radius:3px;align-items:center;gap:7px;padding:2px 0;list-style:none;display:inline-flex}.Sixlwa_retrySummary::-webkit-details-marker{display:none}.Sixlwa_retrySummary:after{content:\"\";opacity:.8;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:rotate(-45deg)}.Sixlwa_retrySummary:hover{color:var(--dsw-alias-label-secondary)}.Sixlwa_retrySummary:focus-visible{outline:1.5px solid var(--dsw-alias-button-info-fill);outline-offset:2px}.Sixlwa_retryText{color:inherit}.Sixlwa_retryRow[data-active] .Sixlwa_retryText{background:linear-gradient(90deg, var(--dsw-alias-label-tertiary) 0%, var(--dsw-alias-label-tertiary) 40%, var(--dsw-alias-label-secondary) 50%, var(--dsw-alias-label-tertiary) 60%, var(--dsw-alias-label-tertiary) 100%);color:#0000;background-position:100%;background-size:200% 100%;background-clip:text;animation:1.6s ease-in-out infinite Sixlwa_retry-shimmer}.Sixlwa_retryRow[open] .Sixlwa_retrySummary:after{transform:rotate(45deg)}.Sixlwa_retryDetails{overflow-wrap:anywhere;font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px));gap:2px;margin-top:3px;padding-left:14px;display:grid}.Sixlwa_retryDetailLabel{color:var(--dsw-alias-label-secondary)}.Sixlwa_turnErrorRow{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:8px;padding:2px 0;display:grid}.Sixlwa_turnErrorDot{margin-top:5px}.Sixlwa_turnErrorCopy{overflow-wrap:anywhere;min-width:0}.Sixlwa_turnErrorTitle{color:var(--dsw-alias-state-error-primary);margin-right:6px;font-weight:600}.Sixlwa_turnErrorMessage{color:var(--dsw-alias-label-secondary)}.Sixlwa_turnErrorCode{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-markdown-code-block-small)}.Sixlwa_maxTokensTitle{color:var(--dsw-alias-state-warn-primary);margin-right:6px;font-weight:600}@keyframes Sixlwa_retry-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.Sixlwa_retryRow[data-active] .Sixlwa_retryText{color:inherit;background:0 0;animation:none}}";
+		const css$15 = ".Sixlwa_userRow{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.Sixlwa_userStack{min-width:0;max-width:min(calc(var(--dsh-chat-content-width,748px) * .702), 82%);flex-direction:column;align-items:flex-end;gap:8px;display:flex}.Sixlwa_bubble{background:var(--dsw-specific-bubble);max-width:100%;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:22px;padding:10px 16px}.Sixlwa_referenceSummary{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px))}.Sixlwa_contextRow,.Sixlwa_compactionRow{padding:2px 0}.Sixlwa_compactionButton{width:100%;height:calc(24px + var(--dsh-content-font-delta,0px));min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;padding:0;display:flex}.Sixlwa_compactionButton:not(:disabled){cursor:pointer}.Sixlwa_compactionButton:not(:disabled):hover{background:var(--dsw-alias-interactive-bg-hover)}.Sixlwa_compactionLeading{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-secondary);flex:none;place-items:center;margin-right:6px;display:inline-grid}.Sixlwa_compactionLeading svg{width:calc(14px + var(--dsh-content-font-delta,0px));height:calc(14px + var(--dsh-content-font-delta,0px))}.Sixlwa_compactionContextIcon,.Sixlwa_compactionDisclosureIcon{grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.Sixlwa_compactionDisclosureIcon,.Sixlwa_compactionButton:not(:disabled):hover .Sixlwa_compactionContextIcon,.Sixlwa_compactionButton:not(:disabled):focus-visible .Sixlwa_compactionContextIcon{opacity:0}.Sixlwa_compactionButton:not(:disabled):hover .Sixlwa_compactionDisclosureIcon,.Sixlwa_compactionButton:not(:disabled):focus-visible .Sixlwa_compactionDisclosureIcon{opacity:1}.Sixlwa_compactionTitle{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-primary-dimmed);flex:none}.Sixlwa_compactionSep{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.Sixlwa_compactionSummary{min-width:0;color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.Sixlwa_compactionBody{padding:4px 0 4px calc(22px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px))}.Sixlwa_retryRow{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px))}.Sixlwa_retrySummary{width:fit-content;color:inherit;cursor:pointer;user-select:none;border-radius:3px;align-items:center;gap:7px;padding:2px 0;list-style:none;display:inline-flex}.Sixlwa_retrySummary::-webkit-details-marker{display:none}.Sixlwa_retrySummary:after{content:\"\";opacity:.8;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:rotate(-45deg)}.Sixlwa_retrySummary:hover{color:var(--dsw-alias-label-secondary)}.Sixlwa_retrySummary:focus-visible{outline:1.5px solid var(--dsw-alias-button-info-fill);outline-offset:2px}.Sixlwa_retryText{color:inherit}.Sixlwa_retryRow[data-active] .Sixlwa_retryText{background:linear-gradient(90deg, var(--dsw-alias-label-tertiary) 0%, var(--dsw-alias-label-tertiary) 40%, var(--dsw-alias-label-secondary) 50%, var(--dsw-alias-label-tertiary) 60%, var(--dsw-alias-label-tertiary) 100%);color:#0000;background-position:100%;background-size:200% 100%;background-clip:text;animation:1.6s ease-in-out infinite Sixlwa_retry-shimmer}.Sixlwa_retryRow[open] .Sixlwa_retrySummary:after{transform:rotate(45deg)}.Sixlwa_retryDetails{overflow-wrap:anywhere;font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px));gap:2px;margin-top:3px;padding-left:14px;display:grid}.Sixlwa_retryDetailLabel{color:var(--dsw-alias-label-secondary)}.Sixlwa_turnErrorRow{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:8px;padding:2px 0;display:grid}.Sixlwa_turnErrorDot{margin-top:5px}.Sixlwa_turnErrorCopy{overflow-wrap:anywhere;min-width:0}.Sixlwa_turnErrorTitle{color:var(--dsw-alias-state-error-primary);margin-right:6px;font-weight:600}.Sixlwa_turnErrorMessage{color:var(--dsw-alias-label-secondary)}.Sixlwa_turnErrorCode{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-markdown-code-block-small)}.Sixlwa_maxTokensTitle{color:var(--dsw-alias-state-warn-primary);margin-right:6px;font-weight:600}@keyframes Sixlwa_retry-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.Sixlwa_retryRow[data-active] .Sixlwa_retryText{color:inherit;background:0 0;animation:none}}.Sixlwa_attachmentRow{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%;display:flex}.Sixlwa_fileCard{border:.5px solid var(--dsw-alias-border-l2,#0000001f);background:var(--dsw-specific-input-major,transparent);box-sizing:border-box;border-radius:16px;flex:0 0 240px;align-items:center;gap:10px;width:240px;min-height:64px;padding:8px 12px;display:inline-flex}.Sixlwa_fileIcon{flex:none;width:24px;height:28px}.Sixlwa_fileContent{flex-direction:column;flex:1;min-width:0;display:flex}.Sixlwa_fileName{white-space:nowrap;text-overflow:ellipsis;color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:22px;overflow:hidden}.Sixlwa_fileMeta{white-space:nowrap;text-overflow:ellipsis;color:var(--dsw-alias-label-tertiary,#00000073);font-size:12px;line-height:15px;overflow:hidden}";
 		const tagId$15 = "@deepseek-ai/dsh-client-ui-chat/MessageItem.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$15) + "]") === null) {
 			const tag = document.createElement("style");
@@ -125,6 +126,7 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var MessageItem_module_css_default = {
+			"attachmentRow": "Sixlwa_attachmentRow",
 			"bubble": "Sixlwa_bubble",
 			"compactionBody": "Sixlwa_compactionBody",
 			"compactionButton": "Sixlwa_compactionButton",
@@ -136,6 +138,11 @@ window.__ModuleLoader__.load({
 			"compactionSummary": "Sixlwa_compactionSummary",
 			"compactionTitle": "Sixlwa_compactionTitle",
 			"contextRow": "Sixlwa_contextRow",
+			"fileCard": "Sixlwa_fileCard",
+			"fileContent": "Sixlwa_fileContent",
+			"fileIcon": "Sixlwa_fileIcon",
+			"fileMeta": "Sixlwa_fileMeta",
+			"fileName": "Sixlwa_fileName",
 			"maxTokensTitle": "Sixlwa_maxTokensTitle",
 			"referenceSummary": "Sixlwa_referenceSummary",
 			"retry-shimmer": "Sixlwa_retry-shimmer",
@@ -1054,19 +1061,31 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/chat/MessageItem.js
+		function extensionOf(name) {
+			const dot = name.lastIndexOf(".");
+			if (dot <= 0 || dot === name.length - 1) return "";
+			return name.slice(dot + 1).toUpperCase().slice(0, 8);
+		}
 		function contentParts(content) {
 			const texts = [];
-			const images = [];
+			const attachments = [];
 			const rest = [];
 			for (const block of content) {
 				const b = block;
 				if (b.type === "text" && typeof b.text === "string") texts.push(b.text);
-				else if (b.type === "image" && b.attachment !== void 0) images.push({ attachment: b.attachment });
+				else if (b.type === "image" && b.attachment !== void 0) attachments.push({
+					type: "image",
+					image: { attachment: b.attachment }
+				});
+				else if (b.type === "file" && b.attachment !== void 0) attachments.push({
+					type: "file",
+					file: b.attachment
+				});
 				else rest.push(block);
 			}
 			return {
 				text: texts.join(""),
-				images,
+				attachments,
 				rest
 			};
 		}
@@ -1180,9 +1199,10 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** Right-aligned bubble shared by user and steering rows. */
-		function UserStyleBubble({ content, renderMessageImages, actions, pending = false, echo = false, referenceLabels = [], previewImages, t }) {
-			const { text, images: contentImages, rest } = contentParts(content);
-			const images = previewImages ?? contentImages;
+		function UserStyleBubble({ content, renderMessageImages, actions, pending = false, echo = false, referenceLabels = [], skillNames = [], previewAttachments, t }) {
+			const { text, attachments: contentAttachments, rest } = contentParts(content);
+			const attachments = previewAttachments ?? contentAttachments;
+			const compactImages = attachments.length > 1;
 			const truncated = (total) => t("json.truncated", { total });
 			const showBubble = text !== "" || rest.length > 0;
 			return (0, react_jsx_runtime.jsxs)("div", {
@@ -1192,13 +1212,31 @@ window.__ModuleLoader__.load({
 				children: [(0, react_jsx_runtime.jsxs)("div", {
 					className: MessageItem_module_css_default.userStack,
 					children: [
-						renderMessageImages({
-							images,
-							align: "end"
+						attachments.length > 0 && (0, react_jsx_runtime.jsx)("div", {
+							className: MessageItem_module_css_default.attachmentRow,
+							"data-message-attachments": true,
+							children: attachments.map((attachment, index) => attachment.type === "image" ? (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderMessageImages({
+								images: [attachment.image],
+								align: "end",
+								compact: compactImages
+							}) }, `image:${index}`) : (0, react_jsx_runtime.jsxs)("span", {
+								className: MessageItem_module_css_default.fileCard,
+								title: attachment.file.name,
+								children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DocumentFileIcon, { className: MessageItem_module_css_default.fileIcon }), (0, react_jsx_runtime.jsxs)("span", {
+									className: MessageItem_module_css_default.fileContent,
+									children: [(0, react_jsx_runtime.jsx)("span", {
+										className: MessageItem_module_css_default.fileName,
+										children: attachment.file.name
+									}), (0, react_jsx_runtime.jsx)("span", {
+										className: MessageItem_module_css_default.fileMeta,
+										children: [extensionOf(attachment.file.name), (0, _deepseek_ai_dsh_client_ui_primitives.fileSizeText)(attachment.file.bytes)].filter(Boolean).join(" ")
+									})]
+								})]
+							}, `file:${index}`))
 						}),
 						showBubble && (0, react_jsx_runtime.jsxs)("div", {
 							className: MessageItem_module_css_default.bubble,
-							children: [(0, _deepseek_ai_dsh_client_ui_primitives.projectUserText)(text, referenceLabels), rest.map((block, i) => (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+							children: [(0, _deepseek_ai_dsh_client_ui_primitives.projectUserText)(text, referenceLabels, skillNames), rest.map((block, i) => (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
 								label: t("message.extraBlock"),
 								payload: block,
 								truncatedLabel: truncated
@@ -1246,12 +1284,18 @@ window.__ModuleLoader__.load({
 					type: "text",
 					text: submission.text
 				}], [submission.text]),
-				previewImages: (0, react.useMemo)(() => submission.images.map((image) => ({ preview: {
-					url: image.previewUrl,
-					...image.name === void 0 ? {} : { name: image.name },
-					...image.width === void 0 ? {} : { width: image.width },
-					...image.height === void 0 ? {} : { height: image.height }
-				} })), [submission.images]),
+				previewAttachments: (0, react.useMemo)(() => submission.attachments.map((attachment) => attachment.type === "image" ? {
+					type: "image",
+					image: { preview: {
+						url: attachment.value.previewUrl,
+						...attachment.value.name === void 0 ? {} : { name: attachment.value.name },
+						...attachment.value.width === void 0 ? {} : { width: attachment.value.width },
+						...attachment.value.height === void 0 ? {} : { height: attachment.value.height }
+					} }
+				} : {
+					type: "file",
+					file: attachment.value
+				}), [submission.attachments]),
 				renderMessageImages,
 				pending: submission.placement === "steering",
 				echo: true,
@@ -1272,6 +1316,7 @@ window.__ModuleLoader__.load({
 				content: data.content,
 				renderMessageImages,
 				...data.referenceLabels === void 0 ? {} : { referenceLabels: data.referenceLabels },
+				...data.skillNames === void 0 ? {} : { skillNames: data.skillNames },
 				t,
 				actions: (text) => (0, react_jsx_runtime.jsx)(MessageIconActions, {
 					text,
@@ -1470,7 +1515,7 @@ window.__ModuleLoader__.load({
 			return location?.kind === "turn" || location?.kind === "step" ? location.turn.turn : void 0;
 		}
 		/** Subscribe, apply Turn-process visibility, and dispatch one stable Context key. */
-		const ChatNodeSeat = (0, react.memo)(function ChatNodeSeat({ nodeKey, useChatNode, useChatNodeProcess, historyIncomplete, compactTranscript, selectedCallId, cwd, openFile, inspectCall, forkAt, renderMessageImages, fileMentions, useStore, actions, renderSlot, t }) {
+		const ChatNodeSeat = (0, react.memo)(function ChatNodeSeat({ nodeKey, useChatNode, useChatNodeProcess, historyIncomplete, compactTranscript, selectedCallId, cwd, openFile, inspectCall, forkAt, loadImage, renderMessageImages, fileMentions, useStore, actions, renderSlot, t }) {
 			const node = useChatNode(nodeKey);
 			const routedNode = node;
 			const turn = turnOf(routedNode);
@@ -1509,6 +1554,7 @@ window.__ModuleLoader__.load({
 				openFile,
 				inspectCall,
 				forkAt,
+				loadImage,
 				renderMessageImages,
 				fileMentions,
 				turnProcess
@@ -1519,6 +1565,7 @@ window.__ModuleLoader__.load({
 				openFile,
 				inspectCall,
 				forkAt,
+				loadImage,
 				renderMessageImages,
 				fileMentions,
 				turnProcess
@@ -1860,6 +1907,10 @@ window.__ModuleLoader__.load({
 		function scrollerOf(from) {
 			return from.closest("[data-conversation-scroll]") ?? from;
 		}
+		/** Browser shrink clamps and recorded writes do not transfer scroll ownership. */
+		function readerMovedScroll(top, floor, observedTop) {
+			return Math.abs(top - Math.min(observedTop, floor)) > .5;
+		}
 		/** Find an already-rendered row without interpolating a selector. */
 		function anchorElement(list, key) {
 			for (const row of list.querySelectorAll("[data-chat-anchor-key]:not([hidden])")) if (row.dataset.chatAnchorKey === key) return row;
@@ -2261,7 +2312,7 @@ window.__ModuleLoader__.load({
 				if (local === null) return;
 				const el = scrollerOf(local);
 				const floor = Math.max(0, el.scrollHeight - el.clientHeight);
-				const movedByReader = Math.abs(el.scrollTop - Math.min(observedTopRef.current, floor)) > .5;
+				const movedByReader = readerMovedScroll(el.scrollTop, floor, observedTopRef.current);
 				const isAtBottom = movedByReader ? floor - el.scrollTop <= 25 : atBottomRef.current;
 				if (!movedByReader && isAtBottom) {
 					toBottom(el);
@@ -2296,6 +2347,13 @@ window.__ModuleLoader__.load({
 				};
 				const onScroll = () => {
 					scrollSamplePendingRef.current = true;
+					if (atBottomRef.current) {
+						const floor = Math.max(0, el.scrollHeight - el.clientHeight);
+						if (!readerMovedScroll(el.scrollTop, floor, observedTopRef.current)) {
+							sample();
+							return;
+						}
+					}
 					sampleTimer ??= window.setTimeout(sample, SCROLL_SAMPLE_INTERVAL_MS);
 				};
 				el.addEventListener("scroll", onScroll, { passive: true });
@@ -2468,6 +2526,7 @@ window.__ModuleLoader__.load({
 									openFile: requestOpenFile,
 									inspectCall,
 									forkAt,
+									loadImage,
 									renderMessageImages,
 									fileMentions,
 									renderSlot,
@@ -3902,47 +3961,6 @@ window.__ModuleLoader__.load({
 			});
 		});
 		//#endregion
-		//#region ../../core/session/src/surface.ts
-		/** Runtime counterpart of the message-producing event union. */
-		const SURFACE_EVENT_TYPES = new Set([
-			"user/message",
-			"assistant/message",
-			"tool/result"
-		]);
-		/**
-		* Narrow an event to a surface-eligible event carrying its required marker.
-		* @param event - event to test.
-		* @returns true when both the type and marker identify a surface event.
-		*/
-		function isSurfaceEvent(event) {
-			if (!SURFACE_EVENT_TYPES.has(event.type)) return false;
-			return event.surfaceOp !== void 0;
-		}
-		/**
-		* Narrow an event to an append-origin surface event: one that entered the
-		* surface at its own log position and was never itself a replacement copy.
-		*
-		* The model-visible surface deliberately shadows replaced ranges, so it is the
-		* wrong source for a human transcript — a landed replacement would erase
-		* conversation the user already saw. Append-origin events are that transcript's
-		* durable source material; replacement copies stay model-only.
-		* @param event - event to test.
-		* @returns true when the event appended to the surface tail.
-		*/
-		function isAppendSurfaceEvent(event) {
-			return isSurfaceEvent(event) && event.surfaceOp === "append";
-		}
-		/**
-		* Narrow an event to a surface replacement: a node that shadowed an existing
-		* surface range instead of appending to the tail. The counterpart of
-		* {@link isAppendSurfaceEvent} over the two {@link SurfaceOp} variants.
-		* @param event - event to test.
-		* @returns true when the event replaced a surface range.
-		*/
-		function isReplacementSurfaceEvent(event) {
-			return isSurfaceEvent(event) && event.surfaceOp !== "append";
-		}
-		//#endregion
 		//#region lib/types/client/conversation-nodes/common.js
 		/**
 		* Relative positions in one durable event's seq neighborhood: interrupted
@@ -4075,6 +4093,16 @@ window.__ModuleLoader__.load({
 			return collect(record, "references", "label");
 		}
 		/**
+		* Read the skill name a durable skill-invocation injection loaded.
+		* @param source - Logged `user/message` source.
+		* @returns The skill name, or null for every other source.
+		*/
+		function skillInvocationName(source) {
+			const record = asRecord(source);
+			if (record === null || readString(record, "kind") !== "skill-invocation") return null;
+			return readString(record, "name");
+		}
+		/**
 		* Classify finalized Assistant content for Chat rendering.
 		* @param content - Core content blocks.
 		* @returns Chat blocks in source order.
@@ -4173,9 +4201,6 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/conversation-nodes/assistant.js
-		function isChunkRunEvent$1(event) {
-			return event.type === "chunkrow/text-chunks" || event.type === "chunkrow/reasoning-chunks" || event.type === "chunkrow/tool-call-chunks";
-		}
 		function initialState(turn, step) {
 			return {
 				turn,
@@ -4219,9 +4244,7 @@ window.__ModuleLoader__.load({
 				hidden: true
 			};
 		}
-		function updateChunk(state, match) {
-			if (match.event.type !== "assistant/chunk") return state;
-			const chunk = match.event.data.chunk;
+		function updateChunk(state, chunk, seq, time) {
 			const blocks = [...state.blocks];
 			let changedIndex = -1;
 			let previousVisible = false;
@@ -4288,78 +4311,21 @@ window.__ModuleLoader__.load({
 				visibleBlocks,
 				hidden: visibleBlocks > 0 ? false : state.hidden,
 				...visibleBlocks > 0 && state.firstVisibleSeq === void 0 ? {
-					firstVisibleSeq: match.event.seq,
-					firstVisibleTime: match.event.time
+					firstVisibleSeq: seq,
+					firstVisibleTime: time
 				} : {},
-				...firstToken && state.firstTokenTime === void 0 ? { firstTokenTime: match.event.time } : {}
+				...firstToken && state.firstTokenTime === void 0 ? { firstTokenTime: time } : {}
 			};
 		}
-		function chunkRunBoundaries(event, needsToken, needsVisible, visibleFromStart) {
-			const fragments = event.type === "chunkrow/tool-call-chunks" ? event.data.args : event.data.texts;
-			const nameStartsToken = event.type === "chunkrow/tool-call-chunks" && Object.hasOwn(event.data, "name");
-			let firstTokenTime;
-			let firstVisible;
-			let time = event.time;
-			for (let index = 0; index < fragments.length; index++) {
-				const fragment = fragments[index];
-				if (needsToken && firstTokenTime === void 0 && (nameStartsToken || fragment !== "")) firstTokenTime = time;
-				if (needsVisible && firstVisible === void 0 && (visibleFromStart || event.type !== "chunkrow/tool-call-chunks" && fragment.trim() !== "")) firstVisible = {
-					seq: event.seq + index,
-					time
-				};
-				if ((!needsToken || firstTokenTime !== void 0) && (!needsVisible || firstVisible !== void 0)) break;
-				time += event.data.dt[index] ?? 0;
-			}
-			return {
-				firstTokenTime,
-				firstVisible
-			};
-		}
-		function updateChunkRun(state, event) {
-			const blocks = [...state.blocks];
-			const previous = blocks[event.data.index];
-			const previousVisible = blockIsVisible(previous);
-			let visibleFromStart = state.visibleBlocks - Number(previousVisible) > 0;
-			if (event.type === "chunkrow/text-chunks") {
-				const text = previous?.kind === "text" ? previous.text : "";
-				visibleFromStart ||= text.trim() !== "";
-				blocks[event.data.index] = {
-					kind: "text",
-					text: text + event.data.texts.join("")
-				};
-			} else if (event.type === "chunkrow/reasoning-chunks") {
-				const text = previous?.kind === "reasoning" ? previous.text : "";
-				visibleFromStart ||= text.trim() !== "";
-				blocks[event.data.index] = {
-					kind: "reasoning",
-					text: text + event.data.texts.join("")
-				};
-			} else {
-				const base = previous?.kind === "tool-call" ? previous : {
-					kind: "tool-call",
-					callId: "",
-					name: "",
-					argsRaw: ""
-				};
-				blocks[event.data.index] = {
-					kind: "tool-call",
-					callId: base.callId || String(event.data.id),
-					name: Object.hasOwn(event.data, "name") ? event.data.name : base.name,
-					argsRaw: base.argsRaw + event.data.args.join("")
-				};
-			}
-			const boundaries = chunkRunBoundaries(event, state.firstTokenTime === void 0, state.firstVisibleSeq === void 0, visibleFromStart);
-			const visibleBlocks = state.visibleBlocks - Number(previousVisible) + Number(blockIsVisible(blocks[event.data.index]));
+		function settleMessage(state, match, event) {
+			const blocks = toAssistantBlocks(event.data.message.content);
 			return {
 				...state,
 				blocks,
-				visibleBlocks,
-				hidden: visibleBlocks > 0 ? false : state.hidden,
-				...boundaries.firstVisible === void 0 ? {} : {
-					firstVisibleSeq: boundaries.firstVisible.seq,
-					firstVisibleTime: boundaries.firstVisible.time
-				},
-				...boundaries.firstTokenTime === void 0 ? {} : { firstTokenTime: boundaries.firstTokenTime }
+				visibleBlocks: countVisibleBlocks(blocks),
+				hidden: false,
+				final: match,
+				usage: event.data.usage
 			};
 		}
 		function closedBoundary(location) {
@@ -4405,27 +4371,14 @@ window.__ModuleLoader__.load({
 		function fallbackState$5(context) {
 			let state;
 			for (const match of context.matches) {
-				if (isChunkRunEvent$1(match.event)) {
+				if (match.event.type === "assistant/live-chunk") {
 					state ??= initialState(match.event.data.turn, match.event.data.step);
-					state = updateChunkRun(state, match.event);
-					continue;
-				}
-				if (match.event.type === "assistant/chunk") {
-					state ??= initialState(match.event.data.turn, match.event.data.step);
-					state = updateChunk(state, match);
+					state = updateChunk(state, match.event.data.chunk, match.event.seq, match.event.time);
 					continue;
 				}
 				if (match.event.type === "assistant/message") {
 					state ??= initialState(match.event.data.turn, match.event.data.step);
-					const blocks = toAssistantBlocks(match.event.data.message.content);
-					state = {
-						...state,
-						blocks,
-						visibleBlocks: countVisibleBlocks(blocks),
-						hidden: false,
-						final: match,
-						usage: match.event.data.usage
-					};
+					state = settleMessage(state, match, match.event);
 					continue;
 				}
 				if (match.event.type === "llm/retry" && state !== void 0) state = resetForRetry(state);
@@ -4469,11 +4422,7 @@ window.__ModuleLoader__.load({
 					id: `${event.data.turn}:${event.data.step}`,
 					role: "start"
 				};
-				if (event.type === "assistant/chunk" || event.type === "assistant/message" && isAppendSurfaceEvent(event)) return {
-					id: `${event.data.turn}:${event.data.step}`,
-					role: "update"
-				};
-				if (isChunkRunEvent$1(event)) return {
+				if (event.type === "assistant/live-chunk" || event.type === "assistant/message" && event.surfaceOp === "append") return {
 					id: `${event.data.turn}:${event.data.step}`,
 					role: "update"
 				};
@@ -4488,26 +4437,14 @@ window.__ModuleLoader__.load({
 				return initialState(match.event.data.turn, match.event.data.step);
 			},
 			update: (context, match) => {
-				if (isChunkRunEvent$1(match.event)) return updateChunkRun(context.state, match.event);
-				if (match.event.type === "assistant/chunk") return updateChunk(context.state, match);
-				if (match.event.type === "assistant/message") {
-					const blocks = toAssistantBlocks(match.event.data.message.content);
-					return {
-						...context.state,
-						blocks,
-						visibleBlocks: countVisibleBlocks(blocks),
-						hidden: false,
-						final: match,
-						usage: match.event.data.usage
-					};
-				}
+				if (match.event.type === "assistant/live-chunk") return updateChunk(context.state, match.event.data.chunk, match.event.seq, match.event.time);
+				if (match.event.type === "assistant/message") return settleMessage(context.state, match, match.event);
 				if (match.event.type === "llm/retry") return resetForRetry(context.state);
 				return context.state;
 			},
 			publication: (match) => {
 				if (match.event.type === "step/start") return "none";
-				if (isChunkRunEvent$1(match.event)) return "animation-frame";
-				if (match.event.type !== "assistant/chunk") return "immediate";
+				if (match.event.type !== "assistant/live-chunk") return "immediate";
 				const type = match.event.data.chunk.type;
 				return type === "usage" || type === "finish" ? "none" : "animation-frame";
 			},
@@ -5107,6 +5044,194 @@ window.__ModuleLoader__.load({
 				return [...byKey.values()];
 			}
 		};
+		function withSkillNames(node, names) {
+			const candidate = node;
+			if (candidate.kind !== "user" && candidate.kind !== "steering") return node;
+			const current = candidate.data.skillNames ?? EMPTY_KEYS;
+			const hasNames = Object.hasOwn(candidate.data, "skillNames");
+			if (sameReferences$1(current, names) && hasNames === names.length > 0) return node;
+			const data = { ...candidate.data };
+			if (names.length === 0) delete data.skillNames;
+			else data.skillNames = names;
+			return {
+				...candidate,
+				data
+			};
+		}
+		/**
+		* Classify one Node for batching: a direct message, a `skill-invocation`
+		* context, or a boundary of any other kind. A context that injects no skill
+		* (workspace rules, the catalog, a recall) is transparent and yields null.
+		*/
+		function slashEntryOf(node) {
+			const candidate = node;
+			if (candidate.kind === "user" || candidate.kind === "steering") return {
+				key: node.key,
+				seq: node.anchorSeq,
+				kind: "message",
+				name: null
+			};
+			if (candidate.kind === "context") {
+				const name = skillInvocationName(candidate.data.source);
+				return name === null ? null : {
+					key: node.key,
+					seq: node.anchorSeq,
+					kind: "skill",
+					name
+				};
+			}
+			return {
+				key: node.key,
+				seq: node.anchorSeq,
+				kind: "boundary",
+				name: null
+			};
+		}
+		function sameSlashEntry(left, right) {
+			return left.seq === right.seq && left.kind === right.kind && left.name === right.name;
+		}
+		/**
+		* Attaches each direct message's step-loaded skill names to its Node.
+		*
+		* A step's `skill-invocation` injections follow the direct messages the host
+		* scanned for `/name` gestures and precede the step's first Node of any other
+		* kind, so every non-message, non-context Node closes a batch. Every ended
+		* Turn publishes its `turn-tail` Node on `turn/end` whatever the reason, so a
+		* batch never spans Turns, and `step/start` precedes the direct message in
+		* the log, so no boundary separates a message from its injections. Names
+		* attach to every direct message of the batch: the bubble decorates only the
+		* tokens its own text carries.
+		*
+		* The index holds only messages, skill injections, and boundaries, ordered by
+		* `anchorSeq`. An apply re-reads just the batches around the Nodes whose
+		* classification changed and never scans the store, so an assistant
+		* streaming frame costs nothing here (the append hot path never scans the
+		* Chat Nodes).
+		*/
+		var SkillNameProjector = class {
+			entries = /* @__PURE__ */ new Map();
+			/** Every indexed entry in `anchorSeq` order. */
+			sorted = [];
+			/**
+			* Rebuild the index from a whole Node set and attach names to its messages.
+			* @param nodes - every materialized Chat Node, in any order.
+			* @returns the same Nodes, direct messages carrying their batch's names.
+			*/
+			replace(nodes) {
+				this.entries.clear();
+				this.sorted = [];
+				for (const node of nodes) {
+					const entry = slashEntryOf(node);
+					if (entry === null) continue;
+					this.entries.set(entry.key, entry);
+					this.sorted.push(entry);
+				}
+				this.sorted.sort((left, right) => left.seq - right.seq);
+				const names = /* @__PURE__ */ new Map();
+				for (let index = 0; index < this.sorted.length; index++) {
+					if (this.sorted[index]?.kind === "boundary") continue;
+					const end = this.runEnd(index);
+					this.assignRun(index, end, names);
+					index = end;
+				}
+				return nodes.map((node) => withSkillNames(node, names.get(node.key) ?? EMPTY_KEYS));
+			}
+			/**
+			* Fold one incremental upsert set: re-read only the batches around the
+			* Nodes whose classification changed.
+			* @param upserts - the changed Nodes.
+			* @param store - the resident Nodes, read by key for the messages of an affected batch.
+			* @returns the upserts plus any resident message whose names changed.
+			*/
+			apply(upserts, store) {
+				const dirty = [];
+				for (const node of upserts) {
+					const next = slashEntryOf(node);
+					const previous = this.entries.get(node.key);
+					if (previous !== void 0) {
+						if (next !== null && sameSlashEntry(previous, next)) {
+							if (next.kind === "message") dirty.push(next.seq);
+							continue;
+						}
+						this.remove(previous);
+						dirty.push(previous.seq);
+					}
+					if (next === null) continue;
+					this.insert(next);
+					dirty.push(next.seq);
+				}
+				if (dirty.length === 0) return upserts;
+				const names = /* @__PURE__ */ new Map();
+				for (const seq of dirty) this.collectAround(seq, names);
+				const byKey = new Map(upserts.map((node) => [node.key, node]));
+				for (const [key, list] of names) {
+					const node = byKey.get(key) ?? store.get(key);
+					if (node === void 0) continue;
+					const next = withSkillNames(node, list);
+					if (next !== node || byKey.has(key)) byKey.set(key, next);
+				}
+				return [...byKey.values()];
+			}
+			insert(entry) {
+				this.sorted.splice(this.lowerBound(entry.seq), 0, entry);
+				this.entries.set(entry.key, entry);
+			}
+			remove(entry) {
+				this.sorted.splice(this.sorted.indexOf(entry), 1);
+				this.entries.delete(entry.key);
+			}
+			/** First index whose seq is at least `seq`. */
+			lowerBound(seq) {
+				let low = 0;
+				let high = this.sorted.length;
+				while (low < high) {
+					const middle = low + high >>> 1;
+					if ((this.sorted[middle]?.seq ?? Number.POSITIVE_INFINITY) < seq) low = middle + 1;
+					else high = middle;
+				}
+				return low;
+			}
+			/** Last index of the boundary-free run containing `index`. */
+			runEnd(index) {
+				let end = index;
+				while (end + 1 < this.sorted.length && this.sorted[end + 1]?.kind !== "boundary") end++;
+				return end;
+			}
+			/** First index of the boundary-free run containing `index`. */
+			runStart(index) {
+				let start = index;
+				while (start - 1 >= 0 && this.sorted[start - 1]?.kind !== "boundary") start--;
+				return start;
+			}
+			/** Record the names every message of the run `[start, end]` carries. */
+			assignRun(start, end, names) {
+				const list = [];
+				for (let index = start; index <= end; index++) {
+					const entry = this.sorted[index];
+					if (entry?.kind === "skill" && entry.name !== null && !list.includes(entry.name)) list.push(entry.name);
+				}
+				for (let index = start; index <= end; index++) {
+					const entry = this.sorted[index];
+					if (entry?.kind === "message") names.set(entry.key, list);
+				}
+			}
+			/**
+			* Re-read the run(s) around one changed seq: the run holding a message or
+			* skill entry, or — for a boundary, or a seq that left the index — the runs
+			* on both sides of that position.
+			*/
+			collectAround(seq, names) {
+				const at = this.lowerBound(seq);
+				const here = this.sorted[at];
+				if (here !== void 0 && here.seq === seq && here.kind !== "boundary") {
+					this.assignRun(this.runStart(at), this.runEnd(at), names);
+					return;
+				}
+				if (at - 1 >= 0 && this.sorted[at - 1]?.kind !== "boundary") this.assignRun(this.runStart(at - 1), at - 1, names);
+				const right = here !== void 0 && here.seq === seq ? at + 1 : at;
+				if (right < this.sorted.length && this.sorted[right]?.kind !== "boundary") this.assignRun(right, this.runEnd(right), names);
+			}
+		};
 		const EMPTY_CONTRIBUTION = {
 			anchorSeq: 0,
 			nodes: EMPTY_LIST,
@@ -5300,6 +5425,7 @@ window.__ModuleLoader__.load({
 			navigation = new MutableTurnNavigationIndex();
 			legacy = new LegacySliceBuilder();
 			referenceLabels = new ReferenceLabelProjector();
+			skillNames = new SkillNameProjector();
 			order = EMPTY_KEYS;
 			/** Last published timeline: a Turn boundary can land without a new node. */
 			timeline = null;
@@ -5311,7 +5437,7 @@ window.__ModuleLoader__.load({
 				});
 			}
 			replace(input) {
-				const nodes = this.referenceLabels.replace(input.nodes);
+				const nodes = this.skillNames.replace(this.referenceLabels.replace(input.nodes));
 				this.store.replace(nodes);
 				this.order = orderedVisibleChatNodes(nodes).map((node) => node.key);
 				this.locations.rebuild(this.order, this.store);
@@ -5323,7 +5449,7 @@ window.__ModuleLoader__.load({
 				return snapshot;
 			}
 			apply(input) {
-				const upserts = this.referenceLabels.apply(input.upserts, this.store);
+				const upserts = this.skillNames.apply(this.referenceLabels.apply(input.upserts, this.store), this.store);
 				const processTurns = /* @__PURE__ */ new Set();
 				let structural = false;
 				const contentOnly = [];
@@ -5392,6 +5518,47 @@ window.__ModuleLoader__.load({
 			ctx.uiConversation.views.register(chatViewDefinition);
 		}
 		//#endregion
+		//#region ../../core/session/src/surface.ts
+		/** Runtime counterpart of the message-producing event union. */
+		const SURFACE_EVENT_TYPES = new Set([
+			"user/message",
+			"assistant/message",
+			"tool/result"
+		]);
+		/**
+		* Narrow an event to a surface-eligible event carrying its required marker.
+		* @param event - event to test.
+		* @returns true when both the type and marker identify a surface event.
+		*/
+		function isSurfaceEvent(event) {
+			if (!SURFACE_EVENT_TYPES.has(event.type)) return false;
+			return event.surfaceOp !== void 0;
+		}
+		/**
+		* Narrow an event to an append-origin surface event: one that entered the
+		* surface at its own log position and was never itself a replacement copy.
+		*
+		* The model-visible surface deliberately shadows replaced ranges, so it is the
+		* wrong source for a human transcript — a landed replacement would erase
+		* conversation the user already saw. Append-origin events are that transcript's
+		* durable source material; replacement copies stay model-only.
+		* @param event - event to test.
+		* @returns true when the event appended to the surface tail.
+		*/
+		function isAppendSurfaceEvent(event) {
+			return isSurfaceEvent(event) && event.surfaceOp === "append";
+		}
+		/**
+		* Narrow an event to a surface replacement: a node that shadowed an existing
+		* surface range instead of appending to the tail. The counterpart of
+		* {@link isAppendSurfaceEvent} over the two {@link SurfaceOp} variants.
+		* @param event - event to test.
+		* @returns true when the event replaced a surface range.
+		*/
+		function isReplacementSurfaceEvent(event) {
+			return isSurfaceEvent(event) && event.surfaceOp !== "append";
+		}
+		//#endregion
 		//#region lib/types/client/conversation-nodes/command.js
 		const COMPACT_PLUGIN = "compact";
 		function commandFromRun(match) {
@@ -5615,13 +5782,10 @@ window.__ModuleLoader__.load({
 		const unknownFallbackDefinition = {
 			kind: "unknown-surface",
 			target: "chat",
-			match: (event) => {
-				if (event.type === "chunkrow/text-chunks" || event.type === "chunkrow/reasoning-chunks" || event.type === "chunkrow/tool-call-chunks") return null;
-				return isAppendSurfaceEvent(event) ? {
-					id: String(event.seq),
-					role: "start"
-				} : null;
-			},
+			match: (event) => event.type !== "assistant/live-chunk" && isAppendSurfaceEvent(event) ? {
+				id: String(event.seq),
+				role: "start"
+			} : null,
 			start: (_context, match) => ({
 				kind: "unknown",
 				seq: match.event.seq,
@@ -5818,7 +5982,7 @@ window.__ModuleLoader__.load({
 					const change = inspection.change?.kind;
 					return {
 						anchorSeq: stableRequestPromptAnchor(context, match, previous, match.event.data.reason === "initial"),
-						showsPrompt: previous === void 0 || match.event.data.reason !== "change" || match.event.data.startsSeries === true || change === "system" || change === "system-and-tools",
+						showsPrompt: previous === void 0 || match.event.data.reason === "series" || match.event.data.startsSeries === true || change === "system" || change === "system-and-tools",
 						...location,
 						...inspection
 					};
@@ -5826,8 +5990,11 @@ window.__ModuleLoader__.load({
 				update: (context) => context.state,
 				buildViewNode: (context) => {
 					const state = context.state;
-					if (state === void 0 || !state.showsPrompt || state.prompt.system === "") return null;
-					return chatNode(context, "system-prompt", state.anchorSeq, { text: state.prompt.system });
+					if (state === void 0) return null;
+					const current = context.current.get("chat");
+					const visible = state.showsPrompt && state.prompt.system !== "";
+					if (!visible && current?.kind !== "system-prompt") return null;
+					return chatNode(context, "system-prompt", state.anchorSeq, { text: state.prompt.system }, { visibility: visible ? "visible" : "hidden" });
 				}
 			};
 		}
@@ -6336,49 +6503,38 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/conversation-nodes/turn-process.js
-		function isChunkRunEvent(event) {
-			return event.type === "chunkrow/text-chunks" || event.type === "chunkrow/reasoning-chunks" || event.type === "chunkrow/tool-call-chunks";
-		}
 		function eventTurn(event) {
 			const data = event.data;
 			return typeof data.turn === "number" ? data.turn : void 0;
 		}
+		function visibleChunk(chunk) {
+			if (chunk.type === "text-delta" || chunk.type === "reasoning-delta") return chunk.text.trim() !== "";
+			if (chunk.type === "block-start") return chunk.blockType !== "text" && chunk.blockType !== "reasoning" && chunk.blockType !== "tool-call";
+			if (chunk.type !== "block-end") return false;
+			const block = chunk.block;
+			if (block.type === "tool-call") return false;
+			if (block.type === "text" || block.type === "reasoning") return block.text.trim() !== "";
+			return true;
+		}
 		function visibleAssistantEvent(event) {
-			if (event.type === "assistant/chunk") {
-				const chunk = event.data.chunk;
-				if (chunk.type === "text-delta" || chunk.type === "reasoning-delta") return chunk.text.trim() !== "";
-				if (chunk.type === "block-start") return chunk.blockType !== "text" && chunk.blockType !== "reasoning" && chunk.blockType !== "tool-call";
-				if (chunk.type !== "block-end") return false;
-				const block = chunk.block;
-				if (block.type === "tool-call") return false;
-				if (block.type === "text" || block.type === "reasoning") return block.text.trim() !== "";
-				return true;
-			}
-			return event.type === "assistant/message" && isAppendSurfaceEvent(event) && toAssistantBlocks(event.data.message.content).some((block) => {
+			if (event.type === "assistant/live-chunk") return visibleChunk(event.data.chunk);
+			if (event.type === "assistant/attempt") return false;
+			return event.type === "assistant/message" && event.surfaceOp === "append" && toAssistantBlocks(event.data.message.content).some((block) => {
 				if (block.kind === "tool-call") return false;
 				if (block.kind === "text" || block.kind === "reasoning") return block.text.trim() !== "";
 				return true;
 			});
 		}
 		function processEvidence(event) {
-			if (isChunkRunEvent(event)) {
-				if (event.type === "chunkrow/tool-call-chunks") return void 0;
-				const firstVisible = event.data.texts.findIndex((text) => text.trim() !== "");
-				return firstVisible < 0 ? void 0 : {
-					kind: "assistant",
-					seq: event.seq + firstVisible,
-					step: event.data.step
-				};
-			}
 			if (visibleAssistantEvent(event)) {
-				if (event.type !== "assistant/chunk" && event.type !== "assistant/message") return void 0;
+				if (event.type !== "assistant/live-chunk" && event.type !== "assistant/message" && event.type !== "assistant/attempt") return void 0;
 				return {
 					kind: "assistant",
 					seq: event.seq,
 					step: event.data.step
 				};
 			}
-			if (event.type === "tool/call" || event.type === "tool/result" && isAppendSurfaceEvent(event) || event.type === "llm/retry") return {
+			if (event.type === "tool/call" || event.type === "tool/result" && event.surfaceOp === "append" || event.type === "llm/retry") return {
 				kind: "other",
 				seq: event.seq
 			};
@@ -6442,7 +6598,7 @@ window.__ModuleLoader__.load({
 		}
 		function updateProcessState(state, event) {
 			let current = state;
-			if (event.type === "assistant/message" && isAppendSurfaceEvent(event) && hasAssistantReplyContent(toAssistantBlocks(event.data.message.content))) {
+			if (event.type === "assistant/message" && event.surfaceOp === "append" && hasAssistantReplyContent(toAssistantBlocks(event.data.message.content))) {
 				const messageCountByStep = new Map(current.messageCountByStep);
 				messageCountByStep.set(event.data.step, (messageCountByStep.get(event.data.step) ?? 0) + 1);
 				current = {
@@ -6486,7 +6642,7 @@ window.__ModuleLoader__.load({
 				};
 				const turn = eventTurn(event);
 				if (turn === void 0) return null;
-				if (event.type === "assistant/chunk" || event.type === "assistant/message" || isChunkRunEvent(event) || event.type === "tool/call" || event.type === "tool/result" || event.type === "llm/retry" || event.type === "step/start" || event.type === "step/end" || event.type === "turn/end") return {
+				if (event.type === "assistant/live-chunk" || event.type === "assistant/message" || event.type === "tool/call" || event.type === "tool/result" || event.type === "llm/retry" || event.type === "step/start" || event.type === "step/end" || event.type === "turn/end") return {
 					id: String(turn),
 					role: "update"
 				};
@@ -6505,8 +6661,7 @@ window.__ModuleLoader__.load({
 			},
 			update: (context, match) => updateProcessState(context.state, match.event),
 			publication: (match) => {
-				if (isChunkRunEvent(match.event)) return "animation-frame";
-				if (match.event.type === "assistant/chunk") {
+				if (match.event.type === "assistant/live-chunk") {
 					const type = match.event.data.chunk.type;
 					return type === "usage" || type === "finish" ? "none" : "animation-frame";
 				}
@@ -6549,6 +6704,20 @@ window.__ModuleLoader__.load({
 			ctx.uiConversation.events.register(turnProcessDefinition);
 		}
 		//#endregion
+		//#region ../../llm/llm/src/assistant-stream.ts
+		/**
+		* The last raw chunk of one never-packed type, scanning backwards and stopping at the first hit.
+		* @param stream - compact records from one durable Assistant settlement.
+		* @param type - chunk type that only appears as a raw record.
+		* @returns the stream's final chunk of that type, or undefined when it has none.
+		*/
+		function lastAssistantStreamChunk(stream, type) {
+			for (let index = stream.length - 1; index >= 0; index -= 1) {
+				const record = stream[index];
+				if (record.type === "chunk" && record.chunk.type === type) return record.chunk;
+			}
+		}
+		//#endregion
 		//#region ../../llm/token-meter/src/turn-usage.ts
 		function isCount(value) {
 			return typeof value === "number" && Number.isSafeInteger(value) && value >= 0;
@@ -6568,6 +6737,9 @@ window.__ModuleLoader__.load({
 				model
 			} : void 0;
 		}
+		function streamUsage(stream) {
+			return lastAssistantStreamChunk(stream, "usage")?.usage;
+		}
 		function normalizeUsage(usage, route) {
 			const { inputTokens, outputTokens, cacheReadTokens, cacheWriteTokens, reasoningTokens, totalTokens } = usage;
 			if (!isCount(inputTokens) || !isCount(outputTokens)) return void 0;
@@ -6695,16 +6867,19 @@ window.__ModuleLoader__.load({
 					};
 					continue;
 				}
-				if (event.type === "assistant/chunk") {
+				if (event.type === "assistant/attempt") {
 					if (event.data.turn !== turn || state.kind !== "open" || !sameAttempt(state, event.data.turn, event.data.step)) {
 						invalid = true;
 						continue;
 					}
-					if (event.data.chunk.type === "usage") state = {
-						...state,
-						sample: event.data.chunk.usage
+					const sample = streamUsage(event.data.stream) ?? state.sample;
+					state = {
+						kind: "open",
+						turn,
+						step: event.data.step,
+						...sample === void 0 ? {} : { sample }
 					};
-					else if (event.data.chunk.type === "finish" && (event.data.chunk.reason.kind === "error" || event.data.chunk.reason.kind === "aborted")) if (!closeOpen()) invalid = true;
+					if (!closeOpen()) invalid = true;
 					else state = {
 						kind: "finishClosed",
 						turn,
@@ -6717,9 +6892,10 @@ window.__ModuleLoader__.load({
 						invalid = true;
 						continue;
 					}
-					if (event.data.usage !== void 0) state = {
+					const sample = event.data.usage ?? streamUsage(event.data.stream);
+					if (sample !== void 0) state = {
 						...state,
-						sample: event.data.usage
+						sample
 					};
 					if (!closeOpen(messageRoute(event.data.message))) invalid = true;
 					else state = {
@@ -6758,21 +6934,17 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/conversation-nodes/turn-tail.js
 		function isSessionEvent(event) {
-			return event.type !== "chunkrow/text-chunks" && event.type !== "chunkrow/reasoning-chunks" && event.type !== "chunkrow/tool-call-chunks";
+			return event.type !== "assistant/live-chunk";
 		}
 		function hasTextAssistant(event) {
-			return event.type === "assistant/message" && isAppendSurfaceEvent(event) && toAssistantBlocks(event.data.message.content).some((block) => block.kind === "text" && block.text.trim() !== "");
+			return event.type === "assistant/message" && event.surfaceOp === "append" && toAssistantBlocks(event.data.message.content).some((block) => block.kind === "text" && block.text.trim() !== "");
 		}
-		function chunkHasText(event) {
-			if (event.type === "chunkrow/text-chunks") return event.data.texts.some((text) => text.trim() !== "");
-			if (event.type === "chunkrow/reasoning-chunks" || event.type === "chunkrow/tool-call-chunks") return false;
-			if (event.type !== "assistant/chunk") return false;
-			const chunk = event.data.chunk;
+		function chunkHasText(chunk) {
 			if (chunk.type === "text-delta") return chunk.text.trim() !== "";
 			return chunk.type === "block-end" && chunk.block.type === "text" && chunk.block.text.trim() !== "";
 		}
 		function turnCoordinates(event) {
-			if (event.type === "assistant/message" || event.type === "assistant/chunk" || event.type === "step/start" || event.type === "chunkrow/text-chunks" || event.type === "chunkrow/reasoning-chunks" || event.type === "chunkrow/tool-call-chunks" || event.type === "step/end") return {
+			if (event.type === "assistant/message" || event.type === "assistant/attempt" || event.type === "assistant/live-chunk" || event.type === "step/start" || event.type === "step/end") return {
 				turn: event.data.turn,
 				step: event.data.step
 			};
@@ -6793,10 +6965,10 @@ window.__ModuleLoader__.load({
 					streamedText: false,
 					finalized: false
 				};
-				if (event.type === "assistant/chunk" || event.type === "chunkrow/text-chunks" || event.type === "chunkrow/reasoning-chunks" || event.type === "chunkrow/tool-call-chunks") {
+				if (event.type === "assistant/live-chunk") {
 					steps.set(coordinates.step, {
 						...previous,
-						streamedText: previous.streamedText || chunkHasText(event)
+						streamedText: previous.streamedText || chunkHasText(event.data.chunk)
 					});
 					continue;
 				}
@@ -6836,7 +7008,7 @@ window.__ModuleLoader__.load({
 			let latestTranscriptSeq = finalized.at(-1)?.finalNode.seq;
 			for (const match of context.matches) {
 				const event = match.event;
-				const candidate = event.type === "tool/call" || event.type === "tool/result" && isAppendSurfaceEvent(event) || event.type === "turn/end" && event.data.reason.kind === "error" || event.type === "llm/retry" ? event.seq : void 0;
+				const candidate = event.type === "tool/call" || event.type === "tool/result" && event.surfaceOp === "append" || event.type === "turn/end" && event.data.reason.kind === "error" || event.type === "llm/retry" ? event.seq : void 0;
 				if (candidate !== void 0 && (latestTranscriptSeq === void 0 || candidate > latestTranscriptSeq)) latestTranscriptSeq = candidate;
 			}
 			const metrics = deriveTurnMetrics(finalized.map((candidate) => candidate.finalNode)).get(end.event.data.turn);