dsh-smooth-stream 0.4.0 → 0.4.1

package/lib/client.js

@@ -24,27 +24,27 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$2;
 		}
 		var TypewriterAssistantNodeView_module_css_default = {
-			"think": "I17U7q_think",
-			"thinkTitle": "I17U7q_thinkTitle",
-			"thinkSummary": "I17U7q_thinkSummary",
-			"thinkBody": "I17U7q_thinkBody",
-			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkSeparator": "I17U7q_thinkSeparator",
+			"body": "I17U7q_body",
 			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"follow": "I17U7q_follow",
-			"disclosureRoot": "I17U7q_disclosureRoot",
-			"disclosureRow": "I17U7q_disclosureRow",
+			"disclosureTitle": "I17U7q_disclosureTitle",
+			"think": "I17U7q_think",
+			"disclosureContent": "I17U7q_disclosureContent",
 			"thinkLeading": "I17U7q_thinkLeading",
-			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
+			"disclosureRow": "I17U7q_disclosureRow",
+			"stopped": "I17U7q_stopped",
 			"thinkChevron": "I17U7q_thinkChevron",
-			"root": "I17U7q_root",
-			"body": "I17U7q_body",
+			"thinkSummary": "I17U7q_thinkSummary",
+			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
 			"visuallyHidden": "I17U7q_visuallyHidden",
-			"stopped": "I17U7q_stopped",
-			"thinkSeparator": "I17U7q_thinkSeparator",
-			"disclosureTitle": "I17U7q_disclosureTitle",
-			"disclosureContent": "I17U7q_disclosureContent",
-			"thinkRow": "I17U7q_thinkRow"
+			"root": "I17U7q_root",
+			"disclosureRoot": "I17U7q_disclosureRoot",
+			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkRow": "I17U7q_thinkRow",
+			"follow": "I17U7q_follow",
+			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
+			"thinkBody": "I17U7q_thinkBody",
+			"thinkTitle": "I17U7q_thinkTitle"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -816,2112 +816,2129 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/auto-collapse-controller.ts
+		//#region src/client/teleprompterGlide.ts
 		/**
-		* Auto-collapse coordinator: folds the work process of finished turns behind
-		* one summary row so only the model's final answer stays visible.
+		* Conversation-port follow while an assistant reply streams.
 		*
-		* 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.
+		* A sub-stepped spring physics engine drives a float `animatedH`, rather
+		* than restarting native smooth-scroll animations as every glyph lands.
+		* Remaining lag rides a small compositor transform while the real scrollport
+		* stays at its floor. The transform is bounded by the measured paint gap
+		* before conversation chrome. This follower:
 		*
-		* 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.
+		* - marks programmatic writes via `data-follow-owned` for compatible hosts;
+		* - sets `overflow-anchor: none` so CSS scroll-anchoring does not snap;
+		* - restores `animatedH` in a ResizeObserver (before paint) so a layout
+		*   pass cannot flash a snapped frame;
+		* - expresses safe lag as a compositor transform on message rows;
+		* - opens a speed-adaptive layout runway before fast output wraps, preserving
+		*   the reference spring constants at every reveal speed;
+		* - catches up any lag that cannot fit before turn status / composer chrome,
+		*   so fixed chrome never has to counter-shift and the host stays at-bottom;
+		* - never clips or overlays streamed text.
 		*
-		* 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.
+		* A real reader gesture receives the effective visual position before the
+		* transform clears. Lifecycle completion instead settles at the floor.
+		*
+		* Directional wheel/touch intent unpins immediately; pointer/key input falls
+		* back to an upward scroll delta from the engine's own written position. A
+		* reader release re-acquires only after returning to the real floor.
 		*/
-		const STYLE_ID = "dshss-auto-collapse-style";
-		/** Class of the injected per-turn summary row; also consumed by the follow
-		* engine so the row rides the same lag transform as native message rows. */
-		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.
+		* Programmatic follow marker retained for hosts that recognize external
+		* scroll ownership. Current Harness also sees the write land at the floor.
 		*/
-		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 FOLLOW_OWNED_ATTR = "data-follow-owned";
+		/** Sub-pixel settle threshold; clearing below this cannot produce a visible rebound. */
+		const FOLLOW_SETTLE_EPSILON_PX = .25;
+		/** Safe-lag occupancy band over which reveal pressure is progressively reduced. */
+		const FOLLOW_BACKPRESSURE_START_RATIO = .25;
+		const GESTURE_EVENTS = [
+			"wheel",
+			"touchstart",
+			"touchmove",
+			"touchend",
+			"touchcancel",
+			"pointerdown",
+			"keydown"
+		];
+		/** Visible runway needed for the current reveal pressure. */
+		function computeFollowReserve(speedCps, runwayPx = 48) {
+			const available = Math.max(0, runwayPx);
+			if (available <= 0) return 0;
+			if (speedCps <= 90) return 0;
+			const normalized = Math.min(1, Math.max(0, (speedCps - 90) / 510));
+			const minimum = Math.min(available, 16);
+			return minimum + normalized * (available - minimum);
 		}
-		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 = "";
-			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();
+		/**
+		* Reveal-rate multiplier needed to retain one-wrap headroom for the spring.
+		* Throttling starts only after a quarter of the safe transform is occupied;
+		* a constrained paint lands at the minimum immediately so the next reveal
+		* commit cannot keep feeding an already-full visual buffer.
+		*/
+		function computeFollowRevealScale(lagPx, capacityPx, constrained = false, tuning = DEFAULT_STREAM_DEBUG_TUNING) {
+			if (constrained) return tuning.backpressureMinScale;
+			if (!Number.isFinite(capacityPx)) return 1;
+			if (capacityPx <= 0) return lagPx > 0 ? tuning.backpressureMinScale : 1;
+			const ratio = Math.min(1, Math.max(0, lagPx / capacityPx));
+			if (ratio >= .75) return tuning.backpressureMinScale;
+			const progress = Math.min(1, Math.max(0, (ratio - FOLLOW_BACKPRESSURE_START_RATIO) / .5));
+			const eased = progress * progress * (3 - 2 * progress);
+			return 1 - (1 - tuning.backpressureMinScale) * eased;
+		}
+		/**
+		* Semi-implicit spring integration with four substeps per <=32ms slice.
+		* @param dtMs - Frame delta in ms.
+		* @param input - Current visible lag and carried physics velocity.
+		* @returns The position advance, its fraction, and next velocity.
+		*/
+		function computeFollowStep(dtMs, input, tuning = DEFAULT_STREAM_DEBUG_TUNING) {
+			if (input.lag <= .1 || dtMs <= 0) return {
+				advancePx: 0,
+				lerpStep: 0,
+				velocityPxPerSec: 0
 			};
-			/** 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;
-				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();
+			let lag = input.lag;
+			let velocity = Math.max(0, input.velocityPxPerSec ?? 0);
+			const elapsedMs = Math.min(32, dtMs);
+			const slices = Math.max(1, Math.ceil(elapsedMs / 32));
+			const subDt = elapsedMs / 1e3 / slices / 4;
+			for (let slice = 0; slice < slices; slice += 1) for (let substep = 0; substep < 4; substep += 1) {
+				const acceleration = (tuning.springStiffness * lag - tuning.springDamping * velocity) / tuning.springMass;
+				velocity = Math.max(0, velocity + acceleration * subDt);
+				const advance = velocity * subDt;
+				if (advance >= lag) return {
+					advancePx: input.lag,
+					lerpStep: 1,
+					velocityPxPerSec: 0
+				};
+				lag -= advance;
 			}
-			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);
+			const advancePx = input.lag - lag;
+			return {
+				advancePx,
+				lerpStep: advancePx / input.lag,
+				velocityPxPerSec: velocity
+			};
+		}
+		/** Element whose resize signals flow growth for the before-paint restore. */
+		function resizeProxyOf(port) {
+			return port.querySelector("[data-chat-transcript]") ?? port.querySelector("[data-chat-flow]");
+		}
+		/**
+		* 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).
+		* 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
+		* child therefore rides the same transform, keeping the visual order of the
+		* column intact.
+		*/
+		function shiftSurfacesOf(port) {
+			const transcript = port.querySelector("[data-chat-transcript]");
+			if (transcript !== null) return [transcript];
+			const anchored = [...port.querySelectorAll("[data-chat-anchor-key]")].filter((row) => row.parentElement?.closest("[data-chat-anchor-key]") === null);
+			const flow = port.querySelector("[data-chat-flow]");
+			if (flow === null) return anchored;
+			const status = turnStatusOf(port);
+			const anchoredSet = new Set(anchored);
+			const __dbg = [...flow.children].filter((child) => child instanceof HTMLElement && child !== status && (anchoredSet.has(child) || child.querySelector("[data-chat-anchor-key]") === null));
+			console.log("[engine] reached end of shiftSurfacesOf, n=", __dbg.length);
+			globalThis.__dshssProbe = __dbg.map((e) => `${e.tagName}:${e.getAttribute("data-chat-anchor-key") ?? e.className}`);
+			return __dbg;
+		}
+		function currentShiftOf(element) {
+			return Number(/translate3d\(0(?:px)?,\s*(-?[\d.]+)px,\s*0(?:px)?\)/.exec(element.style.transform)?.[1] ?? 0);
+		}
+		function setShift(element, px) {
+			if (Math.abs(px) > .01) {
+				if (Math.abs(currentShiftOf(element) - px) <= .01 && element.style.willChange === "transform" && element.style.clipPath === "") return;
+				element.style.transform = `translate3d(0, ${px}px, 0)`;
+				element.style.willChange = "transform";
+			} else {
+				if (element.style.transform === "" && element.style.willChange === "" && element.style.clipPath === "") return;
+				element.style.transform = "";
+				element.style.willChange = "";
 			}
-			/** Body-level observations only need to wake us up near the active flow. */
-			shouldSchedule(records) {
-				if (records.length === 0 || this.flow === null || !this.flow.isConnected) return true;
-				return records.some((record) => nodeWithin(record.target, this.flow) || nodeWithin(this.flow, record.target));
+			element.style.clipPath = "";
+		}
+		function turnStatusOf(port) {
+			return port.querySelector("[data-chat-turn-status], [data-chat-flow] > [role=\"status\"]");
+		}
+		/** Height committed by one newly mounted Chat row, including its flex gap. */
+		function entranceExtentOf(root) {
+			const row = root.closest("[data-chat-flow-key]") ?? root;
+			const rect = row.getBoundingClientRect();
+			const height = Math.max(0, rect.height, rect.bottom - rect.top, row.offsetHeight);
+			let previous = row.previousElementSibling;
+			while (previous instanceof HTMLElement) {
+				const previousRect = previous.getBoundingClientRect();
+				if (previousRect.height > 0 || previousRect.bottom > previousRect.top) return Math.max(height, rect.bottom - previousRect.bottom);
+				previous = previous.previousElementSibling;
 			}
-			/** 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);
-				}
+			return height;
+		}
+		/**
+		* The plugin can be reinjected without replacing the conversation DOM. Keep
+		* runway ownership in the page realm so a fresh bundle adopts the existing
+		* margin instead of treating it as host layout and adding another 48px.
+		*/
+		const FOLLOW_RUNWAYS_SYMBOL = Symbol.for("dsh-smooth-stream.follow-runways");
+		const followRunwayRegistry = globalThis;
+		const followRunways = followRunwayRegistry[FOLLOW_RUNWAYS_SYMBOL] ?? /* @__PURE__ */ new WeakMap();
+		followRunwayRegistry[FOLLOW_RUNWAYS_SYMBOL] = followRunways;
+		const followPaintLimits = /* @__PURE__ */ new WeakMap();
+		function invalidatePaintLimit(port) {
+			followPaintLimits.delete(port);
+		}
+		/** Logical position and velocity survive a React owner handoff and finish. */
+		const followMotionStates = /* @__PURE__ */ new WeakMap();
+		function restoreRunway(port) {
+			const runway = followRunways.get(port);
+			if (runway === void 0) return;
+			runway.element.style[runway.property] = runway.original;
+			followRunways.delete(port);
+			invalidatePaintLimit(port);
+		}
+		function isLegacyRunway(value) {
+			if (value === "") return false;
+			const terms = [...value.matchAll(/([\d.]+)px/g)];
+			if (terms.length === 0 || value.replaceAll(/calc|px|[\d.+()\s]/g, "") !== "") return false;
+			return terms.every(([, raw]) => {
+				const px = Number(raw);
+				return Number.isFinite(px) && px >= 48 && Math.abs(px % 48) <= Number.EPSILON;
+			});
+		}
+		/** Remove unowned runway residue written by v0.3.3 and earlier bundles. */
+		function migrateLegacyRunway(port, surfaces, status, composer) {
+			if (followRunways.has(port)) return;
+			let migrated = false;
+			if (status !== null && isLegacyRunway(status.style.marginTop)) {
+				status.style.marginTop = "";
+				migrated = true;
 			}
-			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);
+			const last = surfaces.at(-1);
+			if (status === null && composer !== null && last !== void 0 && isLegacyRunway(last.style.marginBottom)) {
+				last.style.marginBottom = "";
+				migrated = true;
 			}
-			runPass() {
-				try {
-					this.pass();
-					this.lastPassError = "";
-				} catch (error) {
-					this.reportError(error);
-				}
+			if (migrated) invalidatePaintLimit(port);
+		}
+		function ensureRunway(port, surfaces, runwayPx = 48) {
+			const status = turnStatusOf(port);
+			const composer = port.querySelector("[data-composer-seat]");
+			migrateLegacyRunway(port, surfaces, status, composer);
+			const naturalHeight = Math.max(0, port.scrollHeight - runwayOffsetOf(port));
+			if (runwayPx <= 0 || port.clientHeight <= 0 || naturalHeight <= port.clientHeight) {
+				restoreRunway(port);
+				return;
 			}
-			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);
+			const target = status === null ? {
+				element: composer === null ? void 0 : surfaces.at(-1),
+				property: "marginBottom"
+			} : {
+				element: status,
+				property: "marginTop"
+			};
+			if (target.element === void 0) {
+				restoreRunway(port);
+				return;
 			}
-			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);
-				}
-				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);
-				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;
-		}
-		/** 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("dshss-processed"));
+			const element = target.element;
+			const current = followRunways.get(port);
+			if (current?.element === element && current.property === target.property && current.requestedPx === runwayPx) return;
+			restoreRunway(port);
+			const beforeHeight = port.scrollHeight;
+			const original = element.style[target.property];
+			element.style[target.property] = original === "" ? `${runwayPx}px` : `calc(${original} + ${runwayPx}px)`;
+			const offset = Math.max(0, port.scrollHeight - beforeHeight);
+			followRunways.set(port, {
+				element,
+				offset,
+				property: target.property,
+				original,
+				requestedPx: runwayPx
+			});
+			invalidatePaintLimit(port);
 		}
-		function isDisplayed(el) {
-			if (typeof getComputedStyle === "function") return getComputedStyle(el).display !== "none";
-			return el.style.display !== "none";
+		function runwayOffsetOf(port) {
+			return followRunways.get(port)?.offset ?? 0;
 		}
-		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}`}`;
+		/** Available paint room below the last message before fixed conversation chrome. */
+		function safeShiftLimit(port, surfaces) {
+			const last = surfaces.at(-1);
+			if (last === void 0) return 0;
+			const status = turnStatusOf(port);
+			const composer = port.querySelector("[data-composer-seat]");
+			const cached = followPaintLimits.get(port);
+			if (cached !== void 0 && performance.now() - cached.measuredAtMs <= 250 && cached.clientHeight === port.clientHeight && cached.surface === last && cached.status === status && cached.composer === composer) return cached.limit;
+			const ceiling = [status, composer].filter((element) => element !== null).map((element) => ({
+				element,
+				rect: element.getBoundingClientRect()
+			})).filter(({ rect }) => Number.isFinite(rect.top) && Number.isFinite(rect.bottom) && rect.bottom > rect.top).sort((first, second) => first.rect.top - second.rect.top)[0];
+			if (ceiling === void 0) return status === null && composer === null ? Number.POSITIVE_INFINITY : runwayOffsetOf(port);
+			const ceilingTop = ceiling.rect.top - currentShiftOf(ceiling.element);
+			const naturalBottom = last.getBoundingClientRect().bottom - currentShiftOf(last);
+			const limit = Math.max(0, ceilingTop - naturalBottom - 1);
+			followPaintLimits.set(port, {
+				clientHeight: port.clientHeight,
+				limit,
+				measuredAtMs: performance.now(),
+				composer,
+				status,
+				surface: last
+			});
+			return limit;
 		}
-		/** 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";
+		function setFollowScrollTop(port, nextTop) {
+			if (Math.abs(port.scrollTop - nextTop) > .01) port.scrollTop = nextTop;
+			followScrollLedgers.set(port, port.scrollTop);
+			const ownedTop = String(port.scrollTop);
+			if (port.getAttribute(FOLLOW_OWNED_ATTR) !== ownedTop) port.setAttribute(FOLLOW_OWNED_ATTR, ownedTop);
 		}
 		/**
-		* 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;
+		* Last scrollTop this engine wrote or accepted, per port. Reader intent is a
+		* real upward delta from this ledger; a key press or touch while pinned
+		* (typing in the composer) must not release the pin, because a released pin
+		* can never re-acquire while content streams away from the reader position.
+		*/
+		const followScrollLedgers = /* @__PURE__ */ new WeakMap();
+		const followActivityAt = /* @__PURE__ */ new WeakMap();
+		/** Whether this port was owned recently enough to identify a closing tail row. */
+		function hasRecentConversationFollow(port, windowMs = 250) {
+			const last = followActivityAt.get(port);
+			return last !== void 0 && performance.now() - last <= windowMs;
+		}
+		function readerScrolledUp(port) {
+			return port.scrollTop < (followScrollLedgers.get(port) ?? 0) - 8;
 		}
 		/**
-		* 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.
+		* Paint a bounded visual lag and return the effective logical extent.
+		*
+		* This is the final geometry invariant, not merely an animation preference:
+		* any lag beyond the real gap to status/composer chrome is caught up in the
+		* same frame. Carrying that excess in `scrollTop` would move the transcript
+		* toward fixed chrome and also make the host expose jump-to-bottom.
 		*/
-		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)
-				};
+		function applyVisual(port, animatedH, reservePx, velocityPxPerSec = 0, runwayPx = 48) {
+			const surfaces = shiftSurfacesOf(port);
+			ensureRunway(port, surfaces, runwayPx);
+			const contentHeight = Math.max(0, port.scrollHeight);
+			const runwayOffset = runwayOffsetOf(port);
+			const targetHeight = Math.max(0, contentHeight - runwayOffset);
+			const floor = Math.max(0, contentHeight - port.clientHeight);
+			const extent = Math.min(targetHeight, Math.max(0, animatedH));
+			if (port.style.overflowAnchor !== "none") port.style.overflowAnchor = "none";
+			if (port.style.scrollBehavior !== "auto") port.style.scrollBehavior = "auto";
+			if (floor <= 0) {
+				setFollowScrollTop(port, 0);
+				followMotionStates.set(port, {
+					capacityPx: Number.POSITIVE_INFINITY,
+					constrained: false,
+					extent: targetHeight,
+					lagPx: 0,
+					reservePx: 0,
+					velocityPxPerSec: 0
+				});
+				for (const surface of surfaces) setShift(surface, 0);
+				const status = turnStatusOf(port);
+				if (status !== null) setShift(status, 0);
+				return targetHeight;
 			}
-			if (kind === "context" || kind === "command" || kind === "manual-compaction") return {
-				fold: "seat",
-				running: subtreeRunning(el)
-			};
-			return {
-				fold: "skip",
-				running: false
-			};
+			setFollowScrollTop(port, floor);
+			const limit = floor > 0 ? safeShiftLimit(port, surfaces) : 0;
+			const visibleReserve = Math.min(runwayOffset, Math.max(0, reservePx));
+			const baselineShift = runwayOffset - visibleReserve;
+			const requestedLag = Math.max(0, targetHeight - extent);
+			const shift = Math.min(baselineShift + requestedLag, Math.max(0, limit));
+			const effectiveLag = Math.max(0, shift - baselineShift);
+			const capacityPx = Math.max(0, limit - baselineShift);
+			const effectiveExtent = targetHeight - effectiveLag;
+			followMotionStates.set(port, {
+				capacityPx,
+				constrained: requestedLag > effectiveLag + FOLLOW_SETTLE_EPSILON_PX,
+				extent: effectiveExtent,
+				lagPx: effectiveLag,
+				reservePx: visibleReserve,
+				velocityPxPerSec
+			});
+			for (const surface of surfaces) setShift(surface, shift);
+			const status = turnStatusOf(port);
+			if (status !== null) setShift(status, 0);
+			return effectiveExtent;
 		}
-		/** 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;
+		function clearMotion(port) {
+			port.removeAttribute(FOLLOW_OWNED_ATTR);
+			port.style.overflowAnchor = "";
+			port.style.scrollBehavior = "";
+			for (const surface of shiftSurfacesOf(port)) setShift(surface, 0);
+			const status = turnStatusOf(port);
+			if (status !== null) setShift(status, 0);
 		}
-		/** 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 clearVisual(port) {
+			clearMotion(port);
+			restoreRunway(port);
+			followMotionStates.delete(port);
+			invalidatePaintLimit(port);
 		}
-		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);
+		/** Keep an already-promoted surface at zero until one stable final paint lands. */
+		function holdCompositorAtRest(element) {
+			element.style.transform = "translate3d(0, 0px, 0)";
+			element.style.willChange = "transform";
+			element.style.clipPath = "";
 		}
-		/** 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);
+		/** Remove equal offsets, land on the floor, then retire the compositor quietly. */
+		function finishAtNaturalFloor(port) {
+			const surfaces = shiftSurfacesOf(port);
+			const status = turnStatusOf(port);
+			const promoted = [...surfaces, ...status === null ? [] : [status]].filter((element) => element.style.transform !== "" || element.style.willChange === "transform");
+			const promotedSet = new Set(promoted);
+			restoreRunway(port);
+			settleAtFloor(port);
+			port.removeAttribute(FOLLOW_OWNED_ATTR);
+			port.style.overflowAnchor = "";
+			port.style.scrollBehavior = "";
+			for (const surface of surfaces) if (promotedSet.has(surface)) holdCompositorAtRest(surface);
+			else setShift(surface, 0);
+			if (status !== null) {
+				if (promotedSet.has(status)) holdCompositorAtRest(status);
+				else setShift(status, 0);
 			}
-			return rows;
+			followMotionStates.delete(port);
+			if (promoted.length === 0) return;
+			requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					if (port.hasAttribute(FOLLOW_OWNED_ATTR)) return;
+					for (const element of promoted) if (Math.abs(currentShiftOf(element)) <= .01) setShift(element, 0);
+				});
+			});
 		}
-		/** 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;
+		function settleAtFloor(port) {
+			setFollowScrollTop(port, Math.max(0, port.scrollHeight - port.clientHeight));
 		}
+		/** Only the newest active follower may write one port's shared visual state. */
+		const followLeaders = /* @__PURE__ */ new WeakMap();
+		let followGeneration = 0;
 		/**
-		* 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.
-		*/
-		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/teleprompterGlide.ts
-		/**
-		* Conversation-port follow while an assistant reply streams.
-		*
-		* A sub-stepped spring physics engine drives a float `animatedH`, rather
-		* than restarting native smooth-scroll animations as every glyph lands.
-		* Remaining lag rides a small compositor transform while the real scrollport
-		* stays at its floor. The transform is bounded by the measured paint gap
-		* before conversation chrome. This follower:
-		*
-		* - marks programmatic writes via `data-follow-owned` for compatible hosts;
-		* - sets `overflow-anchor: none` so CSS scroll-anchoring does not snap;
-		* - restores `animatedH` in a ResizeObserver (before paint) so a layout
-		*   pass cannot flash a snapped frame;
-		* - expresses safe lag as a compositor transform on message rows;
-		* - opens a speed-adaptive layout runway before fast output wraps, preserving
-		*   the reference spring constants at every reveal speed;
-		* - catches up any lag that cannot fit before turn status / composer chrome,
-		*   so fixed chrome never has to counter-shift and the host stays at-bottom;
-		* - never clips or overlays streamed text.
-		*
-		* A real reader gesture receives the effective visual position before the
-		* transform clears. Lifecycle completion instead settles at the floor.
+		* Own the conversation scrollport's bottom-follow while `active` is true.
 		*
-		* Directional wheel/touch intent unpins immediately; pointer/key input falls
-		* back to an upward scroll delta from the engine's own written position. A
-		* reader release re-acquires only after returning to the real floor.
-		*/
-		/**
-		* Programmatic follow marker retained for hosts that recognize external
-		* 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;
-		/** Safe-lag occupancy band over which reveal pressure is progressively reduced. */
-		const FOLLOW_BACKPRESSURE_START_RATIO = .25;
-		const GESTURE_EVENTS = [
-			"wheel",
-			"touchstart",
-			"touchmove",
-			"touchend",
-			"touchcancel",
-			"pointerdown",
-			"keydown"
-		];
-		/** Visible runway needed for the current reveal pressure. */
-		function computeFollowReserve(speedCps, runwayPx = 48) {
-			const available = Math.max(0, runwayPx);
-			if (available <= 0) return 0;
-			if (speedCps <= 90) return 0;
-			const normalized = Math.min(1, Math.max(0, (speedCps - 90) / 510));
-			const minimum = Math.min(available, 16);
-			return minimum + normalized * (available - minimum);
-		}
-		/**
-		* Reveal-rate multiplier needed to retain one-wrap headroom for the spring.
-		* Throttling starts only after a quarter of the safe transform is occupied;
-		* a constrained paint lands at the minimum immediately so the next reveal
-		* commit cannot keep feeding an already-full visual buffer.
-		*/
-		function computeFollowRevealScale(lagPx, capacityPx, constrained = false, tuning = DEFAULT_STREAM_DEBUG_TUNING) {
-			if (constrained) return tuning.backpressureMinScale;
-			if (!Number.isFinite(capacityPx)) return 1;
-			if (capacityPx <= 0) return lagPx > 0 ? tuning.backpressureMinScale : 1;
-			const ratio = Math.min(1, Math.max(0, lagPx / capacityPx));
-			if (ratio >= .75) return tuning.backpressureMinScale;
-			const progress = Math.min(1, Math.max(0, (ratio - FOLLOW_BACKPRESSURE_START_RATIO) / .5));
-			const eased = progress * progress * (3 - 2 * progress);
-			return 1 - (1 - tuning.backpressureMinScale) * eased;
-		}
-		/**
-		* Semi-implicit spring integration with four substeps per <=32ms slice.
-		* @param dtMs - Frame delta in ms.
-		* @param input - Current visible lag and carried physics velocity.
-		* @returns The position advance, its fraction, and next velocity.
+		* @param rootRef - An element inside the conversation scrollport.
+		* @param active - True while the reply is still revealing.
+		* @param speedCpsRef - Live reveal-rate EMA from the smoother.
+		* @param revealScaleRef - Optional backpressure control for text reveal.
+		* @param predictive - Whether to reserve paint room ahead of growth.
+		* @param entrance - Whether the first committed row height should glide in.
+		* @param onEntranceSettled - Releases a one-shot entrance owner after catch-up.
+		* @param predictiveRef - Optional live visibility gate for predictive runway.
+		* @param entranceExtentRef - Optional measured growth delta for a generic row.
 		*/
-		function computeFollowStep(dtMs, input, tuning = DEFAULT_STREAM_DEBUG_TUNING) {
-			if (input.lag <= .1 || dtMs <= 0) return {
-				advancePx: 0,
-				lerpStep: 0,
-				velocityPxPerSec: 0
-			};
-			let lag = input.lag;
-			let velocity = Math.max(0, input.velocityPxPerSec ?? 0);
-			const elapsedMs = Math.min(32, dtMs);
-			const slices = Math.max(1, Math.ceil(elapsedMs / 32));
-			const subDt = elapsedMs / 1e3 / slices / 4;
-			for (let slice = 0; slice < slices; slice += 1) for (let substep = 0; substep < 4; substep += 1) {
-				const acceleration = (tuning.springStiffness * lag - tuning.springDamping * velocity) / tuning.springMass;
-				velocity = Math.max(0, velocity + acceleration * subDt);
-				const advance = velocity * subDt;
-				if (advance >= lag) return {
-					advancePx: input.lag,
-					lerpStep: 1,
-					velocityPxPerSec: 0
-				};
-				lag -= advance;
-			}
-			const advancePx = input.lag - lag;
-			return {
-				advancePx,
-				lerpStep: advancePx / input.lag,
-				velocityPxPerSec: velocity
-			};
-		}
-		/** Element whose resize signals flow growth for the before-paint restore. */
-		function resizeProxyOf(port) {
-			return port.querySelector("[data-chat-transcript]") ?? port.querySelector("[data-chat-flow]");
-		}
-		/** Outermost message surfaces; nested tool rows ride their parent. */
-		/** @internal Test seam: the equal-lag transform set for one scrollport. */
-		function shiftSurfacesOf(port) {
-			const transcript = port.querySelector("[data-chat-transcript]");
-			if (transcript !== null) return [transcript];
-			return [...port.querySelectorAll(`[data-chat-anchor-key], .${PROCESSED_CLASS}`)].filter((row) => row.parentElement?.closest("[data-chat-anchor-key]") === null);
-		}
-		function currentShiftOf(element) {
-			return Number(/translate3d\(0(?:px)?,\s*(-?[\d.]+)px,\s*0(?:px)?\)/.exec(element.style.transform)?.[1] ?? 0);
-		}
-		function setShift(element, px) {
-			if (Math.abs(px) > .01) {
-				if (Math.abs(currentShiftOf(element) - px) <= .01 && element.style.willChange === "transform" && element.style.clipPath === "") return;
-				element.style.transform = `translate3d(0, ${px}px, 0)`;
-				element.style.willChange = "transform";
-			} else {
-				if (element.style.transform === "" && element.style.willChange === "" && element.style.clipPath === "") return;
-				element.style.transform = "";
-				element.style.willChange = "";
-			}
-			element.style.clipPath = "";
-		}
-		function turnStatusOf(port) {
-			return port.querySelector("[data-chat-turn-status], [data-chat-flow] > [role=\"status\"]");
-		}
-		/** Height committed by one newly mounted Chat row, including its flex gap. */
-		function entranceExtentOf(root) {
-			const row = root.closest("[data-chat-flow-key]") ?? root;
-			const rect = row.getBoundingClientRect();
-			const height = Math.max(0, rect.height, rect.bottom - rect.top, row.offsetHeight);
-			let previous = row.previousElementSibling;
-			while (previous instanceof HTMLElement) {
-				const previousRect = previous.getBoundingClientRect();
-				if (previousRect.height > 0 || previousRect.bottom > previousRect.top) return Math.max(height, rect.bottom - previousRect.bottom);
-				previous = previous.previousElementSibling;
-			}
-			return height;
-		}
-		/**
-		* The plugin can be reinjected without replacing the conversation DOM. Keep
-		* runway ownership in the page realm so a fresh bundle adopts the existing
-		* margin instead of treating it as host layout and adding another 48px.
-		*/
-		const FOLLOW_RUNWAYS_SYMBOL = Symbol.for("dsh-smooth-stream.follow-runways");
-		const followRunwayRegistry = globalThis;
-		const followRunways = followRunwayRegistry[FOLLOW_RUNWAYS_SYMBOL] ?? /* @__PURE__ */ new WeakMap();
-		followRunwayRegistry[FOLLOW_RUNWAYS_SYMBOL] = followRunways;
-		const followPaintLimits = /* @__PURE__ */ new WeakMap();
-		function invalidatePaintLimit(port) {
-			followPaintLimits.delete(port);
-		}
-		/** Logical position and velocity survive a React owner handoff and finish. */
-		const followMotionStates = /* @__PURE__ */ new WeakMap();
-		function restoreRunway(port) {
-			const runway = followRunways.get(port);
-			if (runway === void 0) return;
-			runway.element.style[runway.property] = runway.original;
-			followRunways.delete(port);
-			invalidatePaintLimit(port);
-		}
-		function isLegacyRunway(value) {
-			if (value === "") return false;
-			const terms = [...value.matchAll(/([\d.]+)px/g)];
-			if (terms.length === 0 || value.replaceAll(/calc|px|[\d.+()\s]/g, "") !== "") return false;
-			return terms.every(([, raw]) => {
-				const px = Number(raw);
-				return Number.isFinite(px) && px >= 48 && Math.abs(px % 48) <= Number.EPSILON;
-			});
-		}
-		/** Remove unowned runway residue written by v0.3.3 and earlier bundles. */
-		function migrateLegacyRunway(port, surfaces, status, composer) {
-			if (followRunways.has(port)) return;
-			let migrated = false;
-			if (status !== null && isLegacyRunway(status.style.marginTop)) {
-				status.style.marginTop = "";
-				migrated = true;
-			}
-			const last = surfaces.at(-1);
-			if (status === null && composer !== null && last !== void 0 && isLegacyRunway(last.style.marginBottom)) {
-				last.style.marginBottom = "";
-				migrated = true;
-			}
-			if (migrated) invalidatePaintLimit(port);
-		}
-		function ensureRunway(port, surfaces, runwayPx = 48) {
-			const status = turnStatusOf(port);
-			const composer = port.querySelector("[data-composer-seat]");
-			migrateLegacyRunway(port, surfaces, status, composer);
-			const naturalHeight = Math.max(0, port.scrollHeight - runwayOffsetOf(port));
-			if (runwayPx <= 0 || port.clientHeight <= 0 || naturalHeight <= port.clientHeight) {
-				restoreRunway(port);
-				return;
-			}
-			const target = status === null ? {
-				element: composer === null ? void 0 : surfaces.at(-1),
-				property: "marginBottom"
-			} : {
-				element: status,
-				property: "marginTop"
-			};
-			if (target.element === void 0) {
-				restoreRunway(port);
-				return;
-			}
-			const element = target.element;
-			const current = followRunways.get(port);
-			if (current?.element === element && current.property === target.property && current.requestedPx === runwayPx) return;
-			restoreRunway(port);
-			const beforeHeight = port.scrollHeight;
-			const original = element.style[target.property];
-			element.style[target.property] = original === "" ? `${runwayPx}px` : `calc(${original} + ${runwayPx}px)`;
-			const offset = Math.max(0, port.scrollHeight - beforeHeight);
-			followRunways.set(port, {
-				element,
-				offset,
-				property: target.property,
-				original,
-				requestedPx: runwayPx
-			});
-			invalidatePaintLimit(port);
-		}
-		function runwayOffsetOf(port) {
-			return followRunways.get(port)?.offset ?? 0;
-		}
-		/** Available paint room below the last message before fixed conversation chrome. */
-		function safeShiftLimit(port, surfaces) {
-			const last = surfaces.at(-1);
-			if (last === void 0) return 0;
-			const status = turnStatusOf(port);
-			const composer = port.querySelector("[data-composer-seat]");
-			const cached = followPaintLimits.get(port);
-			if (cached !== void 0 && performance.now() - cached.measuredAtMs <= 250 && cached.clientHeight === port.clientHeight && cached.surface === last && cached.status === status && cached.composer === composer) return cached.limit;
-			const ceiling = [status, composer].filter((element) => element !== null).map((element) => ({
-				element,
-				rect: element.getBoundingClientRect()
-			})).filter(({ rect }) => Number.isFinite(rect.top) && Number.isFinite(rect.bottom) && rect.bottom > rect.top).sort((first, second) => first.rect.top - second.rect.top)[0];
-			if (ceiling === void 0) return status === null && composer === null ? Number.POSITIVE_INFINITY : runwayOffsetOf(port);
-			const ceilingTop = ceiling.rect.top - currentShiftOf(ceiling.element);
-			const naturalBottom = last.getBoundingClientRect().bottom - currentShiftOf(last);
-			const limit = Math.max(0, ceilingTop - naturalBottom - 1);
-			followPaintLimits.set(port, {
-				clientHeight: port.clientHeight,
-				limit,
-				measuredAtMs: performance.now(),
-				composer,
-				status,
-				surface: last
-			});
-			return limit;
-		}
-		function setFollowScrollTop(port, nextTop) {
-			if (Math.abs(port.scrollTop - nextTop) > .01) port.scrollTop = nextTop;
-			followScrollLedgers.set(port, port.scrollTop);
-			const ownedTop = String(port.scrollTop);
-			if (port.getAttribute(FOLLOW_OWNED_ATTR) !== ownedTop) port.setAttribute(FOLLOW_OWNED_ATTR, ownedTop);
-		}
-		/**
-		* Last scrollTop this engine wrote or accepted, per port. Reader intent is a
-		* real upward delta from this ledger; a key press or touch while pinned
-		* (typing in the composer) must not release the pin, because a released pin
-		* can never re-acquire while content streams away from the reader position.
-		*/
-		const followScrollLedgers = /* @__PURE__ */ new WeakMap();
-		const followActivityAt = /* @__PURE__ */ new WeakMap();
-		/** Whether this port was owned recently enough to identify a closing tail row. */
-		function hasRecentConversationFollow(port, windowMs = 250) {
-			const last = followActivityAt.get(port);
-			return last !== void 0 && performance.now() - last <= windowMs;
-		}
-		function readerScrolledUp(port) {
-			return port.scrollTop < (followScrollLedgers.get(port) ?? 0) - 8;
-		}
-		/**
-		* Paint a bounded visual lag and return the effective logical extent.
-		*
-		* This is the final geometry invariant, not merely an animation preference:
-		* any lag beyond the real gap to status/composer chrome is caught up in the
-		* 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 = 48) {
-			const surfaces = shiftSurfacesOf(port);
-			ensureRunway(port, surfaces, runwayPx);
-			const contentHeight = Math.max(0, port.scrollHeight);
-			const runwayOffset = runwayOffsetOf(port);
-			const targetHeight = Math.max(0, contentHeight - runwayOffset);
-			const floor = Math.max(0, contentHeight - port.clientHeight);
-			const extent = Math.min(targetHeight, Math.max(0, animatedH));
-			if (port.style.overflowAnchor !== "none") port.style.overflowAnchor = "none";
-			if (port.style.scrollBehavior !== "auto") port.style.scrollBehavior = "auto";
-			if (floor <= 0) {
-				setFollowScrollTop(port, 0);
-				followMotionStates.set(port, {
-					capacityPx: Number.POSITIVE_INFINITY,
-					constrained: false,
-					extent: targetHeight,
-					lagPx: 0,
-					reservePx: 0,
-					velocityPxPerSec: 0
-				});
-				for (const surface of surfaces) setShift(surface, 0);
-				const status = turnStatusOf(port);
-				if (status !== null) setShift(status, 0);
-				return targetHeight;
-			}
-			setFollowScrollTop(port, floor);
-			const limit = floor > 0 ? safeShiftLimit(port, surfaces) : 0;
-			const visibleReserve = Math.min(runwayOffset, Math.max(0, reservePx));
-			const baselineShift = runwayOffset - visibleReserve;
-			const requestedLag = Math.max(0, targetHeight - extent);
-			const shift = Math.min(baselineShift + requestedLag, Math.max(0, limit));
-			const effectiveLag = Math.max(0, shift - baselineShift);
-			const capacityPx = Math.max(0, limit - baselineShift);
-			const effectiveExtent = targetHeight - effectiveLag;
-			followMotionStates.set(port, {
-				capacityPx,
-				constrained: requestedLag > effectiveLag + FOLLOW_SETTLE_EPSILON_PX,
-				extent: effectiveExtent,
-				lagPx: effectiveLag,
-				reservePx: visibleReserve,
-				velocityPxPerSec
-			});
-			for (const surface of surfaces) setShift(surface, shift);
-			const status = turnStatusOf(port);
-			if (status !== null) setShift(status, 0);
-			return effectiveExtent;
-		}
-		function clearMotion(port) {
-			port.removeAttribute(FOLLOW_OWNED_ATTR);
-			port.style.overflowAnchor = "";
-			port.style.scrollBehavior = "";
-			for (const surface of shiftSurfacesOf(port)) setShift(surface, 0);
-			const status = turnStatusOf(port);
-			if (status !== null) setShift(status, 0);
-		}
-		function clearVisual(port) {
-			clearMotion(port);
-			restoreRunway(port);
-			followMotionStates.delete(port);
-			invalidatePaintLimit(port);
-		}
-		/** Keep an already-promoted surface at zero until one stable final paint lands. */
-		function holdCompositorAtRest(element) {
-			element.style.transform = "translate3d(0, 0px, 0)";
-			element.style.willChange = "transform";
-			element.style.clipPath = "";
+		function useConversationFollow(rootRef, active, speedCpsRef, revealScaleRef, predictive = true, entrance = false, onEntranceSettled, predictiveRef, entranceExtentRef) {
+			const activeRef = (0, react.useRef)(active);
+			const entranceRef = (0, react.useRef)(entrance);
+			const onEntranceSettledRef = (0, react.useRef)(onEntranceSettled);
+			entranceRef.current = entrance;
+			onEntranceSettledRef.current = onEntranceSettled;
+			(0, react.useEffect)(() => {
+				activeRef.current = active;
+			}, [active]);
+			(0, react.useLayoutEffect)(() => {
+				if (!active) return;
+				const owner = {};
+				const generation = ++followGeneration;
+				let rafId = 0;
+				let last = performance.now();
+				let following = true;
+				let primed = false;
+				let animatedH = 0;
+				let reservePx = 0;
+				let velocityPxPerSec = 0;
+				let interacting = false;
+				let readerGestureIntent = false;
+				let readerReleased = false;
+				let touchStartY = null;
+				let interactTimer = null;
+				let port = null;
+				let resize = null;
+				let holding = null;
+				let entrancePending = entranceRef.current;
+				const finishEntrance = () => {
+					if (!entrancePending) return;
+					entrancePending = false;
+					onEntranceSettledRef.current?.();
+				};
+				const updateRevealScale = (next, elapsedMs, urgent = false) => {
+					if (revealScaleRef === void 0) return;
+					const tuning = debugRuntime.activeTuning();
+					const state = followMotionStates.get(next);
+					const target = state === void 0 ? 1 : computeFollowRevealScale(state.lagPx, state.capacityPx, state.constrained, tuning);
+					const current = Math.min(1, Math.max(tuning.backpressureMinScale, revealScaleRef.current));
+					if (target < current || urgent) {
+						revealScaleRef.current = Math.min(current, target);
+						return;
+					}
+					const releaseStep = 1 - Math.exp(-Math.max(0, elapsedMs) / 240);
+					revealScaleRef.current = current + (target - current) * releaseStep;
+				};
+				const releaseRevealScale = () => {
+					if (revealScaleRef !== void 0) revealScaleRef.current = 1;
+				};
+				const reportFollow = (next, isActive) => {
+					const state = followMotionStates.get(next);
+					debugRuntime.reportFollow(next, {
+						lagPx: state?.lagPx ?? Math.max(0, next.scrollHeight - next.clientHeight - next.scrollTop),
+						velocityPxPerSec: state?.velocityPxPerSec ?? 0,
+						reservePx: state?.reservePx ?? 0,
+						capacityPx: state?.capacityPx ?? 0,
+						revealScale: revealScaleRef?.current ?? 1,
+						following,
+						constrained: state?.constrained ?? false,
+						scrollTop: next.scrollTop,
+						scrollHeight: next.scrollHeight,
+						clientHeight: next.clientHeight,
+						active: isActive
+					});
+				};
+				const isLeader = (next) => followLeaders.get(next)?.owner === owner;
+				const hold = (next) => {
+					followActivityAt.set(next, performance.now());
+					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
+					});
+				};
+				const drop = (next) => {
+					if (holding === next) holding = null;
+					if (isLeader(next)) {
+						clearMotion(next);
+						followMotionStates.delete(next);
+						releaseRevealScale();
+						debugRuntime.reportFollow(next, null);
+					}
+				};
+				const handBackVisual = (next) => {
+					const shift = currentShiftOf(shiftSurfacesOf(next).at(-1) ?? next);
+					const visualTop = Math.max(0, next.scrollTop - Math.max(0, shift));
+					clearMotion(next);
+					restoreRunway(next);
+					const floor = Math.max(0, next.scrollHeight - next.clientHeight);
+					next.scrollTop = Math.min(visualTop, Math.max(0, floor - 26));
+					followScrollLedgers.set(next, next.scrollTop);
+				};
+				const markGesture = (event) => {
+					interacting = true;
+					if (event.type === "wheel") {
+						const deltaY = event.deltaY;
+						if (Number.isFinite(deltaY) && deltaY < 0) readerGestureIntent = true;
+					} else if (event.type === "touchstart") touchStartY = event.touches[0]?.clientY ?? null;
+					else if (event.type === "touchmove") {
+						const touch = event.touches[0];
+						if (touch !== void 0) {
+							if (touchStartY === null) touchStartY = touch.clientY;
+							if (touch.clientY - touchStartY > 1) readerGestureIntent = true;
+						}
+					} else if (event.type === "touchend" || event.type === "touchcancel") touchStartY = null;
+					if (interactTimer !== null) clearTimeout(interactTimer);
+					interactTimer = setTimeout(() => {
+						interacting = false;
+						readerGestureIntent = false;
+						interactTimer = null;
+					}, 800);
+				};
+				const restoreBeforePaint = () => {
+					if (!following || port === null || !isLeader(port)) return;
+					invalidatePaintLimit(port);
+					const tuning = debugRuntime.activeTuning();
+					animatedH = applyVisual(port, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
+					updateRevealScale(port, 0, true);
+					reportFollow(port, activeRef.current);
+				};
+				const bindPort = (next) => {
+					if (port === next) return;
+					if (port !== null) {
+						for (const name of GESTURE_EVENTS) port.removeEventListener(name, markGesture);
+						resize?.disconnect();
+					}
+					port = next;
+					invalidatePaintLimit(port);
+					for (const name of GESTURE_EVENTS) port.addEventListener(name, markGesture, { passive: true });
+					if (typeof ResizeObserver !== "undefined") {
+						resize = new ResizeObserver(restoreBeforePaint);
+						resize.observe(port);
+						const proxy = resizeProxyOf(port);
+						if (proxy !== null) resize.observe(proxy);
+					}
+				};
+				const frame = (now) => {
+					rafId = requestAnimationFrame(frame);
+					const elapsedMs = Math.max(.001, now - last);
+					const dt = Math.min(32, elapsedMs);
+					const tuning = debugRuntime.activeTuning();
+					last = now;
+					const root = rootRef.current;
+					if (root === null) return;
+					const nextPort = root.closest("[data-conversation-scroll]");
+					if (nextPort === null) return;
+					bindPort(nextPort);
+					if (nextPort.clientHeight <= 0) return;
+					const reportedLag = Math.max(0, nextPort.scrollHeight - nextPort.clientHeight) - nextPort.scrollTop;
+					const extent = Math.min(nextPort.scrollHeight, Math.max(0, nextPort.scrollHeight - reportedLag));
+					if (!primed) {
+						const inherited = nextPort.hasAttribute(FOLLOW_OWNED_ATTR) ? followMotionStates.get(nextPort) : void 0;
+						if (inherited === void 0) {
+							const entranceExtent = entrancePending ? entranceExtentRef?.current ?? entranceExtentOf(root) : 0;
+							animatedH = Math.max(0, nextPort.scrollHeight - entranceExtent);
+							reservePx = 0;
+							velocityPxPerSec = 0;
+							following = Math.max(0, reportedLag - entranceExtent) <= 25;
+						} else {
+							animatedH = Math.min(nextPort.scrollHeight, inherited.extent);
+							reservePx = inherited.reservePx;
+							velocityPxPerSec = inherited.velocityPxPerSec;
+							following = true;
+						}
+						if (following) {
+							hold(nextPort);
+							if (isLeader(nextPort)) {
+								animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
+								updateRevealScale(nextPort, elapsedMs);
+								reportFollow(nextPort, activeRef.current);
+								const runwayOffset = runwayOffsetOf(nextPort);
+								if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffset) <= .25) finishEntrance();
+							} else finishEntrance();
+						} else finishEntrance();
+						primed = true;
+						return;
+					}
+					if (!following && (!interacting || readerReleased && !readerGestureIntent && reportedLag <= 1) && reportedLag <= (readerReleased ? 1 : 25)) {
+						following = true;
+						readerReleased = false;
+						animatedH = extent;
+						reservePx = 0;
+						velocityPxPerSec = 0;
+						followScrollLedgers.set(nextPort, nextPort.scrollTop);
+						hold(nextPort);
+					} else if (following && interacting && (readerGestureIntent || readerScrolledUp(nextPort))) {
+						following = false;
+						readerGestureIntent = false;
+						readerReleased = true;
+						handBackVisual(nextPort);
+						animatedH = nextPort.scrollHeight;
+						reservePx = 0;
+						velocityPxPerSec = 0;
+						drop(nextPort);
+						finishEntrance();
+					}
+					if (!activeRef.current || !following) {
+						followScrollLedgers.set(nextPort, nextPort.scrollTop);
+						reportFollow(nextPort, activeRef.current);
+						return;
+					}
+					hold(nextPort);
+					if (!isLeader(nextPort)) {
+						finishEntrance();
+						return;
+					}
+					const runwayOffset = runwayOffsetOf(nextPort);
+					const contentHeight = nextPort.scrollHeight;
+					const lag = Math.max(0, contentHeight - animatedH - runwayOffset);
+					const predictGrowth = predictiveRef?.current ?? predictive;
+					const reserveTarget = !predictGrowth ? 0 : computeFollowReserve(speedCpsRef.current, tuning.runwayPx);
+					const reserveStep = 1 - Math.exp(-elapsedMs / tuning.reserveResponseMs);
+					reservePx += (reserveTarget - reservePx) * reserveStep;
+					const step = computeFollowStep(dt, {
+						lag,
+						speedEma: speedCpsRef.current,
+						velocityPxPerSec
+					}, tuning);
+					if (lag <= .1) {
+						animatedH = contentHeight - runwayOffset;
+						velocityPxPerSec = 0;
+					} else {
+						const minimumLag = predictGrowth ? 0 : Math.max(0, reservePx);
+						animatedH = Math.min(contentHeight - runwayOffset - minimumLag, animatedH + step.advancePx);
+						velocityPxPerSec = step.velocityPxPerSec;
+					}
+					animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
+					updateRevealScale(nextPort, elapsedMs);
+					reportFollow(nextPort, true);
+					if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffsetOf(nextPort)) <= .25) finishEntrance();
+				};
+				frame(performance.now());
+				return () => {
+					cancelAnimationFrame(rafId);
+					if (interactTimer !== null) clearTimeout(interactTimer);
+					resize?.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;
+					holding = null;
+					if (!isLeader(host)) return;
+					const preserveReader = interacting && (readerGestureIntent || readerScrolledUp(host));
+					if (!following || !primed) {
+						clearVisual(host);
+						followLeaders.delete(host);
+						releaseRevealScale();
+						debugRuntime.reportFollow(host, null);
+						return;
+					}
+					if (preserveReader) {
+						handBackVisual(host);
+						clearVisual(host);
+						followLeaders.delete(host);
+						releaseRevealScale();
+						debugRuntime.reportFollow(host, null);
+						return;
+					}
+					const completionTuning = debugRuntime.activeTuning();
+					ensureRunway(host, shiftSurfacesOf(host), completionTuning.runwayPx);
+					const completionRunway = runwayOffsetOf(host);
+					const completionMinimumLag = Math.max(0, reservePx);
+					animatedH = Math.min(animatedH, host.scrollHeight - completionRunway - completionMinimumLag);
+					settleAtFloor(host);
+					animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, completionTuning.runwayPx);
+					reportFollow(host, false);
+					const runwayOffset = runwayOffsetOf(host);
+					if (Math.max(0, host.scrollHeight - animatedH - runwayOffset) <= .25 && reservePx <= .25) {
+						finishAtNaturalFloor(host);
+						followLeaders.delete(host);
+						releaseRevealScale();
+						debugRuntime.reportFollow(host, null);
+						return;
+					}
+					for (const name of GESTURE_EVENTS) host.addEventListener(name, markGesture, { passive: true });
+					const stopSettleListeners = () => {
+						for (const name of GESTURE_EVENTS) host.removeEventListener(name, markGesture);
+						if (interactTimer !== null) {
+							clearTimeout(interactTimer);
+							interactTimer = null;
+						}
+					};
+					let settleLast = performance.now();
+					const settleFrame = (now) => {
+						if (!isLeader(host)) {
+							stopSettleListeners();
+							return;
+						}
+						if (interacting && (readerGestureIntent || readerScrolledUp(host))) {
+							readerGestureIntent = false;
+							handBackVisual(host);
+							clearVisual(host);
+							followLeaders.delete(host);
+							releaseRevealScale();
+							debugRuntime.reportFollow(host, null);
+							stopSettleListeners();
+							return;
+						}
+						const dt = Math.min(32, Math.max(0, now - settleLast));
+						const tuning = debugRuntime.activeTuning();
+						settleLast = now;
+						const runwayOffset = runwayOffsetOf(host);
+						const lag = Math.max(0, host.scrollHeight - animatedH - runwayOffset);
+						const reserveStep = 1 - Math.exp(-dt / tuning.reserveResponseMs);
+						reservePx += (0 - reservePx) * reserveStep;
+						if (lag <= .25 && reservePx <= .25) {
+							animatedH = host.scrollHeight - runwayOffset;
+							reservePx = 0;
+							velocityPxPerSec = 0;
+							finishAtNaturalFloor(host);
+							followLeaders.delete(host);
+							releaseRevealScale();
+							debugRuntime.reportFollow(host, null);
+							stopSettleListeners();
+							return;
+						}
+						const step = computeFollowStep(dt, {
+							lag,
+							speedEma: speedCpsRef.current,
+							velocityPxPerSec
+						}, tuning);
+						const minimumLag = Math.max(0, reservePx);
+						animatedH = Math.min(host.scrollHeight - runwayOffset - minimumLag, animatedH + step.advancePx);
+						velocityPxPerSec = step.velocityPxPerSec;
+						settleAtFloor(host);
+						animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
+						reportFollow(host, false);
+						requestAnimationFrame(settleFrame);
+					};
+					requestAnimationFrame(settleFrame);
+				};
+			}, [
+				active,
+				rootRef,
+				speedCpsRef,
+				revealScaleRef,
+				predictive,
+				predictiveRef
+			]);
 		}
-		/** Remove equal offsets, land on the floor, then retire the compositor quietly. */
-		function finishAtNaturalFloor(port) {
-			const surfaces = shiftSurfacesOf(port);
-			const status = turnStatusOf(port);
-			const promoted = [...surfaces, ...status === null ? [] : [status]].filter((element) => element.style.transform !== "" || element.style.willChange === "transform");
-			const promotedSet = new Set(promoted);
-			restoreRunway(port);
-			settleAtFloor(port);
-			port.removeAttribute(FOLLOW_OWNED_ATTR);
-			port.style.overflowAnchor = "";
-			port.style.scrollBehavior = "";
-			for (const surface of surfaces) if (promotedSet.has(surface)) holdCompositorAtRest(surface);
-			else setShift(surface, 0);
-			if (status !== null) {
-				if (promotedSet.has(status)) holdCompositorAtRest(status);
-				else setShift(status, 0);
-			}
-			followMotionStates.delete(port);
-			if (promoted.length === 0) return;
-			requestAnimationFrame(() => {
-				requestAnimationFrame(() => {
-					if (port.hasAttribute(FOLLOW_OWNED_ATTR)) return;
-					for (const element of promoted) if (Math.abs(currentShiftOf(element)) <= .01) setShift(element, 0);
+		//#endregion
+		//#region src/client/FollowHost.tsx
+		/**
+		* Document-flow host that owns conversation-port follow while `active`.
+		* Shared by assistant blocks and every other Agent Chat row. `onGrowth` lets
+		* 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, revealScaleRef, predictive = true, predictiveRef, hostRef, children }) {
+			const localRootRef = (0, react.useRef)(null);
+			const rootRef = hostRef ?? localRootRef;
+			useConversationFollow(rootRef, active || entrance, speedCpsRef, revealScaleRef, predictive, entrance, onEntranceSettled, predictiveRef, entranceExtentRef);
+			(0, react.useEffect)(() => {
+				if (onGrowth === void 0 || typeof ResizeObserver === "undefined") return;
+				const root = rootRef.current;
+				if (root === null) return;
+				let previousHeight = null;
+				const observer = new ResizeObserver((entries) => {
+					const nextHeight = entries[0]?.contentRect.height ?? root.getBoundingClientRect().height;
+					if (!Number.isFinite(nextHeight)) return;
+					if (previousHeight !== null && nextHeight > previousHeight + .5) onGrowth(nextHeight - previousHeight);
+					previousHeight = nextHeight;
 				});
+				observer.observe(root);
+				return () => {
+					observer.disconnect();
+				};
+			}, [onGrowth]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: rootRef,
+				className: TypewriterAssistantNodeView_module_css_default.follow,
+				children
 			});
 		}
-		function settleAtFloor(port) {
-			setFollowScrollTop(port, Math.max(0, port.scrollHeight - port.clientHeight));
-		}
-		/** Only the newest active follower may write one port's shared visual state. */
-		const followLeaders = /* @__PURE__ */ new WeakMap();
-		let followGeneration = 0;
+		//#endregion
+		//#region src/config.ts
+		/** Defaults shared by the Host schema and the client-side fallback. */
+		const DEFAULT_STREAM_CONFIG = {
+			mode: "typewriter",
+			preset: "balanced",
+			revealCharsPerSec: 80,
+			scrollSpeedPxPerSec: 48,
+			maxScrollSpeedPxPerSec: 1e3
+		};
 		/**
-		* Own the conversation scrollport's bottom-follow while `active` is true.
-		*
-		* @param rootRef - An element inside the conversation scrollport.
-		* @param active - True while the reply is still revealing.
-		* @param speedCpsRef - Live reveal-rate EMA from the smoother.
-		* @param revealScaleRef - Optional backpressure control for text reveal.
-		* @param predictive - Whether to reserve paint room ahead of growth.
-		* @param entrance - Whether the first committed row height should glide in.
-		* @param onEntranceSettled - Releases a one-shot entrance owner after catch-up.
-		* @param predictiveRef - Optional live visibility gate for predictive runway.
-		* @param entranceExtentRef - Optional measured growth delta for a generic row.
+		* Window global the Host writes into the served index HTML. The browser boot
+		* graph carries no per-entry config, so this inline script is the only
+		* Host-to-client configuration channel for a composed web plugin.
 		*/
-		function useConversationFollow(rootRef, active, speedCpsRef, revealScaleRef, predictive = true, entrance = false, onEntranceSettled, predictiveRef, entranceExtentRef) {
-			const activeRef = (0, react.useRef)(active);
-			const entranceRef = (0, react.useRef)(entrance);
-			const onEntranceSettledRef = (0, react.useRef)(onEntranceSettled);
-			entranceRef.current = entrance;
-			onEntranceSettledRef.current = onEntranceSettled;
+		const STREAM_BOOT_GLOBAL = "__DSH_SMOOTH_STREAM_CONFIG__";
+		//#endregion
+		//#region src/client/TypewriterAssistantNodeView.tsx
+		function usePrefersReducedMotion() {
+			const [reduced, setReduced] = (0, react.useState)(() => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true);
 			(0, react.useEffect)(() => {
-				activeRef.current = active;
-			}, [active]);
-			(0, react.useLayoutEffect)(() => {
-				if (!active) return;
-				const owner = {};
-				const generation = ++followGeneration;
-				let rafId = 0;
-				let last = performance.now();
-				let following = true;
-				let primed = false;
-				let animatedH = 0;
-				let reservePx = 0;
-				let velocityPxPerSec = 0;
-				let interacting = false;
-				let readerGestureIntent = false;
-				let readerReleased = false;
-				let touchStartY = null;
-				let interactTimer = null;
-				let port = null;
-				let resize = null;
-				let holding = null;
-				let entrancePending = entranceRef.current;
-				const finishEntrance = () => {
-					if (!entrancePending) return;
-					entrancePending = false;
-					onEntranceSettledRef.current?.();
-				};
-				const updateRevealScale = (next, elapsedMs, urgent = false) => {
-					if (revealScaleRef === void 0) return;
-					const tuning = debugRuntime.activeTuning();
-					const state = followMotionStates.get(next);
-					const target = state === void 0 ? 1 : computeFollowRevealScale(state.lagPx, state.capacityPx, state.constrained, tuning);
-					const current = Math.min(1, Math.max(tuning.backpressureMinScale, revealScaleRef.current));
-					if (target < current || urgent) {
-						revealScaleRef.current = Math.min(current, target);
-						return;
-					}
-					const releaseStep = 1 - Math.exp(-Math.max(0, elapsedMs) / 240);
-					revealScaleRef.current = current + (target - current) * releaseStep;
-				};
-				const releaseRevealScale = () => {
-					if (revealScaleRef !== void 0) revealScaleRef.current = 1;
-				};
-				const reportFollow = (next, isActive) => {
-					const state = followMotionStates.get(next);
-					debugRuntime.reportFollow(next, {
-						lagPx: state?.lagPx ?? Math.max(0, next.scrollHeight - next.clientHeight - next.scrollTop),
-						velocityPxPerSec: state?.velocityPxPerSec ?? 0,
-						reservePx: state?.reservePx ?? 0,
-						capacityPx: state?.capacityPx ?? 0,
-						revealScale: revealScaleRef?.current ?? 1,
-						following,
-						constrained: state?.constrained ?? false,
-						scrollTop: next.scrollTop,
-						scrollHeight: next.scrollHeight,
-						clientHeight: next.clientHeight,
-						active: isActive
-					});
-				};
-				const isLeader = (next) => followLeaders.get(next)?.owner === owner;
-				const hold = (next) => {
-					followActivityAt.set(next, performance.now());
-					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
-					});
-				};
-				const drop = (next) => {
-					if (holding === next) holding = null;
-					if (isLeader(next)) {
-						clearMotion(next);
-						followMotionStates.delete(next);
-						releaseRevealScale();
-						debugRuntime.reportFollow(next, null);
-					}
+				if (typeof window === "undefined" || window.matchMedia === void 0) return;
+				const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+				const onChange = () => setReduced(query.matches);
+				query.addEventListener("change", onChange);
+				return () => query.removeEventListener("change", onChange);
+			}, []);
+			return reduced;
+		}
+		/** Conservative fallback before the streaming Markdown tail has geometry. */
+		const PREDICTIVE_WRAP_FALLBACK_CHARS = 32;
+		const STREAM_ANNOUNCEMENT_INTERVAL_MS = 800;
+		const STREAM_ANNOUNCEMENT_MAX_CHARS = 320;
+		function approximateInlineWidth(text, emPx) {
+			let width = 0;
+			for (const char of text) if (/\s/u.test(char)) width += emPx * .33;
+			else if (/^[\x00-\x7f]$/u.test(char)) width += emPx * .56;
+			else width += emPx;
+			return width;
+		}
+		function measurePendingTextGeometry(root, visibleText) {
+			if (typeof document.createTreeWalker !== "function" || typeof NodeFilter === "undefined") return {
+				root,
+				visibleText,
+				fontSize: 14,
+				wrapThresholdWidth: null
+			};
+			const rootRect = root.getBoundingClientRect();
+			const rootWidth = Math.max(0, rootRect.width, rootRect.right - rootRect.left, root.clientWidth);
+			if (rootWidth <= 0) return {
+				root,
+				visibleText,
+				fontSize: 14,
+				wrapThresholdWidth: null
+			};
+			const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+			let tail = null;
+			for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) if ((node.textContent ?? "").length > 0) tail = node;
+			const parent = tail?.parentElement ?? root;
+			const fontSize = Number.parseFloat(getComputedStyle(parent).fontSize) || 14;
+			if (tail === null || typeof document.createRange !== "function") return {
+				root,
+				visibleText,
+				fontSize,
+				wrapThresholdWidth: rootWidth
+			};
+			try {
+				const length = tail.textContent?.length ?? 0;
+				if (length <= 0) return {
+					root,
+					visibleText,
+					fontSize,
+					wrapThresholdWidth: rootWidth
 				};
-				const handBackVisual = (next) => {
-					const shift = currentShiftOf(shiftSurfacesOf(next).at(-1) ?? next);
-					const visualTop = Math.max(0, next.scrollTop - Math.max(0, shift));
-					clearMotion(next);
-					restoreRunway(next);
-					const floor = Math.max(0, next.scrollHeight - next.clientHeight);
-					next.scrollTop = Math.min(visualTop, Math.max(0, floor - 26));
-					followScrollLedgers.set(next, next.scrollTop);
+				const range = document.createRange();
+				range.setStart(tail, Math.max(0, length - 1));
+				range.setEnd(tail, length);
+				const tailRect = range.getBoundingClientRect();
+				const contentRight = rootRect.right;
+				if (!Number.isFinite(tailRect.right) || tailRect.right <= rootRect.left || contentRight <= rootRect.left) return {
+					root,
+					visibleText,
+					fontSize,
+					wrapThresholdWidth: rootWidth
 				};
-				const markGesture = (event) => {
-					interacting = true;
-					if (event.type === "wheel") {
-						const deltaY = event.deltaY;
-						if (Number.isFinite(deltaY) && deltaY < 0) readerGestureIntent = true;
-					} else if (event.type === "touchstart") touchStartY = event.touches[0]?.clientY ?? null;
-					else if (event.type === "touchmove") {
-						const touch = event.touches[0];
-						if (touch !== void 0) {
-							if (touchStartY === null) touchStartY = touch.clientY;
-							if (touch.clientY - touchStartY > 1) readerGestureIntent = true;
-						}
-					} else if (event.type === "touchend" || event.type === "touchcancel") touchStartY = null;
-					if (interactTimer !== null) clearTimeout(interactTimer);
-					interactTimer = setTimeout(() => {
-						interacting = false;
-						readerGestureIntent = false;
-						interactTimer = null;
-					}, 800);
+				return {
+					root,
+					visibleText,
+					fontSize,
+					wrapThresholdWidth: Math.max(0, contentRight - tailRect.right) + fontSize * .35
 				};
-				const restoreBeforePaint = () => {
-					if (!following || port === null || !isLeader(port)) return;
-					invalidatePaintLimit(port);
-					const tuning = debugRuntime.activeTuning();
-					animatedH = applyVisual(port, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
-					updateRevealScale(port, 0, true);
-					reportFollow(port, activeRef.current);
+			} catch {
+				return {
+					root,
+					visibleText,
+					fontSize,
+					wrapThresholdWidth: rootWidth
 				};
-				const bindPort = (next) => {
-					if (port === next) return;
-					if (port !== null) {
-						for (const name of GESTURE_EVENTS) port.removeEventListener(name, markGesture);
-						resize?.disconnect();
-					}
-					port = next;
-					invalidatePaintLimit(port);
-					for (const name of GESTURE_EVENTS) port.addEventListener(name, markGesture, { passive: true });
-					if (typeof ResizeObserver !== "undefined") {
-						resize = new ResizeObserver(restoreBeforePaint);
-						resize.observe(port);
-						const proxy = resizeProxyOf(port);
-						if (proxy !== null) resize.observe(proxy);
-					}
+			}
+		}
+		/** Whether buffered source can reach a new visual line before it drains. */
+		function pendingTextCanGrow(root, visibleText, pending, geometryRef) {
+			if (pending === "") return false;
+			if (/[\r\n]/u.test(pending)) return true;
+			const pendingChars = [...pending];
+			if (root === null) return pendingChars.length >= PREDICTIVE_WRAP_FALLBACK_CHARS;
+			let geometry = geometryRef.current;
+			if (geometry?.root !== root || geometry.visibleText !== visibleText) {
+				geometry = measurePendingTextGeometry(root, visibleText);
+				geometryRef.current = geometry;
+			}
+			if (geometry.wrapThresholdWidth === null) return pendingChars.length >= PREDICTIVE_WRAP_FALLBACK_CHARS;
+			return approximateInlineWidth(pending, geometry.fontSize) >= geometry.wrapThresholdWidth;
+		}
+		function announcementChunkEnd(source, start) {
+			const hardEnd = Math.min(source.length, start + STREAM_ANNOUNCEMENT_MAX_CHARS);
+			if (hardEnd === source.length) return hardEnd;
+			const softStart = start + Math.floor(STREAM_ANNOUNCEMENT_MAX_CHARS * .6);
+			for (let index = hardEnd - 1; index >= softStart; index -= 1) if (/[\s.,;:!?]/u.test(source[index] ?? "")) return index + 1;
+			return hardEnd;
+		}
+		/** A commit-driven live region isolated from the visible Markdown subtree. */
+		const StreamAnnouncement = (0, react.memo)(function StreamAnnouncement({ text, active }) {
+			const [announcement, setAnnouncement] = (0, react.useState)({
+				text: "",
+				revision: 0,
+				present: active
+			});
+			const sourceRef = (0, react.useRef)(text);
+			const activeRef = (0, react.useRef)(active);
+			const announcedOffsetRef = (0, react.useRef)(active ? 0 : text.length);
+			const drainSourceRef = (0, react.useRef)(null);
+			const timerRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const clearTimer = () => {
+					if (timerRef.current === null) return;
+					clearTimeout(timerRef.current);
+					timerRef.current = null;
 				};
-				const frame = (now) => {
-					rafId = requestAnimationFrame(frame);
-					const elapsedMs = Math.max(.001, now - last);
-					const dt = Math.min(32, elapsedMs);
-					const tuning = debugRuntime.activeTuning();
-					last = now;
-					const root = rootRef.current;
-					if (root === null) return;
-					const nextPort = root.closest("[data-conversation-scroll]");
-					if (nextPort === null) return;
-					bindPort(nextPort);
-					if (nextPort.clientHeight <= 0) return;
-					const reportedLag = Math.max(0, nextPort.scrollHeight - nextPort.clientHeight) - nextPort.scrollTop;
-					const extent = Math.min(nextPort.scrollHeight, Math.max(0, nextPort.scrollHeight - reportedLag));
-					if (!primed) {
-						const inherited = nextPort.hasAttribute(FOLLOW_OWNED_ATTR) ? followMotionStates.get(nextPort) : void 0;
-						if (inherited === void 0) {
-							const entranceExtent = entrancePending ? entranceExtentRef?.current ?? entranceExtentOf(root) : 0;
-							animatedH = Math.max(0, nextPort.scrollHeight - entranceExtent);
-							reservePx = 0;
-							velocityPxPerSec = 0;
-							following = Math.max(0, reportedLag - entranceExtent) <= 25;
-						} else {
-							animatedH = Math.min(nextPort.scrollHeight, inherited.extent);
-							reservePx = inherited.reservePx;
-							velocityPxPerSec = inherited.velocityPxPerSec;
-							following = true;
-						}
-						if (following) {
-							hold(nextPort);
-							if (isLeader(nextPort)) {
-								animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
-								updateRevealScale(nextPort, elapsedMs);
-								reportFollow(nextPort, activeRef.current);
-								const runwayOffset = runwayOffsetOf(nextPort);
-								if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffset) <= .25) finishEntrance();
-							} else finishEntrance();
-						} else finishEntrance();
-						primed = true;
-						return;
-					}
-					if (!following && (!interacting || readerReleased && !readerGestureIntent && reportedLag <= 1) && reportedLag <= (readerReleased ? 1 : 25)) {
-						following = true;
-						readerReleased = false;
-						animatedH = extent;
-						reservePx = 0;
-						velocityPxPerSec = 0;
-						followScrollLedgers.set(nextPort, nextPort.scrollTop);
-						hold(nextPort);
-					} else if (following && interacting && (readerGestureIntent || readerScrolledUp(nextPort))) {
-						following = false;
-						readerGestureIntent = false;
-						readerReleased = true;
-						handBackVisual(nextPort);
-						animatedH = nextPort.scrollHeight;
-						reservePx = 0;
-						velocityPxPerSec = 0;
-						drop(nextPort);
-						finishEntrance();
-					}
-					if (!activeRef.current || !following) {
-						followScrollLedgers.set(nextPort, nextPort.scrollTop);
-						reportFollow(nextPort, activeRef.current);
-						return;
-					}
-					hold(nextPort);
-					if (!isLeader(nextPort)) {
-						finishEntrance();
-						return;
-					}
-					const runwayOffset = runwayOffsetOf(nextPort);
-					const contentHeight = nextPort.scrollHeight;
-					const lag = Math.max(0, contentHeight - animatedH - runwayOffset);
-					const predictGrowth = predictiveRef?.current ?? predictive;
-					const reserveTarget = !predictGrowth ? 0 : computeFollowReserve(speedCpsRef.current, tuning.runwayPx);
-					const reserveStep = 1 - Math.exp(-elapsedMs / tuning.reserveResponseMs);
-					reservePx += (reserveTarget - reservePx) * reserveStep;
-					const step = computeFollowStep(dt, {
-						lag,
-						speedEma: speedCpsRef.current,
-						velocityPxPerSec
-					}, tuning);
-					if (lag <= .1) {
-						animatedH = contentHeight - runwayOffset;
-						velocityPxPerSec = 0;
-					} else {
-						const minimumLag = predictGrowth ? 0 : Math.max(0, reservePx);
-						animatedH = Math.min(contentHeight - runwayOffset - minimumLag, animatedH + step.advancePx);
-						velocityPxPerSec = step.velocityPxPerSec;
-					}
-					animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
-					updateRevealScale(nextPort, elapsedMs);
-					reportFollow(nextPort, true);
-					if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffsetOf(nextPort)) <= .25) finishEntrance();
+				const publishNext = (source) => {
+					const start = Math.min(announcedOffsetRef.current, source.length);
+					const end = announcementChunkEnd(source, start);
+					if (end <= start) return false;
+					announcedOffsetRef.current = end;
+					setAnnouncement((previous) => ({
+						text: source.slice(start, end),
+						revision: previous.revision + 1,
+						present: true
+					}));
+					return end < source.length;
 				};
-				frame(performance.now());
-				return () => {
-					cancelAnimationFrame(rafId);
-					if (interactTimer !== null) clearTimeout(interactTimer);
-					resize?.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;
-					holding = null;
-					if (!isLeader(host)) return;
-					const preserveReader = interacting && (readerGestureIntent || readerScrolledUp(host));
-					if (!following || !primed) {
-						clearVisual(host);
-						followLeaders.delete(host);
-						releaseRevealScale();
-						debugRuntime.reportFollow(host, null);
-						return;
-					}
-					if (preserveReader) {
-						handBackVisual(host);
-						clearVisual(host);
-						followLeaders.delete(host);
-						releaseRevealScale();
-						debugRuntime.reportFollow(host, null);
+				const hideAfterLinger = () => {
+					timerRef.current = setTimeout(() => {
+						timerRef.current = null;
+						if (activeRef.current) return;
+						drainSourceRef.current = null;
+						setAnnouncement((previous) => ({
+							...previous,
+							present: false
+						}));
+					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
+				};
+				const drainNext = () => {
+					const source = drainSourceRef.current;
+					if (source === null) return;
+					if (!publishNext(source)) {
+						hideAfterLinger();
 						return;
 					}
-					const completionTuning = debugRuntime.activeTuning();
-					ensureRunway(host, shiftSurfacesOf(host), completionTuning.runwayPx);
-					const completionRunway = runwayOffsetOf(host);
-					const completionMinimumLag = Math.max(0, reservePx);
-					animatedH = Math.min(animatedH, host.scrollHeight - completionRunway - completionMinimumLag);
-					settleAtFloor(host);
-					animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, completionTuning.runwayPx);
-					reportFollow(host, false);
-					const runwayOffset = runwayOffsetOf(host);
-					if (Math.max(0, host.scrollHeight - animatedH - runwayOffset) <= .25 && reservePx <= .25) {
-						finishAtNaturalFloor(host);
-						followLeaders.delete(host);
-						releaseRevealScale();
-						debugRuntime.reportFollow(host, null);
-						return;
+					timerRef.current = setTimeout(() => {
+						timerRef.current = null;
+						if (activeRef.current) return;
+						drainNext();
+					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
+				};
+				const scheduleLive = () => {
+					if (timerRef.current !== null || announcedOffsetRef.current >= sourceRef.current.length) return;
+					timerRef.current = setTimeout(() => {
+						timerRef.current = null;
+						if (!activeRef.current) return;
+						const source = sourceRef.current;
+						if (publishNext(source)) scheduleLive();
+					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
+				};
+				const wasActive = activeRef.current;
+				const previousSource = sourceRef.current;
+				if (!(!active && !wasActive && drainSourceRef.current !== null) && (!text.startsWith(previousSource) || announcedOffsetRef.current > text.length)) announcedOffsetRef.current = 0;
+				sourceRef.current = text;
+				activeRef.current = active;
+				if (active) {
+					if (!wasActive) {
+						clearTimer();
+						drainSourceRef.current = null;
+						setAnnouncement((previous) => ({
+							text: "",
+							revision: previous.revision + 1,
+							present: true
+						}));
 					}
-					for (const name of GESTURE_EVENTS) host.addEventListener(name, markGesture, { passive: true });
-					const stopSettleListeners = () => {
-						for (const name of GESTURE_EVENTS) host.removeEventListener(name, markGesture);
-						if (interactTimer !== null) {
-							clearTimeout(interactTimer);
-							interactTimer = null;
-						}
-					};
-					let settleLast = performance.now();
-					const settleFrame = (now) => {
-						if (!isLeader(host)) {
-							stopSettleListeners();
-							return;
-						}
-						if (interacting && (readerGestureIntent || readerScrolledUp(host))) {
-							readerGestureIntent = false;
-							handBackVisual(host);
-							clearVisual(host);
-							followLeaders.delete(host);
-							releaseRevealScale();
-							debugRuntime.reportFollow(host, null);
-							stopSettleListeners();
-							return;
-						}
-						const dt = Math.min(32, Math.max(0, now - settleLast));
-						const tuning = debugRuntime.activeTuning();
-						settleLast = now;
-						const runwayOffset = runwayOffsetOf(host);
-						const lag = Math.max(0, host.scrollHeight - animatedH - runwayOffset);
-						const reserveStep = 1 - Math.exp(-dt / tuning.reserveResponseMs);
-						reservePx += (0 - reservePx) * reserveStep;
-						if (lag <= .25 && reservePx <= .25) {
-							animatedH = host.scrollHeight - runwayOffset;
-							reservePx = 0;
-							velocityPxPerSec = 0;
-							finishAtNaturalFloor(host);
-							followLeaders.delete(host);
-							releaseRevealScale();
-							debugRuntime.reportFollow(host, null);
-							stopSettleListeners();
-							return;
-						}
-						const step = computeFollowStep(dt, {
-							lag,
-							speedEma: speedCpsRef.current,
-							velocityPxPerSec
-						}, tuning);
-						const minimumLag = Math.max(0, reservePx);
-						animatedH = Math.min(host.scrollHeight - runwayOffset - minimumLag, animatedH + step.advancePx);
-						velocityPxPerSec = step.velocityPxPerSec;
-						settleAtFloor(host);
-						animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
-						reportFollow(host, false);
-						requestAnimationFrame(settleFrame);
-					};
-					requestAnimationFrame(settleFrame);
+					scheduleLive();
+					return;
+				}
+				if (!wasActive) {
+					if (drainSourceRef.current === null) announcedOffsetRef.current = text.length;
+					return;
+				}
+				clearTimer();
+				drainSourceRef.current = text;
+				drainNext();
+			}, [active, text]);
+			(0, react.useEffect)(() => () => {
+				if (timerRef.current !== null) clearTimeout(timerRef.current);
+				timerRef.current = null;
+			}, []);
+			if (!active && !announcement.present) return null;
+			const activating = active && !activeRef.current;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: TypewriterAssistantNodeView_module_css_default.visuallyHidden,
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: activating ? "" : announcement.text }, announcement.revision)
+			});
+		});
+		/**
+		* Smooth streaming text arm. While the reply runs, the accumulated source is
+		* revealed through the smoother at a rate that tracks the model's arrival
+		* and rendered by the Harness `MarkdownText`
+		* streaming arm (incremental parse, frozen non-tail blocks), so there is no
+		* raw-text tail and no text-to-markdown swap: the tree stays markdown
+		* throughout. The last text block owns conversation-port follow so wraps
+		* glide instead of snapping. Once the stream closes and the reveal queue
+		* drains, the settled full parse (KaTeX math, fence highlighting, file
+		* mentions) swaps in exactly once.
+		*/
+		function AnimatedMarkdownText({ text, codeLabels, fileMentions, streaming, ownFollow, followSpeedCpsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack }) {
+			const reduced = usePrefersReducedMotion();
+			const [typing, setTyping] = (0, react.useState)(streaming);
+			const localSpeedCpsRef = (0, react.useRef)(35);
+			const followRootRef = (0, react.useRef)(null);
+			const predictionSourceRef = (0, react.useRef)(null);
+			const predictionStateRef = (0, react.useRef)(false);
+			const predictionGeometryRef = (0, react.useRef)(null);
+			const speedCpsRef = followSpeedCpsRef ?? localSpeedCpsRef;
+			const displayed = useSmoothStreamContent(text, {
+				enabled: typing && !reduced,
+				inputComplete: !streaming,
+				preset,
+				shouldHoldBack,
+				speedCpsRef,
+				revealScaleRef: followRevealScaleRef
+			});
+			const shown = reduced ? text : displayed;
+			const live = typing && !reduced;
+			(0, react.useEffect)(() => {
+				const root = followRootRef.current;
+				if (root === null || typeof ResizeObserver === "undefined") return;
+				const observer = new ResizeObserver(() => {
+					if (predictionGeometryRef.current?.root === root) predictionGeometryRef.current = null;
+				});
+				observer.observe(root);
+				return () => {
+					observer.disconnect();
 				};
+			}, []);
+			(0, react.useLayoutEffect)(() => {
+				if (onPredictiveChange === void 0) return;
+				const pending = text.slice(shown.length);
+				const sourceChanged = predictionSourceRef.current !== text;
+				const next = !live || !streaming || pending === "" ? false : sourceChanged ? pendingTextCanGrow(followRootRef.current, shown, pending, predictionGeometryRef) : predictionStateRef.current;
+				predictionSourceRef.current = text;
+				predictionStateRef.current = next;
+				onPredictiveChange(next);
 			}, [
-				active,
-				rootRef,
-				speedCpsRef,
-				revealScaleRef,
-				predictive,
-				predictiveRef
+				live,
+				onPredictiveChange,
+				shown,
+				streaming,
+				text
+			]);
+			(0, react.useEffect)(() => {
+				if (typing && !streaming && shown.length === text.length) setTyping(false);
+			}, [
+				shown,
+				streaming,
+				text,
+				typing
 			]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
+				active: live && ownFollow,
+				speedCpsRef,
+				revealScaleRef: followRevealScaleRef,
+				predictive: streaming,
+				hostRef: followRootRef,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
+					text: live ? shown : text,
+					streaming: live,
+					codeLabels,
+					fileMentions: live ? void 0 : fileMentions
+				})
+			});
+		}
+		function imageLabels(t) {
+			return {
+				image: t("image.label"),
+				open: t("image.openOriginal"),
+				openNamed: (label) => t("image.openOriginalLabel", { label }),
+				loading: t("image.loading"),
+				loadFailed: t("image.loadFailed"),
+				lightbox: {
+					dialog: t("image.preview"),
+					close: t("image.closePreview")
+				}
+			};
+		}
+		function firstLine(text) {
+			const newline = text.indexOf("\n");
+			return newline === -1 ? text : text.slice(0, newline);
+		}
+		function latestLine(text) {
+			const visible = text.trimEnd();
+			const newline = visible.lastIndexOf("\n");
+			return newline === -1 ? visible : visible.slice(newline + 1);
 		}
-		//#endregion
-		//#region src/client/FollowHost.tsx
 		/**
-		* Document-flow host that owns conversation-port follow while `active`.
-		* Shared by assistant blocks and every other Agent Chat row. `onGrowth` lets
-		* generic wrapped renderers re-arm one glide when their DOM grows without
-		* requiring a business-kind-specific lifecycle predicate.
+		* Built-in Think disclosure with a smoothed `text` feed. Chevron and row
+		* click stay on the disclosure chrome, which the plugin's AnimatedDisclosure
+		* renders with a height-animated body (the harness primitive would mount and
+		* unmount it, which cannot glide). The row opens only while this block is
+		* the streaming tail and closes as soon as thinking ends — a later block,
+		* or the assistant node settling — not when the rest of the reply is
+		* still streaming.
 		*/
-		function FollowHost({ active, entrance = false, onEntranceSettled, onGrowth, entranceExtentRef, speedCpsRef, revealScaleRef, predictive = true, predictiveRef, hostRef, children }) {
-			const localRootRef = (0, react.useRef)(null);
-			const rootRef = hostRef ?? localRootRef;
-			useConversationFollow(rootRef, active || entrance, speedCpsRef, revealScaleRef, predictive, entrance, onEntranceSettled, predictiveRef, entranceExtentRef);
+		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, t }) {
+			const reduced = usePrefersReducedMotion();
+			const [expanded, setExpanded] = (0, react.useState)(running && thinkAutoExpand);
+			const summaryRef = (0, react.useRef)(null);
+			const displayed = useSmoothStreamContent(text, {
+				enabled: running && !reduced,
+				preset,
+				shouldHoldBack,
+				speedCpsRef: followSpeedCpsRef,
+				revealScaleRef: followRevealScaleRef
+			});
+			const shown = running && !reduced ? displayed : text;
+			const summary = running ? latestLine(shown) : firstLine(text);
+			(0, react.useLayoutEffect)(() => {
+				if (thinkAutoExpand) setExpanded(running);
+			}, [running, thinkAutoExpand]);
 			(0, react.useEffect)(() => {
-				if (onGrowth === void 0 || typeof ResizeObserver === "undefined") return;
-				const root = rootRef.current;
-				if (root === null) return;
-				let previousHeight = null;
-				const observer = new ResizeObserver((entries) => {
-					const nextHeight = entries[0]?.contentRect.height ?? root.getBoundingClientRect().height;
-					if (!Number.isFinite(nextHeight)) return;
-					if (previousHeight !== null && nextHeight > previousHeight + .5) onGrowth(nextHeight - previousHeight);
-					previousHeight = nextHeight;
-				});
-				observer.observe(root);
-				return () => {
-					observer.disconnect();
-				};
-			}, [onGrowth]);
+				const element = summaryRef.current;
+				if (element === null) return;
+				element.scrollLeft = running ? element.scrollWidth - element.clientWidth : 0;
+			}, [running, summary]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				ref: rootRef,
 				className: TypewriterAssistantNodeView_module_css_default.follow,
-				children
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: TypewriterAssistantNodeView_module_css_default.think,
+					"data-variant": "think",
+					"data-state": running ? "running" : "ok",
+					children: [running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: TypewriterAssistantNodeView_module_css_default.visuallyHidden,
+						children: t("row.running")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedDisclosure, {
+						rowClassName: TypewriterAssistantNodeView_module_css_default.thinkRow,
+						leadingClassName: TypewriterAssistantNodeView_module_css_default.thinkLeading,
+						titleClassName: TypewriterAssistantNodeView_module_css_default.thinkTitle,
+						chevronClassName: TypewriterAssistantNodeView_module_css_default.thinkChevron,
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconThinkOutline14, { size: 14 }),
+						title: "Think",
+						open: expanded,
+						onToggle: () => {
+							setExpanded((value) => !value);
+						},
+						collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: TypewriterAssistantNodeView_module_css_default.thinkSeparator,
+							"aria-hidden": true
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							ref: summaryRef,
+							className: TypewriterAssistantNodeView_module_css_default.thinkSummary,
+							"data-follow-end": running || void 0,
+							children: summary
+						})] }),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: TypewriterAssistantNodeView_module_css_default.thinkBody,
+							children: shown
+						})
+					})]
+				})
 			});
 		}
+		/**
+		* Assistant node renderer for the typewriter overlay. Text observed while
+		* streaming is revealed by the smoother through the Harness Markdown
+		* renderer at a rate that tracks arrival. Reasoning blocks keep the
+		* built-in Think disclosure and only receive a smoothed text feed; the
+		* outer node owns conversation-port follow while streaming; the final text
+		* block keeps ownership while its settled reveal queue drains. The FPS guard
+		* 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 data = node.data;
+			const streaming = data.status === "running";
+			const reduced = usePrefersReducedMotion();
+			const { ref: guardRef, shouldHoldBack } = useFpsGuard(streaming);
+			const rootSpeedRef = (0, react.useRef)(35);
+			const rootRevealScaleRef = (0, react.useRef)(1);
+			const reasoningTailIndex = streaming && data.blocks[data.blocks.length - 1]?.kind === "reasoning" ? data.blocks.length - 1 : -1;
+			const reasoningOwnsSpeed = reasoningTailIndex !== -1;
+			const rootPredictiveRef = (0, react.useRef)(false);
+			const previousReasoningTailRef = (0, react.useRef)(-1);
+			if (reasoningTailIndex !== previousReasoningTailRef.current) {
+				rootPredictiveRef.current = false;
+				if (!reasoningOwnsSpeed) rootSpeedRef.current = 35;
+				previousReasoningTailRef.current = reasoningTailIndex;
+			}
+			const updateTextPrediction = (0, react.useMemo)(() => (predictive) => {
+				rootPredictiveRef.current = predictive;
+			}, []);
+			const turn = node.location.kind === "turn" || node.location.kind === "step" ? node.location.turn : void 0;
+			const tail = useTurnData("turn-tail");
+			const owner = (0, react.useMemo)(() => {
+				if (turn?.status !== "closed" || data.finalNode === void 0) return void 0;
+				if (tail?.closing?.finalNode.seq !== data.finalNode.seq) return void 0;
+				return {
+					turn,
+					seq: data.finalNode.seq,
+					openFile
+				};
+			}, [
+				data.finalNode,
+				openFile,
+				tail,
+				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")
+			}), [t]);
+			const imageLoader = loadImage ?? (async () => {
+				throw new Error(t("image.serviceUnavailable"));
+			});
+			if (!(streaming || data.status === "interrupted" || data.blocks.some((block) => block.kind !== "tool-call"))) return null;
+			const announcementText = data.blocks.filter((block) => block.kind === "text").map((block) => block.text).join("\n");
+			const rendered = [];
+			const last = data.blocks.length - 1;
+			let lastFollow = -1;
+			for (let index = 0; index < data.blocks.length; index += 1) {
+				const kind = data.blocks[index]?.kind;
+				if (kind === "text" || kind === "reasoning") lastFollow = index;
+			}
+			for (let index = 0; index < data.blocks.length; index += 1) {
+				const block = data.blocks[index];
+				if (block === void 0) continue;
+				switch (block.kind) {
+					case "text":
+						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedMarkdownText, {
+							text: block.text,
+							codeLabels,
+							fileMentions: mentions,
+							streaming,
+							ownFollow: !streaming && index === lastFollow,
+							followSpeedCpsRef: index === lastFollow ? rootSpeedRef : void 0,
+							followRevealScaleRef: index === lastFollow ? rootRevealScaleRef : void 0,
+							onPredictiveChange: index === lastFollow ? updateTextPrediction : void 0,
+							preset,
+							shouldHoldBack
+						}, 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
+						}, index));
+						break;
+					case "image": {
+						const start = index;
+						const group = [block];
+						while (index + 1 < data.blocks.length) {
+							const next = data.blocks[index + 1];
+							if (next === void 0 || next.kind !== "image") break;
+							group.push(next);
+							index += 1;
+						}
+						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_attachment.ImageGallery, {
+							images: group,
+							load: imageLoader,
+							align: "start",
+							labels: imageLabels(t)
+						}, start));
+						break;
+					}
+					case "tool-call": break;
+					case "other": rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+						label: t("message.unknownBlock"),
+						payload: block.block,
+						truncatedLabel: (total) => t("json.truncated", { total })
+					}, index));
+				}
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: guardRef,
+				className: TypewriterAssistantNodeView_module_css_default.root,
+				"data-streaming": streaming || void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamAnnouncement, {
+					text: announcementText,
+					active: streaming && !reduced
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
+					active: streaming && !reduced,
+					speedCpsRef: rootSpeedRef,
+					revealScaleRef: rootRevealScaleRef,
+					predictiveRef: rootPredictiveRef,
+					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", {
+							className: TypewriterAssistantNodeView_module_css_default.stopped,
+							children: t("message.stopped")
+						})]
+					})
+				})]
+			});
+		});
 		//#endregion
-		//#region src/config.ts
-		/** Defaults shared by the Host schema and the client-side fallback. */
-		const DEFAULT_STREAM_CONFIG = {
-			mode: "typewriter",
-			preset: "balanced",
-			revealCharsPerSec: 80,
-			scrollSpeedPxPerSec: 48,
-			maxScrollSpeedPxPerSec: 1e3
-		};
+		//#region src/client/auto-collapse-controller.ts
 		/**
-		* Window global the Host writes into the served index HTML. The browser boot
-		* graph carries no per-entry config, so this inline script is the only
-		* Host-to-client configuration channel for a composed web plugin.
+		* 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 STREAM_BOOT_GLOBAL = "__DSH_SMOOTH_STREAM_CONFIG__";
-		//#endregion
-		//#region src/client/TypewriterAssistantNodeView.tsx
-		function usePrefersReducedMotion() {
-			const [reduced, setReduced] = (0, react.useState)(() => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true);
-			(0, react.useEffect)(() => {
-				if (typeof window === "undefined" || window.matchMedia === void 0) return;
-				const query = window.matchMedia("(prefers-reduced-motion: reduce)");
-				const onChange = () => setReduced(query.matches);
-				query.addEventListener("change", onChange);
-				return () => query.removeEventListener("change", onChange);
-			}, []);
-			return reduced;
-		}
-		/** Conservative fallback before the streaming Markdown tail has geometry. */
-		const PREDICTIVE_WRAP_FALLBACK_CHARS = 32;
-		const STREAM_ANNOUNCEMENT_INTERVAL_MS = 800;
-		const STREAM_ANNOUNCEMENT_MAX_CHARS = 320;
-		function approximateInlineWidth(text, emPx) {
-			let width = 0;
-			for (const char of text) if (/\s/u.test(char)) width += emPx * .33;
-			else if (/^[\x00-\x7f]$/u.test(char)) width += emPx * .56;
-			else width += emPx;
-			return width;
-		}
-		function measurePendingTextGeometry(root, visibleText) {
-			if (typeof document.createTreeWalker !== "function" || typeof NodeFilter === "undefined") return {
-				root,
-				visibleText,
-				fontSize: 14,
-				wrapThresholdWidth: null
-			};
-			const rootRect = root.getBoundingClientRect();
-			const rootWidth = Math.max(0, rootRect.width, rootRect.right - rootRect.left, root.clientWidth);
-			if (rootWidth <= 0) return {
-				root,
-				visibleText,
-				fontSize: 14,
-				wrapThresholdWidth: null
-			};
-			const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
-			let tail = null;
-			for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) if ((node.textContent ?? "").length > 0) tail = node;
-			const parent = tail?.parentElement ?? root;
-			const fontSize = Number.parseFloat(getComputedStyle(parent).fontSize) || 14;
-			if (tail === null || typeof document.createRange !== "function") return {
-				root,
-				visibleText,
-				fontSize,
-				wrapThresholdWidth: rootWidth
-			};
+		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 {
-				const length = tail.textContent?.length ?? 0;
-				if (length <= 0) return {
-					root,
-					visibleText,
-					fontSize,
-					wrapThresholdWidth: rootWidth
-				};
-				const range = document.createRange();
-				range.setStart(tail, Math.max(0, length - 1));
-				range.setEnd(tail, length);
-				const tailRect = range.getBoundingClientRect();
-				const contentRight = rootRect.right;
-				if (!Number.isFinite(tailRect.right) || tailRect.right <= rootRect.left || contentRight <= rootRect.left) return {
-					root,
-					visibleText,
-					fontSize,
-					wrapThresholdWidth: rootWidth
-				};
-				return {
-					root,
-					visibleText,
-					fontSize,
-					wrapThresholdWidth: Math.max(0, contentRight - tailRect.right) + fontSize * .35
-				};
+				lang = document.documentElement.lang || navigator.language || "";
 			} catch {
-				return {
-					root,
-					visibleText,
-					fontSize,
-					wrapThresholdWidth: rootWidth
-				};
+				lang = "";
 			}
+			return lang.toLowerCase().startsWith("zh") ? ZH_COPY : EN_COPY;
 		}
-		/** Whether buffered source can reach a new visual line before it drains. */
-		function pendingTextCanGrow(root, visibleText, pending, geometryRef) {
-			if (pending === "") return false;
-			if (/[\r\n]/u.test(pending)) return true;
-			const pendingChars = [...pending];
-			if (root === null) return pendingChars.length >= PREDICTIVE_WRAP_FALLBACK_CHARS;
-			let geometry = geometryRef.current;
-			if (geometry?.root !== root || geometry.visibleText !== visibleText) {
-				geometry = measurePendingTextGeometry(root, visibleText);
-				geometryRef.current = geometry;
+		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 = "";
+			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;
+				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);
 			}
-			if (geometry.wrapThresholdWidth === null) return pendingChars.length >= PREDICTIVE_WRAP_FALLBACK_CHARS;
-			return approximateInlineWidth(pending, geometry.fontSize) >= geometry.wrapThresholdWidth;
-		}
-		function announcementChunkEnd(source, start) {
-			const hardEnd = Math.min(source.length, start + STREAM_ANNOUNCEMENT_MAX_CHARS);
-			if (hardEnd === source.length) return hardEnd;
-			const softStart = start + Math.floor(STREAM_ANNOUNCEMENT_MAX_CHARS * .6);
-			for (let index = hardEnd - 1; index >= softStart; index -= 1) if (/[\s.,;:!?]/u.test(source[index] ?? "")) return index + 1;
-			return hardEnd;
-		}
-		/** A commit-driven live region isolated from the visible Markdown subtree. */
-		const StreamAnnouncement = (0, react.memo)(function StreamAnnouncement({ text, active }) {
-			const [announcement, setAnnouncement] = (0, react.useState)({
-				text: "",
-				revision: 0,
-				present: active
-			});
-			const sourceRef = (0, react.useRef)(text);
-			const activeRef = (0, react.useRef)(active);
-			const announcedOffsetRef = (0, react.useRef)(active ? 0 : text.length);
-			const drainSourceRef = (0, react.useRef)(null);
-			const timerRef = (0, react.useRef)(null);
-			(0, react.useEffect)(() => {
-				const clearTimer = () => {
-					if (timerRef.current === null) return;
-					clearTimeout(timerRef.current);
-					timerRef.current = null;
-				};
-				const publishNext = (source) => {
-					const start = Math.min(announcedOffsetRef.current, source.length);
-					const end = announcementChunkEnd(source, start);
-					if (end <= start) return false;
-					announcedOffsetRef.current = end;
-					setAnnouncement((previous) => ({
-						text: source.slice(start, end),
-						revision: previous.revision + 1,
-						present: true
-					}));
-					return end < source.length;
-				};
-				const hideAfterLinger = () => {
-					timerRef.current = setTimeout(() => {
-						timerRef.current = null;
-						if (activeRef.current) return;
-						drainSourceRef.current = null;
-						setAnnouncement((previous) => ({
-							...previous,
-							present: false
-						}));
-					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
-				};
-				const drainNext = () => {
-					const source = drainSourceRef.current;
-					if (source === null) return;
-					if (!publishNext(source)) {
-						hideAfterLinger();
+			/** Body-level observations only need to wake us up near the active flow. */
+			shouldSchedule(records) {
+				if (records.length === 0 || this.flow === null || !this.flow.isConnected) return true;
+				return records.some((record) => nodeWithin(record.target, this.flow) || nodeWithin(this.flow, record.target));
+			}
+			/** 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;
 					}
-					timerRef.current = setTimeout(() => {
-						timerRef.current = null;
-						if (activeRef.current) return;
-						drainNext();
-					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
-				};
-				const scheduleLive = () => {
-					if (timerRef.current !== null || announcedOffsetRef.current >= sourceRef.current.length) return;
-					timerRef.current = setTimeout(() => {
-						timerRef.current = null;
-						if (!activeRef.current) return;
-						const source = sourceRef.current;
-						if (publishNext(source)) scheduleLive();
-					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
-				};
-				const wasActive = activeRef.current;
-				const previousSource = sourceRef.current;
-				if (!(!active && !wasActive && drainSourceRef.current !== null) && (!text.startsWith(previousSource) || announcedOffsetRef.current > text.length)) announcedOffsetRef.current = 0;
-				sourceRef.current = text;
-				activeRef.current = active;
-				if (active) {
-					if (!wasActive) {
-						clearTimer();
-						drainSourceRef.current = null;
-						setAnnouncement((previous) => ({
-							text: "",
-							revision: previous.revision + 1,
-							present: true
-						}));
+					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;
 					}
-					scheduleLive();
+					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);
+				}
+				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);
+				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;
 				}
-				if (!wasActive) {
-					if (drainSourceRef.current === null) announcedOffsetRef.current = text.length;
+				let target = state.snapshot.firstWork ?? state.snapshot.finalStep ?? state.snapshot.boundary;
+				if (target === null || target.parentElement !== flow) {
+					row.remove();
+					state.row = null;
 					return;
 				}
-				clearTimer();
-				drainSourceRef.current = text;
-				drainNext();
-			}, [active, text]);
-			(0, react.useEffect)(() => () => {
-				if (timerRef.current !== null) clearTimeout(timerRef.current);
-				timerRef.current = null;
-			}, []);
-			if (!active && !announcement.present) return null;
-			const activating = active && !activeRef.current;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: TypewriterAssistantNodeView_module_css_default.visuallyHidden,
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: activating ? "" : announcement.text }, announcement.revision)
-			});
-		});
+				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;
+		}
+		/** 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";
+		}
 		/**
-		* Smooth streaming text arm. While the reply runs, the accumulated source is
-		* revealed through the smoother at a rate that tracks the model's arrival
-		* and rendered by the Harness `MarkdownText`
-		* streaming arm (incremental parse, frozen non-tail blocks), so there is no
-		* raw-text tail and no text-to-markdown swap: the tree stays markdown
-		* throughout. The last text block owns conversation-port follow so wraps
-		* glide instead of snapping. Once the stream closes and the reveal queue
-		* drains, the settled full parse (KaTeX math, fence highlighting, file
-		* mentions) swaps in exactly once.
+		* 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 AnimatedMarkdownText({ text, codeLabels, fileMentions, streaming, ownFollow, followSpeedCpsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack }) {
-			const reduced = usePrefersReducedMotion();
-			const [typing, setTyping] = (0, react.useState)(streaming);
-			const localSpeedCpsRef = (0, react.useRef)(35);
-			const followRootRef = (0, react.useRef)(null);
-			const predictionSourceRef = (0, react.useRef)(null);
-			const predictionStateRef = (0, react.useRef)(false);
-			const predictionGeometryRef = (0, react.useRef)(null);
-			const speedCpsRef = followSpeedCpsRef ?? localSpeedCpsRef;
-			const displayed = useSmoothStreamContent(text, {
-				enabled: typing && !reduced,
-				inputComplete: !streaming,
-				preset,
-				shouldHoldBack,
-				speedCpsRef,
-				revealScaleRef: followRevealScaleRef
-			});
-			const shown = reduced ? text : displayed;
-			const live = typing && !reduced;
-			(0, react.useEffect)(() => {
-				const root = followRootRef.current;
-				if (root === null || typeof ResizeObserver === "undefined") return;
-				const observer = new ResizeObserver(() => {
-					if (predictionGeometryRef.current?.root === root) predictionGeometryRef.current = null;
+		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
 				});
-				observer.observe(root);
-				return () => {
-					observer.disconnect();
-				};
-			}, []);
-			(0, react.useLayoutEffect)(() => {
-				if (onPredictiveChange === void 0) return;
-				const pending = text.slice(shown.length);
-				const sourceChanged = predictionSourceRef.current !== text;
-				const next = !live || !streaming || pending === "" ? false : sourceChanged ? pendingTextCanGrow(followRootRef.current, shown, pending, predictionGeometryRef) : predictionStateRef.current;
-				predictionSourceRef.current = text;
-				predictionStateRef.current = next;
-				onPredictiveChange(next);
-			}, [
-				live,
-				onPredictiveChange,
-				shown,
-				streaming,
-				text
-			]);
-			(0, react.useEffect)(() => {
-				if (typing && !streaming && shown.length === text.length) setTyping(false);
-			}, [
-				shown,
-				streaming,
-				text,
-				typing
-			]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
-				active: live && ownFollow,
-				speedCpsRef,
-				revealScaleRef: followRevealScaleRef,
-				predictive: streaming,
-				hostRef: followRootRef,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
-					text: live ? shown : text,
-					streaming: live,
-					codeLabels,
-					fileMentions: live ? void 0 : fileMentions
-				})
+			};
+			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;
 		}
-		function imageLabels(t) {
+		/**
+		* 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 {
-				image: t("image.label"),
-				open: t("image.openOriginal"),
-				openNamed: (label) => t("image.openOriginalLabel", { label }),
-				loading: t("image.loading"),
-				loadFailed: t("image.loadFailed"),
-				lightbox: {
-					dialog: t("image.preview"),
-					close: t("image.closePreview")
-				}
+				fold: "skip",
+				running: false
 			};
 		}
-		function firstLine(text) {
-			const newline = text.indexOf("\n");
-			return newline === -1 ? text : text.slice(0, newline);
+		/** 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;
 		}
-		function latestLine(text) {
-			const visible = text.trimEnd();
-			const newline = visible.lastIndexOf("\n");
-			return newline === -1 ? visible : visible.slice(newline + 1);
+		/** 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;
 		}
-		/**
-		* Built-in Think disclosure with a smoothed `text` feed. Chevron and row
-		* click stay on the disclosure chrome, which the plugin's AnimatedDisclosure
-		* renders with a height-animated body (the harness primitive would mount and
-		* unmount it, which cannot glide). The row opens only while this block is
-		* the streaming tail and closes as soon as thinking ends — a later block,
-		* 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();
-			const [expanded, setExpanded] = (0, react.useState)(running && thinkAutoExpand);
-			const summaryRef = (0, react.useRef)(null);
-			const displayed = useSmoothStreamContent(text, {
-				enabled: running && !reduced,
-				preset,
-				shouldHoldBack,
-				speedCpsRef: followSpeedCpsRef,
-				revealScaleRef: followRevealScaleRef
-			});
-			const shown = running && !reduced ? displayed : text;
-			const summary = running ? latestLine(shown) : firstLine(text);
-			(0, react.useLayoutEffect)(() => {
-				if (thinkAutoExpand) setExpanded(running);
-			}, [running, thinkAutoExpand]);
-			(0, react.useEffect)(() => {
-				const element = summaryRef.current;
-				if (element === null) return;
-				element.scrollLeft = running ? element.scrollWidth - element.clientWidth : 0;
-			}, [running, summary]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: TypewriterAssistantNodeView_module_css_default.follow,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: TypewriterAssistantNodeView_module_css_default.think,
-					"data-variant": "think",
-					"data-state": running ? "running" : "ok",
-					children: [running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: TypewriterAssistantNodeView_module_css_default.visuallyHidden,
-						children: t("row.running")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedDisclosure, {
-						rowClassName: TypewriterAssistantNodeView_module_css_default.thinkRow,
-						leadingClassName: TypewriterAssistantNodeView_module_css_default.thinkLeading,
-						titleClassName: TypewriterAssistantNodeView_module_css_default.thinkTitle,
-						chevronClassName: TypewriterAssistantNodeView_module_css_default.thinkChevron,
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconThinkOutline14, { size: 14 }),
-						title: "Think",
-						open: expanded,
-						onToggle: () => {
-							setExpanded((value) => !value);
-						},
-						collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: TypewriterAssistantNodeView_module_css_default.thinkSeparator,
-							"aria-hidden": true
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							ref: summaryRef,
-							className: TypewriterAssistantNodeView_module_css_default.thinkSummary,
-							"data-follow-end": running || void 0,
-							children: summary
-						})] }),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: TypewriterAssistantNodeView_module_css_default.thinkBody,
-							children: shown
-						})
-					})]
-				})
-			});
+		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;
 		}
 		/**
-		* Assistant node renderer for the typewriter overlay. Text observed while
-		* streaming is revealed by the smoother through the Harness Markdown
-		* renderer at a rate that tracks arrival. Reasoning blocks keep the
-		* built-in Think disclosure and only receive a smoothed text feed; the
-		* outer node owns conversation-port follow while streaming; the final text
-		* block keeps ownership while its settled reveal queue drains. The FPS guard
-		* holds offscreen reveals when the frame rate is degraded. Settled text
-		* renders with the full Markdown pipeline.
+		* 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.
 		*/
-		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 data = node.data;
-			const streaming = data.status === "running";
-			const reduced = usePrefersReducedMotion();
-			const { ref: guardRef, shouldHoldBack } = useFpsGuard(streaming);
-			const rootSpeedRef = (0, react.useRef)(35);
-			const rootRevealScaleRef = (0, react.useRef)(1);
-			const reasoningTailIndex = streaming && data.blocks[data.blocks.length - 1]?.kind === "reasoning" ? data.blocks.length - 1 : -1;
-			const reasoningOwnsSpeed = reasoningTailIndex !== -1;
-			const rootPredictiveRef = (0, react.useRef)(false);
-			const previousReasoningTailRef = (0, react.useRef)(-1);
-			if (reasoningTailIndex !== previousReasoningTailRef.current) {
-				rootPredictiveRef.current = false;
-				if (!reasoningOwnsSpeed) rootSpeedRef.current = 35;
-				previousReasoningTailRef.current = reasoningTailIndex;
-			}
-			const updateTextPrediction = (0, react.useMemo)(() => (predictive) => {
-				rootPredictiveRef.current = predictive;
-			}, []);
-			const turn = node.location.kind === "turn" || node.location.kind === "step" ? node.location.turn : void 0;
-			const tail = useTurnData("turn-tail");
-			const owner = (0, react.useMemo)(() => {
-				if (turn?.status !== "closed" || data.finalNode === void 0) return void 0;
-				if (tail?.closing?.finalNode.seq !== data.finalNode.seq) return void 0;
-				return {
-					turn,
-					seq: data.finalNode.seq,
-					openFile
-				};
-			}, [
-				data.finalNode,
-				openFile,
-				tail,
-				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")
-			}), [t]);
-			const imageLoader = loadImage ?? (async () => {
-				throw new Error(t("image.serviceUnavailable"));
-			});
-			if (!(streaming || data.status === "interrupted" || data.blocks.some((block) => block.kind !== "tool-call"))) return null;
-			const announcementText = data.blocks.filter((block) => block.kind === "text").map((block) => block.text).join("\n");
-			const rendered = [];
-			const last = data.blocks.length - 1;
-			let lastFollow = -1;
-			for (let index = 0; index < data.blocks.length; index += 1) {
-				const kind = data.blocks[index]?.kind;
-				if (kind === "text" || kind === "reasoning") lastFollow = index;
+		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;
 			}
-			for (let index = 0; index < data.blocks.length; index += 1) {
-				const block = data.blocks[index];
-				if (block === void 0) continue;
-				switch (block.kind) {
-					case "text":
-						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedMarkdownText, {
-							text: block.text,
-							codeLabels,
-							fileMentions: mentions,
-							streaming,
-							ownFollow: !streaming && index === lastFollow,
-							followSpeedCpsRef: index === lastFollow ? rootSpeedRef : void 0,
-							followRevealScaleRef: index === lastFollow ? rootRevealScaleRef : void 0,
-							onPredictiveChange: index === lastFollow ? updateTextPrediction : void 0,
-							preset,
-							shouldHoldBack
-						}, 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
-						}, index));
-						break;
-					case "image": {
-						const start = index;
-						const group = [block];
-						while (index + 1 < data.blocks.length) {
-							const next = data.blocks[index + 1];
-							if (next === void 0 || next.kind !== "image") break;
-							group.push(next);
-							index += 1;
-						}
-						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_attachment.ImageGallery, {
-							images: group,
-							load: imageLoader,
-							align: "start",
-							labels: imageLabels(t)
-						}, start));
-						break;
-					}
-					case "tool-call": break;
-					case "other": rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
-						label: t("message.unknownBlock"),
-						payload: block.block,
-						truncatedLabel: (total) => t("json.truncated", { total })
-					}, index));
-				}
+			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.
+		*/
+		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;
 			}
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: guardRef,
-				className: TypewriterAssistantNodeView_module_css_default.root,
-				"data-streaming": streaming || void 0,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamAnnouncement, {
-					text: announcementText,
-					active: streaming && !reduced
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
-					active: streaming && !reduced,
-					speedCpsRef: rootSpeedRef,
-					revealScaleRef: rootRevealScaleRef,
-					predictiveRef: rootPredictiveRef,
-					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", {
-							className: TypewriterAssistantNodeView_module_css_default.stopped,
-							children: t("message.stopped")
-						})]
-					})
-				})]
-			});
-		});
+			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
 		/**
@@ -3368,32 +3385,32 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$1;
 		}
 		var SmoothStreamCard_module_css_default = {
-			"updateRow": "XNGeRG_updateRow",
-			"fieldDisabled": "XNGeRG_fieldDisabled",
-			"hint": "XNGeRG_hint",
-			"chevron": "XNGeRG_chevron",
-			"cardOpen": "XNGeRG_cardOpen",
+			"fieldHead": "XNGeRG_fieldHead",
+			"label": "XNGeRG_label",
 			"version": "XNGeRG_version",
-			"pending": "XNGeRG_pending",
-			"failure": "XNGeRG_failure",
 			"header": "XNGeRG_header",
+			"body": "XNGeRG_body",
+			"failure": "XNGeRG_failure",
+			"updateRow": "XNGeRG_updateRow",
 			"updateCopy": "XNGeRG_updateCopy",
+			"field": "XNGeRG_field",
+			"footer": "XNGeRG_footer",
+			"name": "XNGeRG_name",
 			"failed": "XNGeRG_failed",
 			"discard": "XNGeRG_discard",
-			"name": "XNGeRG_name",
-			"save": "XNGeRG_save",
-			"fieldHead": "XNGeRG_fieldHead",
-			"update": "XNGeRG_update",
-			"headText": "XNGeRG_headText",
 			"toggle": "XNGeRG_toggle",
-			"body": "XNGeRG_body",
+			"fieldDisabled": "XNGeRG_fieldDisabled",
 			"readOnly": "XNGeRG_readOnly",
+			"headText": "XNGeRG_headText",
+			"cardOpen": "XNGeRG_cardOpen",
+			"save": "XNGeRG_save",
+			"hint": "XNGeRG_hint",
+			"chevron": "XNGeRG_chevron",
+			"update": "XNGeRG_update",
+			"pending": "XNGeRG_pending",
 			"description": "XNGeRG_description",
-			"chevronOpen": "XNGeRG_chevronOpen",
 			"card": "XNGeRG_card",
-			"field": "XNGeRG_field",
-			"label": "XNGeRG_label",
-			"footer": "XNGeRG_footer"
+			"chevronOpen": "XNGeRG_chevronOpen"
 		};
 		//#endregion
 		//#region src/client/SmoothStreamCard.tsx
@@ -3894,34 +3911,34 @@ window.__ModuleLoader__.load({
 			tag.textContent = css;
 		}
 		var DebugPanel_module_css_default = {
-			"infoButton": "m4_tdG_infoButton",
-			"unit": "m4_tdG_unit",
-			"range": "m4_tdG_range",
+			"control": "m4_tdG_control",
 			"secondaryButton": "m4_tdG_secondaryButton",
+			"infoButton": "m4_tdG_infoButton",
 			"footerSpacer": "m4_tdG_footerSpacer",
 			"visuallyHidden": "m4_tdG_visuallyHidden",
-			"title": "m4_tdG_title",
-			"number": "m4_tdG_number",
+			"panelHeader": "m4_tdG_panelHeader",
+			"metric": "m4_tdG_metric",
+			"section": "m4_tdG_section",
+			"unsaved": "m4_tdG_unsaved",
+			"state": "m4_tdG_state",
+			"statusDot": "m4_tdG_statusDot",
+			"controlLabel": "m4_tdG_controlLabel",
+			"scrollArea": "m4_tdG_scrollArea",
 			"numberWrap": "m4_tdG_numberWrap",
+			"title": "m4_tdG_title",
+			"trigger": "m4_tdG_trigger",
 			"footer": "m4_tdG_footer",
-			"triggerActive": "m4_tdG_triggerActive",
 			"iconButton": "m4_tdG_iconButton",
-			"scrollArea": "m4_tdG_scrollArea",
-			"section": "m4_tdG_section",
-			"trigger": "m4_tdG_trigger",
-			"statusDot": "m4_tdG_statusDot",
-			"state": "m4_tdG_state",
-			"panelHeader": "m4_tdG_panelHeader",
 			"panel": "m4_tdG_panel",
-			"primaryButton": "m4_tdG_primaryButton",
-			"unsaved": "m4_tdG_unsaved",
-			"guide": "m4_tdG_guide",
-			"metric": "m4_tdG_metric",
 			"controlHead": "m4_tdG_controlHead",
-			"controlLabel": "m4_tdG_controlLabel",
+			"triggerActive": "m4_tdG_triggerActive",
+			"range": "m4_tdG_range",
+			"unit": "m4_tdG_unit",
+			"primaryButton": "m4_tdG_primaryButton",
+			"number": "m4_tdG_number",
+			"metrics": "m4_tdG_metrics",
 			"statusLive": "m4_tdG_statusLive",
-			"control": "m4_tdG_control",
-			"metrics": "m4_tdG_metrics"
+			"guide": "m4_tdG_guide"
 		};
 		//#endregion
 		//#region src/client/DebugPanel.tsx