dsh-smooth-stream 0.1.0 → 0.3.1

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 = {
+			"root": "I17U7q_root",
+			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
+			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkBody": "I17U7q_thinkBody",
 			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"think": "I17U7q_think",
+			"disclosureContent": "I17U7q_disclosureContent",
+			"stopped": "I17U7q_stopped",
+			"thinkTitle": "I17U7q_thinkTitle",
 			"thinkSeparator": "I17U7q_thinkSeparator",
+			"think": "I17U7q_think",
 			"disclosureTitle": "I17U7q_disclosureTitle",
-			"thinkSummary": "I17U7q_thinkSummary",
-			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
 			"disclosureRoot": "I17U7q_disclosureRoot",
-			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"disclosureContent": "I17U7q_disclosureContent",
-			"thinkLeading": "I17U7q_thinkLeading",
-			"thinkRow": "I17U7q_thinkRow",
-			"thinkChevron": "I17U7q_thinkChevron",
-			"disclosureRow": "I17U7q_disclosureRow",
-			"disclosureLeading": "I17U7q_disclosureLeading",
-			"thinkTitle": "I17U7q_thinkTitle",
-			"stopped": "I17U7q_stopped",
-			"thinkBody": "I17U7q_thinkBody",
 			"visuallyHidden": "I17U7q_visuallyHidden",
-			"body": "I17U7q_body",
+			"thinkChevron": "I17U7q_thinkChevron",
 			"follow": "I17U7q_follow",
-			"root": "I17U7q_root"
+			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
+			"body": "I17U7q_body",
+			"thinkSummary": "I17U7q_thinkSummary",
+			"disclosureRow": "I17U7q_disclosureRow",
+			"thinkLeading": "I17U7q_thinkLeading",
+			"thinkRow": "I17U7q_thinkRow"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -201,8 +202,7 @@ window.__ModuleLoader__.load({
 		const SETTLE_DRAIN_MULTIPLIER = 1.8;
 		/** Pure per-frame reveal decision shared by the loop and its tests. */
 		function computeRevealStep(config, input, dtSeconds) {
-			const trackedCps = Math.max(input.emaCps, input.arrivalCpsEma);
-			const baseCps = clamp$1(trackedCps, config.minCps, config.maxFlushCps);
+			const baseCps = clamp$1(Math.max(input.emaCps, input.arrivalCpsEma), config.minCps, config.maxFlushCps);
 			const targetLagChars = input.inputActive ? Math.max(2, Math.round(baseCps * config.targetBufferMs / 1e3)) : 0;
 			let currentCps;
 			if (input.steadyCps !== void 0) currentCps = input.inputActive || input.settling ? clamp$1(input.steadyCps * (input.inputActive ? 1 : SETTLE_DRAIN_MULTIPLIER), config.minCps, config.maxFlushCps) : 0;
@@ -211,10 +211,7 @@ window.__ModuleLoader__.load({
 				const catchup = overflow > 0 ? overflow / CATCHUP_SECONDS : 0;
 				currentCps = clamp$1(baseCps * 1.08 + catchup, config.minCps, config.maxFlushCps);
 			} else if (input.settling) currentCps = computeSettleDrain(config, input);
-			else {
-				const idleFlushCps = Math.max(config.flushCps, baseCps * 1.8, input.arrivalCpsEma * .8);
-				currentCps = clamp$1(idleFlushCps, config.flushCps, config.maxFlushCps);
-			}
+			else currentCps = clamp$1(Math.max(config.flushCps, baseCps * 1.8, input.arrivalCpsEma * .8), config.flushCps, config.maxFlushCps);
 			const minRevealChars = input.inputActive ? 1 : 2;
 			return {
 				revealChars: Math.max(minRevealChars, Math.round(currentCps * dtSeconds)),
@@ -388,11 +385,10 @@ window.__ModuleLoader__.load({
 				const deltaChars = targetCountRef.current - lastInputCountRef.current;
 				const deltaMs = Math.max(1, now - lastInputTsRef.current);
 				if (hadSample && deltaChars > 0) {
-					const instantCps = deltaChars * 1e3 / deltaMs;
-					const normalizedInstantCps = clamp$1(instantCps, config.minCps, config.maxFlushCps * 3);
+					const normalizedInstantCps = clamp$1(deltaChars * 1e3 / deltaMs, config.minCps, config.maxFlushCps * 3);
 					const chunkEmaAlpha = .45;
-					chunkSizeEmaRef.current = chunkSizeEmaRef.current * .55 + appendedCount * chunkEmaAlpha;
-					arrivalCpsEmaRef.current = arrivalCpsEmaRef.current * .55 + normalizedInstantCps * chunkEmaAlpha;
+					chunkSizeEmaRef.current = chunkSizeEmaRef.current * (1 - chunkEmaAlpha) + appendedCount * chunkEmaAlpha;
+					arrivalCpsEmaRef.current = arrivalCpsEmaRef.current * (1 - chunkEmaAlpha) + normalizedInstantCps * chunkEmaAlpha;
 					emaCpsRef.current = emaCpsRef.current * (1 - config.emaAlpha) + normalizedInstantCps * config.emaAlpha;
 				}
 				lastInputTsRef.current = now;
@@ -864,6 +860,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,9 +957,9 @@ 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, 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, {
@@ -971,8 +971,8 @@ window.__ModuleLoader__.load({
 			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;
@@ -1026,7 +1026,7 @@ window.__ModuleLoader__.load({
 		* 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);
@@ -1084,6 +1084,7 @@ window.__ModuleLoader__.load({
 							text: block.text,
 							running: streaming && index === last,
 							preset,
+							thinkAutoExpand,
 							shouldHoldBack,
 							t
 						}, index));
@@ -1106,11 +1107,13 @@ window.__ModuleLoader__.load({
 						break;
 					}
 					case "tool-call": break;
-					case "other": rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
-						label: t("message.unknownBlock"),
-						payload: block.block,
-						truncatedLabel: (total) => t("json.truncated", { total })
-					}, index));
+					case "other":
+						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+							label: t("message.unknownBlock"),
+							payload: block.block,
+							truncatedLabel: (total) => t("json.truncated", { total })
+						}, index));
+						break;
 				}
 			}
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1172,8 +1175,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 = {
+			"description": "XNGeRG_description",
+			"header": "XNGeRG_header",
+			"fieldHead": "XNGeRG_fieldHead",
+			"updateCopy": "XNGeRG_updateCopy",
+			"footer": "XNGeRG_footer",
+			"discard": "XNGeRG_discard",
+			"readOnly": "XNGeRG_readOnly",
+			"failure": "XNGeRG_failure",
+			"chevronOpen": "XNGeRG_chevronOpen",
+			"cardOpen": "XNGeRG_cardOpen",
+			"update": "XNGeRG_update",
+			"save": "XNGeRG_save",
+			"chevron": "XNGeRG_chevron",
+			"label": "XNGeRG_label",
+			"body": "XNGeRG_body",
+			"hint": "XNGeRG_hint",
+			"headText": "XNGeRG_headText",
+			"pending": "XNGeRG_pending",
+			"name": "XNGeRG_name",
+			"toggle": "XNGeRG_toggle",
+			"updateRow": "XNGeRG_updateRow",
+			"failed": "XNGeRG_failed",
+			"version": "XNGeRG_version",
+			"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 = [
@@ -1182,7 +1613,7 @@ window.__ModuleLoader__.load({
 			"silky"
 		];
 		/** Human-authored rows stay on the built-in renderer; `assistant-step` is replaced. */
-		const SKIP_WRAP = /* @__PURE__ */ new Set([
+		const SKIP_WRAP = new Set([
 			"assistant-step",
 			"user",
 			"steering",
@@ -1244,23 +1675,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", () => {