dsh-smooth-stream 0.3.3 → 0.4.0

package/lib/client.js

@@ -9,41 +9,42 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_attachment = require("@deepseek-ai/dsh-client-ui-attachment");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		let react_dom = require("react-dom");
 		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/TypewriterAssistantNodeView.module.css.mjs
-		const css$1 = ".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>*{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}@supports (text-box-trim:trim-both){.I17U7q_root :is(p,h1,h2,h3,h4,h5,h6,li,blockquote){text-box-trim:trim-both;text-box-edge:text}}";
-		const tagId$1 = "dsh-smooth-stream/TypewriterAssistantNodeView.module.css";
+		const css$2 = ".I17U7q_root{min-width:0;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:16px;line-height:28px;display:flex}.I17U7q_body{flex-direction:column;gap:16px;min-width:0;display:flex}.I17U7q_think{flex-direction:column;display:flex}.I17U7q_thinkRow{position:relative;overflow:hidden}.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite I17U7q_dsh-smooth-stream-think-sweep;position:absolute;left:0}@keyframes I17U7q_dsh-smooth-stream-think-sweep{0%{left:-300px}90%,to{left:100%}}.I17U7q_thinkLeading{flex-shrink:0}.I17U7q_thinkChevron{color:var(--dsw-alias-label-secondary)}.I17U7q_thinkTitle{font-weight:400}.I17U7q_thinkSeparator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.I17U7q_thinkSummary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.I17U7q_thinkSummary[data-follow-end]{text-overflow:clip}.I17U7q_thinkBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;padding:4px 0 4px 22px;font-size:14px;line-height:24px}.I17U7q_disclosureRoot{flex-direction:column;width:100%;min-width:0;display:flex}.I17U7q_disclosureRow{cursor:pointer;align-items:center;min-width:0;height:24px;display:flex;position:relative;overflow:hidden}.I17U7q_disclosureLeading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:6px;display:inline-flex;position:relative}.I17U7q_disclosureIconIdle{opacity:1;transition:opacity .1s;display:inline-flex}.I17U7q_disclosureChevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureIconIdle{opacity:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureChevronHover{opacity:1}.I17U7q_disclosureTitle{color:var(--dsw-alias-label-secondary);flex:none;font-size:14px;line-height:24px}.I17U7q_disclosureContent{visibility:visible;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s;grid-template-rows:1fr;display:grid}.I17U7q_disclosureContent[data-collapsed]{visibility:hidden;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s var(--ds-transition-duration,.2s);grid-template-rows:0fr}.I17U7q_disclosureContent>*{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}@supports (text-box-trim:trim-both){.I17U7q_root :is(p,h1,h2,h3,h4,h5,h6,li,blockquote){text-box-trim:trim-both;text-box-edge:text}}";
+		const tagId$2 = "dsh-smooth-stream/TypewriterAssistantNodeView.module.css";
 		if (typeof document !== "undefined") {
-			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]");
+			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]");
 			if (tag === null) {
 				tag = document.createElement("style");
 				tag.dataset.plugin = "dsh-smooth-stream";
-				tag.dataset.pluginCss = tagId$1;
+				tag.dataset.pluginCss = tagId$2;
 				document.head.appendChild(tag);
 			}
-			tag.textContent = css$1;
+			tag.textContent = css$2;
 		}
 		var TypewriterAssistantNodeView_module_css_default = {
-			"disclosureRoot": "I17U7q_disclosureRoot",
-			"root": "I17U7q_root",
-			"thinkRow": "I17U7q_thinkRow",
-			"thinkChevron": "I17U7q_thinkChevron",
-			"disclosureRow": "I17U7q_disclosureRow",
+			"think": "I17U7q_think",
+			"thinkTitle": "I17U7q_thinkTitle",
+			"thinkSummary": "I17U7q_thinkSummary",
+			"thinkBody": "I17U7q_thinkBody",
 			"disclosureLeading": "I17U7q_disclosureLeading",
-			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
-			"disclosureTitle": "I17U7q_disclosureTitle",
 			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"thinkSeparator": "I17U7q_thinkSeparator",
-			"thinkSummary": "I17U7q_thinkSummary",
+			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
 			"follow": "I17U7q_follow",
-			"thinkTitle": "I17U7q_thinkTitle",
-			"disclosureContent": "I17U7q_disclosureContent",
-			"thinkBody": "I17U7q_thinkBody",
+			"disclosureRoot": "I17U7q_disclosureRoot",
+			"disclosureRow": "I17U7q_disclosureRow",
 			"thinkLeading": "I17U7q_thinkLeading",
-			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"stopped": "I17U7q_stopped",
-			"visuallyHidden": "I17U7q_visuallyHidden",
+			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
+			"thinkChevron": "I17U7q_thinkChevron",
+			"root": "I17U7q_root",
 			"body": "I17U7q_body",
-			"think": "I17U7q_think"
+			"visuallyHidden": "I17U7q_visuallyHidden",
+			"stopped": "I17U7q_stopped",
+			"thinkSeparator": "I17U7q_thinkSeparator",
+			"disclosureTitle": "I17U7q_disclosureTitle",
+			"disclosureContent": "I17U7q_disclosureContent",
+			"thinkRow": "I17U7q_thinkRow"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -98,6 +99,285 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/settings.ts
+		/**
+		* User-owned settings for the smooth-stream plugin, exposed to the Host
+		* settings service and edited from the Web Settings "plugin configuration"
+		* page. This is the runtime-editable complement to {@link StreamConfig}: that
+		* contract is composed at load and bridged once through the boot global, while
+		* these preferences live in the durable user-settings document and take effect
+		* live.
+		*/
+		/** Settings namespace registered by the Host and served through the plugin RPC. */
+		const STREAM_SETTINGS_NS = "smooth-stream";
+		/** Defaults preserve the production engine exactly. */
+		const DEFAULT_STREAM_DEBUG_TUNING = {
+			revealScale: 1,
+			queuePressure: .85,
+			maxRevealCps: 600,
+			springStiffness: 130,
+			springDamping: 24,
+			springMass: 1,
+			runwayPx: 48,
+			reserveResponseMs: 180,
+			backpressureMinScale: .55
+		};
+		/** Defaults shared by the Host schema and the client-side fallback. */
+		const DEFAULT_STREAM_SETTINGS = {
+			enabled: true,
+			thinkAutoExpand: true,
+			autoCollapse: true,
+			debugEnabled: false,
+			debugTuning: DEFAULT_STREAM_DEBUG_TUNING
+		};
+		//#endregion
+		//#region src/client/debugRuntime.ts
+		/**
+		* Shared browser-side diagnostics state.
+		*
+		* The settings card owns persistence. This module is the live bridge used by
+		* the renderer and the chat-side panel: renderer loops publish measurements,
+		* while panel edits are staged through the settings-card controller.
+		*/
+		const EMPTY_METRICS = {
+			fps: null,
+			frameMs: null,
+			fpsDegraded: false,
+			streamActive: false,
+			streamBacklog: 0,
+			streamSpeedCps: 0,
+			streamTargetChars: 0,
+			streamDisplayedChars: 0,
+			followActive: false,
+			followLagPx: 0,
+			followVelocityPxPerSec: 0,
+			followReservePx: 0,
+			followCapacityPx: 0,
+			followRevealScale: 1,
+			followFollowing: false,
+			followConstrained: false,
+			scrollTop: null,
+			scrollHeight: null,
+			clientHeight: null,
+			lastUpdatedMs: null
+		};
+		const INITIAL_STATE = {
+			available: false,
+			enabled: false,
+			writable: false,
+			dirty: false,
+			status: "loading",
+			tuning: { ...DEFAULT_STREAM_DEBUG_TUNING },
+			metrics: EMPTY_METRICS
+		};
+		const store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(INITIAL_STATE);
+		const streamMetrics = /* @__PURE__ */ new Map();
+		const followMetrics = /* @__PURE__ */ new Map();
+		let actions;
+		let lastMetricPublish = 0;
+		function resetMetrics() {
+			streamMetrics.clear();
+			followMetrics.clear();
+			lastMetricPublish = 0;
+		}
+		function resetRuntime() {
+			actions = void 0;
+			resetMetrics();
+			store.set({
+				...INITIAL_STATE,
+				metrics: EMPTY_METRICS
+			});
+		}
+		function now() {
+			return typeof performance === "undefined" ? Date.now() : performance.now();
+		}
+		function sameTuning(left, right) {
+			return left.revealScale === right.revealScale && left.queuePressure === right.queuePressure && left.maxRevealCps === right.maxRevealCps && left.springStiffness === right.springStiffness && left.springDamping === right.springDamping && left.springMass === right.springMass && left.runwayPx === right.runwayPx && left.reserveResponseMs === right.reserveResponseMs && left.backpressureMinScale === right.backpressureMinScale;
+		}
+		function currentMetrics(timestamp) {
+			let stream;
+			for (const candidate of streamMetrics.values()) if (stream === void 0 || candidate.updatedAt > stream.updatedAt) stream = candidate;
+			let follow;
+			for (const candidate of followMetrics.values()) if (follow === void 0 || candidate.updatedAt > follow.updatedAt) follow = candidate;
+			return {
+				fps: store.getSnapshot().metrics.fps,
+				frameMs: store.getSnapshot().metrics.frameMs,
+				fpsDegraded: store.getSnapshot().metrics.fpsDegraded,
+				streamActive: stream?.active ?? false,
+				streamBacklog: stream?.backlog ?? 0,
+				streamSpeedCps: stream?.speedCps ?? 0,
+				streamTargetChars: stream?.targetChars ?? 0,
+				streamDisplayedChars: stream?.displayedChars ?? 0,
+				followActive: follow?.active ?? false,
+				followLagPx: follow?.lagPx ?? 0,
+				followVelocityPxPerSec: follow?.velocityPxPerSec ?? 0,
+				followReservePx: follow?.reservePx ?? 0,
+				followCapacityPx: follow?.capacityPx ?? 0,
+				followRevealScale: follow?.revealScale ?? 1,
+				followFollowing: follow?.following ?? false,
+				followConstrained: follow?.constrained ?? false,
+				scrollTop: follow?.scrollTop ?? null,
+				scrollHeight: follow?.scrollHeight ?? null,
+				clientHeight: follow?.clientHeight ?? null,
+				lastUpdatedMs: timestamp
+			};
+		}
+		function publishMetrics(force = false) {
+			const timestamp = now();
+			if (!force && timestamp - lastMetricPublish < 80) return;
+			lastMetricPublish = timestamp;
+			store.set({
+				...store.getSnapshot(),
+				metrics: currentMetrics(timestamp)
+			});
+		}
+		const debugRuntime = {
+			store,
+			getSnapshot() {
+				return store.getSnapshot();
+			},
+			subscribe(listener) {
+				return store.subscribe(listener);
+			},
+			/** Whether hot-path instrumentation should do any work. */
+			isEnabled() {
+				return store.getSnapshot().enabled;
+			},
+			tuning() {
+				return store.getSnapshot().tuning;
+			},
+			/** Production values remain untouched until the user explicitly enables diagnostics. */
+			activeTuning() {
+				return store.getSnapshot().enabled ? store.getSnapshot().tuning : DEFAULT_STREAM_DEBUG_TUNING;
+			},
+			bindSettings(nextActions) {
+				actions = nextActions;
+				return () => {
+					if (actions !== nextActions) return;
+					resetRuntime();
+				};
+			},
+			syncSettings(input) {
+				const current = store.getSnapshot();
+				const available = input.available ?? true;
+				const enabled = available && input.enabled;
+				const availabilityChanged = current.available !== available;
+				const enabledChanged = current.enabled !== enabled;
+				if (availabilityChanged || enabledChanged) resetMetrics();
+				const tuning = input.tuning === void 0 ? current.tuning : {
+					...DEFAULT_STREAM_DEBUG_TUNING,
+					...input.tuning
+				};
+				if (current.available === available && current.enabled === enabled && current.writable === input.writable && current.dirty === input.dirty && current.status === input.status && sameTuning(current.tuning, tuning)) return;
+				store.set({
+					...current,
+					available,
+					enabled,
+					writable: input.writable,
+					dirty: input.dirty,
+					status: input.status,
+					tuning,
+					metrics: availabilityChanged || enabledChanged || !enabled ? EMPTY_METRICS : current.metrics
+				});
+			},
+			edit(patch) {
+				const current = store.getSnapshot();
+				const enabled = patch.debugEnabled ?? current.enabled;
+				const enabledChanged = current.enabled !== enabled;
+				if (enabledChanged) resetMetrics();
+				const tuning = patch.debugTuning === void 0 ? current.tuning : {
+					...current.tuning,
+					...patch.debugTuning
+				};
+				store.set({
+					...current,
+					enabled,
+					dirty: true,
+					tuning,
+					metrics: enabledChanged || !enabled ? EMPTY_METRICS : current.metrics
+				});
+				actions?.edit({
+					...patch.debugEnabled === void 0 ? {} : { debugEnabled: patch.debugEnabled },
+					...patch.debugTuning === void 0 ? {} : { debugTuning: tuning }
+				});
+			},
+			save() {
+				actions?.save();
+			},
+			discard() {
+				actions?.discard();
+			},
+			reset() {
+				this.edit({ debugTuning: { ...DEFAULT_STREAM_DEBUG_TUNING } });
+			},
+			reportStream(id, metric) {
+				if (!this.isEnabled()) return;
+				if (metric === null) streamMetrics.delete(id);
+				else streamMetrics.set(id, {
+					...metric,
+					updatedAt: now()
+				});
+				publishMetrics(metric === null);
+			},
+			reportFollow(port, metric) {
+				if (!this.isEnabled()) return;
+				if (metric === null) followMetrics.delete(port);
+				else followMetrics.set(port, {
+					...metric,
+					updatedAt: now()
+				});
+				publishMetrics(metric === null);
+			},
+			reportFps(fps, frameMs, degraded) {
+				if (!this.isEnabled()) return;
+				const current = store.getSnapshot();
+				store.set({
+					...current,
+					metrics: {
+						...current.metrics,
+						fps,
+						frameMs,
+						fpsDegraded: degraded,
+						lastUpdatedMs: now()
+					}
+				});
+			},
+			clearFps() {
+				if (!this.isEnabled()) return;
+				const current = store.getSnapshot();
+				store.set({
+					...current,
+					metrics: {
+						...current.metrics,
+						fps: null,
+						frameMs: null,
+						fpsDegraded: false,
+						lastUpdatedMs: now()
+					}
+				});
+			},
+			panelFace() {
+				return {
+					hooks: { debugRuntime: store },
+					edit: (patch) => {
+						this.edit(patch);
+					},
+					save: () => {
+						this.save();
+					},
+					discard: () => {
+						this.discard();
+					},
+					reset: () => {
+						this.reset();
+					}
+				};
+			},
+			resetRuntime() {
+				resetRuntime();
+			}
+		};
+		//#endregion
 		//#region src/client/useSmoothStreamContent.ts
 		/**
 		* Stream-smoothing reveal hook.
@@ -161,20 +441,19 @@ window.__ModuleLoader__.load({
 			}
 		};
 		const QUEUE_ACCEL_EXPONENT = 1.25;
-		const QUEUE_PRESSURE_FACTOR = .85;
 		const CATCHUP_SECONDS = .15;
 		const clamp = (value, min, max) => {
 			return Math.min(max, Math.max(min, value));
 		};
 		/** Float-debt queue integration from `ultimate_stream_physics_scroller.html`. */
-		function computeAdaptiveQueueStep(backlog, dtMs, debt, revealScale = 1) {
+		function computeAdaptiveQueueStep(backlog, dtMs, debt, revealScale = 1, tuning = DEFAULT_STREAM_DEBUG_TUNING) {
 			if (backlog <= 0 || dtMs <= 0) return {
 				revealChars: 0,
 				debt: 0,
 				speedCps: 0
 			};
-			const speedCps = Math.min(600, 90 + Math.pow(backlog, QUEUE_ACCEL_EXPONENT) * QUEUE_PRESSURE_FACTOR);
-			const effectiveScale = clamp(revealScale, .05, 1);
+			const speedCps = Math.min(tuning.maxRevealCps, 90 + Math.pow(backlog, QUEUE_ACCEL_EXPONENT) * tuning.queuePressure);
+			const effectiveScale = clamp(revealScale * tuning.revealScale, .05, 2);
 			const accumulated = Math.max(0, debt) + speedCps * effectiveScale * (dtMs / 1e3);
 			const revealChars = Math.min(backlog, Math.floor(accumulated));
 			return {
@@ -268,6 +547,7 @@ window.__ModuleLoader__.load({
 			revealScaleOutRef.current = revealScaleRef;
 			const inputCompleteRef = (0, react.useRef)(inputComplete);
 			inputCompleteRef.current = inputComplete;
+			const streamIdRef = (0, react.useRef)(`stream-${Math.random().toString(36).slice(2)}`);
 			(0, react.useEffect)(() => {
 				holdBackRef.current = shouldHoldBack;
 			}, [shouldHoldBack]);
@@ -319,6 +599,7 @@ window.__ModuleLoader__.load({
 						settleCpsRef.current = null;
 						const speedOut = speedOutRef.current;
 						if (speedOut !== void 0) speedOut.current = seedCps;
+						debugRuntime.reportStream(streamIdRef.current, null);
 						stopFrameLoop();
 						return;
 					}
@@ -332,6 +613,7 @@ window.__ModuleLoader__.load({
 					lastFrameTsRef.current = now;
 					const idleMs = now - lastInputTsRef.current;
 					const producerComplete = inputCompleteRef.current;
+					const debugTuning = debugRuntime.activeTuning();
 					const inputActive = !producerComplete && idleMs <= config.activeInputWindowMs;
 					const settling = producerComplete || !inputActive && idleMs >= config.settleAfterMs;
 					if (!producerComplete) settleCpsRef.current = null;
@@ -355,14 +637,21 @@ window.__ModuleLoader__.load({
 							settling,
 							steadyCps
 						}, dtSeconds);
-						revealChars = Math.min(step.revealChars, backlog);
+						revealChars = Math.min(Math.round(step.revealChars * debugTuning.revealScale), backlog);
 						revealSpeedCps = frameIntervalMs > 0 ? revealChars * 1e3 / frameIntervalMs : 0;
 					} else {
-						const step = computeAdaptiveQueueStep(backlog, frameIntervalMs, queueDebtRef.current, revealScaleOutRef.current?.current ?? 1);
+						const step = computeAdaptiveQueueStep(backlog, frameIntervalMs, queueDebtRef.current, revealScaleOutRef.current?.current ?? 1, debugTuning);
 						revealChars = step.revealChars;
 						revealSpeedCps = step.speedCps;
 						nextQueueDebt = step.debt;
 					}
+					debugRuntime.reportStream(streamIdRef.current, {
+						backlog,
+						speedCps: revealSpeedCps,
+						targetChars: targetCount,
+						displayedChars: displayedCount,
+						active: !producerComplete
+					});
 					if (holdBackRef.current?.() === true) {
 						rafRef.current = requestAnimationFrame(tick);
 						return;
@@ -439,6 +728,7 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				return () => {
 					stopFrameLoop();
+					debugRuntime.reportStream(streamIdRef.current, null);
 				};
 			}, [stopFrameLoop]);
 			return displayedContent;
@@ -470,6 +760,7 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				if (!active) return;
 				let rafId = 0;
+				let lastDebugReport = 0;
 				const frame = (now) => {
 					rafId = requestAnimationFrame(frame);
 					const fps = fpsRef.current;
@@ -480,13 +771,18 @@ window.__ModuleLoader__.load({
 					const delta = Math.min(MAX_FRAME_MS, Math.max(1, now - fps.lastMs));
 					fps.lastMs = now;
 					fps.emaMs = fps.emaMs === 0 ? delta : fps.emaMs + FPS_ALPHA * (delta - fps.emaMs);
-					if (1e3 / fps.emaMs < FPS_THRESHOLD) {
+					const currentFps = 1e3 / fps.emaMs;
+					if (currentFps < FPS_THRESHOLD) {
 						fps.healthyRun = 0;
 						fps.degraded = true;
 					} else if (fps.degraded) {
 						fps.healthyRun += 1;
 						if (fps.healthyRun >= RECOVER_FRAMES) fps.degraded = false;
 					}
+					if (now - lastDebugReport >= 100) {
+						debugRuntime.reportFps(currentFps, fps.emaMs, fps.degraded);
+						lastDebugReport = now;
+					}
 				};
 				rafId = requestAnimationFrame(frame);
 				return () => {
@@ -497,6 +793,7 @@ window.__ModuleLoader__.load({
 						healthyRun: 0,
 						degraded: false
 					};
+					debugRuntime.clearFps();
 				};
 			}, [active]);
 			const ref = (0, react.useCallback)((element) => {
@@ -519,6 +816,805 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/auto-collapse-controller.ts
+		/**
+		* Auto-collapse coordinator: folds the work process of finished turns behind
+		* one summary row so only the model's final answer stays visible.
+		*
+		* The Harness ChatView lays a conversation out as a flat list of flow items
+		* (`[data-chat-flow] > [data-chat-flow-kind=…]`). This controller watches that
+		* list, splits it into turn segments at `user`/`steering` boundaries closed by
+		* `turn-tail`, and — once a segment has settled — hides its thinking rows,
+		* tool/command/context seats and intermediate replies, leaving one clickable
+		* `已处理 {时长}` row plus the final answer. Clicking the row expands the full
+		* process again; the choice survives later renders because it lives in the
+		* controller, not the DOM.
+		*
+		* Adapted from the standalone `dsh-auto-collapse` plugin (level-1 folding
+		* only): no second-level chips, no merged thinking rows, no status-text
+		* rewrite, no transition animation — the collapse decision itself stays
+		* instantaneous and reversible.
+		*
+		* React coexistence follows the upstream design: injected rows are plain
+		* siblings/prepend children the vdom diff never claims, native rows are only
+		* ever touched through an inline-`display` ledger that records the precise
+		* original value and restores it on stop, session switch, or foreign takeover
+		* (a written-value comparison plus an ownership sentinel catches another
+		* script rewriting styles behind our back). A MutationObserver batches real
+		* structure changes into rAF passes; a low-frequency self-rearming audit pass
+		* reconciles unobservable style writes; a setTimeout fallback keeps passes
+		* flowing when background tabs suspend rAF.
+		*/
+		const STYLE_ID = "dshss-auto-collapse-style";
+		/** Class of the injected per-turn summary row; also consumed by the follow
+		* engine so the row rides the same lag transform as native message rows. */
+		const PROCESSED_CLASS = "dshss-processed";
+		/** Inline custom property marking elements whose display this plugin owns. */
+		const DISPLAY_OWNED_PROP = "--dshss-display-owned";
+		/** Unobservable external style writes are reconciled by this audit cadence. */
+		const AUDIT_TICK_MS = 1e3;
+		/** Background-tab fallback that flushes a scheduled pass when rAF is frozen. */
+		const PASS_FALLBACK_MS = 60;
+		/**
+		* Fold motion, deliberately minimal: layout changes land synchronously (the
+		* display toggle happens in the same tick as the decision) and nothing
+		* animates geometry at all — the earlier container-height squeeze was removed
+		* because real sessions showed residual drift after the pin released (other
+		* layout participants keep settling around the fold). What remains is one
+		* paint-only flourish: the summary row fades its opacity in. A fold is
+		* therefore a single reflow followed by a fade — the most stable shape
+		* possible.
+		*/
+		const FOLD_ROW_FADE_MS = 160;
+		const FOLD_EASE_OUT = "cubic-bezier(0.22, 0.61, 0.36, 1)";
+		const ZH_COPY = {
+			processedLabel: "已处理",
+			expandTitle: "展开工作过程",
+			collapseTitle: "收起工作过程",
+			formatDuration: formatZhDuration
+		};
+		const EN_COPY = {
+			processedLabel: "Processed",
+			expandTitle: "Show the work process",
+			collapseTitle: "Hide the work process",
+			formatDuration: formatEnDuration
+		};
+		function resolveFoldCopy() {
+			let lang = "";
+			try {
+				lang = document.documentElement.lang || navigator.language || "";
+			} catch {
+				lang = "";
+			}
+			return lang.toLowerCase().startsWith("zh") ? ZH_COPY : EN_COPY;
+		}
+		const FOLD_CSS = `
+.${PROCESSED_CLASS} {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-self: flex-start;
+  width: fit-content;
+  max-width: 100%;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 0;
+  border: none;
+  background: none;
+  font: 400 14px/24px system-ui, -apple-system, "Segoe UI", sans-serif;
+  color: var(--dsw-alias-label-tertiary, rgba(127, 127, 127, 0.9));
+  cursor: pointer;
+  user-select: none;
+  border-radius: 4px;
+  transition: color 0.15s ease;
+}
+.${PROCESSED_CLASS}:hover {
+  color: var(--dsw-alias-label-primary, inherit);
+  background: transparent;
+}
+.${PROCESSED_CLASS}:focus-visible {
+  outline: 2px solid var(--dsw-alias-state-focus-ring, rgba(77, 107, 254, 0.8));
+  outline-offset: 2px;
+}
+.${PROCESSED_CLASS}-chevron {
+  display: inline-flex;
+  flex: none;
+  width: 14px;
+  height: 14px;
+  opacity: 0.55;
+  transform: rotate(-90deg);
+  transition: transform 0.12s ease, opacity 0.1s ease;
+}
+.${PROCESSED_CLASS}:hover .${PROCESSED_CLASS}-chevron {
+  opacity: 0.9;
+}
+.${PROCESSED_CLASS}[aria-expanded="true"] .${PROCESSED_CLASS}-chevron {
+  transform: rotate(0deg);
+}
+@media (prefers-reduced-motion: reduce) {
+  .${PROCESSED_CLASS},
+  .${PROCESSED_CLASS}-chevron {
+    transition: none;
+  }
+}
+`;
+		var AutoCollapseController = class {
+			observer = null;
+			raf = 0;
+			timer = 0;
+			auditTimer = 0;
+			/** True between start() and stop(); the preference toggle re-enters both. */
+			running = false;
+			lastPassError = "";
+			flow = null;
+			/** Stable segment key → summary row + gesture state. */
+			segmentStates = /* @__PURE__ */ new Map();
+			/** First sighting of a running segment, for turns without a host duration. */
+			runningSince = /* @__PURE__ */ new Map();
+			/** Segments that settled once: a resumed run restarts local timing. */
+			completedOnce = /* @__PURE__ */ new Set();
+			/** Precise pre-plugin display values, restored on stop/switch/takeover. */
+			originalDisplay = /* @__PURE__ */ new WeakMap();
+			writtenDisplay = /* @__PURE__ */ new WeakMap();
+			controlledDisplay = /* @__PURE__ */ new Set();
+			/** Reply-presence verdicts cached per message until a mutation hits it. */
+			bodyTextCache = /* @__PURE__ */ new WeakMap();
+			dirtyMessages = /* @__PURE__ */ new Set();
+			onVisibilityChange = () => {
+				if (typeof document === "undefined" || document.hidden !== true) this.schedule();
+			};
+			/** Re-run a pass immediately (settings changes, diagnostics, tests).
+			* Reply-presence verdicts are dropped wholesale: manual refreshes are rare,
+			* and a conservative rebuild beats a stale classification. */
+			refresh() {
+				this.bodyTextCache = /* @__PURE__ */ new WeakMap();
+				this.dirtyMessages.clear();
+				this.schedule();
+			}
+			start() {
+				if (this.running) return;
+				this.running = true;
+				injectStyle();
+				try {
+					this.observer = new MutationObserver((records) => {
+						if (this.shouldSchedule(records)) {
+							this.markDirty(records);
+							this.schedule();
+						}
+					});
+					this.observer.observe(document.body, {
+						childList: true,
+						subtree: true,
+						attributes: true,
+						attributeFilter: ["data-state"],
+						characterData: true
+					});
+					this.armAuditLoop();
+					this.schedule();
+				} catch (error) {
+					this.reportError(error);
+					throw error;
+				}
+			}
+			stop() {
+				this.running = false;
+				if (this.raf !== 0) cancelAnimationFrame(this.raf);
+				this.raf = 0;
+				if (this.timer !== 0) clearTimeout(this.timer);
+				this.timer = 0;
+				if (this.auditTimer !== 0) clearTimeout(this.auditTimer);
+				this.auditTimer = 0;
+				if (typeof document !== "undefined" && typeof document.removeEventListener === "function") document.removeEventListener("visibilitychange", this.onVisibilityChange);
+				this.observer?.disconnect();
+				this.observer = null;
+				this.switchFlow(null);
+				removeStyle();
+			}
+			/** Low-frequency reconciliation for style writes no observer can see. */
+			armAuditLoop() {
+				if (typeof document !== "undefined" && typeof document.addEventListener === "function") document.addEventListener("visibilitychange", this.onVisibilityChange);
+				this.rearmAudit();
+			}
+			rearmAudit() {
+				if (!this.running || this.auditTimer !== 0) return;
+				this.auditTimer = setTimeout(() => {
+					this.auditTimer = 0;
+					if (!this.running) return;
+					if (typeof document !== "undefined" && document.hidden === true) {
+						this.rearmAudit();
+						return;
+					}
+					this.schedule();
+					this.rearmAudit();
+				}, AUDIT_TICK_MS);
+			}
+			/** Body-level observations only need to wake us up near the active flow. */
+			shouldSchedule(records) {
+				if (records.length === 0 || this.flow === null || !this.flow.isConnected) return true;
+				return records.some((record) => nodeWithin(record.target, this.flow) || nodeWithin(this.flow, record.target));
+			}
+			/** Walk each record to its flow child so reply-cache invalidation stays
+			* targeted; anything unattributable invalidates conservatively. */
+			markDirty(records) {
+				const flow = this.flow;
+				if (flow === null || !flow.isConnected) return;
+				if (records.length === 0) {
+					this.bodyTextCache = /* @__PURE__ */ new WeakMap();
+					this.dirtyMessages.clear();
+					return;
+				}
+				for (const record of records) {
+					let current = record.target;
+					while (current !== null && current.parentNode !== flow) current = current.parentNode;
+					if (!(current instanceof HTMLElement)) {
+						this.bodyTextCache = /* @__PURE__ */ new WeakMap();
+						this.dirtyMessages.clear();
+						return;
+					}
+					this.dirtyMessages.add(current);
+				}
+			}
+			schedule() {
+				if (!this.running || this.raf !== 0) return;
+				this.raf = requestAnimationFrame(() => {
+					this.raf = 0;
+					if (this.timer !== 0) {
+						clearTimeout(this.timer);
+						this.timer = 0;
+					}
+					this.runPass();
+				});
+				if (this.timer !== 0) clearTimeout(this.timer);
+				this.timer = setTimeout(() => {
+					this.timer = 0;
+					if (this.raf !== 0) {
+						cancelAnimationFrame(this.raf);
+						this.raf = 0;
+						this.runPass();
+					}
+				}, PASS_FALLBACK_MS);
+			}
+			runPass() {
+				try {
+					this.pass();
+					this.lastPassError = "";
+				} catch (error) {
+					this.reportError(error);
+				}
+			}
+			reportError(error) {
+				const message = error instanceof Error ? `${error.name}: ${error.message}` : String(error);
+				if (message === this.lastPassError) return;
+				this.lastPassError = message;
+				console.error("[dsh-smooth-stream] auto-collapse pass failed", error);
+			}
+			pass() {
+				if (!this.running) return;
+				const nextFlow = findFlow();
+				if (nextFlow !== this.flow) this.switchFlow(nextFlow);
+				const flow = this.flow;
+				if (flow === null) return;
+				for (const el of this.dirtyMessages) this.bodyTextCache.delete(el);
+				this.dirtyMessages.clear();
+				const segments = buildSegments(flow, (el) => this.hasBodyCached(el));
+				const liveSegmentKeys = new Set(segments.map((segment) => segment.key));
+				for (const segment of segments) {
+					if (!segment.running) continue;
+					if (this.completedOnce.has(segment.key)) {
+						this.completedOnce.delete(segment.key);
+						this.runningSince.delete(segment.key);
+					}
+					if (!this.runningSince.has(segment.key)) this.runningSince.set(segment.key, Date.now());
+				}
+				const completedKeys = /* @__PURE__ */ new Set();
+				for (const segment of segments) {
+					if (!segment.closed || segment.running || !segment.hasWork) continue;
+					completedKeys.add(segment.key);
+					this.completedOnce.add(segment.key);
+					let state = this.segmentStates.get(segment.key);
+					if (state === void 0) {
+						state = {
+							key: segment.key,
+							row: null,
+							expanded: false,
+							snapshot: segment
+						};
+						this.segmentStates.set(segment.key, state);
+					} else state.snapshot = segment;
+					const started = this.runningSince.get(segment.key);
+					const parsed = segment.boundary === null ? void 0 : parseTurnDuration(segment.boundary);
+					if (parsed !== void 0) state.duration = parsed;
+					else if (state.duration === void 0 && started !== void 0) state.duration = Date.now() - started;
+					if (state.row === null || !state.row.isConnected) state.row = this.createProcessedRow(state);
+					this.syncProcessedRow(state);
+				}
+				for (const [key, state] of [...this.segmentStates]) {
+					if (completedKeys.has(key)) continue;
+					state.row?.remove();
+					this.segmentStates.delete(key);
+				}
+				const desiredHidden = /* @__PURE__ */ new Set();
+				for (const segment of segments) {
+					const state = this.segmentStates.get(segment.key);
+					if (state !== void 0 && !state.expanded) {
+						for (const seat of segment.hideSeats) this.hideElement(seat, desiredHidden);
+						for (const row of segment.finalThinkRows) this.hideElement(row, desiredHidden);
+						if (segment.finalStep !== null) this.restoreElement(segment.finalStep);
+					} else {
+						for (const seat of segment.hideSeats) this.restoreElement(seat);
+						for (const row of segment.finalThinkRows) this.restoreElement(row);
+						if (segment.finalStep !== null) this.restoreElement(segment.finalStep);
+					}
+				}
+				for (const segment of segments) {
+					if (!hasVisibleSegmentWork(segment)) {
+						const state = this.segmentStates.get(segment.key);
+						if (state !== void 0 && state.row !== null) {
+							state.row.remove();
+							state.row = null;
+						}
+					}
+					for (const seat of segment.hideSeats) this.retainDisplayControl(seat, desiredHidden);
+					for (const row of segment.finalThinkRows) this.retainDisplayControl(row, desiredHidden);
+					if (segment.finalStep !== null) this.retainDisplayControl(segment.finalStep, desiredHidden);
+				}
+				this.restoreUnusedDisplays(desiredHidden);
+				for (const state of this.segmentStates.values()) this.placeProcessedRow(flow, state);
+				for (const key of [...this.runningSince.keys()]) if (!liveSegmentKeys.has(key)) this.runningSince.delete(key);
+				for (const key of [...this.completedOnce]) if (!liveSegmentKeys.has(key)) this.completedOnce.delete(key);
+			}
+			/** Flow swap means a session switch: fully restore the old tree, rebuild. */
+			switchFlow(next) {
+				if (next === this.flow) return;
+				for (const state of this.segmentStates.values()) state.row?.remove();
+				this.segmentStates.clear();
+				this.runningSince.clear();
+				this.completedOnce.clear();
+				this.bodyTextCache = /* @__PURE__ */ new WeakMap();
+				this.dirtyMessages.clear();
+				this.restoreAllDisplays();
+				this.flow = next;
+			}
+			/** Keep already-controlled elements in the desired-hidden set so the sweep
+			* does not flip them back mid-flight of an external change. */
+			retainDisplayControl(el, desiredHidden) {
+				if (this.controlledDisplay.has(el)) desiredHidden.add(el);
+			}
+			/** Restore every element the ledger controls that this pass no longer wants
+			* hidden; elements absent from `desired` come back to their true display. */
+			restoreUnusedDisplays(desired) {
+				for (const el of [...this.controlledDisplay]) if (!desired.has(el)) this.restoreElement(el);
+			}
+			/** Restore every element still under the display ledger, then retire the
+			* ledger itself (stop / session switch). */
+			restoreAllDisplays() {
+				for (const el of [...this.controlledDisplay]) this.restoreElement(el);
+				this.controlledDisplay.clear();
+				this.originalDisplay = /* @__PURE__ */ new WeakMap();
+				this.writtenDisplay = /* @__PURE__ */ new WeakMap();
+			}
+			createProcessedRow(state) {
+				const row = createProcessedRowElement(state.duration);
+				row.addEventListener("click", () => {
+					state.expanded = !state.expanded;
+					this.syncProcessedRow(state);
+					this.schedule();
+				});
+				return row;
+			}
+			syncProcessedRow(state) {
+				const row = state.row;
+				if (row === null) return;
+				const copy = resolveFoldCopy();
+				const text = row.firstElementChild;
+				const label = state.duration === void 0 ? copy.processedLabel : `${copy.processedLabel} ${copy.formatDuration(state.duration)}`;
+				if (text !== null && text.textContent !== label) text.textContent = label;
+				const expanded = String(state.expanded);
+				if (row.getAttribute("aria-expanded") !== expanded) row.setAttribute("aria-expanded", expanded);
+				const title = state.expanded ? copy.collapseTitle : copy.expandTitle;
+				if (row.title !== title) row.title = title;
+			}
+			placeProcessedRow(flow, state) {
+				const row = state.row;
+				if (row === null) return;
+				if (!state.snapshot.hasWork || !hasVisibleSegmentWork(state.snapshot)) {
+					row.remove();
+					state.row = null;
+					return;
+				}
+				let target = state.snapshot.firstWork ?? state.snapshot.finalStep ?? state.snapshot.boundary;
+				if (target === null || target.parentElement !== flow) {
+					row.remove();
+					state.row = null;
+					return;
+				}
+				if (row.parentElement !== flow || row.nextElementSibling !== target) {
+					target.before(row);
+					this.revealVisualOnce(row);
+				}
+			}
+			hasBodyCached(el) {
+				const cached = this.bodyTextCache.get(el);
+				if (cached !== void 0) return cached;
+				const value = hasBodyContent(el);
+				this.bodyTextCache.set(el, value);
+				return value;
+			}
+			/** True when the recorded display was changed (or the ownership sentinel
+			* wiped) behind the ledger's back; callers hand control back to reality. */
+			displayForeign(el) {
+				const written = this.writtenDisplay.get(el);
+				if (written === void 0) return false;
+				return el.style.getPropertyValue(DISPLAY_OWNED_PROP) === "" || el.style.display !== written;
+			}
+			releaseDisplayLedger(el) {
+				this.originalDisplay.delete(el);
+				this.writtenDisplay.delete(el);
+				this.controlledDisplay.delete(el);
+				el.style.removeProperty(DISPLAY_OWNED_PROP);
+			}
+			hideElement(el, desired) {
+				desired.add(el);
+				if (!this.originalDisplay.has(el) && !isDisplayed(el)) return;
+				if (!this.originalDisplay.has(el) || this.displayForeign(el)) {
+					this.originalDisplay.set(el, el.style.display);
+					this.writtenDisplay.set(el, el.style.display);
+					el.style.setProperty(DISPLAY_OWNED_PROP, "1");
+				}
+				this.controlledDisplay.add(el);
+				if (el.style.display === "none") return;
+				el.style.display = "none";
+				this.writtenDisplay.set(el, "none");
+			}
+			restoreElement(el) {
+				if (!this.originalDisplay.has(el)) return;
+				if (this.displayForeign(el)) {
+					this.releaseDisplayLedger(el);
+					return;
+				}
+				const original = this.originalDisplay.get(el);
+				if (el.style.display !== original) el.style.display = original;
+				this.releaseDisplayLedger(el);
+			}
+			/** Whether WAAPI exists and the user has not asked for reduced motion. */
+			canAnimate(el) {
+				if (typeof el.animate !== "function") return false;
+				try {
+					if (typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches) return false;
+				} catch {
+					return false;
+				}
+				return true;
+			}
+			/** First-appearance flourish for the plugin-owned summary row: a pure
+			* opacity fade. Paint-only, so it cannot shift anyone's layout. */
+			revealVisualOnce(row) {
+				if (row.dataset.dshssShown === "1") return;
+				row.dataset.dshssShown = "1";
+				if (!this.canAnimate(row)) return;
+				row.animate([{ opacity: "0" }, { opacity: "1" }], {
+					duration: FOLD_ROW_FADE_MS,
+					easing: FOLD_EASE_OUT
+				});
+			}
+		};
+		/** Visible chat flow container, falling back to the first one rendered. */
+		function findFlow() {
+			const flows = document.querySelectorAll("[data-chat-flow]");
+			for (const flow of flows) if (flow.offsetParent !== null || flow.getBoundingClientRect().width > 0) return flow;
+			return flows[0] ?? null;
+		}
+		/** parentNode walk that also accepts Text mutation targets. */
+		function nodeWithin(node, ancestor) {
+			for (let current = node; current !== null; current = current.parentNode) if (current === ancestor) return true;
+			return false;
+		}
+		/** Top-level message order, excluding this plugin's own summary rows. */
+		function flowItems(flow) {
+			return [...flow.children].filter((el) => el instanceof HTMLElement && !el.classList.contains("dshss-processed"));
+		}
+		function isDisplayed(el) {
+			if (typeof getComputedStyle === "function") return getComputedStyle(el).display !== "none";
+			return el.style.display !== "none";
+		}
+		function stableElementKey(el, fallbackIndex) {
+			const kind = el.getAttribute("data-chat-flow-kind") ?? "node";
+			return `${kind}:${el.getAttribute("data-chat-flow-key") ?? el.getAttribute("data-chat-anchor-key") ?? `${kind}:${fallbackIndex}`}`;
+		}
+		/** Kinds that can open a history stretch lacking an explicit user marker. */
+		function opensTurnWork(el) {
+			const kind = el.getAttribute("data-chat-flow-kind");
+			return kind === "assistant-step" || kind === "assistant" || kind === "tool-call" || kind === "command" || kind === "manual-compaction";
+		}
+		/**
+		* Split the flow into turn segments. `user`/`steering` rows close the previous
+		* segment and open the next; `turn-tail` closes and resets the opener. Leading
+		* context before the first user row joins that user's segment, matching how
+		* the host presents context injection.
+		*/
+		function buildSegments(flow, hasBody) {
+			const items = flowItems(flow);
+			const itemIndex = new Map(items.map((el, index) => [el, index]));
+			const snapshots = [];
+			let contentStart = 0;
+			let startMarker = null;
+			const append = (end, boundary, closed) => {
+				if (end < contentStart) return;
+				const range = items.slice(contentStart, end);
+				const hideSeats = /* @__PURE__ */ new Set();
+				const bodySteps = [];
+				let running = false;
+				for (const el of range) {
+					const classified = classifyItem(el, hasBody);
+					if (classified.fold === "body") bodySteps.push(el);
+					else if (classified.fold === "seat") hideSeats.add(el);
+					if (classified.running) running = true;
+				}
+				const finalStep = bodySteps.at(-1) ?? null;
+				const middleSteps = new Set(bodySteps.slice(0, -1));
+				for (const step of middleSteps) hideSeats.add(step);
+				const finalThinkRows = finalStep === null ? [] : thinkRowsIn(finalStep);
+				const firstWork = range.find((el) => hideSeats.has(el)) ?? finalStep;
+				const identity = startMarker ?? range.find((el) => opensTurnWork(el)) ?? boundary;
+				const identityIndex = identity === null ? contentStart : itemIndex.get(identity) ?? contentStart;
+				const key = `${startMarker === null ? "leading" : "segment"}:${identity === null ? `open:${contentStart}` : stableElementKey(identity, identityIndex)}`;
+				snapshots.push({
+					key,
+					boundary,
+					startMarker,
+					hideSeats,
+					middleSteps,
+					finalStep,
+					finalThinkRows,
+					firstWork,
+					closed,
+					running,
+					hasWork: hideSeats.size > 0 || finalThinkRows.length > 0
+				});
+			};
+			items.forEach((el, index) => {
+				const kind = el.getAttribute("data-chat-flow-kind");
+				if (kind === "user" || kind === "steering") {
+					if (startMarker !== null) {
+						append(index, el, true);
+						contentStart = index + 1;
+					} else if (items.slice(contentStart, index).some((el) => opensTurnWork(el))) {
+						append(index, el, true);
+						contentStart = index + 1;
+					}
+					startMarker = el;
+					return;
+				}
+				if (kind === "turn-tail") {
+					append(index, el, true);
+					contentStart = index + 1;
+					startMarker = null;
+				}
+			});
+			if (contentStart < items.length) append(items.length, null, false);
+			return snapshots;
+		}
+		/**
+		* Classify one top-level flow item against the Harness's own node vocabulary.
+		* Reply-bearing assistant messages become `body` candidates (last one per
+		* segment wins as the final answer); core work process — tool-call seats,
+		* command/compaction cards, context injection, thinking-only messages —
+		* becomes a hideable `seat`. Everything else is skipped untouched: boundaries,
+		* empty decorations, and crucially any kind this module does not own, so rows
+		* contributed by other plugins' slots are never folded or hidden.
+		*/
+		function classifyItem(el, hasBody) {
+			const kind = el.getAttribute("data-chat-flow-kind");
+			if (kind === "user" || kind === "steering" || kind === "turn-tail") return {
+				fold: "skip",
+				running: false
+			};
+			if (kind === "assistant-step" || kind === "assistant") {
+				if (hasBody(el)) return {
+					fold: "body",
+					running: subtreeRunning(el)
+				};
+				if (thinkRowsIn(el).length > 0) return {
+					fold: "seat",
+					running: subtreeRunning(el)
+				};
+				return {
+					fold: "skip",
+					running: false
+				};
+			}
+			if (kind === "tool-call") {
+				const rows = topCallRowsIn(el);
+				if (rows.length === 0 || !rows.every((row) => hasNativeCardChrome(row))) return {
+					fold: "skip",
+					running: subtreeRunning(el)
+				};
+				return {
+					fold: "seat",
+					running: subtreeRunning(el)
+				};
+			}
+			if (kind === "context" || kind === "command" || kind === "manual-compaction") return {
+				fold: "seat",
+				running: subtreeRunning(el)
+			};
+			return {
+				fold: "skip",
+				running: false
+			};
+		}
+		/** Native work-card shape: every core card family stamps `data-variant`
+		* together with `data-state`, whether composed through ToolRow or hand-rolled
+		* (Bash). Custom toolviews use their own namespaced attributes instead. */
+		function hasNativeCardChrome(row) {
+			return row.querySelector("[data-variant][data-state]") !== null;
+		}
+		/** Whether anything inside the item reports a running lifecycle. Deliberately
+		* broad: staying "running" too long only delays a collapse, collapsing early
+		* would cut off live output. Native cards stamp `data-state` next to
+		* `data-tool`/`data-variant`; custom views use their own vocabulary and are
+		* intentionally invisible here. */
+		function subtreeRunning(el) {
+			if (el.getAttribute("data-state") === "running") return true;
+			for (const root of el.querySelectorAll("[data-tool][data-state], [data-variant][data-state]")) if (root.getAttribute("data-state") === "running") return true;
+			return false;
+		}
+		function hasVisibleSegmentWork(segment) {
+			const candidates = [...segment.hideSeats, ...segment.middleSteps];
+			if (segment.startMarker !== null) candidates.push(segment.startMarker);
+			if (segment.finalStep !== null) candidates.push(segment.finalStep);
+			return candidates.some(isDisplayed);
+		}
+		/** Top-level tool card rows of a seat (excluding sub-dispatch nests). */
+		function topCallRowsIn(el) {
+			const rows = [];
+			for (const row of el.querySelectorAll("[data-chat-call-id]")) {
+				if (row.closest("[data-subcalls]") !== null) continue;
+				if (row.closest("[data-chat-call-id]") !== row) continue;
+				rows.push(row);
+			}
+			return rows;
+		}
+		/** Reasoning rows of a message: native think variants outside tool cards. */
+		function thinkRowsIn(el) {
+			const rows = [];
+			for (const row of el.querySelectorAll("[data-variant=\"think\"]:not([data-tool])")) {
+				if (row.closest("[data-chat-call-id]") !== null) continue;
+				if (row.closest("[data-subcalls]") !== null) continue;
+				rows.push(row);
+			}
+			return rows;
+		}
+		/**
+		* Reply detection beyond reasoning rows and tool cards: any non-empty text or
+		* media counts, because Markdown paragraphs necessarily carry text nodes.
+		* Rendered markdown class names are build-time hashes, so structure-based
+		* detection is the only stable contract.
+		*/
+		function hasBodyContent(el) {
+			const kind = el.getAttribute("data-chat-flow-kind");
+			if (kind === "command" || kind === "manual-compaction") return false;
+			if (hasBodyText(el)) return true;
+			const excluded = "[data-variant=\"think\"], [data-chat-call-id]";
+			for (const media of el.querySelectorAll("img, video, audio, canvas")) if (media.closest(excluded) === null) return true;
+			return false;
+		}
+		function hasBodyText(el) {
+			const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+			let node;
+			while ((node = walker.nextNode()) !== null) {
+				if (node.data.trim() === "") continue;
+				const parent = node.parentElement;
+				if (parent !== null && parent.closest("[data-variant=\"think\"], [data-chat-call-id], [data-variant=\"others\"][data-state]") !== null) continue;
+				return true;
+			}
+			return false;
+		}
+		/**
+		* Official turn duration from the closing element: localized tails read
+		* `用时 33秒` / `用时 2分05秒` or `Ran for 33s` / `Ran for 2m 05s`; newer
+		* tails only carry an end timestamp, which is diffed against the opening user
+		* row's timestamp.
+		*/
+		function parseTurnDuration(boundary) {
+			const text = boundary.textContent ?? "";
+			const zh = text.match(/用时\s*(\d+)分(\d+)秒|用时\s*(\d+)秒/);
+			if (zh !== null) {
+				if (zh[1] !== void 0 && zh[2] !== void 0) return Number(zh[1]) * 6e4 + Number(zh[2]) * 1e3;
+				if (zh[3] !== void 0) return Number(zh[3]) * 1e3;
+				return;
+			}
+			const en = text.match(/Ran for\s*(?:(\d+)m\s*)?(\d+)s/);
+			if (en !== null) return ((en[1] === void 0 ? 0 : Number(en[1])) * 60 + Number(en[2])) * 1e3;
+			const end = parseTimeText(text);
+			const start = findTurnStart(boundary);
+			if (end !== void 0 && start !== void 0 && end > start) return end - start;
+		}
+		/** DSH timestamp text (`8月14日 21:56` / `2026年8月14日 22:11`) → epoch ms. */
+		function parseTimeText(text) {
+			const m = text.match(/(?:(\d{4})年)?(\d{1,2})月(\d{1,2})日\s*(\d{1,2}):(\d{2})/);
+			if (m === null) return void 0;
+			const year = m[1] !== void 0 ? Number(m[1]) : (/* @__PURE__ */ new Date()).getFullYear();
+			const t = new Date(year, Number(m[2]) - 1, Number(m[3]), Number(m[4]), Number(m[5])).getTime();
+			return Number.isNaN(t) ? void 0 : t;
+		}
+		/** Latest turn-opening timestamp at or before the boundary element. */
+		function findTurnStart(boundary) {
+			const flow = boundary.parentElement;
+			if (flow === null) return void 0;
+			let best = null;
+			for (const s of flow.querySelectorAll("[class*=\"timeStart\"]")) {
+				const pos = s.compareDocumentPosition(boundary);
+				if ((pos & Node.DOCUMENT_POSITION_FOLLOWING) !== 0 || (pos & Node.DOCUMENT_POSITION_CONTAINED_BY) !== 0 || s === boundary) best = s;
+				else break;
+			}
+			if (best === null) return void 0;
+			return parseTimeText(best.textContent ?? "");
+		}
+		/** Compact duration pieces shared by both locales: seconds under a minute,
+		* whole minutes drop the seconds, hours drop to minute granularity. */
+		function durationParts(ms) {
+			const s = Math.round(ms / 1e3);
+			return {
+				h: Math.floor(s / 3600),
+				m: Math.floor(s % 3600 / 60),
+				s: s % 60
+			};
+		}
+		/** 毫秒 → 中文紧凑时长（14秒 / 2分05秒 / 15分 / 3小时2分）。 */
+		function formatZhDuration(ms) {
+			const { h, m, s } = durationParts(ms);
+			if (h > 0) return m > 0 ? `${h}小时${m}分` : `${h}小时`;
+			if (s < 60 && m === 0 && h === 0) return `${s}秒`;
+			if (s === 0) return `${m}分`;
+			return `${m}分${String(s).padStart(2, "0")}秒`;
+		}
+		/** Milliseconds → compact English duration (14s / 2m05s / 15m / 3h2m). */
+		function formatEnDuration(ms) {
+			const { h, m, s } = durationParts(ms);
+			if (h > 0) return m > 0 ? `${h}h${m}m` : `${h}h`;
+			if (m === 0 && h === 0) return `${s}s`;
+			if (s === 0) return `${m}m`;
+			return `${m}m${String(s).padStart(2, "0")}s`;
+		}
+		/** Native disclosure chevron (IconChevronDownOutline14, 14x14). */
+		const CHEVRON_PATH = "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z";
+		function createChevronIcon(className) {
+			const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+			svg.setAttribute("width", "14");
+			svg.setAttribute("height", "14");
+			svg.setAttribute("class", className);
+			svg.setAttribute("viewBox", "0 0 14 14");
+			svg.setAttribute("fill", "none");
+			svg.setAttribute("aria-hidden", "true");
+			const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+			path.setAttribute("d", CHEVRON_PATH);
+			path.setAttribute("fill", "currentColor");
+			svg.appendChild(path);
+			return svg;
+		}
+		function createProcessedRowElement(duration) {
+			const copy = resolveFoldCopy();
+			const btn = document.createElement("button");
+			btn.type = "button";
+			btn.className = PROCESSED_CLASS;
+			btn.setAttribute("aria-expanded", "false");
+			const text = document.createElement("span");
+			text.textContent = duration === void 0 ? copy.processedLabel : `${copy.processedLabel} ${copy.formatDuration(duration)}`;
+			btn.append(text, createChevronIcon(`${PROCESSED_CLASS}-chevron`));
+			btn.title = copy.expandTitle;
+			return btn;
+		}
+		function injectStyle() {
+			if (document.getElementById(STYLE_ID) !== null) return;
+			const style = document.createElement("style");
+			style.id = STYLE_ID;
+			style.textContent = FOLD_CSS;
+			document.head.appendChild(style);
+		}
+		function removeStyle() {
+			document.getElementById(STYLE_ID)?.remove();
+		}
+		//#endregion
 		//#region src/client/teleprompterGlide.ts
 		/**
 		* Conversation-port follow while an assistant reply streams.
@@ -554,8 +1650,6 @@ window.__ModuleLoader__.load({
 		const FOLLOW_OWNED_ATTR = "data-follow-owned";
 		/** Sub-pixel settle threshold; clearing below this cannot produce a visible rebound. */
 		const FOLLOW_SETTLE_EPSILON_PX = .25;
-		/** Lowest reveal rate retained while the spring is short on paint room. */
-		const FOLLOW_REVEAL_MIN_SCALE = .55;
 		/** Safe-lag occupancy band over which reveal pressure is progressively reduced. */
 		const FOLLOW_BACKPRESSURE_START_RATIO = .25;
 		const GESTURE_EVENTS = [
@@ -582,14 +1676,15 @@ window.__ModuleLoader__.load({
 		* a constrained paint lands at the minimum immediately so the next reveal
 		* commit cannot keep feeding an already-full visual buffer.
 		*/
-		function computeFollowRevealScale(lagPx, capacityPx, constrained = false) {
-			if (constrained) return FOLLOW_REVEAL_MIN_SCALE;
+		function computeFollowRevealScale(lagPx, capacityPx, constrained = false, tuning = DEFAULT_STREAM_DEBUG_TUNING) {
+			if (constrained) return tuning.backpressureMinScale;
 			if (!Number.isFinite(capacityPx)) return 1;
-			if (capacityPx <= 0) return lagPx > 0 ? FOLLOW_REVEAL_MIN_SCALE : 1;
+			if (capacityPx <= 0) return lagPx > 0 ? tuning.backpressureMinScale : 1;
 			const ratio = Math.min(1, Math.max(0, lagPx / capacityPx));
-			if (ratio >= .75) return FOLLOW_REVEAL_MIN_SCALE;
+			if (ratio >= .75) return tuning.backpressureMinScale;
 			const progress = Math.min(1, Math.max(0, (ratio - FOLLOW_BACKPRESSURE_START_RATIO) / .5));
-			return 1 - .44999999999999996 * (progress * progress * (3 - 2 * progress));
+			const eased = progress * progress * (3 - 2 * progress);
+			return 1 - (1 - tuning.backpressureMinScale) * eased;
 		}
 		/**
 		* Semi-implicit spring integration with four substeps per <=32ms slice.
@@ -597,7 +1692,7 @@ window.__ModuleLoader__.load({
 		* @param input - Current visible lag and carried physics velocity.
 		* @returns The position advance, its fraction, and next velocity.
 		*/
-		function computeFollowStep(dtMs, input) {
+		function computeFollowStep(dtMs, input, tuning = DEFAULT_STREAM_DEBUG_TUNING) {
 			if (input.lag <= .1 || dtMs <= 0) return {
 				advancePx: 0,
 				lerpStep: 0,
@@ -609,7 +1704,7 @@ window.__ModuleLoader__.load({
 			const slices = Math.max(1, Math.ceil(elapsedMs / 32));
 			const subDt = elapsedMs / 1e3 / slices / 4;
 			for (let slice = 0; slice < slices; slice += 1) for (let substep = 0; substep < 4; substep += 1) {
-				const acceleration = (130 * lag - 24 * velocity) / 1;
+				const acceleration = (tuning.springStiffness * lag - tuning.springDamping * velocity) / tuning.springMass;
 				velocity = Math.max(0, velocity + acceleration * subDt);
 				const advance = velocity * subDt;
 				if (advance >= lag) return {
@@ -631,10 +1726,11 @@ window.__ModuleLoader__.load({
 			return port.querySelector("[data-chat-transcript]") ?? port.querySelector("[data-chat-flow]");
 		}
 		/** Outermost message surfaces; nested tool rows ride their parent. */
+		/** @internal Test seam: the equal-lag transform set for one scrollport. */
 		function shiftSurfacesOf(port) {
 			const transcript = port.querySelector("[data-chat-transcript]");
 			if (transcript !== null) return [transcript];
-			return [...port.querySelectorAll("[data-chat-anchor-key]")].filter((row) => row.parentElement?.closest("[data-chat-anchor-key]") === null);
+			return [...port.querySelectorAll(`[data-chat-anchor-key], .${PROCESSED_CLASS}`)].filter((row) => row.parentElement?.closest("[data-chat-anchor-key]") === null);
 		}
 		function currentShiftOf(element) {
 			return Number(/translate3d\(0(?:px)?,\s*(-?[\d.]+)px,\s*0(?:px)?\)/.exec(element.style.transform)?.[1] ?? 0);
@@ -667,7 +1763,15 @@ window.__ModuleLoader__.load({
 			}
 			return height;
 		}
-		const followRunways = /* @__PURE__ */ new WeakMap();
+		/**
+		* The plugin can be reinjected without replacing the conversation DOM. Keep
+		* runway ownership in the page realm so a fresh bundle adopts the existing
+		* margin instead of treating it as host layout and adding another 48px.
+		*/
+		const FOLLOW_RUNWAYS_SYMBOL = Symbol.for("dsh-smooth-stream.follow-runways");
+		const followRunwayRegistry = globalThis;
+		const followRunways = followRunwayRegistry[FOLLOW_RUNWAYS_SYMBOL] ?? /* @__PURE__ */ new WeakMap();
+		followRunwayRegistry[FOLLOW_RUNWAYS_SYMBOL] = followRunways;
 		const followPaintLimits = /* @__PURE__ */ new WeakMap();
 		function invalidatePaintLimit(port) {
 			followPaintLimits.delete(port);
@@ -681,9 +1785,39 @@ window.__ModuleLoader__.load({
 			followRunways.delete(port);
 			invalidatePaintLimit(port);
 		}
-		function ensureRunway(port, surfaces) {
+		function isLegacyRunway(value) {
+			if (value === "") return false;
+			const terms = [...value.matchAll(/([\d.]+)px/g)];
+			if (terms.length === 0 || value.replaceAll(/calc|px|[\d.+()\s]/g, "") !== "") return false;
+			return terms.every(([, raw]) => {
+				const px = Number(raw);
+				return Number.isFinite(px) && px >= 48 && Math.abs(px % 48) <= Number.EPSILON;
+			});
+		}
+		/** Remove unowned runway residue written by v0.3.3 and earlier bundles. */
+		function migrateLegacyRunway(port, surfaces, status, composer) {
+			if (followRunways.has(port)) return;
+			let migrated = false;
+			if (status !== null && isLegacyRunway(status.style.marginTop)) {
+				status.style.marginTop = "";
+				migrated = true;
+			}
+			const last = surfaces.at(-1);
+			if (status === null && composer !== null && last !== void 0 && isLegacyRunway(last.style.marginBottom)) {
+				last.style.marginBottom = "";
+				migrated = true;
+			}
+			if (migrated) invalidatePaintLimit(port);
+		}
+		function ensureRunway(port, surfaces, runwayPx = 48) {
 			const status = turnStatusOf(port);
 			const composer = port.querySelector("[data-composer-seat]");
+			migrateLegacyRunway(port, surfaces, status, composer);
+			const naturalHeight = Math.max(0, port.scrollHeight - runwayOffsetOf(port));
+			if (runwayPx <= 0 || port.clientHeight <= 0 || naturalHeight <= port.clientHeight) {
+				restoreRunway(port);
+				return;
+			}
 			const target = status === null ? {
 				element: composer === null ? void 0 : surfaces.at(-1),
 				property: "marginBottom"
@@ -697,17 +1831,18 @@ window.__ModuleLoader__.load({
 			}
 			const element = target.element;
 			const current = followRunways.get(port);
-			if (current?.element === element && current.property === target.property) return;
+			if (current?.element === element && current.property === target.property && current.requestedPx === runwayPx) return;
 			restoreRunway(port);
 			const beforeHeight = port.scrollHeight;
 			const original = element.style[target.property];
-			element.style[target.property] = original === "" ? `48px` : `calc(${original} + 48px)`;
+			element.style[target.property] = original === "" ? `${runwayPx}px` : `calc(${original} + ${runwayPx}px)`;
 			const offset = Math.max(0, port.scrollHeight - beforeHeight);
 			followRunways.set(port, {
 				element,
 				offset,
 				property: target.property,
-				original
+				original,
+				requestedPx: runwayPx
 			});
 			invalidatePaintLimit(port);
 		}
@@ -770,9 +1905,9 @@ window.__ModuleLoader__.load({
 		* same frame. Carrying that excess in `scrollTop` would move the transcript
 		* toward fixed chrome and also make the host expose jump-to-bottom.
 		*/
-		function applyVisual(port, animatedH, reservePx, velocityPxPerSec = 0) {
+		function applyVisual(port, animatedH, reservePx, velocityPxPerSec = 0, runwayPx = 48) {
 			const surfaces = shiftSurfacesOf(port);
-			ensureRunway(port, surfaces);
+			ensureRunway(port, surfaces, runwayPx);
 			const contentHeight = Math.max(0, port.scrollHeight);
 			const runwayOffset = runwayOffsetOf(port);
 			const targetHeight = Math.max(0, contentHeight - runwayOffset);
@@ -918,9 +2053,10 @@ window.__ModuleLoader__.load({
 				};
 				const updateRevealScale = (next, elapsedMs, urgent = false) => {
 					if (revealScaleRef === void 0) return;
+					const tuning = debugRuntime.activeTuning();
 					const state = followMotionStates.get(next);
-					const target = state === void 0 ? 1 : computeFollowRevealScale(state.lagPx, state.capacityPx, state.constrained);
-					const current = Math.min(1, Math.max(FOLLOW_REVEAL_MIN_SCALE, revealScaleRef.current));
+					const target = state === void 0 ? 1 : computeFollowRevealScale(state.lagPx, state.capacityPx, state.constrained, tuning);
+					const current = Math.min(1, Math.max(tuning.backpressureMinScale, revealScaleRef.current));
 					if (target < current || urgent) {
 						revealScaleRef.current = Math.min(current, target);
 						return;
@@ -931,6 +2067,22 @@ window.__ModuleLoader__.load({
 				const releaseRevealScale = () => {
 					if (revealScaleRef !== void 0) revealScaleRef.current = 1;
 				};
+				const reportFollow = (next, isActive) => {
+					const state = followMotionStates.get(next);
+					debugRuntime.reportFollow(next, {
+						lagPx: state?.lagPx ?? Math.max(0, next.scrollHeight - next.clientHeight - next.scrollTop),
+						velocityPxPerSec: state?.velocityPxPerSec ?? 0,
+						reservePx: state?.reservePx ?? 0,
+						capacityPx: state?.capacityPx ?? 0,
+						revealScale: revealScaleRef?.current ?? 1,
+						following,
+						constrained: state?.constrained ?? false,
+						scrollTop: next.scrollTop,
+						scrollHeight: next.scrollHeight,
+						clientHeight: next.clientHeight,
+						active: isActive
+					});
+				};
 				const isLeader = (next) => followLeaders.get(next)?.owner === owner;
 				const hold = (next) => {
 					followActivityAt.set(next, performance.now());
@@ -948,11 +2100,14 @@ window.__ModuleLoader__.load({
 						clearMotion(next);
 						followMotionStates.delete(next);
 						releaseRevealScale();
+						debugRuntime.reportFollow(next, null);
 					}
 				};
 				const handBackVisual = (next) => {
 					const shift = currentShiftOf(shiftSurfacesOf(next).at(-1) ?? next);
 					const visualTop = Math.max(0, next.scrollTop - Math.max(0, shift));
+					clearMotion(next);
+					restoreRunway(next);
 					const floor = Math.max(0, next.scrollHeight - next.clientHeight);
 					next.scrollTop = Math.min(visualTop, Math.max(0, floor - 26));
 					followScrollLedgers.set(next, next.scrollTop);
@@ -980,8 +2135,10 @@ window.__ModuleLoader__.load({
 				const restoreBeforePaint = () => {
 					if (!following || port === null || !isLeader(port)) return;
 					invalidatePaintLimit(port);
-					animatedH = applyVisual(port, animatedH, reservePx, velocityPxPerSec);
+					const tuning = debugRuntime.activeTuning();
+					animatedH = applyVisual(port, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
 					updateRevealScale(port, 0, true);
+					reportFollow(port, activeRef.current);
 				};
 				const bindPort = (next) => {
 					if (port === next) return;
@@ -1003,6 +2160,7 @@ window.__ModuleLoader__.load({
 					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;
@@ -1029,8 +2187,9 @@ window.__ModuleLoader__.load({
 						if (following) {
 							hold(nextPort);
 							if (isLeader(nextPort)) {
-								animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec);
+								animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
 								updateRevealScale(nextPort, elapsedMs);
+								reportFollow(nextPort, activeRef.current);
 								const runwayOffset = runwayOffsetOf(nextPort);
 								if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffset) <= .25) finishEntrance();
 							} else finishEntrance();
@@ -1038,7 +2197,7 @@ window.__ModuleLoader__.load({
 						primed = true;
 						return;
 					}
-					if (!following && !interacting && reportedLag <= (readerReleased ? 1 : 25)) {
+					if (!following && (!interacting || readerReleased && !readerGestureIntent && reportedLag <= 1) && reportedLag <= (readerReleased ? 1 : 25)) {
 						following = true;
 						readerReleased = false;
 						animatedH = extent;
@@ -1059,6 +2218,7 @@ window.__ModuleLoader__.load({
 					}
 					if (!activeRef.current || !following) {
 						followScrollLedgers.set(nextPort, nextPort.scrollTop);
+						reportFollow(nextPort, activeRef.current);
 						return;
 					}
 					hold(nextPort);
@@ -1070,14 +2230,14 @@ window.__ModuleLoader__.load({
 					const contentHeight = nextPort.scrollHeight;
 					const lag = Math.max(0, contentHeight - animatedH - runwayOffset);
 					const predictGrowth = predictiveRef?.current ?? predictive;
-					const reserveTarget = !predictGrowth ? 0 : computeFollowReserve(speedCpsRef.current, runwayOffset);
-					const reserveStep = 1 - Math.exp(-elapsedMs / 180);
+					const reserveTarget = !predictGrowth ? 0 : computeFollowReserve(speedCpsRef.current, tuning.runwayPx);
+					const reserveStep = 1 - Math.exp(-elapsedMs / tuning.reserveResponseMs);
 					reservePx += (reserveTarget - reservePx) * reserveStep;
 					const step = computeFollowStep(dt, {
 						lag,
 						speedEma: speedCpsRef.current,
 						velocityPxPerSec
-					});
+					}, tuning);
 					if (lag <= .1) {
 						animatedH = contentHeight - runwayOffset;
 						velocityPxPerSec = 0;
@@ -1086,8 +2246,9 @@ window.__ModuleLoader__.load({
 						animatedH = Math.min(contentHeight - runwayOffset - minimumLag, animatedH + step.advancePx);
 						velocityPxPerSec = step.velocityPxPerSec;
 					}
-					animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec);
+					animatedH = applyVisual(nextPort, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
 					updateRevealScale(nextPort, elapsedMs);
+					reportFollow(nextPort, true);
 					if (Math.max(0, nextPort.scrollHeight - animatedH - runwayOffsetOf(nextPort)) <= .25) finishEntrance();
 				};
 				frame(performance.now());
@@ -1105,6 +2266,7 @@ window.__ModuleLoader__.load({
 						clearVisual(host);
 						followLeaders.delete(host);
 						releaseRevealScale();
+						debugRuntime.reportFollow(host, null);
 						return;
 					}
 					if (preserveReader) {
@@ -1112,19 +2274,23 @@ window.__ModuleLoader__.load({
 						clearVisual(host);
 						followLeaders.delete(host);
 						releaseRevealScale();
+						debugRuntime.reportFollow(host, null);
 						return;
 					}
-					ensureRunway(host, shiftSurfacesOf(host));
+					const completionTuning = debugRuntime.activeTuning();
+					ensureRunway(host, shiftSurfacesOf(host), completionTuning.runwayPx);
 					const completionRunway = runwayOffsetOf(host);
 					const completionMinimumLag = Math.max(0, reservePx);
 					animatedH = Math.min(animatedH, host.scrollHeight - completionRunway - completionMinimumLag);
 					settleAtFloor(host);
-					animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec);
+					animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, completionTuning.runwayPx);
+					reportFollow(host, false);
 					const runwayOffset = runwayOffsetOf(host);
 					if (Math.max(0, host.scrollHeight - animatedH - runwayOffset) <= .25 && reservePx <= .25) {
 						finishAtNaturalFloor(host);
 						followLeaders.delete(host);
 						releaseRevealScale();
+						debugRuntime.reportFollow(host, null);
 						return;
 					}
 					for (const name of GESTURE_EVENTS) host.addEventListener(name, markGesture, { passive: true });
@@ -1147,14 +2313,16 @@ window.__ModuleLoader__.load({
 							clearVisual(host);
 							followLeaders.delete(host);
 							releaseRevealScale();
+							debugRuntime.reportFollow(host, null);
 							stopSettleListeners();
 							return;
 						}
 						const dt = Math.min(32, Math.max(0, now - settleLast));
+						const tuning = debugRuntime.activeTuning();
 						settleLast = now;
 						const runwayOffset = runwayOffsetOf(host);
 						const lag = Math.max(0, host.scrollHeight - animatedH - runwayOffset);
-						const reserveStep = 1 - Math.exp(-dt / 180);
+						const reserveStep = 1 - Math.exp(-dt / tuning.reserveResponseMs);
 						reservePx += (0 - reservePx) * reserveStep;
 						if (lag <= .25 && reservePx <= .25) {
 							animatedH = host.scrollHeight - runwayOffset;
@@ -1163,6 +2331,7 @@ window.__ModuleLoader__.load({
 							finishAtNaturalFloor(host);
 							followLeaders.delete(host);
 							releaseRevealScale();
+							debugRuntime.reportFollow(host, null);
 							stopSettleListeners();
 							return;
 						}
@@ -1170,12 +2339,13 @@ window.__ModuleLoader__.load({
 							lag,
 							speedEma: speedCpsRef.current,
 							velocityPxPerSec
-						});
+						}, tuning);
 						const minimumLag = Math.max(0, reservePx);
 						animatedH = Math.min(host.scrollHeight - runwayOffset - minimumLag, animatedH + step.advancePx);
 						velocityPxPerSec = step.velocityPxPerSec;
 						settleAtFloor(host);
-						animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec);
+						animatedH = applyVisual(host, animatedH, reservePx, velocityPxPerSec, tuning.runwayPx);
+						reportFollow(host, false);
 						requestAnimationFrame(settleFrame);
 					};
 					requestAnimationFrame(settleFrame);
@@ -1240,10 +2410,6 @@ window.__ModuleLoader__.load({
 		*/
 		const STREAM_BOOT_GLOBAL = "__DSH_SMOOTH_STREAM_CONFIG__";
 		//#endregion
-		//#region src/settings.ts
-		/** Defaults shared by the Host schema and the client-side fallback. */
-		const DEFAULT_STREAM_SETTINGS = { thinkAutoExpand: true };
-		//#endregion
 		//#region src/client/TypewriterAssistantNodeView.tsx
 		function usePrefersReducedMotion() {
 			const [reduced, setReduced] = (0, react.useState)(() => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true);
@@ -1258,6 +2424,8 @@ window.__ModuleLoader__.load({
 		}
 		/** Conservative fallback before the streaming Markdown tail has geometry. */
 		const PREDICTIVE_WRAP_FALLBACK_CHARS = 32;
+		const STREAM_ANNOUNCEMENT_INTERVAL_MS = 800;
+		const STREAM_ANNOUNCEMENT_MAX_CHARS = 320;
 		function approximateInlineWidth(text, emPx) {
 			let width = 0;
 			for (const char of text) if (/\s/u.test(char)) width += emPx * .33;
@@ -1265,36 +2433,189 @@ window.__ModuleLoader__.load({
 			else width += emPx;
 			return width;
 		}
-		/** Whether buffered source can reach a new visual line before it drains. */
-		function pendingTextCanGrow(root, pending) {
-			if (pending === "") return false;
-			if (/[\r\n]/u.test(pending)) return true;
-			const pendingChars = [...pending];
-			if (root === null || typeof document.createTreeWalker !== "function" || typeof NodeFilter === "undefined") return pendingChars.length >= PREDICTIVE_WRAP_FALLBACK_CHARS;
+		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 pendingChars.length >= PREDICTIVE_WRAP_FALLBACK_CHARS;
+			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;
-			const pendingWidth = approximateInlineWidth(pending, fontSize);
-			if (tail === null || typeof document.createRange !== "function") return pendingWidth >= rootWidth;
+			if (tail === null || typeof document.createRange !== "function") return {
+				root,
+				visibleText,
+				fontSize,
+				wrapThresholdWidth: rootWidth
+			};
 			try {
 				const length = tail.textContent?.length ?? 0;
-				if (length <= 0) return pendingWidth >= rootWidth;
+				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 pendingWidth >= rootWidth;
-				return pendingWidth >= Math.max(0, contentRight - tailRect.right) + fontSize * .35;
+				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 pendingWidth >= rootWidth;
+				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;
+			let geometry = geometryRef.current;
+			if (geometry?.root !== root || geometry.visibleText !== visibleText) {
+				geometry = measurePendingTextGeometry(root, visibleText);
+				geometryRef.current = geometry;
+			}
+			if (geometry.wrapThresholdWidth === null) return pendingChars.length >= PREDICTIVE_WRAP_FALLBACK_CHARS;
+			return approximateInlineWidth(pending, geometry.fontSize) >= geometry.wrapThresholdWidth;
+		}
+		function announcementChunkEnd(source, start) {
+			const hardEnd = Math.min(source.length, start + STREAM_ANNOUNCEMENT_MAX_CHARS);
+			if (hardEnd === source.length) return hardEnd;
+			const softStart = start + Math.floor(STREAM_ANNOUNCEMENT_MAX_CHARS * .6);
+			for (let index = hardEnd - 1; index >= softStart; index -= 1) if (/[\s.,;:!?]/u.test(source[index] ?? "")) return index + 1;
+			return hardEnd;
+		}
+		/** A commit-driven live region isolated from the visible Markdown subtree. */
+		const StreamAnnouncement = (0, react.memo)(function StreamAnnouncement({ text, active }) {
+			const [announcement, setAnnouncement] = (0, react.useState)({
+				text: "",
+				revision: 0,
+				present: active
+			});
+			const sourceRef = (0, react.useRef)(text);
+			const activeRef = (0, react.useRef)(active);
+			const announcedOffsetRef = (0, react.useRef)(active ? 0 : text.length);
+			const drainSourceRef = (0, react.useRef)(null);
+			const timerRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				const clearTimer = () => {
+					if (timerRef.current === null) return;
+					clearTimeout(timerRef.current);
+					timerRef.current = null;
+				};
+				const publishNext = (source) => {
+					const start = Math.min(announcedOffsetRef.current, source.length);
+					const end = announcementChunkEnd(source, start);
+					if (end <= start) return false;
+					announcedOffsetRef.current = end;
+					setAnnouncement((previous) => ({
+						text: source.slice(start, end),
+						revision: previous.revision + 1,
+						present: true
+					}));
+					return end < source.length;
+				};
+				const hideAfterLinger = () => {
+					timerRef.current = setTimeout(() => {
+						timerRef.current = null;
+						if (activeRef.current) return;
+						drainSourceRef.current = null;
+						setAnnouncement((previous) => ({
+							...previous,
+							present: false
+						}));
+					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
+				};
+				const drainNext = () => {
+					const source = drainSourceRef.current;
+					if (source === null) return;
+					if (!publishNext(source)) {
+						hideAfterLinger();
+						return;
+					}
+					timerRef.current = setTimeout(() => {
+						timerRef.current = null;
+						if (activeRef.current) return;
+						drainNext();
+					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
+				};
+				const scheduleLive = () => {
+					if (timerRef.current !== null || announcedOffsetRef.current >= sourceRef.current.length) return;
+					timerRef.current = setTimeout(() => {
+						timerRef.current = null;
+						if (!activeRef.current) return;
+						const source = sourceRef.current;
+						if (publishNext(source)) scheduleLive();
+					}, STREAM_ANNOUNCEMENT_INTERVAL_MS);
+				};
+				const wasActive = activeRef.current;
+				const previousSource = sourceRef.current;
+				if (!(!active && !wasActive && drainSourceRef.current !== null) && (!text.startsWith(previousSource) || announcedOffsetRef.current > text.length)) announcedOffsetRef.current = 0;
+				sourceRef.current = text;
+				activeRef.current = active;
+				if (active) {
+					if (!wasActive) {
+						clearTimer();
+						drainSourceRef.current = null;
+						setAnnouncement((previous) => ({
+							text: "",
+							revision: previous.revision + 1,
+							present: true
+						}));
+					}
+					scheduleLive();
+					return;
+				}
+				if (!wasActive) {
+					if (drainSourceRef.current === null) announcedOffsetRef.current = text.length;
+					return;
+				}
+				clearTimer();
+				drainSourceRef.current = text;
+				drainNext();
+			}, [active, text]);
+			(0, react.useEffect)(() => () => {
+				if (timerRef.current !== null) clearTimeout(timerRef.current);
+				timerRef.current = null;
+			}, []);
+			if (!active && !announcement.present) return null;
+			const activating = active && !activeRef.current;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: TypewriterAssistantNodeView_module_css_default.visuallyHidden,
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: activating ? "" : announcement.text }, announcement.revision)
+			});
+		});
 		/**
 		* Smooth streaming text arm. While the reply runs, the accumulated source is
 		* revealed through the smoother at a rate that tracks the model's arrival
@@ -1306,13 +2627,14 @@ window.__ModuleLoader__.load({
 		* drains, the settled full parse (KaTeX math, fence highlighting, file
 		* mentions) swaps in exactly once.
 		*/
-		function AnimatedMarkdownText({ text, codeLabels, fileMentions, streaming, announce, ownFollow, followSpeedCpsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack }) {
+		function AnimatedMarkdownText({ text, codeLabels, fileMentions, streaming, ownFollow, followSpeedCpsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack }) {
 			const reduced = usePrefersReducedMotion();
 			const [typing, setTyping] = (0, react.useState)(streaming);
 			const localSpeedCpsRef = (0, react.useRef)(35);
 			const followRootRef = (0, react.useRef)(null);
 			const predictionSourceRef = (0, react.useRef)(null);
 			const predictionStateRef = (0, react.useRef)(false);
+			const predictionGeometryRef = (0, react.useRef)(null);
 			const speedCpsRef = followSpeedCpsRef ?? localSpeedCpsRef;
 			const displayed = useSmoothStreamContent(text, {
 				enabled: typing && !reduced,
@@ -1324,11 +2646,22 @@ window.__ModuleLoader__.load({
 			});
 			const shown = reduced ? text : displayed;
 			const live = typing && !reduced;
+			(0, react.useEffect)(() => {
+				const root = followRootRef.current;
+				if (root === null || typeof ResizeObserver === "undefined") return;
+				const observer = new ResizeObserver(() => {
+					if (predictionGeometryRef.current?.root === root) predictionGeometryRef.current = null;
+				});
+				observer.observe(root);
+				return () => {
+					observer.disconnect();
+				};
+			}, []);
 			(0, react.useLayoutEffect)(() => {
 				if (onPredictiveChange === void 0) return;
 				const pending = text.slice(shown.length);
 				const sourceChanged = predictionSourceRef.current !== text;
-				const next = !live || !streaming || pending === "" ? false : sourceChanged ? pendingTextCanGrow(followRootRef.current, pending) : predictionStateRef.current;
+				const next = !live || !streaming || pending === "" ? false : sourceChanged ? pendingTextCanGrow(followRootRef.current, shown, pending, predictionGeometryRef) : predictionStateRef.current;
 				predictionSourceRef.current = text;
 				predictionStateRef.current = next;
 				onPredictiveChange(next);
@@ -1347,11 +2680,7 @@ window.__ModuleLoader__.load({
 				text,
 				typing
 			]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [live && announce && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: TypewriterAssistantNodeView_module_css_default.visuallyHidden,
-				"aria-live": "polite",
-				children: text
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
 				active: live && ownFollow,
 				speedCpsRef,
 				revealScaleRef: followRevealScaleRef,
@@ -1363,7 +2692,7 @@ window.__ModuleLoader__.load({
 					codeLabels,
 					fileMentions: live ? void 0 : fileMentions
 				})
-			})] });
+			});
 		}
 		function imageLabels(t) {
 			return {
@@ -1396,7 +2725,7 @@ window.__ModuleLoader__.load({
 		* or the assistant node settling — not when the rest of the reply is
 		* still streaming.
 		*/
-		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, onExpandedChange, t }) {
+		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, t }) {
 			const reduced = usePrefersReducedMotion();
 			const [expanded, setExpanded] = (0, react.useState)(running && thinkAutoExpand);
 			const summaryRef = (0, react.useRef)(null);
@@ -1412,9 +2741,6 @@ window.__ModuleLoader__.load({
 			(0, react.useLayoutEffect)(() => {
 				if (thinkAutoExpand) setExpanded(running);
 			}, [running, thinkAutoExpand]);
-			(0, react.useLayoutEffect)(() => {
-				onExpandedChange?.(expanded);
-			}, [expanded, onExpandedChange]);
 			(0, react.useEffect)(() => {
 				const element = summaryRef.current;
 				if (element === null) return;
@@ -1479,13 +2805,10 @@ window.__ModuleLoader__.load({
 			const rootPredictiveRef = (0, react.useRef)(false);
 			const previousReasoningTailRef = (0, react.useRef)(-1);
 			if (reasoningTailIndex !== previousReasoningTailRef.current) {
-				rootPredictiveRef.current = reasoningOwnsSpeed ? thinkAutoExpand : false;
+				rootPredictiveRef.current = false;
 				if (!reasoningOwnsSpeed) rootSpeedRef.current = 35;
 				previousReasoningTailRef.current = reasoningTailIndex;
 			}
-			const updateReasoningExpanded = (0, react.useMemo)(() => (expanded) => {
-				rootPredictiveRef.current = expanded;
-			}, []);
 			const updateTextPrediction = (0, react.useMemo)(() => (predictive) => {
 				rootPredictiveRef.current = predictive;
 			}, []);
@@ -1514,6 +2837,7 @@ window.__ModuleLoader__.load({
 				throw new Error(t("image.serviceUnavailable"));
 			});
 			if (!(streaming || data.status === "interrupted" || data.blocks.some((block) => block.kind !== "tool-call"))) return null;
+			const announcementText = data.blocks.filter((block) => block.kind === "text").map((block) => block.text).join("\n");
 			const rendered = [];
 			const last = data.blocks.length - 1;
 			let lastFollow = -1;
@@ -1531,7 +2855,6 @@ window.__ModuleLoader__.load({
 							codeLabels,
 							fileMentions: mentions,
 							streaming,
-							announce: index === last,
 							ownFollow: !streaming && index === lastFollow,
 							followSpeedCpsRef: index === lastFollow ? rootSpeedRef : void 0,
 							followRevealScaleRef: index === lastFollow ? rootRevealScaleRef : void 0,
@@ -1549,7 +2872,6 @@ window.__ModuleLoader__.load({
 							shouldHoldBack,
 							followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
 							followRevealScaleRef: reasoningOwnsSpeed && index === last ? rootRevealScaleRef : void 0,
-							onExpandedChange: index === reasoningTailIndex ? updateReasoningExpanded : void 0,
 							t
 						}, index));
 						break;
@@ -1578,11 +2900,14 @@ window.__ModuleLoader__.load({
 					}, index));
 				}
 			}
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				ref: guardRef,
 				className: TypewriterAssistantNodeView_module_css_default.root,
 				"data-streaming": streaming || void 0,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamAnnouncement, {
+					text: announcementText,
+					active: streaming && !reduced
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
 					active: streaming && !reduced,
 					speedCpsRef: rootSpeedRef,
 					revealScaleRef: rootRevealScaleRef,
@@ -1594,7 +2919,7 @@ window.__ModuleLoader__.load({
 							children: t("message.stopped")
 						})]
 					})
-				})
+				})]
 			});
 		});
 		//#endregion
@@ -1608,6 +2933,8 @@ window.__ModuleLoader__.load({
 		* while the row belongs to the live Agent turn. No clip, mask, overlay, or
 		* duplicate accessibility tree is introduced.
 		*/
+		/** Last presented text per root, retained across follow lifecycle flips. */
+		const ledgerByRoot = /* @__PURE__ */ new WeakMap();
 		const SKIP_TEXT_SELECTOR = [
 			"[aria-hidden=\"true\"]",
 			"[aria-live]",
@@ -1635,10 +2962,56 @@ window.__ModuleLoader__.load({
 		*/
 		function useProgressiveDomText(rootRef, enabled, revealInitial, speedCpsRef, onSettled) {
 			(0, react.useLayoutEffect)(() => {
-				if (!enabled) return;
 				const root = rootRef.current;
 				if (root === null || typeof document === "undefined") return;
-				const records = /* @__PURE__ */ new Map();
+				let records = ledgerByRoot.get(root);
+				if (!enabled && records === void 0) return;
+				if (records === void 0) {
+					records = /* @__PURE__ */ new Map();
+					ledgerByRoot.set(root, records);
+				}
+				const forEachText = (from, callback) => {
+					if (from.nodeType === Node.TEXT_NODE) {
+						callback(from);
+						return;
+					}
+					const walker = document.createTreeWalker(from, NodeFilter.SHOW_TEXT);
+					let current = walker.nextNode();
+					while (current !== null) {
+						callback(current);
+						current = walker.nextNode();
+					}
+				};
+				const settle = (text) => {
+					if (!revealable(text, root)) return;
+					const chars = [...text.data];
+					records.set(text, {
+						chars,
+						full: text.data,
+						shown: chars.length
+					});
+				};
+				const snapshotVisible = () => {
+					const current = /* @__PURE__ */ new Set();
+					forEachText(root, (text) => {
+						if (!revealable(text, root)) return;
+						current.add(text);
+						settle(text);
+					});
+					for (const text of records.keys()) if (!current.has(text)) records.delete(text);
+				};
+				if (!enabled) {
+					snapshotVisible();
+					const observer = typeof MutationObserver === "undefined" ? null : new MutationObserver(snapshotVisible);
+					observer?.observe(root, {
+						childList: true,
+						characterData: true,
+						subtree: true
+					});
+					return () => {
+						observer?.disconnect();
+					};
+				}
 				const pending = /* @__PURE__ */ new Set();
 				const internalWrites = /* @__PURE__ */ new WeakMap();
 				let rafId = 0;
@@ -1646,10 +3019,12 @@ window.__ModuleLoader__.load({
 				let debt = 0;
 				let stopped = false;
 				let announcedSettled = false;
+				const streamId = `dom-${Math.random().toString(36).slice(2)}`;
 				const announceSettled = () => {
 					lastFrame = null;
 					debt = 0;
 					speedCpsRef.current = 35;
+					debugRuntime.reportStream(streamId, null);
 					if (announcedSettled) return;
 					announcedSettled = true;
 					onSettled?.();
@@ -1676,18 +3051,21 @@ window.__ModuleLoader__.load({
 					write(node, chars.slice(0, preserved).join(""));
 				};
 				const visit = (from, reveal) => {
-					if (from.nodeType === Node.TEXT_NODE) {
-						const text = from;
-						if (reveal) enqueue(text, text.data, records.get(text));
-						return;
-					}
-					const walker = document.createTreeWalker(from, NodeFilter.SHOW_TEXT);
-					let current = walker.nextNode();
-					while (current !== null) {
-						const text = current;
-						if (reveal) enqueue(text, text.data, records.get(text));
-						current = walker.nextNode();
-					}
+					forEachText(from, (text) => {
+						if (!revealable(text, root)) return;
+						if (reveal) {
+							enqueue(text, text.data, records.get(text));
+							return;
+						}
+						settle(text);
+					});
+				};
+				const forget = (from) => {
+					forEachText(from, (text) => {
+						if (root.contains(text)) return;
+						records.delete(text);
+						pending.delete(text);
+					});
 				};
 				const scheduleFrame = () => {
 					if (stopped || pending.size === 0 || rafId !== 0) return;
@@ -1713,7 +3091,7 @@ window.__ModuleLoader__.load({
 						const record = records.get(node);
 						if (record !== void 0) backlog += record.chars.length - record.shown;
 					}
-					const step = computeAdaptiveQueueStep(backlog, elapsed, debt);
+					const step = computeAdaptiveQueueStep(backlog, elapsed, debt, 1, debugRuntime.activeTuning());
 					debt = step.debt;
 					speedCpsRef.current = step.speedCps;
 					let remaining = step.revealChars;
@@ -1722,6 +3100,7 @@ window.__ModuleLoader__.load({
 						const record = records.get(node);
 						if (record === void 0 || !node.isConnected) {
 							pending.delete(node);
+							records.delete(node);
 							continue;
 						}
 						const amount = Math.min(remaining, record.chars.length - record.shown);
@@ -1735,10 +3114,30 @@ window.__ModuleLoader__.load({
 						remaining -= amount;
 						if (shown >= next.chars.length) pending.delete(node);
 					}
+					let targetChars = 0;
+					let displayedChars = 0;
+					let nextBacklog = 0;
+					for (const [node, record] of records) {
+						if (!node.isConnected) {
+							records.delete(node);
+							pending.delete(node);
+							continue;
+						}
+						targetChars += record.chars.length;
+						displayedChars += record.shown;
+						if (pending.has(node)) nextBacklog += record.chars.length - record.shown;
+					}
+					debugRuntime.reportStream(streamId, {
+						backlog: nextBacklog,
+						speedCps: step.speedCps,
+						targetChars,
+						displayedChars,
+						active: pending.size > 0
+					});
 					if (pending.size === 0) announceSettled();
 					else scheduleFrame();
 				};
-				if (revealInitial) visit(root, true);
+				visit(root, revealInitial);
 				const observer = typeof MutationObserver === "undefined" ? null : new MutationObserver((mutations) => {
 					for (const mutation of mutations) {
 						if (mutation.type === "characterData") {
@@ -1750,6 +3149,7 @@ window.__ModuleLoader__.load({
 							enqueue(node, node.data, records.get(node));
 							continue;
 						}
+						for (const removed of mutation.removedNodes) forget(removed);
 						for (const added of mutation.addedNodes) visit(added, true);
 					}
 					if (pending.size === 0) announceSettled();
@@ -1772,6 +3172,7 @@ window.__ModuleLoader__.load({
 					}
 					pending.clear();
 					speedCpsRef.current = 35;
+					debugRuntime.reportStream(streamId, null);
 				};
 			}, [
 				enabled,
@@ -1954,50 +3355,51 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/SmoothStreamCard.module.css.mjs
-		const css = ".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_fieldHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.XNGeRG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.XNGeRG_toggle{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_toggle:disabled{cursor:default}.XNGeRG_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.XNGeRG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.XNGeRG_failure{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateRow{border-top:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateCopy{flex-direction:column;gap:4px;min-width:0;display:flex}.XNGeRG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.XNGeRG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.XNGeRG_save,.XNGeRG_discard,.XNGeRG_update{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.XNGeRG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.XNGeRG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.XNGeRG_discard:hover:not(:disabled),.XNGeRG_update:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed);color:var(--dsw-alias-label-primary)}.XNGeRG_update{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0;flex:none;align-items:center;gap:6px;display:inline-flex}.XNGeRG_discard:disabled,.XNGeRG_save:disabled,.XNGeRG_update:disabled{opacity:.4;cursor:default}.XNGeRG_discard:focus-visible,.XNGeRG_save:focus-visible,.XNGeRG_update:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
-		const tagId = "dsh-smooth-stream/SmoothStreamCard.module.css";
+		const css$1 = ".XNGeRG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;list-style:none;transition:border-color .16s,background .16s;display:flex}.XNGeRG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.XNGeRG_cardOpen{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}.XNGeRG_header{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.XNGeRG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.XNGeRG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.XNGeRG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.XNGeRG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.XNGeRG_version{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:1.5;overflow:hidden}.XNGeRG_pending{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.XNGeRG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.XNGeRG_chevronOpen{transform:rotate(180deg)}.XNGeRG_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;margin:0 16px;padding-bottom:8px;display:flex}.XNGeRG_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.XNGeRG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.XNGeRG_field+.XNGeRG_field{border-top:1px solid var(--dsw-alias-border-l2)}.XNGeRG_fieldDisabled{opacity:.5}.XNGeRG_fieldHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.XNGeRG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.XNGeRG_toggle{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_toggle:disabled{cursor:default}.XNGeRG_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.XNGeRG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.XNGeRG_failure{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateRow{border-top:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateCopy{flex-direction:column;gap:4px;min-width:0;display:flex}.XNGeRG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.XNGeRG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.XNGeRG_save,.XNGeRG_discard,.XNGeRG_update{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.XNGeRG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.XNGeRG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.XNGeRG_discard:hover:not(:disabled),.XNGeRG_update:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed);color:var(--dsw-alias-label-primary)}.XNGeRG_update{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0;flex:none;align-items:center;gap:6px;display:inline-flex}.XNGeRG_discard:disabled,.XNGeRG_save:disabled,.XNGeRG_update:disabled{opacity:.4;cursor:default}.XNGeRG_discard:focus-visible,.XNGeRG_save:focus-visible,.XNGeRG_update:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
+		const tagId$1 = "dsh-smooth-stream/SmoothStreamCard.module.css";
 		if (typeof document !== "undefined") {
-			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]");
+			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]");
 			if (tag === null) {
 				tag = document.createElement("style");
 				tag.dataset.plugin = "dsh-smooth-stream";
-				tag.dataset.pluginCss = tagId;
+				tag.dataset.pluginCss = tagId$1;
 				document.head.appendChild(tag);
 			}
-			tag.textContent = css;
+			tag.textContent = css$1;
 		}
 		var SmoothStreamCard_module_css_default = {
-			"card": "XNGeRG_card",
+			"updateRow": "XNGeRG_updateRow",
+			"fieldDisabled": "XNGeRG_fieldDisabled",
 			"hint": "XNGeRG_hint",
-			"failed": "XNGeRG_failed",
-			"field": "XNGeRG_field",
 			"chevron": "XNGeRG_chevron",
-			"headText": "XNGeRG_headText",
+			"cardOpen": "XNGeRG_cardOpen",
 			"version": "XNGeRG_version",
-			"body": "XNGeRG_body",
-			"fieldHead": "XNGeRG_fieldHead",
-			"toggle": "XNGeRG_toggle",
-			"readOnly": "XNGeRG_readOnly",
-			"header": "XNGeRG_header",
 			"pending": "XNGeRG_pending",
-			"label": "XNGeRG_label",
-			"update": "XNGeRG_update",
-			"discard": "XNGeRG_discard",
-			"footer": "XNGeRG_footer",
 			"failure": "XNGeRG_failure",
+			"header": "XNGeRG_header",
+			"updateCopy": "XNGeRG_updateCopy",
+			"failed": "XNGeRG_failed",
+			"discard": "XNGeRG_discard",
 			"name": "XNGeRG_name",
+			"save": "XNGeRG_save",
+			"fieldHead": "XNGeRG_fieldHead",
+			"update": "XNGeRG_update",
+			"headText": "XNGeRG_headText",
+			"toggle": "XNGeRG_toggle",
+			"body": "XNGeRG_body",
+			"readOnly": "XNGeRG_readOnly",
 			"description": "XNGeRG_description",
-			"cardOpen": "XNGeRG_cardOpen",
 			"chevronOpen": "XNGeRG_chevronOpen",
-			"updateRow": "XNGeRG_updateRow",
-			"save": "XNGeRG_save",
-			"updateCopy": "XNGeRG_updateCopy"
+			"card": "XNGeRG_card",
+			"field": "XNGeRG_field",
+			"label": "XNGeRG_label",
+			"footer": "XNGeRG_footer"
 		};
 		//#endregion
 		//#region src/client/SmoothStreamCard.tsx
 		/**
 		* The smooth-stream plugin configuration card, rendered inside the Web
-		* Settings "plugin configuration" page. One toggle, staged until the user
+		* Settings "plugin configuration" page. Preferences are staged until the user
 		* saves — the same shape as the Host-shipped cards, hand-drawn because the
 		* Host cards' chrome is not exported for reuse.
 		*/
@@ -2067,6 +3469,27 @@ window.__ModuleLoader__.load({
 							}) : null,
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 								className: SmoothStreamCard_module_css_default.field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: SmoothStreamCard_module_css_default.fieldHead,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.label,
+										children: t("enabled")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										className: SmoothStreamCard_module_css_default.toggle,
+										checked: state.enabled,
+										disabled: !state.writable || state.saving,
+										onChange: (event) => {
+											props.edit({ enabled: event.target.checked });
+										}
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SmoothStreamCard_module_css_default.hint,
+									children: t("enabledHint")
+								})]
+							}),
+							/* @__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", {
 									className: SmoothStreamCard_module_css_default.fieldHead,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2076,9 +3499,9 @@ window.__ModuleLoader__.load({
 										type: "checkbox",
 										className: SmoothStreamCard_module_css_default.toggle,
 										checked: state.thinkAutoExpand,
-										disabled: !state.writable,
+										disabled: !state.writable || state.saving || !state.enabled,
 										onChange: (event) => {
-											props.edit(event.target.checked);
+											props.edit({ thinkAutoExpand: event.target.checked });
 										}
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2086,6 +3509,48 @@ window.__ModuleLoader__.load({
 									children: t("thinkAutoExpandHint")
 								})]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: SmoothStreamCard_module_css_default.field,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: SmoothStreamCard_module_css_default.fieldHead,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.label,
+										children: t("autoCollapse")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										className: SmoothStreamCard_module_css_default.toggle,
+										checked: state.autoCollapse,
+										disabled: !state.writable || state.saving,
+										onChange: (event) => {
+											props.edit({ autoCollapse: event.target.checked });
+										}
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SmoothStreamCard_module_css_default.hint,
+									children: t("autoCollapseHint")
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: state.debugAvailable ? SmoothStreamCard_module_css_default.field : `${SmoothStreamCard_module_css_default.field} ${SmoothStreamCard_module_css_default.fieldDisabled}`,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: SmoothStreamCard_module_css_default.fieldHead,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.label,
+										children: t("debugEnabled")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										className: SmoothStreamCard_module_css_default.toggle,
+										checked: state.debugEnabled,
+										disabled: !state.debugAvailable || !state.writable || state.saving,
+										onChange: (event) => {
+											props.edit({ debugEnabled: event.target.checked });
+										}
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SmoothStreamCard_module_css_default.hint,
+									children: state.debugAvailable ? t("debugEnabledHint") : t("debugUnavailable")
+								})]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: SmoothStreamCard_module_css_default.updateRow,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -2151,7 +3616,9 @@ window.__ModuleLoader__.load({
 			api;
 			store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(this.projection());
 			loaded;
-			staged;
+			loadedDebug;
+			stagedBase;
+			stagedDebug;
 			saving = false;
 			failed = false;
 			upgrading = false;
@@ -2182,8 +3649,22 @@ window.__ModuleLoader__.load({
 			inject() {
 				return {
 					hooks: { smoothStreamCard: this.store },
-					edit: (value) => {
-						this.staged = value;
+					edit: (patch) => {
+						if (this.saving) return;
+						if (patch.enabled !== void 0 || patch.thinkAutoExpand !== void 0 || patch.autoCollapse !== void 0) this.stagedBase = {
+							...this.baseValues(),
+							...patch.enabled === void 0 ? {} : { enabled: patch.enabled },
+							...patch.thinkAutoExpand === void 0 ? {} : { thinkAutoExpand: patch.thinkAutoExpand },
+							...patch.autoCollapse === void 0 ? {} : { autoCollapse: patch.autoCollapse }
+						};
+						if (this.loadedDebug !== void 0 && (patch.debugEnabled !== void 0 || patch.debugTuning !== void 0)) this.stagedDebug = {
+							...this.debugValues(),
+							...patch.debugEnabled === void 0 ? {} : { debugEnabled: patch.debugEnabled },
+							...patch.debugTuning === void 0 ? {} : { debugTuning: {
+								...this.debugValues().debugTuning,
+								...patch.debugTuning
+							} }
+						};
 						this.failed = false;
 						this.publish();
 					},
@@ -2191,8 +3672,9 @@ window.__ModuleLoader__.load({
 						this.save();
 					},
 					discard: () => {
-						if (this.staged === void 0 && !this.failed) return;
-						this.staged = void 0;
+						if (this.stagedBase === void 0 && this.stagedDebug === void 0 && !this.failed) return;
+						this.stagedBase = void 0;
+						this.stagedDebug = void 0;
 						this.failed = false;
 						this.publish();
 					},
@@ -2208,10 +3690,12 @@ window.__ModuleLoader__.load({
 				return {
 					status: this.loadStatus,
 					writable: this.loaded?.writable ?? false,
-					dirty: this.staged !== void 0,
+					dirty: this.stagedBase !== void 0 || this.stagedDebug !== void 0,
 					saving: this.saving,
 					failed: this.failed,
-					thinkAutoExpand: this.staged ?? this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand,
+					...this.baseValues(),
+					...this.debugValues(),
+					debugAvailable: this.loadedDebug !== void 0,
 					version: this.loaded?.version,
 					installation: this.loaded?.installation ?? "unmanaged",
 					canUpgrade: this.loaded?.canUpgrade ?? false,
@@ -2220,32 +3704,81 @@ window.__ModuleLoader__.load({
 					restartRequired: this.restartRequired
 				};
 			}
+			baseValues() {
+				return this.stagedBase ?? {
+					enabled: this.loaded?.enabled ?? DEFAULT_STREAM_SETTINGS.enabled,
+					thinkAutoExpand: this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand,
+					autoCollapse: this.loaded?.autoCollapse ?? DEFAULT_STREAM_SETTINGS.autoCollapse
+				};
+			}
+			debugValues() {
+				return this.stagedDebug ?? {
+					debugEnabled: this.loadedDebug?.debugEnabled ?? DEFAULT_STREAM_SETTINGS.debugEnabled,
+					debugTuning: this.loadedDebug?.tuning ?? DEFAULT_STREAM_DEBUG_TUNING
+				};
+			}
+			/** Complete settings projection consumed by the live SettingsCell bridge. */
+			values() {
+				return {
+					...this.baseValues(),
+					...this.debugValues()
+				};
+			}
 			async load() {
 				const generation = ++this.loadGeneration;
 				this.loadStatus = "loading";
 				this.loaded = void 0;
+				this.loadedDebug = void 0;
 				this.publish();
 				try {
 					const view = await this.api.read();
 					if (generation !== this.loadGeneration) return;
 					this.loaded = view;
 					this.loadStatus = "ready";
+					this.publish();
+					try {
+						const debug = await this.api.readDebug();
+						if (generation !== this.loadGeneration) return;
+						this.loadedDebug = debug;
+					} catch {
+						if (generation !== this.loadGeneration) return;
+						this.loadedDebug = void 0;
+					}
 				} catch {
 					if (generation !== this.loadGeneration) return;
 					this.loaded = void 0;
+					this.loadedDebug = void 0;
 					this.loadStatus = "unavailable";
 				}
 				this.publish();
 			}
 			async save() {
-				if (this.staged === void 0 || this.saving || this.loaded?.writable !== true) return;
-				const value = this.staged;
+				if (this.stagedBase === void 0 && this.stagedDebug === void 0 || this.saving || this.loaded?.writable !== true) return;
+				const base = this.stagedBase;
+				const debug = this.stagedDebug;
 				this.saving = true;
 				this.failed = false;
 				this.publish();
 				try {
-					this.loaded = await this.api.write(value);
-					this.staged = void 0;
+					if (base !== void 0) {
+						const combined = debug !== void 0 && this.loadedDebug !== void 0;
+						this.loaded = await this.api.write(combined ? {
+							...base,
+							...debug
+						} : base);
+						this.stagedBase = void 0;
+						if (combined) {
+							this.loadedDebug = {
+								debugEnabled: debug.debugEnabled,
+								tuning: { ...debug.debugTuning }
+							};
+							this.stagedDebug = void 0;
+						}
+					}
+					if (debug !== void 0 && this.loadedDebug !== void 0 && this.stagedDebug !== void 0) {
+						this.loadedDebug = await this.api.writeDebug(debug);
+						this.stagedDebug = void 0;
+					}
 				} catch {
 					this.failed = true;
 				}
@@ -2280,6 +3813,8 @@ window.__ModuleLoader__.load({
 		const STREAM_SETTINGS_RPC = {
 			read: "settings.read",
 			write: "settings.write",
+			debugRead: "debug.read",
+			debugWrite: "debug.write",
 			upgrade: "plugin.upgrade"
 		};
 		//#endregion
@@ -2293,13 +3828,22 @@ window.__ModuleLoader__.load({
 				"npm",
 				"development",
 				"unmanaged"
-			].includes(data.installation) || typeof data.writable !== "boolean" || typeof data.thinkAutoExpand !== "boolean" || typeof data.canUpgrade !== "boolean") throw new Error("dsh-smooth-stream: malformed settings response");
+			].includes(data.installation) || typeof data.writable !== "boolean" || typeof data.enabled !== "boolean" || typeof data.thinkAutoExpand !== "boolean" || typeof data.autoCollapse !== "boolean" || typeof data.canUpgrade !== "boolean") throw new Error("dsh-smooth-stream: malformed settings response");
 			return data;
 		}
 		function upgradeView(value) {
 			if (record(value)?.restartRequired !== true) throw new Error("dsh-smooth-stream: malformed update response");
 			return { restartRequired: true };
 		}
+		function debugSettingsView(value) {
+			const data = record(value);
+			const tuning = record(data?.tuning);
+			if (data === void 0 || typeof data.debugEnabled !== "boolean" || tuning === void 0 || typeof tuning.revealScale !== "number" || typeof tuning.queuePressure !== "number" || typeof tuning.maxRevealCps !== "number" || typeof tuning.springStiffness !== "number" || typeof tuning.springDamping !== "number" || typeof tuning.springMass !== "number" || typeof tuning.runwayPx !== "number" || typeof tuning.reserveResponseMs !== "number" || typeof tuning.backpressureMinScale !== "number") throw new Error("dsh-smooth-stream: malformed debug settings response");
+			return {
+				debugEnabled: data.debugEnabled,
+				tuning
+			};
+		}
 		function accepted(result) {
 			if (!result.ok) throw new Error(result.error.message);
 			return result.value;
@@ -2310,8 +3854,25 @@ window.__ModuleLoader__.load({
 				async read() {
 					return settingsView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.read, {})));
 				},
-				async write(thinkAutoExpand) {
-					return settingsView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.write, { thinkAutoExpand })));
+				async write(settings) {
+					return settingsView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.write, {
+						enabled: settings.enabled,
+						thinkAutoExpand: settings.thinkAutoExpand,
+						autoCollapse: settings.autoCollapse,
+						...settings.debugEnabled === void 0 || settings.debugTuning === void 0 ? {} : {
+							debugEnabled: settings.debugEnabled,
+							debugTuning: settings.debugTuning
+						}
+					})));
+				},
+				async readDebug() {
+					return debugSettingsView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.debugRead, {})));
+				},
+				async writeDebug(settings) {
+					return debugSettingsView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.debugWrite, {
+						debugEnabled: settings.debugEnabled,
+						tuning: settings.debugTuning
+					})));
 				},
 				async upgrade() {
 					return upgradeView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.upgrade, {})));
@@ -2319,6 +3880,433 @@ 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}}";
+		const tagId = "dsh-smooth-stream/DebugPanel.module.css";
+		if (typeof document !== "undefined") {
+			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]");
+			if (tag === null) {
+				tag = document.createElement("style");
+				tag.dataset.plugin = "dsh-smooth-stream";
+				tag.dataset.pluginCss = tagId;
+				document.head.appendChild(tag);
+			}
+			tag.textContent = css;
+		}
+		var DebugPanel_module_css_default = {
+			"infoButton": "m4_tdG_infoButton",
+			"unit": "m4_tdG_unit",
+			"range": "m4_tdG_range",
+			"secondaryButton": "m4_tdG_secondaryButton",
+			"footerSpacer": "m4_tdG_footerSpacer",
+			"visuallyHidden": "m4_tdG_visuallyHidden",
+			"title": "m4_tdG_title",
+			"number": "m4_tdG_number",
+			"numberWrap": "m4_tdG_numberWrap",
+			"footer": "m4_tdG_footer",
+			"triggerActive": "m4_tdG_triggerActive",
+			"iconButton": "m4_tdG_iconButton",
+			"scrollArea": "m4_tdG_scrollArea",
+			"section": "m4_tdG_section",
+			"trigger": "m4_tdG_trigger",
+			"statusDot": "m4_tdG_statusDot",
+			"state": "m4_tdG_state",
+			"panelHeader": "m4_tdG_panelHeader",
+			"panel": "m4_tdG_panel",
+			"primaryButton": "m4_tdG_primaryButton",
+			"unsaved": "m4_tdG_unsaved",
+			"guide": "m4_tdG_guide",
+			"metric": "m4_tdG_metric",
+			"controlHead": "m4_tdG_controlHead",
+			"controlLabel": "m4_tdG_controlLabel",
+			"statusLive": "m4_tdG_statusLive",
+			"control": "m4_tdG_control",
+			"metrics": "m4_tdG_metrics"
+		};
+		//#endregion
+		//#region src/client/DebugPanel.tsx
+		const REVEAL_CONTROLS = [
+			{
+				key: "revealScale",
+				label: "debugRevealMultiplier",
+				tip: "debugTipRevealMultiplier",
+				min: .25,
+				max: 2,
+				step: .05,
+				unit: "x"
+			},
+			{
+				key: "queuePressure",
+				label: "debugQueuePressure",
+				tip: "debugTipQueuePressure",
+				min: 0,
+				max: 2,
+				step: .05,
+				unit: "x"
+			},
+			{
+				key: "maxRevealCps",
+				label: "debugMaxReveal",
+				tip: "debugTipMaxReveal",
+				min: 120,
+				max: 1e3,
+				step: 10,
+				unit: "cps"
+			}
+		];
+		const FOLLOW_CONTROLS = [
+			{
+				key: "springStiffness",
+				label: "debugSpringStiffness",
+				tip: "debugTipSpringStiffness",
+				min: 40,
+				max: 320,
+				step: 5,
+				unit: ""
+			},
+			{
+				key: "springDamping",
+				label: "debugSpringDamping",
+				tip: "debugTipSpringDamping",
+				min: 8,
+				max: 80,
+				step: 1,
+				unit: ""
+			},
+			{
+				key: "springMass",
+				label: "debugSpringMass",
+				tip: "debugTipSpringMass",
+				min: .5,
+				max: 3,
+				step: .05,
+				unit: ""
+			},
+			{
+				key: "runwayPx",
+				label: "debugRunway",
+				tip: "debugTipRunway",
+				min: 0,
+				max: 120,
+				step: 2,
+				unit: "px"
+			},
+			{
+				key: "reserveResponseMs",
+				label: "debugReserveResponse",
+				tip: "debugTipReserveResponse",
+				min: 60,
+				max: 600,
+				step: 10,
+				unit: "ms"
+			},
+			{
+				key: "backpressureMinScale",
+				label: "debugBackpressureMin",
+				tip: "debugTipBackpressureMin",
+				min: .25,
+				max: 1,
+				step: .05,
+				unit: "x"
+			}
+		];
+		function fixed(value, digits = 1) {
+			return value === null || !Number.isFinite(value) ? "-" : value.toFixed(digits);
+		}
+		function Metric({ label, value, tone }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: DebugPanel_module_css_default.metric,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+					"data-tone": tone,
+					children: value
+				})]
+			});
+		}
+		function TuningField({ control, state, edit, label, t }) {
+			const value = state.tuning[control.key];
+			const labelId = `smooth-stream-debug-${control.key}`;
+			const update = (next) => {
+				if (!Number.isFinite(next)) return;
+				const clamped = Math.min(control.max, Math.max(control.min, next));
+				edit({ debugTuning: {
+					...state.tuning,
+					[control.key]: clamped
+				} });
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: DebugPanel_module_css_default.control,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: DebugPanel_module_css_default.controlHead,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: DebugPanel_module_css_default.controlLabel,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							id: labelId,
+							children: label
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+							label: t(control.tip),
+							side: "right",
+							maxWidth: 300,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: DebugPanel_module_css_default.infoButton,
+								type: "button",
+								"aria-label": label,
+								title: t(control.tip),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQuestionOutline14, {})
+							})
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: DebugPanel_module_css_default.numberWrap,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: DebugPanel_module_css_default.number,
+							type: "number",
+							"aria-labelledby": labelId,
+							min: control.min,
+							max: control.max,
+							step: control.step,
+							value,
+							disabled: !state.writable,
+							onChange: (event) => {
+								update(event.currentTarget.valueAsNumber);
+							}
+						}), control.unit === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: DebugPanel_module_css_default.unit,
+							children: control.unit
+						})]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					className: DebugPanel_module_css_default.range,
+					type: "range",
+					"aria-labelledby": labelId,
+					min: control.min,
+					max: control.max,
+					step: control.step,
+					value,
+					disabled: !state.writable,
+					onChange: (event) => {
+						update(event.currentTarget.valueAsNumber);
+					}
+				})]
+			});
+		}
+		function DebugPanel(props) {
+			const { t } = props;
+			const state = props.useDebugRuntime((snapshot) => snapshot);
+			const [open, setOpen] = (0, react.useState)(true);
+			const [copied, setCopied] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				if (!copied) return;
+				const timer = setTimeout(() => {
+					setCopied(false);
+				}, 1400);
+				return () => {
+					clearTimeout(timer);
+				};
+			}, [copied]);
+			(0, react.useEffect)(() => {
+				if (state.enabled) setOpen(true);
+			}, [state.enabled]);
+			if (!state.available || !state.enabled || !open) return null;
+			const metrics = state.metrics;
+			const live = metrics.streamActive || metrics.followActive;
+			const progress = metrics.streamTargetChars <= 0 ? "-" : `${String(metrics.streamDisplayedChars)} / ${String(metrics.streamTargetChars)}`;
+			const copyDiagnostics = async () => {
+				if (await (0, _deepseek_ai_dsh_client_ui_primitives.writeClipboard)(JSON.stringify({
+					tuning: state.tuning,
+					metrics: state.metrics
+				}, null, 2))) setCopied(true);
+			};
+			const panel = !state.enabled || !open ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+				className: DebugPanel_module_css_default.panel,
+				role: "complementary",
+				"aria-label": t("debugPanelTitle"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: DebugPanel_module_css_default.panelHeader,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: live ? `${DebugPanel_module_css_default.statusDot} ${DebugPanel_module_css_default.statusLive}` : DebugPanel_module_css_default.statusDot,
+								"aria-hidden": true
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: DebugPanel_module_css_default.title,
+								children: t("debugPanelTitle")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: DebugPanel_module_css_default.state,
+								children: t(live ? "debugLive" : "debugIdle")
+							}),
+							state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: DebugPanel_module_css_default.unsaved,
+								children: t("debugUnsaved")
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: DebugPanel_module_css_default.iconButton,
+								type: "button",
+								title: t("debugCopy"),
+								"aria-label": t("debugCopy"),
+								onClick: () => {
+									copyDiagnostics();
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, {})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: DebugPanel_module_css_default.iconButton,
+								type: "button",
+								title: t("debugPanelClose"),
+								"aria-label": t("debugPanelClose"),
+								disabled: !state.writable,
+								onClick: () => {
+									setOpen(false);
+									props.edit({ debugEnabled: false });
+									props.save();
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: DebugPanel_module_css_default.visuallyHidden,
+								"aria-live": "polite",
+								children: copied ? t("debugCopied") : ""
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: DebugPanel_module_css_default.scrollArea,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: DebugPanel_module_css_default.guide,
+								children: t("debugGuide")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: DebugPanel_module_css_default.section,
+								"aria-labelledby": "smooth-stream-live-heading",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									id: "smooth-stream-live-heading",
+									children: t("debugSectionLive")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+									className: DebugPanel_module_css_default.metrics,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugFps"),
+											value: fixed(metrics.fps, 0),
+											tone: (metrics.fps ?? 60) < 45 ? "warn" : "good"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugFrameTime"),
+											value: `${fixed(metrics.frameMs)} ms`
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugBacklog"),
+											value: String(metrics.streamBacklog),
+											tone: metrics.streamBacklog > 32 ? "warn" : void 0
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugRevealSpeed"),
+											value: `${fixed(metrics.streamSpeedCps, 0)} cps`
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugProgress"),
+											value: progress
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugFollowState"),
+											value: t(metrics.followFollowing ? "debugFollowing" : "debugReleased")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugLag"),
+											value: `${fixed(metrics.followLagPx)} px`,
+											tone: metrics.followConstrained ? "warn" : void 0
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugVelocity"),
+											value: `${fixed(metrics.followVelocityPxPerSec, 0)} px/s`
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugReserve"),
+											value: `${fixed(metrics.followReservePx)} px`
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugCapacity"),
+											value: `${fixed(metrics.followCapacityPx)} px`
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+											label: t("debugAppliedScale"),
+											value: `${fixed(metrics.followRevealScale, 2)}x`
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: DebugPanel_module_css_default.section,
+								"aria-labelledby": "smooth-stream-reveal-heading",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									id: "smooth-stream-reveal-heading",
+									children: t("debugSectionReveal")
+								}), REVEAL_CONTROLS.map((control) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TuningField, {
+									control,
+									state,
+									edit: props.edit,
+									label: t(control.label),
+									t
+								}, control.key))]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								className: DebugPanel_module_css_default.section,
+								"aria-labelledby": "smooth-stream-follow-heading",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									id: "smooth-stream-follow-heading",
+									children: t("debugSectionFollow")
+								}), FOLLOW_CONTROLS.map((control) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TuningField, {
+									control,
+									state,
+									edit: props.edit,
+									label: t(control.label),
+									t
+								}, control.key))]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+						className: DebugPanel_module_css_default.footer,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								className: DebugPanel_module_css_default.secondaryButton,
+								type: "button",
+								disabled: !state.writable,
+								onClick: props.reset,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline16, {}), t("debugReset")]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: DebugPanel_module_css_default.footerSpacer }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: DebugPanel_module_css_default.secondaryButton,
+								type: "button",
+								disabled: !state.writable || !state.dirty,
+								onClick: props.discard,
+								children: t("debugDiscard")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: DebugPanel_module_css_default.primaryButton,
+								type: "button",
+								disabled: !state.writable || !state.dirty,
+								onClick: props.save,
+								children: t("debugSave")
+							})
+						]
+					})
+				]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: state.enabled && open ? `${DebugPanel_module_css_default.trigger} ${DebugPanel_module_css_default.triggerActive}` : DebugPanel_module_css_default.trigger,
+				"aria-expanded": state.enabled && open,
+				"aria-label": t("debugPanelToggle"),
+				title: t("debugPanelToggle"),
+				onClick: () => {
+					setOpen((current) => !current);
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCodeOutline16, {})
+			}), typeof document === "undefined" || panel === null ? null : (0, react_dom.createPortal)(panel, document.body)] });
+		}
+		//#endregion
 		//#region src/client/locales.ts
 		/** Locale bundles for the smooth-stream plugin configuration card. */
 		/** Dictionary namespace owned by this plugin's settings card. */
@@ -2327,8 +4315,61 @@ window.__ModuleLoader__.load({
 		const en = {
 			title: "Smooth stream",
 			description: "How replies are revealed while they stream.",
+			enabled: "Enable smooth streaming",
+			enabledHint: "Let this plugin render and follow streaming replies. Turn off to use the built-in Harness renderer.",
 			thinkAutoExpand: "Auto-expand thinking",
 			thinkAutoExpandHint: "Open the thinking block while it streams. Turn off to keep it collapsed.",
+			autoCollapse: "Collapse finished work",
+			autoCollapseHint: "When a reply finishes, fold its thinking, tools, and intermediate output behind one “Processed” summary so only the final answer shows. Click the summary to expand again; works with streaming on or off.",
+			debugEnabled: "Show render diagnostics",
+			debugEnabledHint: "Show live streaming and scroll metrics on the right side of the chat. Tune values there, then save them here.",
+			debugUnavailable: "Live diagnostics require a newer plugin Host.",
+			debugPanelTitle: "Render diagnostics",
+			debugPanelToggle: "Toggle render diagnostics",
+			debugPanelClose: "Hide diagnostics panel",
+			debugGuide: "Tune one value at a time while a reply streams. Keep FPS stable and backlog near zero. If text lags, raise the reveal multiplier, queue pressure, or maximum reveal; if a blank gap appears, reduce Predictive runway. Increase damping when the scroll feels springy. Save only after the behavior is stable; Reset restores the production defaults.",
+			debugLive: "Streaming",
+			debugIdle: "Idle",
+			debugUnsaved: "Unsaved tuning",
+			debugSave: "Save tuning",
+			debugDiscard: "Discard changes",
+			debugReset: "Reset tuning",
+			debugCopy: "Copy diagnostics",
+			debugCopied: "Copied",
+			debugSectionLive: "Live renderer",
+			debugSectionReveal: "Reveal tuning",
+			debugSectionFollow: "Scroll tuning",
+			debugFps: "FPS",
+			debugFrameTime: "Frame",
+			debugBacklog: "Backlog",
+			debugRevealSpeed: "Reveal",
+			debugProgress: "Progress",
+			debugFollowState: "Follow",
+			debugFollowing: "Pinned",
+			debugReleased: "Released",
+			debugLag: "Visual lag",
+			debugVelocity: "Velocity",
+			debugReserve: "Reserve",
+			debugCapacity: "Capacity",
+			debugAppliedScale: "Applied scale",
+			debugRevealMultiplier: "Reveal multiplier",
+			debugQueuePressure: "Queue pressure",
+			debugMaxReveal: "Maximum reveal",
+			debugSpringStiffness: "Spring stiffness",
+			debugSpringDamping: "Spring damping",
+			debugSpringMass: "Spring mass",
+			debugRunway: "Predictive runway",
+			debugReserveResponse: "Runway response",
+			debugBackpressureMin: "Minimum backpressure",
+			debugTipRevealMultiplier: "Overall reveal speed multiplier. Higher reveals text faster and clears backlog sooner, but can feel jumpy. Lower is smoother but takes longer to finish.",
+			debugTipQueuePressure: "Backlog acceleration strength. Higher catches up to a growing queue more aggressively; lower keeps speed steadier but may leave backlog.",
+			debugTipMaxReveal: "Hard cap for reveal speed in characters per second. Higher allows faster catch-up; lower limits bursts and keeps motion calmer.",
+			debugTipSpringStiffness: "Scroll spring strength. Higher closes visual lag faster but can feel sharp; lower feels softer but follows more slowly.",
+			debugTipSpringDamping: "Scroll energy damping. Higher suppresses overshoot and jitter but feels heavier; lower feels livelier but may oscillate.",
+			debugTipSpringMass: "Scroll inertia. Higher makes movement slower and heavier; lower makes it react faster but can feel abrupt.",
+			debugTipRunway: "Predictive blank space reserved while content grows. Higher absorbs growth and protects the bottom follow, but can create a larger visible gap; lower reduces blank space but leaves less room to absorb lag.",
+			debugTipReserveResponse: "How quickly the reserved runway opens or closes. Higher changes more gradually; lower reacts faster but can look abrupt.",
+			debugTipBackpressureMin: "Slowest reveal multiplier under scroll pressure. Higher keeps text moving but may increase visual lag; lower slows text more to protect smooth following.",
 			readOnly: "This deployment stores settings read-only.",
 			loading: "Loading plugin settings…",
 			unavailable: "Plugin settings are unavailable in this connection.",
@@ -2353,8 +4394,61 @@ window.__ModuleLoader__.load({
 		const zh = {
 			title: "丝滑流式",
 			description: "回复在流式输出时如何逐字展现。",
+			enabled: "启用丝滑流式渲染",
+			enabledHint: "由本插件渲染并跟随流式回复；关闭后使用 Harness 内置渲染。",
 			thinkAutoExpand: "自动展开思考",
 			thinkAutoExpandHint: "思考块在流式时自动展开；关闭后保持折叠，可手动展开。",
+			autoCollapse: "完成后自动折叠",
+			autoCollapseHint: "回复处理完成后，把思考、工具与过程输出折叠为一行“已处理”摘要，只展示最终回复；点击摘要可再次展开。开启或关闭流式渲染均可用，默认开启。",
+			debugEnabled: "显示渲染调试面板",
+			debugEnabledHint: "在聊天右侧显示流式渲染和滚动的实时参数，可在面板中调节并在这里保存。",
+			debugUnavailable: "当前 Host 版本不支持实时调试，请先更新插件 Host。",
+			debugPanelTitle: "渲染诊断",
+			debugPanelToggle: "显示或隐藏渲染诊断",
+			debugPanelClose: "收起诊断面板",
+			debugGuide: "流式输出时一次只调一个参数，观察帧率、积压和视觉滞后。优先保持帧率稳定、积压接近 0；如果文字滞后，提高揭示倍率、队列压力或最大揭示速度；如果底部出现空白，降低“预测预留空间”。滚动有回弹或抖动时提高阻尼。确认表现稳定后再保存；“恢复默认参数”会回到生产默认值。",
+			debugLive: "正在流式输出",
+			debugIdle: "空闲",
+			debugUnsaved: "参数尚未保存",
+			debugSave: "保存参数",
+			debugDiscard: "放弃修改",
+			debugReset: "恢复默认参数",
+			debugCopy: "复制诊断数据",
+			debugCopied: "已复制",
+			debugSectionLive: "实时渲染",
+			debugSectionReveal: "流式参数",
+			debugSectionFollow: "滚动参数",
+			debugFps: "帧率",
+			debugFrameTime: "帧耗时",
+			debugBacklog: "积压字符",
+			debugRevealSpeed: "揭示速度",
+			debugProgress: "渲染进度",
+			debugFollowState: "跟随状态",
+			debugFollowing: "跟随底部",
+			debugReleased: "用户已释放",
+			debugLag: "视觉滞后",
+			debugVelocity: "滚动速度",
+			debugReserve: "预留空间",
+			debugCapacity: "安全容量",
+			debugAppliedScale: "实际倍率",
+			debugRevealMultiplier: "揭示倍率",
+			debugQueuePressure: "队列压力",
+			debugMaxReveal: "最大揭示速度",
+			debugSpringStiffness: "弹簧刚度",
+			debugSpringDamping: "弹簧阻尼",
+			debugSpringMass: "弹簧质量",
+			debugRunway: "预测预留空间",
+			debugReserveResponse: "预留响应时间",
+			debugBackpressureMin: "最小背压倍率",
+			debugTipRevealMultiplier: "整体文字揭示速度倍率。调大能更快清空积压，但可能显得跳；调小更平滑，但完成回复需要更久。",
+			debugTipQueuePressure: "积压对加速的影响强度。调大能更积极追赶增长中的队列；调小速度更稳定，但积压可能持续。",
+			debugTipMaxReveal: "每秒揭示字符数上限。调大允许更快追赶；调小限制突发速度，让动作更平稳。",
+			debugTipSpringStiffness: "滚动弹簧刚度。调大更快收拢视觉滞后，但感觉更硬；调小更柔和，但跟随更慢。",
+			debugTipSpringDamping: "滚动能量阻尼。调大能抑制过冲和抖动，但感觉更沉；调小更灵活，但可能回弹。",
+			debugTipSpringMass: "滚动惯性。调大移动更慢更沉；调小反应更快，但可能显得突兀。",
+			debugTipRunway: "内容增长时预留的预测空白。调大更能吸收增长、保护底部跟随，但可能产生更大的可见空区；调小能减少空白，但可吸收滞后的空间也更少。",
+			debugTipReserveResponse: "预留空间打开或关闭的响应时间。调大变化更渐进；调小反应更快，但可能显得突变。",
+			debugTipBackpressureMin: "滚动压力下允许的最低揭示倍率。调大文字仍会较快前进，但视觉滞后可能增加；调小会更积极减速，以保护跟随平滑。",
 			readOnly: "本部署的设置为只读。",
 			loading: "正在加载插件设置…",
 			unavailable: "当前连接无法访问插件设置。",
@@ -2467,15 +4561,15 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
-		* A live preference cell read by `useSyncExternalStore`. It starts on the
-		* shared default and, once the plugin-owned settings controller is attached,
-		* tracks the resolved `thinkAutoExpand` value. A composition (or test) that
-		* ships no settings surface keeps the cell on the default.
+		* A live settings cell shared by the renderer lifecycle and React views. It
+		* starts on the shared defaults and follows the plugin-owned controller once
+		* the optional settings services arrive.
 		*/
-		var PreferenceCell = class {
+		var SettingsCell = class {
 			listeners = /* @__PURE__ */ new Set();
 			card;
-			value = DEFAULT_STREAM_SETTINGS.thinkAutoExpand;
+			value = DEFAULT_STREAM_SETTINGS;
+			pending = false;
 			/** Re-point the cell at the plugin-owned settings controller. */
 			attach(card) {
 				this.card = card;
@@ -2491,14 +4585,26 @@ window.__ModuleLoader__.load({
 				};
 			}
 			read() {
-				return this.card?.getSnapshot().thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand;
+				const snapshot = this.card?.getSnapshot();
+				if (snapshot === void 0 || snapshot.status !== "ready") return this.value;
+				return this.card?.values() ?? this.value;
 			}
 			refresh() {
 				const next = this.read();
-				if (next === this.value) return;
+				const pending = this.card?.getSnapshot().status === "loading";
+				if (pending === this.pending && next.enabled === this.value.enabled && next.thinkAutoExpand === this.value.thinkAutoExpand && next.autoCollapse === this.value.autoCollapse && next.debugEnabled === this.value.debugEnabled && next.debugTuning === this.value.debugTuning) return;
+				this.pending = pending;
 				this.value = next;
 				for (const listener of this.listeners) listener();
 			}
+			/** False while an available settings service is resolving its authority. */
+			takeoverEnabled() {
+				return !this.pending && this.value.enabled;
+			}
+			/** Whether finished turns should fold behind a summary row right now. */
+			autoCollapseActive() {
+				return !this.pending && this.value.autoCollapse;
+			}
 			getSnapshot = () => this.value;
 			subscribe = (listener) => {
 				this.listeners.add(listener);
@@ -2520,14 +4626,51 @@ window.__ModuleLoader__.load({
 		*/
 		function apply(ctx) {
 			const config = readBootConfig();
-			const preference = new PreferenceCell();
+			const settings = new SettingsCell();
+			ctx.inject(["slots"], () => {
+				const autoCollapse = new AutoCollapseController();
+				const syncAutoCollapse = () => {
+					if (settings.autoCollapseActive()) autoCollapse.start();
+					else autoCollapse.stop();
+				};
+				const unsubscribe = settings.subscribe(syncAutoCollapse);
+				syncAutoCollapse();
+				return () => {
+					unsubscribe();
+					autoCollapse.stop();
+				};
+			});
 			ctx.inject([
 				"slots",
 				"locale",
 				"connection"
 			], (settingsCtx) => {
 				const card = new SmoothStreamCardController(createSmoothStreamSettingsApi(settingsCtx.get("connection")));
-				const detachPreference = preference.attach(card);
+				const detachSettings = settings.attach(card);
+				const syncDebug = () => {
+					const snapshot = card.getSnapshot();
+					debugRuntime.syncSettings({
+						available: snapshot.debugAvailable,
+						enabled: snapshot.debugEnabled,
+						writable: snapshot.writable && !snapshot.saving,
+						dirty: snapshot.dirty,
+						status: snapshot.status,
+						tuning: snapshot.debugTuning
+					});
+				};
+				const detachBinding = debugRuntime.bindSettings({
+					edit: (patch) => {
+						card.inject().edit(patch);
+					},
+					save: () => {
+						card.inject().save();
+					},
+					discard: () => {
+						card.inject().discard();
+					}
+				});
+				const detachDebug = card.subscribe(syncDebug);
+				syncDebug();
 				card.start();
 				settingsCtx.effect(() => settingsCtx.locale.register(NS, {
 					zh,
@@ -2536,17 +4679,27 @@ window.__ModuleLoader__.load({
 				settingsCtx.slots.inject("settings.plugin.item", () => settingsCtx.slots.register({
 					name: "settings.plugin.item",
 					id: "smooth-stream",
+					key: STREAM_SETTINGS_NS,
 					order: 30,
 					locale: NS,
 					inject: () => card.inject()
 				}, SmoothStreamCard));
+				settingsCtx.slots.inject("conversation.session.header.utilities", () => settingsCtx.slots.register({
+					name: "conversation.session.header.utilities",
+					id: "smooth-stream-debug",
+					order: 40,
+					locale: NS,
+					inject: () => debugRuntime.panelFace()
+				}, DebugPanel));
 				return () => {
 					card.stop();
-					detachPreference();
+					detachDebug();
+					detachSettings();
+					detachBinding();
 				};
 			});
 			const configured = function StreamConfiguredView(props) {
-				const thinkAutoExpand = (0, react.useSyncExternalStore)(preference.subscribe, preference.getSnapshot, preference.getSnapshot);
+				const preferences = (0, react.useSyncExternalStore)(settings.subscribe, settings.getSnapshot, settings.getSnapshot);
 				return (0, react.createElement)(TypewriterAssistantNodeView, {
 					...props,
 					mode: config.mode,
@@ -2554,21 +4707,36 @@ window.__ModuleLoader__.load({
 					revealCharsPerSec: config.revealCharsPerSec,
 					scrollSpeedPxPerSec: config.scrollSpeedPxPerSec,
 					maxScrollSpeedPxPerSec: config.maxScrollSpeedPxPerSec,
-					thinkAutoExpand
+					thinkAutoExpand: preferences.thinkAutoExpand
 				});
 			};
 			ctx.slots.inject("conversation.chat.node", () => {
-				const unwrap = wrapAgentChatRows(ctx);
-				const unshadow = ctx.slots.register({
-					name: "conversation.chat.node",
-					key: "assistant-step",
-					priority: -100,
-					locale: "conversation",
-					registrant: "dsh-smooth-stream"
-				}, configured);
+				let releaseTakeover;
+				const syncTakeover = () => {
+					if (!settings.takeoverEnabled()) {
+						releaseTakeover?.();
+						releaseTakeover = void 0;
+						return;
+					}
+					if (releaseTakeover !== void 0) return;
+					const unwrap = wrapAgentChatRows(ctx);
+					const unshadow = ctx.slots.register({
+						name: "conversation.chat.node",
+						key: "assistant-step",
+						priority: -100,
+						locale: "conversation",
+						registrant: "dsh-smooth-stream"
+					}, configured);
+					releaseTakeover = () => {
+						unwrap();
+						unshadow();
+					};
+				};
+				const unsubscribe = settings.subscribe(syncTakeover);
+				syncTakeover();
 				return () => {
-					unshadow();
-					unwrap();
+					unsubscribe();
+					releaseTakeover?.();
 				};
 			});
 		}