dsh-smooth-stream 0.5.0 → 0.6.1

package/lib/client.js

@@ -10,40 +10,40 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react_dom = require("react-dom");
 		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/TypewriterAssistantNodeView.module.css.mjs
-		const css$3 = ".I17U7q_root{min-width:0;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:16px;line-height:28px;display:flex}.I17U7q_body{flex-direction:column;gap:16px;min-width:0;display:flex}.I17U7q_think{flex-direction:column;display:flex}.I17U7q_thinkRow{position:relative;overflow:hidden}.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite I17U7q_dsh-smooth-stream-think-sweep;position:absolute;left:0}@keyframes I17U7q_dsh-smooth-stream-think-sweep{0%{left:-300px}90%,to{left:100%}}.I17U7q_thinkLeading{flex-shrink:0}.I17U7q_thinkChevron{color:var(--dsw-alias-label-secondary)}.I17U7q_thinkTitle{font-weight:400}.I17U7q_thinkSeparator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.I17U7q_thinkSummary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.I17U7q_thinkSummary[data-follow-end]{text-overflow:clip}.I17U7q_thinkBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;padding:4px 0 4px 22px;font-size:14px;line-height:24px}.I17U7q_disclosureRoot{flex-direction:column;width:100%;min-width:0;display:flex}.I17U7q_disclosureRow{cursor:pointer;align-items:center;min-width:0;height:24px;display:flex;position:relative;overflow:hidden}.I17U7q_disclosureLeading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:6px;display:inline-flex;position:relative}.I17U7q_disclosureIconIdle{opacity:1;transition:opacity .1s;display:inline-flex}.I17U7q_disclosureChevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureIconIdle{opacity:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureChevronHover{opacity:1}.I17U7q_disclosureTitle{color:var(--dsw-alias-label-secondary);flex:none;font-size:14px;line-height:24px}.I17U7q_disclosureContent{visibility:visible;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s;grid-template-rows:1fr;display:grid}.I17U7q_disclosureContent[data-collapsed]{visibility:hidden;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s var(--ds-transition-duration,.2s);grid-template-rows:0fr}.I17U7q_disclosureContent[data-no-transition]{transition:none}.I17U7q_disclosureContent>*{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{animation:none}.I17U7q_disclosureContent,.I17U7q_disclosureContent[data-collapsed]{transition:none}}.I17U7q_stopped{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:6px;align-self:flex-start;padding:0 6px;font-size:11px;line-height:18px}.I17U7q_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.I17U7q_follow{contain:layout style;min-width:0}.I17U7q_root :not(pre)>code{line-height:inherit;white-space:normal;overflow-wrap:anywhere;vertical-align:baseline;display:inline}@supports (text-box-trim:trim-both){.I17U7q_root :is(p,h1,h2,h3,h4,h5,h6,blockquote){text-box-trim:trim-both;text-box-edge:text}}";
-		const tagId$3 = "dsh-smooth-stream/TypewriterAssistantNodeView.module.css";
+		const css$4 = ".I17U7q_root{min-width:0;color:var(--dsw-alias-label-primary);flex-direction:column;font-size:16px;line-height:28px;display:flex}.I17U7q_body{flex-direction:column;gap:16px;min-width:0;display:flex}.I17U7q_think{flex-direction:column;display:flex}.I17U7q_thinkRow{position:relative;overflow:hidden}.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite I17U7q_dsh-smooth-stream-think-sweep;position:absolute;left:0}@keyframes I17U7q_dsh-smooth-stream-think-sweep{0%{left:-300px}90%,to{left:100%}}.I17U7q_thinkLeading{flex-shrink:0}.I17U7q_thinkChevron{color:var(--dsw-alias-label-secondary)}.I17U7q_thinkTitle{font-weight:400}.I17U7q_thinkSeparator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.I17U7q_thinkSummary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.I17U7q_thinkSummary[data-follow-end]{text-overflow:clip}.I17U7q_thinkBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;padding:4px 0 4px 22px;font-size:14px;line-height:24px}.I17U7q_disclosureRoot{flex-direction:column;width:100%;min-width:0;display:flex}.I17U7q_disclosureRow{cursor:pointer;align-items:center;min-width:0;height:24px;display:flex;position:relative;overflow:hidden}.I17U7q_disclosureLeading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:6px;display:inline-flex;position:relative}.I17U7q_disclosureIconIdle{opacity:1;transition:opacity .1s;display:inline-flex}.I17U7q_disclosureChevronHover{opacity:0;margin:auto;transition:opacity .1s;position:absolute;inset:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureIconIdle{opacity:0}.I17U7q_disclosureRow:hover .I17U7q_disclosureChevronHover{opacity:1}.I17U7q_disclosureTitle{color:var(--dsw-alias-label-secondary);flex:none;font-size:14px;line-height:24px}.I17U7q_disclosureContent{visibility:visible;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s;grid-template-rows:1fr;display:grid}.I17U7q_disclosureContent[data-collapsed]{visibility:hidden;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,cubic-bezier(.4, 0, .2, 1)), visibility 0s var(--ds-transition-duration,.2s);grid-template-rows:0fr}.I17U7q_disclosureContent[data-no-transition]{transition:none}.I17U7q_disclosureContent>*{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.I17U7q_think[data-state=running] .I17U7q_thinkRow:after{animation:none}.I17U7q_disclosureContent,.I17U7q_disclosureContent[data-collapsed]{transition:none}}.I17U7q_stopped{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:6px;align-self:flex-start;padding:0 6px;font-size:11px;line-height:18px}.I17U7q_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.I17U7q_follow{contain:layout style;min-width:0}.I17U7q_root :not(pre)>code{line-height:inherit;white-space:normal;overflow-wrap:anywhere;vertical-align:baseline;display:inline}@supports (text-box-trim:trim-both){.I17U7q_root :is(p,h1,h2,h3,h4,h5,h6,blockquote){text-box-trim:trim-both;text-box-edge:text}}";
+		const tagId$4 = "dsh-smooth-stream/TypewriterAssistantNodeView.module.css";
 		if (typeof document !== "undefined") {
-			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]");
+			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]");
 			if (tag === null) {
 				tag = document.createElement("style");
 				tag.dataset.plugin = "dsh-smooth-stream";
-				tag.dataset.pluginCss = tagId$3;
+				tag.dataset.pluginCss = tagId$4;
 				document.head.appendChild(tag);
 			}
-			tag.textContent = css$3;
+			tag.textContent = css$4;
 		}
 		var TypewriterAssistantNodeView_module_css_default = {
-			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"disclosureTitle": "I17U7q_disclosureTitle",
+			"thinkTitle": "I17U7q_thinkTitle",
+			"disclosureContent": "I17U7q_disclosureContent",
+			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkSummary": "I17U7q_thinkSummary",
 			"thinkRow": "I17U7q_thinkRow",
-			"thinkChevron": "I17U7q_thinkChevron",
-			"root": "I17U7q_root",
-			"body": "I17U7q_body",
-			"disclosureRow": "I17U7q_disclosureRow",
-			"stopped": "I17U7q_stopped",
 			"visuallyHidden": "I17U7q_visuallyHidden",
-			"thinkSeparator": "I17U7q_thinkSeparator",
-			"thinkSummary": "I17U7q_thinkSummary",
-			"think": "I17U7q_think",
+			"disclosureRoot": "I17U7q_disclosureRoot",
+			"body": "I17U7q_body",
 			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
+			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
+			"root": "I17U7q_root",
 			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"thinkLeading": "I17U7q_thinkLeading",
-			"disclosureContent": "I17U7q_disclosureContent",
+			"stopped": "I17U7q_stopped",
+			"think": "I17U7q_think",
+			"thinkChevron": "I17U7q_thinkChevron",
+			"thinkBody": "I17U7q_thinkBody",
 			"follow": "I17U7q_follow",
-			"disclosureLeading": "I17U7q_disclosureLeading",
-			"thinkTitle": "I17U7q_thinkTitle",
-			"disclosureRoot": "I17U7q_disclosureRoot",
-			"thinkBody": "I17U7q_thinkBody"
+			"thinkSeparator": "I17U7q_thinkSeparator",
+			"thinkLeading": "I17U7q_thinkLeading",
+			"disclosureRow": "I17U7q_disclosureRow",
+			"disclosureTitle": "I17U7q_disclosureTitle"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -126,7 +126,9 @@ window.__ModuleLoader__.load({
 		const DEFAULT_STREAM_SETTINGS = {
 			enabled: true,
 			controlScroll: true,
+			motionPreference: "auto",
 			thinkAutoExpand: true,
+			logarithmicFade: true,
 			debugEnabled: false,
 			debugTuning: DEFAULT_STREAM_DEBUG_TUNING
 		};
@@ -857,7 +859,8 @@ window.__ModuleLoader__.load({
 				});
 				return null;
 			}
-			const delta = top - stored.top - (shift - stored.shift) + (pad - stored.pad);
+			const scrollDelta = scrollTop - stored.scrollTop;
+			const delta = top - stored.top + scrollDelta - (shift - stored.shift) + (pad - stored.pad);
 			if (stored.element === anchor) {
 				followGuardAnchors.set(port, {
 					element: anchor,
@@ -1934,18 +1937,18 @@ window.__ModuleLoader__.load({
 					}
 					let settleQuietMs = 0;
 					let settleSig = "";
-					const lagBeforeCompletionPaint = Math.max(0, host.scrollHeight - animatedH - runwayOffsetOf(host));
-					const currentRunway = runwayOffsetOf(host);
-					const currentShift = Math.abs(currentShiftOf(shiftSurfacesOf(host).at(-1) ?? host));
-					if (!activeRef.current && lagBeforeCompletionPaint <= 25 && currentRunway <= .25 && currentShift <= .25 && flowPadOf(host) <= .25) {
+					if (!activeRef.current) {
 						followTraceUntilMs = Math.max(followTraceUntilMs, performance.now() + 1e4);
 						followTrace("fast-gate", {
 							sh: host.scrollHeight,
 							st: Math.round(host.scrollTop),
 							pad: Math.round(flowPadOf(host))
 						});
-						finishAtNaturalFloor(host, !startedAsEntrance);
+						restoreRunway(host);
+						setFlowPad(host, 0);
+						finishAtNaturalFloor(host, !startedAsEntrance, true);
 						followLeaders.delete(host);
+						followCompletionSettle.delete(host);
 						releaseRevealScale();
 						debugRuntime.reportFollow(host, null);
 						return;
@@ -2604,6 +2607,293 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region \0dsh-css:/Users/dzlin/work/project/dsh-smooth-stream/src/client/LogarithmicFade.module.css.mjs
+		const css$3 = ".g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-0),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-0){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 0.0%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-1),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-1){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 3.22581%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-2),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-2){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 6.45161%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-3),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-3){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 9.67742%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-4),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-4){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 12.9032%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-5),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-5){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 16.129%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-6),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-6){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 19.3548%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-7),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-7){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 22.5807%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-8),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-8){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 25.8065%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-9),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-9){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 29.0323%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-10),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-10){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 32.2581%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-11),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-11){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 35.4839%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-12),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-12){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 38.7097%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-13),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-13){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 41.9355%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-14),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-14){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 45.1613%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-15),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-15){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 48.3871%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-16),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-16){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 51.6129%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-17),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-17){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 54.8387%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-18),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-18){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 58.0645%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-19),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-19){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 61.2903%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-20),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-20){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 64.5161%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-21),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-21){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 67.7419%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-22),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-22){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 70.9677%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-23),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-23){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 74.1936%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-24),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-24){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 77.4194%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-25),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-25){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 80.6452%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-26),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-26){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 83.871%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-27),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-27){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 87.0968%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-28),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-28){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 90.3226%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-29),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-29){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 93.5484%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-30),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-30){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 96.7742%, transparent)}.g268Pa_scope::highlight(g268Pa_dsh-smooth-stream-log-fade-31),.g268Pa_scope ::highlight(g268Pa_dsh-smooth-stream-log-fade-31){color:color-mix(in srgb, var(--dsh-smooth-stream-fade-color,currentColor) 100.0%, transparent)}";
+		const tagId$3 = "dsh-smooth-stream/LogarithmicFade.module.css";
+		if (typeof document !== "undefined") {
+			let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]");
+			if (tag === null) {
+				tag = document.createElement("style");
+				tag.dataset.plugin = "dsh-smooth-stream";
+				tag.dataset.pluginCss = tagId$3;
+				document.head.appendChild(tag);
+			}
+			tag.textContent = css$3;
+		}
+		var LogarithmicFade_module_css_default = {
+			"dsh-smooth-stream-log-fade-0": "g268Pa_dsh-smooth-stream-log-fade-0",
+			"dsh-smooth-stream-log-fade-30": "g268Pa_dsh-smooth-stream-log-fade-30",
+			"dsh-smooth-stream-log-fade-4": "g268Pa_dsh-smooth-stream-log-fade-4",
+			"dsh-smooth-stream-log-fade-31": "g268Pa_dsh-smooth-stream-log-fade-31",
+			"dsh-smooth-stream-log-fade-9": "g268Pa_dsh-smooth-stream-log-fade-9",
+			"dsh-smooth-stream-log-fade-17": "g268Pa_dsh-smooth-stream-log-fade-17",
+			"dsh-smooth-stream-log-fade-18": "g268Pa_dsh-smooth-stream-log-fade-18",
+			"dsh-smooth-stream-log-fade-19": "g268Pa_dsh-smooth-stream-log-fade-19",
+			"dsh-smooth-stream-log-fade-21": "g268Pa_dsh-smooth-stream-log-fade-21",
+			"dsh-smooth-stream-log-fade-12": "g268Pa_dsh-smooth-stream-log-fade-12",
+			"dsh-smooth-stream-log-fade-8": "g268Pa_dsh-smooth-stream-log-fade-8",
+			"dsh-smooth-stream-log-fade-22": "g268Pa_dsh-smooth-stream-log-fade-22",
+			"dsh-smooth-stream-log-fade-29": "g268Pa_dsh-smooth-stream-log-fade-29",
+			"dsh-smooth-stream-log-fade-1": "g268Pa_dsh-smooth-stream-log-fade-1",
+			"dsh-smooth-stream-log-fade-25": "g268Pa_dsh-smooth-stream-log-fade-25",
+			"dsh-smooth-stream-log-fade-23": "g268Pa_dsh-smooth-stream-log-fade-23",
+			"dsh-smooth-stream-log-fade-26": "g268Pa_dsh-smooth-stream-log-fade-26",
+			"dsh-smooth-stream-log-fade-28": "g268Pa_dsh-smooth-stream-log-fade-28",
+			"dsh-smooth-stream-log-fade-6": "g268Pa_dsh-smooth-stream-log-fade-6",
+			"dsh-smooth-stream-log-fade-20": "g268Pa_dsh-smooth-stream-log-fade-20",
+			"dsh-smooth-stream-log-fade-10": "g268Pa_dsh-smooth-stream-log-fade-10",
+			"dsh-smooth-stream-log-fade-14": "g268Pa_dsh-smooth-stream-log-fade-14",
+			"dsh-smooth-stream-log-fade-24": "g268Pa_dsh-smooth-stream-log-fade-24",
+			"dsh-smooth-stream-log-fade-2": "g268Pa_dsh-smooth-stream-log-fade-2",
+			"dsh-smooth-stream-log-fade-13": "g268Pa_dsh-smooth-stream-log-fade-13",
+			"dsh-smooth-stream-log-fade-16": "g268Pa_dsh-smooth-stream-log-fade-16",
+			"dsh-smooth-stream-log-fade-5": "g268Pa_dsh-smooth-stream-log-fade-5",
+			"dsh-smooth-stream-log-fade-27": "g268Pa_dsh-smooth-stream-log-fade-27",
+			"scope": "g268Pa_scope",
+			"dsh-smooth-stream-log-fade-7": "g268Pa_dsh-smooth-stream-log-fade-7",
+			"dsh-smooth-stream-log-fade-15": "g268Pa_dsh-smooth-stream-log-fade-15",
+			"dsh-smooth-stream-log-fade-3": "g268Pa_dsh-smooth-stream-log-fade-3",
+			"dsh-smooth-stream-log-fade-11": "g268Pa_dsh-smooth-stream-log-fade-11"
+		};
+		const FADE_STEPS = 32;
+		const PREFIX = "dsh-smooth-stream-log-fade-";
+		const COLOR_PROPERTY = "--dsh-smooth-stream-fade-color";
+		const highlightName = (index) => LogarithmicFade_module_css_default[`${PREFIX}${index}`] ?? `${PREFIX}${index}`;
+		const EXCLUDED = "pre,code,math,.katex,.katex-display,mjx-container,svg,script,style,textarea,input,button,select,[role=\"button\"],[contenteditable],[hidden],[aria-hidden=\"true\"],[aria-live]";
+		function logarithmicOpacity(progress) {
+			return 0 + 1 * (1 - Math.log1p(5 * (1 - (Number.isFinite(progress) ? Math.max(0, Math.min(1, progress)) : 1))) / Math.log(6));
+		}
+		function fadeTailSize(speedCps) {
+			return Math.min(160, Math.max(24, Math.ceil((Number.isFinite(speedCps) ? Math.max(0, speedCps) : 0) * 240 / 1e3)));
+		}
+		const schedulers = /* @__PURE__ */ new WeakMap();
+		const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+		function schedule(scheduler) {
+			if (scheduler.frame !== 0 || scheduler.pending.size === 0) return;
+			scheduler.frame = scheduler.window.requestAnimationFrame((now) => {
+				scheduler.frame = 0;
+				for (const client of scheduler.pending) if (!client.paint(now)) scheduler.pending.delete(client);
+				schedule(scheduler);
+			});
+		}
+		function schedulerFor(root) {
+			const doc = root.ownerDocument;
+			const win = doc.defaultView;
+			if (win === null) return null;
+			const realm = win;
+			if (typeof realm.Highlight !== "function" || !realm.CSS?.highlights || !realm.CSS.supports("color", "color-mix(in srgb, currentColor 15%, transparent)")) return null;
+			let scheduler = schedulers.get(doc);
+			if (scheduler === void 0) {
+				const highlights = Array.from({ length: FADE_STEPS }, () => new realm.Highlight());
+				for (const [index, highlight] of highlights.entries()) realm.CSS.highlights.set(highlightName(index), highlight);
+				scheduler = {
+					highlights,
+					clients: /* @__PURE__ */ new Set(),
+					pending: /* @__PURE__ */ new Set(),
+					frame: 0,
+					registry: realm.CSS.highlights,
+					window: win
+				};
+				schedulers.set(doc, scheduler);
+			}
+			return scheduler;
+		}
+		/** Owns ranges only: React retains ownership of every element and Text node. */
+		var LogarithmicFadeController = class LogarithmicFadeController {
+			root;
+			scheduler;
+			previous = "";
+			characters = [];
+			colors = /* @__PURE__ */ new Map();
+			enabled = false;
+			active = false;
+			speedCps = 100;
+			pausedAt = null;
+			disposed = false;
+			observer;
+			constructor(root, scheduler) {
+				this.root = root;
+				this.scheduler = scheduler;
+				scheduler.clients.add(this);
+				const win = root.ownerDocument.defaultView;
+				this.observer = new win.MutationObserver(() => {
+					this.reconcile();
+				});
+				this.observer.observe(root, {
+					subtree: true,
+					childList: true,
+					characterData: true
+				});
+			}
+			static create(root) {
+				const scheduler = schedulerFor(root);
+				return scheduler === null ? null : new LogarithmicFadeController(root, scheduler);
+			}
+			update(enabled, active, speedCps = 100, paused = false) {
+				const now = this.scheduler.window.performance.now();
+				if (paused && this.pausedAt === null) this.pausedAt = now;
+				if (!paused && this.pausedAt !== null) {
+					const pauseDuration = now - this.pausedAt;
+					for (const character of this.characters) character.born += pauseDuration;
+					this.pausedAt = null;
+				}
+				this.enabled = enabled;
+				this.active = active;
+				this.speedCps = speedCps;
+				this.reconcile();
+			}
+			clearRanges() {
+				for (const character of this.characters) this.scheduler.highlights[character.bucket]?.delete(character.range);
+				this.characters = [];
+				this.restoreColors();
+			}
+			restoreColors() {
+				for (const [element, original] of this.colors) if (original.value === "") element.style.removeProperty(COLOR_PROPERTY);
+				else element.style.setProperty(COLOR_PROPERTY, original.value, original.priority);
+				this.colors.clear();
+			}
+			preserveColor(element) {
+				if (this.colors.has(element)) return;
+				const color = this.scheduler.window.getComputedStyle(element).color;
+				this.colors.set(element, {
+					value: element.style.getPropertyValue(COLOR_PROPERTY),
+					priority: element.style.getPropertyPriority(COLOR_PROPERTY)
+				});
+				element.style.setProperty(COLOR_PROPERTY, color);
+			}
+			reconcile() {
+				if (this.disposed) return;
+				const text = this.root.textContent ?? "";
+				const previous = this.previous;
+				this.previous = text;
+				const old = this.characters;
+				this.clearRanges();
+				if (!this.enabled) {
+					this.root.classList.remove(LogarithmicFade_module_css_default.scope);
+					this.scheduler.pending.delete(this);
+					this.stopIfIdle();
+					return;
+				}
+				this.root.classList.add(LogarithmicFade_module_css_default.scope);
+				const now = this.pausedAt ?? this.scheduler.window.performance.now();
+				let prefix = 0;
+				while (prefix < previous.length && prefix < text.length && previous[prefix] === text[prefix]) prefix += 1;
+				const appended = text.startsWith(previous);
+				const nodes = [];
+				const walker = this.root.ownerDocument.createTreeWalker(this.root, NodeFilter.SHOW_TEXT);
+				let offset = 0;
+				for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) {
+					const end = offset + (node.textContent?.length ?? 0);
+					nodes.push({
+						node,
+						start: offset,
+						end,
+						eligible: node.parentElement?.closest(EXCLUDED) === null
+					});
+					offset = end;
+				}
+				const segments = segmenter.segment(text);
+				const tailSize = fadeTailSize(this.speedCps);
+				const oldestLiveStart = old.reduce((start, character) => now - character.born < 240 && character.end <= prefix ? Math.min(start, character.start) : start, Infinity);
+				let end = text.length;
+				for (let count = 0; count < 160 && end > 0 && (count < tailSize || end > oldestLiveStart); count += 1) {
+					const segment = segments.containing(end - 1);
+					if (segment === void 0) break;
+					const start = segment.index;
+					const parts = nodes.filter((node) => node.end > start && node.start < end);
+					const born = old.find((character) => character.start === start && character.end === end && end <= prefix)?.born ?? (this.active && appended && start >= previous.length ? now : null);
+					if (born !== null && now - born < 240 && segment.segment.trim() !== "" && parts.length > 0 && parts.every((part) => part.eligible)) {
+						const first = parts[0];
+						const last = parts[parts.length - 1];
+						const range = this.root.ownerDocument.createRange();
+						range.setStart(first.node, start - first.start);
+						range.setEnd(last.node, end - last.start);
+						for (const part of parts) this.preserveColor(part.node.parentElement);
+						this.characters.push({
+							start,
+							end,
+							born,
+							range,
+							bucket: -1
+						});
+					}
+					end = start;
+				}
+				if (this.paint(now)) {
+					if (this.pausedAt === null) {
+						this.scheduler.pending.add(this);
+						schedule(this.scheduler);
+					} else {
+						this.scheduler.pending.delete(this);
+						this.stopIfIdle();
+					}
+				} else {
+					this.scheduler.pending.delete(this);
+					this.stopIfIdle();
+				}
+			}
+			paint(now) {
+				this.characters = this.characters.filter((character) => {
+					const progress = (now - character.born) / 240;
+					if (progress >= 1 || !this.root.isConnected || !this.root.contains(character.range.startContainer)) {
+						this.scheduler.highlights[character.bucket]?.delete(character.range);
+						return false;
+					}
+					const bucket = Math.min(31, Math.round((logarithmicOpacity(progress) - 0) / 1 * 31));
+					if (bucket !== character.bucket) {
+						this.scheduler.highlights[character.bucket]?.delete(character.range);
+						this.scheduler.highlights[bucket].add(character.range);
+						character.bucket = bucket;
+					}
+					return true;
+				});
+				if (this.characters.length === 0) this.restoreColors();
+				return this.characters.length > 0;
+			}
+			stopIfIdle() {
+				if (this.scheduler.pending.size !== 0) return;
+				this.scheduler.window.cancelAnimationFrame(this.scheduler.frame);
+				this.scheduler.frame = 0;
+			}
+			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				this.observer.disconnect();
+				this.clearRanges();
+				this.root.classList.remove(LogarithmicFade_module_css_default.scope);
+				this.scheduler.pending.delete(this);
+				this.scheduler.clients.delete(this);
+				this.stopIfIdle();
+				if (this.scheduler.clients.size === 0) {
+					for (const [index, highlight] of this.scheduler.highlights.entries()) {
+						const name = highlightName(index);
+						if (this.scheduler.registry.get(name) === highlight) this.scheduler.registry.delete(name);
+					}
+					schedulers.delete(this.root.ownerDocument);
+				}
+			}
+		};
+		/** active admits new characters; enabled=false also cancels completion linger. */
+		function useLogarithmicFade(rootRef, enabled, active, speedCpsRef, paused = false) {
+			const controller = (0, react.useRef)(null);
+			const committed = (0, react.useRef)(false);
+			(0, react.useLayoutEffect)(() => {
+				return () => {
+					controller.current?.dispose();
+					controller.current = null;
+				};
+			}, [rootRef]);
+			(0, react.useLayoutEffect)(() => {
+				const root = rootRef.current;
+				if (controller.current === null && root !== null && enabled && active) {
+					controller.current = LogarithmicFadeController.create(root);
+					if (committed.current) controller.current?.update(false, false);
+				}
+				controller.current?.update(enabled, active, speedCpsRef?.current, paused);
+				committed.current = true;
+			});
+		}
+		//#endregion
 		//#region src/client/FollowHost.tsx
 		/**
 		* Document-flow host that owns conversation-port follow while `active`.
@@ -2681,6 +2971,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 +3190,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, logarithmicFade, 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);
@@ -2909,6 +3213,7 @@ window.__ModuleLoader__.load({
 			});
 			const shown = reduced ? text : displayed;
 			const live = typing && !reduced;
+			useLogarithmicFade(followRootRef, logarithmicFade && !reduced, live, speedCpsRef);
 			(0, react.useEffect)(() => {
 				const root = followRootRef.current;
 				if (root === null || typeof ResizeObserver === "undefined") return;
@@ -2943,6 +3248,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 +3280,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,17 +3342,20 @@ 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, logarithmicFade, 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);
+			const fadeRootRef = (0, react.useRef)(null);
+			const localFadeSpeedRef = (0, react.useRef)(35);
+			const fadeSpeedRef = followSpeedCpsRef ?? localFadeSpeedRef;
 			const commitAnchorRef = (0, react.useRef)(null);
 			const displayed = useSmoothStreamContent(text, {
 				enabled: running && !reduced,
 				preset,
 				shouldHoldBack,
-				speedCpsRef: followSpeedCpsRef,
+				speedCpsRef: fadeSpeedRef,
 				revealScaleRef: followRevealScaleRef,
 				onRevealCommit: () => {
 					notifyFollowCommit(commitAnchorRef.current);
@@ -3008,6 +3363,7 @@ window.__ModuleLoader__.load({
 			});
 			const shown = running && !reduced ? displayed : text;
 			const summary = running ? latestLine(shown) : firstLine(text);
+			useLogarithmicFade(fadeRootRef, logarithmicFade && !reduced && expanded, running, fadeSpeedRef);
 			(0, react.useLayoutEffect)(() => {
 				if (thinkAutoExpand) {
 					setExpanded(running);
@@ -3053,6 +3409,7 @@ window.__ModuleLoader__.load({
 							children: summary
 						})] }),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							ref: fadeRootRef,
 							className: TypewriterAssistantNodeView_module_css_default.thinkBody,
 							children: shown
 						})
@@ -3070,10 +3427,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, logarithmicFade = DEFAULT_STREAM_SETTINGS.logarithmicFade, 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 +3497,8 @@ window.__ModuleLoader__.load({
 							labels: markdownLabels,
 							fileMentions: mentions,
 							streaming,
+							logarithmicFade: logarithmicFade && data.status !== "interrupted",
+							motionReduced: reduced,
 							ownFollow: !streaming && index === lastFollow,
 							followSpeedCpsRef: index === lastFollow ? rootSpeedRef : void 0,
 							followRevealedCharsRef: index === lastFollow ? rootRevealedCharsRef : void 0,
@@ -3147,15 +3510,21 @@ 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,
+								logarithmicFade: logarithmicFade && data.status !== "interrupted",
+								motionReduced: reduced,
+								shouldHoldBack,
+								followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
+								followRevealScaleRef: reasoningOwnsSpeed && index === last ? rootRevealScaleRef : void 0,
+								t
+							})
 						}, index));
 						break;
 					case "image": {
@@ -3482,8 +3851,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 +4031,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 +4044,35 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$1;
 		}
 		var SmoothStreamCard_module_css_default = {
+			"save": "XNGeRG_save",
 			"updateCopy": "XNGeRG_updateCopy",
-			"footer": "XNGeRG_footer",
-			"name": "XNGeRG_name",
+			"hint": "XNGeRG_hint",
+			"version": "XNGeRG_version",
 			"update": "XNGeRG_update",
-			"updateRow": "XNGeRG_updateRow",
-			"headText": "XNGeRG_headText",
-			"label": "XNGeRG_label",
-			"description": "XNGeRG_description",
+			"card": "XNGeRG_card",
+			"choiceRow": "XNGeRG_choiceRow",
+			"chevron": "XNGeRG_chevron",
+			"failure": "XNGeRG_failure",
 			"discard": "XNGeRG_discard",
-			"save": "XNGeRG_save",
-			"cardOpen": "XNGeRG_cardOpen",
+			"updateRow": "XNGeRG_updateRow",
+			"footer": "XNGeRG_footer",
+			"body": "XNGeRG_body",
+			"field": "XNGeRG_field",
 			"failed": "XNGeRG_failed",
-			"fieldHead": "XNGeRG_fieldHead",
+			"name": "XNGeRG_name",
+			"readOnly": "XNGeRG_readOnly",
+			"chevronOpen": "XNGeRG_chevronOpen",
 			"toggle": "XNGeRG_toggle",
-			"chevron": "XNGeRG_chevron",
-			"hint": "XNGeRG_hint",
-			"card": "XNGeRG_card",
-			"header": "XNGeRG_header",
+			"choice": "XNGeRG_choice",
+			"choiceInput": "XNGeRG_choiceInput",
+			"description": "XNGeRG_description",
 			"pending": "XNGeRG_pending",
-			"chevronOpen": "XNGeRG_chevronOpen",
-			"readOnly": "XNGeRG_readOnly",
-			"field": "XNGeRG_field",
-			"version": "XNGeRG_version",
-			"failure": "XNGeRG_failure",
 			"fieldDisabled": "XNGeRG_fieldDisabled",
-			"body": "XNGeRG_body"
+			"headText": "XNGeRG_headText",
+			"fieldHead": "XNGeRG_fieldHead",
+			"label": "XNGeRG_label",
+			"cardOpen": "XNGeRG_cardOpen",
+			"header": "XNGeRG_header"
 		};
 		//#endregion
 		//#region src/client/SmoothStreamCard.tsx
@@ -3816,6 +4188,78 @@ window.__ModuleLoader__.load({
 									children: t("controlScrollHint")
 								})]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: state.enabled ? SmoothStreamCard_module_css_default.field : `${SmoothStreamCard_module_css_default.field} ${SmoothStreamCard_module_css_default.fieldDisabled}`,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: SmoothStreamCard_module_css_default.fieldHead,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SmoothStreamCard_module_css_default.label,
+										children: t("logarithmicFade")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										className: SmoothStreamCard_module_css_default.toggle,
+										checked: state.logarithmicFade,
+										disabled: !state.writable || state.saving || !state.enabled,
+										onChange: (event) => {
+											props.edit({ logarithmicFade: event.target.checked });
+										}
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SmoothStreamCard_module_css_default.hint,
+									children: t("logarithmicFadeHint")
+								})]
+							}),
+							/* @__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,11 +4402,13 @@ 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 || patch.logarithmicFade !== void 0) this.stagedBase = {
 							...this.baseValues(),
 							...patch.enabled === void 0 ? {} : { enabled: patch.enabled },
 							...patch.controlScroll === void 0 ? {} : { controlScroll: patch.controlScroll },
-							...patch.thinkAutoExpand === void 0 ? {} : { thinkAutoExpand: patch.thinkAutoExpand }
+							...patch.motionPreference === void 0 ? {} : { motionPreference: patch.motionPreference },
+							...patch.thinkAutoExpand === void 0 ? {} : { thinkAutoExpand: patch.thinkAutoExpand },
+							...patch.logarithmicFade === void 0 ? {} : { logarithmicFade: patch.logarithmicFade }
 						};
 						if (this.loadedDebug !== void 0 && (patch.debugEnabled !== void 0 || patch.debugTuning !== void 0)) this.stagedDebug = {
 							...this.debugValues(),
@@ -4015,7 +4461,9 @@ window.__ModuleLoader__.load({
 				return this.stagedBase ?? {
 					enabled: this.loaded?.enabled ?? DEFAULT_STREAM_SETTINGS.enabled,
 					controlScroll: this.loaded?.controlScroll ?? DEFAULT_STREAM_SETTINGS.controlScroll,
-					thinkAutoExpand: this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand
+					motionPreference: this.loaded?.motionPreference ?? DEFAULT_STREAM_SETTINGS.motionPreference,
+					thinkAutoExpand: this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand,
+					logarithmicFade: this.loaded?.logarithmicFade ?? DEFAULT_STREAM_SETTINGS.logarithmicFade
 				};
 			}
 			debugValues() {
@@ -4135,8 +4583,15 @@ 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");
-			return data;
+			].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" || data.logarithmicFade !== void 0 && typeof data.logarithmicFade !== "boolean" || typeof data.canUpgrade !== "boolean") throw new Error("dsh-smooth-stream: malformed settings response");
+			return {
+				...data,
+				logarithmicFade: data.logarithmicFade ?? true
+			};
 		}
 		function upgradeView(value) {
 			if (record(value)?.restartRequired !== true) throw new Error("dsh-smooth-stream: malformed update response");
@@ -4165,7 +4620,9 @@ 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,
+						logarithmicFade: settings.logarithmicFade,
 						...settings.debugEnabled === void 0 || settings.debugTuning === void 0 ? {} : {
 							debugEnabled: settings.debugEnabled,
 							debugTuning: settings.debugTuning
@@ -4201,34 +4658,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",
+			"section": "m4_tdG_section",
 			"guide": "m4_tdG_guide",
-			"triggerActive": "m4_tdG_triggerActive",
+			"metrics": "m4_tdG_metrics",
+			"numberWrap": "m4_tdG_numberWrap",
+			"statusLive": "m4_tdG_statusLive",
+			"visuallyHidden": "m4_tdG_visuallyHidden",
+			"statusDot": "m4_tdG_statusDot",
 			"secondaryButton": "m4_tdG_secondaryButton",
-			"number": "m4_tdG_number",
+			"controlLabel": "m4_tdG_controlLabel",
 			"title": "m4_tdG_title",
-			"controlHead": "m4_tdG_controlHead",
-			"unit": "m4_tdG_unit",
-			"visuallyHidden": "m4_tdG_visuallyHidden",
-			"panelHeader": "m4_tdG_panelHeader",
-			"section": "m4_tdG_section",
-			"range": "m4_tdG_range",
-			"unsaved": "m4_tdG_unsaved",
-			"state": "m4_tdG_state",
 			"control": "m4_tdG_control",
-			"numberWrap": "m4_tdG_numberWrap",
-			"metrics": "m4_tdG_metrics",
+			"trigger": "m4_tdG_trigger",
+			"triggerActive": "m4_tdG_triggerActive",
+			"infoButton": "m4_tdG_infoButton",
 			"footerSpacer": "m4_tdG_footerSpacer",
-			"statusDot": "m4_tdG_statusDot",
-			"controlLabel": "m4_tdG_controlLabel",
+			"primaryButton": "m4_tdG_primaryButton",
 			"footer": "m4_tdG_footer",
+			"state": "m4_tdG_state",
+			"range": "m4_tdG_range",
+			"number": "m4_tdG_number",
+			"panel": "m4_tdG_panel",
+			"scrollArea": "m4_tdG_scrollArea",
+			"metric": "m4_tdG_metric",
+			"panelHeader": "m4_tdG_panelHeader",
+			"unit": "m4_tdG_unit",
+			"controlHead": "m4_tdG_controlHead",
 			"iconButton": "m4_tdG_iconButton",
-			"infoButton": "m4_tdG_infoButton",
-			"primaryButton": "m4_tdG_primaryButton",
-			"scrollArea": "m4_tdG_scrollArea"
+			"unsaved": "m4_tdG_unsaved"
 		};
 		//#endregion
 		//#region src/client/DebugPanel.tsx
@@ -4626,7 +5083,17 @@ 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",
+			logarithmicFade: "Logarithmic fade",
+			logarithmicFadeHint: "Fade new answer and expanded thinking text into view. Follows the motion preference.",
 			thinkAutoExpandHint: "Open the thinking block while it streams. Turn off to keep it collapsed.",
 			debugEnabled: "Show render diagnostics",
 			debugEnabledHint: "Show live streaming and scroll metrics on the right side of the chat. Tune values there, then save them here.",
@@ -4705,7 +5172,17 @@ window.__ModuleLoader__.load({
 			enabledHint: "由本插件渲染并跟随流式回复；关闭后使用 Harness 内置渲染。",
 			controlScroll: "接管滚动",
 			controlScrollHint: "默认开启，由丝滑流式写入会话滚动位置；关闭后贴底滚动交给 Harness。",
+			motionPreference: "动效偏好",
+			motionPreferenceHint: "流式渲染如何响应系统的「减少动态效果」设置。",
+			motionAuto: "跟随系统",
+			motionAutoHint: "系统开启减少动态效果时直接呈现原始文本（优先无障碍）。",
+			motionForceSmooth: "始终平滑",
+			motionForceSmoothHint: "即使系统要求减少动态效果，仍保持平滑流式渲染。",
+			motionForceReduced: "始终原始",
+			motionForceReducedHint: "即使系统允许动效，也直接呈现原始文本。",
 			thinkAutoExpand: "自动展开思考",
+			logarithmicFade: "对数淡入",
+			logarithmicFadeHint: "让回答正文和展开的思考文字由淡变实，遵循动效偏好。",
 			thinkAutoExpandHint: "思考块在流式时自动展开；关闭后保持折叠，可手动展开。",
 			debugEnabled: "显示渲染调试面板",
 			debugEnabledHint: "在聊天右侧显示流式渲染和滚动的实时参数，可在面板中调节并在这里保存。",
@@ -4899,7 +5376,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.logarithmicFade === this.value.logarithmicFade && next.debugEnabled === this.value.debugEnabled && next.debugTuning === this.value.debugTuning) return;
 				this.pending = pending;
 				this.value = next;
 				for (const listener of this.listeners) listener();
@@ -4999,7 +5476,9 @@ window.__ModuleLoader__.load({
 					scrollSpeedPxPerSec: config.scrollSpeedPxPerSec,
 					maxScrollSpeedPxPerSec: config.maxScrollSpeedPxPerSec,
 					thinkAutoExpand: preferences.thinkAutoExpand,
-					controlScroll: preferences.controlScroll
+					logarithmicFade: preferences.logarithmicFade,
+					controlScroll: preferences.controlScroll,
+					motionPreference: preferences.motionPreference
 				});
 			};
 			ctx.slots.inject("conversation.chat.node", () => {