dsh-smooth-stream 0.5.0 → 0.6.0

package/lib/client.js

@@ -23,27 +23,27 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$3;
 		}
 		var TypewriterAssistantNodeView_module_css_default = {
-			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"disclosureTitle": "I17U7q_disclosureTitle",
-			"thinkRow": "I17U7q_thinkRow",
+			"stopped": "I17U7q_stopped",
 			"thinkChevron": "I17U7q_thinkChevron",
-			"root": "I17U7q_root",
+			"thinkTitle": "I17U7q_thinkTitle",
+			"thinkLeading": "I17U7q_thinkLeading",
+			"thinkSeparator": "I17U7q_thinkSeparator",
 			"body": "I17U7q_body",
-			"disclosureRow": "I17U7q_disclosureRow",
-			"stopped": "I17U7q_stopped",
+			"thinkBody": "I17U7q_thinkBody",
+			"disclosureContent": "I17U7q_disclosureContent",
 			"visuallyHidden": "I17U7q_visuallyHidden",
-			"thinkSeparator": "I17U7q_thinkSeparator",
-			"thinkSummary": "I17U7q_thinkSummary",
-			"think": "I17U7q_think",
+			"disclosureTitle": "I17U7q_disclosureTitle",
 			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
-			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"thinkLeading": "I17U7q_thinkLeading",
-			"disclosureContent": "I17U7q_disclosureContent",
+			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
 			"follow": "I17U7q_follow",
+			"think": "I17U7q_think",
+			"thinkSummary": "I17U7q_thinkSummary",
+			"disclosureRow": "I17U7q_disclosureRow",
+			"root": "I17U7q_root",
 			"disclosureLeading": "I17U7q_disclosureLeading",
-			"thinkTitle": "I17U7q_thinkTitle",
-			"disclosureRoot": "I17U7q_disclosureRoot",
-			"thinkBody": "I17U7q_thinkBody"
+			"thinkRow": "I17U7q_thinkRow",
+			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
+			"disclosureRoot": "I17U7q_disclosureRoot"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -126,6 +126,7 @@ window.__ModuleLoader__.load({
 		const DEFAULT_STREAM_SETTINGS = {
 			enabled: true,
 			controlScroll: true,
+			motionPreference: "auto",
 			thinkAutoExpand: true,
 			debugEnabled: false,
 			debugTuning: DEFAULT_STREAM_DEBUG_TUNING
@@ -2681,6 +2682,20 @@ window.__ModuleLoader__.load({
 			}, []);
 			return reduced;
 		}
+		/**
+		* Resolve whether the reveal engine should stay off for this view. The OS
+		* preference wins only in `auto` mode: `force-smooth` keeps the engine on
+		* machines where a system-wide reduce-motion switch (or a forced browser
+		* flag) would otherwise silently bypass smoothing, and `force-reduced`
+		* disables it even when the OS asks for motion. Credit: three-state design
+		* proposed by @Zn-Dk in #21/#22.
+		*/
+		function useMotionReduced(preference) {
+			const system = usePrefersReducedMotion();
+			if (preference === "force-smooth") return false;
+			if (preference === "force-reduced") return true;
+			return system;
+		}
 		/** Conservative fallback before the streaming Markdown tail has geometry. */
 		const PREDICTIVE_WRAP_FALLBACK_CHARS = 32;
 		const STREAM_ANNOUNCEMENT_INTERVAL_MS = 800;
@@ -2886,8 +2901,8 @@ window.__ModuleLoader__.load({
 		* drains, the settled full parse (KaTeX math, fence highlighting, file
 		* mentions) swaps in exactly once.
 		*/
-		function AnimatedMarkdownText({ text, labels, fileMentions, streaming, ownFollow, followSpeedCpsRef, followRevealedCharsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack, controlScroll = true }) {
-			const reduced = usePrefersReducedMotion();
+		function AnimatedMarkdownText({ text, labels, fileMentions, streaming, motionReduced, ownFollow, followSpeedCpsRef, followRevealedCharsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack, controlScroll = true }) {
+			const reduced = motionReduced;
 			const [typing, setTyping] = (0, react.useState)(streaming);
 			const localSpeedCpsRef = (0, react.useRef)(35);
 			const followRootRef = (0, react.useRef)(null);
@@ -2943,6 +2958,9 @@ window.__ModuleLoader__.load({
 				text,
 				typing
 			]);
+			(0, react.useEffect)(() => {
+				if (streaming) setTyping(true);
+			}, [streaming]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
 				active: live && ownFollow,
 				speedCpsRef,
@@ -2972,6 +2990,50 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		/**
+		* Apply searchable hidden state without unmounting a stable subtree — the
+		* Host's completion fold hides the answer-inline reasoning this way, so the
+		* takeover renderer must reproduce it to stay inside the contract: the row
+		* disappears into the Host's process summary and comes back on find-in-page.
+		* (Mirrors the Harness chat kit's `useSearchableHidden`.)
+		*/
+		function useSearchableHidden(hidden, reveal) {
+			const ref = (0, react.useRef)(null);
+			(0, react.useLayoutEffect)(() => {
+				const element = ref.current;
+				if (element === null) return;
+				if (hidden && element.contains(element.ownerDocument.activeElement)) {
+					reveal();
+					return;
+				}
+				if (hidden) element.setAttribute("hidden", "until-found");
+				else element.removeAttribute("hidden");
+			}, [hidden, reveal]);
+			(0, react.useEffect)(() => {
+				const element = ref.current;
+				if (element === null) return;
+				element.addEventListener("beforematch", reveal);
+				return () => {
+					element.removeEventListener("beforematch", reveal);
+				};
+			}, [reveal]);
+			return ref;
+		}
+		/**
+		* One answer-inline reasoning block wrapped in the Host's fold contract. The
+		* Host computes the fold decision (turn closed, compact transcript, this node
+		* is the answer) and delivers it through the `turnProcess` owner prop; when
+		* folded the block hides into the Host's "thought" summary row instead of
+		* staying mounted above the answer.
+		*/
+		function FoldableReasoning({ hidden, reveal, children }) {
+			const ref = useSearchableHidden(hidden, reveal);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref,
+				"data-turn-process-inline": hidden || void 0,
+				children
+			});
+		}
 		function firstLine(text) {
 			const newline = text.indexOf("\n");
 			return newline === -1 ? text : text.slice(0, newline);
@@ -2990,8 +3052,8 @@ 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, t }) {
-			const reduced = usePrefersReducedMotion();
+		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, motionReduced, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, t }) {
+			const reduced = motionReduced;
 			const [expanded, setExpanded] = (0, react.useState)(running && thinkAutoExpand);
 			const [autoClosed, setAutoClosed] = (0, react.useState)(false);
 			const summaryRef = (0, react.useRef)(null);
@@ -3070,10 +3132,14 @@ window.__ModuleLoader__.load({
 		* holds offscreen reveals when the frame rate is degraded. Settled text
 		* renders with the full Markdown pipeline.
 		*/
-		const TypewriterAssistantNodeView = (0, react.memo)(function TypewriterAssistantNodeView({ mode: _mode = DEFAULT_STREAM_CONFIG.mode, preset = DEFAULT_STREAM_CONFIG.preset, revealCharsPerSec: _revealCharsPerSec = DEFAULT_STREAM_CONFIG.revealCharsPerSec, scrollSpeedPxPerSec: _scrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.scrollSpeedPxPerSec, maxScrollSpeedPxPerSec: _maxScrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.maxScrollSpeedPxPerSec, thinkAutoExpand = DEFAULT_STREAM_SETTINGS.thinkAutoExpand, controlScroll = true, 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, controlScroll = true, motionPreference = DEFAULT_STREAM_SETTINGS.motionPreference, node, useTurnData, openFile, loadImage, fileMentions, turnProcess, t }) {
 			const data = node.data;
 			const streaming = data.status === "running";
-			const reduced = usePrefersReducedMotion();
+			const reduced = useMotionReduced(motionPreference);
+			const reasoningHidden = turnProcess !== void 0 && turnProcess.foldable && turnProcess.spec.answerStep === data.step && turnProcess.spec.inlineReasoning && !turnProcess.open;
+			const revealProcess = (0, react.useCallback)(() => {
+				turnProcess?.setOpen(true);
+			}, [turnProcess]);
 			const { ref: guardRef, shouldHoldBack } = useFpsGuard(streaming);
 			const rootSpeedRef = (0, react.useRef)(35);
 			const rootRevealedCharsRef = (0, react.useRef)(0);
@@ -3136,6 +3202,7 @@ window.__ModuleLoader__.load({
 							labels: markdownLabels,
 							fileMentions: mentions,
 							streaming,
+							motionReduced: reduced,
 							ownFollow: !streaming && index === lastFollow,
 							followSpeedCpsRef: index === lastFollow ? rootSpeedRef : void 0,
 							followRevealedCharsRef: index === lastFollow ? rootRevealedCharsRef : void 0,
@@ -3147,15 +3214,20 @@ window.__ModuleLoader__.load({
 						}, index));
 						break;
 					case "reasoning":
-						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedReasoning, {
-							text: block.text,
-							running: streaming && index === last,
-							preset,
-							thinkAutoExpand,
-							shouldHoldBack,
-							followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
-							followRevealScaleRef: reasoningOwnsSpeed && index === last ? rootRevealScaleRef : void 0,
-							t
+						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FoldableReasoning, {
+							hidden: reasoningHidden,
+							reveal: revealProcess,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedReasoning, {
+								text: block.text,
+								running: streaming && index === last,
+								preset,
+								thinkAutoExpand,
+								motionReduced: reduced,
+								shouldHoldBack,
+								followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
+								followRevealScaleRef: reasoningOwnsSpeed && index === last ? rootRevealScaleRef : void 0,
+								t
+							})
 						}, index));
 						break;
 					case "image": {
@@ -3482,8 +3554,8 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$2;
 		}
 		var AgentRowEntrance_module_css_default = {
-			"surface": "_7P9_Ta_surface",
-			"dsh-smooth-stream-agent-row-in": "_7P9_Ta_dsh-smooth-stream-agent-row-in"
+			"dsh-smooth-stream-agent-row-in": "_7P9_Ta_dsh-smooth-stream-agent-row-in",
+			"surface": "_7P9_Ta_surface"
 		};
 		//#endregion
 		//#region src/client/TypewriterToolNodeView.tsx
@@ -3662,7 +3734,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/SmoothStreamCard.module.css.mjs
-		const css$1 = ".XNGeRG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;list-style:none;transition:border-color .16s,background .16s;display:flex}.XNGeRG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.XNGeRG_cardOpen{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}.XNGeRG_header{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.XNGeRG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.XNGeRG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.XNGeRG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.XNGeRG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.XNGeRG_version{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:1.5;overflow:hidden}.XNGeRG_pending{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.XNGeRG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.XNGeRG_chevronOpen{transform:rotate(180deg)}.XNGeRG_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;margin:0 16px;padding-bottom:8px;display:flex}.XNGeRG_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.XNGeRG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.XNGeRG_field+.XNGeRG_field{border-top:1px solid var(--dsw-alias-border-l2)}.XNGeRG_fieldDisabled{opacity:.5}.XNGeRG_fieldHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.XNGeRG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.XNGeRG_toggle{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_toggle:disabled{cursor:default}.XNGeRG_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.XNGeRG_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 css$1 = ".XNGeRG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;list-style:none;transition:border-color .16s,background .16s;display:flex}.XNGeRG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.XNGeRG_cardOpen{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}.XNGeRG_header{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.XNGeRG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.XNGeRG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.XNGeRG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.XNGeRG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.XNGeRG_version{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px;line-height:1.5;overflow:hidden}.XNGeRG_pending{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.XNGeRG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.XNGeRG_chevronOpen{transform:rotate(180deg)}.XNGeRG_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;margin:0 16px;padding-bottom:8px;display:flex}.XNGeRG_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.XNGeRG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.XNGeRG_field+.XNGeRG_field{border-top:1px solid var(--dsw-alias-border-l2)}.XNGeRG_fieldDisabled{opacity:.5}.XNGeRG_fieldHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.XNGeRG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.XNGeRG_toggle{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_toggle:disabled{cursor:default}.XNGeRG_toggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.XNGeRG_choiceRow{flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:0;display:flex}.XNGeRG_choice{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:5px;font-size:12px;line-height:1.5;display:flex}.XNGeRG_choiceInput{width:14px;height:14px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer}.XNGeRG_choice:has(.XNGeRG_choiceInput:disabled){cursor:default;opacity:.55}.XNGeRG_choiceInput:disabled{cursor:default}.XNGeRG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.XNGeRG_failure{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateRow{border-top:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.XNGeRG_updateCopy{flex-direction:column;gap:4px;min-width:0;display:flex}.XNGeRG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.XNGeRG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.XNGeRG_save,.XNGeRG_discard,.XNGeRG_update{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.XNGeRG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.XNGeRG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.XNGeRG_discard:hover:not(:disabled),.XNGeRG_update:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed);color:var(--dsw-alias-label-primary)}.XNGeRG_update{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0;flex:none;align-items:center;gap:6px;display:inline-flex}.XNGeRG_discard:disabled,.XNGeRG_save:disabled,.XNGeRG_update:disabled{opacity:.4;cursor:default}.XNGeRG_discard:focus-visible,.XNGeRG_save:focus-visible,.XNGeRG_update:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}";
 		const tagId$1 = "dsh-smooth-stream/SmoothStreamCard.module.css";
 		if (typeof document !== "undefined") {
 			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]");
@@ -3675,32 +3747,35 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$1;
 		}
 		var SmoothStreamCard_module_css_default = {
-			"updateCopy": "XNGeRG_updateCopy",
-			"footer": "XNGeRG_footer",
-			"name": "XNGeRG_name",
-			"update": "XNGeRG_update",
-			"updateRow": "XNGeRG_updateRow",
+			"body": "XNGeRG_body",
+			"fieldDisabled": "XNGeRG_fieldDisabled",
+			"readOnly": "XNGeRG_readOnly",
+			"field": "XNGeRG_field",
+			"choiceInput": "XNGeRG_choiceInput",
 			"headText": "XNGeRG_headText",
-			"label": "XNGeRG_label",
+			"version": "XNGeRG_version",
+			"choice": "XNGeRG_choice",
 			"description": "XNGeRG_description",
-			"discard": "XNGeRG_discard",
-			"save": "XNGeRG_save",
-			"cardOpen": "XNGeRG_cardOpen",
-			"failed": "XNGeRG_failed",
+			"pending": "XNGeRG_pending",
 			"fieldHead": "XNGeRG_fieldHead",
+			"label": "XNGeRG_label",
 			"toggle": "XNGeRG_toggle",
-			"chevron": "XNGeRG_chevron",
 			"hint": "XNGeRG_hint",
+			"save": "XNGeRG_save",
+			"updateRow": "XNGeRG_updateRow",
+			"chevron": "XNGeRG_chevron",
+			"cardOpen": "XNGeRG_cardOpen",
 			"card": "XNGeRG_card",
 			"header": "XNGeRG_header",
-			"pending": "XNGeRG_pending",
-			"chevronOpen": "XNGeRG_chevronOpen",
-			"readOnly": "XNGeRG_readOnly",
-			"field": "XNGeRG_field",
-			"version": "XNGeRG_version",
 			"failure": "XNGeRG_failure",
-			"fieldDisabled": "XNGeRG_fieldDisabled",
-			"body": "XNGeRG_body"
+			"failed": "XNGeRG_failed",
+			"chevronOpen": "XNGeRG_chevronOpen",
+			"discard": "XNGeRG_discard",
+			"updateCopy": "XNGeRG_updateCopy",
+			"update": "XNGeRG_update",
+			"footer": "XNGeRG_footer",
+			"name": "XNGeRG_name",
+			"choiceRow": "XNGeRG_choiceRow"
 		};
 		//#endregion
 		//#region src/client/SmoothStreamCard.tsx
@@ -3816,6 +3891,57 @@ window.__ModuleLoader__.load({
 									children: t("controlScrollHint")
 								})]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: state.enabled ? SmoothStreamCard_module_css_default.field : `${SmoothStreamCard_module_css_default.field} ${SmoothStreamCard_module_css_default.fieldDisabled}`,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.fieldHead,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: SmoothStreamCard_module_css_default.label,
+											children: t("motionPreference")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.hint,
+										children: t("motionPreferenceHint")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.choiceRow,
+										role: "radiogroup",
+										"aria-label": t("motionPreference"),
+										children: [
+											[
+												"auto",
+												"motionAuto",
+												"motionAutoHint"
+											],
+											[
+												"force-smooth",
+												"motionForceSmooth",
+												"motionForceSmoothHint"
+											],
+											[
+												"force-reduced",
+												"motionForceReduced",
+												"motionForceReducedHint"
+											]
+										].map(([value, label, hint]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: SmoothStreamCard_module_css_default.choice,
+											title: t(hint),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "radio",
+												className: SmoothStreamCard_module_css_default.choiceInput,
+												name: "smooth-stream-motion",
+												checked: state.motionPreference === value,
+												disabled: !state.writable || state.saving || !state.enabled,
+												onChange: () => {
+													props.edit({ motionPreference: value });
+												}
+											}), t(label)]
+										}, value))
+									})
+								]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 								className: state.enabled ? SmoothStreamCard_module_css_default.field : `${SmoothStreamCard_module_css_default.field} ${SmoothStreamCard_module_css_default.fieldDisabled}`,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -3958,10 +4084,11 @@ window.__ModuleLoader__.load({
 					hooks: { smoothStreamCard: this.store },
 					edit: (patch) => {
 						if (this.saving) return;
-						if (patch.enabled !== void 0 || patch.controlScroll !== void 0 || patch.thinkAutoExpand !== void 0) this.stagedBase = {
+						if (patch.enabled !== void 0 || patch.controlScroll !== void 0 || patch.motionPreference !== void 0 || patch.thinkAutoExpand !== void 0) this.stagedBase = {
 							...this.baseValues(),
 							...patch.enabled === void 0 ? {} : { enabled: patch.enabled },
 							...patch.controlScroll === void 0 ? {} : { controlScroll: patch.controlScroll },
+							...patch.motionPreference === void 0 ? {} : { motionPreference: patch.motionPreference },
 							...patch.thinkAutoExpand === void 0 ? {} : { thinkAutoExpand: patch.thinkAutoExpand }
 						};
 						if (this.loadedDebug !== void 0 && (patch.debugEnabled !== void 0 || patch.debugTuning !== void 0)) this.stagedDebug = {
@@ -4015,6 +4142,7 @@ window.__ModuleLoader__.load({
 				return this.stagedBase ?? {
 					enabled: this.loaded?.enabled ?? DEFAULT_STREAM_SETTINGS.enabled,
 					controlScroll: this.loaded?.controlScroll ?? DEFAULT_STREAM_SETTINGS.controlScroll,
+					motionPreference: this.loaded?.motionPreference ?? DEFAULT_STREAM_SETTINGS.motionPreference,
 					thinkAutoExpand: this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand
 				};
 			}
@@ -4135,7 +4263,11 @@ window.__ModuleLoader__.load({
 				"npm",
 				"development",
 				"unmanaged"
-			].includes(data.installation) || typeof data.writable !== "boolean" || typeof data.enabled !== "boolean" || typeof data.controlScroll !== "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.controlScroll !== "boolean" || ![
+				"auto",
+				"force-smooth",
+				"force-reduced"
+			].includes(data.motionPreference) || typeof data.thinkAutoExpand !== "boolean" || typeof data.canUpgrade !== "boolean") throw new Error("dsh-smooth-stream: malformed settings response");
 			return data;
 		}
 		function upgradeView(value) {
@@ -4165,6 +4297,7 @@ window.__ModuleLoader__.load({
 					return settingsView(accepted(await connection.rpc.call(STREAM_SETTINGS_RPC_CHANNEL, STREAM_SETTINGS_RPC.write, {
 						enabled: settings.enabled,
 						controlScroll: settings.controlScroll,
+						motionPreference: settings.motionPreference,
 						thinkAutoExpand: settings.thinkAutoExpand,
 						...settings.debugEnabled === void 0 || settings.debugTuning === void 0 ? {} : {
 							debugEnabled: settings.debugEnabled,
@@ -4201,34 +4334,34 @@ window.__ModuleLoader__.load({
 			tag.textContent = css;
 		}
 		var DebugPanel_module_css_default = {
-			"metric": "m4_tdG_metric",
-			"trigger": "m4_tdG_trigger",
-			"panel": "m4_tdG_panel",
-			"statusLive": "m4_tdG_statusLive",
-			"guide": "m4_tdG_guide",
+			"iconButton": "m4_tdG_iconButton",
 			"triggerActive": "m4_tdG_triggerActive",
-			"secondaryButton": "m4_tdG_secondaryButton",
-			"number": "m4_tdG_number",
-			"title": "m4_tdG_title",
 			"controlHead": "m4_tdG_controlHead",
-			"unit": "m4_tdG_unit",
-			"visuallyHidden": "m4_tdG_visuallyHidden",
-			"panelHeader": "m4_tdG_panelHeader",
-			"section": "m4_tdG_section",
+			"number": "m4_tdG_number",
 			"range": "m4_tdG_range",
-			"unsaved": "m4_tdG_unsaved",
-			"state": "m4_tdG_state",
-			"control": "m4_tdG_control",
+			"statusLive": "m4_tdG_statusLive",
+			"title": "m4_tdG_title",
+			"controlLabel": "m4_tdG_controlLabel",
+			"guide": "m4_tdG_guide",
+			"infoButton": "m4_tdG_infoButton",
 			"numberWrap": "m4_tdG_numberWrap",
+			"footer": "m4_tdG_footer",
+			"control": "m4_tdG_control",
+			"secondaryButton": "m4_tdG_secondaryButton",
+			"unsaved": "m4_tdG_unsaved",
 			"metrics": "m4_tdG_metrics",
-			"footerSpacer": "m4_tdG_footerSpacer",
+			"scrollArea": "m4_tdG_scrollArea",
+			"state": "m4_tdG_state",
+			"metric": "m4_tdG_metric",
+			"panel": "m4_tdG_panel",
+			"trigger": "m4_tdG_trigger",
 			"statusDot": "m4_tdG_statusDot",
-			"controlLabel": "m4_tdG_controlLabel",
-			"footer": "m4_tdG_footer",
-			"iconButton": "m4_tdG_iconButton",
-			"infoButton": "m4_tdG_infoButton",
+			"section": "m4_tdG_section",
+			"unit": "m4_tdG_unit",
+			"footerSpacer": "m4_tdG_footerSpacer",
+			"visuallyHidden": "m4_tdG_visuallyHidden",
 			"primaryButton": "m4_tdG_primaryButton",
-			"scrollArea": "m4_tdG_scrollArea"
+			"panelHeader": "m4_tdG_panelHeader"
 		};
 		//#endregion
 		//#region src/client/DebugPanel.tsx
@@ -4626,6 +4759,14 @@ window.__ModuleLoader__.load({
 			enabledHint: "Let this plugin render and follow streaming replies. Turn off to use the built-in Harness renderer.",
 			controlScroll: "Take over scrolling",
 			controlScrollHint: "On by default; smooth-stream writes the conversation scroll position. Turn off to leave bottom-follow to Harness.",
+			motionPreference: "Motion",
+			motionPreferenceHint: "How streaming responds to the system reduce-motion setting.",
+			motionAuto: "Follow system",
+			motionAutoHint: "Reduced-motion systems get raw text (accessibility first).",
+			motionForceSmooth: "Always smooth",
+			motionForceSmoothHint: "Keep the smoothing engine even when the system asks for reduced motion.",
+			motionForceReduced: "Always raw",
+			motionForceReducedHint: "Render raw text even when the system allows motion.",
 			thinkAutoExpand: "Auto-expand thinking",
 			thinkAutoExpandHint: "Open the thinking block while it streams. Turn off to keep it collapsed.",
 			debugEnabled: "Show render diagnostics",
@@ -4705,6 +4846,14 @@ window.__ModuleLoader__.load({
 			enabledHint: "由本插件渲染并跟随流式回复；关闭后使用 Harness 内置渲染。",
 			controlScroll: "接管滚动",
 			controlScrollHint: "默认开启，由丝滑流式写入会话滚动位置；关闭后贴底滚动交给 Harness。",
+			motionPreference: "动效偏好",
+			motionPreferenceHint: "流式渲染如何响应系统的「减少动态效果」设置。",
+			motionAuto: "跟随系统",
+			motionAutoHint: "系统开启减少动态效果时直接呈现原始文本（优先无障碍）。",
+			motionForceSmooth: "始终平滑",
+			motionForceSmoothHint: "即使系统要求减少动态效果，仍保持平滑流式渲染。",
+			motionForceReduced: "始终原始",
+			motionForceReducedHint: "即使系统允许动效，也直接呈现原始文本。",
 			thinkAutoExpand: "自动展开思考",
 			thinkAutoExpandHint: "思考块在流式时自动展开；关闭后保持折叠，可手动展开。",
 			debugEnabled: "显示渲染调试面板",
@@ -4899,7 +5048,7 @@ window.__ModuleLoader__.load({
 			refresh() {
 				const next = this.read();
 				const pending = this.card?.getSnapshot().status === "loading";
-				if (pending === this.pending && next.enabled === this.value.enabled && next.controlScroll === this.value.controlScroll && next.thinkAutoExpand === this.value.thinkAutoExpand && next.debugEnabled === this.value.debugEnabled && next.debugTuning === this.value.debugTuning) return;
+				if (pending === this.pending && next.enabled === this.value.enabled && next.controlScroll === this.value.controlScroll && next.motionPreference === this.value.motionPreference && next.thinkAutoExpand === this.value.thinkAutoExpand && next.debugEnabled === this.value.debugEnabled && next.debugTuning === this.value.debugTuning) return;
 				this.pending = pending;
 				this.value = next;
 				for (const listener of this.listeners) listener();
@@ -4999,7 +5148,8 @@ window.__ModuleLoader__.load({
 					scrollSpeedPxPerSec: config.scrollSpeedPxPerSec,
 					maxScrollSpeedPxPerSec: config.maxScrollSpeedPxPerSec,
 					thinkAutoExpand: preferences.thinkAutoExpand,
-					controlScroll: preferences.controlScroll
+					controlScroll: preferences.controlScroll,
+					motionPreference: preferences.motionPreference
 				});
 			};
 			ctx.slots.inject("conversation.chat.node", () => {