dsh-smooth-stream 0.6.1 → 0.7.0

package/lib/client.js

@@ -4,13 +4,52 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		//#region \0rolldown/runtime.js
+		var __create = Object.create;
+		var __defProp = Object.defineProperty;
+		var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+		var __getOwnPropNames = Object.getOwnPropertyNames;
+		var __getProtoOf = Object.getPrototypeOf;
+		var __hasOwnProp = Object.prototype.hasOwnProperty;
+		var __copyProps = (to, from, except, desc) => {
+			if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+				key = keys[i];
+				if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+			return to;
+		};
+		var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+			value: mod,
+			enumerable: true
+		}) : target, mod));
+		//#endregion
 		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		_deepseek_ai_dsh_client_ui_primitives = __toESM(_deepseek_ai_dsh_client_ui_primitives, 1);
 		let _deepseek_ai_dsh_client_ui_attachment = require("@deepseek-ai/dsh-client-ui-attachment");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react_dom = require("react-dom");
-		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/TypewriterAssistantNodeView.module.css.mjs
-		const css$4 = ".I17U7q_root{min-width:0;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:16px;line-height:28px;display:flex}.I17U7q_body{flex-direction:column;gap:16px;min-width:0;display:flex}.I17U7q_think{flex-direction:column;display:flex}.I17U7q_thinkRow{position:relative;overflow:hidden}.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite I17U7q_dsh-smooth-stream-think-sweep;position:absolute;left:0}@keyframes I17U7q_dsh-smooth-stream-think-sweep{0%{left:-300px}90%,to{left:100%}}.I17U7q_thinkLeading{flex-shrink:0}.I17U7q_thinkChevron{color:var(--dsw-alias-label-secondary)}.I17U7q_thinkTitle{font-weight:400}.I17U7q_thinkSeparator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.I17U7q_thinkSummary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.I17U7q_thinkSummary[data-follow-end]{text-overflow:clip}.I17U7q_thinkBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;padding:4px 0 4px 22px;font-size:14px;line-height:24px}.I17U7q_disclosureRoot{flex-direction:column;width:100%;min-width:0;display:flex}.I17U7q_disclosureRow{cursor:pointer;align-items:center;min-width:0;height:24px;display:flex;position:relative;overflow:hidden}.I17U7q_disclosureLeading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:6px;display:inline-flex;position:relative}.I17U7q_disclosureIconIdle{opacity:1;transition:opacity .1s;display:inline-flex}.I17U7q_disclosureChevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureIconIdle{opacity:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureChevronHover{opacity:1}.I17U7q_disclosureTitle{color:var(--dsw-alias-label-secondary);flex:none;font-size:14px;line-height:24px}.I17U7q_disclosureContent{visibility:visible;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s;grid-template-rows:1fr;display:grid}.I17U7q_disclosureContent[data-collapsed]{visibility:hidden;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s var(--ds-transition-duration,.2s);grid-template-rows:0fr}.I17U7q_disclosureContent[data-no-transition]{transition:none}.I17U7q_disclosureContent>*{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{animation:none}.I17U7q_disclosureContent,.I17U7q_disclosureContent[data-collapsed]{transition:none}}.I17U7q_stopped{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:6px;align-self:flex-start;padding:0 6px;font-size:11px;line-height:18px}.I17U7q_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.I17U7q_follow{contain:layout style;min-width:0}.I17U7q_root :not(pre)>code{line-height:inherit;white-space:normal;overflow-wrap:anywhere;vertical-align:baseline;display:inline}@supports (text-box-trim:trim-both){.I17U7q_root :is(p,h1,h2,h3,h4,h5,h6,blockquote){text-box-trim:trim-both;text-box-edge:text}}";
+		//#region src/client/harnessIcons.ts
+		const icons = _deepseek_ai_dsh_client_ui_primitives;
+		function resolveIcon(currentName, legacyName) {
+			const icon = icons[currentName] ?? icons[legacyName];
+			if (icon === void 0) throw new Error(`dsh-smooth-stream: Harness icon export is missing (${currentName}, ${legacyName})`);
+			return icon;
+		}
+		const IconChevronDown = resolveIcon("IconChevronDownOutlineRegular", "IconChevronDownOutline14");
+		const IconClose = resolveIcon("IconCloseOutlineRegular", "IconCloseOutline16");
+		const IconCode = resolveIcon("IconCodeOutlineRegular", "IconCodeOutline16");
+		const IconCopy = resolveIcon("IconCopyOutlineRegular", "IconCopyOutline16");
+		const IconQuestion = resolveIcon("IconQuestionOutlineRegular", "IconQuestionOutline14");
+		const IconRefresh = resolveIcon("IconRefreshOutlineRegular", "IconRefreshOutline14");
+		const IconRefreshSmall = resolveIcon("IconRefreshOutlineRegular", "IconRefreshOutline16");
+		const IconThink = resolveIcon("IconThinkOutlineRegular", "IconThinkOutline14");
+		//#endregion
+		//#region \0dsh-css:/Users/dzlin/.codex/worktrees/pr-39-review/dsh-smooth-stream/src/client/TypewriterAssistantNodeView.module.css.mjs
+		const css$4 = ".ydEAna_root{min-width:0;color:var(--dsw-alias-label-primary);font-size:var(--dsh-content-font-size,16px);line-height:calc(24px + var(--dsh-content-font-delta,4px));flex-direction:column;display:flex}.ydEAna_body{flex-direction:column;gap:16px;min-width:0;display:flex}.ydEAna_body>[data-turn-process-inline][hidden]{margin-bottom:-16px}.ydEAna_think{flex-direction:column;display:flex}.ydEAna_thinkRow{position:relative;overflow:hidden}.ydEAna_think[data-state=running] .ydEAna_thinkRow:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite ydEAna_dsh-smooth-stream-think-sweep;position:absolute;left:0}@keyframes ydEAna_dsh-smooth-stream-think-sweep{0%{left:-300px}90%,to{left:100%}}.ydEAna_thinkLeading{flex-shrink:0}.ydEAna_thinkChevron{color:var(--dsw-alias-label-secondary)}.ydEAna_thinkTitle{font-weight:400}.ydEAna_thinkSeparator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.ydEAna_thinkSummary{min-width:0;color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,14px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,4px));text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.ydEAna_thinkSummary[data-follow-end]{text-overflow:clip}.ydEAna_thinkBody{padding:4px 0 4px calc(22px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,14px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,4px));white-space:pre-wrap;word-break:break-word;max-height:var(--dsh-thinking-max-height,300px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l4,#80808066) transparent;contain:layout;will-change:scroll-position;overflow-y:auto;transform:translateZ(0)}.ydEAna_thinkBody::-webkit-scrollbar{width:6px}.ydEAna_thinkBody::-webkit-scrollbar-track{background:0 0}.ydEAna_thinkBody::-webkit-scrollbar-thumb{background-color:var(--dsw-alias-border-l4,#80808066);border-radius:3px}.ydEAna_thinkBody::-webkit-scrollbar-thumb:hover{background-color:var(--dsw-alias-border-l3,#80808099)}.ydEAna_disclosureRoot{flex-direction:column;width:100%;min-width:0;display:flex}.ydEAna_disclosureRow{height:calc(24px + var(--dsh-content-font-delta,0px));cursor:pointer;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.ydEAna_disclosureLeading{width:calc(16px + var(--dsh-content-font-delta,0px));height:calc(16px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:6px;display:inline-flex;position:relative}.ydEAna_disclosureLeading svg:not([data-state]){width:calc(14px + var(--dsh-content-font-delta,0px));height:calc(14px + var(--dsh-content-font-delta,0px))}.ydEAna_disclosureIconIdle{opacity:1;transition:opacity .1s;display:inline-flex}.ydEAna_disclosureChevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}.ydEAna_disclosureRow:hover .ydEAna_disclosureIconIdle{opacity:0}.ydEAna_disclosureRow:hover .ydEAna_disclosureChevronHover{opacity:1}.ydEAna_disclosureTitle{font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(24px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-secondary);flex:none}.ydEAna_disclosureContent{visibility:visible;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s;grid-template-rows:1fr;display:grid;overflow:hidden}.ydEAna_disclosureContent[data-collapsed]{visibility:hidden;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s var(--ds-transition-duration,.2s);grid-template-rows:0fr}.ydEAna_disclosureContent[data-collapsed]>*{padding-top:0!important;padding-bottom:0!important}.ydEAna_disclosureContent[data-no-transition]{transition:none}.ydEAna_disclosureContent>*{min-height:0}.ydEAna_disclosureContent[data-collapsed]>*{overflow:hidden}@media (prefers-reduced-motion:reduce){.ydEAna_think[data-state=running] .ydEAna_thinkRow:after{animation:none}.ydEAna_disclosureContent,.ydEAna_disclosureContent[data-collapsed]{transition:none}}.ydEAna_stopped{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:6px;align-self:flex-start;padding:0 6px;font-size:11px;line-height:18px}.ydEAna_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ydEAna_follow{contain:layout style;min-width:0}.ydEAna_root :not(pre)>code{line-height:inherit;white-space:normal;overflow-wrap:anywhere;vertical-align:baseline;display:inline}@supports (text-box-trim:trim-both){.ydEAna_root :is(p,h1,h2,h3,h4,h5,h6,blockquote){text-box-trim:trim-both;text-box-edge:text}}";
 		const tagId$4 = "dsh-smooth-stream/TypewriterAssistantNodeView.module.css";
 		if (typeof document !== "undefined") {
 			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]");
@@ -23,27 +62,27 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$4;
 		}
 		var TypewriterAssistantNodeView_module_css_default = {
-			"thinkTitle": "I17U7q_thinkTitle",
-			"disclosureContent": "I17U7q_disclosureContent",
-			"disclosureLeading": "I17U7q_disclosureLeading",
-			"thinkSummary": "I17U7q_thinkSummary",
-			"thinkRow": "I17U7q_thinkRow",
-			"visuallyHidden": "I17U7q_visuallyHidden",
-			"disclosureRoot": "I17U7q_disclosureRoot",
-			"body": "I17U7q_body",
-			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
-			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"root": "I17U7q_root",
-			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"stopped": "I17U7q_stopped",
-			"think": "I17U7q_think",
-			"thinkChevron": "I17U7q_thinkChevron",
-			"thinkBody": "I17U7q_thinkBody",
-			"follow": "I17U7q_follow",
-			"thinkSeparator": "I17U7q_thinkSeparator",
-			"thinkLeading": "I17U7q_thinkLeading",
-			"disclosureRow": "I17U7q_disclosureRow",
-			"disclosureTitle": "I17U7q_disclosureTitle"
+			"think": "ydEAna_think",
+			"thinkRow": "ydEAna_thinkRow",
+			"thinkSummary": "ydEAna_thinkSummary",
+			"disclosureLeading": "ydEAna_disclosureLeading",
+			"thinkSeparator": "ydEAna_thinkSeparator",
+			"root": "ydEAna_root",
+			"thinkLeading": "ydEAna_thinkLeading",
+			"dsh-smooth-stream-think-sweep": "ydEAna_dsh-smooth-stream-think-sweep",
+			"thinkTitle": "ydEAna_thinkTitle",
+			"disclosureTitle": "ydEAna_disclosureTitle",
+			"thinkChevron": "ydEAna_thinkChevron",
+			"disclosureContent": "ydEAna_disclosureContent",
+			"disclosureIconIdle": "ydEAna_disclosureIconIdle",
+			"thinkBody": "ydEAna_thinkBody",
+			"stopped": "ydEAna_stopped",
+			"disclosureRoot": "ydEAna_disclosureRoot",
+			"body": "ydEAna_body",
+			"disclosureChevronHover": "ydEAna_disclosureChevronHover",
+			"visuallyHidden": "ydEAna_visuallyHidden",
+			"follow": "ydEAna_follow",
+			"disclosureRow": "ydEAna_disclosureRow"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -78,10 +117,10 @@ window.__ModuleLoader__.load({
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: cx(TypewriterAssistantNodeView_module_css_default.disclosureLeading, leadingClassName),
-							children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: chevronClassName }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDown, { className: chevronClassName }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: TypewriterAssistantNodeView_module_css_default.disclosureIconIdle,
 								children: icon
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: cx(chevronClassName, TypewriterAssistantNodeView_module_css_default.disclosureChevronHover) })] })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDown, { className: cx(chevronClassName, TypewriterAssistantNodeView_module_css_default.disclosureChevronHover) })] })
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: cx(TypewriterAssistantNodeView_module_css_default.disclosureTitle, titleClassName),
@@ -126,6 +165,7 @@ window.__ModuleLoader__.load({
 		const DEFAULT_STREAM_SETTINGS = {
 			enabled: true,
 			controlScroll: true,
+			preset: "silky",
 			motionPreference: "auto",
 			thinkAutoExpand: true,
 			logarithmicFade: true,
@@ -197,6 +237,21 @@ window.__ModuleLoader__.load({
 		* the renderer and the chat-side panel: renderer loops publish measurements,
 		* while panel edits are staged through the settings-card controller.
 		*/
+		/**
+		* Allocation-free read of the newest stream metric. The follower polls this
+		* every frame to learn whether the producer has stopped while reveal work
+		* remains, and `getSnapshot()` would allocate a fresh state object per frame
+		* just to answer one boolean.
+		*/
+		function readNewestStreamMetric() {
+			let newest;
+			for (const candidate of streamMetrics.values()) if (newest === void 0 || candidate.updatedAt > newest.updatedAt) newest = candidate;
+			if (newest === void 0) return null;
+			return {
+				producerComplete: newest.producerComplete,
+				backlog: newest.backlog
+			};
+		}
 		const EMPTY_METRICS = {
 			fps: null,
 			frameMs: null,
@@ -214,6 +269,12 @@ window.__ModuleLoader__.load({
 			followRevealScale: 1,
 			followFollowing: false,
 			followConstrained: false,
+			followTerminalPhase: "live",
+			followRunwayPx: 0,
+			followTerminalBudgetPx: 0,
+			followBaselineShiftPx: 0,
+			followAnchorDeltaPx: null,
+			followRemainingRevealChars: 0,
 			scrollTop: null,
 			scrollHeight: null,
 			clientHeight: null,
@@ -274,6 +335,12 @@ window.__ModuleLoader__.load({
 				followRevealScale: follow?.revealScale ?? 1,
 				followFollowing: follow?.following ?? false,
 				followConstrained: follow?.constrained ?? false,
+				followTerminalPhase: follow?.terminalPhase ?? "live",
+				followRunwayPx: follow?.runwayPx ?? 0,
+				followTerminalBudgetPx: follow?.terminalBudgetPx ?? 0,
+				followBaselineShiftPx: follow?.baselineShiftPx ?? 0,
+				followAnchorDeltaPx: follow?.readingAnchorDeltaPx ?? null,
+				followRemainingRevealChars: follow?.remainingRevealChars ?? 0,
 				scrollTop: follow?.scrollTop ?? null,
 				scrollHeight: follow?.scrollHeight ?? null,
 				clientHeight: follow?.clientHeight ?? null,
@@ -436,6 +503,123 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region src/client/FrameCoordinator.ts
+		var FrameCoordinator = class FrameCoordinator {
+			static coordinators = /* @__PURE__ */ new WeakMap();
+			tasks = /* @__PURE__ */ new Map();
+			rafId = null;
+			lastTs = null;
+			/**
+			* Owed layout read. Starts false: a fresh coordinator has no unread writes,
+			* and starting dirty would keep the clock armed forever after the first
+			* frame. Consumers declare reads via {@link markLayoutDirty}.
+			*/
+			layoutDirty = false;
+			/** One id per consumer, so an unregister cannot evict a re-registered task. */
+			nextTaskId = 0;
+			doc;
+			constructor(doc) {
+				this.doc = doc;
+			}
+			static forDocument(doc = document) {
+				let coordinator = FrameCoordinator.coordinators.get(doc);
+				if (coordinator === void 0) {
+					coordinator = new FrameCoordinator(doc);
+					FrameCoordinator.coordinators.set(doc, coordinator);
+				}
+				return coordinator;
+			}
+			/**
+			* Mark that a DOM or geometry change requires a layout read next frame.
+			*/
+			markLayoutDirty() {
+				this.layoutDirty = true;
+				this.ensureLoop();
+			}
+			/**
+			* Declare that geometry written since the last frame must be re-read at the
+			* top of the next one, and keep the clock running for it.
+			*/
+			requestRead() {
+				this.markLayoutDirty();
+			}
+			/**
+			* Register or replace an animation/render task. Returns the task id to hand
+			* back to {@link unregisterTask}.
+			*/
+			registerTask(task) {
+				const id = task.id ?? `frame-task-${this.nextTaskId++}`;
+				this.tasks.set(id, {
+					...task,
+					id
+				});
+				this.ensureLoop();
+				return id;
+			}
+			/**
+			* Unregister a task when its stream completes or the element unmounts.
+			*/
+			unregisterTask(id) {
+				if (id === null || id === void 0) return;
+				this.tasks.delete(id);
+				if (this.tasks.size === 0 && !this.layoutDirty) this.stopLoop();
+			}
+			ensureLoop() {
+				if (this.rafId !== null) return;
+				const win = this.doc.defaultView ?? (typeof window !== "undefined" ? window : null);
+				if (win === null) return;
+				const tick = (now) => {
+					this.rafId = null;
+					if (this.lastTs === null) {
+						this.lastTs = now;
+						this.ensureLoop();
+						return;
+					}
+					const frameIntervalMs = Math.max(0, now - this.lastTs);
+					const dtMs = Math.max(1, Math.min(frameIntervalMs, 100));
+					this.lastTs = now;
+					if (this.layoutDirty) {
+						this.layoutDirty = false;
+						for (const task of this.tasks.values()) task.onRead?.(now);
+					}
+					let anyActive = false;
+					for (const task of this.tasks.values()) if (task.onSimulate?.(dtMs, now) === true) anyActive = true;
+					for (const task of this.tasks.values()) task.onWrite?.(now);
+					if ((anyActive || this.layoutDirty) && this.rafId === null) this.ensureLoop();
+					else if (!anyActive && !this.layoutDirty) this.lastTs = null;
+				};
+				this.rafId = win.requestAnimationFrame(tick);
+			}
+			stopLoop() {
+				if (this.rafId !== null) {
+					(this.doc.defaultView ?? (typeof window !== "undefined" ? window : null))?.cancelAnimationFrame(this.rafId);
+					this.rafId = null;
+				}
+				this.lastTs = null;
+			}
+			/**
+			* Whether this document currently owns a live, still-needed animation
+			* frame. A frame that is merely draining an owed read with no registered
+			* task left is not considered active work.
+			*/
+			get active() {
+				return this.rafId !== null && (this.tasks.size > 0 || this.layoutDirty);
+			}
+			/** Number of registered tasks; used by tests to pin the single-clock contract. */
+			get taskCount() {
+				return this.tasks.size;
+			}
+			/**
+			* Release every task, drop any owed read, and stop the clock. Used by tests
+			* for isolation; production consumers unregister their own task.
+			*/
+			shutdown() {
+				this.tasks.clear();
+				this.layoutDirty = false;
+				this.stopLoop();
+			}
+		};
+		//#endregion
 		//#region src/client/teleprompterGlide.ts
 		/**
 		* Conversation-port follow while an assistant reply streams.
@@ -674,7 +858,7 @@ window.__ModuleLoader__.load({
 			setDirectShift(element, px);
 		}
 		function turnStatusOf(port) {
-			return port.querySelector("[data-chat-turn-status], [data-chat-flow] > [role=\"status\"]");
+			return port.querySelector("[data-chat-turn-status], [data-chat-flow] > [role=\"status\"], [data-chat-flow] > [data-chat-running]");
 		}
 		const FOLLOW_FLOW_FILL_SYMBOL = Symbol.for("dsh-smooth-stream.follow-flow-fill");
 		const followFlowFillHost = globalThis;
@@ -687,6 +871,10 @@ window.__ModuleLoader__.load({
 		function flowElementOf(port) {
 			return port.querySelector("[data-chat-transcript]") ?? port.querySelector("[data-chat-flow]");
 		}
+		/** Keep completion padding on the stable flow wrapper across row replacement. */
+		function flowPadElementOf(port) {
+			return port.querySelector("[data-chat-flow]") ?? flowElementOf(port);
+		}
 		function ensureFlowFillsPort(port) {
 			const element = flowElementOf(port);
 			const owned = followFlowFills.get(port);
@@ -746,6 +934,8 @@ window.__ModuleLoader__.load({
 		followRunwayRegistry[FOLLOW_RUNWAYS_SYMBOL] = followRunways;
 		const followPaintLimits = /* @__PURE__ */ new WeakMap();
 		const followHadChrome = /* @__PURE__ */ new WeakSet();
+		/** A status row that existed during this turn makes its removal a host cascade. */
+		const followHadStatus = /* @__PURE__ */ new WeakSet();
 		/** Last painted shift per port, to spread a wrap's one-line step over frames. */
 		const followLastShiftPx = /* @__PURE__ */ new WeakMap();
 		/** Last settled floor per port, to size the shift decay bound against extent collapse. */
@@ -939,7 +1129,7 @@ window.__ModuleLoader__.load({
 			return false;
 		}
 		function setFlowPad(port, px) {
-			const flow = flowElementOf(port);
+			const flow = flowPadElementOf(port);
 			if (flow === null) return;
 			const existing = followSettlePads.get(port);
 			const original = existing?.original ?? flow.style.paddingBottom;
@@ -977,12 +1167,83 @@ window.__ModuleLoader__.load({
 			if (!traceActive()) return;
 			console.log(`[dsh-follow] ${event}`, JSON.stringify(detail));
 		}
+		/**
+		* Scroll length observed at the previous measured frame, per port. The
+		* completion handoff uses the delta to seed the growth credit from geometry the
+		* page actually committed, instead of assuming the full runway was earned.
+		*/
+		const followObservedContentHeight = /* @__PURE__ */ new WeakMap();
+		/** Growth this commit added, as last measured by `applyVisual`. */
+		function environmentCommitGrowthPx(port) {
+			const previous = followObservedContentHeight.get(port);
+			if (previous === void 0) return 0;
+			return Math.max(0, port.scrollHeight - previous);
+		}
 		function hostShOf(port) {
 			return port.scrollHeight;
 		}
+		/**
+		* Reveal characters the smoother still owes, read from the stream ledger the
+		* smoother publishes each frame. Only meaningful together with
+		* `producerComplete`: a non-zero backlog while the producer runs is ordinary
+		* streaming, the same backlog after it stops is the `terminal-drain` phase.
+		*/
+		let followRemainingRevealChars = 0;
+		function refreshTerminalRevealLedger() {
+			const stream = readNewestStreamMetric();
+			followRemainingRevealChars = stream?.backlog ?? 0;
+			return {
+				producerComplete: stream?.producerComplete ?? false,
+				drain: (stream?.producerComplete ?? false) && (stream?.backlog ?? 0) > 0
+			};
+		}
+		/**
+		* Screen-space reading-anchor delta for diagnostics only. Gated on the debug
+		* runtime so the production hot path pays nothing, and it reuses the shared
+		* `measureReadingAnchor` ledger, which already excludes the engine's own glide
+		* and only reports motion the follower did not author.
+		*/
+		function measureAnchorDeltaForTelemetry(port) {
+			if (!debugRuntime.isEnabled()) return null;
+			return measureReadingAnchor(port)?.delta ?? null;
+		}
 		function invalidatePaintLimit(port) {
 			followPaintLimits.delete(port);
 		}
+		/**
+		* Terminal-follow phase ledger. `terminal-drain` (producer stopped, reveal
+		* queue still owes text) and `host-cascade` (host is swapping status rows,
+		* collapsing Think, mounting the tail) demand opposite corrections: drain may
+		* only continue upward toward the natural floor, while a cascade may need
+		* temporary credit to hold the reading anchor. Keeping them in one readable
+		* field is what lets the settle path stop treating ordinary completion as a
+		* hostile host transaction.
+		*/
+		const followTerminalPhases = /* @__PURE__ */ new WeakMap();
+		/**
+		* Measured terminal budget per port: the owned bottom space this port is
+		* allowed to keep while the producer has stopped and reveal work is still
+		* draining. It is seeded from a real measurement (the owned offset plus the
+		* length the last commit actually added) and may only shrink afterwards — a
+		* budget that grows re-opens speculative blank space below the reply, which is
+		* exactly the "lift" the terminal phase exists to remove.
+		*/
+		const followTerminalBudgets = /* @__PURE__ */ new WeakMap();
+		/**
+		* COMPLETION GROWTH CREDIT. Pixels of floor growth the reader actually
+		* received in the completion window, which a shift rise may be funded from.
+		*
+		* This is a ledger rather than a per-frame clamp because growth and the
+		* matching shift rise do not have to land on the same frame: a completion whose
+		* final append covers several wraps commits its growth over two or three
+		* frames, and a clamp that only ever compared against the PREVIOUS frame's
+		* growth banked nothing across that gap. The uncovered remainder then had no
+		* legal way to rise, so it survived as a real offset and was released later by
+		* the pad retirement — the visible release-then-return this credit exists to
+		* prevent. Credit is still bounded by growth the reader actually got, so a
+		* rise can never manufacture motion that did not come from content.
+		*/
+		const followCompletionGrowthCredit = /* @__PURE__ */ new WeakMap();
 		/** Logical position and velocity survive a React owner handoff and finish. */
 		const followMotionStates = /* @__PURE__ */ new WeakMap();
 		const followReaderHolds = /* @__PURE__ */ new WeakMap();
@@ -1131,6 +1392,7 @@ window.__ModuleLoader__.load({
 			if (last === void 0) return 0;
 			const status = turnStatusOf(port);
 			const composer = port.querySelector("[data-composer-seat]");
+			if (status !== null) followHadStatus.add(port);
 			if (status !== null || composer !== null) followHadChrome.add(port);
 			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;
@@ -1205,6 +1467,35 @@ window.__ModuleLoader__.load({
 		function applyVisual(port, animatedH, reservePx, velocityPxPerSec = 0, runwayPx = 72, shiftCeilingPx = Number.POSITIVE_INFINITY, promoteAtRest = false, trajectoryShiftPx, dtMs = 16.7, writeScrollTop = true) {
 			const surfaces = shiftSurfacesOf(port);
 			ensureFlowFillsPort(port);
+			if (followTerminalPhases.get(port) === "terminal-drain" && turnStatusOf(port) === null && !followHadStatus.has(port)) {
+				restoreRunway(port);
+				setFlowPad(port, 0);
+				const contentHeight = Math.max(0, port.scrollHeight);
+				const floor = Math.max(0, contentHeight - port.clientHeight);
+				if (port.style.overflowAnchor !== "none") port.style.overflowAnchor = "none";
+				if (port.style.scrollBehavior !== "auto") port.style.scrollBehavior = "auto";
+				if (writeScrollTop) setFollowScrollTop(port, floor);
+				followRunwayOffsetHistory.set(port, 0);
+				followObservedContentHeight.set(port, contentHeight);
+				followLastFloorPx.set(port, floor);
+				followLastShiftPx.set(port, 0);
+				followMotionStates.set(port, {
+					capacityPx: Number.POSITIVE_INFINITY,
+					constrained: false,
+					extent: contentHeight,
+					lagPx: 0,
+					reservePx: 0,
+					velocityPxPerSec: 0,
+					terminalPhase: "terminal-drain",
+					runwayPx: 0,
+					baselineShiftPx: 0,
+					anchorDeltaPx: measureAnchorDeltaForTelemetry(port),
+					remainingRevealChars: followRemainingRevealChars
+				});
+				for (const surface of surfaces) setShift(surface, 0);
+				FrameCoordinator.forDocument().markLayoutDirty();
+				return contentHeight;
+			}
 			{
 				const preFloor = Math.max(0, port.scrollHeight - port.clientHeight);
 				const lastFloorSeen = followFloorHistory.get(port);
@@ -1216,7 +1507,7 @@ window.__ModuleLoader__.load({
 				}
 				if (preFloor !== lastFloorSeen) followFloorHistory.set(port, preFloor);
 			}
-			ensureRunway(port, surfaces, reservePx);
+			ensureRunway(port, surfaces, followTerminalPhases.has(port) ? Math.max(Math.min(72, followTerminalBudgets.get(port) ?? 72), reservePx) : 72);
 			const contentHeight2 = Math.max(0, port.scrollHeight);
 			const runwayOffset2 = runwayOffsetOf(port);
 			const prevOffset2 = followRunwayOffsetHistory.get(port);
@@ -1224,6 +1515,7 @@ window.__ModuleLoader__.load({
 			followRunwayOffsetHistory.set(port, runwayOffset2);
 			const contentHeight = contentHeight2;
 			const runwayOffset = runwayOffset2;
+			followObservedContentHeight.set(port, contentHeight2);
 			const targetHeight = Math.max(0, contentHeight - runwayOffset);
 			const floor = Math.max(0, contentHeight - port.clientHeight);
 			const extent = Math.min(targetHeight, Math.max(0, animatedH));
@@ -1262,7 +1554,15 @@ window.__ModuleLoader__.load({
 			if (previousShift !== void 0 && shift < previousShift - maxDecayPx) shift = previousShift - maxDecayPx;
 			if (followCompletionSettle.has(port) && previousShift !== void 0 && previousFloor !== void 0) {
 				const confirmedGrowthPx = Math.max(0, floor - previousFloor);
-				if (shift > previousShift + confirmedGrowthPx) shift = previousShift + confirmedGrowthPx;
+				let credit = (followCompletionGrowthCredit.get(port) ?? 0) + confirmedGrowthPx;
+				if (shift > previousShift) {
+					const rise = shift - previousShift;
+					const spend = Math.min(Math.min(rise, 24), credit);
+					const unfunded = rise - spend;
+					if (unfunded > 0) shift -= unfunded;
+					credit -= spend;
+				}
+				followCompletionGrowthCredit.set(port, credit);
 			}
 			followLastShiftPx.set(port, shift);
 			const requestedShift = trajectoryShiftPx ?? baselineShift + requestedLag;
@@ -1277,11 +1577,17 @@ window.__ModuleLoader__.load({
 				extent: effectiveExtent,
 				lagPx: effectiveLag,
 				reservePx: visibleReserve,
-				velocityPxPerSec
+				velocityPxPerSec,
+				terminalPhase: followTerminalPhases.get(port) ?? "live",
+				runwayPx: runwayOffset,
+				baselineShiftPx: baselineShift,
+				anchorDeltaPx: followTerminalPhases.has(port) ? measureAnchorDeltaForTelemetry(port) : null,
+				remainingRevealChars: followRemainingRevealChars
 			});
 			for (const surface of surfaces) setShift(surface, shift);
 			const status = turnStatusOf(port);
 			if (status !== null) setShift(status, 0);
+			FrameCoordinator.forDocument().markLayoutDirty();
 			return effectiveExtent;
 		}
 		function clearMotion(port) {
@@ -1307,8 +1613,10 @@ window.__ModuleLoader__.load({
 			element.style.clipPath = "";
 		}
 		/** Remove equal offsets, land on the floor, then retire the compositor quietly. */
-		function finishAtNaturalFloor(port, retainCompositor = true, writeScrollTop = true) {
+		function finishAtNaturalFloor(port, retainCompositor = true, writeScrollTop = true, deferCompositor = false) {
 			followCompletionSettle.delete(port);
+			followTerminalPhases.set(port, "natural");
+			followCompletionGrowthCredit.delete(port);
 			followTraceUntilMs = Math.max(followTraceUntilMs, performance.now() + 1e4);
 			followTrace("finish-enter", {
 				sh: hostShOf(port),
@@ -1331,6 +1639,10 @@ window.__ModuleLoader__.load({
 			port.removeAttribute(FOLLOW_OWNED_ATTR);
 			port.style.overflowAnchor = "";
 			port.style.scrollBehavior = "";
+			if (deferCompositor) {
+				followMotionStates.delete(port);
+				return;
+			}
 			for (const surface of surfaces) if (promotedSet.has(surface)) holdCompositorAtRest(surface);
 			else setShift(surface, 0);
 			if (status !== null) {
@@ -1384,13 +1696,20 @@ window.__ModuleLoader__.load({
 				const startedAsEntrance = entrance;
 				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;
+				/**
+				* Scroll length the most recent observed commit actually added. This is the
+				* honest measure of how much room the still-draining text needs, and it is
+				* what seeds the terminal budget in place of the fixed 72px streaming
+				* runway.
+				*/
+				let lastCommitGrowthPx = 0;
+				let lastObservedContentHeight = 0;
 				let interacting = false;
 				let readerGestureIntent = false;
 				let readerReleased = false;
@@ -1414,7 +1733,28 @@ window.__ModuleLoader__.load({
 				const revealPhase = new FollowRevealPhaseTracker();
 				let holding = null;
 				let entrancePending = entranceRef.current;
+				/**
+				* Tall-row entrance clamp. A surface shift can only mask lag up to the
+				* real gap to status/composer chrome; a row that commits more than that
+				* (an Edit call with its diff, a wide tool card) repaints the remainder
+				* as an instant upward step — and the 0.2.x host's order-length tail
+				* snap pins scrollTop to the new floor in the same task, so no
+				* scroll-domain lag can be carried either. Reveal the excess through the
+				* wrapper's REAL height instead: clamp it to 0 at prime and raise it at
+				* the spring cadence, so the floor grows gradually and every bottom
+				* writer (this engine and the host snap alike) glides the row in.
+				*/
+				let entranceClamp = null;
+				const releaseEntranceClamp = () => {
+					if (entranceClamp === null) return;
+					const clamp = entranceClamp;
+					entranceClamp = null;
+					clamp.element.style.maxHeight = clamp.maxHeight;
+					clamp.element.style.overflow = clamp.overflow;
+				};
+				const entranceClampLagPx = () => entranceClamp === null ? 0 : Math.max(0, entranceClamp.extent - entranceClamp.revealedPx);
 				const finishEntrance = () => {
+					releaseEntranceClamp();
 					if (!entrancePending) return;
 					entrancePending = false;
 					onEntranceSettledRef.current?.();
@@ -1437,6 +1777,8 @@ window.__ModuleLoader__.load({
 				};
 				const reportFollow = (next, isActive) => {
 					const state = followMotionStates.get(next);
+					const phase = followTerminalPhases.get(next) ?? (isActive ? "live" : "natural");
+					const runwayPx = state?.runwayPx ?? runwayOffsetOf(next);
 					debugRuntime.reportFollow(next, {
 						lagPx: state ? state.lagPx : -1,
 						velocityPxPerSec: state?.velocityPxPerSec ?? 0,
@@ -1448,7 +1790,13 @@ window.__ModuleLoader__.load({
 						scrollTop: next.scrollTop,
 						scrollHeight: next.scrollHeight,
 						clientHeight: next.clientHeight,
-						active: isActive
+						active: isActive,
+						terminalPhase: phase,
+						runwayPx,
+						terminalBudgetPx: followTerminalBudgets.get(next) ?? runwayPx,
+						baselineShiftPx: state?.baselineShiftPx ?? Math.max(0, runwayPx - (state?.reservePx ?? 0)),
+						readingAnchorDeltaPx: state?.anchorDeltaPx ?? null,
+						remainingRevealChars: followRemainingRevealChars
 					});
 				};
 				const isLeader = (next) => followLeaders.get(next)?.owner === owner;
@@ -1681,23 +2029,29 @@ window.__ModuleLoader__.load({
 					observedTail = tail;
 					if (tail !== null) resize.observe(tail);
 				};
+				const coordinator = FrameCoordinator.forDocument();
+				const frameTaskRef = { id: null };
+				const stopFollowTask = () => {
+					if (frameTaskRef.id === null) return;
+					coordinator.unregisterTask(frameTaskRef.id);
+					frameTaskRef.id = 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;
+					if (root === null) return activeRef.current;
 					const nextPort = root.closest("[data-conversation-scroll]");
-					if (nextPort === null) return;
+					if (nextPort === null) return activeRef.current;
 					bindPort(nextPort);
 					observeTailSurface();
 					resetHostScrollOwnershipForNewTurn(nextPort);
 					hostOwnsScroll = followHostScrollPorts.has(nextPort);
 					if (activeRef.current) followActivePorts.add(nextPort);
 					else followActivePorts.delete(nextPort);
-					if (nextPort.clientHeight <= 0) return;
+					if (nextPort.clientHeight <= 0) return true;
 					const floor = Math.max(0, nextPort.scrollHeight - nextPort.clientHeight);
 					const reportedLag = floor - nextPort.scrollTop;
 					const extent = Math.min(nextPort.scrollHeight, Math.max(0, nextPort.scrollHeight - reportedLag));
@@ -1705,14 +2059,37 @@ window.__ModuleLoader__.load({
 						if (completionSettleGuardsPort(nextPort)) {
 							primed = true;
 							following = false;
-							return;
+							return activeRef.current;
+						}
+						if (activeRef.current) {
+							followTerminalPhases.delete(nextPort);
+							followTerminalBudgets.delete(nextPort);
+							followCompletionGrowthCredit.delete(nextPort);
+							followHadStatus.delete(nextPort);
 						}
 						const inherited = nextPort.hasAttribute(FOLLOW_OWNED_ATTR) ? followMotionStates.get(nextPort) : void 0;
 						if (inherited === void 0) {
 							const entranceExtent = entrancePending ? entranceExtentRef?.current ?? entranceExtentOf(root) : 0;
 							const predictGrowth = predictiveRef?.current ?? predictive;
 							animatedH = entrancePending ? Math.max(0, nextPort.scrollHeight - entranceExtent) : nextPort.scrollHeight;
+							if (entrancePending && entranceExtent > safeShiftLimit(nextPort, shiftSurfacesOf(nextPort)) + .25) {
+								const fullPx = root.offsetHeight;
+								if (fullPx > 0) {
+									const basePx = Math.max(0, fullPx - entranceExtent);
+									entranceClamp = {
+										element: root,
+										extent: entranceExtent,
+										basePx,
+										revealedPx: 0,
+										maxHeight: root.style.maxHeight,
+										overflow: root.style.overflow
+									};
+									root.style.overflow = "hidden";
+									root.style.maxHeight = `${basePx}px`;
+								}
+							}
 							const hasStatus = turnStatusOf(nextPort) !== null;
+							if (hasStatus) followHadStatus.add(nextPort);
 							reservePx = Math.max(ownedBottomSpaceOf(nextPort), predictGrowth && (hasStatus || speedCpsRef.current > 90) ? computeFollowReserve(speedCpsRef.current, tuning.runwayPx) : 0);
 							if (!completionSettleGuardsPort(nextPort)) setFlowPad(nextPort, 0);
 							statusWasPresent = hasStatus;
@@ -1747,11 +2124,11 @@ window.__ModuleLoader__.load({
 								updateRevealScale(nextPort, elapsedMs);
 								reportFollow(nextPort, activeRef.current);
 								const runwayOffset = runwayOffsetOf(nextPort);
-								if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffset) <= .25) finishEntrance();
+								if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffset) + entranceClampLagPx() <= .25) finishEntrance();
 							} else finishEntrance();
 						} else finishEntrance();
 						primed = true;
-						return;
+						return activeRef.current;
 					}
 					if (!following && (!interacting || readerReleased && !readerGestureIntent && reportedLag <= 1) && reportedLag <= (readerReleased ? 1 : 25)) {
 						following = true;
@@ -1777,22 +2154,23 @@ window.__ModuleLoader__.load({
 					if (!activeRef.current || !following) {
 						followScrollLedgers.set(nextPort, nextPort.scrollTop);
 						reportFollow(nextPort, activeRef.current);
-						return;
+						return activeRef.current;
 					}
 					detectHostScroll(nextPort, floor);
 					if (hostOwnsScroll) {
 						followScrollLedgers.set(nextPort, nextPort.scrollTop);
 						reportFollow(nextPort, false);
-						return;
+						return false;
 					}
 					hold(nextPort);
 					if (!isLeader(nextPort)) {
 						finishEntrance();
-						return;
+						return true;
 					}
 					const predictGrowth = predictiveRef?.current ?? predictive;
 					const statusElement = turnStatusOf(nextPort);
 					const hasStatus = statusElement !== null;
+					if (hasStatus) followHadStatus.add(nextPort);
 					if (statusElement !== null) lastStatusHeightPx = statusElement.offsetHeight;
 					const statusJustRemoved = predictGrowth && statusWasPresent === true && !hasStatus;
 					if (statusJustRemoved) reservePx = Math.max(reservePx, tuning.runwayPx) + lastStatusHeightPx;
@@ -1802,10 +2180,25 @@ window.__ModuleLoader__.load({
 					const effectiveReserveTarget = Math.max(reservePx, pressureReserveTarget);
 					const reserveStep = 1 - Math.exp(-elapsedMs / tuning.reserveResponseMs);
 					reservePx += (effectiveReserveTarget - reservePx) * reserveStep;
-					if (predictGrowth || runwayOffsetOf(nextPort) > .5) ensureRunway(nextPort, shiftSurfacesOf(nextPort), reservePx);
+					if (refreshTerminalRevealLedger().drain) {
+						if (!followTerminalPhases.has(nextPort)) {
+							const seeded = Math.min(72, Math.max(runwayOffsetOf(nextPort), 0) + Math.max(0, lastCommitGrowthPx));
+							followTerminalPhases.set(nextPort, "terminal-drain");
+							followTerminalBudgets.set(nextPort, seeded);
+							followTrace("terminal-drain", {
+								budget: Math.round(seeded),
+								reserve: Math.round(reservePx),
+								backlog: followRemainingRevealChars
+							});
+						}
+					}
+					const terminalBudget = followTerminalPhases.has(nextPort) ? Math.max(Math.min(followTerminalBudgets.get(nextPort) ?? 72, 72), reservePx) : 72;
+					if (predictGrowth || runwayOffsetOf(nextPort) > .5) ensureRunway(nextPort, shiftSurfacesOf(nextPort), terminalBudget);
 					const runwayOffset = runwayOffsetOf(nextPort);
 					const contentHeight = nextPort.scrollHeight;
 					const floorNow = Math.max(0, contentHeight - nextPort.clientHeight);
+					lastCommitGrowthPx = lastObservedContentHeight > 0 ? Math.max(0, contentHeight - lastObservedContentHeight) : 0;
+					lastObservedContentHeight = contentHeight;
 					const trajectoryActive = predictive && root.querySelector("[data-variant=\"think\"]") === null && runwayOffset > 0;
 					let trajectoryShift;
 					if (trajectoryActive) {
@@ -1863,18 +2256,38 @@ window.__ModuleLoader__.load({
 							trajectoryPositionPx = null;
 							trajectoryWasActive = false;
 						}
-						const lag = Math.max(0, contentHeight - animatedH - runwayOffset);
-						const step = computeFollowStep(dt, {
-							lag,
-							speedEma: speedCpsRef.current,
-							velocityPxPerSec
-						}, tuning);
-						if (lag <= .1) {
+						if (entranceClamp !== null) {
+							const clamp = entranceClamp;
+							const remainingPx = Math.max(0, clamp.extent - clamp.revealedPx);
+							const clampStep = computeFollowStep(dt, {
+								lag: remainingPx,
+								speedEma: speedCpsRef.current,
+								velocityPxPerSec
+							}, tuning);
+							if (remainingPx <= .1) {
+								clamp.revealedPx = clamp.extent;
+								clamp.element.style.maxHeight = `${clamp.basePx + clamp.extent}px`;
+								velocityPxPerSec = 0;
+							} else {
+								clamp.revealedPx = Math.min(clamp.extent, clamp.revealedPx + clampStep.advancePx);
+								clamp.element.style.maxHeight = `${clamp.basePx + clamp.revealedPx}px`;
+								velocityPxPerSec = clampStep.velocityPxPerSec;
+							}
 							animatedH = contentHeight - runwayOffset;
-							velocityPxPerSec = 0;
 						} else {
-							animatedH = Math.min(contentHeight - runwayOffset, animatedH + step.advancePx);
-							velocityPxPerSec = step.velocityPxPerSec;
+							const lag = Math.max(0, contentHeight - animatedH - runwayOffset);
+							const step = computeFollowStep(dt, {
+								lag,
+								speedEma: speedCpsRef.current,
+								velocityPxPerSec
+							}, tuning);
+							if (lag <= .1) {
+								animatedH = contentHeight - runwayOffset;
+								velocityPxPerSec = 0;
+							} else {
+								animatedH = Math.min(contentHeight - runwayOffset, animatedH + step.advancePx);
+								velocityPxPerSec = step.velocityPxPerSec;
+							}
 						}
 					}
 					animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx, Number.POSITIVE_INFINITY, !predictGrowth, trajectoryShift, elapsedMs, !hostOwnsScroll);
@@ -1885,12 +2298,15 @@ window.__ModuleLoader__.load({
 						if (!activeRef.current) enforceReadingAnchor(nextPort);
 						else measureReadingAnchor(nextPort);
 					}
-					if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffsetOf(nextPort)) <= .25) finishEntrance();
+					if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffsetOf(nextPort)) + entranceClampLagPx() <= .25) finishEntrance();
+					return true;
 				};
+				frameTaskRef.id = coordinator.registerTask({ onSimulate: (_dtMs, now) => frame(now) });
 				frame(performance.now());
 				return () => {
+					releaseEntranceClamp();
 					if (!controlScrollRef.current) {
-						cancelAnimationFrame(rafId);
+						stopFollowTask();
 						if (port !== null) followActivePorts.delete(port);
 						unsubscribeCommit?.();
 						resize?.disconnect();
@@ -1906,7 +2322,7 @@ window.__ModuleLoader__.load({
 						releaseRevealScale();
 						return;
 					}
-					cancelAnimationFrame(rafId);
+					stopFollowTask();
 					if (port !== null) followActivePorts.delete(port);
 					unsubscribeCommit?.();
 					if (interactTimer !== null) clearTimeout(interactTimer);
@@ -1944,6 +2360,18 @@ window.__ModuleLoader__.load({
 							st: Math.round(host.scrollTop),
 							pad: Math.round(flowPadOf(host))
 						});
+						const stableTail = turnStatusOf(host) === null && followTerminalPhases.get(host) !== "host-cascade" && !followHadStatus.has(host);
+						const ownedRunway = runwayOffsetOf(host);
+						if (stableTail && (ownedRunway > .25 || flowPadOf(host) > .25)) {
+							restoreRunway(host);
+							setFlowPad(host, 0);
+							finishAtNaturalFloor(host, !startedAsEntrance, true);
+							followLeaders.delete(host);
+							followCompletionSettle.delete(host);
+							releaseRevealScale();
+							debugRuntime.reportFollow(host, null);
+							return;
+						}
 						restoreRunway(host);
 						setFlowPad(host, 0);
 						finishAtNaturalFloor(host, !startedAsEntrance, true);
@@ -1965,6 +2393,9 @@ window.__ModuleLoader__.load({
 						return;
 					}
 					followTraceUntilMs = performance.now() + 15e3;
+					followTerminalPhases.set(host, statusWasPresent === true || turnStatusOf(host) !== null || followHadStatus.has(host) ? "host-cascade" : "terminal-drain");
+					if (!followTerminalBudgets.has(host)) followTerminalBudgets.set(host, Math.min(72, Math.max(0, reservePx)));
+					followCompletionGrowthCredit.set(host, Math.max(0, environmentCommitGrowthPx(host)));
 					if (pruneDeadRunway(host)) {
 						followTrace("cleanup-dead-margin", {
 							sh: host.scrollHeight,
@@ -1991,7 +2422,14 @@ window.__ModuleLoader__.load({
 						return;
 					}
 					for (const name of GESTURE_EVENTS) host.addEventListener(name, markGesture, { passive: true });
+					const settleTaskRef = { id: null };
+					const stopSettleTask = () => {
+						if (settleTaskRef.id === null) return;
+						coordinator.unregisterTask(settleTaskRef.id);
+						settleTaskRef.id = null;
+					};
 					const stopSettleListeners = () => {
+						stopSettleTask();
 						for (const name of GESTURE_EVENTS) host.removeEventListener(name, markGesture);
 						resize?.disconnect();
 						mutations?.disconnect();
@@ -2025,7 +2463,7 @@ window.__ModuleLoader__.load({
 					const settleFrame = (now) => {
 						if (!isLeader(host)) {
 							stopSettleListeners();
-							return;
+							return false;
 						}
 						if (interacting && (readerGestureIntent || readerScrolledUp(host))) {
 							readerGestureIntent = false;
@@ -2036,7 +2474,7 @@ window.__ModuleLoader__.load({
 							releaseRevealScale();
 							debugRuntime.reportFollow(host, null);
 							stopSettleListeners();
-							return;
+							return false;
 						}
 						const dt = Math.min(32, Math.max(0, now - settleLast));
 						const tuning = debugRuntime.activeTuning();
@@ -2051,17 +2489,22 @@ window.__ModuleLoader__.load({
 							releaseRevealScale();
 							debugRuntime.reportFollow(host, null);
 							stopSettleListeners();
-							return;
+							return false;
 						}
 						const guardDelta = !settleRetiring && !followActivePorts.has(host) ? enforceReadingAnchor(host, true) : null;
 						settleQuietMs = !settleRetiring && (guardDelta === null || Math.abs(guardDelta) <= .5) ? settleQuietMs + dt : 0;
+						if (followTerminalPhases.get(host) !== "host-cascade") followTerminalPhases.set(host, turnStatusOf(host) === null ? "terminal-drain" : "host-cascade");
 						const settleStatus = turnStatusOf(host);
 						const ownedRunwayPx = runwayOffsetOf(host);
 						if (ownedRunwayPx > .25) {
+							const terminalDrain = followTerminalPhases.get(host) === "terminal-drain";
+							const earnedBudgetPx = Math.min(72, Math.max(followTerminalBudgets.get(host) ?? 72, reservePx));
 							const requestedTransferPx = settleStatus === null ? ownedRunwayPx : Math.min(reservePx, (tuning.runwayPx || 72) / FOLLOW_RUNWAY_RETIRE_MS * dt);
-							const transferredPx = transferRunwayToFlowPad(host, requestedTransferPx);
+							const cappedTransferPx = terminalDrain ? Math.min(requestedTransferPx, Math.max(0, ownedRunwayPx - earnedBudgetPx)) : requestedTransferPx;
+							const transferredPx = transferRunwayToFlowPad(host, cappedTransferPx);
 							if (transferredPx > 0) setFlowPad(host, Math.max(0, flowPadOf(host) - transferredPx));
 							reservePx = Math.max(0, reservePx - transferredPx);
+							followTerminalBudgets.set(host, Math.max(reservePx, Math.min(earnedBudgetPx, runwayOffsetOf(host))));
 							animatedH += transferredPx;
 						}
 						const runwayOffset = runwayOffsetOf(host);
@@ -2095,7 +2538,7 @@ window.__ModuleLoader__.load({
 							releaseRevealScale();
 							debugRuntime.reportFollow(host, null);
 							stopSettleListeners();
-							return;
+							return false;
 						}
 						const step = computeFollowStep(dt, {
 							lag,
@@ -2121,9 +2564,9 @@ window.__ModuleLoader__.load({
 							}
 						}
 						reportFollow(host, false);
-						requestAnimationFrame(settleFrame);
+						return true;
 					};
-					requestAnimationFrame(settleFrame);
+					settleTaskRef.id = coordinator.registerTask({ onSimulate: (_dtMs, now) => settleFrame(now) });
 				};
 			}, [
 				active,
@@ -2434,7 +2877,8 @@ window.__ModuleLoader__.load({
 						speedCps: revealSpeedCps,
 						targetChars: targetCount,
 						displayedChars: displayedCount,
-						active: !producerComplete
+						active: !producerComplete || backlog > 0,
+						producerComplete
 					});
 					if (holdBackRef.current?.() === true) {
 						rafRef.current = requestAnimationFrame(tick);
@@ -2550,14 +2994,12 @@ window.__ModuleLoader__.load({
 			const elementRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
 				if (!active) return;
-				let rafId = 0;
 				let lastDebugReport = 0;
 				const frame = (now) => {
-					rafId = requestAnimationFrame(frame);
 					const fps = fpsRef.current;
 					if (fps.lastMs === 0) {
 						fps.lastMs = now;
-						return;
+						return true;
 					}
 					const delta = Math.min(MAX_FRAME_MS, Math.max(1, now - fps.lastMs));
 					fps.lastMs = now;
@@ -2574,10 +3016,12 @@ window.__ModuleLoader__.load({
 						debugRuntime.reportFps(currentFps, fps.emaMs, fps.degraded);
 						lastDebugReport = now;
 					}
+					return true;
 				};
-				rafId = requestAnimationFrame(frame);
+				const coordinator = FrameCoordinator.forDocument();
+				const taskId = coordinator.registerTask({ onSimulate: (_dtMs, now) => frame(now) });
 				return () => {
-					cancelAnimationFrame(rafId);
+					coordinator.unregisterTask(taskId);
 					fpsRef.current = {
 						emaMs: 0,
 						lastMs: 0,
@@ -2607,8 +3051,8 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/LogarithmicFade.module.css.mjs
-		const css$3 = ".g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-0),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-0){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 0.0%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-1),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-1){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 3.22581%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-2),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-2){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 6.45161%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-3),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-3){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 9.67742%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-4),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-4){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 12.9032%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-5),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-5){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 16.129%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-6),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-6){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 19.3548%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-7),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-7){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 22.5807%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-8),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-8){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 25.8065%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-9),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-9){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 29.0323%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-10),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-10){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 32.2581%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-11),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-11){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 35.4839%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-12),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-12){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 38.7097%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-13),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-13){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 41.9355%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-14),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-14){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 45.1613%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-15),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-15){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 48.3871%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-16),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-16){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 51.6129%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-17),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-17){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 54.8387%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-18),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-18){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 58.0645%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-19),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-19){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 61.2903%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-20),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-20){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 64.5161%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-21),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-21){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 67.7419%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-22),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-22){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 70.9677%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-23),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-23){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 74.1936%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-24),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-24){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 77.4194%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-25),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-25){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 80.6452%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-26),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-26){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 83.871%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-27),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-27){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 87.0968%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-28),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-28){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 90.3226%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-29),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-29){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 93.5484%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-30),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-30){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 96.7742%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-31),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-31){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 100.0%, transparent)}";
+		//#region \0dsh-css:/Users/dzlin/.codex/worktrees/pr-39-review/dsh-smooth-stream/src/client/LogarithmicFade.module.css.mjs
+		const css$3 = ".Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-0),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-0){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 0.0%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-1),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-1){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 3.22581%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-2),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-2){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 6.45161%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-3),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-3){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 9.67742%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-4),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-4){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 12.9032%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-5),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-5){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 16.129%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-6),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-6){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 19.3548%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-7),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-7){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 22.5807%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-8),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-8){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 25.8065%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-9),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-9){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 29.0323%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-10),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-10){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 32.2581%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-11),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-11){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 35.4839%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-12),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-12){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 38.7097%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-13),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-13){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 41.9355%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-14),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-14){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 45.1613%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-15),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-15){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 48.3871%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-16),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-16){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 51.6129%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-17),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-17){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 54.8387%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-18),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-18){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 58.0645%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-19),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-19){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 61.2903%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-20),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-20){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 64.5161%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-21),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-21){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 67.7419%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-22),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-22){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 70.9677%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-23),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-23){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 74.1936%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-24),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-24){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 77.4194%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-25),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-25){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 80.6452%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-26),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-26){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 83.871%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-27),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-27){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 87.0968%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-28),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-28){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 90.3226%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-29),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-29){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 93.5484%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-30),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-30){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 96.7742%, transparent)}.Sv_6BW_scope::highlight(Sv_6BW_dsh-smooth-stream-log-fade-31),.Sv_6BW_scope ::highlight(Sv_6BW_dsh-smooth-stream-log-fade-31){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 100.0%, transparent)}";
 		const tagId$3 = "dsh-smooth-stream/LogarithmicFade.module.css";
 		if (typeof document !== "undefined") {
 			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]");
@@ -2621,45 +3065,59 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$3;
 		}
 		var LogarithmicFade_module_css_default = {
-			"dsh-smooth-stream-log-fade-0": "g268Pa_dsh-smooth-stream-log-fade-0",
-			"dsh-smooth-stream-log-fade-30": "g268Pa_dsh-smooth-stream-log-fade-30",
-			"dsh-smooth-stream-log-fade-4": "g268Pa_dsh-smooth-stream-log-fade-4",
-			"dsh-smooth-stream-log-fade-31": "g268Pa_dsh-smooth-stream-log-fade-31",
-			"dsh-smooth-stream-log-fade-9": "g268Pa_dsh-smooth-stream-log-fade-9",
-			"dsh-smooth-stream-log-fade-17": "g268Pa_dsh-smooth-stream-log-fade-17",
-			"dsh-smooth-stream-log-fade-18": "g268Pa_dsh-smooth-stream-log-fade-18",
-			"dsh-smooth-stream-log-fade-19": "g268Pa_dsh-smooth-stream-log-fade-19",
-			"dsh-smooth-stream-log-fade-21": "g268Pa_dsh-smooth-stream-log-fade-21",
-			"dsh-smooth-stream-log-fade-12": "g268Pa_dsh-smooth-stream-log-fade-12",
-			"dsh-smooth-stream-log-fade-8": "g268Pa_dsh-smooth-stream-log-fade-8",
-			"dsh-smooth-stream-log-fade-22": "g268Pa_dsh-smooth-stream-log-fade-22",
-			"dsh-smooth-stream-log-fade-29": "g268Pa_dsh-smooth-stream-log-fade-29",
-			"dsh-smooth-stream-log-fade-1": "g268Pa_dsh-smooth-stream-log-fade-1",
-			"dsh-smooth-stream-log-fade-25": "g268Pa_dsh-smooth-stream-log-fade-25",
-			"dsh-smooth-stream-log-fade-23": "g268Pa_dsh-smooth-stream-log-fade-23",
-			"dsh-smooth-stream-log-fade-26": "g268Pa_dsh-smooth-stream-log-fade-26",
-			"dsh-smooth-stream-log-fade-28": "g268Pa_dsh-smooth-stream-log-fade-28",
-			"dsh-smooth-stream-log-fade-6": "g268Pa_dsh-smooth-stream-log-fade-6",
-			"dsh-smooth-stream-log-fade-20": "g268Pa_dsh-smooth-stream-log-fade-20",
-			"dsh-smooth-stream-log-fade-10": "g268Pa_dsh-smooth-stream-log-fade-10",
-			"dsh-smooth-stream-log-fade-14": "g268Pa_dsh-smooth-stream-log-fade-14",
-			"dsh-smooth-stream-log-fade-24": "g268Pa_dsh-smooth-stream-log-fade-24",
-			"dsh-smooth-stream-log-fade-2": "g268Pa_dsh-smooth-stream-log-fade-2",
-			"dsh-smooth-stream-log-fade-13": "g268Pa_dsh-smooth-stream-log-fade-13",
-			"dsh-smooth-stream-log-fade-16": "g268Pa_dsh-smooth-stream-log-fade-16",
-			"dsh-smooth-stream-log-fade-5": "g268Pa_dsh-smooth-stream-log-fade-5",
-			"dsh-smooth-stream-log-fade-27": "g268Pa_dsh-smooth-stream-log-fade-27",
-			"scope": "g268Pa_scope",
-			"dsh-smooth-stream-log-fade-7": "g268Pa_dsh-smooth-stream-log-fade-7",
-			"dsh-smooth-stream-log-fade-15": "g268Pa_dsh-smooth-stream-log-fade-15",
-			"dsh-smooth-stream-log-fade-3": "g268Pa_dsh-smooth-stream-log-fade-3",
-			"dsh-smooth-stream-log-fade-11": "g268Pa_dsh-smooth-stream-log-fade-11"
+			"dsh-smooth-stream-log-fade-30": "Sv_6BW_dsh-smooth-stream-log-fade-30",
+			"dsh-smooth-stream-log-fade-26": "Sv_6BW_dsh-smooth-stream-log-fade-26",
+			"dsh-smooth-stream-log-fade-3": "Sv_6BW_dsh-smooth-stream-log-fade-3",
+			"dsh-smooth-stream-log-fade-14": "Sv_6BW_dsh-smooth-stream-log-fade-14",
+			"dsh-smooth-stream-log-fade-28": "Sv_6BW_dsh-smooth-stream-log-fade-28",
+			"dsh-smooth-stream-log-fade-6": "Sv_6BW_dsh-smooth-stream-log-fade-6",
+			"dsh-smooth-stream-log-fade-7": "Sv_6BW_dsh-smooth-stream-log-fade-7",
+			"dsh-smooth-stream-log-fade-24": "Sv_6BW_dsh-smooth-stream-log-fade-24",
+			"dsh-smooth-stream-log-fade-12": "Sv_6BW_dsh-smooth-stream-log-fade-12",
+			"dsh-smooth-stream-log-fade-16": "Sv_6BW_dsh-smooth-stream-log-fade-16",
+			"scope": "Sv_6BW_scope",
+			"dsh-smooth-stream-log-fade-0": "Sv_6BW_dsh-smooth-stream-log-fade-0",
+			"dsh-smooth-stream-log-fade-8": "Sv_6BW_dsh-smooth-stream-log-fade-8",
+			"dsh-smooth-stream-log-fade-10": "Sv_6BW_dsh-smooth-stream-log-fade-10",
+			"dsh-smooth-stream-log-fade-5": "Sv_6BW_dsh-smooth-stream-log-fade-5",
+			"dsh-smooth-stream-log-fade-11": "Sv_6BW_dsh-smooth-stream-log-fade-11",
+			"dsh-smooth-stream-log-fade-1": "Sv_6BW_dsh-smooth-stream-log-fade-1",
+			"dsh-smooth-stream-log-fade-9": "Sv_6BW_dsh-smooth-stream-log-fade-9",
+			"dsh-smooth-stream-log-fade-21": "Sv_6BW_dsh-smooth-stream-log-fade-21",
+			"dsh-smooth-stream-log-fade-31": "Sv_6BW_dsh-smooth-stream-log-fade-31",
+			"dsh-smooth-stream-log-fade-20": "Sv_6BW_dsh-smooth-stream-log-fade-20",
+			"dsh-smooth-stream-log-fade-15": "Sv_6BW_dsh-smooth-stream-log-fade-15",
+			"dsh-smooth-stream-log-fade-25": "Sv_6BW_dsh-smooth-stream-log-fade-25",
+			"dsh-smooth-stream-log-fade-18": "Sv_6BW_dsh-smooth-stream-log-fade-18",
+			"dsh-smooth-stream-log-fade-4": "Sv_6BW_dsh-smooth-stream-log-fade-4",
+			"dsh-smooth-stream-log-fade-23": "Sv_6BW_dsh-smooth-stream-log-fade-23",
+			"dsh-smooth-stream-log-fade-27": "Sv_6BW_dsh-smooth-stream-log-fade-27",
+			"dsh-smooth-stream-log-fade-13": "Sv_6BW_dsh-smooth-stream-log-fade-13",
+			"dsh-smooth-stream-log-fade-17": "Sv_6BW_dsh-smooth-stream-log-fade-17",
+			"dsh-smooth-stream-log-fade-22": "Sv_6BW_dsh-smooth-stream-log-fade-22",
+			"dsh-smooth-stream-log-fade-2": "Sv_6BW_dsh-smooth-stream-log-fade-2",
+			"dsh-smooth-stream-log-fade-29": "Sv_6BW_dsh-smooth-stream-log-fade-29",
+			"dsh-smooth-stream-log-fade-19": "Sv_6BW_dsh-smooth-stream-log-fade-19"
 		};
 		const FADE_STEPS = 32;
 		const PREFIX = "dsh-smooth-stream-log-fade-";
 		const COLOR_PROPERTY = "--dsh-smooth-stream-fade-color";
 		const highlightName = (index) => LogarithmicFade_module_css_default[`${PREFIX}${index}`] ?? `${PREFIX}${index}`;
 		const EXCLUDED = "pre,code,math,.katex,.katex-display,mjx-container,svg,script,style,textarea,input,button,select,[role=\"button\"],[contenteditable],[hidden],[aria-hidden=\"true\"],[aria-live]";
+		const EXCLUDED_ATTRIBUTES = [
+			"hidden",
+			"aria-hidden",
+			"role",
+			"contenteditable",
+			"class"
+		];
+		const APPEARANCE_ATTRIBUTES = [
+			"class",
+			"style",
+			"data-theme",
+			"data-color-scheme",
+			"data-appearance"
+		];
 		function logarithmicOpacity(progress) {
 			return 0 + 1 * (1 - Math.log1p(5 * (1 - (Number.isFinite(progress) ? Math.max(0, Math.min(1, progress)) : 1))) / Math.log(6));
 		}
@@ -2668,13 +3126,75 @@ window.__ModuleLoader__.load({
 		}
 		const schedulers = /* @__PURE__ */ new WeakMap();
 		const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+		/**
+		* Hot-path counters for the streaming benchmark. Increments only — this is the
+		* evidence that the per-frame pass count collapsed, not a control input.
+		*/
+		const fadeHotPathStats = {
+			/** Observer batches that reached reconcile(). */
+			reconcileCalls: 0,
+			/** Reconciles that did real work (the rest are dirty-check no-ops). */
+			reconcilePasses: 0,
+			/** Full text-node table rebuilds (structural DOM change). */
+			nodeScans: 0,
+			/** Forced style resolutions for newly faded elements. */
+			styleReads: 0
+		};
 		function schedule(scheduler) {
-			if (scheduler.frame !== 0 || scheduler.pending.size === 0) return;
-			scheduler.frame = scheduler.window.requestAnimationFrame((now) => {
-				scheduler.frame = 0;
+			if (scheduler.taskId !== null || scheduler.pending.size === 0) return;
+			scheduler.taskId = scheduler.coordinator.registerTask({ onSimulate: (_dtMs, now) => {
 				for (const client of scheduler.pending) if (!client.paint(now)) scheduler.pending.delete(client);
-				schedule(scheduler);
+				if (scheduler.pending.size === 0) {
+					scheduler.taskId = null;
+					return false;
+				}
+				return true;
+			} });
+		}
+		/**
+		* Whether an attribute record actually moved the attribute's value. jsdom (and
+		* some engines) report a write even when the serialized value is unchanged, and
+		* this controller writes the scope class on every enable/disable transition —
+		* counting a no-op record as a DOM change would re-enter the observer forever.
+		* Requires `attributeOldValue` on the observing call.
+		* @param record - attribute mutation record from either observer.
+		* @returns true only when the value differs from the recorded old value.
+		*/
+		function attributeChanged(record) {
+			const attribute = record.attributeName;
+			if (attribute === null) return true;
+			return record.oldValue !== record.target.getAttribute(attribute);
+		}
+		/**
+		* One appearance watcher per document. A theme switch arrives either as an OS
+		* media-query flip (the app's default `preference: system`) or as an attribute
+		* write on <html>/<body>, so both are observed; the fade only ever writes
+		* custom properties on its own root, never on those elements, so this watcher
+		* cannot observe the controller's own output.
+		* @param scheduler - document-scoped registry notified when the look changes.
+		* @returns teardown for the last client's dispose.
+		*/
+		function watchAppearance(scheduler) {
+			const win = scheduler.window;
+			const doc = win.document;
+			const invalidate = () => {
+				for (const client of scheduler.clients) client.invalidateColors();
+			};
+			const observer = new win.MutationObserver((records) => {
+				if (records.some(attributeChanged)) invalidate();
 			});
+			const watched = doc.body === null ? [doc.documentElement] : [doc.documentElement, doc.body];
+			for (const element of watched) observer.observe(element, {
+				attributes: true,
+				attributeFilter: APPEARANCE_ATTRIBUTES,
+				attributeOldValue: true
+			});
+			const query = typeof win.matchMedia === "function" ? win.matchMedia("(prefers-color-scheme: dark)") : null;
+			if (query !== null) query.addEventListener("change", invalidate);
+			return () => {
+				observer.disconnect();
+				query?.removeEventListener("change", invalidate);
+			};
 		}
 		function schedulerFor(root) {
 			const doc = root.ownerDocument;
@@ -2690,15 +3210,26 @@ window.__ModuleLoader__.load({
 					highlights,
 					clients: /* @__PURE__ */ new Set(),
 					pending: /* @__PURE__ */ new Set(),
-					frame: 0,
+					taskId: null,
 					registry: realm.CSS.highlights,
-					window: win
+					window: win,
+					coordinator: FrameCoordinator.forDocument(doc),
+					unwatchAppearance: () => {}
 				};
+				scheduler.unwatchAppearance = watchAppearance(scheduler);
 				schedulers.set(doc, scheduler);
 			}
 			return scheduler;
 		}
-		/** Owns ranges only: React retains ownership of every element and Text node. */
+		/**
+		* Owns ranges only: React retains ownership of every element and Text node.
+		*
+		* The controller used to re-derive its whole view of the subtree (textContent,
+		* prefix walk, full TreeWalker, an O(tail x #nodes) filter) on *every* commit
+		* AND on every observer batch for that same commit. It now keeps an
+		* incremental text-node table, reconciles at most once per observed DOM
+		* change, and preserves the per-element colour memo across passes.
+		*/
 		var LogarithmicFadeController = class LogarithmicFadeController {
 			root;
 			scheduler;
@@ -2711,18 +3242,46 @@ window.__ModuleLoader__.load({
 			pausedAt = null;
 			disposed = false;
 			observer;
+			/** Text nodes of the root with their source offsets; survives data-only edits. */
+			nodes = [];
+			/** Ineligible nodes in nodes[0..index): a span is fadeable when its bounds match. */
+			ineligiblePrefix = [0];
+			/**
+			* `closest(EXCLUDED)` derived once per element instead of once per Text node:
+			* exclusion is inherited from the ancestor chain, so a memo stays usable only
+			* while the element keeps its own parent. Moving a subtree into `code` — or
+			* into anything else that matches — invalidates exactly the moved chain the
+			* next time it is read.
+			*/
+			excludedElements = /* @__PURE__ */ new WeakMap();
+			/** Own tag/attribute match per element; dropped when an exclusion attribute moves. */
+			ownExcluded = /* @__PURE__ */ new WeakMap();
+			/** Bumped by every observed mutation; reconcile() no-ops while it does not move. */
+			domRevision = 0;
+			/** Bumped only by structural (childList) mutations; the node table is rebuilt then. */
+			structureRevision = 0;
+			scannedStructureRevision = -1;
+			reconciledRevision = -1;
+			reconciledEnabled = false;
+			reconciledActive = false;
+			reconciledPaused = false;
+			reconciledTailSize = 0;
+			colorGeneration = 0;
 			constructor(root, scheduler) {
 				this.root = root;
 				this.scheduler = scheduler;
 				scheduler.clients.add(this);
 				const win = root.ownerDocument.defaultView;
-				this.observer = new win.MutationObserver(() => {
-					this.reconcile();
+				this.observer = new win.MutationObserver((records) => {
+					this.onDomMutation(records);
 				});
 				this.observer.observe(root, {
 					subtree: true,
 					childList: true,
-					characterData: true
+					characterData: true,
+					attributes: true,
+					attributeFilter: EXCLUDED_ATTRIBUTES,
+					attributeOldValue: true
 				});
 			}
 			static create(root) {
@@ -2742,80 +3301,240 @@ window.__ModuleLoader__.load({
 				this.speedCps = speedCps;
 				this.reconcile();
 			}
+			/** Invalidate and reconcile from one observer batch (one batch per commit). */
+			onDomMutation(records) {
+				let changed = false;
+				let exclusionAttributesMoved = false;
+				for (const record of records) {
+					if (record.type === "childList") {
+						this.structureRevision += 1;
+						changed = true;
+						continue;
+					}
+					if (record.type === "characterData") {
+						changed = true;
+						continue;
+					}
+					if (!attributeChanged(record)) continue;
+					exclusionAttributesMoved = true;
+					changed = true;
+				}
+				if (!changed) return;
+				if (exclusionAttributesMoved) {
+					this.excludedElements = /* @__PURE__ */ new WeakMap();
+					this.ownExcluded = /* @__PURE__ */ new WeakMap();
+					this.structureRevision += 1;
+				}
+				this.domRevision += 1;
+				this.reconcile();
+			}
+			/**
+			* Whether this element matches a SKIP rule itself or inherits one from an
+			* ancestor — the memoised form of `element.closest(EXCLUDED) !== null`.
+			* Memoised per element and revalidated through the parent chain, so a node
+			* that moves into `code` — or whose ancestor does — is re-decided without
+			* paying the selector walk once per Text node per pass.
+			* @param element - element owning the Text node being classified.
+			* @returns true when text under this element must stay out of the fade.
+			*/
+			elementExcluded(element) {
+				const cached = this.excludedElements.get(element);
+				if (cached !== void 0 && cached.parent === element.parentElement) return cached.excluded;
+				const parent = element.parentElement;
+				const inherited = parent === null ? false : this.elementExcluded(parent);
+				let own = this.ownExcluded.get(element);
+				if (own === void 0) {
+					own = element.matches(EXCLUDED);
+					this.ownExcluded.set(element, own);
+				}
+				const excluded = inherited || own;
+				this.excludedElements.set(element, {
+					parent,
+					excluded
+				});
+				return excluded;
+			}
+			/** Rebuild the text-node table after a structural change. */
+			scanNodes() {
+				const nodes = [];
+				const walker = this.root.ownerDocument.createTreeWalker(this.root, NodeFilter.SHOW_TEXT);
+				for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) {
+					const text = node;
+					const parent = text.parentElement;
+					const eligible = parent !== null && !this.elementExcluded(parent);
+					nodes.push({
+						node: text,
+						start: 0,
+						end: 0,
+						eligible
+					});
+				}
+				this.nodes = nodes;
+				this.scannedStructureRevision = this.structureRevision;
+				fadeHotPathStats.nodeScans += 1;
+			}
+			/**
+			* Re-derive the source text, the per-node spans and the eligibility prefix
+			* sums from the cached table. No DOM read, no selector match, no allocation
+			* beyond the string itself.
+			*/
+			readText() {
+				if (this.scannedStructureRevision !== this.structureRevision) this.scanNodes();
+				for (const entry of this.nodes) {
+					if (entry.node.parentNode !== null) continue;
+					this.scanNodes();
+					break;
+				}
+				const nodes = this.nodes;
+				const prefix = this.ineligiblePrefix;
+				if (prefix.length < nodes.length + 1) prefix.length = nodes.length + 1;
+				prefix[0] = 0;
+				let text = "";
+				let offset = 0;
+				for (let index = 0; index < nodes.length; index += 1) {
+					const entry = nodes[index];
+					const data = entry.node.data;
+					entry.start = offset;
+					offset += data.length;
+					entry.end = offset;
+					text += data;
+					prefix[index + 1] = prefix[index] + (entry.eligible ? 0 : 1);
+				}
+				prefix.length = nodes.length + 1;
+				this.ineligiblePrefix = prefix;
+				return text;
+			}
+			/** First cached node whose span ends after `offset` (binary search). */
+			firstNodeEndingAfter(offset) {
+				const nodes = this.nodes;
+				let low = 0;
+				let high = nodes.length;
+				while (low < high) {
+					const mid = low + high >> 1;
+					if (nodes[mid].end > offset) high = mid;
+					else low = mid + 1;
+				}
+				return low;
+			}
+			/** Last cached node whose span starts before `offset` (binary search). */
+			lastNodeStartingBefore(offset) {
+				const nodes = this.nodes;
+				let low = -1;
+				let high = nodes.length - 1;
+				while (low < high) {
+					const mid = low + high + 1 >> 1;
+					if (nodes[mid].start < offset) low = mid;
+					else high = mid - 1;
+				}
+				return low;
+			}
 			clearRanges() {
 				for (const character of this.characters) this.scheduler.highlights[character.bucket]?.delete(character.range);
 				this.characters = [];
-				this.restoreColors();
+			}
+			restoreColor(element, preserved) {
+				if (preserved.value === "") element.style.removeProperty(COLOR_PROPERTY);
+				else element.style.setProperty(COLOR_PROPERTY, preserved.value, preserved.priority);
+			}
+			rootColorSet = false;
+			ensureRootColor() {
+				if (this.rootColorSet) return;
+				const color = this.scheduler.window.getComputedStyle(this.root).color || "currentColor";
+				this.root.style.setProperty(COLOR_PROPERTY, color);
+				this.rootColorSet = true;
 			}
 			restoreColors() {
-				for (const [element, original] of this.colors) if (original.value === "") element.style.removeProperty(COLOR_PROPERTY);
-				else element.style.setProperty(COLOR_PROPERTY, original.value, original.priority);
+				if (this.rootColorSet) {
+					this.root.style.removeProperty(COLOR_PROPERTY);
+					this.rootColorSet = false;
+				}
+				for (const [element, preserved] of this.colors) this.restoreColor(element, preserved);
 				this.colors.clear();
 			}
-			preserveColor(element) {
-				if (this.colors.has(element)) return;
-				const color = this.scheduler.window.getComputedStyle(element).color;
-				this.colors.set(element, {
-					value: element.style.getPropertyValue(COLOR_PROPERTY),
-					priority: element.style.getPropertyPriority(COLOR_PROPERTY)
-				});
-				element.style.setProperty(COLOR_PROPERTY, color);
+			/**
+			* The document's appearance moved (theme switch, restyle): the captured ink
+			* colour is stale, so drop it and let the next pass read the new one. Costs
+			* nothing while no colour is captured, which is the common case — the read
+			* still happens only when text is actually fading.
+			*/
+			invalidateColors() {
+				if (this.disposed || !this.rootColorSet && this.colors.size === 0) return;
+				this.restoreColors();
+				this.domRevision += 1;
+				this.reconcile();
 			}
+			/**
+			* Refresh the fade ranges. Two triggers used to run this 2-3x per frame with
+			* no dirty check: the commit-driven `update()` and the observer batch for the
+			* very same DOM write. Both converge here, and the pass is skipped unless the
+			* DOM revision, the gate, the fade window or the pause state actually moved.
+			*/
 			reconcile() {
 				if (this.disposed) return;
-				const text = this.root.textContent ?? "";
+				fadeHotPathStats.reconcileCalls += 1;
+				const tailSize = fadeTailSize(this.speedCps);
+				const paused = this.pausedAt !== null;
+				const domChanged = this.domRevision !== this.reconciledRevision;
+				const paramsChanged = this.enabled !== this.reconciledEnabled || this.active !== this.reconciledActive || paused !== this.reconciledPaused || tailSize !== this.reconciledTailSize && this.characters.length > 0;
+				if (!domChanged && !paramsChanged) return;
+				fadeHotPathStats.reconcilePasses += 1;
+				this.reconciledRevision = this.domRevision;
+				this.reconciledEnabled = this.enabled;
+				this.reconciledActive = this.active;
+				this.reconciledPaused = paused;
+				this.reconciledTailSize = tailSize;
+				const text = this.readText();
 				const previous = this.previous;
 				this.previous = text;
 				const old = this.characters;
 				this.clearRanges();
 				if (!this.enabled) {
 					this.root.classList.remove(LogarithmicFade_module_css_default.scope);
+					this.restoreColors();
 					this.scheduler.pending.delete(this);
 					this.stopIfIdle();
 					return;
 				}
 				this.root.classList.add(LogarithmicFade_module_css_default.scope);
+				this.ensureRootColor();
 				const now = this.pausedAt ?? this.scheduler.window.performance.now();
-				let prefix = 0;
-				while (prefix < previous.length && prefix < text.length && previous[prefix] === text[prefix]) prefix += 1;
 				const appended = text.startsWith(previous);
-				const nodes = [];
-				const walker = this.root.ownerDocument.createTreeWalker(this.root, NodeFilter.SHOW_TEXT);
-				let offset = 0;
-				for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) {
-					const end = offset + (node.textContent?.length ?? 0);
-					nodes.push({
-						node,
-						start: offset,
-						end,
-						eligible: node.parentElement?.closest(EXCLUDED) === null
-					});
-					offset = end;
-				}
-				const segments = segmenter.segment(text);
-				const tailSize = fadeTailSize(this.speedCps);
+				let prefix = appended ? previous.length : 0;
+				if (!appended) while (prefix < previous.length && prefix < text.length && previous[prefix] === text[prefix]) prefix += 1;
+				const nodes = this.nodes;
+				const ineligible = this.ineligiblePrefix;
 				const oldestLiveStart = old.reduce((start, character) => now - character.born < 240 && character.end <= prefix ? Math.min(start, character.start) : start, Infinity);
+				const retainedBySpan = /* @__PURE__ */ new Map();
+				for (const character of old) retainedBySpan.set(`${String(character.start)}:${String(character.end)}`, character);
+				this.colorGeneration += 1;
+				const windowStart = Math.max(0, Math.min(text.length - 320, oldestLiveStart < Infinity ? oldestLiveStart : text.length));
+				const tailText = windowStart > 0 ? text.slice(windowStart) : text;
+				const segments = segmenter.segment(tailText);
 				let end = text.length;
 				for (let count = 0; count < 160 && end > 0 && (count < tailSize || end > oldestLiveStart); count += 1) {
-					const segment = segments.containing(end - 1);
+					const localEnd = end - windowStart;
+					if (localEnd <= 0) break;
+					const segment = segments.containing(localEnd - 1);
 					if (segment === void 0) break;
-					const start = segment.index;
-					const parts = nodes.filter((node) => node.end > start && node.start < end);
-					const born = old.find((character) => character.start === start && character.end === end && end <= prefix)?.born ?? (this.active && appended && start >= previous.length ? now : null);
-					if (born !== null && now - born < 240 && segment.segment.trim() !== "" && parts.length > 0 && parts.every((part) => part.eligible)) {
-						const first = parts[0];
-						const last = parts[parts.length - 1];
-						const range = this.root.ownerDocument.createRange();
-						range.setStart(first.node, start - first.start);
-						range.setEnd(last.node, end - last.start);
-						for (const part of parts) this.preserveColor(part.node.parentElement);
-						this.characters.push({
-							start,
-							end,
-							born,
-							range,
-							bucket: -1
-						});
+					const start = segment.index + windowStart;
+					const born = (end <= prefix ? retainedBySpan.get(`${String(start)}:${String(end)}`) : void 0)?.born ?? (this.active && appended && start >= previous.length ? now : null);
+					if (born !== null && now - born < 240 && segment.segment.trim() !== "") {
+						const first = this.firstNodeEndingAfter(start);
+						const last = this.lastNodeStartingBefore(end);
+						if (last >= first && first < nodes.length && nodes[last].end > start && ineligible[last + 1] === ineligible[first]) {
+							const firstPart = nodes[first];
+							const lastPart = nodes[last];
+							const range = this.root.ownerDocument.createRange();
+							range.setStart(firstPart.node, start - firstPart.start);
+							range.setEnd(lastPart.node, end - lastPart.start);
+							this.characters.push({
+								start,
+								end,
+								born,
+								range,
+								bucket: -1
+							});
+						}
 					}
 					end = start;
 				}
@@ -2852,14 +3571,18 @@ window.__ModuleLoader__.load({
 			}
 			stopIfIdle() {
 				if (this.scheduler.pending.size !== 0) return;
-				this.scheduler.window.cancelAnimationFrame(this.scheduler.frame);
-				this.scheduler.frame = 0;
+				if (this.scheduler.taskId === null) return;
+				this.scheduler.coordinator.unregisterTask(this.scheduler.taskId);
+				this.scheduler.taskId = null;
 			}
 			dispose() {
 				if (this.disposed) return;
 				this.disposed = true;
 				this.observer.disconnect();
 				this.clearRanges();
+				this.restoreColors();
+				this.nodes = [];
+				this.scannedStructureRevision = -1;
 				this.root.classList.remove(LogarithmicFade_module_css_default.scope);
 				this.scheduler.pending.delete(this);
 				this.scheduler.clients.delete(this);
@@ -2869,6 +3592,7 @@ window.__ModuleLoader__.load({
 						const name = highlightName(index);
 						if (this.scheduler.registry.get(name) === highlight) this.scheduler.registry.delete(name);
 					}
+					this.scheduler.unwatchAppearance();
 					schedulers.delete(this.root.ownerDocument);
 				}
 			}
@@ -2885,7 +3609,15 @@ window.__ModuleLoader__.load({
 			}, [rootRef]);
 			(0, react.useLayoutEffect)(() => {
 				const root = rootRef.current;
-				if (controller.current === null && root !== null && enabled && active) {
+				if (!enabled) {
+					if (controller.current !== null) {
+						controller.current.dispose();
+						controller.current = null;
+					}
+					committed.current = true;
+					return;
+				}
+				if (controller.current === null && root !== null && active) {
 					controller.current = LogarithmicFadeController.create(root);
 					if (committed.current) controller.current?.update(false, false);
 				}
@@ -2894,6 +3626,141 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/useDecoupledMarkdown.ts
+		/**
+		* Detect whether the given markdown text ends inside an unclosed code block (fence).
+		* Supports both backtick (```) and tilde (~~~) fences per CommonMark rules.
+		*
+		* Rules:
+		* 1. An opening fence begins on a line with 0-3 leading spaces, followed by 3+ backticks or tildes.
+		* 2. An opening backtick fence info-string cannot contain backticks.
+		* 3. A closing fence must have at least as many characters as the opening fence, matching fence char,
+		*    and cannot have non-whitespace content after the fence characters.
+		* 4. While inside a code block, all lines belong to the block until a matching closing fence is found.
+		*/
+		function hasUnclosedCodeFence(text) {
+			if (!text.includes("```") && !text.includes("~~~")) return false;
+			let inFence = false;
+			let fenceChar = "";
+			let fenceLen = 0;
+			let start = 0;
+			const len = text.length;
+			while (start < len) {
+				let end = text.indexOf("\n", start);
+				if (end === -1) end = len;
+				let line = text.slice(start, end);
+				if (line.endsWith("\r")) line = line.slice(0, -1);
+				let indent = 0;
+				while (indent < line.length && line[indent] === " " && indent < 4) indent++;
+				if (indent < 4) {
+					const rest = line.slice(indent);
+					const firstChar = rest[0];
+					if (firstChar === "`" || firstChar === "~") {
+						let count = 0;
+						while (count < rest.length && rest[count] === firstChar) count++;
+						if (count >= 3) {
+							const afterFence = rest.slice(count);
+							if (!inFence) {
+								if (firstChar !== "`" || !afterFence.includes("`")) {
+									inFence = true;
+									fenceChar = firstChar;
+									fenceLen = count;
+								}
+							} else if (firstChar === fenceChar && count >= fenceLen) {
+								if (afterFence.trim() === "") {
+									inFence = false;
+									fenceChar = "";
+									fenceLen = 0;
+								}
+							}
+						}
+					}
+				}
+				start = end + 1;
+			}
+			return inFence;
+		}
+		/**
+		* Decouple the smooth 60 FPS animation clock from the heavyweight Markdown AST compilation clock.
+		*
+		* Outside unclosed code blocks (or when settled), Markdown renders 1:1 with `shown`.
+		* Inside unclosed code blocks (where host incremental parsing degenerates to O(n) full-text compilation),
+		* Markdown re-renders are throttled to ~33ms (30Hz).
+		* Upon code block closure or stream end, updates are synchronized immediately without latency.
+		*/
+		function useDecoupledMarkdown(shown, live, options) {
+			const throttleMs = options?.throttleMs ?? 33;
+			const [markdownShown, setMarkdownShown] = (0, react.useState)(shown);
+			const lastCommitTimeRef = (0, react.useRef)(0);
+			const timerRef = (0, react.useRef)(null);
+			const shownRef = (0, react.useRef)(shown);
+			shownRef.current = shown;
+			const wasUnclosedRef = (0, react.useRef)(false);
+			(0, react.useEffect)(() => {
+				if (!live) {
+					if (timerRef.current !== null) {
+						clearTimeout(timerRef.current);
+						timerRef.current = null;
+					}
+					setMarkdownShown(shown);
+					lastCommitTimeRef.current = performance.now();
+					wasUnclosedRef.current = false;
+					return;
+				}
+				const unclosed = hasUnclosedCodeFence(shown);
+				const now = performance.now();
+				if (wasUnclosedRef.current && !unclosed) {
+					if (timerRef.current !== null) {
+						clearTimeout(timerRef.current);
+						timerRef.current = null;
+					}
+					wasUnclosedRef.current = false;
+					setMarkdownShown(shown);
+					lastCommitTimeRef.current = now;
+					return;
+				}
+				wasUnclosedRef.current = unclosed;
+				if (!unclosed) {
+					if (timerRef.current !== null) {
+						clearTimeout(timerRef.current);
+						timerRef.current = null;
+					}
+					setMarkdownShown(shown);
+					lastCommitTimeRef.current = now;
+					return;
+				}
+				const elapsed = now - lastCommitTimeRef.current;
+				if (elapsed >= throttleMs) {
+					if (timerRef.current !== null) {
+						clearTimeout(timerRef.current);
+						timerRef.current = null;
+					}
+					setMarkdownShown(shown);
+					lastCommitTimeRef.current = now;
+				} else if (timerRef.current === null) {
+					const delay = Math.max(16, throttleMs - elapsed);
+					timerRef.current = setTimeout(() => {
+						timerRef.current = null;
+						setMarkdownShown(shownRef.current);
+						lastCommitTimeRef.current = performance.now();
+					}, delay);
+				}
+			}, [
+				shown,
+				live,
+				throttleMs
+			]);
+			(0, react.useEffect)(() => {
+				return () => {
+					if (timerRef.current !== null) {
+						clearTimeout(timerRef.current);
+						timerRef.current = null;
+					}
+				};
+			}, []);
+			return live ? markdownShown : shown;
+		}
+		//#endregion
 		//#region src/client/FollowHost.tsx
 		/**
 		* Document-flow host that owns conversation-port follow while `active`.
@@ -2947,7 +3814,7 @@ window.__ModuleLoader__.load({
 		/** Defaults shared by the Host schema and the client-side fallback. */
 		const DEFAULT_STREAM_CONFIG = {
 			mode: "typewriter",
-			preset: "balanced",
+			preset: "silky",
 			revealCharsPerSec: 80,
 			scrollSpeedPxPerSec: 48,
 			maxScrollSpeedPxPerSec: 1e3
@@ -2996,79 +3863,24 @@ window.__ModuleLoader__.load({
 			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 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
-				};
-			} catch {
-				return {
-					root,
-					visibleText,
-					fontSize,
-					wrapThresholdWidth: rootWidth
-				};
-			}
-		}
 		/** 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;
+			if ([...pending].length >= PREDICTIVE_WRAP_FALLBACK_CHARS) return true;
+			if (root === null) return false;
 			let geometry = geometryRef.current;
-			if (geometry?.root !== root || geometry.visibleText !== visibleText) {
-				geometry = measurePendingTextGeometry(root, visibleText);
+			if (geometry?.root !== root) {
+				const rootWidth = root.clientWidth || 600;
+				geometry = {
+					root,
+					visibleText,
+					fontSize: 14,
+					wrapThresholdWidth: Math.max(120, rootWidth * .4)
+				};
 				geometryRef.current = geometry;
 			}
-			if (geometry.wrapThresholdWidth === null) return pendingChars.length >= PREDICTIVE_WRAP_FALLBACK_CHARS;
-			return approximateInlineWidth(pending, geometry.fontSize) >= geometry.wrapThresholdWidth;
+			return approximateInlineWidth(pending, geometry.fontSize) >= (geometry.wrapThresholdWidth ?? geometry.fontSize * PREDICTIVE_WRAP_FALLBACK_CHARS);
 		}
 		function announcementChunkEnd(source, start) {
 			const hardEnd = Math.min(source.length, start + STREAM_ANNOUNCEMENT_MAX_CHARS);
@@ -3185,12 +3997,12 @@ window.__ModuleLoader__.load({
 		* 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
+		* throughout. The outer assistant owner follows all text growth, including
+		* the final drain, so wraps glide without a completion handoff. Once the
+		* queue drains, the settled full parse (KaTeX math, fence highlighting, file
 		* mentions) swaps in exactly once.
 		*/
-		function AnimatedMarkdownText({ text, labels, fileMentions, streaming, logarithmicFade, motionReduced, ownFollow, followSpeedCpsRef, followRevealedCharsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack, controlScroll = true }) {
+		function AnimatedMarkdownText({ text, labels, fileMentions, streaming, logarithmicFade, motionReduced, followSpeedCpsRef, followRevealedCharsRef, followRevealScaleRef, onPredictiveChange, onRevealActivityChange, preset, shouldHoldBack }) {
 			const reduced = motionReduced;
 			const [typing, setTyping] = (0, react.useState)(streaming);
 			const localSpeedCpsRef = (0, react.useRef)(35);
@@ -3213,6 +4025,7 @@ window.__ModuleLoader__.load({
 			});
 			const shown = reduced ? text : displayed;
 			const live = typing && !reduced;
+			const markdownShown = useDecoupledMarkdown(shown, live);
 			useLogarithmicFade(followRootRef, logarithmicFade && !reduced, live, speedCpsRef);
 			(0, react.useEffect)(() => {
 				const root = followRootRef.current;
@@ -3240,6 +4053,9 @@ window.__ModuleLoader__.load({
 				streaming,
 				text
 			]);
+			(0, react.useLayoutEffect)(() => {
+				onRevealActivityChange?.(live);
+			}, [live, onRevealActivityChange]);
 			(0, react.useEffect)(() => {
 				if (typing && !streaming && shown.length === text.length) setTyping(false);
 			}, [
@@ -3251,16 +4067,13 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				if (streaming) setTyping(true);
 			}, [streaming]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
-				active: live && ownFollow,
-				speedCpsRef,
-				revealedCharsRef: followRevealedCharsRef,
-				revealScaleRef: followRevealScaleRef,
-				predictive: streaming,
-				controlScroll,
-				hostRef: followRootRef,
+			if (!streaming && !live && text.trim() === "") return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: followRootRef,
+				className: TypewriterAssistantNodeView_module_css_default.follow,
+				"data-follow-text": "",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
-					text: live ? shown : text,
+					text: live ? markdownShown : text,
 					streaming: live,
 					labels,
 					fileMentions: live ? void 0 : fileMentions
@@ -3281,7 +4094,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* Apply searchable hidden state without unmounting a stable subtree — the
+		* Apply searchable hidden state without unmounting a stable subtree 鈥?the
 		* Host's completion fold hides the answer-inline reasoning this way, so the
 		* takeover renderer must reproduce it to stay inside the contract: the row
 		* disappears into the Host's process summary and comes back on find-in-page.
@@ -3338,18 +4151,23 @@ window.__ModuleLoader__.load({
 		* 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
+		* 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, motionReduced, logarithmicFade, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, t }) {
+		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, motionReduced, logarithmicFade, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, snapAutoCollapse, t }) {
 			const reduced = motionReduced;
 			const [expanded, setExpanded] = (0, react.useState)(running && thinkAutoExpand);
 			const [autoClosed, setAutoClosed] = (0, react.useState)(false);
 			const summaryRef = (0, react.useRef)(null);
 			const fadeRootRef = (0, react.useRef)(null);
+			const thinkBodyRef = fadeRootRef;
 			const localFadeSpeedRef = (0, react.useRef)(35);
 			const fadeSpeedRef = followSpeedCpsRef ?? localFadeSpeedRef;
+			const userScrolledRef = (0, react.useRef)(false);
+			const rafIdRef = (0, react.useRef)(0);
+			const followActiveRef = (0, react.useRef)(false);
+			followActiveRef.current = running && expanded;
 			const commitAnchorRef = (0, react.useRef)(null);
 			const displayed = useSmoothStreamContent(text, {
 				enabled: running && !reduced,
@@ -3369,8 +4187,64 @@ window.__ModuleLoader__.load({
 					setExpanded(running);
 					setAutoClosed(!running);
 				}
+				if (running) userScrolledRef.current = false;
 				notifyFollowCommit(commitAnchorRef.current);
 			}, [running, thinkAutoExpand]);
+			(0, react.useEffect)(() => {
+				if (!running || !expanded || userScrolledRef.current) return;
+				const el = thinkBodyRef.current;
+				if (el === null) return;
+				if (rafIdRef.current === 0) rafIdRef.current = requestAnimationFrame(() => {
+					rafIdRef.current = 0;
+					if (!followActiveRef.current || userScrolledRef.current || el === null) return;
+					if (el.scrollHeight - el.scrollTop - el.clientHeight > 2) el.scrollTop = Number.MAX_SAFE_INTEGER;
+				});
+			}, [
+				running,
+				expanded,
+				shown
+			]);
+			(0, react.useEffect)(() => {
+				return () => {
+					if (rafIdRef.current !== 0) {
+						cancelAnimationFrame(rafIdRef.current);
+						rafIdRef.current = 0;
+					}
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				const el = thinkBodyRef.current;
+				if (el === null) return;
+				let isPointerDown = false;
+				const onWheel = (e) => {
+					if (e.deltaY < 0) userScrolledRef.current = true;
+					else if (e.deltaY > 0) {
+						if (el.scrollHeight - el.scrollTop - el.clientHeight <= 30) userScrolledRef.current = false;
+					}
+				};
+				const onPointerDown = () => {
+					isPointerDown = true;
+				};
+				const onPointerUp = () => {
+					isPointerDown = false;
+				};
+				const onScroll = () => {
+					if (el.scrollHeight - el.scrollTop - el.clientHeight <= 30) userScrolledRef.current = false;
+					else if (isPointerDown) userScrolledRef.current = true;
+				};
+				el.addEventListener("wheel", onWheel, { passive: true });
+				el.addEventListener("pointerdown", onPointerDown, { passive: true });
+				window.addEventListener("pointerup", onPointerUp, { passive: true });
+				window.addEventListener("pointercancel", onPointerUp, { passive: true });
+				el.addEventListener("scroll", onScroll, { passive: true });
+				return () => {
+					el.removeEventListener("wheel", onWheel);
+					el.removeEventListener("pointerdown", onPointerDown);
+					window.removeEventListener("pointerup", onPointerUp);
+					window.removeEventListener("pointercancel", onPointerUp);
+					el.removeEventListener("scroll", onScroll);
+				};
+			}, []);
 			(0, react.useEffect)(() => {
 				const element = summaryRef.current;
 				if (element === null) return;
@@ -3391,14 +4265,14 @@ window.__ModuleLoader__.load({
 						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",
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconThink, { size: 14 }),
+						title: t("message.think"),
 						open: expanded,
 						onToggle: () => {
 							setAutoClosed(false);
 							setExpanded((value) => !value);
 						},
-						bodyTransition: !autoClosed,
+						bodyTransition: !autoClosed || !snapAutoCollapse,
 						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
@@ -3422,14 +4296,17 @@ window.__ModuleLoader__.load({
 		* 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.
+		* outer node owns conversation-port follow through both streaming and the
+		* final text drain. Keeping one owner avoids a lifecycle handoff that would
+		* reopen and later retire a second runway. 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, logarithmicFade = DEFAULT_STREAM_SETTINGS.logarithmicFade, controlScroll = true, motionPreference = DEFAULT_STREAM_SETTINGS.motionPreference, node, useTurnData, openFile, loadImage, fileMentions, turnProcess, t }) {
+		const TypewriterAssistantNodeView = (0, react.memo)(function TypewriterAssistantNodeView({ mode: _mode = DEFAULT_STREAM_CONFIG.mode, preset = DEFAULT_STREAM_CONFIG.preset, revealCharsPerSec: _revealCharsPerSec = DEFAULT_STREAM_CONFIG.revealCharsPerSec, scrollSpeedPxPerSec: _scrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.scrollSpeedPxPerSec, maxScrollSpeedPxPerSec: _maxScrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.maxScrollSpeedPxPerSec, thinkAutoExpand = DEFAULT_STREAM_SETTINGS.thinkAutoExpand, logarithmicFade = DEFAULT_STREAM_SETTINGS.logarithmicFade, controlScroll = true, motionPreference = DEFAULT_STREAM_SETTINGS.motionPreference, node, groupPart, useTurnData, openFile, loadImage, fileMentions, turnProcess, t }) {
 			const data = node.data;
 			const streaming = data.status === "running";
+			const blocks = groupPart === "reasoning" ? data.blocks.filter((block) => block.kind === "reasoning") : groupPart === "response" ? data.blocks.filter((block) => block.kind !== "reasoning") : data.blocks;
+			const rowOwnsPort = groupPart !== "reasoning";
 			const reduced = useMotionReduced(motionPreference);
 			const reasoningHidden = turnProcess !== void 0 && turnProcess.foldable && turnProcess.spec.answerStep === data.step && turnProcess.spec.inlineReasoning && !turnProcess.open;
 			const revealProcess = (0, react.useCallback)(() => {
@@ -3439,7 +4316,16 @@ window.__ModuleLoader__.load({
 			const rootSpeedRef = (0, react.useRef)(35);
 			const rootRevealedCharsRef = (0, react.useRef)(0);
 			const rootRevealScaleRef = (0, react.useRef)(1);
-			const reasoningTailIndex = streaming && data.blocks[data.blocks.length - 1]?.kind === "reasoning" ? data.blocks.length - 1 : -1;
+			const previousStreamingRef = (0, react.useRef)(streaming);
+			const [textRevealActive, setTextRevealActive] = (0, react.useState)(false);
+			const completionCandidate = !streaming && previousStreamingRef.current && blocks.some((block) => block.kind === "text" && block.text.trim() !== "");
+			(0, react.useLayoutEffect)(() => {
+				previousStreamingRef.current = streaming;
+			}, [streaming]);
+			const updateTextRevealActivity = (0, react.useCallback)((active) => {
+				setTextRevealActive((previous) => previous === active ? previous : active);
+			}, []);
+			const reasoningTailIndex = streaming && blocks[blocks.length - 1]?.kind === "reasoning" ? blocks.length - 1 : -1;
 			const reasoningOwnsSpeed = reasoningTailIndex !== -1;
 			const rootPredictiveRef = (0, react.useRef)(false);
 			const previousReasoningTailRef = (0, react.useRef)(-1);
@@ -3478,20 +4364,24 @@ window.__ModuleLoader__.load({
 			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");
+			if (!(streaming || data.status === "interrupted" || blocks.some((block) => block.kind !== "tool-call"))) return null;
+			const announcementText = blocks.filter((block) => block.kind === "text").map((block) => block.text).join("\n");
+			const stepTailIsReasoning = data.blocks[data.blocks.length - 1]?.kind === "reasoning";
 			const rendered = [];
-			const last = data.blocks.length - 1;
+			const last = blocks.length - 1;
 			let lastFollow = -1;
-			for (let index = 0; index < data.blocks.length; index += 1) {
-				const kind = data.blocks[index]?.kind;
+			let lastText = -1;
+			for (let index = 0; index < blocks.length; index += 1) {
+				const kind = blocks[index]?.kind;
 				if (kind === "text" || kind === "reasoning") lastFollow = index;
+				if (kind === "text") lastText = index;
 			}
-			for (let index = 0; index < data.blocks.length; index += 1) {
-				const block = data.blocks[index];
+			for (let index = 0; index < blocks.length; index += 1) {
+				const block = blocks[index];
 				if (block === void 0) continue;
 				switch (block.kind) {
 					case "text":
+						if (!streaming && block.text.trim() === "") break;
 						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedMarkdownText, {
 							text: block.text,
 							labels: markdownLabels,
@@ -3499,14 +4389,13 @@ window.__ModuleLoader__.load({
 							streaming,
 							logarithmicFade: logarithmicFade && data.status !== "interrupted",
 							motionReduced: reduced,
-							ownFollow: !streaming && index === lastFollow,
 							followSpeedCpsRef: index === lastFollow ? rootSpeedRef : void 0,
 							followRevealedCharsRef: index === lastFollow ? rootRevealedCharsRef : void 0,
 							followRevealScaleRef: index === lastFollow ? rootRevealScaleRef : void 0,
 							onPredictiveChange: index === lastFollow ? updateTextPrediction : void 0,
+							onRevealActivityChange: index === lastText ? updateTextRevealActivity : void 0,
 							preset,
-							shouldHoldBack,
-							controlScroll
+							shouldHoldBack
 						}, index));
 						break;
 					case "reasoning":
@@ -3515,7 +4404,7 @@ window.__ModuleLoader__.load({
 							reveal: revealProcess,
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedReasoning, {
 								text: block.text,
-								running: streaming && index === last,
+								running: streaming && index === last && (groupPart !== "reasoning" || stepTailIsReasoning),
 								preset,
 								thinkAutoExpand,
 								logarithmicFade: logarithmicFade && data.status !== "interrupted",
@@ -3523,6 +4412,7 @@ window.__ModuleLoader__.load({
 								shouldHoldBack,
 								followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
 								followRevealScaleRef: reasoningOwnsSpeed && index === last ? rootRevealScaleRef : void 0,
+								snapAutoCollapse: groupPart === void 0,
 								t
 							})
 						}, index));
@@ -3530,8 +4420,8 @@ window.__ModuleLoader__.load({
 					case "image": {
 						const start = index;
 						const group = [block];
-						while (index + 1 < data.blocks.length) {
-							const next = data.blocks[index + 1];
+						while (index + 1 < blocks.length) {
+							const next = blocks[index + 1];
 							if (next === void 0 || next.kind !== "image") break;
 							group.push(next);
 							index += 1;
@@ -3560,12 +4450,12 @@ window.__ModuleLoader__.load({
 					text: announcementText,
 					active: streaming && !reduced
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
-					active: streaming && !reduced,
+					active: !reduced && (streaming || completionCandidate || textRevealActive),
 					speedCpsRef: rootSpeedRef,
 					revealedCharsRef: rootRevealedCharsRef,
 					revealScaleRef: rootRevealScaleRef,
 					predictiveRef: rootPredictiveRef,
-					controlScroll,
+					controlScroll: controlScroll && rowOwnsPort,
 					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", {
@@ -3668,12 +4558,18 @@ window.__ModuleLoader__.load({
 				}
 				const pending = /* @__PURE__ */ new Set();
 				const internalWrites = /* @__PURE__ */ new WeakMap();
-				let rafId = 0;
+				let frameTaskId = null;
 				let lastFrame = null;
 				let debt = 0;
 				let stopped = false;
 				let announcedSettled = false;
 				const streamId = `dom-${Math.random().toString(36).slice(2)}`;
+				const coordinator = FrameCoordinator.forDocument();
+				const stopFrameTask = () => {
+					if (frameTaskId === null) return;
+					coordinator.unregisterTask(frameTaskId);
+					frameTaskId = null;
+				};
 				const announceSettled = () => {
 					lastFrame = null;
 					debt = 0;
@@ -3722,21 +4618,20 @@ window.__ModuleLoader__.load({
 					});
 				};
 				const scheduleFrame = () => {
-					if (stopped || pending.size === 0 || rafId !== 0) return;
-					rafId = requestAnimationFrame(frame);
+					if (stopped || pending.size === 0 || frameTaskId !== null) return;
+					frameTaskId = coordinator.registerTask({ onSimulate: (_dtMs, now) => frame(now) });
 				};
 				const frame = (now) => {
-					rafId = 0;
-					if (stopped) return;
+					if (stopped) return false;
 					if (pending.size === 0) {
 						announceSettled();
-						return;
+						stopFrameTask();
+						return false;
 					}
 					announcedSettled = false;
 					if (lastFrame === null) {
 						lastFrame = now;
-						scheduleFrame();
-						return;
+						return true;
 					}
 					const elapsed = Math.max(0, now - lastFrame);
 					lastFrame = now;
@@ -3786,10 +4681,11 @@ window.__ModuleLoader__.load({
 						speedCps: step.speedCps,
 						targetChars,
 						displayedChars,
-						active: pending.size > 0
+						active: pending.size > 0,
+						producerComplete: false
 					});
 					if (pending.size === 0) announceSettled();
-					else scheduleFrame();
+					return pending.size > 0;
 				};
 				visit(root, revealInitial);
 				const observer = typeof MutationObserver === "undefined" ? null : new MutationObserver((mutations) => {
@@ -3818,7 +4714,7 @@ window.__ModuleLoader__.load({
 				else scheduleFrame();
 				return () => {
 					stopped = true;
-					cancelAnimationFrame(rafId);
+					stopFrameTask();
 					observer?.disconnect();
 					for (const [node, record] of records) {
 						const controlled = record.chars.slice(0, record.shown).join("");
@@ -3837,8 +4733,8 @@ window.__ModuleLoader__.load({
 			]);
 		}
 		//#endregion
-		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/AgentRowEntrance.module.css.mjs
-		const css$2 = "._7P9_Ta_surface{min-width:0}._7P9_Ta_surface[data-entrance=active]{will-change:opacity, transform;animation:.22s cubic-bezier(.2,.8,.2,1) both _7P9_Ta_dsh-smooth-stream-agent-row-in}@keyframes _7P9_Ta_dsh-smooth-stream-agent-row-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(4px)}55%{opacity:1;clip-path:inset(0 18% 0 0)}to{opacity:1;clip-path:inset(0);transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){._7P9_Ta_surface[data-entrance=active]{opacity:1;clip-path:none;will-change:auto;animation:none;transform:none}}";
+		//#region \0dsh-css:/Users/dzlin/.codex/worktrees/pr-39-review/dsh-smooth-stream/src/client/AgentRowEntrance.module.css.mjs
+		const css$2 = ".Mhu9Iq_surface{min-width:0}.Mhu9Iq_surface[data-entrance=active]{will-change:opacity;animation:.22s cubic-bezier(.2,.8,.2,1) both Mhu9Iq_dsh-smooth-stream-agent-row-in}@keyframes Mhu9Iq_dsh-smooth-stream-agent-row-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}55%{opacity:1;clip-path:inset(0 18% 0 0)}to{opacity:1;clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.Mhu9Iq_surface[data-entrance=active]{opacity:1;clip-path:none;will-change:auto;animation:none}}";
 		const tagId$2 = "dsh-smooth-stream/AgentRowEntrance.module.css";
 		if (typeof document !== "undefined") {
 			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]");
@@ -3851,8 +4747,8 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$2;
 		}
 		var AgentRowEntrance_module_css_default = {
-			"dsh-smooth-stream-agent-row-in": "_7P9_Ta_dsh-smooth-stream-agent-row-in",
-			"surface": "_7P9_Ta_surface"
+			"surface": "Mhu9Iq_surface",
+			"dsh-smooth-stream-agent-row-in": "Mhu9Iq_dsh-smooth-stream-agent-row-in"
 		};
 		//#endregion
 		//#region src/client/TypewriterToolNodeView.tsx
@@ -4030,8 +4926,8 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/SmoothStreamCard.module.css.mjs
-		const css$1 = ".XNGeRG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;list-style:none;transition:border-color .16s,background .16s;display:flex}.XNGeRG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.XNGeRG_cardOpen{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}.XNGeRG_header{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.XNGeRG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.XNGeRG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.XNGeRG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.XNGeRG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.XNGeRG_version{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:1.5;overflow:hidden}.XNGeRG_pending{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.XNGeRG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.XNGeRG_chevronOpen{transform:rotate(180deg)}.XNGeRG_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;margin:0 16px;padding-bottom:8px;display:flex}.XNGeRG_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.XNGeRG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.XNGeRG_field+.XNGeRG_field{border-top:1px solid var(--dsw-alias-border-l2)}.XNGeRG_fieldDisabled{opacity:.5}.XNGeRG_fieldHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.XNGeRG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.XNGeRG_toggle{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_toggle:disabled{cursor:default}.XNGeRG_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.XNGeRG_choiceRow{flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:0;display:flex}.XNGeRG_choice{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:5px;font-size:12px;line-height:1.5;display:flex}.XNGeRG_choiceInput{width:14px;height:14px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_choice:has(.XNGeRG_choiceInput:disabled){cursor:default;opacity:.55}.XNGeRG_choiceInput:disabled{cursor:default}.XNGeRG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.XNGeRG_failure{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateRow{border-top:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateCopy{flex-direction:column;gap:4px;min-width:0;display:flex}.XNGeRG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.XNGeRG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.XNGeRG_save,.XNGeRG_discard,.XNGeRG_update{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.XNGeRG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.XNGeRG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.XNGeRG_discard:hover:not(:disabled),.XNGeRG_update:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed);color:var(--dsw-alias-label-primary)}.XNGeRG_update{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0;flex:none;align-items:center;gap:6px;display:inline-flex}.XNGeRG_discard:disabled,.XNGeRG_save:disabled,.XNGeRG_update:disabled{opacity:.4;cursor:default}.XNGeRG_discard:focus-visible,.XNGeRG_save:focus-visible,.XNGeRG_update:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
+		//#region \0dsh-css:/Users/dzlin/.codex/worktrees/pr-39-review/dsh-smooth-stream/src/client/SmoothStreamCard.module.css.mjs
+		const css$1 = ".v5eDwW_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;list-style:none;transition:border-color .16s,background .16s;display:flex}.v5eDwW_card:hover{border-color:var(--dsw-alias-label-dimmed)}.v5eDwW_cardOpen{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}.v5eDwW_header{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.v5eDwW_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.v5eDwW_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.v5eDwW_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.v5eDwW_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.v5eDwW_version{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:1.5;overflow:hidden}.v5eDwW_pending{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.v5eDwW_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.v5eDwW_chevronOpen{transform:rotate(180deg)}.v5eDwW_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;margin:0 16px;padding-bottom:8px;display:flex}.v5eDwW_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.v5eDwW_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.v5eDwW_field+.v5eDwW_field{border-top:1px solid var(--dsw-alias-border-l2)}.v5eDwW_fieldDisabled{opacity:.5}.v5eDwW_fieldHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.v5eDwW_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.v5eDwW_toggle{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.v5eDwW_toggle:disabled{cursor:default}.v5eDwW_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.v5eDwW_choiceRow{flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:0;display:flex}.v5eDwW_choice{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:5px;font-size:12px;line-height:1.5;display:flex}.v5eDwW_choiceInput{width:14px;height:14px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.v5eDwW_choice:has(.v5eDwW_choiceInput:disabled){cursor:default;opacity:.55}.v5eDwW_choiceInput:disabled{cursor:default}.v5eDwW_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.v5eDwW_failure{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.v5eDwW_updateRow{border-top:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.v5eDwW_updateCopy{flex-direction:column;gap:4px;min-width:0;display:flex}.v5eDwW_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.v5eDwW_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.v5eDwW_save,.v5eDwW_discard,.v5eDwW_update{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.v5eDwW_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.v5eDwW_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.v5eDwW_discard:hover:not(:disabled),.v5eDwW_update:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed);color:var(--dsw-alias-label-primary)}.v5eDwW_update{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0;flex:none;align-items:center;gap:6px;display:inline-flex}.v5eDwW_discard:disabled,.v5eDwW_save:disabled,.v5eDwW_update:disabled{opacity:.4;cursor:default}.v5eDwW_discard:focus-visible,.v5eDwW_save:focus-visible,.v5eDwW_update:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
 		const tagId$1 = "dsh-smooth-stream/SmoothStreamCard.module.css";
 		if (typeof document !== "undefined") {
 			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]");
@@ -4044,35 +4940,35 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$1;
 		}
 		var SmoothStreamCard_module_css_default = {
-			"save": "XNGeRG_save",
-			"updateCopy": "XNGeRG_updateCopy",
-			"hint": "XNGeRG_hint",
-			"version": "XNGeRG_version",
-			"update": "XNGeRG_update",
-			"card": "XNGeRG_card",
-			"choiceRow": "XNGeRG_choiceRow",
-			"chevron": "XNGeRG_chevron",
-			"failure": "XNGeRG_failure",
-			"discard": "XNGeRG_discard",
-			"updateRow": "XNGeRG_updateRow",
-			"footer": "XNGeRG_footer",
-			"body": "XNGeRG_body",
-			"field": "XNGeRG_field",
-			"failed": "XNGeRG_failed",
-			"name": "XNGeRG_name",
-			"readOnly": "XNGeRG_readOnly",
-			"chevronOpen": "XNGeRG_chevronOpen",
-			"toggle": "XNGeRG_toggle",
-			"choice": "XNGeRG_choice",
-			"choiceInput": "XNGeRG_choiceInput",
-			"description": "XNGeRG_description",
-			"pending": "XNGeRG_pending",
-			"fieldDisabled": "XNGeRG_fieldDisabled",
-			"headText": "XNGeRG_headText",
-			"fieldHead": "XNGeRG_fieldHead",
-			"label": "XNGeRG_label",
-			"cardOpen": "XNGeRG_cardOpen",
-			"header": "XNGeRG_header"
+			"footer": "v5eDwW_footer",
+			"name": "v5eDwW_name",
+			"body": "v5eDwW_body",
+			"fieldHead": "v5eDwW_fieldHead",
+			"fieldDisabled": "v5eDwW_fieldDisabled",
+			"choice": "v5eDwW_choice",
+			"chevronOpen": "v5eDwW_chevronOpen",
+			"update": "v5eDwW_update",
+			"description": "v5eDwW_description",
+			"card": "v5eDwW_card",
+			"pending": "v5eDwW_pending",
+			"updateRow": "v5eDwW_updateRow",
+			"readOnly": "v5eDwW_readOnly",
+			"chevron": "v5eDwW_chevron",
+			"cardOpen": "v5eDwW_cardOpen",
+			"headText": "v5eDwW_headText",
+			"choiceRow": "v5eDwW_choiceRow",
+			"failure": "v5eDwW_failure",
+			"failed": "v5eDwW_failed",
+			"header": "v5eDwW_header",
+			"save": "v5eDwW_save",
+			"toggle": "v5eDwW_toggle",
+			"field": "v5eDwW_field",
+			"choiceInput": "v5eDwW_choiceInput",
+			"version": "v5eDwW_version",
+			"updateCopy": "v5eDwW_updateCopy",
+			"label": "v5eDwW_label",
+			"discard": "v5eDwW_discard",
+			"hint": "v5eDwW_hint"
 		};
 		//#endregion
 		//#region src/client/SmoothStreamCard.tsx
@@ -4117,7 +5013,7 @@ window.__ModuleLoader__.load({
 							className: SmoothStreamCard_module_css_default.pending,
 							children: t("unsaved")
 						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: open ? `${SmoothStreamCard_module_css_default.chevron} ${SmoothStreamCard_module_css_default.chevronOpen}` : SmoothStreamCard_module_css_default.chevron })
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDown, { className: open ? `${SmoothStreamCard_module_css_default.chevron} ${SmoothStreamCard_module_css_default.chevronOpen}` : SmoothStreamCard_module_css_default.chevron })
 					]
 				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: SmoothStreamCard_module_css_default.body,
@@ -4260,6 +5156,57 @@ window.__ModuleLoader__.load({
 									})
 								]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: state.enabled ? SmoothStreamCard_module_css_default.field : `${SmoothStreamCard_module_css_default.field} ${SmoothStreamCard_module_css_default.fieldDisabled}`,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.fieldHead,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: SmoothStreamCard_module_css_default.label,
+											children: t("preset")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.hint,
+										children: t("presetHint")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.choiceRow,
+										role: "radiogroup",
+										"aria-label": t("preset"),
+										children: [
+											[
+												"realtime",
+												"presetRealtime",
+												"presetRealtimeHint"
+											],
+											[
+												"balanced",
+												"presetBalanced",
+												"presetBalancedHint"
+											],
+											[
+												"silky",
+												"presetSilky",
+												"presetSilkyHint"
+											]
+										].map(([value, label, hint]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: SmoothStreamCard_module_css_default.choice,
+											title: t(hint),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "radio",
+												className: SmoothStreamCard_module_css_default.choiceInput,
+												name: "smooth-stream-preset",
+												checked: state.preset === value,
+												disabled: !state.writable || state.saving || !state.enabled,
+												onChange: () => {
+													props.edit({ preset: value });
+												}
+											}), t(label)]
+										}, value))
+									})
+								]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 								className: state.enabled ? SmoothStreamCard_module_css_default.field : `${SmoothStreamCard_module_css_default.field} ${SmoothStreamCard_module_css_default.fieldDisabled}`,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -4321,7 +5268,7 @@ window.__ModuleLoader__.load({
 									onClick: props.upgrade,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										"aria-hidden": "true",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline14, {})
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconRefresh, {})
 									}), t(state.upgrading ? "updating" : "update")]
 								})]
 							}),
@@ -4402,10 +5349,11 @@ window.__ModuleLoader__.load({
 					hooks: { smoothStreamCard: this.store },
 					edit: (patch) => {
 						if (this.saving) return;
-						if (patch.enabled !== void 0 || patch.controlScroll !== void 0 || patch.motionPreference !== void 0 || patch.thinkAutoExpand !== void 0 || patch.logarithmicFade !== void 0) this.stagedBase = {
+						if (patch.enabled !== void 0 || patch.controlScroll !== void 0 || patch.preset !== void 0 || patch.motionPreference !== void 0 || patch.thinkAutoExpand !== void 0 || patch.logarithmicFade !== void 0) this.stagedBase = {
 							...this.baseValues(),
 							...patch.enabled === void 0 ? {} : { enabled: patch.enabled },
 							...patch.controlScroll === void 0 ? {} : { controlScroll: patch.controlScroll },
+							...patch.preset === void 0 ? {} : { preset: patch.preset },
 							...patch.motionPreference === void 0 ? {} : { motionPreference: patch.motionPreference },
 							...patch.thinkAutoExpand === void 0 ? {} : { thinkAutoExpand: patch.thinkAutoExpand },
 							...patch.logarithmicFade === void 0 ? {} : { logarithmicFade: patch.logarithmicFade }
@@ -4461,6 +5409,7 @@ window.__ModuleLoader__.load({
 				return this.stagedBase ?? {
 					enabled: this.loaded?.enabled ?? DEFAULT_STREAM_SETTINGS.enabled,
 					controlScroll: this.loaded?.controlScroll ?? DEFAULT_STREAM_SETTINGS.controlScroll,
+					preset: this.loaded?.preset ?? DEFAULT_STREAM_SETTINGS.preset,
 					motionPreference: this.loaded?.motionPreference ?? DEFAULT_STREAM_SETTINGS.motionPreference,
 					thinkAutoExpand: this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand,
 					logarithmicFade: this.loaded?.logarithmicFade ?? DEFAULT_STREAM_SETTINGS.logarithmicFade
@@ -4583,13 +5532,18 @@ window.__ModuleLoader__.load({
 				"npm",
 				"development",
 				"unmanaged"
-			].includes(data.installation) || typeof data.writable !== "boolean" || typeof data.enabled !== "boolean" || typeof data.controlScroll !== "boolean" || ![
+			].includes(data.installation) || typeof data.writable !== "boolean" || typeof data.enabled !== "boolean" || typeof data.controlScroll !== "boolean" || data.preset !== void 0 && ![
+				"realtime",
+				"balanced",
+				"silky"
+			].includes(data.preset) || ![
 				"auto",
 				"force-smooth",
 				"force-reduced"
 			].includes(data.motionPreference) || typeof data.thinkAutoExpand !== "boolean" || data.logarithmicFade !== void 0 && typeof data.logarithmicFade !== "boolean" || typeof data.canUpgrade !== "boolean") throw new Error("dsh-smooth-stream: malformed settings response");
 			return {
 				...data,
+				preset: data.preset ?? "balanced",
 				logarithmicFade: data.logarithmicFade ?? true
 			};
 		}
@@ -4620,6 +5574,7 @@ window.__ModuleLoader__.load({
 					return settingsView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.write, {
 						enabled: settings.enabled,
 						controlScroll: settings.controlScroll,
+						preset: settings.preset,
 						motionPreference: settings.motionPreference,
 						thinkAutoExpand: settings.thinkAutoExpand,
 						logarithmicFade: settings.logarithmicFade,
@@ -4644,8 +5599,8 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/DebugPanel.module.css.mjs
-		const css = ".m4_tdG_trigger,.m4_tdG_iconButton{appearance:none;width:32px;height:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.m4_tdG_trigger:hover,.m4_tdG_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.m4_tdG_iconButton:disabled{opacity:.45;cursor:not-allowed}.m4_tdG_triggerActive{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-business-primary)}.m4_tdG_trigger:focus-visible,.m4_tdG_iconButton:focus-visible,.m4_tdG_secondaryButton:focus-visible,.m4_tdG_primaryButton:focus-visible,.m4_tdG_number:focus-visible,.m4_tdG_range:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.m4_tdG_panel{z-index:30;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);width:min(328px,100vw - 32px);min-height:280px;box-shadow:0 12px 32px color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent);color:var(--dsw-alias-label-primary);border-radius:8px;flex-direction:column;display:flex;position:fixed;top:88px;bottom:16px;right:16px;overflow:hidden}.m4_tdG_panelHeader{border-bottom:1px solid var(--dsw-alias-border-l2);flex:none;align-items:center;gap:8px;min-height:48px;padding:0 8px 0 14px;display:flex}.m4_tdG_statusDot{background:var(--dsw-alias-label-caption);border-radius:50%;flex:none;width:7px;height:7px}.m4_tdG_statusLive{background:var(--dsw-alias-state-success-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}.m4_tdG_title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.m4_tdG_state,.m4_tdG_unsaved{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;font-size:10px;line-height:16px}.m4_tdG_unsaved{color:var(--dsw-alias-state-warn-primary)}.m4_tdG_scrollArea{overscroll-behavior:contain;min-height:0;overflow-y:auto}.m4_tdG_section{padding:14px}.m4_tdG_guide{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);margin:0;padding:12px 14px;font-size:11px;line-height:1.55}.m4_tdG_section+.m4_tdG_section{border-top:1px solid var(--dsw-alias-border-l2)}.m4_tdG_section h2{color:var(--dsw-alias-label-secondary);margin:0 0 10px;font-size:12px;font-weight:600;line-height:18px}.m4_tdG_metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;display:grid}.m4_tdG_metric{border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 65%, transparent);justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:5px 0;display:flex}.m4_tdG_metric dt{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}.m4_tdG_metric dd{min-width:0;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:16px;overflow:hidden}.m4_tdG_metric dd[data-tone=good]{color:var(--dsw-alias-state-success-primary)}.m4_tdG_metric dd[data-tone=warn]{color:var(--dsw-alias-state-warn-primary)}.m4_tdG_control{flex-direction:column;gap:5px;padding:6px 0;display:flex}.m4_tdG_controlHead{color:var(--dsw-alias-label-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;line-height:18px;display:flex}.m4_tdG_controlLabel{align-items:center;gap:4px;min-width:0;display:inline-flex}.m4_tdG_infoButton{appearance:none;width:20px;height:20px;color:var(--dsw-alias-label-tertiary);cursor:help;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.m4_tdG_infoButton:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.m4_tdG_infoButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.m4_tdG_numberWrap{flex:none;align-items:center;gap:4px;display:inline-flex}.m4_tdG_number{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);width:68px;height:26px;color:var(--dsw-alias-label-primary);font:inherit;font-variant-numeric:tabular-nums;text-align:right;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.m4_tdG_unit{width:30px;color:var(--dsw-alias-label-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.m4_tdG_range{width:100%;height:18px;accent-color:var(--dsw-alias-state-business-primary);cursor:pointer;margin:0}.m4_tdG_range:disabled,.m4_tdG_number:disabled{opacity:.5;cursor:default}.m4_tdG_footer{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);flex:none;align-items:center;gap:6px;min-height:50px;padding:8px 10px;display:flex}.m4_tdG_footerSpacer{flex:1}.m4_tdG_secondaryButton,.m4_tdG_primaryButton{appearance:none;border:1px solid var(--dsw-alias-border-l2);min-height:30px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 9px;font-size:11px;line-height:18px;display:inline-flex}.m4_tdG_primaryButton{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);border-color:#0000}.m4_tdG_secondaryButton:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.m4_tdG_secondaryButton:disabled,.m4_tdG_primaryButton:disabled{opacity:.4;cursor:default}.m4_tdG_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.m4_tdG_trigger,.m4_tdG_iconButton{width:44px;height:44px}.m4_tdG_panel{top:auto;right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:auto;max-height:min(70dvh,640px);left:12px}.m4_tdG_secondaryButton,.m4_tdG_primaryButton{min-height:44px}}@media (prefers-reduced-motion:reduce){.m4_tdG_statusLive{box-shadow:none}}";
+		//#region \0dsh-css:/Users/dzlin/.codex/worktrees/pr-39-review/dsh-smooth-stream/src/client/DebugPanel.module.css.mjs
+		const css = "._6TTfZq_trigger,._6TTfZq_iconButton{appearance:none;width:32px;height:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}._6TTfZq_trigger:hover,._6TTfZq_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._6TTfZq_iconButton:disabled{opacity:.45;cursor:not-allowed}._6TTfZq_triggerActive{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-state-business-primary)}._6TTfZq_trigger:focus-visible,._6TTfZq_iconButton:focus-visible,._6TTfZq_secondaryButton:focus-visible,._6TTfZq_primaryButton:focus-visible,._6TTfZq_number:focus-visible,._6TTfZq_range:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}._6TTfZq_panel{z-index:30;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);width:min(328px,100vw - 32px);min-height:280px;box-shadow:0 12px 32px color-mix(in srgb, var(--dsw-alias-label-primary) 14%, transparent);color:var(--dsw-alias-label-primary);border-radius:8px;flex-direction:column;display:flex;position:fixed;top:88px;bottom:16px;right:16px;overflow:hidden}._6TTfZq_panelHeader{border-bottom:1px solid var(--dsw-alias-border-l2);flex:none;align-items:center;gap:8px;min-height:48px;padding:0 8px 0 14px;display:flex}._6TTfZq_statusDot{background:var(--dsw-alias-label-caption);border-radius:50%;flex:none;width:7px;height:7px}._6TTfZq_statusLive{background:var(--dsw-alias-state-success-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-state-success-primary) 15%, transparent)}._6TTfZq_title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}._6TTfZq_state,._6TTfZq_unsaved{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;font-size:10px;line-height:16px}._6TTfZq_unsaved{color:var(--dsw-alias-state-warn-primary)}._6TTfZq_scrollArea{overscroll-behavior:contain;min-height:0;overflow-y:auto}._6TTfZq_section{padding:14px}._6TTfZq_guide{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);margin:0;padding:12px 14px;font-size:11px;line-height:1.55}._6TTfZq_section+._6TTfZq_section{border-top:1px solid var(--dsw-alias-border-l2)}._6TTfZq_section h2{color:var(--dsw-alias-label-secondary);margin:0 0 10px;font-size:12px;font-weight:600;line-height:18px}._6TTfZq_metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;display:grid}._6TTfZq_metric{border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 65%, transparent);justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:5px 0;display:flex}._6TTfZq_metric dt{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}._6TTfZq_metric dd{min-width:0;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:16px;overflow:hidden}._6TTfZq_metric dd[data-tone=good]{color:var(--dsw-alias-state-success-primary)}._6TTfZq_metric dd[data-tone=warn]{color:var(--dsw-alias-state-warn-primary)}._6TTfZq_control{flex-direction:column;gap:5px;padding:6px 0;display:flex}._6TTfZq_controlHead{color:var(--dsw-alias-label-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;line-height:18px;display:flex}._6TTfZq_controlLabel{align-items:center;gap:4px;min-width:0;display:inline-flex}._6TTfZq_infoButton{appearance:none;width:20px;height:20px;color:var(--dsw-alias-label-tertiary);cursor:help;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}._6TTfZq_infoButton:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._6TTfZq_infoButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}._6TTfZq_numberWrap{flex:none;align-items:center;gap:4px;display:inline-flex}._6TTfZq_number{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);width:68px;height:26px;color:var(--dsw-alias-label-primary);font:inherit;font-variant-numeric:tabular-nums;text-align:right;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}._6TTfZq_unit{width:30px;color:var(--dsw-alias-label-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}._6TTfZq_range{width:100%;height:18px;accent-color:var(--dsw-alias-state-business-primary);cursor:pointer;margin:0}._6TTfZq_range:disabled,._6TTfZq_number:disabled{opacity:.5;cursor:default}._6TTfZq_footer{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);flex:none;align-items:center;gap:6px;min-height:50px;padding:8px 10px;display:flex}._6TTfZq_footerSpacer{flex:1}._6TTfZq_secondaryButton,._6TTfZq_primaryButton{appearance:none;border:1px solid var(--dsw-alias-border-l2);min-height:30px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 9px;font-size:11px;line-height:18px;display:inline-flex}._6TTfZq_primaryButton{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3);border-color:#0000}._6TTfZq_secondaryButton:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}._6TTfZq_secondaryButton:disabled,._6TTfZq_primaryButton:disabled{opacity:.4;cursor:default}._6TTfZq_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){._6TTfZq_trigger,._6TTfZq_iconButton{width:44px;height:44px}._6TTfZq_panel{top:auto;right:12px;bottom:max(12px, env(safe-area-inset-bottom));width:auto;max-height:min(70dvh,640px);left:12px}._6TTfZq_secondaryButton,._6TTfZq_primaryButton{min-height:44px}}@media (prefers-reduced-motion:reduce){._6TTfZq_statusLive{box-shadow:none}}";
 		const tagId = "dsh-smooth-stream/DebugPanel.module.css";
 		if (typeof document !== "undefined") {
 			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]");
@@ -4658,37 +5613,49 @@ window.__ModuleLoader__.load({
 			tag.textContent = css;
 		}
 		var DebugPanel_module_css_default = {
-			"section": "m4_tdG_section",
-			"guide": "m4_tdG_guide",
-			"metrics": "m4_tdG_metrics",
-			"numberWrap": "m4_tdG_numberWrap",
-			"statusLive": "m4_tdG_statusLive",
-			"visuallyHidden": "m4_tdG_visuallyHidden",
-			"statusDot": "m4_tdG_statusDot",
-			"secondaryButton": "m4_tdG_secondaryButton",
-			"controlLabel": "m4_tdG_controlLabel",
-			"title": "m4_tdG_title",
-			"control": "m4_tdG_control",
-			"trigger": "m4_tdG_trigger",
-			"triggerActive": "m4_tdG_triggerActive",
-			"infoButton": "m4_tdG_infoButton",
-			"footerSpacer": "m4_tdG_footerSpacer",
-			"primaryButton": "m4_tdG_primaryButton",
-			"footer": "m4_tdG_footer",
-			"state": "m4_tdG_state",
-			"range": "m4_tdG_range",
-			"number": "m4_tdG_number",
-			"panel": "m4_tdG_panel",
-			"scrollArea": "m4_tdG_scrollArea",
-			"metric": "m4_tdG_metric",
-			"panelHeader": "m4_tdG_panelHeader",
-			"unit": "m4_tdG_unit",
-			"controlHead": "m4_tdG_controlHead",
-			"iconButton": "m4_tdG_iconButton",
-			"unsaved": "m4_tdG_unsaved"
+			"footerSpacer": "_6TTfZq_footerSpacer",
+			"primaryButton": "_6TTfZq_primaryButton",
+			"statusDot": "_6TTfZq_statusDot",
+			"section": "_6TTfZq_section",
+			"numberWrap": "_6TTfZq_numberWrap",
+			"unsaved": "_6TTfZq_unsaved",
+			"trigger": "_6TTfZq_trigger",
+			"metric": "_6TTfZq_metric",
+			"panel": "_6TTfZq_panel",
+			"range": "_6TTfZq_range",
+			"iconButton": "_6TTfZq_iconButton",
+			"panelHeader": "_6TTfZq_panelHeader",
+			"footer": "_6TTfZq_footer",
+			"controlLabel": "_6TTfZq_controlLabel",
+			"triggerActive": "_6TTfZq_triggerActive",
+			"number": "_6TTfZq_number",
+			"statusLive": "_6TTfZq_statusLive",
+			"controlHead": "_6TTfZq_controlHead",
+			"guide": "_6TTfZq_guide",
+			"unit": "_6TTfZq_unit",
+			"control": "_6TTfZq_control",
+			"state": "_6TTfZq_state",
+			"scrollArea": "_6TTfZq_scrollArea",
+			"visuallyHidden": "_6TTfZq_visuallyHidden",
+			"title": "_6TTfZq_title",
+			"metrics": "_6TTfZq_metrics",
+			"secondaryButton": "_6TTfZq_secondaryButton",
+			"infoButton": "_6TTfZq_infoButton"
 		};
 		//#endregion
 		//#region src/client/DebugPanel.tsx
+		/**
+		* Locale key per terminal-follow phase. `terminal-drain` and `host-cascade`
+		* are the two that must never be confused: the first is the engine finishing
+		* ordinary text, the second is a hostile host commit that needs temporary
+		* credit.
+		*/
+		const PHASE_LABEL = {
+			"live": "debugPhaseLive",
+			"terminal-drain": "debugPhaseDrain",
+			"host-cascade": "debugPhaseCascade",
+			"natural": "debugPhaseNatural"
+		};
 		const REVEAL_CONTROLS = [
 			{
 				key: "revealScale",
@@ -4815,7 +5782,7 @@ window.__ModuleLoader__.load({
 								type: "button",
 								"aria-label": label,
 								title: t(control.tip),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQuestionOutline14, {})
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconQuestion, {})
 							})
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -4911,7 +5878,7 @@ window.__ModuleLoader__.load({
 								onClick: () => {
 									copyDiagnostics();
 								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, {})
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCopy, {})
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								className: DebugPanel_module_css_default.iconButton,
@@ -4924,7 +5891,7 @@ window.__ModuleLoader__.load({
 									props.edit({ debugEnabled: false });
 									props.save();
 								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconClose, {})
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: DebugPanel_module_css_default.visuallyHidden,
@@ -4992,6 +5959,28 @@ window.__ModuleLoader__.load({
 											label: t("debugCapacity"),
 											value: `${fixed(metrics.followCapacityPx)} px`
 										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugTerminalPhase"),
+											value: t(PHASE_LABEL[metrics.followTerminalPhase]),
+											tone: metrics.followTerminalPhase === "host-cascade" ? "warn" : void 0
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugOwnedRunway"),
+											value: `${fixed(metrics.followRunwayPx)} px`
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugTerminalBudget"),
+											value: `${fixed(metrics.followTerminalBudgetPx)} px`
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugBaselineShift"),
+											value: `${fixed(metrics.followBaselineShiftPx)} px`
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugAnchorDelta"),
+											value: metrics.followAnchorDeltaPx === null ? "—" : `${fixed(metrics.followAnchorDeltaPx)} px`,
+											tone: (metrics.followAnchorDeltaPx ?? 0) > .35 ? "warn" : void 0
+										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
 											label: t("debugAppliedScale"),
 											value: `${fixed(metrics.followRevealScale, 2)}x`
@@ -5037,7 +6026,7 @@ window.__ModuleLoader__.load({
 								type: "button",
 								disabled: !state.writable,
 								onClick: props.reset,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline16, {}), t("debugReset")]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconRefreshSmall, {}), t("debugReset")]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: DebugPanel_module_css_default.footerSpacer }),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -5067,7 +6056,7 @@ window.__ModuleLoader__.load({
 				onClick: () => {
 					setOpen((current) => !current);
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCodeOutline16, {})
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCode, {})
 			}), typeof document === "undefined" || panel === null ? null : (0, react_dom.createPortal)(panel, document.body)] });
 		}
 		//#endregion
@@ -5075,6 +6064,37 @@ window.__ModuleLoader__.load({
 		/** Locale bundles for the smooth-stream plugin configuration card. */
 		/** Dictionary namespace owned by this plugin's settings card. */
 		const NS = "settings.smoothStream";
+		/**
+		* Namespace owning the conversation keys THIS PLUGIN must be able to render
+		* but the Harness does not always provide.
+		*
+		* The plugin consumes keys from two Harness namespaces, and which one owns a
+		* given key is not stable across Harness versions:
+		*
+		* - `conversation` (`dsh-client-ui-conversation`) owns the `image.*` family in
+		*   every version, and also owned `message.stopped`, `message.unknownBlock`
+		*   and `json.truncated` before those moved to `chat`.
+		* - `chat` (`dsh-client-ui-chat`, present from 0.1.5 on) owns `message.think`
+		*   and now owns the three keys above. It does not exist at all in rc.6, the
+		*   version this package still pins in devDependencies.
+		*
+		* Neither namespace alone can serve every key this plugin renders, so
+		* `index.ts` layers them. This plugin-owned namespace is the final layer; it
+		* exists because a plugin may NOT register into `chat` or `conversation` —
+		* `LocaleRuntime.register` throws when the (namespace, locale) pair already
+		* has an owner, and the Harness owns both.
+		*/
+		const CHAT_NS = "smoothStream.chat";
+		/** English fallback for {@link SmoothStreamChatKey}. */
+		const chatEn = {
+			"message.think": "Think",
+			"image.serviceUnavailable": "Image service unavailable"
+		};
+		/** Simplified Chinese fallback for {@link SmoothStreamChatKey}. */
+		const chatZh = {
+			"message.think": "思考",
+			"image.serviceUnavailable": "图片服务不可用"
+		};
 		/** English copy. */
 		const en = {
 			title: "Smooth stream",
@@ -5083,6 +6103,14 @@ window.__ModuleLoader__.load({
 			enabledHint: "Let this plugin render and follow streaming replies. Turn off to use the built-in Harness renderer.",
 			controlScroll: "Take over scrolling",
 			controlScrollHint: "On by default; smooth-stream writes the conversation scroll position. Turn off to leave bottom-follow to Harness.",
+			preset: "Pacing preset",
+			presetHint: "Smoothing cadence profile for text reveal and glide.",
+			presetRealtime: "Realtime",
+			presetRealtimeHint: "Aggressive cadence, low latency, tracks output closely.",
+			presetBalanced: "Balanced",
+			presetBalancedHint: "Default balance between pace and visual rhythm.",
+			presetSilky: "Silky",
+			presetSilkyHint: "Higher backlog buffer, gentle EMA damping, maximum fluidity.",
 			motionPreference: "Motion",
 			motionPreferenceHint: "How streaming responds to the system reduce-motion setting.",
 			motionAuto: "Follow system",
@@ -5126,6 +6154,15 @@ window.__ModuleLoader__.load({
 			debugReserve: "Reserve",
 			debugCapacity: "Capacity",
 			debugAppliedScale: "Applied scale",
+			debugTerminalPhase: "Terminal phase",
+			debugOwnedRunway: "Owned runway",
+			debugTerminalBudget: "Terminal budget",
+			debugBaselineShift: "Baseline shift",
+			debugAnchorDelta: "Anchor Δ",
+			debugPhaseLive: "live",
+			debugPhaseDrain: "terminal-drain",
+			debugPhaseCascade: "host-cascade",
+			debugPhaseNatural: "natural",
 			debugRevealMultiplier: "Reveal multiplier",
 			debugQueuePressure: "Queue pressure",
 			debugMaxReveal: "Maximum reveal",
@@ -5172,6 +6209,14 @@ window.__ModuleLoader__.load({
 			enabledHint: "由本插件渲染并跟随流式回复；关闭后使用 Harness 内置渲染。",
 			controlScroll: "接管滚动",
 			controlScrollHint: "默认开启，由丝滑流式写入会话滚动位置；关闭后贴底滚动交给 Harness。",
+			preset: "手感预设",
+			presetHint: "文字吐字节奏与视口跟随阻尼风格。",
+			presetRealtime: "激进快速 (realtime)",
+			presetRealtimeHint: "缓冲低、流速快，紧跟模型生成。",
+			presetBalanced: "均衡自然 (balanced)",
+			presetBalancedHint: "官方默认，平衡流速与节奏感。",
+			presetSilky: "极致丝滑 (silky)",
+			presetSilkyHint: "字符积压缓冲加大、阻尼更高、EMA 平滑度更好，视觉呼吸感最强。",
 			motionPreference: "动效偏好",
 			motionPreferenceHint: "流式渲染如何响应系统的「减少动态效果」设置。",
 			motionAuto: "跟随系统",
@@ -5215,6 +6260,15 @@ window.__ModuleLoader__.load({
 			debugReserve: "预留空间",
 			debugCapacity: "安全容量",
 			debugAppliedScale: "实际倍率",
+			debugTerminalPhase: "收尾阶段",
+			debugOwnedRunway: "实体留白",
+			debugTerminalBudget: "收尾预算",
+			debugBaselineShift: "基线位移",
+			debugAnchorDelta: "锚点位移",
+			debugPhaseLive: "流式中",
+			debugPhaseDrain: "收尾排空",
+			debugPhaseCascade: "宿主交接",
+			debugPhaseNatural: "自然态",
 			debugRevealMultiplier: "揭示倍率",
 			debugQueuePressure: "队列压力",
 			debugMaxReveal: "最大揭示速度",
@@ -5275,12 +6329,33 @@ window.__ModuleLoader__.load({
 		* generic follow boundary. This is deliberately keyed by the owner that
 		* provides the renderer, not by individual tool names, so new Context,
 		* Command, and Tool rows are covered automatically.
+		*
+		* Host chrome and controllers are excluded on a different rule: `turn-process`
+		* (the completed-turn process summary control) and `turn-tail` (the turn usage
+		* footer) are not Agent output. The Host renders them as bare controls and
+		* flips their visibility itself, so wrapping them has three measured costs and
+		* no benefit:
+		*
+		* 1. The wrapper element defeats ChatView's `.flowItem:empty { display: none }`
+		*    rule. A `turn-process` renderer returns null whenever the Host's fold is
+		*    unavailable (e.g. `processWindowReady === false`), and that null render is
+		*    exactly what the `:empty` rule exists to erase; with a wrapper the row
+		*    stays in flow and still consumes the 16px column gap, painting an empty
+		*    band where the fold control should be.
+		* 2. The summary label (`N tool calls · M messages`) is not streamed model
+		*    text, so pushing it through the character-reveal engine is wrong by
+		*    construction.
+		* 3. The row would inherit the generic entrance animation (opacity + clip-path)
+		*    on a row the Host may mount and hide inside a single commit.
 		*/
 		const SKIP_WRAP = /* @__PURE__ */ new Set([
 			"assistant-step",
 			"user",
 			"steering",
-			"command-input"
+			"command-input",
+			"turn-process",
+			"turn-tail",
+			"tool-call"
 		]);
 		/** React function/class or an exotic component such as memo/forwardRef/lazy. */
 		function isWrappableComponent(value) {
@@ -5376,7 +6451,7 @@ window.__ModuleLoader__.load({
 			refresh() {
 				const next = this.read();
 				const pending = this.card?.getSnapshot().status === "loading";
-				if (pending === this.pending && next.enabled === this.value.enabled && next.controlScroll === this.value.controlScroll && next.motionPreference === this.value.motionPreference && next.thinkAutoExpand === this.value.thinkAutoExpand && next.logarithmicFade === this.value.logarithmicFade && next.debugEnabled === this.value.debugEnabled && next.debugTuning === this.value.debugTuning) return;
+				if (pending === this.pending && next.enabled === this.value.enabled && next.controlScroll === this.value.controlScroll && next.preset === this.value.preset && next.motionPreference === this.value.motionPreference && next.thinkAutoExpand === this.value.thinkAutoExpand && next.logarithmicFade === this.value.logarithmicFade && next.debugEnabled === this.value.debugEnabled && next.debugTuning === this.value.debugTuning) return;
 				this.pending = pending;
 				this.value = next;
 				for (const listener of this.listeners) listener();
@@ -5385,6 +6460,15 @@ window.__ModuleLoader__.load({
 			takeoverEnabled() {
 				return !this.pending && this.value.enabled;
 			}
+			/**
+			* True only once an attached settings service has produced its loaded values.
+			* Until then — and when no settings service is composed at all — `value` is
+			* still the shared client default, so callers that must not let that default
+			* shadow the install-time config have to ask before trusting it.
+			*/
+			ready() {
+				return this.card?.getSnapshot().status === "ready";
+			}
 			getSnapshot = () => this.value;
 			subscribe = (listener) => {
 				this.listeners.add(listener);
@@ -5408,6 +6492,49 @@ window.__ModuleLoader__.load({
 			const config = readBootConfig();
 			const settings = new SettingsCell();
 			const useControlScroll = () => (0, react.useSyncExternalStore)(settings.subscribe, () => settings.getSnapshot().controlScroll, () => settings.getSnapshot().controlScroll);
+			/**
+			* Layered `t` for the assistant renderer.
+			*
+			* The renderer's keys have no single owner: `conversation` owns the
+			* `image.*` family in every Harness version, `chat` (0.1.5+) owns
+			* `message.think`, and three `message.*` keys MOVED from `conversation` to
+			* `chat` between the version this package pins and the current one. Binding
+			* the slot to either namespace alone degrades a real slice of the UI to raw
+			* keys, which is the defect this replaces.
+			*
+			* The order is deliberate: `conversation` first, so the pinned Harness keeps
+			* resolving the keys it still owns there; then `chat` for what moved or is
+			* new; then this plugin's own namespace for keys no Harness version
+			* provides. A namespace that is not registered returns its key unchanged
+			* (`LocaleRuntime.bind` does not throw), so an older Harness without `chat`
+			* falls straight through.
+			*
+			* The reference is built once and held stable: the seat feeds a memoized
+			* renderer, and a fresh identity per render would defeat that memoization.
+			* Until the locale service arrives the seat's own binding stays in use.
+			*/
+			let assistantT;
+			ctx.inject(["locale"], (localeCtx) => {
+				localeCtx.effect(() => localeCtx.locale.register(CHAT_NS, {
+					zh: chatZh,
+					en: chatEn
+				}), "dsh-smooth-stream: conversation fallback dictionary");
+				const conversationT = localeCtx.locale.bind("conversation");
+				const chatT = localeCtx.locale.bind("chat");
+				const fallbackT = localeCtx.locale.bind(CHAT_NS);
+				const merged = (key, params) => {
+					const primary = conversationT(key, params);
+					if (primary !== key) return primary;
+					const secondary = chatT(key, params);
+					if (secondary !== key) return secondary;
+					return fallbackT(key, params);
+				};
+				const bound = merged;
+				assistantT = bound;
+				return () => {
+					if (assistantT === bound) assistantT = void 0;
+				};
+			});
 			ctx.inject([
 				"slots",
 				"locale",
@@ -5470,8 +6597,9 @@ window.__ModuleLoader__.load({
 				const preferences = (0, react.useSyncExternalStore)(settings.subscribe, settings.getSnapshot, settings.getSnapshot);
 				return (0, react.createElement)(TypewriterAssistantNodeView, {
 					...props,
+					...assistantT === void 0 ? {} : { t: assistantT },
 					mode: config.mode,
-					preset: config.preset,
+					preset: settings.ready() ? preferences.preset ?? config.preset : config.preset,
 					revealCharsPerSec: config.revealCharsPerSec,
 					scrollSpeedPxPerSec: config.scrollSpeedPxPerSec,
 					maxScrollSpeedPxPerSec: config.maxScrollSpeedPxPerSec,
@@ -5483,6 +6611,7 @@ window.__ModuleLoader__.load({
 			};
 			ctx.slots.inject("conversation.chat.node", () => {
 				let releaseTakeover;
+				let usedSwap = false;
 				const syncTakeover = () => {
 					if (!settings.takeoverEnabled()) {
 						releaseTakeover?.();
@@ -5491,7 +6620,16 @@ window.__ModuleLoader__.load({
 					}
 					if (releaseTakeover !== void 0) return;
 					const unwrap = wrapAgentChatRows(ctx, useControlScroll);
-					const unshadow = ctx.slots.register({
+					const builtin = ctx.slots.entries("conversation.chat.node").find((entry) => entry.options.key === "assistant-step" && entry.options.registrant !== "dsh-smooth-stream" && entry.component !== configured);
+					let unshadow;
+					if (builtin !== void 0 && isWrappableComponent(builtin.component)) {
+						usedSwap = true;
+						const inner = builtin.component;
+						builtin.component = configured;
+						unshadow = () => {
+							if (builtin.component === configured) builtin.component = inner;
+						};
+					} else unshadow = ctx.slots.register({
 						name: "conversation.chat.node",
 						key: "assistant-step",
 						priority: -100,
@@ -5503,10 +6641,18 @@ window.__ModuleLoader__.load({
 						unshadow();
 					};
 				};
+				const offSlotChange = ctx.on("slots/changed", (key) => {
+					if (key !== "conversation.chat.node" || usedSwap || releaseTakeover === void 0) return;
+					if (!settings.takeoverEnabled()) return;
+					releaseTakeover();
+					releaseTakeover = void 0;
+					syncTakeover();
+				});
 				const unsubscribe = settings.subscribe(syncTakeover);
 				syncTakeover();
 				return () => {
 					unsubscribe();
+					offSlotChange();
 					releaseTakeover?.();
 				};
 			});