dsh-smooth-stream 0.4.3 → 0.6.0

package/lib/client.js

@@ -10,40 +10,40 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react_dom = require("react-dom");
 		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/TypewriterAssistantNodeView.module.css.mjs
-		const css$2 = ".I17U7q_root{min-width:0;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:16px;line-height:28px;display:flex}.I17U7q_body{flex-direction:column;gap:16px;min-width:0;display:flex}.I17U7q_think{flex-direction:column;display:flex}.I17U7q_thinkRow{position:relative;overflow:hidden}.I17U7q_think[data-state=running] .I17U7q_thinkRow: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 I17U7q_dsh-smooth-stream-think-sweep;position:absolute;left:0}@keyframes I17U7q_dsh-smooth-stream-think-sweep{0%{left:-300px}90%,to{left:100%}}.I17U7q_thinkLeading{flex-shrink:0}.I17U7q_thinkChevron{color:var(--dsw-alias-label-secondary)}.I17U7q_thinkTitle{font-weight:400}.I17U7q_thinkSeparator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.I17U7q_thinkSummary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.I17U7q_thinkSummary[data-follow-end]{text-overflow:clip}.I17U7q_thinkBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;padding:4px 0 4px 22px;font-size:14px;line-height:24px}.I17U7q_disclosureRoot{flex-direction:column;width:100%;min-width:0;display:flex}.I17U7q_disclosureRow{cursor:pointer;align-items:center;min-width:0;height:24px;display:flex;position:relative;overflow:hidden}.I17U7q_disclosureLeading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:6px;display:inline-flex;position:relative}.I17U7q_disclosureIconIdle{opacity:1;transition:opacity .1s;display:inline-flex}.I17U7q_disclosureChevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureIconIdle{opacity:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureChevronHover{opacity:1}.I17U7q_disclosureTitle{color:var(--dsw-alias-label-secondary);flex:none;font-size:14px;line-height:24px}.I17U7q_disclosureContent{visibility:visible;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s;grid-template-rows:1fr;display:grid}.I17U7q_disclosureContent[data-collapsed]{visibility:hidden;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s var(--ds-transition-duration,.2s);grid-template-rows:0fr}.I17U7q_disclosureContent[data-no-transition]{transition:none}.I17U7q_disclosureContent>*{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{animation:none}.I17U7q_disclosureContent,.I17U7q_disclosureContent[data-collapsed]{transition:none}}.I17U7q_stopped{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:6px;align-self:flex-start;padding:0 6px;font-size:11px;line-height:18px}.I17U7q_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.I17U7q_follow{contain:layout style;min-width:0}.I17U7q_root :not(pre)>code{line-height:inherit;white-space:normal;overflow-wrap:anywhere;vertical-align:baseline;display:inline}@supports (text-box-trim:trim-both){.I17U7q_root :is(p,h1,h2,h3,h4,h5,h6,blockquote){text-box-trim:trim-both;text-box-edge:text}}";
-		const tagId$2 = "dsh-smooth-stream/TypewriterAssistantNodeView.module.css";
+		const css$3 = ".I17U7q_root{min-width:0;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:16px;line-height:28px;display:flex}.I17U7q_body{flex-direction:column;gap:16px;min-width:0;display:flex}.I17U7q_think{flex-direction:column;display:flex}.I17U7q_thinkRow{position:relative;overflow:hidden}.I17U7q_think[data-state=running] .I17U7q_thinkRow: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 I17U7q_dsh-smooth-stream-think-sweep;position:absolute;left:0}@keyframes I17U7q_dsh-smooth-stream-think-sweep{0%{left:-300px}90%,to{left:100%}}.I17U7q_thinkLeading{flex-shrink:0}.I17U7q_thinkChevron{color:var(--dsw-alias-label-secondary)}.I17U7q_thinkTitle{font-weight:400}.I17U7q_thinkSeparator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.I17U7q_thinkSummary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.I17U7q_thinkSummary[data-follow-end]{text-overflow:clip}.I17U7q_thinkBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;padding:4px 0 4px 22px;font-size:14px;line-height:24px}.I17U7q_disclosureRoot{flex-direction:column;width:100%;min-width:0;display:flex}.I17U7q_disclosureRow{cursor:pointer;align-items:center;min-width:0;height:24px;display:flex;position:relative;overflow:hidden}.I17U7q_disclosureLeading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:6px;display:inline-flex;position:relative}.I17U7q_disclosureIconIdle{opacity:1;transition:opacity .1s;display:inline-flex}.I17U7q_disclosureChevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureIconIdle{opacity:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureChevronHover{opacity:1}.I17U7q_disclosureTitle{color:var(--dsw-alias-label-secondary);flex:none;font-size:14px;line-height:24px}.I17U7q_disclosureContent{visibility:visible;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s;grid-template-rows:1fr;display:grid}.I17U7q_disclosureContent[data-collapsed]{visibility:hidden;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s var(--ds-transition-duration,.2s);grid-template-rows:0fr}.I17U7q_disclosureContent[data-no-transition]{transition:none}.I17U7q_disclosureContent>*{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{animation:none}.I17U7q_disclosureContent,.I17U7q_disclosureContent[data-collapsed]{transition:none}}.I17U7q_stopped{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:6px;align-self:flex-start;padding:0 6px;font-size:11px;line-height:18px}.I17U7q_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.I17U7q_follow{contain:layout style;min-width:0}.I17U7q_root :not(pre)>code{line-height:inherit;white-space:normal;overflow-wrap:anywhere;vertical-align:baseline;display:inline}@supports (text-box-trim:trim-both){.I17U7q_root :is(p,h1,h2,h3,h4,h5,h6,blockquote){text-box-trim:trim-both;text-box-edge:text}}";
+		const tagId$3 = "dsh-smooth-stream/TypewriterAssistantNodeView.module.css";
 		if (typeof document !== "undefined") {
-			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]");
+			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]");
 			if (tag === null) {
 				tag = document.createElement("style");
 				tag.dataset.plugin = "dsh-smooth-stream";
-				tag.dataset.pluginCss = tagId$2;
+				tag.dataset.pluginCss = tagId$3;
 				document.head.appendChild(tag);
 			}
-			tag.textContent = css$2;
+			tag.textContent = css$3;
 		}
 		var TypewriterAssistantNodeView_module_css_default = {
+			"stopped": "I17U7q_stopped",
+			"thinkChevron": "I17U7q_thinkChevron",
 			"thinkTitle": "I17U7q_thinkTitle",
 			"thinkLeading": "I17U7q_thinkLeading",
 			"thinkSeparator": "I17U7q_thinkSeparator",
-			"disclosureRoot": "I17U7q_disclosureRoot",
-			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
-			"root": "I17U7q_root",
-			"disclosureTitle": "I17U7q_disclosureTitle",
+			"body": "I17U7q_body",
+			"thinkBody": "I17U7q_thinkBody",
+			"disclosureContent": "I17U7q_disclosureContent",
 			"visuallyHidden": "I17U7q_visuallyHidden",
+			"disclosureTitle": "I17U7q_disclosureTitle",
+			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
+			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
 			"follow": "I17U7q_follow",
-			"disclosureContent": "I17U7q_disclosureContent",
-			"stopped": "I17U7q_stopped",
+			"think": "I17U7q_think",
 			"thinkSummary": "I17U7q_thinkSummary",
 			"disclosureRow": "I17U7q_disclosureRow",
-			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"thinkRow": "I17U7q_thinkRow",
-			"thinkChevron": "I17U7q_thinkChevron",
-			"think": "I17U7q_think",
-			"body": "I17U7q_body",
+			"root": "I17U7q_root",
 			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkRow": "I17U7q_thinkRow",
 			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"thinkBody": "I17U7q_thinkBody"
+			"disclosureRoot": "I17U7q_disclosureRoot"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -125,33 +125,68 @@ window.__ModuleLoader__.load({
 		/** Defaults shared by the Host schema and the client-side fallback. */
 		const DEFAULT_STREAM_SETTINGS = {
 			enabled: true,
+			controlScroll: true,
+			motionPreference: "auto",
 			thinkAutoExpand: true,
-			autoCollapse: true,
 			debugEnabled: false,
 			debugTuning: DEFAULT_STREAM_DEBUG_TUNING
 		};
 		//#endregion
 		//#region src/client/clientStore.ts
+		function fallbackSnapshotStore(init) {
+			let state = init;
+			const listeners = /* @__PURE__ */ new Set();
+			return {
+				getSnapshot: () => state,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				update: (mutator) => {
+					const draft = Object.create(Object.getPrototypeOf(state), Object.getOwnPropertyDescriptors(state));
+					mutator(draft);
+					state = draft;
+					for (const listener of [...listeners]) listener(state);
+				},
+				set: (next) => {
+					state = next;
+					for (const listener of [...listeners]) listener(state);
+				}
+			};
+		}
 		/**
 		* Runtime require: the module-loader factory scopes its own resolver over the
 		* booting kernel's table; under Node (vitest) there is no global require, so
 		* fall back to `createRequire`.
 		*/
 		function pickRequire() {
-			if (typeof require === "function") return require;
-			if (typeof process !== "undefined" && typeof process.getBuiltinModule === "function") {
+			if (typeof require === "function") try {
+				return require;
+			} catch {
+				return null;
+			}
+			if (typeof process !== "undefined" && typeof process.getBuiltinModule === "function") try {
 				const { createRequire } = process.getBuiltinModule("node:module");
 				return createRequire(process.cwd() + "/package.json");
+			} catch {
+				return null;
 			}
-			throw new TypeError("dsh-smooth-stream: no client module resolver available");
+			return null;
 		}
 		let clientStore;
 		try {
-			clientStore = pickRequire()("@deepseek-ai/dsh-client-store");
-		} catch {
-			clientStore = pickRequire()("@deepseek-ai/dsh-client-runtime/client");
-		}
-		const createSnapshotStore = clientStore.createSnapshotStore;
+			const req = pickRequire();
+			if (req !== null) try {
+				clientStore = req("@deepseek-ai/dsh-client-store");
+			} catch {
+				try {
+					clientStore = req("@deepseek-ai/dsh-client-runtime/client");
+				} catch {}
+			}
+		} catch {}
+		const createSnapshotStore = clientStore?.createSnapshotStore ?? fallbackSnapshotStore;
 		//#endregion
 		//#region src/client/debugRuntime.ts
 		/**
@@ -433,8 +468,15 @@ window.__ModuleLoader__.load({
 		* scroll ownership. Current Harness also sees the write land at the floor.
 		*/
 		const FOLLOW_OWNED_ATTR = "data-follow-owned";
-		/** Sub-pixel settle threshold; clearing below this cannot produce a visible rebound. */
-		const FOLLOW_SETTLE_EPSILON_PX = .25;
+		/**
+		* Duration of completion runway retirement. The final pad is visible motion:
+		* its shrinking floor brings the transcript down to its natural resting
+		* position. 1.5s keeps the default 72px runway at 48px/s (0.8px per 60Hz
+		* frame), matching the configured default reading-follow velocity instead of
+		* the old 160ms / 450px/s staircase that looked like repeated completion
+		* jumps.
+		*/
+		const FOLLOW_RUNWAY_RETIRE_MS = 1500;
 		/** Runway size emitted by bundles before the 72px predictive runway. */
 		const LEGACY_RUNWAY_PX = 48;
 		/** Safe-lag occupancy band over which reveal pressure is progressively reduced. */
@@ -591,7 +633,7 @@ window.__ModuleLoader__.load({
 		* Outermost message surfaces; nested tool rows ride their parent.
 		*
 		* Another plugin may insert its own element as a flow sibling of the Chat rows
-		* (meow-memory's fold bar is one; so is this plugin's own fold summary row).
+		* (meow-memory's fold bar is one).
 		* Such a row carries no `data-chat-anchor-key`, so selecting only anchored
 		* rows would shift the conversation while leaving the foreign row at its
 		* natural offset, letting the shifted rows paint over it. Every direct flow
@@ -705,12 +747,237 @@ window.__ModuleLoader__.load({
 		const followHadChrome = /* @__PURE__ */ new WeakSet();
 		/** Last painted shift per port, to spread a wrap's one-line step over frames. */
 		const followLastShiftPx = /* @__PURE__ */ new WeakMap();
+		/** Last settled floor per port, to size the shift decay bound against extent collapse. */
+		const followLastFloorPx = /* @__PURE__ */ new WeakMap();
+		const followGuardAnchors = /* @__PURE__ */ new WeakMap();
+		/**
+		* Ports whose completion settle loop owns the follow. The settle drains the
+		* reveal, retires the pad and guards the cascade; the swap that ends the
+		* turn REMOUNTS the follower arms in the same frame cluster, and a freshly
+		* mounted arm primes with a higher generation and would otherwise steal the
+		* port mid-drain — its observers miss the cascade mutations (armed after
+		* the fact) and its state initialization re-materializes engine space.
+		* Ownership is released only when the settle finishes, the reader gestures,
+		* or a genuinely NEW turn arrives (a user row joined since the handoff).
+		*/
+		const followCompletionSettle = /* @__PURE__ */ new WeakSet();
+		/** User-row count at handoff, for the new-turn check above. */
+		const followCompletionSettleRows = /* @__PURE__ */ new WeakMap();
+		/** User rows below the flow, or -1 when the host does not label rows with
+		*  `data-chat-flow-kind` (the engine's own audit benches): the new-turn
+		*  check is unsupported there and ownership guarding must stay OFF. */
+		function countUserRows(port) {
+			const flow = flowElementOf(port);
+			if (flow === null) return -1;
+			let count = 0;
+			let sawKind = false;
+			for (const child of flow.children) {
+				if (!(child instanceof HTMLElement)) continue;
+				const kind = child.getAttribute("data-chat-flow-kind");
+				if (kind !== null) sawKind = true;
+				if (kind === "user") count++;
+			}
+			return sawKind ? count : -1;
+		}
+		/** True while this port's completion settle owns the follow and no new turn
+		*  has arrived since the handoff. */
+		function completionSettleGuardsPort(port) {
+			if (!followCompletionSettle.has(port)) return false;
+			const baseline = followCompletionSettleRows.get(port) ?? -1;
+			const current = countUserRows(port);
+			return baseline >= 0 && current >= 0 && current <= baseline;
+		}
+		/**
+		* Ports whose completion settle loop owns the follow. A settle loop drains,
+		* retires the pad and guards the cascade; an arm that primes while this is
+		* set with `active === false` (the settled-side static arm mounting in the
+		* very swap frame) must NOT seize leadership — the swap re-renders the node
+		* view, a fresh arm would otherwise steal the port mid-drain with
+		* `reservePx = ownedBottomSpace` (the pad!), re-materialize an equal runway
+		* through applyVisual, double-count the extent and fight the settle's own
+		* guard for the rest of the window. A streaming arm (active === true, the
+		* next turn) still takes over normally and the settle yields.
+		*/
+		function readingAnchorOf(port) {
+			const flow = flowElementOf(port);
+			if (flow === null) return null;
+			let anchor = null;
+			for (const child of flow.children) {
+				if (!(child instanceof HTMLElement)) continue;
+				if (child.getAttribute("data-chat-flow-kind") === "assistant" || child.querySelector("[data-variant=\"think\"]") !== null) anchor = child;
+			}
+			return anchor ?? shiftSurfacesOf(port).at(-1) ?? null;
+		}
+		/**
+		* Measure the reading surface's screen delta since the last guard pass.
+		* Returns null when there is nothing comparable yet (first observation), or
+		* when the anchor changed identity in a way that is NOT the in-place
+		* live→settled replacement (a new turn's row joined — nothing jumped,
+		* re-seed). Compensation sites must store the POST-compensation held
+		* position via `holdGuardAnchor`, or the guard would read its own
+		* correction as a fresh jump and oscillate.
+		*/
+		function measureReadingAnchor(port) {
+			const anchor = readingAnchorOf(port);
+			if (anchor === null) {
+				followGuardAnchors.delete(port);
+				return null;
+			}
+			const rect = anchor.getBoundingClientRect();
+			if (!(rect.width > 0 || rect.height > 0)) return null;
+			const top = rect.top;
+			const shift = currentShiftOf(anchor);
+			const pad = flowPadOf(port);
+			const scrollTop = port.scrollTop;
+			const scrollHeight = port.scrollHeight;
+			const flow = flowElementOf(port);
+			const index = flow === null ? -1 : [...flow.children].indexOf(anchor);
+			const stored = followGuardAnchors.get(port);
+			if (stored === void 0) {
+				followGuardAnchors.set(port, {
+					element: anchor,
+					top,
+					index,
+					shift,
+					pad,
+					scrollTop,
+					scrollHeight
+				});
+				return null;
+			}
+			if (Math.abs(scrollHeight - stored.scrollHeight) <= .5 && Math.abs(scrollTop - stored.scrollTop) > .5) {
+				followScrollLedgers.set(port, scrollTop);
+				followGuardAnchors.set(port, {
+					element: anchor,
+					top,
+					index,
+					shift,
+					pad,
+					scrollTop,
+					scrollHeight
+				});
+				return null;
+			}
+			const delta = top - stored.top - (shift - stored.shift) + (pad - stored.pad);
+			if (stored.element === anchor) {
+				followGuardAnchors.set(port, {
+					element: anchor,
+					top,
+					index,
+					shift,
+					pad,
+					scrollTop,
+					scrollHeight
+				});
+				return {
+					anchor,
+					index,
+					top,
+					delta
+				};
+			}
+			if (!stored.element.isConnected && stored.index === index) return {
+				anchor,
+				index,
+				top,
+				delta
+			};
+			followGuardAnchors.set(port, {
+				element: anchor,
+				top,
+				index,
+				shift,
+				pad,
+				scrollTop,
+				scrollHeight
+			});
+			return null;
+		}
+		/** Record the position the reader should keep seeing after a correction. */
+		function holdGuardAnchor(port, measured, heldTop) {
+			followGuardAnchors.set(port, {
+				element: measured.anchor,
+				index: measured.index,
+				top: heldTop,
+				shift: currentShiftOf(measured.anchor),
+				pad: flowPadOf(port),
+				scrollTop: port.scrollTop,
+				scrollHeight: port.scrollHeight
+			});
+		}
 		/** Last runway offset seen per port, to rebase the extent when the margin size changes. */
 		const followRunwayOffsetHistory = /* @__PURE__ */ new WeakMap();
 		/** Last observed scroll floor per port, for the slack→overflow runway re-measure. */
 		const followFloorHistory = /* @__PURE__ */ new WeakMap();
 		/** One-shot flag: the transition frame must paint the full runway as baseline. */
 		const followSlackTransition = /* @__PURE__ */ new WeakSet();
+		const followSettlePads = /* @__PURE__ */ new WeakMap();
+		/**
+		* Retired follower space lives as `padding-bottom` on the FLOW element — the
+		* one node the engine already owns styles on (flow-fill min-height) and the
+		* host never rewrites. Host completion commits routinely REPLACE row elements
+		* (live→settled swap re-keys the assistant row, the status row unmounts), and
+		* any engine space written on those rows dies with them, sinking the floor
+		* and slamming the pinned transcript for a frame. The flow survives.
+		*/
+		function flowPadOf(port) {
+			return followSettlePads.get(port)?.px ?? 0;
+		}
+		/**
+		* After a loss is re-opened as pad, a registry entry whose element is no
+		* longer connected claims extent that no longer exists; drop it so the next
+		* `ensureRunway` re-measures fresh instead of double-counting.
+		*/
+		function pruneDeadRunway(port) {
+			const runway = followRunways.get(port);
+			if (runway !== void 0 && !runway.element.isConnected) {
+				restoreRunway(port);
+				return true;
+			}
+			return false;
+		}
+		function setFlowPad(port, px) {
+			const flow = flowElementOf(port);
+			if (flow === null) return;
+			const existing = followSettlePads.get(port);
+			const original = existing?.original ?? flow.style.paddingBottom;
+			if (px <= .25) {
+				if (existing !== void 0) {
+					flow.style.paddingBottom = existing.original;
+					followSettlePads.delete(port);
+				}
+				return;
+			}
+			flow.style.paddingBottom = original === "" ? `${px}px` : `calc(${original} + ${px}px)`;
+			followSettlePads.set(port, {
+				element: flow,
+				original,
+				px
+			});
+		}
+		/** Extent the follower owns below the content: the live runway margin plus
+		*  the retired completion pad. At adopt the pad is reclaimed into the fresh
+		*  reservation (same frame, pre-paint), so the floor never steps. */
+		function ownedBottomSpaceOf(port) {
+			return runwayOffsetOf(port) + flowPadOf(port);
+		}
+		/**
+		* Completion-window diagnostics. Armed when a follower hands off to its
+		* settle loop; every engine decision and every externally-written scroll
+		* position inside the window prints one compact console line, so a live
+		* host session can be diffed against the lab without a debugger.
+		*/
+		let followTraceUntilMs = 0;
+		function traceActive() {
+			return debugRuntime.isEnabled() && performance.now() < followTraceUntilMs;
+		}
+		function followTrace(event, detail) {
+			if (!traceActive()) return;
+			console.log(`[dsh-follow] ${event}`, JSON.stringify(detail));
+		}
+		function hostShOf(port) {
+			return port.scrollHeight;
+		}
 		function invalidatePaintLimit(port) {
 			followPaintLimits.delete(port);
 		}
@@ -831,6 +1098,31 @@ window.__ModuleLoader__.load({
 		function runwayOffsetOf(port) {
 			return followRunways.get(port)?.offset ?? 0;
 		}
+		/**
+		* Move owned runway margin into the persistent flow pad without changing the
+		* scroll extent. Returns the actual layout pixels removed from the margin.
+		*/
+		function transferRunwayToFlowPad(port, requestedPx) {
+			const runway = followRunways.get(port);
+			if (runway === void 0 || requestedPx <= 0 || !runway.element.isConnected) return 0;
+			const nextRequestedPx = Math.max(0, runway.requestedPx - requestedPx);
+			const beforeOffset = runway.offset;
+			const beforeHeight = port.scrollHeight;
+			runway.element.style[runway.property] = nextRequestedPx <= .25 ? runway.original : runway.original === "" ? `${nextRequestedPx}px` : `calc(${runway.original} + ${nextRequestedPx}px)`;
+			const nextOffset = Math.max(0, beforeOffset + port.scrollHeight - beforeHeight);
+			const transferredPx = Math.max(0, beforeOffset - nextOffset);
+			if (nextRequestedPx <= .25 || nextOffset <= .25) followRunways.delete(port);
+			else followRunways.set(port, {
+				...runway,
+				offset: nextOffset,
+				requestedPx: nextRequestedPx
+			});
+			if (transferredPx > 0) {
+				setFlowPad(port, flowPadOf(port) + transferredPx);
+				invalidatePaintLimit(port);
+			}
+			return transferredPx;
+		}
 		/** Available paint room below the last message before fixed conversation chrome. */
 		function safeShiftLimit(port, surfaces) {
 			const last = surfaces.at(-1);
@@ -859,6 +1151,13 @@ window.__ModuleLoader__.load({
 			return limit;
 		}
 		function setFollowScrollTop(port, nextTop) {
+			const ledger = followScrollLedgers.get(port);
+			if (port.getAttribute(FOLLOW_OWNED_ATTR) === null) port.setAttribute(FOLLOW_OWNED_ATTR, "active");
+			if (ledger !== void 0 && traceActive() && Math.abs(port.scrollTop - ledger) > 1) followTrace("external-scroll", {
+				from: Math.round(port.scrollTop),
+				to: Math.round(nextTop),
+				ledger: Math.round(ledger)
+			});
 			if (Math.abs(port.scrollTop - nextTop) > .01) port.scrollTop = nextTop;
 			followScrollLedgers.set(port, port.scrollTop);
 			const ownedTop = String(port.scrollTop);
@@ -872,6 +1171,19 @@ window.__ModuleLoader__.load({
 		*/
 		const followScrollLedgers = /* @__PURE__ */ new WeakMap();
 		const followActivityAt = /* @__PURE__ */ new WeakMap();
+		/**
+		* Scroll ownership must survive follower-arm remounts. Per-closure state let a
+		* new text/tool arm reset the strike counter, so the same host write kept
+		* triggering another engine write and repainting the visible up/down fight.
+		*/
+		const followHostScrollPorts = /* @__PURE__ */ new WeakMap();
+		/** Clear host ownership only when a new user turn actually starts. */
+		function resetHostScrollOwnershipForNewTurn(port) {
+			const ownership = followHostScrollPorts.get(port);
+			if (ownership === void 0) return;
+			const userRows = countUserRows(port);
+			if (userRows >= 0 && userRows > ownership.userRows) followHostScrollPorts.delete(port);
+		}
 		/** Whether this port was owned recently enough to identify a closing tail row. */
 		function hasRecentConversationFollow(port, windowMs = 250) {
 			const last = followActivityAt.get(port);
@@ -888,7 +1200,7 @@ window.__ModuleLoader__.load({
 		* same frame. Carrying that excess in `scrollTop` would move the transcript
 		* toward fixed chrome and also make the host expose jump-to-bottom.
 		*/
-		function applyVisual(port, animatedH, reservePx, velocityPxPerSec = 0, runwayPx = 72, shiftCeilingPx = Number.POSITIVE_INFINITY, promoteAtRest = false, trajectoryShiftPx) {
+		function applyVisual(port, animatedH, reservePx, velocityPxPerSec = 0, runwayPx = 72, shiftCeilingPx = Number.POSITIVE_INFINITY, promoteAtRest = false, trajectoryShiftPx, dtMs = 16.7, writeScrollTop = true) {
 			const surfaces = shiftSurfacesOf(port);
 			ensureFlowFillsPort(port);
 			{
@@ -900,10 +1212,7 @@ window.__ModuleLoader__.load({
 					ensureRunway(port, surfaces, owned?.requestedPx ?? runwayPx);
 					followSlackTransition.add(port);
 				}
-				if (preFloor !== lastFloorSeen) {
-					invalidatePaintLimit(port);
-					followFloorHistory.set(port, preFloor);
-				}
+				if (preFloor !== lastFloorSeen) followFloorHistory.set(port, preFloor);
 			}
 			ensureRunway(port, surfaces, reservePx);
 			const contentHeight2 = Math.max(0, port.scrollHeight);
@@ -920,7 +1229,7 @@ window.__ModuleLoader__.load({
 			if (port.style.scrollBehavior !== "auto") port.style.scrollBehavior = "auto";
 			if (floor <= 0) {
 				followRunwayOffsetHistory.set(port, 0);
-				setFollowScrollTop(port, 0);
+				if (writeScrollTop) setFollowScrollTop(port, 0);
 				followMotionStates.set(port, {
 					capacityPx: Number.POSITIVE_INFINITY,
 					constrained: false,
@@ -944,15 +1253,25 @@ window.__ModuleLoader__.load({
 			const motionShift = Math.min(trajectoryShiftPx ?? baselineShift + requestedLag, availableShift);
 			let shift = Math.max(motionShift, promoteAtRest && motionShift <= .01 && availableShift > 0 ? .1 : 0);
 			const previousShift = followLastShiftPx.get(port);
-			if (previousShift !== void 0 && shift < previousShift - 8) shift = previousShift - 8;
+			const previousFloor = followLastFloorPx.get(port);
+			const floorDropPx = Math.max(0, (previousFloor ?? floor) - floor);
+			const maxDecayPx = Math.max(dtMs <= 0 ? 8 : Math.max(1, 8 / 16.67 * dtMs), floorDropPx);
+			followLastFloorPx.set(port, floor);
+			if (previousShift !== void 0 && shift < previousShift - maxDecayPx) shift = previousShift - maxDecayPx;
+			if (followCompletionSettle.has(port) && previousShift !== void 0 && previousFloor !== void 0) {
+				const confirmedGrowthPx = Math.max(0, floor - previousFloor);
+				if (shift > previousShift + confirmedGrowthPx) shift = previousShift + confirmedGrowthPx;
+			}
 			followLastShiftPx.set(port, shift);
-			const effectiveLag = Math.max(0, motionShift - baselineShift);
+			const requestedShift = trajectoryShiftPx ?? baselineShift + requestedLag;
+			const effectiveLag = Math.max(0, shift - baselineShift);
 			const capacityPx = Math.max(0, limit - baselineShift);
 			const effectiveExtent = targetHeight - effectiveLag;
-			setFollowScrollTop(port, floor);
+			const isConstrained = requestedShift > availableShift + .25 || limit <= 0 && requestedShift > baselineShift;
+			if (writeScrollTop) setFollowScrollTop(port, floor);
 			followMotionStates.set(port, {
 				capacityPx,
-				constrained: requestedLag > effectiveLag + FOLLOW_SETTLE_EPSILON_PX,
+				constrained: isConstrained,
 				extent: effectiveExtent,
 				lagPx: effectiveLag,
 				reservePx: visibleReserve,
@@ -976,6 +1295,7 @@ window.__ModuleLoader__.load({
 			restoreRunway(port);
 			followMotionStates.delete(port);
 			followLastShiftPx.delete(port);
+			followLastFloorPx.delete(port);
 			invalidatePaintLimit(port);
 		}
 		/** Keep an already-promoted surface at zero until one stable final paint lands. */
@@ -985,20 +1305,27 @@ window.__ModuleLoader__.load({
 			element.style.clipPath = "";
 		}
 		/** Remove equal offsets, land on the floor, then retire the compositor quietly. */
-		function finishAtNaturalFloor(port, retainCompositor = true) {
+		function finishAtNaturalFloor(port, retainCompositor = true, writeScrollTop = true) {
+			followCompletionSettle.delete(port);
+			followTraceUntilMs = Math.max(followTraceUntilMs, performance.now() + 1e4);
+			followTrace("finish-enter", {
+				sh: hostShOf(port),
+				st: Math.round(port.scrollTop),
+				pad: Math.round(flowPadOf(port)),
+				retain: retainCompositor
+			});
 			const surfaces = shiftSurfacesOf(port);
 			const status = turnStatusOf(port);
 			if (!retainCompositor) {
 				restoreRunway(port);
-				settleAtFloor(port);
+				if (writeScrollTop) settleAtFloor(port);
 				clearMotion(port);
 				followMotionStates.delete(port);
 				return;
 			}
 			const promoted = [...surfaces, ...status === null ? [] : [status]].filter((element) => element.style.transform !== "" || element.style.willChange === "transform");
 			const promotedSet = new Set(promoted);
-			restoreRunway(port);
-			settleAtFloor(port);
+			if (writeScrollTop) settleAtFloor(port);
 			port.removeAttribute(FOLLOW_OWNED_ATTR);
 			port.style.overflowAnchor = "";
 			port.style.scrollBehavior = "";
@@ -1023,6 +1350,8 @@ window.__ModuleLoader__.load({
 		/** Only the newest active follower may write one port's shared visual state. */
 		const followLeaders = /* @__PURE__ */ new WeakMap();
 		let followGeneration = 0;
+		/** Ports with a live streaming arm; completion guards must not fight them. */
+		const followActivePorts = /* @__PURE__ */ new WeakSet();
 		/**
 		* Own the conversation scrollport's bottom-follow while `active` is true.
 		*
@@ -1036,15 +1365,19 @@ window.__ModuleLoader__.load({
 		* @param predictiveRef - Optional live visibility gate for predictive runway.
 		* @param entranceExtentRef - Optional measured growth delta for a generic row.
 		* @param revealedCharsRef - Committed code-point count for feed-forward phase.
+		* @param controlScroll - When false, leave the scrollport entirely to the Host.
 		*/
-		function useConversationFollow(rootRef, active, speedCpsRef, revealScaleRef, predictive = true, entrance = false, onEntranceSettled, predictiveRef, entranceExtentRef, revealedCharsRef) {
+		function useConversationFollow(rootRef, active, speedCpsRef, revealScaleRef, predictive = true, entrance = false, onEntranceSettled, predictiveRef, entranceExtentRef, revealedCharsRef, controlScroll = true) {
 			const activeRef = (0, react.useRef)(active);
 			const entranceRef = (0, react.useRef)(entrance);
 			const onEntranceSettledRef = (0, react.useRef)(onEntranceSettled);
 			entranceRef.current = entrance;
 			onEntranceSettledRef.current = onEntranceSettled;
 			activeRef.current = active;
+			const controlScrollRef = (0, react.useRef)(controlScroll);
+			controlScrollRef.current = controlScroll;
 			(0, react.useLayoutEffect)(() => {
+				if (!controlScroll) return;
 				if (!active) return;
 				const startedAsEntrance = entrance;
 				const owner = {};
@@ -1063,8 +1396,10 @@ window.__ModuleLoader__.load({
 				let interactTimer = null;
 				let port = null;
 				let resize = null;
+				let mutations = null;
 				let observedTail = null;
 				let statusWasPresent = null;
+				let lastStatusHeightPx = 0;
 				let trajectoryPositionPx = null;
 				let trajectoryVelocityPxPerMs = 0;
 				let trajectoryTargetVelocityPxPerMs = 0;
@@ -1120,10 +1455,43 @@ window.__ModuleLoader__.load({
 					if (holding === next && isLeader(next)) return;
 					holding = next;
 					const leader = followLeaders.get(next);
-					if (leader === void 0 || generation > leader.generation) followLeaders.set(next, {
-						generation,
-						owner
+					if ((leader === void 0 || generation > leader.generation) && !completionSettleGuardsPort(next)) {
+						followCompletionSettle.delete(next);
+						followLeaders.set(next, {
+							generation,
+							owner
+						});
+					}
+				};
+				const yieldScrollOwnership = (next, floor) => {
+					if (hostOwnsScroll) return;
+					hostOwnsScroll = true;
+					followHostScrollPorts.set(next, { userRows: countUserRows(next) });
+					followTrace("yield-scroll", {
+						from: Math.round(next.scrollTop),
+						to: Math.round(floor)
 					});
+					clearVisual(next);
+					setFollowScrollTop(next, Math.max(0, next.scrollHeight - next.clientHeight));
+					next.removeAttribute(FOLLOW_OWNED_ATTR);
+					followLeaders.delete(next);
+					releaseRevealScale();
+					debugRuntime.reportFollow(next, null);
+				};
+				const detectHostScroll = (next, floor) => {
+					if (followHostScrollPorts.has(next)) {
+						hostOwnsScroll = true;
+						return;
+					}
+					const ledger = followScrollLedgers.get(next);
+					if (ledger === void 0 || Math.abs(next.scrollTop - ledger) <= 1) return;
+					if (Math.abs(next.scrollTop - floor) <= 1) {
+						followScrollLedgers.set(next, next.scrollTop);
+						externalScrollStrikes = 0;
+						return;
+					}
+					externalScrollStrikes += 1;
+					if (externalScrollStrikes >= 2) yieldScrollOwnership(next, floor);
 				};
 				const drop = (next) => {
 					if (holding === next) holding = null;
@@ -1164,16 +1532,102 @@ window.__ModuleLoader__.load({
 						interactTimer = null;
 					}, 800);
 				};
+				/**
+				* Last observed scroll extent, shared by the pre-paint correction and the
+				* settle loop so a host layout shrink is re-opened exactly once no matter
+				* which observer sees it first. `-1` until the first owned observation.
+				*/
+				let settleRetiring = false;
+				let hostOwnsScroll = false;
+				let externalScrollStrikes = 0;
+				Number.NEGATIVE_INFINITY;
+				let handedOff = false;
+				/**
+				* Bring the reading surface back down toward its held position after an
+				* upward host push (clamp jump, live→settled swap): spend persistent pad
+				* first — lowering the floor lets the pin carry the text back down —
+				* then raise the compositor shift for whatever pad cannot cover, and
+				* rebase the spring extent so the raise survives the next applyVisual
+				* (which otherwise recomputes the shift from lag and undoes it).
+				*/
+				const pullReadingAnchorBack = (host, measured, trace = false) => {
+					holdGuardAnchor(host, measured, measured.top);
+				};
+				/**
+				* THE screen-space anchor hold, shared by every entry point: the
+				* structural-observer path (pre-paint cascade correction), the settle
+				* loop's per-frame poll, and the ACTIVE loop's per-frame poll. The
+				* shift-excluded delta filters the engine's own motion (reveal glide,
+				* wrap lockstep) to ~0, so a live poll may compensate safely — which is
+				* what saves the completion swap: the settled-side arm primes in its
+				* layout effect and steals leadership IN the cascade frame, its own
+				* observers miss the mutations (armed after the fact), and only this
+				* poll sees the jump while it can still be corrected before paint.
+				* Returns the measured delta (null when nothing was comparable).
+				*/
+				const enforceReadingAnchor = (host, trace = false) => {
+					const measured = measureReadingAnchor(host);
+					if (measured === null) return null;
+					if (measured.delta > .5) {
+						if (trace) followTrace("anchor-hold", {
+							screenDelta: Math.round(measured.delta),
+							st: Math.round(host.scrollTop)
+						});
+						if (pruneDeadRunway(host)) reservePx = 0;
+						holdGuardAnchor(host, measured, measured.top);
+					} else if (measured.delta < -.5) {
+						if (pruneDeadRunway(host)) reservePx = 0;
+						pullReadingAnchorBack(host, measured, trace);
+					} else holdGuardAnchor(host, measured, measured.top);
+					return measured.delta;
+				};
+				/** Pre-paint correction (observers, commit subscription). */
 				const restoreBeforePaint = () => {
-					if (!following || port === null || !isLeader(port)) return;
+					if (!following || port === null) return;
+					if (hostOwnsScroll || followHostScrollPorts.has(port)) {
+						hostOwnsScroll = true;
+						followScrollLedgers.set(port, port.scrollTop);
+						return;
+					}
+					if (!activeRef.current) detectHostScroll(port, Math.max(0, port.scrollHeight - port.clientHeight));
+					const leaderless = !isLeader(port);
+					if (!activeRef.current && followActivePorts.has(port)) return;
+					if (leaderless && (followLeaders.has(port) || !handedOff)) return;
+					if (leaderless) {
+						const sharedMotion = followMotionStates.get(port);
+						if (sharedMotion !== void 0) {
+							animatedH = Math.min(port.scrollHeight, Math.max(0, sharedMotion.extent));
+							reservePx = sharedMotion.reservePx;
+							velocityPxPerSec = sharedMotion.velocityPxPerSec;
+						}
+					}
+					pruneDeadRunway(port);
+					if (!settleRetiring) {
+						const measured = measureReadingAnchor(port);
+						if (measured !== null && measured.delta > .5) {
+							if (pruneDeadRunway(port)) reservePx = 0;
+							holdGuardAnchor(port, measured, measured.top);
+						} else if (measured !== null && measured.delta < -.5) {
+							if (pruneDeadRunway(port)) reservePx = 0;
+							if (!activeRef.current) pullReadingAnchorBack(port, measured);
+							else {
+								const released = Math.min(flowPadOf(port), -measured.delta);
+								if (released > .25) {
+									setFlowPad(port, flowPadOf(port) - released);
+									animatedH = Math.max(0, animatedH - released);
+								}
+								holdGuardAnchor(port, measured, measured.top + released);
+							}
+						} else if (measured !== null) holdGuardAnchor(port, measured, measured.top);
+					}
 					const tuning = debugRuntime.activeTuning();
 					const predictGrowth = predictiveRef?.current ?? predictive;
 					const floor = Math.max(0, port.scrollHeight - port.clientHeight);
 					if (followFloorHistory.get(port) !== floor) invalidatePaintLimit(port);
 					const isReasoningSurface = rootRef.current?.querySelector("[data-variant=\"think\"]") !== null;
 					const trajectoryShift = predictive && !isReasoningSurface && runwayOffsetOf(port) > 0 && trajectoryPositionPx !== null ? floor - trajectoryPositionPx : void 0;
-					animatedH = applyVisual(port, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx, Number.POSITIVE_INFINITY, !predictGrowth, trajectoryShift);
-					if (trajectoryShift !== void 0) trajectoryPositionPx = floor - currentShiftOf(shiftSurfacesOf(port).at(-1) ?? port);
+					animatedH = applyVisual(port, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx, activeRef.current ? Number.POSITIVE_INFINITY : followLastShiftPx.get(port) ?? Number.POSITIVE_INFINITY, !predictGrowth, trajectoryShift, 0, activeRef.current && !hostOwnsScroll);
+					if (trajectoryShift !== void 0) trajectoryPositionPx = floor - (followLastShiftPx.get(port) ?? floor - (trajectoryPositionPx ?? floor));
 					updateRevealScale(port, 0, true);
 					reportFollow(port, activeRef.current);
 				};
@@ -1183,6 +1637,7 @@ window.__ModuleLoader__.load({
 					if (port !== null) {
 						for (const name of GESTURE_EVENTS) port.removeEventListener(name, markGesture);
 						resize?.disconnect();
+						mutations?.disconnect();
 					}
 					unsubscribeCommit?.();
 					port = next;
@@ -1192,11 +1647,23 @@ window.__ModuleLoader__.load({
 					});
 					for (const name of GESTURE_EVENTS) port.addEventListener(name, markGesture, { passive: true });
 					if (typeof ResizeObserver !== "undefined") {
-						resize = new ResizeObserver(restoreBeforePaint);
+						resize = new ResizeObserver(() => restoreBeforePaint());
 						resize.observe(port);
 						const proxy = resizeProxyOf(port);
 						if (proxy !== null) resize.observe(proxy);
 					}
+					if (typeof MutationObserver !== "undefined") {
+						const flow = flowElementOf(port);
+						if (flow !== null) {
+							mutations = new MutationObserver(() => {
+								restoreBeforePaint();
+							});
+							mutations.observe(flow, {
+								childList: true,
+								subtree: true
+							});
+						}
+					}
 				};
 				/**
 				* Keep the observer on the flow's TAIL surface. A flow locked to the
@@ -1224,17 +1691,28 @@ window.__ModuleLoader__.load({
 					if (nextPort === null) return;
 					bindPort(nextPort);
 					observeTailSurface();
+					resetHostScrollOwnershipForNewTurn(nextPort);
+					hostOwnsScroll = followHostScrollPorts.has(nextPort);
+					if (activeRef.current) followActivePorts.add(nextPort);
+					else followActivePorts.delete(nextPort);
 					if (nextPort.clientHeight <= 0) return;
-					const reportedLag = Math.max(0, nextPort.scrollHeight - nextPort.clientHeight) - nextPort.scrollTop;
+					const floor = Math.max(0, nextPort.scrollHeight - nextPort.clientHeight);
+					const reportedLag = floor - nextPort.scrollTop;
 					const extent = Math.min(nextPort.scrollHeight, Math.max(0, nextPort.scrollHeight - reportedLag));
 					if (!primed) {
+						if (completionSettleGuardsPort(nextPort)) {
+							primed = true;
+							following = false;
+							return;
+						}
 						const inherited = nextPort.hasAttribute(FOLLOW_OWNED_ATTR) ? followMotionStates.get(nextPort) : void 0;
 						if (inherited === void 0) {
 							const entranceExtent = entrancePending ? entranceExtentRef?.current ?? entranceExtentOf(root) : 0;
 							const predictGrowth = predictiveRef?.current ?? predictive;
 							animatedH = entrancePending ? Math.max(0, nextPort.scrollHeight - entranceExtent) : nextPort.scrollHeight;
 							const hasStatus = turnStatusOf(nextPort) !== null;
-							reservePx = predictGrowth && (hasStatus || speedCpsRef.current > 90) ? computeFollowReserve(speedCpsRef.current, tuning.runwayPx) : 0;
+							reservePx = Math.max(ownedBottomSpaceOf(nextPort), predictGrowth && (hasStatus || speedCpsRef.current > 90) ? computeFollowReserve(speedCpsRef.current, tuning.runwayPx) : 0);
+							if (!completionSettleGuardsPort(nextPort)) setFlowPad(nextPort, 0);
 							statusWasPresent = hasStatus;
 							velocityPxPerSec = 0;
 							following = !readerScrolledUp(nextPort) && !followReaderHolds.has(nextPort);
@@ -1247,7 +1725,7 @@ window.__ModuleLoader__.load({
 						if (following) {
 							hold(nextPort);
 							if (isLeader(nextPort)) {
-								animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx, Number.POSITIVE_INFINITY, !(predictiveRef?.current ?? predictive));
+								animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx, Number.POSITIVE_INFINITY, !(predictiveRef?.current ?? predictive), void 0, 0, !hostOwnsScroll);
 								if (predictive && root.querySelector("[data-variant=\"think\"]") === null && runwayOffsetOf(nextPort) > 0) {
 									const floor = Math.max(0, nextPort.scrollHeight - nextPort.clientHeight);
 									const requestedMinLagPx = Math.max(20, runwayOffsetOf(nextPort) - 32);
@@ -1299,20 +1777,27 @@ window.__ModuleLoader__.load({
 						reportFollow(nextPort, activeRef.current);
 						return;
 					}
+					detectHostScroll(nextPort, floor);
+					if (hostOwnsScroll) {
+						followScrollLedgers.set(nextPort, nextPort.scrollTop);
+						reportFollow(nextPort, false);
+						return;
+					}
 					hold(nextPort);
 					if (!isLeader(nextPort)) {
 						finishEntrance();
 						return;
 					}
 					const predictGrowth = predictiveRef?.current ?? predictive;
-					const hasStatus = turnStatusOf(nextPort) !== null;
+					const statusElement = turnStatusOf(nextPort);
+					const hasStatus = statusElement !== null;
+					if (statusElement !== null) lastStatusHeightPx = statusElement.offsetHeight;
 					const statusJustRemoved = predictGrowth && statusWasPresent === true && !hasStatus;
-					if (statusJustRemoved) reservePx = tuning.runwayPx;
+					if (statusJustRemoved) reservePx = Math.max(reservePx, tuning.runwayPx) + lastStatusHeightPx;
 					statusWasPresent = hasStatus;
 					const reserveEnabled = hasStatus || statusJustRemoved || reservePx > .25 || speedCpsRef.current > 90;
 					const pressureReserveTarget = predictGrowth && reserveEnabled ? computeFollowReserve(speedCpsRef.current, tuning.runwayPx) : 0;
-					const heldReserveTarget = tuning.runwayPx < reservePx ? tuning.runwayPx : Math.max(reservePx, pressureReserveTarget);
-					const effectiveReserveTarget = !predictGrowth ? 0 : statusJustRemoved ? tuning.runwayPx : heldReserveTarget;
+					const effectiveReserveTarget = Math.max(reservePx, pressureReserveTarget);
 					const reserveStep = 1 - Math.exp(-elapsedMs / tuning.reserveResponseMs);
 					reservePx += (effectiveReserveTarget - reservePx) * reserveStep;
 					if (predictGrowth || runwayOffsetOf(nextPort) > .5) ensureRunway(nextPort, shiftSurfacesOf(nextPort), reservePx);
@@ -1386,23 +1871,45 @@ window.__ModuleLoader__.load({
 							animatedH = contentHeight - runwayOffset;
 							velocityPxPerSec = 0;
 						} else {
-							const minimumLag = predictGrowth ? 0 : Math.max(0, reservePx);
-							animatedH = Math.min(contentHeight - runwayOffset - minimumLag, animatedH + step.advancePx);
+							animatedH = Math.min(contentHeight - runwayOffset, animatedH + step.advancePx);
 							velocityPxPerSec = step.velocityPxPerSec;
 						}
 					}
-					animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx, Number.POSITIVE_INFINITY, !predictGrowth, trajectoryShift);
-					if (trajectoryActive) trajectoryPositionPx = floorNow - currentShiftOf(shiftSurfacesOf(nextPort).at(-1) ?? nextPort);
+					animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx, Number.POSITIVE_INFINITY, !predictGrowth, trajectoryShift, elapsedMs, !hostOwnsScroll);
+					if (trajectoryActive) trajectoryPositionPx = floorNow - (followLastShiftPx.get(nextPort) ?? trajectoryShift ?? 0);
 					updateRevealScale(nextPort, elapsedMs);
 					reportFollow(nextPort, true);
+					if (isLeader(nextPort)) {
+						if (!activeRef.current) enforceReadingAnchor(nextPort);
+						else measureReadingAnchor(nextPort);
+					}
 					if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffsetOf(nextPort)) <= .25) finishEntrance();
 				};
 				frame(performance.now());
 				return () => {
+					if (!controlScrollRef.current) {
+						cancelAnimationFrame(rafId);
+						if (port !== null) followActivePorts.delete(port);
+						unsubscribeCommit?.();
+						resize?.disconnect();
+						mutations?.disconnect();
+						if (port !== null) for (const name of GESTURE_EVENTS) port.removeEventListener(name, markGesture);
+						if (interactTimer !== null) clearTimeout(interactTimer);
+						const disabledHost = rootRef.current?.closest("[data-conversation-scroll]") ?? port;
+						if (disabledHost !== null) {
+							clearVisual(disabledHost);
+							followLeaders.delete(disabledHost);
+							debugRuntime.reportFollow(disabledHost, null);
+						}
+						releaseRevealScale();
+						return;
+					}
 					cancelAnimationFrame(rafId);
+					if (port !== null) followActivePorts.delete(port);
 					unsubscribeCommit?.();
 					if (interactTimer !== null) clearTimeout(interactTimer);
 					resize?.disconnect();
+					mutations?.disconnect();
 					if (port !== null) for (const name of GESTURE_EVENTS) port.removeEventListener(name, markGesture);
 					const host = rootRef.current?.closest("[data-conversation-scroll]") ?? port;
 					if (host === null) return;
@@ -1426,8 +1933,18 @@ window.__ModuleLoader__.load({
 						debugRuntime.reportFollow(host, null);
 						return;
 					}
+					let settleQuietMs = 0;
+					let settleSig = "";
 					const lagBeforeCompletionPaint = Math.max(0, host.scrollHeight - animatedH - runwayOffsetOf(host));
-					if (!activeRef.current && lagBeforeCompletionPaint <= 25) {
+					const currentRunway = runwayOffsetOf(host);
+					const currentShift = Math.abs(currentShiftOf(shiftSurfacesOf(host).at(-1) ?? host));
+					if (!activeRef.current && lagBeforeCompletionPaint <= 25 && currentRunway <= .25 && currentShift <= .25 && flowPadOf(host) <= .25) {
+						followTraceUntilMs = Math.max(followTraceUntilMs, performance.now() + 1e4);
+						followTrace("fast-gate", {
+							sh: host.scrollHeight,
+							st: Math.round(host.scrollTop),
+							pad: Math.round(flowPadOf(host))
+						});
 						finishAtNaturalFloor(host, !startedAsEntrance);
 						followLeaders.delete(host);
 						releaseRevealScale();
@@ -1435,19 +1952,37 @@ window.__ModuleLoader__.load({
 						return;
 					}
 					const completionShift = currentShiftOf(shiftSurfacesOf(host).at(-1) ?? host);
-					const completionShiftCeiling = completionShift > .25 ? completionShift : Number.POSITIVE_INFINITY;
+					const completionShiftCeiling = startedAsEntrance && completionShift <= .25 ? Number.POSITIVE_INFINITY : completionShift;
+					if (hostOwnsScroll) {
+						clearVisual(host);
+						setFollowScrollTop(host, Math.max(0, host.scrollHeight - host.clientHeight));
+						host.removeAttribute(FOLLOW_OWNED_ATTR);
+						followLeaders.delete(host);
+						releaseRevealScale();
+						debugRuntime.reportFollow(host, null);
+						return;
+					}
+					followTraceUntilMs = performance.now() + 15e3;
+					if (pruneDeadRunway(host)) {
+						followTrace("cleanup-dead-margin", {
+							sh: host.scrollHeight,
+							st: Math.round(host.scrollTop),
+							pad: Math.round(flowPadOf(host))
+						});
+						reservePx = 0;
+					}
 					const completionTuning = debugRuntime.activeTuning();
 					const previousCompletionRunway = runwayOffsetOf(host);
-					ensureRunway(host, shiftSurfacesOf(host), Math.max(reservePx, completionTuning.runwayPx));
+					ensureRunway(host, shiftSurfacesOf(host), Math.max(reservePx, Math.max(0, completionTuning.runwayPx - flowPadOf(host))));
 					const completionRunway = runwayOffsetOf(host);
+					measureReadingAnchor(host);
 					animatedH = Math.max(0, animatedH - (completionRunway - previousCompletionRunway));
-					settleAtFloor(host);
-					animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, completionRunway, completionShiftCeiling);
+					if (!hostOwnsScroll) settleAtFloor(host);
+					animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, completionRunway, completionShiftCeiling, false, void 0, 0, !hostOwnsScroll);
 					reportFollow(host, false);
 					const runwayOffset = runwayOffsetOf(host);
-					const remainingLag = Math.max(0, host.scrollHeight - animatedH - runwayOffset);
-					if (remainingLag <= .25 || !activeRef.current && remainingLag <= 25) {
-						finishAtNaturalFloor(host, !startedAsEntrance);
+					if (Math.max(0, host.scrollHeight - animatedH - runwayOffset) <= .25 && runwayOffset <= .25 && reservePx <= .25) {
+						finishAtNaturalFloor(host, !startedAsEntrance, !hostOwnsScroll);
 						followLeaders.delete(host);
 						releaseRevealScale();
 						debugRuntime.reportFollow(host, null);
@@ -1456,14 +1991,35 @@ window.__ModuleLoader__.load({
 					for (const name of GESTURE_EVENTS) host.addEventListener(name, markGesture, { passive: true });
 					const stopSettleListeners = () => {
 						for (const name of GESTURE_EVENTS) host.removeEventListener(name, markGesture);
+						resize?.disconnect();
+						mutations?.disconnect();
 						if (interactTimer !== null) {
 							clearTimeout(interactTimer);
 							interactTimer = null;
 						}
 					};
+					if (typeof ResizeObserver !== "undefined") {
+						resize = new ResizeObserver(() => restoreBeforePaint());
+						resize.observe(host);
+						const proxy = resizeProxyOf(host);
+						if (proxy !== null) resize.observe(proxy);
+					}
+					if (typeof MutationObserver !== "undefined") {
+						const flow = flowElementOf(host);
+						if (flow !== null) {
+							mutations = new MutationObserver(() => {
+								restoreBeforePaint();
+							});
+							mutations.observe(flow, {
+								childList: true,
+								subtree: true
+							});
+						}
+					}
+					followCompletionSettle.add(host);
+					followCompletionSettleRows.set(host, countUserRows(host));
+					handedOff = true;
 					let settleLast = performance.now();
-					let settleMarginPx = Math.max(runwayOffsetOf(host), reservePx);
-					let settleMarginRate = settleMarginPx / 160;
 					const settleFrame = (now) => {
 						if (!isLeader(host)) {
 							stopSettleListeners();
@@ -1473,6 +2029,7 @@ window.__ModuleLoader__.load({
 							readerGestureIntent = false;
 							handBackVisual(host);
 							clearVisual(host);
+							followCompletionSettle.delete(host);
 							followLeaders.delete(host);
 							releaseRevealScale();
 							debugRuntime.reportFollow(host, null);
@@ -1482,19 +2039,56 @@ window.__ModuleLoader__.load({
 						const dt = Math.min(32, Math.max(0, now - settleLast));
 						const tuning = debugRuntime.activeTuning();
 						settleLast = now;
-						if (settleMarginPx > 0 && settleMarginRate > 0) {
-							settleMarginPx = Math.max(0, settleMarginPx - settleMarginRate * dt);
-							ensureRunway(host, shiftSurfacesOf(host), settleMarginPx);
-							reservePx = Math.min(reservePx, settleMarginPx);
+						detectHostScroll(host, Math.max(0, host.scrollHeight - host.clientHeight));
+						if (hostOwnsScroll) {
+							clearVisual(host);
+							setFollowScrollTop(host, Math.max(0, host.scrollHeight - host.clientHeight));
+							host.removeAttribute(FOLLOW_OWNED_ATTR);
+							followCompletionSettle.delete(host);
+							followLeaders.delete(host);
+							releaseRevealScale();
+							debugRuntime.reportFollow(host, null);
+							stopSettleListeners();
+							return;
+						}
+						const guardDelta = !settleRetiring && !followActivePorts.has(host) ? enforceReadingAnchor(host, true) : null;
+						settleQuietMs = !settleRetiring && (guardDelta === null || Math.abs(guardDelta) <= .5) ? settleQuietMs + dt : 0;
+						const settleStatus = turnStatusOf(host);
+						const ownedRunwayPx = runwayOffsetOf(host);
+						if (ownedRunwayPx > .25) {
+							const requestedTransferPx = settleStatus === null ? ownedRunwayPx : Math.min(reservePx, (tuning.runwayPx || 72) / FOLLOW_RUNWAY_RETIRE_MS * dt);
+							const transferredPx = transferRunwayToFlowPad(host, requestedTransferPx);
+							if (transferredPx > 0) setFlowPad(host, Math.max(0, flowPadOf(host) - transferredPx));
+							reservePx = Math.max(0, reservePx - transferredPx);
+							animatedH += transferredPx;
 						}
 						const runwayOffset = runwayOffsetOf(host);
 						const lag = Math.max(0, host.scrollHeight - animatedH - runwayOffset);
-						if (lag <= .25 && settleMarginPx <= .25) {
+						if (!settleRetiring && lag <= .25 && reservePx <= .25 && settleQuietMs >= 240 && flowPadOf(host) > .25) {
+							followTrace("retire-start", {
+								pad: Math.round(flowPadOf(host)),
+								sh: host.scrollHeight,
+								st: Math.round(host.scrollTop)
+							});
+							settleRetiring = true;
+						}
+						if (settleRetiring) {
+							const padPx = flowPadOf(host);
+							const retirePx = Math.min(padPx, (tuning.runwayPx || 72) / FOLLOW_RUNWAY_RETIRE_MS * dt);
+							if (padPx - retirePx <= .25) {
+								setFlowPad(host, 0);
+								settleRetiring = false;
+							} else setFlowPad(host, padPx - retirePx);
+						}
+						if (lag <= .25 && (reservePx <= .25 || settleStatus === null) && flowPadOf(host) <= .25 && settleQuietMs >= 240) {
+							followTrace("finish", {
+								st: Math.round(host.scrollTop),
+								sh: host.scrollHeight,
+								pad: Math.round(flowPadOf(host))
+							});
 							animatedH = host.scrollHeight;
-							reservePx = 0;
 							velocityPxPerSec = 0;
-							followRunways.delete(host);
-							finishAtNaturalFloor(host, !startedAsEntrance);
+							finishAtNaturalFloor(host, !startedAsEntrance, !hostOwnsScroll);
 							followLeaders.delete(host);
 							releaseRevealScale();
 							debugRuntime.reportFollow(host, null);
@@ -1508,8 +2102,22 @@ window.__ModuleLoader__.load({
 						}, tuning);
 						animatedH = Math.min(host.scrollHeight - runwayOffset, animatedH + step.advancePx);
 						velocityPxPerSec = step.velocityPxPerSec;
-						settleAtFloor(host);
-						animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, Math.max(settleMarginPx, runwayOffset));
+						if (!hostOwnsScroll) settleAtFloor(host);
+						animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, runwayOffset, Number.POSITIVE_INFINITY, false, void 0, 0, !hostOwnsScroll);
+						if (traceActive()) {
+							const sig = `${Math.round(host.scrollTop)}|${host.scrollHeight}|${Math.round(flowPadOf(host))}|${Math.round(reservePx)}|${settleRetiring}`;
+							if (sig !== settleSig) {
+								followTrace("settle", {
+									st: Math.round(host.scrollTop),
+									sh: host.scrollHeight,
+									pad: Math.round(flowPadOf(host)),
+									reserve: Math.round(reservePx),
+									lag: Math.round(lag * 10) / 10,
+									retiring: settleRetiring
+								});
+								settleSig = sig;
+							}
+						}
 						reportFollow(host, false);
 						requestAnimationFrame(settleFrame);
 					};
@@ -1521,7 +2129,8 @@ window.__ModuleLoader__.load({
 				speedCpsRef,
 				revealScaleRef,
 				predictive,
-				predictiveRef
+				predictiveRef,
+				controlScroll
 			]);
 			(0, react.useLayoutEffect)(() => {
 				const host = rootRef.current?.closest("[data-conversation-scroll]") ?? null;
@@ -2003,10 +2612,10 @@ window.__ModuleLoader__.load({
 		* generic wrapped renderers re-arm one glide when their DOM grows without
 		* requiring a business-kind-specific lifecycle predicate.
 		*/
-		function FollowHost({ active, entrance = false, onEntranceSettled, onGrowth, entranceExtentRef, speedCpsRef, revealedCharsRef, revealScaleRef, predictive = true, predictiveRef, hostRef, children }) {
+		function FollowHost({ active, entrance = false, onEntranceSettled, onGrowth, entranceExtentRef, speedCpsRef, revealedCharsRef, revealScaleRef, predictive = true, predictiveRef, controlScroll = true, hostRef, className, entranceActive, children }) {
 			const localRootRef = (0, react.useRef)(null);
 			const rootRef = hostRef ?? localRootRef;
-			useConversationFollow(rootRef, active || entrance, speedCpsRef, revealScaleRef, predictive, entrance, onEntranceSettled, predictiveRef, entranceExtentRef, revealedCharsRef);
+			useConversationFollow(rootRef, active || entrance, speedCpsRef, revealScaleRef, predictive, entrance, onEntranceSettled, predictiveRef, entranceExtentRef, revealedCharsRef, controlScroll);
 			(0, react.useEffect)(() => {
 				if (onGrowth === void 0 || typeof ResizeObserver === "undefined") return;
 				const root = rootRef.current;
@@ -2039,7 +2648,8 @@ window.__ModuleLoader__.load({
 			}, [onGrowth]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				ref: rootRef,
-				className: TypewriterAssistantNodeView_module_css_default.follow,
+				className: className === void 0 ? TypewriterAssistantNodeView_module_css_default.follow : `${TypewriterAssistantNodeView_module_css_default.follow} ${className}`,
+				"data-entrance": entranceActive === void 0 ? void 0 : entranceActive ? "active" : "idle",
 				children
 			});
 		}
@@ -2072,6 +2682,20 @@ window.__ModuleLoader__.load({
 			}, []);
 			return reduced;
 		}
+		/**
+		* Resolve whether the reveal engine should stay off for this view. The OS
+		* preference wins only in `auto` mode: `force-smooth` keeps the engine on
+		* machines where a system-wide reduce-motion switch (or a forced browser
+		* flag) would otherwise silently bypass smoothing, and `force-reduced`
+		* disables it even when the OS asks for motion. Credit: three-state design
+		* proposed by @Zn-Dk in #21/#22.
+		*/
+		function useMotionReduced(preference) {
+			const system = usePrefersReducedMotion();
+			if (preference === "force-smooth") return false;
+			if (preference === "force-reduced") return true;
+			return system;
+		}
 		/** Conservative fallback before the streaming Markdown tail has geometry. */
 		const PREDICTIVE_WRAP_FALLBACK_CHARS = 32;
 		const STREAM_ANNOUNCEMENT_INTERVAL_MS = 800;
@@ -2277,8 +2901,8 @@ window.__ModuleLoader__.load({
 		* drains, the settled full parse (KaTeX math, fence highlighting, file
 		* mentions) swaps in exactly once.
 		*/
-		function AnimatedMarkdownText({ text, codeLabels, fileMentions, streaming, ownFollow, followSpeedCpsRef, followRevealedCharsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack }) {
-			const reduced = usePrefersReducedMotion();
+		function AnimatedMarkdownText({ text, labels, fileMentions, streaming, motionReduced, ownFollow, followSpeedCpsRef, followRevealedCharsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack, controlScroll = true }) {
+			const reduced = motionReduced;
 			const [typing, setTyping] = (0, react.useState)(streaming);
 			const localSpeedCpsRef = (0, react.useRef)(35);
 			const followRootRef = (0, react.useRef)(null);
@@ -2334,17 +2958,21 @@ window.__ModuleLoader__.load({
 				text,
 				typing
 			]);
+			(0, react.useEffect)(() => {
+				if (streaming) setTyping(true);
+			}, [streaming]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
 				active: live && ownFollow,
 				speedCpsRef,
 				revealedCharsRef: followRevealedCharsRef,
 				revealScaleRef: followRevealScaleRef,
 				predictive: streaming,
+				controlScroll,
 				hostRef: followRootRef,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
 					text: live ? shown : text,
 					streaming: live,
-					codeLabels,
+					labels,
 					fileMentions: live ? void 0 : fileMentions
 				})
 			});
@@ -2362,6 +2990,50 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		/**
+		* Apply searchable hidden state without unmounting a stable subtree — the
+		* Host's completion fold hides the answer-inline reasoning this way, so the
+		* takeover renderer must reproduce it to stay inside the contract: the row
+		* disappears into the Host's process summary and comes back on find-in-page.
+		* (Mirrors the Harness chat kit's `useSearchableHidden`.)
+		*/
+		function useSearchableHidden(hidden, reveal) {
+			const ref = (0, react.useRef)(null);
+			(0, react.useLayoutEffect)(() => {
+				const element = ref.current;
+				if (element === null) return;
+				if (hidden && element.contains(element.ownerDocument.activeElement)) {
+					reveal();
+					return;
+				}
+				if (hidden) element.setAttribute("hidden", "until-found");
+				else element.removeAttribute("hidden");
+			}, [hidden, reveal]);
+			(0, react.useEffect)(() => {
+				const element = ref.current;
+				if (element === null) return;
+				element.addEventListener("beforematch", reveal);
+				return () => {
+					element.removeEventListener("beforematch", reveal);
+				};
+			}, [reveal]);
+			return ref;
+		}
+		/**
+		* One answer-inline reasoning block wrapped in the Host's fold contract. The
+		* Host computes the fold decision (turn closed, compact transcript, this node
+		* is the answer) and delivers it through the `turnProcess` owner prop; when
+		* folded the block hides into the Host's "thought" summary row instead of
+		* staying mounted above the answer.
+		*/
+		function FoldableReasoning({ hidden, reveal, children }) {
+			const ref = useSearchableHidden(hidden, reveal);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref,
+				"data-turn-process-inline": hidden || void 0,
+				children
+			});
+		}
 		function firstLine(text) {
 			const newline = text.indexOf("\n");
 			return newline === -1 ? text : text.slice(0, newline);
@@ -2380,8 +3052,8 @@ window.__ModuleLoader__.load({
 		* or the assistant node settling — not when the rest of the reply is
 		* still streaming.
 		*/
-		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, t }) {
-			const reduced = usePrefersReducedMotion();
+		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, motionReduced, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, t }) {
+			const reduced = motionReduced;
 			const [expanded, setExpanded] = (0, react.useState)(running && thinkAutoExpand);
 			const [autoClosed, setAutoClosed] = (0, react.useState)(false);
 			const summaryRef = (0, react.useRef)(null);
@@ -2460,10 +3132,14 @@ window.__ModuleLoader__.load({
 		* holds offscreen reveals when the frame rate is degraded. Settled text
 		* renders with the full Markdown pipeline.
 		*/
-		const TypewriterAssistantNodeView = (0, react.memo)(function TypewriterAssistantNodeView({ mode: _mode = DEFAULT_STREAM_CONFIG.mode, preset = DEFAULT_STREAM_CONFIG.preset, revealCharsPerSec: _revealCharsPerSec = DEFAULT_STREAM_CONFIG.revealCharsPerSec, scrollSpeedPxPerSec: _scrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.scrollSpeedPxPerSec, maxScrollSpeedPxPerSec: _maxScrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.maxScrollSpeedPxPerSec, thinkAutoExpand = DEFAULT_STREAM_SETTINGS.thinkAutoExpand, node, useTurnData, openFile, loadImage, fileMentions, t }) {
+		const TypewriterAssistantNodeView = (0, react.memo)(function TypewriterAssistantNodeView({ mode: _mode = DEFAULT_STREAM_CONFIG.mode, preset = DEFAULT_STREAM_CONFIG.preset, revealCharsPerSec: _revealCharsPerSec = DEFAULT_STREAM_CONFIG.revealCharsPerSec, scrollSpeedPxPerSec: _scrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.scrollSpeedPxPerSec, maxScrollSpeedPxPerSec: _maxScrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.maxScrollSpeedPxPerSec, thinkAutoExpand = DEFAULT_STREAM_SETTINGS.thinkAutoExpand, controlScroll = true, motionPreference = DEFAULT_STREAM_SETTINGS.motionPreference, node, useTurnData, openFile, loadImage, fileMentions, turnProcess, t }) {
 			const data = node.data;
 			const streaming = data.status === "running";
-			const reduced = usePrefersReducedMotion();
+			const reduced = useMotionReduced(motionPreference);
+			const reasoningHidden = turnProcess !== void 0 && turnProcess.foldable && turnProcess.spec.answerStep === data.step && turnProcess.spec.inlineReasoning && !turnProcess.open;
+			const revealProcess = (0, react.useCallback)(() => {
+				turnProcess?.setOpen(true);
+			}, [turnProcess]);
 			const { ref: guardRef, shouldHoldBack } = useFpsGuard(streaming);
 			const rootSpeedRef = (0, react.useRef)(35);
 			const rootRevealedCharsRef = (0, react.useRef)(0);
@@ -2497,9 +3173,12 @@ window.__ModuleLoader__.load({
 				turn
 			]);
 			const mentions = (0, react.useMemo)(() => owner === void 0 ? void 0 : fileMentions(owner), [fileMentions, owner]);
-			const codeLabels = (0, react.useMemo)(() => ({
-				copyLabel: t("copy"),
-				copiedLabel: t("copied")
+			const markdownLabels = (0, react.useMemo)(() => ({
+				code: {
+					copyLabel: t("copy"),
+					copiedLabel: t("copied")
+				},
+				footnotes: t("markdown.footnotes")
 			}), [t]);
 			const imageLoader = loadImage ?? (async () => {
 				throw new Error(t("image.serviceUnavailable"));
@@ -2520,28 +3199,35 @@ window.__ModuleLoader__.load({
 					case "text":
 						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedMarkdownText, {
 							text: block.text,
-							codeLabels,
+							labels: markdownLabels,
 							fileMentions: mentions,
 							streaming,
+							motionReduced: reduced,
 							ownFollow: !streaming && index === lastFollow,
 							followSpeedCpsRef: index === lastFollow ? rootSpeedRef : void 0,
 							followRevealedCharsRef: index === lastFollow ? rootRevealedCharsRef : void 0,
 							followRevealScaleRef: index === lastFollow ? rootRevealScaleRef : void 0,
 							onPredictiveChange: index === lastFollow ? updateTextPrediction : void 0,
 							preset,
-							shouldHoldBack
+							shouldHoldBack,
+							controlScroll
 						}, index));
 						break;
 					case "reasoning":
-						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedReasoning, {
-							text: block.text,
-							running: streaming && index === last,
-							preset,
-							thinkAutoExpand,
-							shouldHoldBack,
-							followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
-							followRevealScaleRef: reasoningOwnsSpeed && index === last ? rootRevealScaleRef : void 0,
-							t
+						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FoldableReasoning, {
+							hidden: reasoningHidden,
+							reveal: revealProcess,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedReasoning, {
+								text: block.text,
+								running: streaming && index === last,
+								preset,
+								thinkAutoExpand,
+								motionReduced: reduced,
+								shouldHoldBack,
+								followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
+								followRevealScaleRef: reasoningOwnsSpeed && index === last ? rootRevealScaleRef : void 0,
+								t
+							})
 						}, index));
 						break;
 					case "image": {
@@ -2582,6 +3268,7 @@ window.__ModuleLoader__.load({
 					revealedCharsRef: rootRevealedCharsRef,
 					revealScaleRef: rootRevealScaleRef,
 					predictiveRef: rootPredictiveRef,
+					controlScroll,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: TypewriterAssistantNodeView_module_css_default.body,
 						children: [rendered, data.status === "interrupted" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2593,867 +3280,6 @@ window.__ModuleLoader__.load({
 			});
 		});
 		//#endregion
-		//#region src/client/auto-collapse-controller.ts
-		/**
-		* Auto-collapse coordinator: folds the work process of finished turns behind
-		* one summary row so only the model's final answer stays visible.
-		*
-		* The Harness ChatView lays a conversation out as a flat list of flow items
-		* (`[data-chat-flow] > [data-chat-flow-kind=…]`). This controller watches that
-		* list, splits it into turn segments at `user`/`steering` boundaries closed by
-		* `turn-tail`, and — once a segment has settled — hides its thinking rows,
-		* tool/command/context seats and intermediate replies, leaving one clickable
-		* `已处理 {时长}` row plus the final answer. Clicking the row expands the full
-		* process again; the choice survives later renders because it lives in the
-		* controller, not the DOM.
-		*
-		* Adapted from the standalone `dsh-auto-collapse` plugin (level-1 folding
-		* only): no second-level chips, no merged thinking rows, no status-text
-		* rewrite, no transition animation — the collapse decision itself stays
-		* instantaneous and reversible.
-		*
-		* React coexistence follows the upstream design: injected rows are plain
-		* siblings/prepend children the vdom diff never claims, native rows are only
-		* ever touched through an inline-`display` ledger that records the precise
-		* original value and restores it on stop, session switch, or foreign takeover
-		* (a written-value comparison plus an ownership sentinel catches another
-		* script rewriting styles behind our back). A MutationObserver batches real
-		* structure changes into rAF passes; a low-frequency self-rearming audit pass
-		* reconciles unobservable style writes; a setTimeout fallback keeps passes
-		* flowing when background tabs suspend rAF.
-		*/
-		const STYLE_ID = "dshss-auto-collapse-style";
-		/** Class of the injected per-turn summary row; the follow engine's generalized
-		* surface walk picks it up as an ordinary foreign flow sibling. */
-		const PROCESSED_CLASS = "dshss-processed";
-		/** Inline custom property marking elements whose display this plugin owns. */
-		const DISPLAY_OWNED_PROP = "--dshss-display-owned";
-		/** Unobservable external style writes are reconciled by this audit cadence. */
-		const AUDIT_TICK_MS = 1e3;
-		/** Background-tab fallback that flushes a scheduled pass when rAF is frozen. */
-		const PASS_FALLBACK_MS = 60;
-		/**
-		* Fold motion, deliberately minimal: layout changes land synchronously (the
-		* display toggle happens in the same tick as the decision) and nothing
-		* animates geometry at all — the earlier container-height squeeze was removed
-		* because real sessions showed residual drift after the pin released (other
-		* layout participants keep settling around the fold). What remains is one
-		* paint-only flourish: the summary row fades its opacity in. A fold is
-		* therefore a single reflow followed by a fade — the most stable shape
-		* possible.
-		*/
-		const FOLD_ROW_FADE_MS = 160;
-		const FOLD_EASE_OUT = "cubic-bezier(0.22, 0.61, 0.36, 1)";
-		const ZH_COPY = {
-			processedLabel: "已处理",
-			expandTitle: "展开工作过程",
-			collapseTitle: "收起工作过程",
-			formatDuration: formatZhDuration
-		};
-		const EN_COPY = {
-			processedLabel: "Processed",
-			expandTitle: "Show the work process",
-			collapseTitle: "Hide the work process",
-			formatDuration: formatEnDuration
-		};
-		function resolveFoldCopy() {
-			let lang = "";
-			try {
-				lang = document.documentElement.lang || navigator.language || "";
-			} catch {
-				lang = "";
-			}
-			return lang.toLowerCase().startsWith("zh") ? ZH_COPY : EN_COPY;
-		}
-		const FOLD_CSS = `
-.${PROCESSED_CLASS} {
-  box-sizing: border-box;
-  display: inline-flex;
-  align-self: flex-start;
-  width: fit-content;
-  max-width: 100%;
-  align-items: center;
-  gap: 6px;
-  padding: 2px 0;
-  border: none;
-  background: none;
-  font: 400 14px/24px system-ui, -apple-system, "Segoe UI", sans-serif;
-  color: var(--dsw-alias-label-tertiary, rgba(127, 127, 127, 0.9));
-  cursor: pointer;
-  user-select: none;
-  border-radius: 4px;
-  transition: color 0.15s ease;
-}
-.${PROCESSED_CLASS}:hover {
-  color: var(--dsw-alias-label-primary, inherit);
-  background: transparent;
-}
-.${PROCESSED_CLASS}:focus-visible {
-  outline: 2px solid var(--dsw-alias-state-focus-ring, rgba(77, 107, 254, 0.8));
-  outline-offset: 2px;
-}
-.${PROCESSED_CLASS}-chevron {
-  display: inline-flex;
-  flex: none;
-  width: 14px;
-  height: 14px;
-  opacity: 0.55;
-  transform: rotate(-90deg);
-  transition: transform 0.12s ease, opacity 0.1s ease;
-}
-.${PROCESSED_CLASS}:hover .${PROCESSED_CLASS}-chevron {
-  opacity: 0.9;
-}
-.${PROCESSED_CLASS}[aria-expanded="true"] .${PROCESSED_CLASS}-chevron {
-  transform: rotate(0deg);
-}
-@media (prefers-reduced-motion: reduce) {
-  .${PROCESSED_CLASS},
-  .${PROCESSED_CLASS}-chevron {
-    transition: none;
-  }
-}
-`;
-		var AutoCollapseController = class {
-			observer = null;
-			raf = 0;
-			timer = 0;
-			auditTimer = 0;
-			/** True between start() and stop(); the preference toggle re-enters both. */
-			running = false;
-			lastPassError = "";
-			followDeferredAt = null;
-			flow = null;
-			/** Stable segment key → summary row + gesture state. */
-			segmentStates = /* @__PURE__ */ new Map();
-			/** First sighting of a running segment, for turns without a host duration. */
-			runningSince = /* @__PURE__ */ new Map();
-			/** Segments that settled once: a resumed run restarts local timing. */
-			completedOnce = /* @__PURE__ */ new Set();
-			/** Precise pre-plugin display values, restored on stop/switch/takeover. */
-			originalDisplay = /* @__PURE__ */ new WeakMap();
-			writtenDisplay = /* @__PURE__ */ new WeakMap();
-			controlledDisplay = /* @__PURE__ */ new Set();
-			/** Reply-presence verdicts cached per message until a mutation hits it. */
-			bodyTextCache = /* @__PURE__ */ new WeakMap();
-			dirtyMessages = /* @__PURE__ */ new Set();
-			onVisibilityChange = () => {
-				if (typeof document === "undefined" || document.hidden !== true) this.schedule();
-			};
-			/** Re-run a pass immediately (settings changes, diagnostics, tests).
-			* Reply-presence verdicts are dropped wholesale: manual refreshes are rare,
-			* and a conservative rebuild beats a stale classification. */
-			refresh() {
-				this.bodyTextCache = /* @__PURE__ */ new WeakMap();
-				this.dirtyMessages.clear();
-				this.schedule();
-			}
-			start() {
-				if (this.running) return;
-				this.running = true;
-				injectStyle();
-				try {
-					this.observer = new MutationObserver((records) => {
-						if (this.shouldSchedule(records)) {
-							this.markDirty(records);
-							this.schedule();
-						}
-					});
-					this.observer.observe(document.body, {
-						childList: true,
-						subtree: true,
-						attributes: true,
-						attributeFilter: ["data-state"],
-						characterData: true
-					});
-					this.armAuditLoop();
-					this.schedule();
-				} catch (error) {
-					this.reportError(error);
-					throw error;
-				}
-			}
-			stop() {
-				this.running = false;
-				this.followDeferredAt = null;
-				if (this.raf !== 0) cancelAnimationFrame(this.raf);
-				this.raf = 0;
-				if (this.timer !== 0) clearTimeout(this.timer);
-				this.timer = 0;
-				if (this.auditTimer !== 0) clearTimeout(this.auditTimer);
-				this.auditTimer = 0;
-				if (typeof document !== "undefined" && typeof document.removeEventListener === "function") document.removeEventListener("visibilitychange", this.onVisibilityChange);
-				this.observer?.disconnect();
-				this.observer = null;
-				this.switchFlow(null);
-				removeStyle();
-			}
-			/** Low-frequency reconciliation for style writes no observer can see. */
-			armAuditLoop() {
-				if (typeof document !== "undefined" && typeof document.addEventListener === "function") document.addEventListener("visibilitychange", this.onVisibilityChange);
-				this.rearmAudit();
-			}
-			rearmAudit() {
-				if (!this.running || this.auditTimer !== 0) return;
-				this.auditTimer = setTimeout(() => {
-					this.auditTimer = 0;
-					if (!this.running) return;
-					if (typeof document !== "undefined" && document.hidden === true) {
-						this.rearmAudit();
-						return;
-					}
-					this.schedule();
-					this.rearmAudit();
-				}, AUDIT_TICK_MS);
-			}
-			/** Only mutations inside the active flow can affect collapse geometry. */
-			shouldSchedule(records) {
-				if (records.length === 0 || this.flow === null || !this.flow.isConnected) return true;
-				const flow = this.flow;
-				return records.some((record) => {
-					const changed = [...record.addedNodes, ...record.removedNodes];
-					if (changed.length > 0 && changed.every((node) => isFloatingOverlayNode(node))) return false;
-					if (record.target === flow || nodeWithin(record.target, flow)) return true;
-					return changed.some((node) => nodeWithin(node, flow));
-				});
-			}
-			/** Walk each record to its flow child so reply-cache invalidation stays
-			* targeted; anything unattributable invalidates conservatively. */
-			markDirty(records) {
-				const flow = this.flow;
-				if (flow === null || !flow.isConnected) return;
-				if (records.length === 0) {
-					this.bodyTextCache = /* @__PURE__ */ new WeakMap();
-					this.dirtyMessages.clear();
-					return;
-				}
-				for (const record of records) {
-					let current = record.target;
-					while (current !== null && current.parentNode !== flow) current = current.parentNode;
-					if (!(current instanceof HTMLElement)) {
-						this.bodyTextCache = /* @__PURE__ */ new WeakMap();
-						this.dirtyMessages.clear();
-						return;
-					}
-					this.dirtyMessages.add(current);
-				}
-			}
-			schedule() {
-				if (!this.running || this.raf !== 0) return;
-				this.raf = requestAnimationFrame(() => {
-					this.raf = 0;
-					if (this.timer !== 0) {
-						clearTimeout(this.timer);
-						this.timer = 0;
-					}
-					this.runPass();
-				});
-				if (this.timer !== 0) clearTimeout(this.timer);
-				this.timer = setTimeout(() => {
-					this.timer = 0;
-					if (this.raf !== 0) {
-						cancelAnimationFrame(this.raf);
-						this.raf = 0;
-						this.runPass();
-					}
-				}, PASS_FALLBACK_MS);
-			}
-			runPass() {
-				try {
-					this.pass();
-					this.lastPassError = "";
-				} catch (error) {
-					this.reportError(error);
-				}
-			}
-			reportError(error) {
-				const message = error instanceof Error ? `${error.name}: ${error.message}` : String(error);
-				if (message === this.lastPassError) return;
-				this.lastPassError = message;
-				console.error("[dsh-smooth-stream] auto-collapse pass failed", error);
-			}
-			pass() {
-				if (!this.running) return;
-				const nextFlow = findFlow();
-				if (nextFlow !== this.flow) this.switchFlow(nextFlow);
-				const flow = this.flow;
-				if (flow === null) return;
-				for (const el of this.dirtyMessages) this.bodyTextCache.delete(el);
-				this.dirtyMessages.clear();
-				const segments = buildSegments(flow, (el) => this.hasBodyCached(el));
-				const liveSegmentKeys = new Set(segments.map((segment) => segment.key));
-				for (const segment of segments) {
-					if (!segment.running) continue;
-					if (this.completedOnce.has(segment.key)) {
-						this.completedOnce.delete(segment.key);
-						this.runningSince.delete(segment.key);
-					}
-					if (!this.runningSince.has(segment.key)) this.runningSince.set(segment.key, Date.now());
-				}
-				const completedKeys = /* @__PURE__ */ new Set();
-				for (const segment of segments) {
-					if (!segment.closed || segment.running || !segment.hasWork) continue;
-					completedKeys.add(segment.key);
-					this.completedOnce.add(segment.key);
-					let state = this.segmentStates.get(segment.key);
-					if (state === void 0) {
-						state = {
-							key: segment.key,
-							row: null,
-							expanded: false,
-							snapshot: segment
-						};
-						this.segmentStates.set(segment.key, state);
-					} else state.snapshot = segment;
-					const started = this.runningSince.get(segment.key);
-					const parsed = segment.boundary === null ? void 0 : parseTurnDuration(segment.boundary);
-					if (parsed !== void 0) state.duration = parsed;
-					else if (state.duration === void 0 && started !== void 0) state.duration = Date.now() - started;
-					if (state.row === null || !state.row.isConnected) state.row = this.createProcessedRow(state);
-					this.syncProcessedRow(state);
-				}
-				const portNow = flow.closest("[data-conversation-scroll]");
-				if (completedKeys.size > 0 && portNow !== null && hasRecentConversationFollow(portNow, 140)) {
-					const now = Date.now();
-					this.followDeferredAt ??= now;
-					if (now - this.followDeferredAt < 2e3) {
-						this.schedule();
-						return;
-					}
-				}
-				this.followDeferredAt = null;
-				const port = flow.closest("[data-conversation-scroll]");
-				const beforeFloor = Math.max(0, (port?.scrollHeight ?? 0) - (port?.clientHeight ?? 0));
-				const pinnedToFloor = port !== null && beforeFloor - port.scrollTop <= 30;
-				const anchorBefore = lastVisibleAnchorTop(flow);
-				const applyMutations = () => {
-					for (const [key, state] of [...this.segmentStates]) {
-						if (completedKeys.has(key)) continue;
-						state.row?.remove();
-						this.segmentStates.delete(key);
-					}
-					const desiredHidden = /* @__PURE__ */ new Set();
-					for (const segment of segments) {
-						const state = this.segmentStates.get(segment.key);
-						if (state !== void 0 && !state.expanded) {
-							for (const seat of segment.hideSeats) this.hideElement(seat, desiredHidden);
-							for (const row of segment.finalThinkRows) this.hideElement(row, desiredHidden);
-							if (segment.finalStep !== null) this.restoreElement(segment.finalStep);
-						} else {
-							for (const seat of segment.hideSeats) this.restoreElement(seat);
-							for (const row of segment.finalThinkRows) this.restoreElement(row);
-							if (segment.finalStep !== null) this.restoreElement(segment.finalStep);
-						}
-					}
-					for (const segment of segments) {
-						if (!hasVisibleSegmentWork(segment)) {
-							const state = this.segmentStates.get(segment.key);
-							if (state !== void 0 && state.row !== null) {
-								state.row.remove();
-								state.row = null;
-							}
-						}
-						for (const seat of segment.hideSeats) this.retainDisplayControl(seat, desiredHidden);
-						for (const row of segment.finalThinkRows) this.retainDisplayControl(row, desiredHidden);
-						if (segment.finalStep !== null) this.retainDisplayControl(segment.finalStep, desiredHidden);
-					}
-					this.restoreUnusedDisplays(desiredHidden);
-					for (const state of this.segmentStates.values()) this.placeProcessedRow(flow, state);
-				};
-				applyMutations();
-				if (port !== null && pinnedToFloor && anchorBefore !== null) {
-					const anchorAfter = lastVisibleAnchorTop(flow);
-					if (anchorAfter !== null) {
-						const delta = anchorAfter - anchorBefore;
-						if (Math.abs(delta) > .5) port.scrollTop += delta;
-					}
-				}
-				for (const key of [...this.runningSince.keys()]) if (!liveSegmentKeys.has(key)) this.runningSince.delete(key);
-				for (const key of [...this.completedOnce]) if (!liveSegmentKeys.has(key)) this.completedOnce.delete(key);
-			}
-			/** Flow swap means a session switch: fully restore the old tree, rebuild. */
-			switchFlow(next) {
-				if (next === this.flow) return;
-				for (const state of this.segmentStates.values()) state.row?.remove();
-				this.segmentStates.clear();
-				this.runningSince.clear();
-				this.completedOnce.clear();
-				this.bodyTextCache = /* @__PURE__ */ new WeakMap();
-				this.dirtyMessages.clear();
-				this.restoreAllDisplays();
-				this.flow = next;
-			}
-			/** Keep already-controlled elements in the desired-hidden set so the sweep
-			* does not flip them back mid-flight of an external change. */
-			retainDisplayControl(el, desiredHidden) {
-				if (this.controlledDisplay.has(el)) desiredHidden.add(el);
-			}
-			/** Restore every element the ledger controls that this pass no longer wants
-			* hidden; elements absent from `desired` come back to their true display. */
-			restoreUnusedDisplays(desired) {
-				for (const el of [...this.controlledDisplay]) if (!desired.has(el)) this.restoreElement(el);
-			}
-			/** Restore every element still under the display ledger, then retire the
-			* ledger itself (stop / session switch). */
-			restoreAllDisplays() {
-				for (const el of [...this.controlledDisplay]) this.restoreElement(el);
-				this.controlledDisplay.clear();
-				this.originalDisplay = /* @__PURE__ */ new WeakMap();
-				this.writtenDisplay = /* @__PURE__ */ new WeakMap();
-			}
-			createProcessedRow(state) {
-				const row = createProcessedRowElement(state.duration);
-				row.addEventListener("click", () => {
-					state.expanded = !state.expanded;
-					this.syncProcessedRow(state);
-					this.schedule();
-				});
-				return row;
-			}
-			syncProcessedRow(state) {
-				const row = state.row;
-				if (row === null) return;
-				const copy = resolveFoldCopy();
-				const text = row.firstElementChild;
-				const label = state.duration === void 0 ? copy.processedLabel : `${copy.processedLabel} ${copy.formatDuration(state.duration)}`;
-				if (text !== null && text.textContent !== label) text.textContent = label;
-				const expanded = String(state.expanded);
-				if (row.getAttribute("aria-expanded") !== expanded) row.setAttribute("aria-expanded", expanded);
-				const title = state.expanded ? copy.collapseTitle : copy.expandTitle;
-				if (row.title !== title) row.title = title;
-			}
-			placeProcessedRow(flow, state) {
-				const row = state.row;
-				if (row === null) return;
-				if (!state.snapshot.hasWork || !hasVisibleSegmentWork(state.snapshot)) {
-					row.remove();
-					state.row = null;
-					return;
-				}
-				let target = state.snapshot.firstWork ?? state.snapshot.finalStep ?? state.snapshot.boundary;
-				if (target === null || target.parentElement !== flow) {
-					row.remove();
-					state.row = null;
-					return;
-				}
-				if (row.parentElement !== flow || row.nextElementSibling !== target) {
-					target.before(row);
-					this.revealVisualOnce(row);
-				}
-			}
-			hasBodyCached(el) {
-				const cached = this.bodyTextCache.get(el);
-				if (cached !== void 0) return cached;
-				const value = hasBodyContent(el);
-				this.bodyTextCache.set(el, value);
-				return value;
-			}
-			/** True when the recorded display was changed (or the ownership sentinel
-			* wiped) behind the ledger's back; callers hand control back to reality. */
-			displayForeign(el) {
-				const written = this.writtenDisplay.get(el);
-				if (written === void 0) return false;
-				return el.style.getPropertyValue(DISPLAY_OWNED_PROP) === "" || el.style.display !== written;
-			}
-			releaseDisplayLedger(el) {
-				this.originalDisplay.delete(el);
-				this.writtenDisplay.delete(el);
-				this.controlledDisplay.delete(el);
-				el.style.removeProperty(DISPLAY_OWNED_PROP);
-			}
-			hideElement(el, desired) {
-				desired.add(el);
-				if (!this.originalDisplay.has(el) && !isDisplayed(el)) return;
-				if (!this.originalDisplay.has(el) || this.displayForeign(el)) {
-					this.originalDisplay.set(el, el.style.display);
-					this.writtenDisplay.set(el, el.style.display);
-					el.style.setProperty(DISPLAY_OWNED_PROP, "1");
-				}
-				this.controlledDisplay.add(el);
-				if (el.style.display === "none") return;
-				el.style.display = "none";
-				this.writtenDisplay.set(el, "none");
-			}
-			restoreElement(el) {
-				if (!this.originalDisplay.has(el)) return;
-				if (this.displayForeign(el)) {
-					this.releaseDisplayLedger(el);
-					return;
-				}
-				const original = this.originalDisplay.get(el);
-				if (el.style.display !== original) el.style.display = original;
-				this.releaseDisplayLedger(el);
-			}
-			/** Whether WAAPI exists and the user has not asked for reduced motion. */
-			canAnimate(el) {
-				if (typeof el.animate !== "function") return false;
-				try {
-					if (typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches) return false;
-				} catch {
-					return false;
-				}
-				return true;
-			}
-			/** First-appearance flourish for the plugin-owned summary row: a pure
-			* opacity fade. Paint-only, so it cannot shift anyone's layout. */
-			revealVisualOnce(row) {
-				if (row.dataset.dshssShown === "1") return;
-				row.dataset.dshssShown = "1";
-				if (!this.canAnimate(row)) return;
-				row.animate([{ opacity: "0" }, { opacity: "1" }], {
-					duration: FOLD_ROW_FADE_MS,
-					easing: FOLD_EASE_OUT
-				});
-			}
-		};
-		/** Visible chat flow container, falling back to the first one rendered. */
-		function findFlow() {
-			const flows = document.querySelectorAll("[data-chat-flow]");
-			for (const flow of flows) if (flow.offsetParent !== null || flow.getBoundingClientRect().width > 0) return flow;
-			return flows[0] ?? null;
-		}
-		/** parentNode walk that also accepts Text mutation targets. */
-		function nodeWithin(node, ancestor) {
-			for (let current = node; current !== null; current = current.parentNode) if (current === ancestor) return true;
-			return false;
-		}
-		/**
-		* Whether a mutation-added/removed node is a `position: fixed` overlay (the
-		* harness Tooltip bubble / a popover) that never affects the flow's collapse
-		* geometry. The primitives Tooltip mounts its fixed bubble as a Fragment
-		* sibling inside the message row — `position: fixed` arrives from its CSS
-		* module class, not inline style — so it appears within `[data-chat-flow]`
-		* even though it is viewport-fixed and layout-neutral. Matching on the
-		* tooltip's structural role instead of computed style keeps the filter
-		* reliable before the node has been laid out.
-		*/
-		function isFloatingOverlayNode(node) {
-			if (!(node instanceof HTMLElement)) return false;
-			if (node.getAttribute("role") === "tooltip") return true;
-			if (node.style.position === "fixed") return true;
-			if (node.style.position === "absolute" && node.parentElement?.getAttribute("role") === "tooltip") return true;
-			return false;
-		}
-		/** Top-level message order, excluding this plugin's own summary rows. */
-		function flowItems(flow) {
-			return [...flow.children].filter((el) => el instanceof HTMLElement && !el.classList.contains(PROCESSED_CLASS));
-		}
-		function isDisplayed(el) {
-			if (typeof getComputedStyle === "function") return getComputedStyle(el).display !== "none";
-			return el.style.display !== "none";
-		}
-		function stableElementKey(el, fallbackIndex) {
-			const kind = el.getAttribute("data-chat-flow-kind") ?? "node";
-			return `${kind}:${el.getAttribute("data-chat-flow-key") ?? el.getAttribute("data-chat-anchor-key") ?? `${kind}:${fallbackIndex}`}`;
-		}
-		/** Kinds that can open a history stretch lacking an explicit user marker. */
-		function opensTurnWork(el) {
-			const kind = el.getAttribute("data-chat-flow-kind");
-			return kind === "assistant-step" || kind === "assistant" || kind === "tool-call" || kind === "command" || kind === "manual-compaction";
-		}
-		/**
-		* Split the flow into turn segments. `user`/`steering` rows close the previous
-		* segment and open the next; `turn-tail` closes and resets the opener. Leading
-		* context before the first user row joins that user's segment, matching how
-		* the host presents context injection.
-		*/
-		function buildSegments(flow, hasBody) {
-			const items = flowItems(flow);
-			const itemIndex = new Map(items.map((el, index) => [el, index]));
-			const snapshots = [];
-			let contentStart = 0;
-			let startMarker = null;
-			const append = (end, boundary, closed) => {
-				if (end < contentStart) return;
-				const range = items.slice(contentStart, end);
-				const hideSeats = /* @__PURE__ */ new Set();
-				const bodySteps = [];
-				let running = false;
-				for (const el of range) {
-					const classified = classifyItem(el, hasBody);
-					if (classified.fold === "body") bodySteps.push(el);
-					else if (classified.fold === "seat") hideSeats.add(el);
-					if (classified.running) running = true;
-				}
-				const finalStep = bodySteps.at(-1) ?? null;
-				const middleSteps = new Set(bodySteps.slice(0, -1));
-				for (const step of middleSteps) hideSeats.add(step);
-				const finalThinkRows = finalStep === null ? [] : thinkRowsIn(finalStep);
-				const firstWork = range.find((el) => hideSeats.has(el)) ?? finalStep;
-				const identity = startMarker ?? range.find((el) => opensTurnWork(el)) ?? boundary;
-				const identityIndex = identity === null ? contentStart : itemIndex.get(identity) ?? contentStart;
-				const key = `${startMarker === null ? "leading" : "segment"}:${identity === null ? `open:${contentStart}` : stableElementKey(identity, identityIndex)}`;
-				snapshots.push({
-					key,
-					boundary,
-					startMarker,
-					hideSeats,
-					middleSteps,
-					finalStep,
-					finalThinkRows,
-					firstWork,
-					closed,
-					running,
-					hasWork: hideSeats.size > 0 || finalThinkRows.length > 0
-				});
-			};
-			items.forEach((el, index) => {
-				const kind = el.getAttribute("data-chat-flow-kind");
-				if (kind === "user" || kind === "steering") {
-					if (startMarker !== null) {
-						append(index, el, true);
-						contentStart = index + 1;
-					} else if (items.slice(contentStart, index).some((el) => opensTurnWork(el))) {
-						append(index, el, true);
-						contentStart = index + 1;
-					}
-					startMarker = el;
-					return;
-				}
-				if (kind === "turn-tail") {
-					append(index, el, true);
-					contentStart = index + 1;
-					startMarker = null;
-				}
-			});
-			if (contentStart < items.length) append(items.length, null, false);
-			return snapshots;
-		}
-		/**
-		* Classify one top-level flow item against the Harness's own node vocabulary.
-		* Reply-bearing assistant messages become `body` candidates (last one per
-		* segment wins as the final answer); core work process — tool-call seats,
-		* command/compaction cards, context injection, thinking-only messages —
-		* becomes a hideable `seat`. Everything else is skipped untouched: boundaries,
-		* empty decorations, and crucially any kind this module does not own, so rows
-		* contributed by other plugins' slots are never folded or hidden.
-		*/
-		function classifyItem(el, hasBody) {
-			const kind = el.getAttribute("data-chat-flow-kind");
-			if (kind === "user" || kind === "steering" || kind === "turn-tail") return {
-				fold: "skip",
-				running: false
-			};
-			if (kind === "assistant-step" || kind === "assistant") {
-				if (hasBody(el)) return {
-					fold: "body",
-					running: subtreeRunning(el)
-				};
-				if (thinkRowsIn(el).length > 0) return {
-					fold: "seat",
-					running: subtreeRunning(el)
-				};
-				return {
-					fold: "skip",
-					running: false
-				};
-			}
-			if (kind === "tool-call") {
-				const rows = topCallRowsIn(el);
-				if (rows.length === 0 || !rows.every((row) => hasNativeCardChrome(row))) return {
-					fold: "skip",
-					running: subtreeRunning(el)
-				};
-				return {
-					fold: "seat",
-					running: subtreeRunning(el)
-				};
-			}
-			if (kind === "context" || kind === "command" || kind === "manual-compaction") return {
-				fold: "seat",
-				running: subtreeRunning(el)
-			};
-			return {
-				fold: "skip",
-				running: false
-			};
-		}
-		/** Native work-card shape: every core card family stamps `data-variant`
-		* together with `data-state`, whether composed through ToolRow or hand-rolled
-		* (Bash). Custom toolviews use their own namespaced attributes instead. */
-		function hasNativeCardChrome(row) {
-			return row.querySelector("[data-variant][data-state]") !== null;
-		}
-		/** Whether anything inside the item reports a running lifecycle. Deliberately
-		* broad: staying "running" too long only delays a collapse, collapsing early
-		* would cut off live output. Native cards stamp `data-state` next to
-		* `data-tool`/`data-variant`; custom views use their own vocabulary and are
-		* intentionally invisible here. */
-		function subtreeRunning(el) {
-			if (el.getAttribute("data-state") === "running") return true;
-			for (const root of el.querySelectorAll("[data-tool][data-state], [data-variant][data-state]")) if (root.getAttribute("data-state") === "running") return true;
-			return false;
-		}
-		function hasVisibleSegmentWork(segment) {
-			const candidates = [...segment.hideSeats, ...segment.middleSteps];
-			if (segment.startMarker !== null) candidates.push(segment.startMarker);
-			if (segment.finalStep !== null) candidates.push(segment.finalStep);
-			return candidates.some(isDisplayed);
-		}
-		/** Top-level tool card rows of a seat (excluding sub-dispatch nests). */
-		function topCallRowsIn(el) {
-			const rows = [];
-			for (const row of el.querySelectorAll("[data-chat-call-id]")) {
-				if (row.closest("[data-subcalls]") !== null) continue;
-				if (row.closest("[data-chat-call-id]") !== row) continue;
-				rows.push(row);
-			}
-			return rows;
-		}
-		/** Reasoning rows of a message: native think variants outside tool cards. */
-		function thinkRowsIn(el) {
-			const rows = [];
-			for (const row of el.querySelectorAll("[data-variant=\"think\"]:not([data-tool])")) {
-				if (row.closest("[data-chat-call-id]") !== null) continue;
-				if (row.closest("[data-subcalls]") !== null) continue;
-				rows.push(row);
-			}
-			return rows;
-		}
-		/**
-		* Reply detection beyond reasoning rows and tool cards: any non-empty text or
-		* media counts, because Markdown paragraphs necessarily carry text nodes.
-		* Rendered markdown class names are build-time hashes, so structure-based
-		* detection is the only stable contract.
-		*/
-		function hasBodyContent(el) {
-			const kind = el.getAttribute("data-chat-flow-kind");
-			if (kind === "command" || kind === "manual-compaction") return false;
-			if (hasBodyText(el)) return true;
-			const excluded = "[data-variant=\"think\"], [data-chat-call-id]";
-			for (const media of el.querySelectorAll("img, video, audio, canvas")) if (media.closest(excluded) === null) return true;
-			return false;
-		}
-		function hasBodyText(el) {
-			const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
-			let node;
-			while ((node = walker.nextNode()) !== null) {
-				if (node.data.trim() === "") continue;
-				const parent = node.parentElement;
-				if (parent !== null && parent.closest("[data-variant=\"think\"], [data-chat-call-id], [data-variant=\"others\"][data-state]") !== null) continue;
-				return true;
-			}
-			return false;
-		}
-		/**
-		* Official turn duration from the closing element: localized tails read
-		* `用时 33秒` / `用时 2分05秒` or `Ran for 33s` / `Ran for 2m 05s`; newer
-		* tails only carry an end timestamp, which is diffed against the opening user
-		* row's timestamp.
-		*/
-		/**
-		* Viewport-top of the last visible anchored message row, or null when none is
-		* rendered. Used to pin the reader's visual anchor across a fold commit.
-		*/
-		function lastVisibleAnchorTop(flow) {
-			const rows = flow.querySelectorAll("[data-chat-anchor-key]");
-			for (let index = rows.length - 1; index >= 0; index -= 1) {
-				const row = rows[index];
-				if (row.getClientRects().length === 0) continue;
-				return row.getBoundingClientRect().top;
-			}
-			return null;
-		}
-		function parseTurnDuration(boundary) {
-			const text = boundary.textContent ?? "";
-			const zh = text.match(/用时\s*(\d+)分(\d+)秒|用时\s*(\d+)秒/);
-			if (zh !== null) {
-				if (zh[1] !== void 0 && zh[2] !== void 0) return Number(zh[1]) * 6e4 + Number(zh[2]) * 1e3;
-				if (zh[3] !== void 0) return Number(zh[3]) * 1e3;
-				return;
-			}
-			const en = text.match(/Ran for\s*(?:(\d+)m\s*)?(\d+)s/);
-			if (en !== null) return ((en[1] === void 0 ? 0 : Number(en[1])) * 60 + Number(en[2])) * 1e3;
-			const end = parseTimeText(text);
-			const start = findTurnStart(boundary);
-			if (end !== void 0 && start !== void 0 && end > start) return end - start;
-		}
-		/** DSH timestamp text (`8月14日 21:56` / `2026年8月14日 22:11`) → epoch ms. */
-		function parseTimeText(text) {
-			const m = text.match(/(?:(\d{4})年)?(\d{1,2})月(\d{1,2})日\s*(\d{1,2}):(\d{2})/);
-			if (m === null) return void 0;
-			const year = m[1] !== void 0 ? Number(m[1]) : (/* @__PURE__ */ new Date()).getFullYear();
-			const t = new Date(year, Number(m[2]) - 1, Number(m[3]), Number(m[4]), Number(m[5])).getTime();
-			return Number.isNaN(t) ? void 0 : t;
-		}
-		/** Latest turn-opening timestamp at or before the boundary element. */
-		function findTurnStart(boundary) {
-			const flow = boundary.parentElement;
-			if (flow === null) return void 0;
-			let best = null;
-			for (const s of flow.querySelectorAll("[class*=\"timeStart\"]")) {
-				const pos = s.compareDocumentPosition(boundary);
-				if ((pos & Node.DOCUMENT_POSITION_FOLLOWING) !== 0 || (pos & Node.DOCUMENT_POSITION_CONTAINED_BY) !== 0 || s === boundary) best = s;
-				else break;
-			}
-			if (best === null) return void 0;
-			return parseTimeText(best.textContent ?? "");
-		}
-		/** Compact duration pieces shared by both locales: seconds under a minute,
-		* whole minutes drop the seconds, hours drop to minute granularity. */
-		function durationParts(ms) {
-			const s = Math.round(ms / 1e3);
-			return {
-				h: Math.floor(s / 3600),
-				m: Math.floor(s % 3600 / 60),
-				s: s % 60
-			};
-		}
-		/** 毫秒 → 中文紧凑时长（14秒 / 2分05秒 / 15分 / 3小时2分）。 */
-		function formatZhDuration(ms) {
-			const { h, m, s } = durationParts(ms);
-			if (h > 0) return m > 0 ? `${h}小时${m}分` : `${h}小时`;
-			if (s < 60 && m === 0 && h === 0) return `${s}秒`;
-			if (s === 0) return `${m}分`;
-			return `${m}分${String(s).padStart(2, "0")}秒`;
-		}
-		/** Milliseconds → compact English duration (14s / 2m05s / 15m / 3h2m). */
-		function formatEnDuration(ms) {
-			const { h, m, s } = durationParts(ms);
-			if (h > 0) return m > 0 ? `${h}h${m}m` : `${h}h`;
-			if (m === 0 && h === 0) return `${s}s`;
-			if (s === 0) return `${m}m`;
-			return `${m}m${String(s).padStart(2, "0")}s`;
-		}
-		/** Native disclosure chevron (IconChevronDownOutline14, 14x14). */
-		const CHEVRON_PATH = "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z";
-		function createChevronIcon(className) {
-			const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-			svg.setAttribute("width", "14");
-			svg.setAttribute("height", "14");
-			svg.setAttribute("class", className);
-			svg.setAttribute("viewBox", "0 0 14 14");
-			svg.setAttribute("fill", "none");
-			svg.setAttribute("aria-hidden", "true");
-			const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-			path.setAttribute("d", CHEVRON_PATH);
-			path.setAttribute("fill", "currentColor");
-			svg.appendChild(path);
-			return svg;
-		}
-		function createProcessedRowElement(duration) {
-			const copy = resolveFoldCopy();
-			const btn = document.createElement("button");
-			btn.type = "button";
-			btn.className = PROCESSED_CLASS;
-			btn.setAttribute("aria-expanded", "false");
-			const text = document.createElement("span");
-			text.textContent = duration === void 0 ? copy.processedLabel : `${copy.processedLabel} ${copy.formatDuration(duration)}`;
-			btn.append(text, createChevronIcon(`${PROCESSED_CLASS}-chevron`));
-			btn.title = copy.expandTitle;
-			return btn;
-		}
-		function injectStyle() {
-			if (document.getElementById(STYLE_ID) !== null) return;
-			const style = document.createElement("style");
-			style.id = STYLE_ID;
-			style.textContent = FOLD_CSS;
-			document.head.appendChild(style);
-		}
-		function removeStyle() {
-			document.getElementById(STYLE_ID)?.remove();
-		}
-		//#endregion
 		//#region src/client/useProgressiveDomText.ts
 		/**
 		* Progressive text reveal for opaque Agent renderers.
@@ -3714,6 +3540,24 @@ window.__ModuleLoader__.load({
 			]);
 		}
 		//#endregion
+		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/AgentRowEntrance.module.css.mjs
+		const css$2 = "._7P9_Ta_surface{min-width:0}._7P9_Ta_surface[data-entrance=active]{will-change:opacity, transform;animation:.22s cubic-bezier(.2,.8,.2,1) both _7P9_Ta_dsh-smooth-stream-agent-row-in}@keyframes _7P9_Ta_dsh-smooth-stream-agent-row-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(4px)}55%{opacity:1;clip-path:inset(0 18% 0 0)}to{opacity:1;clip-path:inset(0);transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){._7P9_Ta_surface[data-entrance=active]{opacity:1;clip-path:none;will-change:auto;animation:none;transform:none}}";
+		const tagId$2 = "dsh-smooth-stream/AgentRowEntrance.module.css";
+		if (typeof document !== "undefined") {
+			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]");
+			if (tag === null) {
+				tag = document.createElement("style");
+				tag.dataset.plugin = "dsh-smooth-stream";
+				tag.dataset.pluginCss = tagId$2;
+				document.head.appendChild(tag);
+			}
+			tag.textContent = css$2;
+		}
+		var AgentRowEntrance_module_css_default = {
+			"dsh-smooth-stream-agent-row-in": "_7P9_Ta_dsh-smooth-stream-agent-row-in",
+			"surface": "_7P9_Ta_surface"
+		};
+		//#endregion
 		//#region src/client/TypewriterToolNodeView.tsx
 		function openAgentLocation(node) {
 			if (node === null || typeof node !== "object" || !("location" in node)) return false;
@@ -3797,8 +3641,9 @@ window.__ModuleLoader__.load({
 		* @param Inner - The already-registered row component.
 		* @returns A follow-hosted row.
 		*/
-		function wrapFollowNodeView(Inner) {
+		function wrapFollowNodeView(Inner, useControlScroll) {
 			return function TypewriterFollowNodeView(props) {
+				const controlScroll = useControlScroll?.() ?? true;
 				const speedCpsRef = (0, react.useRef)(35);
 				const hostRef = (0, react.useRef)(null);
 				const growing = isGrowingChatNode(props.node);
@@ -3878,15 +3723,18 @@ window.__ModuleLoader__.load({
 					onGrowth: followable ? onGrowth : void 0,
 					entranceExtentRef: growthExtentRef,
 					speedCpsRef,
+					controlScroll,
 					predictive: false,
 					hostRef,
+					className: AgentRowEntrance_module_css_default.surface,
+					entranceActive: entering || growthPulse,
 					children: (0, react.createElement)(Inner, props)
 				});
 			};
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/SmoothStreamCard.module.css.mjs
-		const css$1 = ".XNGeRG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;list-style:none;transition:border-color .16s,background .16s;display:flex}.XNGeRG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.XNGeRG_cardOpen{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}.XNGeRG_header{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.XNGeRG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.XNGeRG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.XNGeRG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.XNGeRG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.XNGeRG_version{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:1.5;overflow:hidden}.XNGeRG_pending{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.XNGeRG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.XNGeRG_chevronOpen{transform:rotate(180deg)}.XNGeRG_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;margin:0 16px;padding-bottom:8px;display:flex}.XNGeRG_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.XNGeRG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.XNGeRG_field+.XNGeRG_field{border-top:1px solid var(--dsw-alias-border-l2)}.XNGeRG_fieldDisabled{opacity:.5}.XNGeRG_fieldHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.XNGeRG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.XNGeRG_toggle{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_toggle:disabled{cursor:default}.XNGeRG_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.XNGeRG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.XNGeRG_failure{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateRow{border-top:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateCopy{flex-direction:column;gap:4px;min-width:0;display:flex}.XNGeRG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.XNGeRG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.XNGeRG_save,.XNGeRG_discard,.XNGeRG_update{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.XNGeRG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.XNGeRG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.XNGeRG_discard:hover:not(:disabled),.XNGeRG_update:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed);color:var(--dsw-alias-label-primary)}.XNGeRG_update{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0;flex:none;align-items:center;gap:6px;display:inline-flex}.XNGeRG_discard:disabled,.XNGeRG_save:disabled,.XNGeRG_update:disabled{opacity:.4;cursor:default}.XNGeRG_discard:focus-visible,.XNGeRG_save:focus-visible,.XNGeRG_update:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
+		const css$1 = ".XNGeRG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;list-style:none;transition:border-color .16s,background .16s;display:flex}.XNGeRG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.XNGeRG_cardOpen{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}.XNGeRG_header{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.XNGeRG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.XNGeRG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.XNGeRG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.XNGeRG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.XNGeRG_version{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:1.5;overflow:hidden}.XNGeRG_pending{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.XNGeRG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.XNGeRG_chevronOpen{transform:rotate(180deg)}.XNGeRG_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;margin:0 16px;padding-bottom:8px;display:flex}.XNGeRG_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.XNGeRG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.XNGeRG_field+.XNGeRG_field{border-top:1px solid var(--dsw-alias-border-l2)}.XNGeRG_fieldDisabled{opacity:.5}.XNGeRG_fieldHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.XNGeRG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.XNGeRG_toggle{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_toggle:disabled{cursor:default}.XNGeRG_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.XNGeRG_choiceRow{flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:0;display:flex}.XNGeRG_choice{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:5px;font-size:12px;line-height:1.5;display:flex}.XNGeRG_choiceInput{width:14px;height:14px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_choice:has(.XNGeRG_choiceInput:disabled){cursor:default;opacity:.55}.XNGeRG_choiceInput:disabled{cursor:default}.XNGeRG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.XNGeRG_failure{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateRow{border-top:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateCopy{flex-direction:column;gap:4px;min-width:0;display:flex}.XNGeRG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.XNGeRG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.XNGeRG_save,.XNGeRG_discard,.XNGeRG_update{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.XNGeRG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.XNGeRG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.XNGeRG_discard:hover:not(:disabled),.XNGeRG_update:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed);color:var(--dsw-alias-label-primary)}.XNGeRG_update{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0;flex:none;align-items:center;gap:6px;display:inline-flex}.XNGeRG_discard:disabled,.XNGeRG_save:disabled,.XNGeRG_update:disabled{opacity:.4;cursor:default}.XNGeRG_discard:focus-visible,.XNGeRG_save:focus-visible,.XNGeRG_update:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
 		const tagId$1 = "dsh-smooth-stream/SmoothStreamCard.module.css";
 		if (typeof document !== "undefined") {
 			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]");
@@ -3899,32 +3747,35 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$1;
 		}
 		var SmoothStreamCard_module_css_default = {
+			"body": "XNGeRG_body",
+			"fieldDisabled": "XNGeRG_fieldDisabled",
+			"readOnly": "XNGeRG_readOnly",
+			"field": "XNGeRG_field",
+			"choiceInput": "XNGeRG_choiceInput",
+			"headText": "XNGeRG_headText",
+			"version": "XNGeRG_version",
+			"choice": "XNGeRG_choice",
+			"description": "XNGeRG_description",
+			"pending": "XNGeRG_pending",
 			"fieldHead": "XNGeRG_fieldHead",
 			"label": "XNGeRG_label",
 			"toggle": "XNGeRG_toggle",
-			"cardOpen": "XNGeRG_cardOpen",
+			"hint": "XNGeRG_hint",
+			"save": "XNGeRG_save",
+			"updateRow": "XNGeRG_updateRow",
 			"chevron": "XNGeRG_chevron",
+			"cardOpen": "XNGeRG_cardOpen",
+			"card": "XNGeRG_card",
 			"header": "XNGeRG_header",
-			"field": "XNGeRG_field",
 			"failure": "XNGeRG_failure",
-			"discard": "XNGeRG_discard",
-			"headText": "XNGeRG_headText",
-			"updateRow": "XNGeRG_updateRow",
-			"footer": "XNGeRG_footer",
-			"fieldDisabled": "XNGeRG_fieldDisabled",
-			"pending": "XNGeRG_pending",
-			"body": "XNGeRG_body",
-			"save": "XNGeRG_save",
-			"update": "XNGeRG_update",
-			"chevronOpen": "XNGeRG_chevronOpen",
-			"hint": "XNGeRG_hint",
 			"failed": "XNGeRG_failed",
+			"chevronOpen": "XNGeRG_chevronOpen",
+			"discard": "XNGeRG_discard",
 			"updateCopy": "XNGeRG_updateCopy",
-			"description": "XNGeRG_description",
-			"card": "XNGeRG_card",
-			"version": "XNGeRG_version",
-			"readOnly": "XNGeRG_readOnly",
-			"name": "XNGeRG_name"
+			"update": "XNGeRG_update",
+			"footer": "XNGeRG_footer",
+			"name": "XNGeRG_name",
+			"choiceRow": "XNGeRG_choiceRow"
 		};
 		//#endregion
 		//#region src/client/SmoothStreamCard.tsx
@@ -4025,40 +3876,91 @@ window.__ModuleLoader__.load({
 									className: SmoothStreamCard_module_css_default.fieldHead,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: SmoothStreamCard_module_css_default.label,
-										children: t("thinkAutoExpand")
+										children: t("controlScroll")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 										type: "checkbox",
 										className: SmoothStreamCard_module_css_default.toggle,
-										checked: state.thinkAutoExpand,
+										checked: state.controlScroll,
 										disabled: !state.writable || state.saving || !state.enabled,
 										onChange: (event) => {
-											props.edit({ thinkAutoExpand: event.target.checked });
+											props.edit({ controlScroll: event.target.checked });
 										}
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: SmoothStreamCard_module_css_default.hint,
-									children: t("thinkAutoExpandHint")
+									children: t("controlScrollHint")
 								})]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: state.enabled ? SmoothStreamCard_module_css_default.field : `${SmoothStreamCard_module_css_default.field} ${SmoothStreamCard_module_css_default.fieldDisabled}`,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.fieldHead,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: SmoothStreamCard_module_css_default.label,
+											children: t("motionPreference")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.hint,
+										children: t("motionPreferenceHint")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.choiceRow,
+										role: "radiogroup",
+										"aria-label": t("motionPreference"),
+										children: [
+											[
+												"auto",
+												"motionAuto",
+												"motionAutoHint"
+											],
+											[
+												"force-smooth",
+												"motionForceSmooth",
+												"motionForceSmoothHint"
+											],
+											[
+												"force-reduced",
+												"motionForceReduced",
+												"motionForceReducedHint"
+											]
+										].map(([value, label, hint]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: SmoothStreamCard_module_css_default.choice,
+											title: t(hint),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "radio",
+												className: SmoothStreamCard_module_css_default.choiceInput,
+												name: "smooth-stream-motion",
+												checked: state.motionPreference === value,
+												disabled: !state.writable || state.saving || !state.enabled,
+												onChange: () => {
+													props.edit({ motionPreference: value });
+												}
+											}), t(label)]
+										}, value))
+									})
+								]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: SmoothStreamCard_module_css_default.field,
+								className: state.enabled ? SmoothStreamCard_module_css_default.field : `${SmoothStreamCard_module_css_default.field} ${SmoothStreamCard_module_css_default.fieldDisabled}`,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: SmoothStreamCard_module_css_default.fieldHead,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: SmoothStreamCard_module_css_default.label,
-										children: t("autoCollapse")
+										children: t("thinkAutoExpand")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 										type: "checkbox",
 										className: SmoothStreamCard_module_css_default.toggle,
-										checked: state.autoCollapse,
-										disabled: !state.writable || state.saving,
+										checked: state.thinkAutoExpand,
+										disabled: !state.writable || state.saving || !state.enabled,
 										onChange: (event) => {
-											props.edit({ autoCollapse: event.target.checked });
+											props.edit({ thinkAutoExpand: event.target.checked });
 										}
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: SmoothStreamCard_module_css_default.hint,
-									children: t("autoCollapseHint")
+									children: t("thinkAutoExpandHint")
 								})]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -4182,11 +4084,12 @@ window.__ModuleLoader__.load({
 					hooks: { smoothStreamCard: this.store },
 					edit: (patch) => {
 						if (this.saving) return;
-						if (patch.enabled !== void 0 || patch.thinkAutoExpand !== void 0 || patch.autoCollapse !== void 0) this.stagedBase = {
+						if (patch.enabled !== void 0 || patch.controlScroll !== void 0 || patch.motionPreference !== void 0 || patch.thinkAutoExpand !== void 0) this.stagedBase = {
 							...this.baseValues(),
 							...patch.enabled === void 0 ? {} : { enabled: patch.enabled },
-							...patch.thinkAutoExpand === void 0 ? {} : { thinkAutoExpand: patch.thinkAutoExpand },
-							...patch.autoCollapse === void 0 ? {} : { autoCollapse: patch.autoCollapse }
+							...patch.controlScroll === void 0 ? {} : { controlScroll: patch.controlScroll },
+							...patch.motionPreference === void 0 ? {} : { motionPreference: patch.motionPreference },
+							...patch.thinkAutoExpand === void 0 ? {} : { thinkAutoExpand: patch.thinkAutoExpand }
 						};
 						if (this.loadedDebug !== void 0 && (patch.debugEnabled !== void 0 || patch.debugTuning !== void 0)) this.stagedDebug = {
 							...this.debugValues(),
@@ -4238,8 +4141,9 @@ window.__ModuleLoader__.load({
 			baseValues() {
 				return this.stagedBase ?? {
 					enabled: this.loaded?.enabled ?? DEFAULT_STREAM_SETTINGS.enabled,
-					thinkAutoExpand: this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand,
-					autoCollapse: this.loaded?.autoCollapse ?? DEFAULT_STREAM_SETTINGS.autoCollapse
+					controlScroll: this.loaded?.controlScroll ?? DEFAULT_STREAM_SETTINGS.controlScroll,
+					motionPreference: this.loaded?.motionPreference ?? DEFAULT_STREAM_SETTINGS.motionPreference,
+					thinkAutoExpand: this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand
 				};
 			}
 			debugValues() {
@@ -4359,7 +4263,11 @@ window.__ModuleLoader__.load({
 				"npm",
 				"development",
 				"unmanaged"
-			].includes(data.installation) || typeof data.writable !== "boolean" || typeof data.enabled !== "boolean" || typeof data.thinkAutoExpand !== "boolean" || typeof data.autoCollapse !== "boolean" || typeof data.canUpgrade !== "boolean") throw new Error("dsh-smooth-stream: malformed settings response");
+			].includes(data.installation) || typeof data.writable !== "boolean" || typeof data.enabled !== "boolean" || typeof data.controlScroll !== "boolean" || ![
+				"auto",
+				"force-smooth",
+				"force-reduced"
+			].includes(data.motionPreference) || typeof data.thinkAutoExpand !== "boolean" || typeof data.canUpgrade !== "boolean") throw new Error("dsh-smooth-stream: malformed settings response");
 			return data;
 		}
 		function upgradeView(value) {
@@ -4388,8 +4296,9 @@ window.__ModuleLoader__.load({
 				async write(settings) {
 					return settingsView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.write, {
 						enabled: settings.enabled,
+						controlScroll: settings.controlScroll,
+						motionPreference: settings.motionPreference,
 						thinkAutoExpand: settings.thinkAutoExpand,
-						autoCollapse: settings.autoCollapse,
 						...settings.debugEnabled === void 0 || settings.debugTuning === void 0 ? {} : {
 							debugEnabled: settings.debugEnabled,
 							debugTuning: settings.debugTuning
@@ -4425,34 +4334,34 @@ window.__ModuleLoader__.load({
 			tag.textContent = css;
 		}
 		var DebugPanel_module_css_default = {
+			"iconButton": "m4_tdG_iconButton",
 			"triggerActive": "m4_tdG_triggerActive",
-			"guide": "m4_tdG_guide",
-			"metric": "m4_tdG_metric",
+			"controlHead": "m4_tdG_controlHead",
+			"number": "m4_tdG_number",
 			"range": "m4_tdG_range",
-			"iconButton": "m4_tdG_iconButton",
-			"unsaved": "m4_tdG_unsaved",
-			"section": "m4_tdG_section",
-			"metrics": "m4_tdG_metrics",
-			"panel": "m4_tdG_panel",
-			"unit": "m4_tdG_unit",
-			"trigger": "m4_tdG_trigger",
-			"state": "m4_tdG_state",
-			"secondaryButton": "m4_tdG_secondaryButton",
+			"statusLive": "m4_tdG_statusLive",
 			"title": "m4_tdG_title",
-			"controlHead": "m4_tdG_controlHead",
 			"controlLabel": "m4_tdG_controlLabel",
+			"guide": "m4_tdG_guide",
+			"infoButton": "m4_tdG_infoButton",
 			"numberWrap": "m4_tdG_numberWrap",
-			"primaryButton": "m4_tdG_primaryButton",
-			"panelHeader": "m4_tdG_panelHeader",
-			"statusLive": "m4_tdG_statusLive",
+			"footer": "m4_tdG_footer",
+			"control": "m4_tdG_control",
+			"secondaryButton": "m4_tdG_secondaryButton",
+			"unsaved": "m4_tdG_unsaved",
+			"metrics": "m4_tdG_metrics",
 			"scrollArea": "m4_tdG_scrollArea",
+			"state": "m4_tdG_state",
+			"metric": "m4_tdG_metric",
+			"panel": "m4_tdG_panel",
+			"trigger": "m4_tdG_trigger",
+			"statusDot": "m4_tdG_statusDot",
+			"section": "m4_tdG_section",
+			"unit": "m4_tdG_unit",
 			"footerSpacer": "m4_tdG_footerSpacer",
 			"visuallyHidden": "m4_tdG_visuallyHidden",
-			"statusDot": "m4_tdG_statusDot",
-			"infoButton": "m4_tdG_infoButton",
-			"footer": "m4_tdG_footer",
-			"number": "m4_tdG_number",
-			"control": "m4_tdG_control"
+			"primaryButton": "m4_tdG_primaryButton",
+			"panelHeader": "m4_tdG_panelHeader"
 		};
 		//#endregion
 		//#region src/client/DebugPanel.tsx
@@ -4848,10 +4757,18 @@ window.__ModuleLoader__.load({
 			description: "How replies are revealed while they stream.",
 			enabled: "Enable smooth streaming",
 			enabledHint: "Let this plugin render and follow streaming replies. Turn off to use the built-in Harness renderer.",
+			controlScroll: "Take over scrolling",
+			controlScrollHint: "On by default; smooth-stream writes the conversation scroll position. Turn off to leave bottom-follow to Harness.",
+			motionPreference: "Motion",
+			motionPreferenceHint: "How streaming responds to the system reduce-motion setting.",
+			motionAuto: "Follow system",
+			motionAutoHint: "Reduced-motion systems get raw text (accessibility first).",
+			motionForceSmooth: "Always smooth",
+			motionForceSmoothHint: "Keep the smoothing engine even when the system asks for reduced motion.",
+			motionForceReduced: "Always raw",
+			motionForceReducedHint: "Render raw text even when the system allows motion.",
 			thinkAutoExpand: "Auto-expand thinking",
 			thinkAutoExpandHint: "Open the thinking block while it streams. Turn off to keep it collapsed.",
-			autoCollapse: "Collapse finished work",
-			autoCollapseHint: "When a reply finishes, fold its thinking, tools, and intermediate output behind one “Processed” summary so only the final answer shows. Click the summary to expand again; works with streaming on or off.",
 			debugEnabled: "Show render diagnostics",
 			debugEnabledHint: "Show live streaming and scroll metrics on the right side of the chat. Tune values there, then save them here.",
 			debugUnavailable: "Live diagnostics require a newer plugin Host.",
@@ -4927,10 +4844,18 @@ window.__ModuleLoader__.load({
 			description: "回复在流式输出时如何逐字展现。",
 			enabled: "启用丝滑流式渲染",
 			enabledHint: "由本插件渲染并跟随流式回复；关闭后使用 Harness 内置渲染。",
+			controlScroll: "接管滚动",
+			controlScrollHint: "默认开启，由丝滑流式写入会话滚动位置；关闭后贴底滚动交给 Harness。",
+			motionPreference: "动效偏好",
+			motionPreferenceHint: "流式渲染如何响应系统的「减少动态效果」设置。",
+			motionAuto: "跟随系统",
+			motionAutoHint: "系统开启减少动态效果时直接呈现原始文本（优先无障碍）。",
+			motionForceSmooth: "始终平滑",
+			motionForceSmoothHint: "即使系统要求减少动态效果，仍保持平滑流式渲染。",
+			motionForceReduced: "始终原始",
+			motionForceReducedHint: "即使系统允许动效，也直接呈现原始文本。",
 			thinkAutoExpand: "自动展开思考",
 			thinkAutoExpandHint: "思考块在流式时自动展开；关闭后保持折叠，可手动展开。",
-			autoCollapse: "完成后自动折叠",
-			autoCollapseHint: "回复处理完成后，把思考、工具与过程输出折叠为一行“已处理”摘要，只展示最终回复；点击摘要可再次展开。开启或关闭流式渲染均可用，默认开启。",
 			debugEnabled: "显示渲染调试面板",
 			debugEnabledHint: "在聊天右侧显示流式渲染和滚动的实时参数，可在面板中调节并在这里保存。",
 			debugUnavailable: "当前 Host 版本不支持实时调试，请先更新插件 Host。",
@@ -5064,7 +4989,7 @@ window.__ModuleLoader__.load({
 		* @param ctx - Browser context carrying the slot registry.
 		* @returns Restorer that puts the original components back.
 		*/
-		function wrapAgentChatRows(ctx) {
+		function wrapAgentChatRows(ctx, useControlScroll) {
 			const restores = [];
 			const wrapped = /* @__PURE__ */ new WeakSet();
 			const wrapAll = () => {
@@ -5074,7 +4999,7 @@ window.__ModuleLoader__.load({
 					const current = entry.component;
 					if (!isWrappableComponent(current) || wrapped.has(current)) continue;
 					const inner = current;
-					const next = wrapFollowNodeView(inner);
+					const next = wrapFollowNodeView(inner, useControlScroll);
 					wrapped.add(next);
 					entry.component = next;
 					restores.push(() => {
@@ -5123,7 +5048,7 @@ window.__ModuleLoader__.load({
 			refresh() {
 				const next = this.read();
 				const pending = this.card?.getSnapshot().status === "loading";
-				if (pending === this.pending && next.enabled === this.value.enabled && next.thinkAutoExpand === this.value.thinkAutoExpand && next.autoCollapse === this.value.autoCollapse && next.debugEnabled === this.value.debugEnabled && next.debugTuning === this.value.debugTuning) return;
+				if (pending === this.pending && next.enabled === this.value.enabled && next.controlScroll === this.value.controlScroll && next.motionPreference === this.value.motionPreference && next.thinkAutoExpand === this.value.thinkAutoExpand && next.debugEnabled === this.value.debugEnabled && next.debugTuning === this.value.debugTuning) return;
 				this.pending = pending;
 				this.value = next;
 				for (const listener of this.listeners) listener();
@@ -5132,10 +5057,6 @@ window.__ModuleLoader__.load({
 			takeoverEnabled() {
 				return !this.pending && this.value.enabled;
 			}
-			/** Whether finished turns should fold behind a summary row right now. */
-			autoCollapseActive() {
-				return !this.pending && this.value.autoCollapse;
-			}
 			getSnapshot = () => this.value;
 			subscribe = (listener) => {
 				this.listeners.add(listener);
@@ -5158,19 +5079,7 @@ window.__ModuleLoader__.load({
 		function apply(ctx) {
 			const config = readBootConfig();
 			const settings = new SettingsCell();
-			ctx.inject(["slots"], () => {
-				const autoCollapse = new AutoCollapseController();
-				const syncAutoCollapse = () => {
-					if (settings.autoCollapseActive()) autoCollapse.start();
-					else autoCollapse.stop();
-				};
-				const unsubscribe = settings.subscribe(syncAutoCollapse);
-				syncAutoCollapse();
-				return () => {
-					unsubscribe();
-					autoCollapse.stop();
-				};
-			});
+			const useControlScroll = () => (0, react.useSyncExternalStore)(settings.subscribe, () => settings.getSnapshot().controlScroll, () => settings.getSnapshot().controlScroll);
 			ctx.inject([
 				"slots",
 				"locale",
@@ -5238,7 +5147,9 @@ window.__ModuleLoader__.load({
 					revealCharsPerSec: config.revealCharsPerSec,
 					scrollSpeedPxPerSec: config.scrollSpeedPxPerSec,
 					maxScrollSpeedPxPerSec: config.maxScrollSpeedPxPerSec,
-					thinkAutoExpand: preferences.thinkAutoExpand
+					thinkAutoExpand: preferences.thinkAutoExpand,
+					controlScroll: preferences.controlScroll,
+					motionPreference: preferences.motionPreference
 				});
 			};
 			ctx.slots.inject("conversation.chat.node", () => {
@@ -5250,7 +5161,7 @@ window.__ModuleLoader__.load({
 						return;
 					}
 					if (releaseTakeover !== void 0) return;
-					const unwrap = wrapAgentChatRows(ctx);
+					const unwrap = wrapAgentChatRows(ctx, useControlScroll);
 					const unshadow = ctx.slots.register({
 						name: "conversation.chat.node",
 						key: "assistant-step",