dsh-smooth-stream 0.1.0 → 0.3.2

package/lib/client.js

@@ -8,41 +8,42 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		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");
 		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/TypewriterAssistantNodeView.module.css.mjs
-		const css = ".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{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 = "dsh-smooth-stream/TypewriterAssistantNodeView.module.css";
+		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{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";
 		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 TypewriterAssistantNodeView_module_css_default = {
-			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"think": "I17U7q_think",
-			"thinkSeparator": "I17U7q_thinkSeparator",
-			"disclosureTitle": "I17U7q_disclosureTitle",
-			"thinkSummary": "I17U7q_thinkSummary",
-			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
-			"disclosureRoot": "I17U7q_disclosureRoot",
+			"body": "I17U7q_body",
+			"disclosureRow": "I17U7q_disclosureRow",
 			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"disclosureContent": "I17U7q_disclosureContent",
-			"thinkLeading": "I17U7q_thinkLeading",
+			"stopped": "I17U7q_stopped",
+			"root": "I17U7q_root",
+			"disclosureRoot": "I17U7q_disclosureRoot",
 			"thinkRow": "I17U7q_thinkRow",
-			"thinkChevron": "I17U7q_thinkChevron",
-			"disclosureRow": "I17U7q_disclosureRow",
-			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkLeading": "I17U7q_thinkLeading",
+			"follow": "I17U7q_follow",
+			"disclosureTitle": "I17U7q_disclosureTitle",
+			"visuallyHidden": "I17U7q_visuallyHidden",
+			"thinkSeparator": "I17U7q_thinkSeparator",
 			"thinkTitle": "I17U7q_thinkTitle",
-			"stopped": "I17U7q_stopped",
+			"disclosureContent": "I17U7q_disclosureContent",
+			"think": "I17U7q_think",
 			"thinkBody": "I17U7q_thinkBody",
-			"visuallyHidden": "I17U7q_visuallyHidden",
-			"body": "I17U7q_body",
-			"follow": "I17U7q_follow",
-			"root": "I17U7q_root"
+			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
+			"thinkChevron": "I17U7q_thinkChevron",
+			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
+			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkSummary": "I17U7q_thinkSummary"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -505,17 +506,15 @@ window.__ModuleLoader__.load({
 		* - while the port has scroll room, writes the interpolated lag as
 		*   `translate3d` on `[data-chat-transcript]` (message rows only), so the
 		*   turn-status chrome stays pinned at the floor;
-		* - before the port has scroll room (content shorter than the viewport), the
-		*   same lag is a content-height lag written as a negative translate on
-		*   `[data-chat-turn-status]`, so the status label descends smoothly with
-		*   each wrap instead of hopping a line at a time.
+		* - clips only the part of the translated surface that crosses the
+		*   turn-status line, preserving the normal gap above that line;
+		* - leaves `[data-chat-turn-status]` in normal flow at every height, so its
+		*   layout gap cannot be consumed by an interpolated transform.
 		*
-		* Handing the port back to the reader (unpin, or the owner going inactive)
-		* first writes the effective visual top (`engine - lag`) into `scrollTop`
-		* before clearing the transform, so the frame stays continuous. That write
-		* also lands in ChatView's observed-top ledger as reader input beyond
-		* `FOLLOW_THRESHOLD`, releasing its native snap-follow instead of fighting
-		* the gesture for the port.
+		* A real reader unpin first writes the effective visual top (`engine - lag`)
+		* into `scrollTop` before clearing the transform, so the frame stays
+		* continuous. Lifecycle completion is different: without a reader gesture,
+		* the last owner settles at the floor and preserves bottom-follow.
 		*
 		* Unpin is a real gesture (wheel / touch / pointer / key) that leaves the
 		* floor; a `scrollTop` delta from our own write must not release the pin.
@@ -586,33 +585,48 @@ window.__ModuleLoader__.load({
 		function hasShiftSurface(port) {
 			return shiftRootOf(port) !== null || shiftRowsOf(port).length > 0;
 		}
-		function setShift(element, px, negative = false) {
-			const value = negative ? -px : px;
-			if (Math.abs(value) > .01) {
-				element.style.transform = `translate3d(0, ${value}px, 0)`;
+		/** Cached natural gap from a shifted surface's bottom to the status line. */
+		const statusGapCache = /* @__PURE__ */ new WeakMap();
+		function currentShiftOf(element) {
+			return Number(/translate3d\(0, ([\d.]+)px, 0\)/.exec(element.style.transform)?.[1] ?? 0);
+		}
+		function statusGapBelow(surface, chrome) {
+			const cached = statusGapCache.get(surface);
+			if (cached?.chrome === chrome) return cached.px;
+			const naturalBottom = surface.getBoundingClientRect().bottom - currentShiftOf(surface);
+			const px = Math.max(0, chrome.getBoundingClientRect().top - naturalBottom);
+			statusGapCache.set(surface, {
+				chrome,
+				px
+			});
+			return px;
+		}
+		function setShift(element, px, paintAllowance) {
+			if (Math.abs(px) > .01) {
+				element.style.transform = `translate3d(0, ${px}px, 0)`;
 				element.style.willChange = "transform";
+				const bottomClip = paintAllowance === void 0 ? 0 : Math.max(0, px - paintAllowance);
+				element.style.clipPath = bottomClip > .01 ? `inset(0 0 ${bottomClip}px 0)` : "";
 			} else {
 				element.style.transform = "";
 				element.style.willChange = "";
+				element.style.clipPath = "";
 			}
 		}
 		/**
-		* The running-turn label. Before the port scrolls (content shorter than the
-		* viewport) the content-height lag has no `scrollTop` room to ride, so it is
-		* expressed as a negative translate on this sibling: the label descends
-		* smoothly with each wrap instead of hopping down a line at a time.
+		* The running-turn label. It stays in normal flow so the host column's gap
+		* always separates it from the transcript.
 		*/
-		function chromeShiftOf(port) {
-			return port.querySelector("[data-chat-turn-status]");
+		function statusChromeOf(port) {
+			return port.querySelector("[data-chat-turn-status], [data-chat-flow] > [role=\"status\"]");
 		}
 		/**
-		* Render the single smoothed extent `animatedH`. Before the port scrolls
-		* (content shorter than the viewport) `animatedH` is clamped to the content
-		* height and the content-height lag rides a negative translate on the
-		* turn-status label; once the port has scroll room the engine is pinned at
-		* the floor and the lag rides `[data-chat-transcript]` (or each message row
-		* when the host has no transcript box) so the chrome stays put. Without any
-		* shift surface the engine itself carries the interpolated top.
+		* Render the single smoothed extent `animatedH`. Once the port has scroll
+		* room the engine is pinned at the floor and the lag rides
+		* `[data-chat-transcript]` (or each message row when the host has no
+		* transcript box). Before that, message rows and status chrome remain in
+		* normal flow. Without any shift surface the engine carries the interpolated
+		* top itself.
 		*/
 		function applyVisual(port, animatedH) {
 			const contentHeight = Math.max(0, port.scrollHeight);
@@ -621,19 +635,19 @@ window.__ModuleLoader__.load({
 			const lag = contentHeight - extent;
 			port.style.overflowAnchor = "none";
 			port.style.scrollBehavior = "auto";
+			const chrome = statusChromeOf(port);
+			if (chrome !== null) setShift(chrome, 0);
 			const shiftRoot = shiftRootOf(port);
 			if (shiftRoot !== null) {
 				if (floor <= 0) {
 					port.scrollTop = 0;
 					port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
-					const chrome = chromeShiftOf(port);
-					if (chrome !== null) setShift(chrome, lag, true);
 					setShift(shiftRoot, 0);
 					return;
 				}
 				port.scrollTop = floor;
 				port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
-				setShift(shiftRoot, lag);
+				setShift(shiftRoot, lag, chrome === null ? void 0 : statusGapBelow(shiftRoot, chrome));
 				return;
 			}
 			const rows = shiftRowsOf(port);
@@ -641,14 +655,13 @@ window.__ModuleLoader__.load({
 				if (floor <= 0) {
 					port.scrollTop = 0;
 					port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
-					const chrome = chromeShiftOf(port);
-					if (chrome !== null) setShift(chrome, lag, true);
 					for (const row of rows) setShift(row, 0);
 					return;
 				}
 				port.scrollTop = floor;
 				port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
-				for (const row of rows) setShift(row, lag);
+				const last = rows.length - 1;
+				for (const [index, row] of rows.entries()) setShift(row, lag, index === last && chrome !== null ? statusGapBelow(row, chrome) : void 0);
 				return;
 			}
 			port.scrollTop = Math.min(floor, Math.max(0, extent));
@@ -660,18 +673,27 @@ window.__ModuleLoader__.load({
 			port.style.scrollBehavior = "";
 			const shiftRoot = shiftRootOf(port);
 			if (shiftRoot !== null) {
+				statusGapCache.delete(shiftRoot);
 				shiftRoot.style.transform = "";
 				shiftRoot.style.willChange = "";
+				shiftRoot.style.clipPath = "";
 			} else for (const row of shiftRowsOf(port)) {
+				statusGapCache.delete(row);
 				row.style.transform = "";
 				row.style.willChange = "";
+				row.style.clipPath = "";
 			}
-			const chrome = chromeShiftOf(port);
+			const chrome = statusChromeOf(port);
 			if (chrome !== null) {
 				chrome.style.transform = "";
 				chrome.style.willChange = "";
+				chrome.style.clipPath = "";
 			}
 		}
+		function settleAtFloor(port) {
+			port.scrollTop = Math.max(0, port.scrollHeight - port.clientHeight);
+			port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
+		}
 		/** Live follow hosts per conversation port so one unmount does not clear another. */
 		const followOwners = /* @__PURE__ */ new WeakMap();
 		function acquireFollow(port) {
@@ -821,10 +843,15 @@ window.__ModuleLoader__.load({
 					if (port !== null) for (const name of GESTURE_EVENTS) port.removeEventListener(name, markGesture);
 					const host = rootRef.current?.closest("[data-conversation-scroll]") ?? port;
 					if (host === null) return;
-					if (following) handBackVisual(host);
 					const remaining = holding === host ? releaseFollow(host) : followOwners.get(host) ?? 0;
 					holding = null;
-					if (remaining === 0) clearVisual(host);
+					if (remaining === 0) {
+						if (following) {
+							if (interacting && awayPx >= 8) handBackVisual(host);
+							else settleAtFloor(host);
+						}
+						clearVisual(host);
+					}
 				};
 			}, [
 				active,
@@ -864,6 +891,10 @@ 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);
@@ -957,30 +988,28 @@ window.__ModuleLoader__.load({
 		* or the assistant node settling — not when the rest of the reply is
 		* still streaming.
 		*/
-		function AnimatedReasoning({ text, running, preset, shouldHoldBack, t }) {
+		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, shouldHoldBack, followSpeedCpsRef, t }) {
 			const reduced = usePrefersReducedMotion();
-			const [expanded, setExpanded] = (0, react.useState)(running);
+			const [expanded, setExpanded] = (0, react.useState)(running && thinkAutoExpand);
 			const summaryRef = (0, react.useRef)(null);
-			const speedCpsRef = (0, react.useRef)(35);
 			const displayed = useSmoothStreamContent(text, {
 				enabled: running && !reduced,
 				preset,
 				shouldHoldBack,
-				speedCpsRef
+				speedCpsRef: followSpeedCpsRef
 			});
 			const shown = running && !reduced ? displayed : text;
 			const summary = running ? latestLine(shown) : firstLine(text);
 			(0, react.useEffect)(() => {
-				setExpanded(running);
-			}, [running]);
+				if (thinkAutoExpand) setExpanded(running);
+			}, [running, thinkAutoExpand]);
 			(0, react.useEffect)(() => {
 				const element = summaryRef.current;
 				if (element === null) return;
 				element.scrollLeft = running ? element.scrollWidth - element.clientWidth : 0;
 			}, [running, summary]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
-				active: running,
-				speedCpsRef,
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: TypewriterAssistantNodeView_module_css_default.follow,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: TypewriterAssistantNodeView_module_css_default.think,
 					"data-variant": "think",
@@ -1021,16 +1050,20 @@ window.__ModuleLoader__.load({
 		* streaming is revealed by the smoother through the Harness Markdown
 		* renderer at a rate that tracks arrival. Reasoning blocks keep the
 		* built-in Think disclosure and only receive a smoothed text feed; the
-		* last text or reasoning block owns conversation-port follow so wraps
-		* glide. The FPS guard holds offscreen
-		* reveals when the frame rate is degraded. Settled text renders with the
-		* full Markdown pipeline.
+		* outer node owns conversation-port follow while streaming; the final text
+		* block keeps ownership while its settled reveal queue drains. The FPS guard
+		* holds offscreen reveals when the frame rate is degraded. Settled text
+		* renders with the full Markdown pipeline.
 		*/
-		const TypewriterAssistantNodeView = (0, react.memo)(function TypewriterAssistantNodeView({ mode: _mode = DEFAULT_STREAM_CONFIG.mode, preset = DEFAULT_STREAM_CONFIG.preset, revealCharsPerSec: _revealCharsPerSec = DEFAULT_STREAM_CONFIG.revealCharsPerSec, scrollSpeedPxPerSec: _scrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.scrollSpeedPxPerSec, maxScrollSpeedPxPerSec: _maxScrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.maxScrollSpeedPxPerSec, node, useTurnData, openFile, loadImage, fileMentions, t }) {
+		const TypewriterAssistantNodeView = (0, react.memo)(function TypewriterAssistantNodeView({ mode: _mode = DEFAULT_STREAM_CONFIG.mode, preset = DEFAULT_STREAM_CONFIG.preset, revealCharsPerSec: _revealCharsPerSec = DEFAULT_STREAM_CONFIG.revealCharsPerSec, scrollSpeedPxPerSec: _scrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.scrollSpeedPxPerSec, maxScrollSpeedPxPerSec: _maxScrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.maxScrollSpeedPxPerSec, thinkAutoExpand = DEFAULT_STREAM_SETTINGS.thinkAutoExpand, node, useTurnData, openFile, loadImage, fileMentions, t }) {
 			const data = node.data;
 			const streaming = data.status === "running";
 			const { ref: guardRef, shouldHoldBack } = useFpsGuard(streaming);
 			const rootSpeedRef = (0, react.useRef)(35);
+			const reasoningOwnsSpeed = streaming && data.blocks[data.blocks.length - 1]?.kind === "reasoning";
+			(0, react.useEffect)(() => {
+				if (!reasoningOwnsSpeed) rootSpeedRef.current = 35;
+			}, [reasoningOwnsSpeed]);
 			const turn = node.location.kind === "turn" || node.location.kind === "step" ? node.location.turn : void 0;
 			const tail = useTurnData("turn-tail");
 			const owner = (0, react.useMemo)(() => {
@@ -1084,7 +1117,9 @@ window.__ModuleLoader__.load({
 							text: block.text,
 							running: streaming && index === last,
 							preset,
+							thinkAutoExpand,
 							shouldHoldBack,
+							followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
 							t
 						}, index));
 						break;
@@ -1172,8 +1207,436 @@ 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";
+		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 SmoothStreamCard_module_css_default = {
+			"name": "XNGeRG_name",
+			"failure": "XNGeRG_failure",
+			"save": "XNGeRG_save",
+			"footer": "XNGeRG_footer",
+			"update": "XNGeRG_update",
+			"headText": "XNGeRG_headText",
+			"fieldHead": "XNGeRG_fieldHead",
+			"chevronOpen": "XNGeRG_chevronOpen",
+			"cardOpen": "XNGeRG_cardOpen",
+			"updateCopy": "XNGeRG_updateCopy",
+			"readOnly": "XNGeRG_readOnly",
+			"pending": "XNGeRG_pending",
+			"body": "XNGeRG_body",
+			"label": "XNGeRG_label",
+			"updateRow": "XNGeRG_updateRow",
+			"failed": "XNGeRG_failed",
+			"toggle": "XNGeRG_toggle",
+			"version": "XNGeRG_version",
+			"hint": "XNGeRG_hint",
+			"chevron": "XNGeRG_chevron",
+			"description": "XNGeRG_description",
+			"header": "XNGeRG_header",
+			"discard": "XNGeRG_discard",
+			"field": "XNGeRG_field",
+			"card": "XNGeRG_card"
+		};
+		//#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
+		* saves — the same shape as the Host-shipped cards, hand-drawn because the
+		* Host cards' chrome is not exported for reuse.
+		*/
+		/** Render the smooth-stream card independently of the core settings namespace allowlist. */
+		function SmoothStreamCard(props) {
+			const { t } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const state = props.useSmoothStreamCard((snapshot) => snapshot);
+			const blocked = !state.dirty || state.saving || state.status !== "ready";
+			const versionLabel = state.version === void 0 ? null : t(state.installation === "development" ? "developmentVersion" : "version").replace("{version}", state.version);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: open ? `${SmoothStreamCard_module_css_default.card} ${SmoothStreamCard_module_css_default.cardOpen}` : SmoothStreamCard_module_css_default.card,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: SmoothStreamCard_module_css_default.header,
+					"aria-expanded": open,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: SmoothStreamCard_module_css_default.headText,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SmoothStreamCard_module_css_default.name,
+								children: t("title")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SmoothStreamCard_module_css_default.description,
+								children: t("description")
+							})]
+						}),
+						versionLabel === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SmoothStreamCard_module_css_default.version,
+							children: versionLabel
+						}),
+						state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SmoothStreamCard_module_css_default.pending,
+							children: t("unsaved")
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: open ? `${SmoothStreamCard_module_css_default.chevron} ${SmoothStreamCard_module_css_default.chevronOpen}` : SmoothStreamCard_module_css_default.chevron })
+					]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SmoothStreamCard_module_css_default.body,
+					children: [
+						state.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SmoothStreamCard_module_css_default.readOnly,
+							role: "status",
+							children: t("loading")
+						}) : null,
+						state.status === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SmoothStreamCard_module_css_default.failure,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: SmoothStreamCard_module_css_default.readOnly,
+								role: "status",
+								children: t("unavailable")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: SmoothStreamCard_module_css_default.discard,
+								onClick: props.reload,
+								children: t("retry")
+							})]
+						}) : null,
+						state.status === "ready" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							!state.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: SmoothStreamCard_module_css_default.readOnly,
+								role: "status",
+								children: t("readOnly")
+							}) : 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("thinkAutoExpand")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										className: SmoothStreamCard_module_css_default.toggle,
+										checked: state.thinkAutoExpand,
+										disabled: !state.writable,
+										onChange: (event) => {
+											props.edit(event.target.checked);
+										}
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SmoothStreamCard_module_css_default.hint,
+									children: t("thinkAutoExpandHint")
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SmoothStreamCard_module_css_default.updateRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: SmoothStreamCard_module_css_default.updateCopy,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.label,
+										children: t("updates")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.hint,
+										children: state.restartRequired ? t("restartRequired") : state.installation === "npm" ? t("updateHint") : state.installation === "development" ? t("developmentBuild") : t("updateUnavailable")
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: SmoothStreamCard_module_css_default.update,
+									disabled: !state.canUpgrade || state.upgrading || state.restartRequired,
+									title: state.canUpgrade ? void 0 : t("updateUnavailable"),
+									onClick: props.upgrade,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline14, {})
+									}), t(state.upgrading ? "updating" : "update")]
+								})]
+							}),
+							state.upgradeFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: SmoothStreamCard_module_css_default.failed,
+								role: "status",
+								children: t("updateFailed")
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SmoothStreamCard_module_css_default.footer,
+								children: [
+									state.failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: SmoothStreamCard_module_css_default.failed,
+										role: "status",
+										children: t("saveFailed")
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: SmoothStreamCard_module_css_default.discard,
+										disabled: !state.dirty || state.saving,
+										onClick: props.discard,
+										children: t("discard")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: SmoothStreamCard_module_css_default.save,
+										disabled: blocked,
+										onClick: props.save,
+										children: t(state.saving ? "saving" : "save")
+									})
+								]
+							})
+						] }) : null
+					]
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/client/smooth-stream-card-controller.ts
+		/** Staged form state for the plugin-owned smooth-stream settings RPC. */
+		/** Bridges the plugin's protected Host interface onto a staged settings form. */
+		var SmoothStreamCardController = class {
+			api;
+			store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(this.projection());
+			loaded;
+			staged;
+			saving = false;
+			failed = false;
+			upgrading = false;
+			upgradeFailed = false;
+			restartRequired = false;
+			loadGeneration = 0;
+			loadStatus = "loading";
+			constructor(api) {
+				this.api = api;
+			}
+			/** Begin the background read after the card has been registered. */
+			start() {
+				this.load();
+			}
+			/** Ignore a late response after the surrounding optional services unload. */
+			stop() {
+				this.loadGeneration += 1;
+			}
+			/** Current card snapshot, also consumed by the streaming preference cell. */
+			getSnapshot() {
+				return this.store.getSnapshot();
+			}
+			/** Subscribe to state changes. */
+			subscribe(listener) {
+				return this.store.subscribe(listener);
+			}
+			/** Build the face consumed by the settings slot renderer. */
+			inject() {
+				return {
+					hooks: { smoothStreamCard: this.store },
+					edit: (value) => {
+						this.staged = value;
+						this.failed = false;
+						this.publish();
+					},
+					save: () => {
+						this.save();
+					},
+					discard: () => {
+						if (this.staged === void 0 && !this.failed) return;
+						this.staged = void 0;
+						this.failed = false;
+						this.publish();
+					},
+					reload: () => {
+						this.load();
+					},
+					upgrade: () => {
+						this.upgrade();
+					}
+				};
+			}
+			projection() {
+				return {
+					status: this.loadStatus,
+					writable: this.loaded?.writable ?? false,
+					dirty: this.staged !== void 0,
+					saving: this.saving,
+					failed: this.failed,
+					thinkAutoExpand: this.staged ?? this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand,
+					version: this.loaded?.version,
+					installation: this.loaded?.installation ?? "unmanaged",
+					canUpgrade: this.loaded?.canUpgrade ?? false,
+					upgrading: this.upgrading,
+					upgradeFailed: this.upgradeFailed,
+					restartRequired: this.restartRequired
+				};
+			}
+			async load() {
+				const generation = ++this.loadGeneration;
+				this.loadStatus = "loading";
+				this.loaded = void 0;
+				this.publish();
+				try {
+					const view = await this.api.read();
+					if (generation !== this.loadGeneration) return;
+					this.loaded = view;
+					this.loadStatus = "ready";
+				} catch {
+					if (generation !== this.loadGeneration) return;
+					this.loaded = 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;
+				this.saving = true;
+				this.failed = false;
+				this.publish();
+				try {
+					this.loaded = await this.api.write(value);
+					this.staged = void 0;
+				} catch {
+					this.failed = true;
+				}
+				this.saving = false;
+				this.publish();
+			}
+			async upgrade() {
+				if (this.loaded?.canUpgrade !== true || this.upgrading) return;
+				this.upgrading = true;
+				this.upgradeFailed = false;
+				this.restartRequired = false;
+				this.publish();
+				try {
+					const result = await this.api.upgrade();
+					this.restartRequired = result.restartRequired;
+				} catch {
+					this.upgradeFailed = true;
+				}
+				this.upgrading = false;
+				this.publish();
+			}
+			publish() {
+				this.store.set(this.projection());
+			}
+		};
+		//#endregion
+		//#region src/settings-api.ts
+		/** Shared wire vocabulary for the plugin-owned settings RPC channel. */
+		/** Dedicated, loopback-only RPC channel registered by the Host half. */
+		const STREAM_SETTINGS_RPC_CHANNEL = "/smooth-stream";
+		/** Endpoints accepted by {@link STREAM_SETTINGS_RPC_CHANNEL}. */
+		const STREAM_SETTINGS_RPC = {
+			read: "settings.read",
+			write: "settings.write",
+			upgrade: "plugin.upgrade"
+		};
+		//#endregion
+		//#region src/client/smooth-stream-settings-api.ts
+		function record(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : void 0;
+		}
+		function settingsView(value) {
+			const data = record(value);
+			if (data === void 0 || typeof data.version !== "string" || ![
+				"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");
+			return data;
+		}
+		function upgradeView(value) {
+			if (record(value)?.restartRequired !== true) throw new Error("dsh-smooth-stream: malformed update response");
+			return { restartRequired: true };
+		}
+		function accepted(result) {
+			if (!result.ok) throw new Error(result.error.message);
+			return result.value;
+		}
+		/** Build the typed facade over the generic Connection RPC service. */
+		function createSmoothStreamSettingsApi(connection) {
+			return {
+				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 upgrade() {
+					return upgradeView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.upgrade, {})));
+				}
+			};
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** Locale bundles for the smooth-stream plugin configuration card. */
+		/** Dictionary namespace owned by this plugin's settings card. */
+		const NS = "settings.smoothStream";
+		/** English copy. */
+		const en = {
+			title: "Smooth stream",
+			description: "How replies are revealed while they stream.",
+			thinkAutoExpand: "Auto-expand thinking",
+			thinkAutoExpandHint: "Open the thinking block while it streams. Turn off to keep it collapsed.",
+			readOnly: "This deployment stores settings read-only.",
+			loading: "Loading plugin settings…",
+			unavailable: "Plugin settings are unavailable in this connection.",
+			retry: "Retry",
+			version: "Version {version}",
+			developmentVersion: "Development version {version}",
+			updates: "Updates",
+			updateHint: "Install the newest npm version, then restart Harness.",
+			developmentBuild: "Linked source; updates are managed in the checkout.",
+			updateUnavailable: "Updates are available only for an npm profile installation.",
+			update: "Update",
+			updating: "Updating…",
+			restartRequired: "Updated. Restart Harness to load the new version.",
+			updateFailed: "The package update failed; your current version is unchanged.",
+			save: "Save",
+			saving: "Saving…",
+			discard: "Discard",
+			unsaved: "Unsaved",
+			saveFailed: "The deployment did not accept these values; they were left for you to correct."
+		};
+		/** Simplified Chinese copy. */
+		const zh = {
+			title: "丝滑流式",
+			description: "回复在流式输出时如何逐字展现。",
+			thinkAutoExpand: "自动展开思考",
+			thinkAutoExpandHint: "思考块在流式时自动展开；关闭后保持折叠，可手动展开。",
+			readOnly: "本部署的设置为只读。",
+			loading: "正在加载插件设置…",
+			unavailable: "当前连接无法访问插件设置。",
+			retry: "重试",
+			version: "版本 {version}",
+			developmentVersion: "开发版本 {version}",
+			updates: "更新",
+			updateHint: "安装最新 npm 版本后重启 Harness。",
+			developmentBuild: "当前为本地链接版本，请在源码目录管理更新。",
+			updateUnavailable: "只有 profile 使用 npm 包时才能更新。",
+			update: "更新",
+			updating: "更新中…",
+			restartRequired: "已更新；重启 Harness 后加载新版本。",
+			updateFailed: "包更新失败，当前版本未改变。",
+			save: "保存",
+			saving: "保存中…",
+			discard: "放弃修改",
+			unsaved: "未保存",
+			saveFailed: "本部署没有接受这些值，已保留供你修改。"
+		};
+		//#endregion
 		//#region src/client/index.ts
-		/** Cordis services required by the browser half. */
+		/**
+		* Cordis services required by the browser half. Only `slots` is load-bearing
+		* for the stream itself; locale and Connection power the configuration card
+		* and are wired through `ctx.inject` below so a deployment without them still
+		* streams with defaults.
+		*/
 		const inject = ["slots"];
 		const STREAM_MODES = ["typewriter", "teleprompter"];
 		const STREAM_PRESETS = [
@@ -1244,23 +1707,93 @@ 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.
+		*/
+		var PreferenceCell = class {
+			listeners = /* @__PURE__ */ new Set();
+			card;
+			value = DEFAULT_STREAM_SETTINGS.thinkAutoExpand;
+			/** Re-point the cell at the plugin-owned settings controller. */
+			attach(card) {
+				this.card = card;
+				this.refresh();
+				const unsubscribe = card.subscribe(() => {
+					this.refresh();
+				});
+				return () => {
+					unsubscribe();
+					if (this.card !== card) return;
+					this.card = void 0;
+					this.refresh();
+				};
+			}
+			read() {
+				return this.card?.getSnapshot().thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand;
+			}
+			refresh() {
+				const next = this.read();
+				if (next === this.value) return;
+				this.value = next;
+				for (const listener of this.listeners) listener();
+			}
+			getSnapshot = () => this.value;
+			subscribe = (listener) => {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			};
+		};
+		/**
 		* Register the typewriter renderer after the conversation package declares the
 		* keyed Chat node seat. A lower priority shadows the built-in assistant row;
 		* every other growing row is wrapped in place so Tool cards, retries, and
 		* workflow runs share conversation follow. The Host-bridged configuration
-		* selects the render direction, smoothing preset, and glide speed.
+		* selects the render direction, smoothing preset, and glide speed; the
+		* plugin-owned settings RPC supplies the live auto-expand preference when the
+		* settings surface is composed.
 		* @param ctx - Browser context carrying the shared slot registry.
 		*/
 		function apply(ctx) {
 			const config = readBootConfig();
+			const preference = new PreferenceCell();
+			ctx.inject([
+				"slots",
+				"locale",
+				"connection"
+			], (settingsCtx) => {
+				const card = new SmoothStreamCardController(createSmoothStreamSettingsApi(settingsCtx.get("connection")));
+				const detachPreference = preference.attach(card);
+				card.start();
+				settingsCtx.effect(() => settingsCtx.locale.register(NS, {
+					zh,
+					en
+				}), "dsh-smooth-stream: settings dictionaries");
+				settingsCtx.slots.inject("settings.plugin.item", () => settingsCtx.slots.register({
+					name: "settings.plugin.item",
+					id: "smooth-stream",
+					order: 30,
+					locale: NS,
+					inject: () => card.inject()
+				}, SmoothStreamCard));
+				return () => {
+					card.stop();
+					detachPreference();
+				};
+			});
 			const configured = function StreamConfiguredView(props) {
+				const thinkAutoExpand = (0, react.useSyncExternalStore)(preference.subscribe, preference.getSnapshot, preference.getSnapshot);
 				return (0, react.createElement)(TypewriterAssistantNodeView, {
 					...props,
 					mode: config.mode,
 					preset: config.preset,
 					revealCharsPerSec: config.revealCharsPerSec,
 					scrollSpeedPxPerSec: config.scrollSpeedPxPerSec,
-					maxScrollSpeedPxPerSec: config.maxScrollSpeedPxPerSec
+					maxScrollSpeedPxPerSec: config.maxScrollSpeedPxPerSec,
+					thinkAutoExpand
 				});
 			};
 			ctx.slots.inject("conversation.chat.node", () => {