@prettier-ai/dsh-client-ui-chat 0.1.2-alpha.2 → 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: [
@@ -1223,10 +1233,10 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
-		* Render one local submission echo with the exact visual language of the
-		* durable user node that replaces it: draft text plus object-URL previews,
-		* visible from the submit click until the durable `user/message` (or its
-		* queue occurrence) renders.
+		* Render one local transcript or steering submission echo with the same
+		* visual language and surface marker as the Host occurrence that replaces
+		* it: draft text plus object-URL previews, visible from the submit click
+		* until the durable `user/message` or steering occurrence renders.
 		* @param props - the session snapshot's pending submission and render seats.
 		* @returns the echoed user bubble.
 		*/
@@ -1243,6 +1253,7 @@ window.__ModuleLoader__.load({
 					...image.height === void 0 ? {} : { height: image.height }
 				} })), [submission.images]),
 				renderMessageImages,
+				pending: submission.placement === "steering",
 				echo: true,
 				t,
 				actions: (text) => (0, react_jsx_runtime.jsx)(MessageIconActions, {
@@ -1255,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,
@@ -1340,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.
+		* 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 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.
-		*/
-		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.
@@ -1397,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.
@@ -1419,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);
@@ -1427,7 +1394,7 @@ window.__ModuleLoader__.load({
 						}
 						const next = {
 							turn,
-							generation
+							answerStep
 						};
 						if (index < 0) draft.turnProcesses.push(next);
 						else draft.turnProcesses[index] = next;
@@ -1467,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");
@@ -1494,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);
@@ -1598,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
@@ -1616,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,
@@ -1627,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_rail{--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_marks{inset:var(--turn-rail-inset) 0;position:absolute}.alqd3G_markPosition{top:min(var(--turn-natural-position), var(--turn-position));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_markPreview:before{background:var(--dsw-alias-label-tertiary);width:18px}.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(min(var(--turn-natural-position), var(--turn-position)) + var(--turn-rail-inset) - 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:2}.alqd3G_previewResponse{color:var(--dsw-alias-label-caption);font:var(--dsw-font-xxs-12);-webkit-line-clamp:2;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)}}@container (width<=900px){.alqd3G_slot{display:none}}@media (prefers-reduced-motion:reduce){.alqd3G_rail,.alqd3G_markPosition,.alqd3G_mark:before,.alqd3G_preview{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");
@@ -1637,96 +1562,173 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var TurnNavigator_module_css_default = {
+			"dsh-turn-mark-busy": "alqd3G_dsh-turn-mark-busy",
 			"dsh-turn-mark-enter": "alqd3G_dsh-turn-mark-enter",
 			"dsh-turn-preview-enter": "alqd3G_dsh-turn-preview-enter",
+			"fadeBottom": "alqd3G_fadeBottom",
+			"fadeTop": "alqd3G_fadeTop",
+			"frame": "alqd3G_frame",
 			"mark": "alqd3G_mark",
 			"markActive": "alqd3G_markActive",
+			"markBusy": "alqd3G_markBusy",
 			"markPosition": "alqd3G_markPosition",
 			"markPreview": "alqd3G_markPreview",
+			"markUnloaded": "alqd3G_markUnloaded",
 			"marks": "alqd3G_marks",
 			"preview": "alqd3G_preview",
 			"previewPrompt": "alqd3G_previewPrompt",
 			"previewResponse": "alqd3G_previewResponse",
-			"rail": "alqd3G_rail",
+			"scroller": "alqd3G_scroller",
 			"slot": "alqd3G_slot"
 		};
 		//#endregion
 		//#region lib/types/client/chat/TurnNavigator.js
-		/** Resting gap between neighbouring marks before the rail compresses to fit. */
+		/** Fixed pitch between neighbouring marks; overflow scrolls inside the frame. */
 		const TURN_SPACING_PX = 10;
 		/** Rail padding above the first mark and below the last one, per end. */
 		const RAIL_INSET_PX = 6;
-		function itemPosition(index, count) {
-			const ratio = count <= 1 ? 0 : index / (count - 1);
+		/** Fade band the mask reserves at a scrollable end. */
+		const FADE_PX = 24;
+		function itemPosition(index) {
+			return { "--turn-natural-position": `${String(index * TURN_SPACING_PX)}px` };
+		}
+		function frameStyle(count, scrollTop) {
 			return {
-				"--turn-natural-position": `${String(index * TURN_SPACING_PX)}px`,
-				"--turn-position": `${String(ratio * 100)}%`
+				"--turn-natural-height": `${String((count - 1) * TURN_SPACING_PX + 2 * RAIL_INSET_PX)}px`,
+				"--turn-rail-inset": `${String(RAIL_INSET_PX)}px`,
+				"--turn-scroll-top": `${String(scrollTop)}px`
 			};
 		}
-		function railSize(count) {
+		function itemAtPointer(items, frame, scrollTop, clientY) {
+			const offset = clientY - frame.getBoundingClientRect().top + scrollTop - RAIL_INSET_PX;
+			return items[Math.max(0, Math.min(items.length - 1, Math.round(offset / TURN_SPACING_PX)))];
+		}
+		const RAIL_AT_REST = {
+			top: 0,
+			canScrollUp: false,
+			canScrollDown: false
+		};
+		function railScrollState(scroller) {
+			const top = scroller.scrollTop;
 			return {
-				"--turn-natural-height": `${String((count - 1) * TURN_SPACING_PX + 2 * RAIL_INSET_PX)}px`,
-				"--turn-rail-inset": `${String(RAIL_INSET_PX)}px`
+				top,
+				canScrollUp: top > 1,
+				canScrollDown: top < scroller.scrollHeight - scroller.clientHeight - 1
 			};
 		}
-		function itemAtPointer(items, rail, clientY) {
-			const rect = rail.getBoundingClientRect();
-			const usableHeight = Math.max(1, rect.height - 2 * RAIL_INSET_PX);
-			const ratio = Math.max(0, Math.min(1, (clientY - rect.top - RAIL_INSET_PX) / usableHeight));
-			return items[Math.round(ratio * (items.length - 1))];
+		function sameRailScrollState(left, right) {
+			return left.top === right.top && left.canScrollUp === right.canScrollUp && left.canScrollDown === right.canScrollDown;
 		}
-		function TurnNavigatorRail({ items, activeTurn, onNavigate, t }) {
+		function TurnNavigatorRail({ items, activeTurn, busyTurn, onNavigate, t }) {
 			const [previewTurn, setPreviewTurn] = (0, react.useState)(null);
+			const [scrollState, setScrollState] = (0, react.useState)(RAIL_AT_REST);
+			const scrollerRef = (0, react.useRef)(null);
+			/** While the pointer works the rail, follow must not move it under the hand. */
+			const pointerInsideRef = (0, react.useRef)(false);
 			const previewId = (0, react.useId)();
+			const syncScrollState = () => {
+				const scroller = scrollerRef.current;
+				if (scroller === null) return;
+				const next = railScrollState(scroller);
+				setScrollState((current) => sameRailScrollState(current, next) ? current : next);
+			};
+			(0, react.useEffect)(() => {
+				const scroller = scrollerRef.current;
+				if (scroller === null || typeof ResizeObserver === "undefined") return;
+				const observer = new ResizeObserver(syncScrollState);
+				observer.observe(scroller);
+				return () => {
+					observer.disconnect();
+				};
+			}, []);
+			(0, react.useEffect)(syncScrollState, [items.length]);
+			(0, react.useEffect)(() => {
+				const scroller = scrollerRef.current;
+				const index = items.findIndex((item) => item.turn === activeTurn);
+				if (scroller === null || index < 0 || pointerInsideRef.current) return;
+				const markTop = index * TURN_SPACING_PX + RAIL_INSET_PX;
+				const viewTop = scroller.scrollTop;
+				const viewHeight = scroller.clientHeight;
+				if (viewHeight <= 0 || markTop >= viewTop + FADE_PX && markTop <= viewTop + viewHeight - FADE_PX) return;
+				const target = Math.max(0, markTop - viewHeight / 2);
+				const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+				if (typeof scroller.scrollTo === "function") scroller.scrollTo({
+					top: target,
+					behavior: reduced ? "auto" : "smooth"
+				});
+				else scroller.scrollTop = target;
+				syncScrollState();
+			}, [activeTurn, items]);
 			if (items.length < 2) return null;
 			const previewIndex = items.findIndex((item) => item.turn === previewTurn);
 			const preview = previewIndex < 0 ? void 0 : items[previewIndex];
-			const previewPosition = previewIndex < 0 ? void 0 : itemPosition(previewIndex, items.length);
+			const previewPosition = previewIndex < 0 ? void 0 : itemPosition(previewIndex);
 			const previewAtPointer = (event) => {
-				setPreviewTurn(itemAtPointer(items, event.currentTarget, event.clientY)?.turn ?? null);
+				const scrollTop = scrollerRef.current?.scrollTop ?? 0;
+				setPreviewTurn(itemAtPointer(items, event.currentTarget, scrollTop, event.clientY)?.turn ?? null);
 			};
 			const navigateAtPointer = (event) => {
-				const item = itemAtPointer(items, event.currentTarget, event.clientY);
+				const scrollTop = scrollerRef.current?.scrollTop ?? 0;
+				const item = itemAtPointer(items, event.currentTarget, scrollTop, event.clientY);
 				if (item !== void 0) onNavigate(item);
 			};
+			const fadeClasses = [TurnNavigator_module_css_default.scroller];
+			if (scrollState.canScrollUp) fadeClasses.push(TurnNavigator_module_css_default.fadeTop);
+			if (scrollState.canScrollDown) fadeClasses.push(TurnNavigator_module_css_default.fadeBottom);
 			return (0, react_jsx_runtime.jsx)("div", {
 				className: TurnNavigator_module_css_default.slot,
 				children: (0, react_jsx_runtime.jsxs)("nav", {
-					className: TurnNavigator_module_css_default.rail,
-					style: railSize(items.length),
+					className: TurnNavigator_module_css_default.frame,
+					style: frameStyle(items.length, scrollState.top),
 					"aria-label": t("chat.turnNavigation.label"),
 					onClick: navigateAtPointer,
 					onPointerMove: previewAtPointer,
+					onPointerEnter: () => {
+						pointerInsideRef.current = true;
+					},
 					onPointerLeave: () => {
+						pointerInsideRef.current = false;
 						setPreviewTurn(null);
 					},
 					children: [(0, react_jsx_runtime.jsx)("div", {
-						className: TurnNavigator_module_css_default.marks,
-						children: items.map((item, index) => {
-							const active = item.turn === activeTurn;
-							const showingPreview = item.turn === previewTurn;
-							const markClass = active ? `${TurnNavigator_module_css_default.mark} ${TurnNavigator_module_css_default.markActive}` : showingPreview ? `${TurnNavigator_module_css_default.mark} ${TurnNavigator_module_css_default.markPreview}` : TurnNavigator_module_css_default.mark;
-							return (0, react_jsx_runtime.jsx)("div", {
-								className: TurnNavigator_module_css_default.markPosition,
-								style: itemPosition(index, items.length),
-								children: (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: markClass,
-									"aria-label": t("chat.turnNavigation.jump", { turn: item.turn }),
-									"aria-current": active ? "true" : void 0,
-									"aria-describedby": showingPreview ? previewId : void 0,
-									onClick: (event) => {
-										event.stopPropagation();
-										onNavigate(item);
-									},
-									onFocus: () => {
-										setPreviewTurn(item.turn);
-									},
-									onBlur: () => {
-										setPreviewTurn(null);
-									}
-								})
-							}, item.turn);
+						ref: scrollerRef,
+						className: fadeClasses.join(" "),
+						onScroll: () => {
+							syncScrollState();
+						},
+						children: (0, react_jsx_runtime.jsx)("div", {
+							className: TurnNavigator_module_css_default.marks,
+							children: items.map((item, index) => {
+								const active = item.turn === activeTurn;
+								const showingPreview = item.turn === previewTurn;
+								const classes = [TurnNavigator_module_css_default.mark];
+								if (item.anchor.kind === "unloaded") classes.push(TurnNavigator_module_css_default.markUnloaded);
+								if (active) classes.push(TurnNavigator_module_css_default.markActive);
+								else if (showingPreview) classes.push(TurnNavigator_module_css_default.markPreview);
+								if (item.turn === busyTurn) classes.push(TurnNavigator_module_css_default.markBusy);
+								return (0, react_jsx_runtime.jsx)("div", {
+									className: TurnNavigator_module_css_default.markPosition,
+									style: itemPosition(index),
+									children: (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: classes.join(" "),
+										"aria-label": t(item.anchor.kind === "loaded" ? "chat.turnNavigation.jump" : "chat.turnNavigation.jumpLoad", { turn: item.turn }),
+										"aria-current": active ? "true" : void 0,
+										"aria-busy": item.turn === busyTurn ? "true" : void 0,
+										"aria-describedby": showingPreview ? previewId : void 0,
+										onClick: (event) => {
+											event.stopPropagation();
+											onNavigate(item);
+										},
+										onFocus: () => {
+											setPreviewTurn(item.turn);
+										},
+										onBlur: () => {
+											setPreviewTurn(null);
+										}
+									})
+								}, item.turn);
+							})
 						})
 					}), preview !== void 0 && previewPosition !== void 0 && (0, react_jsx_runtime.jsxs)("div", {
 						id: previewId,
@@ -1745,9 +1747,12 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
-		* Compact rail of the currently loaded Turns with hover and focus previews.
+		* Fixed-pitch rail of every known Turn — loaded marks scroll, unloaded marks
+		* page history in first — with hover and focus previews. Overflow scrolls
+		* inside the frame, gradient fades marking each scrollable end, and the
+		* active mark keeps itself in view while the pointer is elsewhere.
 		*
-		* Memoized because it renders two host elements per loaded Turn while the
+		* Memoized because it renders two host elements per Turn while the
 		* enclosing view re-renders on every streaming delta: without the guard a long
 		* session rebuilds hundreds of marks per commit for a rail that only changes
 		* when a Turn is added, removed, or becomes active. Its props must therefore
@@ -1755,7 +1760,102 @@ 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
+		* conversation snapshot never carries projection values, so this merge is the
+		* one place the rail's two sources meet: the `turnOutline` projection names
+		* every turn of the session, and the loaded window supplies anchors and
+		* richer previews for the turns it holds.
+		*/
+		const EMPTY_ITEMS$1 = [];
+		/**
+		* Structurally narrow one wire outline entry (projection values cross the
+		* wire). `turn` and `seq` are the load-bearing fields — a mark cannot exist
+		* or jump without them — so their damage drops the entry; the previews are
+		* decorative, so a malformed one degrades to `''` and the turn stays
+		* navigable by number.
+		*/
+		function outlineEntry(value) {
+			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 || Object.is(entry.seq, -0)) return void 0;
+			return {
+				turn: entry.turn,
+				seq: SessionSeq(entry.seq),
+				prompt: typeof entry.prompt === "string" ? entry.prompt : "",
+				response: typeof entry.response === "string" ? entry.response : ""
+			};
+		}
+		/** Wire outline entries, or none when the projection is absent or malformed. */
+		function outlineEntries(outline) {
+			return Array.isArray(outline) ? outline : EMPTY_ITEMS$1;
+		}
+		/**
+		* Merge the host outline with the loaded rail items into the full ladder.
+		* A turn present in both sides keeps the loaded anchor, taking an outline
+		* preview only where the window's own is empty (a mid-Turn window head, or a
+		* turn whose loaded nodes carry no text); turns on one side only pass
+		* through. Result ascends by turn.
+		* @param loaded - loaded-window rail items (timeline order).
+		* @param outline - `turnOutline` projection value, treated as wire data.
+		* @returns every known turn, ascending; a stable empty array when none.
+		*/
+		function mergeTurnRailItems(loaded, outline) {
+			const byTurn = /* @__PURE__ */ new Map();
+			for (const raw of outlineEntries(outline)) {
+				const entry = outlineEntry(raw);
+				if (entry === void 0) continue;
+				byTurn.set(entry.turn, {
+					turn: entry.turn,
+					prompt: entry.prompt,
+					response: entry.response,
+					anchor: {
+						kind: "unloaded",
+						seq: entry.seq
+					}
+				});
+			}
+			for (const item of loaded) {
+				const preview = byTurn.get(item.turn);
+				byTurn.set(item.turn, {
+					turn: item.turn,
+					prompt: item.prompt !== "" ? item.prompt : preview?.prompt ?? "",
+					response: item.response !== "" ? item.response : preview?.response ?? "",
+					anchor: {
+						kind: "loaded",
+						key: item.anchorKey
+					}
+				});
+			}
+			if (byTurn.size === 0) return EMPTY_ITEMS$1;
+			return [...byTurn.values()].sort((left, right) => left.turn - right.turn);
+		}
+		//#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;
@@ -1888,14 +1988,22 @@ 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, loadImage, openView, chatScroll, forkAt, fileMentions, useTranscriptView, 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());
+			const turnOutline = useProjection("turnOutline");
+			const railItems = (0, react.useMemo)(() => mergeTurnRailItems(turnNavigationItems, turnOutline), [turnNavigationItems, turnOutline]);
 			const timeline = useChat((s) => s.timeline);
 			const inbox = useSession((s) => s.queue);
 			const cwd = useSessions((s) => s.byId[sessionId]?.cwd);
@@ -1938,7 +2046,7 @@ window.__ModuleLoader__.load({
 			const visibleSubmissions = (0, react.useMemo)(() => {
 				if (pendingSubmissions.length === 0) return pendingSubmissions;
 				const observed = observedRpcIds(order, nodeStore, inbox);
-				return pendingSubmissions.filter((submission) => !observed.has(submission.requestId));
+				return pendingSubmissions.filter((submission) => submission.placement !== "queued" && !observed.has(submission.requestId));
 			}, [
 				pendingSubmissions,
 				order,
@@ -1954,12 +2062,23 @@ 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);
 			/** Paging anchor: semantic row/position at click, updated by reader scrolls
 			* while the request is pending and restored after the prepend lands. */
 			const anchorRef = (0, react.useRef)(null);
+			/** Unloaded-turn jump in flight: target turn plus its load-through seq. */
+			const pendingJumpRef = (0, react.useRef)(null);
+			/** Whether the in-flight jump already landed mid-paging (settle then only corrects an untouched landing). */
+			const jumpLandedRef = (0, react.useRef)(false);
+			const [busyJumpTurn, setBusyJumpTurn] = (0, react.useState)(null);
+			/** Bumped when a loadThrough completion settles, after its last page's commit. */
+			const [jumpSettleTick, setJumpSettleTick] = (0, react.useState)(0);
+			/** Window head at the last settle-time repage; an unmoved head falls back instead of repaging forever. */
+			const jumpRepageHeadRef = (0, react.useRef)(null);
 			const firstSeqRef = (0, react.useRef)(null);
 			const openedRef = (0, react.useRef)(false);
 			const lastKeyRef = (0, react.useRef)(null);
@@ -1977,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) {
@@ -1984,13 +2104,17 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				const el = scrollerOf(local);
+				if (el.scrollHeight - el.scrollTop - el.clientHeight <= 25) {
+					const latest = turnNavigationItems.at(-1)?.turn ?? first.turn;
+					setActiveTurn((current) => current === latest ? current : latest);
+					return;
+				}
 				const reading = turnAtLine(local, el.getBoundingClientRect().top + Math.min(96, el.clientHeight * .2));
 				let next = first.turn;
 				if (reading !== null) for (const item of turnNavigationItems) {
 					if (item.turn > reading) break;
 					next = item.turn;
 				}
-				if (el.scrollHeight - el.scrollTop - el.clientHeight <= 25) next = turnNavigationItems.at(-1)?.turn ?? next;
 				setActiveTurn((current) => current === next ? current : next);
 			}, [turnNavigationItems]);
 			const activeTurnRef = (0, react.useRef)(null);
@@ -2015,6 +2139,8 @@ window.__ModuleLoader__.load({
 			}, [scheduleActiveTurn]);
 			const toBottom = (el) => {
 				anchorRef.current = null;
+				pendingJumpRef.current = null;
+				setBusyJumpTurn((current) => current === null ? current : null);
 				el.scrollTop = el.scrollHeight;
 				observedTopRef.current = el.scrollTop;
 				atBottomRef.current = true;
@@ -2022,7 +2148,52 @@ window.__ModuleLoader__.load({
 				chatScroll.save(null);
 				setActiveTurn(turnNavigationItems.at(-1)?.turn ?? null);
 			};
+			const landOnRowRef = (0, react.useRef)(() => {});
+			landOnRowRef.current = (local, el, row, turn) => {
+				el.scrollTop += flowTop(row, el) - 24;
+				observedTopRef.current = el.scrollTop;
+				const isAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= 25;
+				atBottomRef.current = isAtBottom;
+				setAtBottom(isAtBottom);
+				setActiveTurn(turn);
+				const position = isAtBottom ? null : scrollPosition(local, el);
+				if (isAtBottom) chatScroll.save(null);
+				else if (position !== null) chatScroll.save(position);
+			};
+			/**
+			* Land the pending jump once its Turn has a rendered anchor row; false
+			* while it must keep waiting. Mid-jump landings (`settle` false) keep the
+			* jump armed with the target row as the paging anchor, so later chunks and
+			* the load-earlier button's unmount re-land on the same row; the settling
+			* call clears the jump.
+			*/
+			const realizePendingJump = (local, el, settle) => {
+				const pending = pendingJumpRef.current;
+				if (pending === null) return true;
+				const item = railItems.find((candidate) => candidate.turn === pending.turn);
+				if (item === void 0 || item.anchor.kind !== "loaded") return false;
+				const row = anchorElement(local, item.anchor.key);
+				if (row === null) return false;
+				if (settle) {
+					pendingJumpRef.current = null;
+					setBusyJumpTurn(null);
+					const held = anchorRef.current;
+					const landedEarlier = jumpLandedRef.current;
+					jumpLandedRef.current = false;
+					anchorRef.current = null;
+					if (!landedEarlier || held?.key === item.anchor.key) landOnRowRef.current(local, el, row, pending.turn);
+					return true;
+				}
+				landOnRowRef.current(local, el, row, pending.turn);
+				jumpLandedRef.current = true;
+				anchorRef.current = {
+					key: item.anchor.key,
+					top: flowTop(row, el)
+				};
+				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;
@@ -2056,6 +2227,10 @@ window.__ModuleLoader__.load({
 					const row = anchorElement(local, anchor.key);
 					if (row !== null) el.scrollTop += flowTop(row, el) - anchor.top;
 					observedTopRef.current = el.scrollTop;
+					if (!realizePendingJump(local, el, false) && row !== null) anchorRef.current = {
+						key: anchor.key,
+						top: flowTop(row, el)
+					};
 					firstSeqRef.current = firstSeq;
 					/* v8 ignore next -- ?? arm: a prepend adds nodes, so the flow list here is never empty. */
 					lastKeyRef.current = lastKey;
@@ -2073,7 +2248,11 @@ window.__ModuleLoader__.load({
 				lastSteeringIdRef.current = lastSteeringId;
 				lastSubmissionIdRef.current = lastSubmissionId;
 				followSigRef.current = followSig;
-				if (appendedUser || appendedSteering || appendedSubmission || tipMoved && atBottomRef.current) toBottom(el);
+				if (appendedUser || appendedSteering || appendedSubmission || tipMoved && atBottomRef.current) {
+					toBottom(el);
+					return;
+				}
+				if (pendingJumpRef.current !== null) realizePendingJump(local, el, false);
 			});
 			const onScrollRef = (0, react.useRef)(() => {});
 			onScrollRef.current = () => {
@@ -2106,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);
@@ -2142,6 +2336,39 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				if (!loadingOlder) anchorRef.current = null;
 			}, [loadingOlder]);
+			(0, react.useEffect)(() => {
+				const pending = pendingJumpRef.current;
+				const local = listRef.current;
+				if (pending === null || local === null) return;
+				const el = scrollerOf(local);
+				if (realizePendingJump(local, el, true)) return;
+				if ((firstSeq === null || firstSeq > pending.seq) && hasMore) {
+					if (loadingOlder) return;
+					if (jumpRepageHeadRef.current !== firstSeq) {
+						jumpRepageHeadRef.current = firstSeq;
+						const held = pagingAnchor(local, el);
+						if (held !== null && held.dataset.chatAnchorKey !== void 0) anchorRef.current = {
+							key: held.dataset.chatAnchorKey,
+							top: flowTop(held, el)
+						};
+						loadThrough(pending.seq).finally(() => {
+							setJumpSettleTick((tick) => tick + 1);
+						});
+						return;
+					}
+				}
+				for (const row of local.querySelectorAll("[data-chat-turn]:not([hidden])")) {
+					const turn = Number(row.dataset.chatTurn);
+					if (!Number.isSafeInteger(turn) || turn < pending.turn) continue;
+					landOnRowRef.current(local, el, row, turn);
+					break;
+				}
+				pendingJumpRef.current = null;
+				setBusyJumpTurn(null);
+			}, [jumpSettleTick]);
+			(0, react.useEffect)(() => {
+				if (!loadingOlder && pendingJumpRef.current !== null) setJumpSettleTick((tick) => tick + 1);
+			}, [loadingOlder]);
 			const loadOlderAnchored = () => {
 				const local = listRef.current;
 				/* v8 ignore next -- ref-null guard: the paging button renders inside the list tree. */
@@ -2158,24 +2385,38 @@ window.__ModuleLoader__.load({
 			const navigateToTurn = (0, react.useCallback)((item) => {
 				const local = listRef.current;
 				if (local === null) return;
-				const row = anchorElement(local, item.anchorKey);
-				if (row === null) return;
 				const el = scrollerOf(local);
-				el.scrollTop += flowTop(row, el) - 24;
-				observedTopRef.current = el.scrollTop;
+				if (item.anchor.kind === "unloaded") {
+					atBottomRef.current = false;
+					setAtBottom(false);
+					const held = pagingAnchor(local, el);
+					if (held !== null && held.dataset.chatAnchorKey !== void 0) anchorRef.current = {
+						key: held.dataset.chatAnchorKey,
+						top: flowTop(held, el)
+					};
+					pendingJumpRef.current = {
+						turn: item.turn,
+						seq: item.anchor.seq
+					};
+					jumpRepageHeadRef.current = null;
+					jumpLandedRef.current = false;
+					setBusyJumpTurn(item.turn);
+					loadThrough(item.anchor.seq).finally(() => {
+						setJumpSettleTick((tick) => tick + 1);
+					});
+					return;
+				}
+				const row = anchorElement(local, item.anchor.key);
+				if (row === null) return;
+				pendingJumpRef.current = null;
+				setBusyJumpTurn((current) => current === null ? current : null);
+				landOnRowRef.current(local, el, row, item.turn);
 				const landed = loadingOlder ? pagingAnchor(local, el) : null;
 				anchorRef.current = landed === null || landed.dataset.chatAnchorKey === void 0 ? null : {
 					key: landed.dataset.chatAnchorKey,
 					top: flowTop(landed, el)
 				};
-				const isAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= 25;
-				atBottomRef.current = isAtBottom;
-				setAtBottom(isAtBottom);
-				setActiveTurn(item.turn);
-				const position = isAtBottom ? null : scrollPosition(local, el);
-				if (isAtBottom) chatScroll.save(null);
-				else if (position !== null) chatScroll.save(position);
-			}, [loadingOlder, chatScroll]);
+			}, [loadingOlder, loadThrough]);
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: ChatView_module_css_default.root,
 				children: [(0, react_jsx_runtime.jsxs)("div", {
@@ -2183,8 +2424,9 @@ window.__ModuleLoader__.load({
 					className: ChatView_module_css_default.scroll,
 					children: [
 						(0, react_jsx_runtime.jsx)(TurnNavigator, {
-							items: turnNavigationItems,
+							items: railItems,
 							activeTurn,
+							busyTurn: busyJumpTurn,
 							onNavigate: navigateToTurn,
 							t
 						}),
@@ -2213,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,
@@ -2229,7 +2472,7 @@ window.__ModuleLoader__.load({
 									fileMentions,
 									renderSlot,
 									t
-								}, nodeKey)),
+								}),
 								running && (0, react_jsx_runtime.jsx)(TurnStatus, {
 									startTime: runningTurnStart,
 									t
@@ -2328,6 +2571,7 @@ window.__ModuleLoader__.load({
 			"chat.deepDiving": "深度求索中...",
 			"chat.turnNavigation.label": "轮次导航",
 			"chat.turnNavigation.jump": "跳转到第 {turn} 轮",
+			"chat.turnNavigation.jumpLoad": "加载并跳转到第 {turn} 轮",
 			"chat.turnNavigation.turn": "第 {turn} 轮",
 			"settings.transcript.title": "对话显示",
 			"settings.transcript.description": "控制已完成轮次的过程内容",
@@ -2440,6 +2684,7 @@ window.__ModuleLoader__.load({
 			"chat.deepDiving": "Deep diving...",
 			"chat.turnNavigation.label": "Turn navigation",
 			"chat.turnNavigation.jump": "Jump to turn {turn}",
+			"chat.turnNavigation.jumpLoad": "Load and jump to turn {turn}",
 			"chat.turnNavigation.turn": "Turn {turn}",
 			"settings.transcript.title": "Conversation display",
 			"settings.transcript.description": "Controls process content in completed turns",
@@ -2525,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";
@@ -2572,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");
@@ -2589,6 +2800,7 @@ window.__ModuleLoader__.load({
 			"row": "xhC5dq_row",
 			"separator": "xhC5dq_separator",
 			"summary": "xhC5dq_summary",
+			"summaryText": "xhC5dq_summaryText",
 			"thinkBody": "xhC5dq_thinkBody",
 			"title": "xhC5dq_title"
 		};
@@ -2613,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")
@@ -2651,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,
@@ -2793,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");
@@ -2969,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");
@@ -3097,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");
@@ -3628,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");
@@ -3657,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
@@ -4245,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",
@@ -4309,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" });
 			}
 		};
 		/**
@@ -4348,27 +4565,42 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/conversation-nodes/turn-navigation.js
 		/**
-		* Preview budget per field. The rail clamps two short lines, so anything past
-		* this is invisible; copying whole transcripts into navigation state would
+		* Preview budgets, sized to the rail card's clamps (one prompt line, up to
+		* three response lines) and mirrored by the turnOutline projection so a turn
+		* shows the same words before and after its events load. Anything past a
+		* budget is invisible; copying whole transcripts into navigation state would
 		* otherwise grow with the loaded window on every structural update.
 		*/
-		const PREVIEW_LIMIT = 160;
-		/** Join rendered text until the preview budget is met, then stop reading. */
-		function preview(parts) {
+		const PROMPT_PREVIEW_LIMIT = 50;
+		const RESPONSE_PREVIEW_LIMIT = 120;
+		/** Join rendered text, collapse whitespace, and cap at `limit` with a trailing ellipsis when clipped. */
+		function preview(parts, limit) {
 			let text = "";
+			let unread = false;
 			for (const part of parts) {
-				text += text === "" ? part : ` ${part}`;
-				if (text.length >= PREVIEW_LIMIT) break;
+				if (text.length >= limit * 2) {
+					unread = true;
+					break;
+				}
+				const clipped = part.length > limit * 2;
+				const chunk = clipped ? part.slice(0, limit * 2) : part;
+				text += text === "" ? chunk : ` ${chunk}`;
+				if (clipped) {
+					unread = true;
+					break;
+				}
 			}
-			return text.replace(/\s+/g, " ").trim().slice(0, PREVIEW_LIMIT);
+			const normalized = text.replace(/\s+/g, " ").trim();
+			if (normalized.length > limit - 1) return `${normalized.slice(0, limit - 1).trimEnd()}…`;
+			return unread ? `${normalized}…` : normalized;
 		}
 		function promptText(node) {
 			if (node.kind !== "user") return "";
-			return preview(node.data.content.flatMap((block) => block.type === "text" ? [block.text] : []));
+			return preview(node.data.content.flatMap((block) => block.type === "text" ? [block.text] : []), PROMPT_PREVIEW_LIMIT);
 		}
 		function responseText(node) {
 			if (node.kind !== "assistant-step") return "";
-			return preview(node.data.blocks.flatMap((block) => block.kind === "text" ? [block.text] : []));
+			return preview(node.data.blocks.flatMap((block) => block.kind === "text" ? [block.text] : []), RESPONSE_PREVIEW_LIMIT);
 		}
 		/**
 		* Whether two items carry the same rail state, so the reader can keep its array.
@@ -4401,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 = [];
@@ -4409,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()];
@@ -4424,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;
 			}
@@ -4434,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();
@@ -4553,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) {
@@ -4911,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) {
@@ -4924,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) {
@@ -4932,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 {
@@ -5224,43 +5641,87 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/conversation-nodes/inbox.js
+		const EMPTY_PENDING = {
+			kind: "snapshot",
+			ids: []
+		};
+		const EMPTY_CURRENT_CLAIMED = /* @__PURE__ */ new Set();
+		function materializePending(state) {
+			const splices = [];
+			let current = state;
+			while (current.kind === "splice") {
+				splices.push(current);
+				current = current.previous;
+			}
+			const pending = [...current.ids];
+			for (const splice of splices.reverse()) pending.splice(splice.start, splice.removedCount, ...splice.inserted);
+			return pending;
+		}
+		function withoutInserted(claimed, inserted) {
+			let next;
+			for (const id of inserted) {
+				if (!claimed.has(id)) continue;
+				next ??= new Set(claimed);
+				next.delete(id);
+			}
+			return next ?? claimed;
+		}
+		/**
+		* Apply one next-step splice under the AgentLoop's durable event ordering.
+		* An entered claim logs its complete message batch before another claim; a
+		* rejected claim logs no messages, so only the current claim can classify a
+		* later `user/message`.
+		*/
 		function applySplice(previous, splice) {
-			const pending = [...previous?.state.pending ?? []];
-			const claimed = new Set(previous?.state.claimed ?? []);
-			const removed = pending.splice(splice.start, splice.removedCount ?? 0, ...splice.inserted);
-			for (const identity of splice.inserted) claimed.delete(identity.id);
-			if (splice.target === "next-step" && splice.outcome !== "canceled") for (const identity of removed) claimed.add(identity.id);
+			const priorPending = previous?.state.pending ?? EMPTY_PENDING;
+			const inserted = splice.inserted.map((identity) => identity.id);
+			const removedCount = splice.removedCount ?? 0;
+			if (removedCount > 0 && splice.outcome !== "canceled") {
+				const pending = materializePending(priorPending);
+				const removed = pending.splice(splice.start, removedCount, ...inserted);
+				return {
+					pending: {
+						kind: "snapshot",
+						ids: pending
+					},
+					currentClaimed: new Set(removed)
+				};
+			}
+			const currentClaimed = withoutInserted(previous?.state.currentClaimed ?? EMPTY_CURRENT_CLAIMED, inserted);
 			return {
-				pending,
-				claimed
+				pending: {
+					kind: "splice",
+					previous: priorPending,
+					start: splice.start,
+					removedCount,
+					inserted
+				},
+				currentClaimed
 			};
 		}
-		function inboxDefinition(target) {
-			const kind = `inbox-${target}`;
-			return {
-				kind,
-				match: (event) => event.type === "agent/inbox/spliced" && event.data.target === target ? {
+		const NEXT_STEP_INBOX_KIND = "inbox-next-step";
+		/** Persistent next-step Inbox state used to classify the current claimed batch as steering. */
+		const nextStepInboxDefinition = {
+			kind: NEXT_STEP_INBOX_KIND,
+			match: (event) => {
+				if (event.type === "agent/inbox/spliced" && event.data.target === "next-step") return {
 					id: String(event.seq),
 					role: "start"
-				} : null,
-				start: (_context, match, reader) => {
-					if (match.event.type !== "agent/inbox/spliced") throw new Error(`${kind} start requires agent/inbox/spliced`);
-					return applySplice(reader.previous(kind), match.event.data);
-				},
-				update: (context) => context.state,
-				publication: () => "none"
-			};
-		}
-		/** Cumulative next-turn inbox splice Definition. */
-		const nextTurnInboxDefinition = inboxDefinition("next-turn");
-		/** Cumulative next-step inbox splice Definition used to classify steering. */
-		const nextStepInboxDefinition = inboxDefinition("next-step");
+				};
+				return null;
+			},
+			start: (_context, match, reader) => {
+				if (match.event.type !== "agent/inbox/spliced") throw new Error("inbox-next-step start requires agent/inbox/spliced");
+				return applySplice(reader.previous(NEXT_STEP_INBOX_KIND), match.event.data);
+			},
+			update: (context) => context.state,
+			publication: () => "none"
+		};
 		/**
-		* Register the two durable Inbox-state contributions.
+		* Register the next-step Inbox state used by Chat message classification.
 		* @param ctx - owning UI Conversation context.
 		*/
 		function registerInboxConversationNodes(ctx) {
-			ctx.uiConversation.events.register(nextTurnInboxDefinition);
 			ctx.uiConversation.events.register(nextStepInboxDefinition);
 		}
 		//#endregion
@@ -5290,7 +5751,7 @@ window.__ModuleLoader__.load({
 					provenance: contextProvenance(event.data.source),
 					form: contextForm(event.data.source)
 				};
-				return reader.previous("inbox-next-step")?.state.claimed.has(String(event.data.id)) === true ? {
+				return reader.previous("inbox-next-step")?.state.currentClaimed.has(String(event.data.id)) === true ? {
 					kind: "steering",
 					messageId: event.data.id,
 					seq: event.seq,
@@ -5933,6 +6394,7 @@ window.__ModuleLoader__.load({
 				turn,
 				assistantStartByStep: /* @__PURE__ */ new Map(),
 				messageCountByStep: /* @__PURE__ */ new Map(),
+				messageCount: 0,
 				toolCallCount: 0,
 				subagentCount: 0
 			};
@@ -5948,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
 			};
@@ -5985,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") {
@@ -6000,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. */
@@ -6033,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
 				};
@@ -6046,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);
 			}
 		};
@@ -6354,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;
@@ -6484,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");
@@ -6612,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");
@@ -7530,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 = [
@@ -7613,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();
@@ -7630,6 +8122,7 @@ window.__ModuleLoader__.load({
 							loadOlder: () => {
 								session.loadOlder();
 							},
+							loadThrough: (seq) => session.loadThrough(seq),
 							loadImage: Object.assign((attachment) => ctx.uiConversation.imageUrl(sessionId, attachment), { peek: (attachment) => ctx.uiConversation.peekImageUrl(sessionId, attachment) }),
 							chatScroll: {
 								save: (position) => {