@prettier-ai/dsh-client-ui-chat 0.1.2-alpha.3 → 0.1.2-alpha.4

package/lib/client.js

@@ -32,11 +32,25 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/contract/snapshot.js
 		const EMPTY_LIST$1 = [];
+		const EMPTY_TIMELINE = {
+			turnOrder: EMPTY_LIST$1,
+			turns: /* @__PURE__ */ new Map()
+		};
+		const EMPTY_NODE_SOURCE = {
+			getSnapshot: () => void 0,
+			subscribe: () => () => {}
+		};
+		const EMPTY_NODE_PROCESS_SOURCE = {
+			getSnapshot: () => void 0,
+			subscribe: () => () => {}
+		};
 		/** Empty Chat target used before a view builder is registered. */
 		const EMPTY_CHAT_SNAPSHOT = {
 			order: EMPTY_LIST$1,
 			nodes: {
 				get: () => void 0,
+				source: () => EMPTY_NODE_SOURCE,
+				processSource: () => EMPTY_NODE_PROCESS_SOURCE,
 				values: () => EMPTY_LIST$1
 			},
 			locations: {
@@ -44,10 +58,7 @@ window.__ModuleLoader__.load({
 				getStep: () => EMPTY_LIST$1
 			},
 			navigation: { items: () => EMPTY_LIST$1 },
-			timeline: {
-				turnOrder: EMPTY_LIST$1,
-				turns: /* @__PURE__ */ new Map()
-			},
+			timeline: EMPTY_TIMELINE,
 			legacy: {
 				nodes: EMPTY_LIST$1,
 				turnTimings: /* @__PURE__ */ new Map(),
@@ -206,7 +217,7 @@ window.__ModuleLoader__.load({
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/ContextBody.module.css.mjs
-		const css$14 = ".abgUBa_text{color:var(--dsw-alias-label-secondary);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.abgUBa_fields{border-top:1px solid var(--dsw-alias-line-secondary);flex-direction:column;gap:2px;margin:8px 0 0;padding-top:8px;display:flex}.abgUBa_field{gap:8px;min-width:0;display:flex}.abgUBa_fieldKey{min-width:96px;color:var(--dsw-alias-label-caption);flex:none}.abgUBa_fieldValue{min-width:0;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;flex:auto;margin:0}.abgUBa_files{flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;padding:0;list-style:none;display:flex}.abgUBa_file{align-items:baseline;gap:6px;min-width:0;display:flex}.abgUBa_filePath{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}.abgUBa_fileAction{color:var(--dsw-alias-label-caption)}.abgUBa_catalogNotice{color:var(--dsw-alias-label-caption);margin:0 0 6px}.abgUBa_entries{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.abgUBa_entry{gap:8px;min-width:0;display:flex}.abgUBa_entryName{color:var(--dsw-alias-label-secondary);flex:none}.abgUBa_entryDescription{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.abgUBa_sections{flex-direction:column;gap:8px;margin:0;display:flex}.abgUBa_section{flex-direction:column;gap:2px;min-width:0;display:flex}.abgUBa_sectionName{color:var(--dsw-alias-label-caption)}.abgUBa_sectionText{color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.abgUBa_relaySender{color:var(--dsw-alias-label-caption);overflow-wrap:anywhere;margin:0 0 6px}.abgUBa_recalls{flex-direction:column;gap:2px;margin:0 0 8px;padding:0;list-style:none;display:flex}.abgUBa_recall{gap:8px;min-width:0;display:flex}.abgUBa_recallLabel{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}.abgUBa_recallCounts{color:var(--dsw-alias-label-caption);flex:none}";
+		const css$14 = ".abgUBa_text{color:var(--dsw-alias-label-secondary);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.abgUBa_fields{border-top:.5px solid var(--dsw-alias-border-l2);flex-direction:column;gap:2px;margin:8px 0 0;padding-top:8px;display:flex}.abgUBa_field{gap:8px;min-width:0;display:flex}.abgUBa_fieldKey{min-width:96px;color:var(--dsw-alias-label-caption);flex:none}.abgUBa_fieldValue{min-width:0;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;flex:auto;margin:0}.abgUBa_files{flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;padding:0;list-style:none;display:flex}.abgUBa_file{align-items:baseline;gap:6px;min-width:0;display:flex}.abgUBa_filePath{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}.abgUBa_fileAction{color:var(--dsw-alias-label-caption)}.abgUBa_catalogNotice{color:var(--dsw-alias-label-caption);margin:0 0 6px}.abgUBa_entries{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.abgUBa_entry{gap:8px;min-width:0;display:flex}.abgUBa_entryName{color:var(--dsw-alias-label-secondary);flex:none}.abgUBa_entryDescription{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.abgUBa_sections{flex-direction:column;gap:8px;margin:0;display:flex}.abgUBa_section{flex-direction:column;gap:2px;min-width:0;display:flex}.abgUBa_sectionName{color:var(--dsw-alias-label-caption)}.abgUBa_sectionText{color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.abgUBa_relaySender{color:var(--dsw-alias-label-caption);overflow-wrap:anywhere;margin:0 0 6px}.abgUBa_recalls{flex-direction:column;gap:2px;margin:0 0 8px;padding:0;list-style:none;display:flex}.abgUBa_recall{gap:8px;min-width:0;display:flex}.abgUBa_recallLabel{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}.abgUBa_recallCounts{color:var(--dsw-alias-label-caption);flex:none}";
 		const tagId$14 = "@prettier-ai/dsh-client-ui-chat/ContextBody.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$14) + "]") === null) {
 			const tag = document.createElement("style");
@@ -947,7 +958,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/MessageIconActions.module.css.mjs
-		const css$12 = ".BmHDMW_actions{height:calc(28px + var(--dsh-content-font-delta,0px));align-items:center;gap:8px;display:flex}.BmHDMW_timeStart{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);white-space:nowrap;padding-right:12px}.BmHDMW_timeEnd{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);white-space:nowrap}@media (hover:hover){[data-actions-reveal=hover] .BmHDMW_actions{opacity:0;transition:opacity 80ms}[data-actions-reveal=hover]:hover .BmHDMW_actions,[data-actions-reveal=hover]:focus-within .BmHDMW_actions{opacity:1}}.BmHDMW_action{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.BmHDMW_action svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}.BmHDMW_action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.BmHDMW_action[data-unavailable]{cursor:default;opacity:.4}.BmHDMW_action[data-unavailable]:hover{color:var(--dsw-alias-label-tertiary);background:0 0}.BmHDMW_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
+		const css$12 = ".BmHDMW_actions{height:calc(28px + var(--dsh-content-font-delta,0px));align-items:center;gap:8px;display:flex}.BmHDMW_timeStart{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);white-space:nowrap;padding-right:12px}.BmHDMW_timeEnd{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);white-space:nowrap}@media (hover:hover){[data-actions-reveal=hover] .BmHDMW_actions,:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering]):has(~:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering])) .BmHDMW_actions{opacity:0;transition:opacity 80ms}[data-actions-reveal=hover]:hover .BmHDMW_actions,[data-actions-reveal=hover]:focus-within .BmHDMW_actions,:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering]):has(~:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering])):hover .BmHDMW_actions,:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering]):has(~:is([data-chat-flow-kind=user],[data-chat-flow-kind=steering])):focus-within .BmHDMW_actions{opacity:1}}.BmHDMW_action{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.BmHDMW_action svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}.BmHDMW_action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.BmHDMW_action[data-unavailable]{cursor:default;opacity:.4}.BmHDMW_action[data-unavailable]:hover{color:var(--dsw-alias-label-tertiary);background:0 0}.BmHDMW_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
 		const tagId$12 = "@prettier-ai/dsh-client-ui-chat/MessageIconActions.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$12) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1169,7 +1180,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** Right-aligned bubble shared by user and steering rows. */
-		function UserStyleBubble({ content, renderMessageImages, actions, pending = false, echo = false, referenceLabels = [], previewImages, reveal = "always", t }) {
+		function UserStyleBubble({ content, renderMessageImages, actions, pending = false, echo = false, referenceLabels = [], previewImages, t }) {
 			const { text, images: contentImages, rest } = contentParts(content);
 			const images = previewImages ?? contentImages;
 			const truncated = (total) => t("json.truncated", { total });
@@ -1178,7 +1189,6 @@ window.__ModuleLoader__.load({
 				className: MessageItem_module_css_default.userRow,
 				"data-pending-steering": pending || void 0,
 				"data-submission-echo": echo || void 0,
-				"data-actions-reveal": reveal,
 				children: [(0, react_jsx_runtime.jsxs)("div", {
 					className: MessageItem_module_css_default.userStack,
 					children: [
@@ -1256,20 +1266,12 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** User and admitted-steering keyed Chat renderer. */
-		const UserMessageNodeView = (0, react.memo)(function UserMessageNodeView({ node, renderMessageImages, useChat, t }) {
+		const UserMessageNodeView = (0, react.memo)(function UserMessageNodeView({ node, renderMessageImages, t }) {
 			const data = node.data;
-			const isLatestUserRow = useChat((snapshot) => {
-				for (let index = snapshot.order.length - 1; index >= 0; index -= 1) {
-					const candidate = snapshot.nodes.get(snapshot.order[index] ?? "");
-					if (candidate?.kind === "user" || candidate?.kind === "steering") return candidate.key === node.key;
-				}
-				return true;
-			});
 			return (0, react_jsx_runtime.jsx)(UserStyleBubble, {
 				content: data.content,
 				renderMessageImages,
 				...data.referenceLabels === void 0 ? {} : { referenceLabels: data.referenceLabels },
-				reveal: isLatestUserRow ? "always" : "hover",
 				t,
 				actions: (text) => (0, react_jsx_runtime.jsx)(MessageIconActions, {
 					text,
@@ -1341,49 +1343,13 @@ window.__ModuleLoader__.load({
 			"turn-tail"
 		]);
 		/**
-		* Identify one finalized answer generation without using its ordering anchor.
-		* @param spec - current Turn process specification.
-		* @returns stable identity until the finalized answer Step is withdrawn or replaced.
-		*/
-		function turnProcessGeneration(spec) {
-			return `${String(spec.turn)}|${spec.answerStep === null ? "" : String(spec.answerStep)}`;
-		}
-		/**
-		* Encode one process specification as a primitive Location-data value.
-		* @param spec - current Turn process specification.
-		* @returns reference-stable scalar for equal specifications.
-		*/
-		function encodeTurnProcess(spec) {
-			return [
-				spec.turn,
-				spec.controlAnchorSeq,
-				spec.processStartSeq,
-				spec.answerAnchorSeq ?? "",
-				spec.answerStep ?? "",
-				spec.inlineReasoning ? 1 : 0,
-				spec.messageCount,
-				spec.toolCallCount,
-				spec.subagentCount
-			].join("|");
-		}
-		/**
-		* Decode a same-process signature produced by {@link encodeTurnProcess}.
-		* @param signature - encoded Turn process value.
-		* @returns decoded process specification.
+		* Compare immutable Turn-process specifications by their published fields.
+		* @param left - previous specification.
+		* @param right - next specification.
+		* @returns whether both values describe the same process presentation.
 		*/
-		function decodeTurnProcess(signature) {
-			const [turn, controlAnchorSeq, processStartSeq, answerAnchorSeq, answerStep, inlineReasoning, messageCount, toolCallCount, subagentCount] = signature.split("|");
-			return {
-				turn: Number(turn),
-				controlAnchorSeq: Number(controlAnchorSeq),
-				processStartSeq: Number(processStartSeq),
-				answerAnchorSeq: answerAnchorSeq === "" ? null : Number(answerAnchorSeq),
-				answerStep: answerStep === "" ? null : Number(answerStep),
-				inlineReasoning: inlineReasoning === "1",
-				messageCount: Number(messageCount),
-				toolCallCount: Number(toolCallCount),
-				subagentCount: Number(subagentCount)
-			};
+		function sameTurnProcessSpec(left, right) {
+			return left.turn === right.turn && left.controlAnchorSeq === right.controlAnchorSeq && left.processStartSeq === right.processStartSeq && left.answerAnchorSeq === right.answerAnchorSeq && left.answerStep === right.answerStep && left.inlineReasoning === right.inlineReasoning && left.messageCount === right.messageCount && left.toolCallCount === right.toolCallCount && left.subagentCount === right.subagentCount;
 		}
 		/**
 		* Recognize the shipped subagent delegation name and its configured variants.
@@ -1398,7 +1364,7 @@ window.__ModuleLoader__.load({
 		//#region lib/types/client/stores.js
 		/** Per-Session Chat selection store shared by the transcript and details panel. */
 		/**
-		* Resolve any stored generation for one Turn.
+		* Resolve the manually expanded answer for one Turn.
 		* @param state - Chat store snapshot.
 		* @param turn - owning Turn.
 		* @returns the Turn's stored entry, when present.
@@ -1420,7 +1386,7 @@ window.__ModuleLoader__.load({
 					select: (draft, target) => {
 						draft.selection = target;
 					},
-					setTurnProcessOpen: (draft, turn, generation, open) => {
+					setTurnProcessOpen: (draft, turn, answerStep, open) => {
 						const index = draft.turnProcesses.findIndex((entry) => entry.turn === turn);
 						if (!open) {
 							if (index >= 0) draft.turnProcesses.splice(index, 1);
@@ -1428,7 +1394,7 @@ window.__ModuleLoader__.load({
 						}
 						const next = {
 							turn,
-							generation
+							answerStep
 						};
 						if (index < 0) draft.turnProcesses.push(next);
 						else draft.turnProcesses[index] = next;
@@ -1468,7 +1434,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/ChatView.module.css.mjs
-		const css$11 = ".fnEpAq_root{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.fnEpAq_scroll{min-height:0;padding:16px calc(var(--dsh-composer-side-clearance) + 16px);flex:auto;overflow-y:auto;container-type:inline-size}[data-conversation-scroll] .fnEpAq_root{flex:none;height:auto;min-height:auto}[data-conversation-scroll] .fnEpAq_scroll{flex:none;min-height:auto;overflow:visible}.fnEpAq_column{max-width:var(--dsh-chat-content-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.fnEpAq_column>:not([hidden]):not(.fnEpAq_flowItem:empty)~:not([hidden]):not(.fnEpAq_flowItem:empty){margin-top:var(--dsh-chat-flow-gap,16px)}.fnEpAq_flowItem{min-width:0}.fnEpAq_flowItem[data-turn-process-answer]{--dsh-chat-flow-gap:8px}.fnEpAq_flowItem:empty{display:none}.fnEpAq_callRow{border-radius:6px}.fnEpAq_turnStatus{height:calc(26px + var(--dsh-content-font-delta,0px));font:var(--dsw-font-s-strong-14);font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));white-space:nowrap;background:linear-gradient(90deg, var(--dsw-static-deepseek-500) 0%, var(--dsw-static-deepseek-500) 40%, var(--dsw-static-deepseek-200) 50%, var(--dsw-static-deepseek-500) 60%, var(--dsw-static-deepseek-500) 100%);color:#0000;-webkit-text-fill-color:transparent;background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;flex:none;align-self:flex-start;align-items:center;animation:1.8s linear infinite fnEpAq_dsh-turn-status-shimmer;display:inline-flex}.fnEpAq_turnStatusClock{font:var(--dsw-font-xs-13);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-caption);-webkit-text-fill-color:var(--dsw-alias-label-caption);margin-left:8px;font-weight:400}@keyframes fnEpAq_dsh-turn-status-shimmer{to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.fnEpAq_turnStatus{background-position:0 0;background-size:100% 100%;animation:none}}.fnEpAq_hint{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))}.fnEpAq_openError{color:var(--dsw-alias-state-error-primary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px))}.fnEpAq_older{justify-content:center;display:flex}.fnEpAq_older button{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover-solid);cursor:pointer;border:none;border-radius:14px;padding:4px 12px;font-size:12px}.fnEpAq_older button:disabled{cursor:default;opacity:.6}.fnEpAq_toBottomSlot{z-index:8;height:0;padding-right:max(0px, calc((100% - var(--dsh-chat-content-width)) / 2));pointer-events:none;justify-content:flex-end;display:flex;position:sticky;bottom:16px}[data-conversation-scroll] .fnEpAq_toBottomSlot{bottom:calc(var(--dsh-composer-height,152px) + 16px)}.fnEpAq_toBottom{border:1px solid var(--dsw-alias-border-l2);width:34px;height:34px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-button-floating-fill);box-shadow:var(--dsw-shadow-lv2);cursor:pointer;pointer-events:auto;border-radius:100px;justify-content:center;align-items:center;margin-top:-34px;padding:0;display:flex}.fnEpAq_toBottom:hover{background:var(--dsw-alias-button-floating-hover)}.fnEpAq_modalAction{min-width:72px}";
+		const css$11 = ".fnEpAq_root{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.fnEpAq_scroll{min-height:0;padding:16px calc(var(--dsh-composer-side-clearance) + 16px);flex:auto;overflow-y:auto;container-type:inline-size}[data-conversation-scroll] .fnEpAq_root{flex:none;height:auto;min-height:auto}[data-conversation-scroll] .fnEpAq_scroll{flex:none;min-height:auto;overflow:visible}.fnEpAq_column{max-width:var(--dsh-chat-content-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.fnEpAq_column>:not([hidden]):not(.fnEpAq_flowItem:empty)~:not([hidden]):not(.fnEpAq_flowItem:empty){margin-top:var(--dsh-chat-flow-gap,16px)}.fnEpAq_flowItem{min-width:0}.fnEpAq_flowItem[data-turn-process-answer]{--dsh-chat-flow-gap:8px}.fnEpAq_flowItem:empty{display:none}.fnEpAq_callRow{border-radius:6px}.fnEpAq_turnStatus{height:calc(26px + var(--dsh-content-font-delta,0px));font:var(--dsw-font-s-strong-14);font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));white-space:nowrap;background:linear-gradient(90deg, var(--dsw-static-deepseek-500) 0%, var(--dsw-static-deepseek-500) 40%, var(--dsw-static-deepseek-200) 50%, var(--dsw-static-deepseek-500) 60%, var(--dsw-static-deepseek-500) 100%);color:#0000;-webkit-text-fill-color:transparent;background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;flex:none;align-self:flex-start;align-items:center;animation:1.8s linear infinite fnEpAq_dsh-turn-status-shimmer;display:inline-flex}.fnEpAq_turnStatusClock{font:var(--dsw-font-xs-13);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-caption);-webkit-text-fill-color:var(--dsw-alias-label-caption);margin-left:8px;font-weight:400}@keyframes fnEpAq_dsh-turn-status-shimmer{to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.fnEpAq_turnStatus{background-position:0 0;background-size:100% 100%;animation:none}}.fnEpAq_hint{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))}.fnEpAq_openError{color:var(--dsw-alias-state-error-primary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px))}.fnEpAq_older{justify-content:center;display:flex}.fnEpAq_older button{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover-solid);cursor:pointer;border:none;border-radius:14px;padding:4px 12px;font-size:12px}.fnEpAq_older button:disabled{cursor:default;opacity:.6}.fnEpAq_toBottomSlot{z-index:8;height:0;padding-right:max(0px, calc((100% - var(--dsh-chat-content-width)) / 2));pointer-events:none;justify-content:flex-end;display:flex;position:sticky;bottom:16px}[data-conversation-scroll] .fnEpAq_toBottomSlot{bottom:calc(var(--dsh-composer-height,152px) + 16px)}.fnEpAq_toBottom{--dsw-elevation-stroke-color:var(--dsw-alias-border-l3);corner-shape:round;width:34px;height:34px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-button-floating-fill);box-shadow:var(--dsw-elevation-panel);cursor:pointer;pointer-events:auto;border:0;border-radius:100px;justify-content:center;align-items:center;margin-top:-34px;padding:0;display:flex}.fnEpAq_toBottom:hover{background:var(--dsw-alias-button-floating-hover)}.fnEpAq_modalAction{min-width:72px}";
 		const tagId$11 = "@prettier-ai/dsh-client-ui-chat/ChatView.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$11) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1495,85 +1461,44 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region lib/types/client/chat/ChatNodeSeat.js
-		const EMPTY_PROCESS_KEYS = [];
-		function turnProcessOpeningHumanAnchor(keys, nodes, spec) {
-			let anchor;
-			for (const key of keys) {
-				const node = nodes.get(key);
-				if ((node?.kind === "user" || node?.kind === "steering") && node.anchorSeq < spec.controlAnchorSeq) anchor = Math.min(anchor ?? node.anchorSeq, node.anchorSeq);
-			}
-			return anchor;
+		function turnDataOf(node) {
+			const location = node?.location;
+			return location?.kind === "turn" || location?.kind === "step" ? location.turn.data : void 0;
 		}
-		/** Derive disclosure facts from one content-revisioned Turn index. */
-		function turnProcessLayout(keys, nodes, spec) {
-			let hasExternalProcess = false;
-			let compactAnswer = true;
-			const openingHumanAnchor = turnProcessOpeningHumanAnchor(keys, nodes, spec);
-			for (const key of keys) {
-				const node = nodes.get(key);
-				if (node === void 0 || node.kind === "turn-process") continue;
-				if ((node.kind === "user" || node.kind === "steering") && (openingHumanAnchor === void 0 || node.anchorSeq > openingHumanAnchor) && (spec.answerAnchorSeq === null || node.anchorSeq < spec.answerAnchorSeq)) compactAnswer = false;
-				if (TURN_PROCESS_INDEPENDENT_KINDS.has(node.kind) || node.anchorSeq < spec.processStartSeq || spec.answerAnchorSeq !== null && node.anchorSeq >= spec.answerAnchorSeq) continue;
-				if (node.kind !== "assistant-step" || spec.answerStep === null || node.data.step !== spec.answerStep) hasExternalProcess = true;
-			}
-			return {
-				hasExternalProcess,
-				compactAnswer
-			};
+		function turnOf(node) {
+			const location = node?.location;
+			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, historyIncomplete, compactTranscript, selectedCallId, cwd, openFile, inspectCall, forkAt, renderMessageImages, fileMentions, useChat, useStore, actions, renderSlot, t }) {
-			const node = useChat((snapshot) => snapshot.nodes.get(nodeKey));
-			const processSignature = useChat((snapshot) => {
-				const location = snapshot.nodes.get(nodeKey)?.location;
-				return location?.kind === "turn" || location?.kind === "step" ? location.turn.data.get("turn-process") : void 0;
-			});
-			const processSpec = (0, react.useMemo)(() => processSignature === void 0 ? void 0 : decodeTurnProcess(processSignature), [processSignature]);
-			const nodeStore = useChat((snapshot) => snapshot.nodes);
-			const processLayoutKeys = useChat((snapshot) => {
-				if (!compactTranscript || historyIncomplete || processSpec === void 0) return EMPTY_PROCESS_KEYS;
-				const current = snapshot.nodes.get(nodeKey);
-				const location = current?.location;
-				if (current === void 0 || location?.kind !== "turn" && location?.kind !== "step" || location.turn.status !== "closed" || location.turn.turn !== processSpec.turn) return EMPTY_PROCESS_KEYS;
-				return current.kind === "turn-process" || current.kind === "assistant-step" && current.data.step === processSpec.answerStep ? snapshot.locations.getTurn(processSpec.turn) : EMPTY_PROCESS_KEYS;
-			});
-			const processLayout = (0, react.useMemo)(() => processSpec === void 0 || processLayoutKeys.length === 0 ? void 0 : turnProcessLayout(processLayoutKeys, nodeStore, processSpec), [
-				nodeStore,
-				processLayoutKeys,
-				processSpec
-			]);
-			const processGeneration = (0, react.useMemo)(() => processSpec === void 0 ? void 0 : turnProcessGeneration(processSpec), [processSpec]);
+		const ChatNodeSeat = (0, react.memo)(function ChatNodeSeat({ nodeKey, useChatNode, useChatNodeProcess, historyIncomplete, compactTranscript, selectedCallId, cwd, openFile, inspectCall, forkAt, renderMessageImages, fileMentions, useStore, actions, renderSlot, t }) {
+			const node = useChatNode(nodeKey);
+			const routedNode = node;
+			const turn = turnOf(routedNode);
+			const processPresentation = useChatNodeProcess(nodeKey);
+			const processSpec = processPresentation?.spec;
 			const storedEntry = useStore((state) => processSpec === void 0 ? void 0 : storedTurnProcessEntry(state, processSpec.turn));
-			const processOpen = (storedEntry?.generation === processGeneration ? storedEntry : void 0) !== void 0;
+			const processOpen = (processSpec !== void 0 && processSpec.answerStep !== null && storedEntry?.answerStep === processSpec.answerStep ? storedEntry : void 0) !== void 0;
 			const setOpen = (0, react.useCallback)((open) => {
-				if (processGeneration !== void 0 && processSpec !== void 0) actions.setTurnProcessOpen(processSpec.turn, processGeneration, open);
-			}, [
-				actions,
-				processGeneration,
-				processSpec
-			]);
-			const routedNode = node;
-			const sameTurn = routedNode !== void 0 && processSpec !== void 0 && (routedNode.location.kind === "turn" || routedNode.location.kind === "step") && routedNode.location.turn.turn === processSpec.turn;
-			const turnClosed = sameTurn && routedNode.location.turn.status === "closed";
-			const processWindowReady = processSpec !== void 0 && compactTranscript && processSpec.answerAnchorSeq !== null && turnClosed && !historyIncomplete;
-			const processMember = sameTurn && processWindowReady && !TURN_PROCESS_INDEPENDENT_KINDS.has(routedNode.kind) && routedNode.anchorSeq >= processSpec.processStartSeq && routedNode.anchorSeq < processSpec.answerAnchorSeq;
-			const processAnswer = sameTurn && processWindowReady && routedNode.kind === "assistant-step" && routedNode.data.step === processSpec.answerStep;
+				if (processSpec !== void 0 && processSpec.answerStep !== null) actions.setTurnProcessOpen(processSpec.turn, processSpec.answerStep, open);
+			}, [actions, processSpec]);
+			const processWindowReady = processSpec !== void 0 && processPresentation !== void 0 && compactTranscript && processSpec.answerAnchorSeq !== null && processPresentation.turn === processSpec.turn && processPresentation.turnClosed && !historyIncomplete;
+			const processMember = routedNode !== void 0 && processWindowReady && !TURN_PROCESS_INDEPENDENT_KINDS.has(routedNode.kind) && routedNode.anchorSeq >= processSpec.processStartSeq && routedNode.anchorSeq < processSpec.answerAnchorSeq;
+			const processAnswer = routedNode !== void 0 && processWindowReady && routedNode.kind === "assistant-step" && routedNode.data.step === processSpec.answerStep;
 			const ownsDisclosure = routedNode?.kind === "turn-process" || processAnswer;
-			const foldable = processWindowReady && (processMember || ownsDisclosure && ((processLayout?.hasExternalProcess ?? false) || processSpec.inlineReasoning));
-			const turnProcess = (0, react.useMemo)(() => processGeneration === void 0 || processSpec === void 0 ? void 0 : {
+			const foldable = processWindowReady && (processMember || ownsDisclosure && (processPresentation.hasExternalProcess || processSpec.inlineReasoning));
+			const turnProcess = (0, react.useMemo)(() => processSpec === void 0 ? void 0 : {
 				spec: processSpec,
 				foldable,
 				open: processOpen,
 				setOpen
 			}, [
 				foldable,
-				processGeneration,
 				processOpen,
 				processSpec,
 				setOpen
 			]);
 			const controllerInactive = routedNode?.kind === "turn-process" && !foldable;
-			const compactAnswer = processAnswer && foldable && processLayout?.compactAnswer === true && !processOpen;
+			const compactAnswer = processAnswer && foldable && processPresentation.compactAnswer && !processOpen;
 			const processHidden = controllerInactive || foldable && processMember && !processOpen;
 			const wrapperRef = useSearchableHidden(processHidden, (0, react.useCallback)(() => {
 				if (processMember) setOpen(true);
@@ -1599,8 +1524,7 @@ window.__ModuleLoader__.load({
 				turnProcess
 			]);
 			if (routedNode === void 0 || owner === null) return null;
-			const location = routedNode.location;
-			const turn = location.kind === "turn" || location.kind === "step" ? location.turn.turn : void 0;
+			const turnData = turnDataOf(routedNode);
 			const routedOwner = {
 				...owner,
 				node: routedNode
@@ -1617,7 +1541,7 @@ window.__ModuleLoader__.load({
 				"data-turn-process-answer": compactAnswer || void 0,
 				children: renderSlot("conversation.chat.node", routedOwner, {
 					entryKey: routedNode.kind,
-					hookContext: nodeKey,
+					hookContext: turnData,
 					fallback: (0, react_jsx_runtime.jsx)(_prettier_ai_dsh_client_ui_primitives.JsonBlock, {
 						label: t("message.unknownSurface", { type: routedNode.kind }),
 						payload: routedNode.data,
@@ -1628,7 +1552,7 @@ window.__ModuleLoader__.load({
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/TurnNavigator.module.css.mjs
-		const css$10 = ".alqd3G_slot{z-index:6;pointer-events:none;height:0;position:sticky;top:0}.alqd3G_frame{--turn-rail-band:calc(var(--dsh-conversation-viewport-height,100dvh) - var(--dsh-composer-height,152px));--turn-preview-height:100px;top:calc(var(--turn-rail-band) / 2);right:calc(12px - (var(--dsh-composer-side-clearance) + 16px));width:28px;height:min(var(--turn-natural-height), max(0px, calc(var(--turn-rail-band) - 64px)), 420px);cursor:pointer;pointer-events:auto;transition:height .22s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(-50%)}.alqd3G_scroller{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.alqd3G_scroller::-webkit-scrollbar{display:none}.alqd3G_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.alqd3G_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.alqd3G_fadeTop.alqd3G_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.alqd3G_marks{height:var(--turn-natural-height);position:relative}.alqd3G_markPosition{top:calc(var(--turn-natural-position) + var(--turn-rail-inset));height:10px;transition:top .22s cubic-bezier(.2,.8,.2,1);animation:.15s ease-out alqd3G_dsh-turn-mark-enter;position:absolute;left:0;right:0;transform:translateY(-50%)}.alqd3G_mark{cursor:pointer;pointer-events:none;background:0 0;border:0;border-radius:8px;width:20px;padding:0;position:absolute;inset:0 0 0 auto}.alqd3G_mark:before{background:var(--dsw-alias-border-l4);content:\"\";border-radius:2px;width:12px;height:2px;transition:width .14s,background-color .14s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.alqd3G_markUnloaded:before{opacity:.6;width:8px}.alqd3G_markPreview:before{background:var(--dsw-alias-label-tertiary);width:18px}.alqd3G_markBusy:before{animation:1s ease-in-out infinite alqd3G_dsh-turn-mark-busy}.alqd3G_markActive:before{background:var(--dsw-alias-label-primary);width:20px}.alqd3G_mark:focus-visible:before{background:var(--dsw-alias-state-business-primary);width:20px}.alqd3G_mark:focus-visible{outline:1px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.alqd3G_preview{top:clamp(0px, calc(var(--turn-natural-position) + var(--turn-rail-inset) - var(--turn-scroll-top,0px) - var(--turn-preview-height) / 2), calc(100% - var(--turn-preview-height)));box-sizing:border-box;width:min(300px,100cqw - 120px);max-height:var(--turn-preview-height);border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);box-shadow:var(--dsw-shadow-lv2);pointer-events:none;border-radius:10px;padding:10px 12px;transition:top .14s cubic-bezier(.2,.8,.2,1);animation:.12s ease-out alqd3G_dsh-turn-preview-enter;position:absolute;right:calc(100% + 10px);overflow:hidden}.alqd3G_previewPrompt,.alqd3G_previewResponse{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.alqd3G_previewPrompt{font:var(--dsw-font-xs-strong-13);-webkit-line-clamp:1}.alqd3G_previewResponse{color:var(--dsw-alias-label-caption);font:var(--dsw-font-xxs-12);-webkit-line-clamp:3;margin-top:4px}@keyframes alqd3G_dsh-turn-mark-enter{0%{opacity:0}to{opacity:1}}@keyframes alqd3G_dsh-turn-preview-enter{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes alqd3G_dsh-turn-mark-busy{0%,to{opacity:1}50%{opacity:.35}}@container (width<=900px){.alqd3G_slot{display:none}}@media (prefers-reduced-motion:reduce){.alqd3G_frame,.alqd3G_scroller,.alqd3G_markPosition,.alqd3G_mark:before,.alqd3G_markBusy:before,.alqd3G_preview{scroll-behavior:auto;transition:none;animation:none}}";
+		const css$10 = ".alqd3G_slot{z-index:7;pointer-events:none;height:0;position:sticky;top:0}.alqd3G_frame{--turn-rail-band:calc(var(--dsh-conversation-viewport-height,100dvh) - var(--dsh-composer-height,152px));--turn-preview-height:100px;top:calc(var(--turn-rail-band) / 2);right:calc(12px - (var(--dsh-composer-side-clearance) + 16px));width:28px;height:min(var(--turn-natural-height), max(0px, calc(var(--turn-rail-band) - 64px)), 420px);cursor:pointer;pointer-events:auto;transition:height .22s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(-50%)}.alqd3G_scroller{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.alqd3G_scroller::-webkit-scrollbar{display:none}.alqd3G_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.alqd3G_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.alqd3G_fadeTop.alqd3G_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.alqd3G_marks{height:var(--turn-natural-height);position:relative}.alqd3G_markPosition{top:calc(var(--turn-natural-position) + var(--turn-rail-inset));height:10px;transition:top .22s cubic-bezier(.2,.8,.2,1);animation:.15s ease-out alqd3G_dsh-turn-mark-enter;position:absolute;left:0;right:0;transform:translateY(-50%)}.alqd3G_mark{cursor:pointer;pointer-events:none;background:0 0;border:0;border-radius:8px;width:20px;padding:0;position:absolute;inset:0 0 0 auto}.alqd3G_mark:before{background:var(--dsw-alias-border-l4);content:\"\";border-radius:2px;width:12px;height:2px;transition:width .14s,background-color .14s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.alqd3G_markUnloaded:before{opacity:.6;width:8px}.alqd3G_markPreview:before{background:var(--dsw-alias-label-tertiary);width:18px}.alqd3G_markBusy:before{animation:1s ease-in-out infinite alqd3G_dsh-turn-mark-busy}.alqd3G_markActive:before{background:var(--dsw-alias-label-primary);width:20px}.alqd3G_mark:focus-visible:before{background:var(--dsw-alias-state-business-primary);width:20px}.alqd3G_mark:focus-visible{outline:1px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.alqd3G_preview{top:clamp(0px, calc(var(--turn-natural-position) + var(--turn-rail-inset) - var(--turn-scroll-top,0px) - var(--turn-preview-height) / 2), calc(100% - var(--turn-preview-height)));box-sizing:border-box;width:min(300px,100cqw - 120px);max-height:var(--turn-preview-height);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);box-shadow:var(--dsw-elevation-panel);pointer-events:none;border:0;border-radius:10px;padding:10px 12px;transition:top .14s cubic-bezier(.2,.8,.2,1);animation:.12s ease-out alqd3G_dsh-turn-preview-enter;position:absolute;right:calc(100% + 10px);overflow:hidden}.alqd3G_previewPrompt,.alqd3G_previewResponse{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.alqd3G_previewPrompt{font:var(--dsw-font-xs-strong-13);-webkit-line-clamp:1}.alqd3G_previewResponse{color:var(--dsw-alias-label-caption);font:var(--dsw-font-xxs-12);-webkit-line-clamp:3;margin-top:4px}@keyframes alqd3G_dsh-turn-mark-enter{0%{opacity:0}to{opacity:1}}@keyframes alqd3G_dsh-turn-preview-enter{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes alqd3G_dsh-turn-mark-busy{0%,to{opacity:1}50%{opacity:.35}}@container (width<=900px){.alqd3G_slot{display:none}}@media (prefers-reduced-motion:reduce){.alqd3G_frame,.alqd3G_scroller,.alqd3G_markPosition,.alqd3G_mark:before,.alqd3G_markBusy:before,.alqd3G_preview{scroll-behavior:auto;transition:none;animation:none}}";
 		const tagId$10 = "@prettier-ai/dsh-client-ui-chat/TurnNavigator.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$10) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1836,6 +1760,27 @@ window.__ModuleLoader__.load({
 		*/
 		const TurnNavigator = (0, react.memo)(TurnNavigatorRail);
 		//#endregion
+		//#region ../../util/brand/src/index.ts
+		/**
+		* Apply a compile-time number brand without changing the value.
+		* @param value - number admitted by the domain that owns the target brand.
+		* @returns the same number with the requested compile-time brand.
+		*/
+		function brandNumber(value) {
+			return value;
+		}
+		//#endregion
+		//#region ../../core/session/src/types.ts
+		/**
+		* Admit a numeric value as an existing Session event position.
+		* @param value - non-negative safe integer admitted by the owning log operation.
+		* @returns the same number with the Session-sequence brand.
+		*/
+		function SessionSeq(value) {
+			if (!Number.isSafeInteger(value) || value < 0 || Object.is(value, -0)) throw new TypeError(`SessionSeq must be a non-negative safe integer, got ${String(value)}`);
+			return brandNumber(value);
+		}
+		//#endregion
 		//#region lib/types/client/chat/turn-rail-items.js
 		/**
 		* View-layer union of the host turn outline and the loaded rail items. The
@@ -1856,10 +1801,10 @@ window.__ModuleLoader__.load({
 			if (typeof value !== "object" || value === null) return void 0;
 			const entry = value;
 			if (typeof entry.turn !== "number" || !Number.isSafeInteger(entry.turn) || entry.turn < 0) return void 0;
-			if (typeof entry.seq !== "number" || !Number.isSafeInteger(entry.seq) || entry.seq < 0) return void 0;
+			if (typeof entry.seq !== "number" || !Number.isSafeInteger(entry.seq) || entry.seq < 0 || Object.is(entry.seq, -0)) return void 0;
 			return {
 				turn: entry.turn,
-				seq: entry.seq,
+				seq: SessionSeq(entry.seq),
 				prompt: typeof entry.prompt === "string" ? entry.prompt : "",
 				response: typeof entry.response === "string" ? entry.response : ""
 			};
@@ -1910,6 +1855,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/chat/ChatView.js
+		const SCROLL_SAMPLE_INTERVAL_MS = 500;
 		/** Active column host when present; otherwise the view-local scroller. */
 		function scrollerOf(from) {
 			return from.closest("[data-conversation-scroll]") ?? from;
@@ -2042,11 +1988,17 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		const ChatNodeList = (0, react.memo)(function ChatNodeList({ order, ...seatProps }) {
+			return order.map((nodeKey) => (0, react_jsx_runtime.jsx)(ChatNodeSeat, {
+				nodeKey,
+				...seatProps
+			}, nodeKey));
+		});
 		/**
 		* The chat view slot entry: pure component over the composed props; each
 		* ordered business Node crosses the keyed renderer seat.
 		*/
-		function ChatView({ useSession, useChat, useSessions, useStore, actions, renderSlot, sessionId, openFile, loadOlder, loadThrough, loadImage, openView, chatScroll, forkAt, fileMentions, useTranscriptView, useProjection, t }) {
+		function ChatView({ useSession, useChat, useChatNode, useChatNodeProcess, useSessions, useStore, actions, renderSlot, sessionId, openFile, loadOlder, loadThrough, loadImage, openView, chatScroll, forkAt, fileMentions, useTranscriptView, useProjection, t }) {
 			const order = useChat((s) => s.order);
 			const nodeStore = useChat((s) => s.nodes);
 			const turnNavigationItems = useChat((s) => s.navigation.items());
@@ -2110,6 +2062,8 @@ window.__ModuleLoader__.load({
 			const columnRef = (0, react.useRef)(null);
 			const [atBottom, setAtBottom] = (0, react.useState)(() => chatScroll.read() === null);
 			const atBottomRef = (0, react.useRef)(atBottom);
+			const scrollSamplePendingRef = (0, react.useRef)(false);
+			const [, setScrollSampleTick] = (0, react.useState)(0);
 			const [activeTurn, setActiveTurn] = (0, react.useState)(() => turnNavigationItems.at(-1)?.turn ?? null);
 			/** Last position delivered or written on the main thread. */
 			const observedTopRef = (0, react.useRef)(0);
@@ -2142,6 +2096,7 @@ window.__ModuleLoader__.load({
 			const lastSubmissionId = visibleSubmissions[visibleSubmissions.length - 1]?.requestId ?? null;
 			const followSig = `${openState}:${firstSeq}:${lastKey}:${order.length}:${running ? 1 : 0}:${lastSteeringId ?? ""}:${lastSubmissionId ?? ""}`;
 			const syncActiveTurn = (0, react.useCallback)(() => {
+				if (scrollSamplePendingRef.current) return;
 				const local = listRef.current;
 				const first = turnNavigationItems[0];
 				if (local === null || first === void 0) {
@@ -2238,6 +2193,7 @@ window.__ModuleLoader__.load({
 				return true;
 			};
 			(0, react.useLayoutEffect)(() => {
+				if (scrollSamplePendingRef.current) return;
 				const local = listRef.current;
 				/* v8 ignore next -- ref-null guard: React attaches the ref before layout effects run. */
 				if (local === null) return;
@@ -2329,16 +2285,31 @@ window.__ModuleLoader__.load({
 				/* v8 ignore next -- ref-null guard: effect runs after the list node commits. */
 				if (local === null) return;
 				const el = scrollerOf(local);
-				const onScroll = () => {
+				let sampleTimer;
+				const sample = () => {
+					if (!scrollSamplePendingRef.current) return;
+					scrollSamplePendingRef.current = false;
+					if (sampleTimer !== void 0) window.clearTimeout(sampleTimer);
+					sampleTimer = void 0;
 					onScrollRef.current();
+					setScrollSampleTick((tick) => tick + 1);
+				};
+				const onScroll = () => {
+					scrollSamplePendingRef.current = true;
+					sampleTimer ??= window.setTimeout(sample, SCROLL_SAMPLE_INTERVAL_MS);
 				};
 				el.addEventListener("scroll", onScroll, { passive: true });
+				el.addEventListener("scrollend", sample, { passive: true });
 				return () => {
 					el.removeEventListener("scroll", onScroll);
+					el.removeEventListener("scrollend", sample);
+					if (sampleTimer !== void 0) window.clearTimeout(sampleTimer);
+					scrollSamplePendingRef.current = false;
 				};
 			}, []);
 			const followRef = (0, react.useRef)(null);
 			followRef.current = () => {
+				if (scrollSamplePendingRef.current) return;
 				const local = listRef.current;
 				if (local !== null && atBottomRef.current) {
 					const el = scrollerOf(local);
@@ -2484,11 +2455,12 @@ window.__ModuleLoader__.load({
 										children: loadingOlder ? t("loading") : t("chat.loadOlder")
 									})
 								}),
-								order.map((nodeKey) => (0, react_jsx_runtime.jsx)(ChatNodeSeat, {
-									nodeKey,
+								(0, react_jsx_runtime.jsx)(ChatNodeList, {
+									order,
+									useChatNode,
+									useChatNodeProcess,
 									historyIncomplete: hasMore,
 									compactTranscript,
-									useChat,
 									useStore,
 									actions,
 									selectedCallId,
@@ -2500,7 +2472,7 @@ window.__ModuleLoader__.load({
 									fileMentions,
 									renderSlot,
 									t
-								}, nodeKey)),
+								}),
 								running && (0, react_jsx_runtime.jsx)(TurnStatus, {
 									startTime: runningTurnStart,
 									t
@@ -2798,40 +2770,6 @@ window.__ModuleLoader__.load({
 			"clock.ymd": "{y}-{m}-{d}"
 		};
 		//#endregion
-		//#region lib/types/client/chat/use-throttled-visual-update.js
-		/** Frame-throttled scheduling for non-essential visual alignment. */
-		const DEFAULT_INTERVAL_FRAMES = 3;
-		/**
-		* Return a stable scheduler that coalesces visual updates over a frame interval.
-		* @param update - DOM alignment to run after the throttle interval.
-		* @param intervalFrames - frames to wait before applying the latest alignment.
-		* @returns a stable function that schedules the latest update.
-		*/
-		function useThrottledVisualUpdate(update, intervalFrames = DEFAULT_INTERVAL_FRAMES) {
-			const updateRef = (0, react.useRef)(update);
-			updateRef.current = update;
-			const pendingFrameRef = (0, react.useRef)(null);
-			(0, react.useLayoutEffect)(() => () => {
-				if (pendingFrameRef.current === null) return;
-				cancelAnimationFrame(pendingFrameRef.current);
-				pendingFrameRef.current = null;
-			}, []);
-			return (0, react.useCallback)(() => {
-				if (pendingFrameRef.current !== null) return;
-				let remainingFrames = intervalFrames;
-				const advance = () => {
-					remainingFrames -= 1;
-					if (remainingFrames > 0) {
-						pendingFrameRef.current = requestAnimationFrame(advance);
-						return;
-					}
-					pendingFrameRef.current = null;
-					updateRef.current();
-				};
-				pendingFrameRef.current = requestAnimationFrame(advance);
-			}, [intervalFrames]);
-		}
-		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/accessibility.module.css.mjs
 		const css$9 = ".nrZFeq_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
 		const tagId$9 = "@prettier-ai/dsh-client-ui-chat/accessibility.module.css";
@@ -2845,7 +2783,7 @@ window.__ModuleLoader__.load({
 		var accessibility_module_css_default = { "visuallyHidden": "nrZFeq_visuallyHidden" };
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/ReasoningRow.module.css.mjs
-		const css$8 = ".xhC5dq_root{flex-direction:column;display:flex}.xhC5dq_row{position:relative;overflow:hidden}.xhC5dq_root[data-state=running] .xhC5dq_row:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite xhC5dq_dsh-reasoning-row-sweep;position:absolute;left:0}@keyframes xhC5dq_dsh-reasoning-row-sweep{0%{left:-300px}90%,to{left:100%}}.xhC5dq_leading{flex-shrink:0}.xhC5dq_chevron{color:var(--dsw-alias-label-secondary)}.xhC5dq_title{font-weight:400}.xhC5dq_separator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.xhC5dq_summary{min-width:0;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));text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.xhC5dq_summary[data-follow-end]{text-overflow:clip}.xhC5dq_thinkBody{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(20px + var(--dsh-content-font-delta-secondary,0px));white-space:pre-wrap;word-break:break-word}@media (prefers-reduced-motion:reduce){.xhC5dq_root[data-state=running] .xhC5dq_row:after{animation:none}}";
+		const css$8 = ".xhC5dq_root{flex-direction:column;display:flex}.xhC5dq_root:not([data-expanded]){contain:size layout;height:calc(24px + var(--dsh-content-font-delta,0px))}.xhC5dq_row{position:relative;overflow:hidden}.xhC5dq_root[data-state=running] .xhC5dq_row:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite xhC5dq_dsh-reasoning-row-sweep;position:absolute;left:0}@keyframes xhC5dq_dsh-reasoning-row-sweep{0%{left:-300px}90%,to{left:100%}}.xhC5dq_leading{flex-shrink:0}.xhC5dq_chevron{color:var(--dsw-alias-label-secondary)}.xhC5dq_title{font-weight:400}.xhC5dq_separator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.xhC5dq_summary{min-width:0;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));white-space:nowrap;flex:auto;overflow:hidden}.xhC5dq_summaryText{text-overflow:ellipsis;display:block;overflow:hidden}.xhC5dq_summary[data-follow-end]{justify-content:flex-end;display:flex}.xhC5dq_summary[data-follow-end] .xhC5dq_summaryText{text-align:start;text-overflow:clip;flex:none;width:max-content;min-width:100%;overflow:visible}.xhC5dq_thinkBody{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(20px + var(--dsh-content-font-delta-secondary,0px));white-space:pre-wrap;word-break:break-word}@media (prefers-reduced-motion:reduce){.xhC5dq_root[data-state=running] .xhC5dq_row:after{animation:none}}";
 		const tagId$8 = "@prettier-ai/dsh-client-ui-chat/ReasoningRow.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2862,6 +2800,7 @@ window.__ModuleLoader__.load({
 			"row": "xhC5dq_row",
 			"separator": "xhC5dq_separator",
 			"summary": "xhC5dq_summary",
+			"summaryText": "xhC5dq_summaryText",
 			"thinkBody": "xhC5dq_thinkBody",
 			"title": "xhC5dq_title"
 		};
@@ -2886,24 +2825,12 @@ window.__ModuleLoader__.load({
 		*/
 		function ReasoningRow({ text, running, t }) {
 			const [expanded, setExpanded] = (0, react.useState)(false);
-			const summaryRef = (0, react.useRef)(null);
 			const summary = running ? latestLine(text) : firstLine(text);
-			const scheduleSummaryScroll = useThrottledVisualUpdate(() => {
-				const element = summaryRef.current;
-				if (element === null) return;
-				element.scrollLeft = running ? element.scrollWidth - element.clientWidth : 0;
-			});
-			(0, react.useEffect)(() => {
-				scheduleSummaryScroll();
-			}, [
-				running,
-				scheduleSummaryScroll,
-				summary
-			]);
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: ReasoningRow_module_css_default.root,
 				"data-variant": "think",
 				"data-state": running ? "running" : "ok",
+				"data-expanded": expanded || void 0,
 				children: [running && (0, react_jsx_runtime.jsx)("span", {
 					className: accessibility_module_css_default.visuallyHidden,
 					children: t("row.running")
@@ -2924,10 +2851,12 @@ window.__ModuleLoader__.load({
 						className: ReasoningRow_module_css_default.separator,
 						"aria-hidden": true
 					}), (0, react_jsx_runtime.jsx)("span", {
-						ref: summaryRef,
 						className: ReasoningRow_module_css_default.summary,
 						"data-follow-end": running || void 0,
-						children: summary
+						children: (0, react_jsx_runtime.jsx)("span", {
+							className: ReasoningRow_module_css_default.summaryText,
+							children: summary
+						})
 					})] }),
 					children: (0, react_jsx_runtime.jsx)("div", {
 						className: ReasoningRow_module_css_default.thinkBody,
@@ -3066,7 +2995,7 @@ window.__ModuleLoader__.load({
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/GenericCommandCard.module.css.mjs
-		const css$6 = "._0R17eG_root{flex-direction:column;display:flex}._0R17eG_row{position:relative;overflow:hidden}._0R17eG_root[data-state=running] ._0R17eG_row:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite _0R17eG_dsh-command-row-sweep;position:absolute;left:0}@keyframes _0R17eG_dsh-command-row-sweep{0%{left:-300px}90%,to{left:100%}}._0R17eG_leading{flex-shrink:0}._0R17eG_chevron{color:var(--dsw-alias-label-secondary)}._0R17eG_title{font-weight:400}._0R17eG_separator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}._0R17eG_summary{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}._0R17eG_summary[data-error],._0R17eG_body[data-error]{color:var(--dsw-alias-state-error-primary)}._0R17eG_body{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-markdown-code-block);max-height:260px;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap;border-radius:12px;margin:4px 0 4px 4px;padding:12px 16px;overflow:auto}@media (prefers-reduced-motion:reduce){._0R17eG_root[data-state=running] ._0R17eG_row:after{animation:none}}";
+		const css$6 = "._0R17eG_root{flex-direction:column;display:flex}._0R17eG_row{position:relative;overflow:hidden}._0R17eG_root[data-state=running] ._0R17eG_row:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite _0R17eG_dsh-command-row-sweep;position:absolute;left:0}@keyframes _0R17eG_dsh-command-row-sweep{0%{left:-300px}90%,to{left:100%}}._0R17eG_leading{flex-shrink:0}._0R17eG_chevron{color:var(--dsw-alias-label-secondary)}._0R17eG_title{font-weight:400}._0R17eG_separator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}._0R17eG_summary{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}._0R17eG_summary[data-error],._0R17eG_body[data-error]{color:var(--dsw-alias-state-error-primary)}._0R17eG_body{border:.5px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-markdown-code-block);max-height:260px;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap;border-radius:12px;margin:4px 0 4px 4px;padding:12px 16px;overflow:auto}@media (prefers-reduced-motion:reduce){._0R17eG_root[data-state=running] ._0R17eG_row:after{animation:none}}";
 		const tagId$6 = "@prettier-ai/dsh-client-ui-chat/GenericCommandCard.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
 			const tag = document.createElement("style");
@@ -3242,7 +3171,7 @@ window.__ModuleLoader__.load({
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/TurnProcessNodeView.module.css.mjs
-		const css$5 = ".SfQmhG_root{box-sizing:border-box;border:none;border-bottom:1px solid var(--dsw-alias-border-l2);width:100%;min-width:0;height:33px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:left;background:0 0;align-items:center;padding:0 0 8px;display:flex}.SfQmhG_root:not([data-open]){margin-bottom:8px}.SfQmhG_chevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;margin-left:6px;transition:transform .1s;transform:rotate(-90deg)}.SfQmhG_root[data-open] .SfQmhG_chevron{transform:rotate(0)}.SfQmhG_label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:24px;overflow:hidden}@media (prefers-reduced-motion:reduce){.SfQmhG_chevron{transition:none}}";
+		const css$5 = ".SfQmhG_root{box-sizing:border-box;border:none;border-bottom:.5px solid var(--dsw-alias-border-l2);width:100%;min-width:0;height:33px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:left;background:0 0;align-items:center;padding:0 0 8px;display:flex}.SfQmhG_root:not([data-open]){margin-bottom:8px}.SfQmhG_chevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;margin-left:6px;transition:transform .1s;transform:rotate(-90deg)}.SfQmhG_root[data-open] .SfQmhG_chevron{transform:rotate(0)}.SfQmhG_label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:24px;overflow:hidden}@media (prefers-reduced-motion:reduce){.SfQmhG_chevron{transition:none}}";
 		const tagId$5 = "@prettier-ai/dsh-client-ui-chat/TurnProcessNodeView.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
 			const tag = document.createElement("style");
@@ -3370,7 +3299,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/chat/TurnUsagePanel.module.css.mjs
-		const css$4 = ".ZVOUHW_root{min-width:0;display:inline-flex}.ZVOUHW_root+.ZVOUHW_root{margin-left:-6px}.ZVOUHW_trigger{min-width:0;height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);font-variant-numeric:tabular-nums;line-height:calc(24px + var(--dsh-content-font-delta,0px));white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:28px;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.ZVOUHW_label{text-overflow:ellipsis;min-width:0;overflow:hidden}.ZVOUHW_trigger svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px));flex:none}.ZVOUHW_trigger:hover,.ZVOUHW_trigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}@media (width<=480px){.ZVOUHW_trigger{width:calc(28px + var(--dsh-content-font-delta,0px));justify-content:center;padding:6px}.ZVOUHW_trigger .ZVOUHW_label{display:none}.ZVOUHW_root+.ZVOUHW_root{margin-left:0}}.ZVOUHW_panel{z-index:1100;box-sizing:border-box;border:1px solid var(--dsw-alias-border-inverted);background:var(--dsw-specific-menu);width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-secondary);cursor:default;border-radius:12px;padding:16px;font-size:12px;line-height:18px;position:fixed}.ZVOUHW_title{color:var(--dsw-alias-label-primary);justify-content:space-between;gap:16px;margin-bottom:8px;font-weight:500;display:flex}.ZVOUHW_titleRule{border-top:1px solid var(--dsw-alias-border-l2);margin-bottom:10px}.ZVOUHW_titleValue{font-variant-numeric:tabular-nums}.ZVOUHW_titleLabel{align-items:center;gap:6px;min-width:0;display:inline-flex}.ZVOUHW_titleLabel svg{flex:none;width:14px;height:14px}.ZVOUHW_details{color:var(--dsw-alias-label-tertiary);grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0;display:grid}.ZVOUHW_details dt,.ZVOUHW_details dd{min-width:0;margin:0}.ZVOUHW_details dd{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-align:right}.ZVOUHW_details .ZVOUHW_route{overflow-wrap:anywhere}.ZVOUHW_reasoning{color:var(--dsw-alias-label-tertiary);white-space:nowrap}";
+		const css$4 = ".ZVOUHW_root{min-width:0;display:inline-flex}.ZVOUHW_root+.ZVOUHW_root{margin-left:-6px}.ZVOUHW_trigger{min-width:0;height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);font-variant-numeric:tabular-nums;line-height:calc(24px + var(--dsh-content-font-delta,0px));white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:28px;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.ZVOUHW_label{text-overflow:ellipsis;min-width:0;overflow:hidden}.ZVOUHW_trigger svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px));flex:none}.ZVOUHW_trigger:hover,.ZVOUHW_trigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}@media (width<=480px){.ZVOUHW_trigger{width:calc(28px + var(--dsh-content-font-delta,0px));justify-content:center;padding:6px}.ZVOUHW_trigger .ZVOUHW_label{display:none}.ZVOUHW_root+.ZVOUHW_root{margin-left:0}}.ZVOUHW_panel{z-index:1100;box-sizing:border-box;background:var(--dsw-specific-menu);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;border-radius:12px;padding:16px;font-size:12px;line-height:18px;position:fixed}.ZVOUHW_title{color:var(--dsw-alias-label-primary);justify-content:space-between;gap:16px;margin-bottom:8px;font-weight:500;display:flex}.ZVOUHW_titleRule{border-top:.5px solid var(--dsw-alias-border-l2);margin-bottom:10px}.ZVOUHW_titleValue{font-variant-numeric:tabular-nums}.ZVOUHW_titleLabel{align-items:center;gap:6px;min-width:0;display:inline-flex}.ZVOUHW_titleLabel svg{flex:none;width:14px;height:14px}.ZVOUHW_details{color:var(--dsw-alias-label-tertiary);grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0;display:grid}.ZVOUHW_details dt,.ZVOUHW_details dd{min-width:0;margin:0}.ZVOUHW_details dd{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-align:right}.ZVOUHW_details .ZVOUHW_route{overflow-wrap:anywhere}.ZVOUHW_reasoning{color:var(--dsw-alias-label-tertiary);white-space:nowrap}";
 		const tagId$4 = "@prettier-ai/dsh-client-ui-chat/TurnUsagePanel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
 			const tag = document.createElement("style");
@@ -3901,6 +3830,42 @@ window.__ModuleLoader__.load({
 		function billedInputTokens(usage) {
 			return usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
 		}
+		/** Render and measure one non-empty statistics line. */
+		const StatsLineContent = (0, react.memo)(function StatsLineContent({ groups, line }) {
+			const rootRef = (0, react.useRef)(null);
+			const [truncated, setTruncated] = (0, react.useState)(false);
+			const measure = (0, react.useCallback)(() => {
+				const el = rootRef.current;
+				if (el === null) return;
+				const next = el.scrollWidth > el.clientWidth;
+				setTruncated((current) => current === next ? current : next);
+			}, []);
+			(0, react.useLayoutEffect)(() => {
+				const el = rootRef.current;
+				if (el === null || typeof ResizeObserver === "undefined") return;
+				const observer = new ResizeObserver(measure);
+				observer.observe(el);
+				return () => {
+					observer.disconnect();
+				};
+			}, [measure]);
+			(0, react.useLayoutEffect)(measure, [line, measure]);
+			return (0, react_jsx_runtime.jsx)(_prettier_ai_dsh_client_ui_primitives.Tooltip, {
+				label: line,
+				side: "top",
+				delayMs: 500,
+				disabled: !truncated,
+				children: (0, react_jsx_runtime.jsx)("div", {
+					ref: rootRef,
+					className: StatsLine_module_css_default.root,
+					children: groups.map((group, i) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [i > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
+						className: StatsLine_module_css_default.sep,
+						"aria-hidden": true,
+						children: "|"
+					}), " "] }), (0, react_jsx_runtime.jsx)("span", { children: group })] }, group))
+				})
+			});
+		});
 		const StatsLine = (0, react.memo)(function StatsLine({ useChat, useProjection, t }) {
 			const settledNodes = useChat((s) => s.legacy.nodes);
 			const usage = useProjection("tokenUsage");
@@ -3930,37 +3895,10 @@ window.__ModuleLoader__.load({
 				}));
 			}
 			const line = groups.join(" | ");
-			const rootRef = (0, react.useRef)(null);
-			const [truncated, setTruncated] = (0, react.useState)(false);
-			(0, react.useLayoutEffect)(() => {
-				const el = rootRef.current;
-				if (el === null) return;
-				const measure = () => {
-					setTruncated(el.scrollWidth > el.clientWidth);
-				};
-				measure();
-				if (typeof ResizeObserver === "undefined") return;
-				const observer = new ResizeObserver(measure);
-				observer.observe(el);
-				return () => {
-					observer.disconnect();
-				};
-			}, [line]);
 			if (groups.length === 0) return null;
-			return (0, react_jsx_runtime.jsx)(_prettier_ai_dsh_client_ui_primitives.Tooltip, {
-				label: line,
-				side: "top",
-				delayMs: 500,
-				disabled: !truncated,
-				children: (0, react_jsx_runtime.jsx)("div", {
-					ref: rootRef,
-					className: StatsLine_module_css_default.root,
-					children: groups.map((group, i) => (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [i > 0 && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
-						className: StatsLine_module_css_default.sep,
-						"aria-hidden": true,
-						children: "|"
-					}), " "] }), (0, react_jsx_runtime.jsx)("span", { children: group })] }, group))
-				})
+			return (0, react_jsx_runtime.jsx)(StatsLineContent, {
+				groups,
+				line
 			});
 		});
 		//#endregion
@@ -4518,6 +4456,10 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		function publishedAssistantData(context) {
+			const location = context.start?.location ?? context.matches.at(-1)?.location;
+			return location?.kind === "step" ? location.step.data.get("assistant-step") : void 0;
+		}
 		/** Per-step Assistant streaming/final/interruption Definition. */
 		const assistantDefinition = {
 			kind: "assistant-step",
@@ -4582,15 +4524,17 @@ window.__ModuleLoader__.load({
 				};
 			},
 			buildViewNode: (context) => {
-				const projected = projectAssistant(context);
-				if (projected === void 0) return null;
-				if (projected.settled === void 0 && !projected.visible) {
-					const state = context.state ?? fallbackState$5(context);
-					if (state === void 0) return null;
+				const state = context.state ?? fallbackState$5(context);
+				if (state === void 0) return null;
+				const data = publishedAssistantData(context);
+				if (data === void 0) return null;
+				const settled = data.finalNode;
+				const visible = settled === void 0 ? state.visibleBlocks > 0 : hasVisibleContent(data.blocks);
+				if (settled === void 0 && !visible) {
 					const current = context.current.get("chat");
 					if (!state.hidden || current === void 0 || current === null) return null;
 				}
-				return chatNode(context, "assistant-step", projected.anchorSeq, projected.data, { visibility: projected.settled?.interrupted === true || projected.visible ? "visible" : "hidden" });
+				return chatNode(context, "assistant-step", settled?.seq ?? state.firstVisibleSeq ?? context.matches[0]?.event.seq ?? 0, data, { visibility: settled?.interrupted === true || visible ? "visible" : "hidden" });
 			}
 		};
 		/**
@@ -4689,6 +4633,92 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region lib/types/client/conversation-nodes/turn-process-presentation.js
+		function nodeTurn(node) {
+			const location = node?.location;
+			return location?.kind === "turn" || location?.kind === "step" ? location.turn.turn : void 0;
+		}
+		function samePresentation(left, right) {
+			return left === right || left !== void 0 && right !== void 0 && left.spec === right.spec && left.turn === right.turn && left.turnClosed === right.turnClosed && left.hasExternalProcess === right.hasExternalProcess && left.compactAnswer === right.compactAnswer;
+		}
+		function derivePresentation(turn, locations, nodes) {
+			const keys = locations.getTurn(turn);
+			const control = keys.map((key) => nodes.get(key)).find((node) => node?.kind === "turn-process");
+			if (control === void 0) return void 0;
+			const spec = control.data;
+			const location = control.location;
+			if (location.kind !== "turn" && location.kind !== "step") return void 0;
+			let openingHumanAnchor;
+			for (const key of keys) {
+				const node = nodes.get(key);
+				if ((node?.kind === "user" || node?.kind === "steering") && node.anchorSeq < spec.controlAnchorSeq) openingHumanAnchor = Math.min(openingHumanAnchor ?? node.anchorSeq, node.anchorSeq);
+			}
+			let hasExternalProcess = false;
+			let compactAnswer = true;
+			for (const key of keys) {
+				const node = nodes.get(key);
+				if (node === void 0 || node.kind === "turn-process") continue;
+				if ((node.kind === "user" || node.kind === "steering") && (openingHumanAnchor === void 0 || node.anchorSeq > openingHumanAnchor) && (spec.answerAnchorSeq === null || node.anchorSeq < spec.answerAnchorSeq)) compactAnswer = false;
+				if (TURN_PROCESS_INDEPENDENT_KINDS.has(node.kind) || node.anchorSeq < spec.processStartSeq || spec.answerAnchorSeq !== null && node.anchorSeq >= spec.answerAnchorSeq) continue;
+				if (node.kind !== "assistant-step" || spec.answerStep === null || node.data.step !== spec.answerStep) hasExternalProcess = true;
+			}
+			return {
+				turn,
+				spec,
+				turnClosed: location.turn.status === "closed",
+				hasExternalProcess,
+				compactAnswer
+			};
+		}
+		/** Mutable projection of cross-Node process layout facts by Turn. */
+		var ChatTurnProcessProjector = class {
+			presentations = /* @__PURE__ */ new Map();
+			/**
+			* Read the retained process presentation for a Node's Turn.
+			* @param node - Current Chat Node.
+			* @returns The Turn's process presentation, when present.
+			*/
+			get(node) {
+				const turn = nodeTurn(node);
+				return turn === void 0 ? void 0 : this.presentations.get(turn);
+			}
+			/**
+			* Replace every projected Turn.
+			* @param order - visible Chat Node order.
+			* @param locations - current Chat Location index.
+			* @param nodes - current Chat Node store.
+			* @returns Turns whose process presentation changed.
+			*/
+			replace(order, locations, nodes) {
+				const turns = /* @__PURE__ */ new Set();
+				for (const key of order) {
+					const turn = nodeTurn(nodes.get(key));
+					if (turn !== void 0) turns.add(turn);
+				}
+				const changed = /* @__PURE__ */ new Set();
+				for (const turn of new Set([...this.presentations.keys(), ...turns])) if (this.set(turn, turns.has(turn) ? derivePresentation(turn, locations, nodes) : void 0)) changed.add(turn);
+				return changed;
+			}
+			/**
+			* Recompute selected Turns after incremental Node changes.
+			* @param turns - affected Turn numbers.
+			* @param locations - current Chat Location index.
+			* @param nodes - current Chat Node store.
+			* @returns Turns whose process presentation changed.
+			*/
+			update(turns, locations, nodes) {
+				const changed = /* @__PURE__ */ new Set();
+				for (const turn of turns) if (this.set(turn, derivePresentation(turn, locations, nodes))) changed.add(turn);
+				return changed;
+			}
+			set(turn, next) {
+				if (samePresentation(this.presentations.get(turn), next)) return false;
+				if (next === void 0) this.presentations.delete(turn);
+				else this.presentations.set(turn, next);
+				return true;
+			}
+		};
+		//#endregion
 		//#region lib/types/client/conversation-nodes/chat-snapshot-builder.js
 		const EMPTY_KEYS = [];
 		const EMPTY_TURNS = [];
@@ -4697,13 +4727,59 @@ window.__ModuleLoader__.load({
 		function sameReferences$1(left, right) {
 			return left.length === right.length && left.every((value, index) => value === right[index]);
 		}
+		function cachedSource(sources, key, create) {
+			let source = sources.get(key);
+			if (source === void 0) {
+				source = create();
+				sources.set(key, source);
+			}
+			return source;
+		}
+		var MutableChatSource = class {
+			read;
+			label;
+			listeners = /* @__PURE__ */ new Set();
+			published;
+			constructor(read, label) {
+				this.read = read;
+				this.label = label;
+				this.published = read();
+			}
+			getSnapshot = () => this.read();
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			};
+			publish() {
+				const next = this.getSnapshot();
+				if (this.published === next) return;
+				this.published = next;
+				(0, _prettier_ai_dsh_client_store.notifySubscribers)(this.listeners, this.label);
+			}
+		};
 		var MutableChatNodeStore = class {
 			byKey = /* @__PURE__ */ new Map();
+			turnProcesses = new ChatTurnProcessProjector();
+			sources = /* @__PURE__ */ new Map();
+			processSources = /* @__PURE__ */ new Map();
+			dirtyKeys = /* @__PURE__ */ new Set();
+			dirtyProcessKeys = /* @__PURE__ */ new Set();
 			valuesCache = EMPTY_LIST;
 			valuesDirty = false;
 			get(key) {
 				return this.byKey.get(key);
 			}
+			source(key) {
+				return cachedSource(this.sources, key, () => new MutableChatSource(() => this.get(key), `[ui-chat] node source ${key}`));
+			}
+			processSource(key) {
+				return cachedSource(this.processSources, key, () => new MutableChatSource(() => this.process(key), `[ui-chat] node process source ${key}`));
+			}
+			process(key) {
+				return this.turnProcesses.get(this.get(key));
+			}
 			values() {
 				if (this.valuesDirty) {
 					this.valuesCache = [...this.byKey.values()];
@@ -4712,8 +4788,20 @@ window.__ModuleLoader__.load({
 				return this.valuesCache;
 			}
 			replace(nodes) {
+				const previous = new Map(this.byKey);
 				this.byKey.clear();
-				for (const node of nodes) this.byKey.set(node.key, node);
+				for (const node of nodes) {
+					this.byKey.set(node.key, node);
+					if (previous.get(node.key) !== node) {
+						this.dirtyKeys.add(node.key);
+						this.dirtyProcessKeys.add(node.key);
+					}
+					previous.delete(node.key);
+				}
+				for (const key of previous.keys()) {
+					this.dirtyKeys.add(key);
+					this.dirtyProcessKeys.add(key);
+				}
 				this.valuesCache = [...this.byKey.values()];
 				this.valuesDirty = false;
 			}
@@ -4722,10 +4810,29 @@ window.__ModuleLoader__.load({
 				for (const node of nodes) {
 					if (this.byKey.get(node.key) === node) continue;
 					this.byKey.set(node.key, node);
+					this.dirtyKeys.add(node.key);
+					this.dirtyProcessKeys.add(node.key);
 					changed = true;
 				}
 				if (changed) this.valuesDirty = true;
 			}
+			touchProcesses(turns, locations) {
+				for (const turn of turns) for (const key of locations.getTurn(turn)) this.dirtyProcessKeys.add(key);
+			}
+			replaceProcesses(order, locations) {
+				this.touchProcesses(this.turnProcesses.replace(order, locations, this), locations);
+			}
+			updateProcesses(turns, locations) {
+				this.touchProcesses(this.turnProcesses.update(turns, locations, this), locations);
+			}
+			publish() {
+				const dirty = [...this.dirtyKeys];
+				const dirtyProcesses = [...this.dirtyProcessKeys];
+				this.dirtyKeys.clear();
+				this.dirtyProcessKeys.clear();
+				for (const key of dirty) this.sources.get(key)?.publish();
+				for (const key of dirtyProcesses) this.processSources.get(key)?.publish();
+			}
 		};
 		var MutableChatLocationIndex = class {
 			turns = /* @__PURE__ */ new Map();
@@ -4841,6 +4948,15 @@ window.__ModuleLoader__.load({
 			if (location.kind === "turn") return { turn: location.turn.turn };
 			return {};
 		}
+		function locationTurnStatus(location) {
+			return location.kind === "turn" || location.kind === "step" ? location.turn.status : void 0;
+		}
+		function processPresentationInputChanged(previous, next, structural) {
+			if (structural || previous === void 0) return true;
+			if (locationTurnStatus(previous.location) !== locationTurnStatus(next.location)) return true;
+			if (previous.kind === "turn-process" && next.kind === "turn-process") return previous.data !== next.data;
+			return previous.kind === "assistant-step" && next.kind === "assistant-step" && previous.data.step !== next.data.step;
+		}
 		function turnProcessPresentations(nodes) {
 			const presentations = /* @__PURE__ */ new Map();
 			for (const raw of nodes) {
@@ -5199,12 +5315,16 @@ window.__ModuleLoader__.load({
 				this.store.replace(nodes);
 				this.order = orderedVisibleChatNodes(nodes).map((node) => node.key);
 				this.locations.rebuild(this.order, this.store);
+				this.store.replaceProcesses(this.order, this.locations);
 				this.navigation.rebuild(input.timeline, this.locations, this.store);
 				this.timeline = input.timeline;
-				return this.snapshot(input.timeline, this.legacy.replace(nodes, input.timeline));
+				const snapshot = this.snapshot(input.timeline, this.legacy.replace(nodes, input.timeline));
+				this.store.publish();
+				return snapshot;
 			}
 			apply(input) {
 				const upserts = this.referenceLabels.apply(input.upserts, this.store);
+				const processTurns = /* @__PURE__ */ new Set();
 				let structural = false;
 				const contentOnly = [];
 				for (const node of upserts) {
@@ -5212,6 +5332,12 @@ window.__ModuleLoader__.load({
 					const nodeStructural = previous === void 0 || previous.kind !== node.kind || previous.anchorSeq !== node.anchorSeq || previous.visibility !== node.visibility || locationIdentity(previous.location) !== locationIdentity(node.location);
 					structural ||= nodeStructural;
 					if (!nodeStructural) contentOnly.push(node);
+					if (processPresentationInputChanged(previous, node, nodeStructural)) {
+						const previousTurn = previous === void 0 ? void 0 : locationCoordinates(previous.location).turn;
+						const nextTurn = locationCoordinates(node.location).turn;
+						if (previousTurn !== void 0) processTurns.add(previousTurn);
+						if (nextTurn !== void 0) processTurns.add(nextTurn);
+					}
 				}
 				this.store.upsert(upserts);
 				if (structural) {
@@ -5220,10 +5346,13 @@ window.__ModuleLoader__.load({
 					this.locations.rebuild(this.order, this.store);
 				}
 				this.locations.touch(contentOnly);
+				this.store.updateProcesses(processTurns, this.locations);
 				if (structural || input.timeline !== this.timeline) this.navigation.rebuild(input.timeline, this.locations, this.store);
 				else this.navigation.touch(turnsOf(contentOnly), this.locations, this.store);
 				this.timeline = input.timeline;
-				return this.snapshot(input.timeline, this.legacy.apply(upserts, input.timeline));
+				const snapshot = this.snapshot(input.timeline, this.legacy.apply(upserts, input.timeline));
+				this.store.publish();
+				return snapshot;
 			}
 			snapshot(timeline, legacy = this.legacy.replace(EMPTY_LIST, timeline)) {
 				return {
@@ -6265,6 +6394,7 @@ window.__ModuleLoader__.load({
 				turn,
 				assistantStartByStep: /* @__PURE__ */ new Map(),
 				messageCountByStep: /* @__PURE__ */ new Map(),
+				messageCount: 0,
 				toolCallCount: 0,
 				subagentCount: 0
 			};
@@ -6280,11 +6410,11 @@ window.__ModuleLoader__.load({
 			return data.blocks.some((block) => block.kind === "tool-call") ? null : data;
 		}
 		function processSpec(state, turn) {
-			const controlAnchorSeq = Math.min(state.otherStartSeq ?? Number.POSITIVE_INFINITY, ...state.assistantStartByStep.values());
-			if (!Number.isFinite(controlAnchorSeq)) return null;
+			const controlAnchorSeq = state.controlAnchorSeq;
+			if (controlAnchorSeq === void 0) return null;
 			const answer = latestAnswer(turn);
 			const counts = {
-				messageCount: answer === null ? [...state.messageCountByStep.values()].reduce((total, count) => total + count, 0) : [...state.messageCountByStep].filter(([step]) => step < answer.step).reduce((total, [, count]) => total + count, 0),
+				messageCount: answer === null ? state.messageCount : [...state.messageCountByStep].filter(([step]) => step < answer.step).reduce((total, [, count]) => total + count, 0),
 				toolCallCount: state.toolCallCount,
 				subagentCount: state.subagentCount
 			};
@@ -6317,7 +6447,8 @@ window.__ModuleLoader__.load({
 				messageCountByStep.set(event.data.step, (messageCountByStep.get(event.data.step) ?? 0) + 1);
 				current = {
 					...current,
-					messageCountByStep
+					messageCountByStep,
+					messageCount: current.messageCount + 1
 				};
 			}
 			if (event.type === "tool/call") {
@@ -6332,14 +6463,16 @@ window.__ModuleLoader__.load({
 			if (evidence === void 0) return current;
 			if (evidence.kind === "other") return current.otherStartSeq === void 0 ? {
 				...current,
-				otherStartSeq: evidence.seq
+				otherStartSeq: evidence.seq,
+				controlAnchorSeq: Math.min(current.controlAnchorSeq ?? Number.POSITIVE_INFINITY, evidence.seq)
 			} : current;
 			if (current.assistantStartByStep.has(evidence.step)) return current;
 			const assistantStartByStep = new Map(current.assistantStartByStep);
 			assistantStartByStep.set(evidence.step, evidence.seq);
 			return {
 				...current,
-				assistantStartByStep
+				assistantStartByStep,
+				controlAnchorSeq: Math.min(current.controlAnchorSeq ?? Number.POSITIVE_INFINITY, evidence.seq)
 			};
 		}
 		/** Turn-scoped process range and answer-boundary Definition. */
@@ -6365,6 +6498,7 @@ window.__ModuleLoader__.load({
 					turn: match.event.data.turn,
 					assistantStartByStep: /* @__PURE__ */ new Map(),
 					messageCountByStep: /* @__PURE__ */ new Map(),
+					messageCount: 0,
 					toolCallCount: 0,
 					subagentCount: 0
 				};
@@ -6378,25 +6512,32 @@ window.__ModuleLoader__.load({
 				}
 				return "immediate";
 			},
-			buildLocationData: (context, scope) => {
+			buildLocationData: (context, scope, previous) => {
 				if (scope !== "turn") return null;
 				const state = context.state ?? fallbackState(context);
 				if (state === void 0) return null;
 				const turn = turnLocation$1(context);
 				if (turn === void 0) return null;
+				const current = context.current.get("chat");
+				const latestStep = turn.steps.at(-1);
+				if (previous?.kind === "turn" && previous.key === "turn-process" && current?.kind === "turn-process" && current.data.answerAnchorSeq === null && current.data.controlAnchorSeq === state.controlAnchorSeq && current.data.messageCount === state.messageCount && current.data.toolCallCount === state.toolCallCount && current.data.subagentCount === state.subagentCount && turn.status !== "closed" && latestStep?.status !== "closed") return previous;
 				const spec = processSpec(state, turn);
-				return spec === null ? null : {
+				if (spec === null) return null;
+				if (previous?.kind === "turn" && previous.turn === spec.turn && previous.key === "turn-process" && sameTurnProcessSpec(previous.value, spec)) return previous;
+				return {
 					kind: "turn",
 					turn: turn.turn,
 					key: "turn-process",
-					value: encodeTurnProcess(spec)
+					value: spec
 				};
 			},
 			buildViewNode: (context) => {
 				const turn = turnLocation$1(context);
-				const signature = turn?.data.get("turn-process");
-				if (turn === void 0 || signature === void 0) return null;
-				const data = decodeTurnProcess(signature);
+				const data = turn?.data.get("turn-process");
+				if (turn === void 0 || data === void 0) return null;
+				const current = context.current.get("chat");
+				const state = context.state;
+				if (current?.kind === "turn-process" && state !== void 0 && current.data.answerAnchorSeq === null && current.data.controlAnchorSeq === state.controlAnchorSeq && current.data.messageCount === state.messageCount && current.data.toolCallCount === state.toolCallCount && current.data.subagentCount === state.subagentCount && turn.status !== "closed" && turn.steps.at(-1)?.status !== "closed" && current.location === (context.start?.location ?? context.matches[0]?.location)) return current;
 				return chatNode(context, "turn-process", data.controlAnchorSeq + CHAT_SYNTHETIC_SEQ_OFFSETS.processControl, data);
 			}
 		};
@@ -6686,7 +6827,7 @@ window.__ModuleLoader__.load({
 			return data.finalNode !== void 0 && data.blocks.some((block) => block.kind === "text" && block.text.trim() !== "");
 		}
 		function tailData(context) {
-			const end = context.state?.end ?? context.matches.find((match) => match.event.type === "turn/end");
+			const end = context.state === void 0 ? context.matches.find((match) => match.event.type === "turn/end") : context.state.end;
 			if (end?.event.type !== "turn/end") return null;
 			const turn = turnLocation(context);
 			if (turn === void 0) return null;
@@ -6816,7 +6957,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/details/DetailsPanel.module.css.mjs
-		const css$1 = "._9bk3za_root{border-left:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex-direction:column;min-width:0;height:100%;display:flex}._9bk3za_header{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 12px;display:flex}._9bk3za_title{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}._9bk3za_close{width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}._9bk3za_close:hover{background:var(--dsw-alias-interactive-bg-hover)}._9bk3za_body{flex:1;min-height:0;padding:12px 16px;overflow-y:auto}._9bk3za_empty{color:var(--dsw-alias-label-tertiary);padding:8px 0;font-size:13px;line-height:20px}._9bk3za_section{margin-bottom:16px}._9bk3za_sectionLabel{color:var(--dsw-alias-label-secondary);margin-bottom:6px;font-size:12px;font-weight:500;line-height:18px}._9bk3za_code{background:var(--dsw-alias-markdown-code-block);font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:22px}._9bk3za_code[data-error]{color:var(--dsw-alias-state-error-primary)}";
+		const css$1 = "._9bk3za_root{border-left:.5px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);flex-direction:column;min-width:0;height:100%;display:flex}._9bk3za_header{border-bottom:.5px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 12px;display:flex}._9bk3za_title{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}._9bk3za_close{corner-shape:round;width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}._9bk3za_close:hover{background:var(--dsw-alias-interactive-bg-hover)}._9bk3za_body{flex:1;min-height:0;padding:12px 16px;overflow-y:auto}._9bk3za_empty{color:var(--dsw-alias-label-tertiary);padding:8px 0;font-size:13px;line-height:20px}._9bk3za_section{margin-bottom:16px}._9bk3za_sectionLabel{color:var(--dsw-alias-label-secondary);margin-bottom:6px;font-size:12px;font-weight:500;line-height:18px}._9bk3za_code{background:var(--dsw-alias-markdown-code-block);font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:16px;font-size:13px;line-height:22px}._9bk3za_code[data-error]{color:var(--dsw-alias-state-error-primary)}";
 		const tagId$1 = "@prettier-ai/dsh-client-ui-chat/DetailsPanel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -6944,7 +7085,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-chat/src/client/settings/TranscriptViewRow.module.css.mjs
-		const css = ".EKfs7G_row{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.EKfs7G_rowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.EKfs7G_title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.EKfs7G_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.EKfs7G_selector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.EKfs7G_selector:hover{background:var(--dsw-alias-interactive-bg-hover)}.EKfs7G_chevron{flex:none}";
+		const css = ".EKfs7G_row{border-bottom:.5px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding:16px 0;display:flex}.EKfs7G_rowText{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:48px;display:flex}.EKfs7G_title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.EKfs7G_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.EKfs7G_selector{background:var(--dsw-alias-bg-module-platform);height:36px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 14px;font-size:14px;line-height:22px;display:inline-flex}.EKfs7G_selector:hover{background:var(--dsw-alias-interactive-bg-hover)}.EKfs7G_chevron{flex:none}";
 		const tagId = "@prettier-ai/dsh-client-ui-chat/TranscriptViewRow.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -7862,12 +8003,25 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region lib/types/client/chat/use-turn-data.js
+		const EMPTY_SOURCE = {
+			getSnapshot: () => void 0,
+			subscribe: () => () => {}
+		};
+		/**
+		* Subscribe to one value from a Turn's keyed Location-data store.
+		* @param data - current Turn data store, or absence for a Node outside a Turn.
+		* @param key - declaration-merged business key.
+		* @returns the current value for that key.
+		*/
+		function useTurnDataValue(data, key) {
+			const source = data?.source(key) ?? EMPTY_SOURCE;
+			return (0, react.useSyncExternalStore)(source.subscribe, source.getSnapshot);
+		}
+		//#endregion
 		//#region lib/types/client/apply.js
-		const CHAT_NODE_INJECT = { hooks: { turnData: ({ useChat }, nodeKey) => function useTurnData(key) {
-			return useChat((snapshot) => {
-				const location = snapshot.nodes.get(nodeKey)?.location;
-				return location?.kind === "turn" || location?.kind === "step" ? location.turn.data.get(key) : void 0;
-			});
+		const CHAT_NODE_INJECT = { hooks: { turnData: (_standard, data) => function useTurnData(key) {
+			return useTurnDataValue(data, key);
 		} } };
 		/** Services required by the Chat target and its presentation registrations. */
 		const inject = [
@@ -7945,10 +8099,16 @@ window.__ModuleLoader__.load({
 					},
 					store: chatStore,
 					inject: (sessionId, actions) => {
-						const session = ctx.sessions.binding(sessionId)?.session;
-						if (session === void 0) throw new Error(`ui-chat: unknown session "${sessionId}"`);
+						const binding = ctx.sessions.binding(sessionId);
+						if (binding === void 0) throw new Error(`ui-chat: unknown session "${sessionId}"`);
+						const session = binding.session;
+						const chat = chatSource(binding);
 						return {
 							hooks: { transcriptView: transcriptView.mode },
+							keyedHooks: {
+								chatNode: (key) => chat.getSnapshot().nodes.source(key),
+								chatNodeProcess: (key) => chat.getSnapshot().nodes.processSource(key)
+							},
 							openDetails: (target) => {
 								actions.select(target);
 								ctx.layout.openDetails();