dsh-smooth-stream 0.6.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 = {
-			"stopped": "I17U7q_stopped",
-			"thinkChevron": "I17U7q_thinkChevron",
 			"thinkTitle": "I17U7q_thinkTitle",
-			"thinkLeading": "I17U7q_thinkLeading",
-			"thinkSeparator": "I17U7q_thinkSeparator",
-			"body": "I17U7q_body",
-			"thinkBody": "I17U7q_thinkBody",
 			"disclosureContent": "I17U7q_disclosureContent",
+			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkSummary": "I17U7q_thinkSummary",
+			"thinkRow": "I17U7q_thinkRow",
 			"visuallyHidden": "I17U7q_visuallyHidden",
-			"disclosureTitle": "I17U7q_disclosureTitle",
+			"disclosureRoot": "I17U7q_disclosureRoot",
+			"body": "I17U7q_body",
 			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
 			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"follow": "I17U7q_follow",
-			"think": "I17U7q_think",
-			"thinkSummary": "I17U7q_thinkSummary",
-			"disclosureRow": "I17U7q_disclosureRow",
 			"root": "I17U7q_root",
-			"disclosureLeading": "I17U7q_disclosureLeading",
-			"thinkRow": "I17U7q_thinkRow",
 			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"disclosureRoot": "I17U7q_disclosureRoot"
+			"stopped": "I17U7q_stopped",
+			"think": "I17U7q_think",
+			"thinkChevron": "I17U7q_thinkChevron",
+			"thinkBody": "I17U7q_thinkBody",
+			"follow": "I17U7q_follow",
+			"thinkSeparator": "I17U7q_thinkSeparator",
+			"thinkLeading": "I17U7q_thinkLeading",
+			"disclosureRow": "I17U7q_disclosureRow",
+			"disclosureTitle": "I17U7q_disclosureTitle"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -128,6 +128,7 @@ window.__ModuleLoader__.load({
 			controlScroll: true,
 			motionPreference: "auto",
 			thinkAutoExpand: true,
+			logarithmicFade: true,
 			debugEnabled: false,
 			debugTuning: DEFAULT_STREAM_DEBUG_TUNING
 		};
@@ -858,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,
@@ -1935,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;
@@ -2605,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`.
@@ -2901,7 +3190,7 @@ window.__ModuleLoader__.load({
 		* drains, the settled full parse (KaTeX math, fence highlighting, file
 		* mentions) swaps in exactly once.
 		*/
-		function AnimatedMarkdownText({ text, labels, fileMentions, streaming, motionReduced, ownFollow, followSpeedCpsRef, followRevealedCharsRef, followRevealScaleRef, onPredictiveChange, preset, shouldHoldBack, controlScroll = true }) {
+		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);
@@ -2924,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;
@@ -3052,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, motionReduced, shouldHoldBack, followSpeedCpsRef, followRevealScaleRef, t }) {
+		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);
@@ -3070,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);
@@ -3115,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
 						})
@@ -3132,7 +3427,7 @@ 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, motionPreference = DEFAULT_STREAM_SETTINGS.motionPreference, node, useTurnData, openFile, loadImage, fileMentions, turnProcess, 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 = useMotionReduced(motionPreference);
@@ -3202,6 +3497,7 @@ 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,
@@ -3222,6 +3518,7 @@ window.__ModuleLoader__.load({
 								running: streaming && index === last,
 								preset,
 								thinkAutoExpand,
+								logarithmicFade: logarithmicFade && data.status !== "interrupted",
 								motionReduced: reduced,
 								shouldHoldBack,
 								followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
@@ -3747,35 +4044,35 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$1;
 		}
 		var SmoothStreamCard_module_css_default = {
+			"save": "XNGeRG_save",
+			"updateCopy": "XNGeRG_updateCopy",
+			"hint": "XNGeRG_hint",
+			"version": "XNGeRG_version",
+			"update": "XNGeRG_update",
+			"card": "XNGeRG_card",
+			"choiceRow": "XNGeRG_choiceRow",
+			"chevron": "XNGeRG_chevron",
+			"failure": "XNGeRG_failure",
+			"discard": "XNGeRG_discard",
+			"updateRow": "XNGeRG_updateRow",
+			"footer": "XNGeRG_footer",
 			"body": "XNGeRG_body",
-			"fieldDisabled": "XNGeRG_fieldDisabled",
-			"readOnly": "XNGeRG_readOnly",
 			"field": "XNGeRG_field",
-			"choiceInput": "XNGeRG_choiceInput",
-			"headText": "XNGeRG_headText",
-			"version": "XNGeRG_version",
+			"failed": "XNGeRG_failed",
+			"name": "XNGeRG_name",
+			"readOnly": "XNGeRG_readOnly",
+			"chevronOpen": "XNGeRG_chevronOpen",
+			"toggle": "XNGeRG_toggle",
 			"choice": "XNGeRG_choice",
+			"choiceInput": "XNGeRG_choiceInput",
 			"description": "XNGeRG_description",
 			"pending": "XNGeRG_pending",
+			"fieldDisabled": "XNGeRG_fieldDisabled",
+			"headText": "XNGeRG_headText",
 			"fieldHead": "XNGeRG_fieldHead",
 			"label": "XNGeRG_label",
-			"toggle": "XNGeRG_toggle",
-			"hint": "XNGeRG_hint",
-			"save": "XNGeRG_save",
-			"updateRow": "XNGeRG_updateRow",
-			"chevron": "XNGeRG_chevron",
 			"cardOpen": "XNGeRG_cardOpen",
-			"card": "XNGeRG_card",
-			"header": "XNGeRG_header",
-			"failure": "XNGeRG_failure",
-			"failed": "XNGeRG_failed",
-			"chevronOpen": "XNGeRG_chevronOpen",
-			"discard": "XNGeRG_discard",
-			"updateCopy": "XNGeRG_updateCopy",
-			"update": "XNGeRG_update",
-			"footer": "XNGeRG_footer",
-			"name": "XNGeRG_name",
-			"choiceRow": "XNGeRG_choiceRow"
+			"header": "XNGeRG_header"
 		};
 		//#endregion
 		//#region src/client/SmoothStreamCard.tsx
@@ -3891,6 +4188,27 @@ 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: [
@@ -4084,12 +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.motionPreference !== 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.motionPreference === void 0 ? {} : { motionPreference: patch.motionPreference },
-							...patch.thinkAutoExpand === void 0 ? {} : { thinkAutoExpand: patch.thinkAutoExpand }
+							...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(),
@@ -4143,7 +4462,8 @@ window.__ModuleLoader__.load({
 					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
+					thinkAutoExpand: this.loaded?.thinkAutoExpand ?? DEFAULT_STREAM_SETTINGS.thinkAutoExpand,
+					logarithmicFade: this.loaded?.logarithmicFade ?? DEFAULT_STREAM_SETTINGS.logarithmicFade
 				};
 			}
 			debugValues() {
@@ -4267,8 +4587,11 @@ window.__ModuleLoader__.load({
 				"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;
+			].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");
@@ -4299,6 +4622,7 @@ window.__ModuleLoader__.load({
 						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
@@ -4334,34 +4658,34 @@ window.__ModuleLoader__.load({
 			tag.textContent = css;
 		}
 		var DebugPanel_module_css_default = {
-			"iconButton": "m4_tdG_iconButton",
-			"triggerActive": "m4_tdG_triggerActive",
-			"controlHead": "m4_tdG_controlHead",
-			"number": "m4_tdG_number",
-			"range": "m4_tdG_range",
+			"section": "m4_tdG_section",
+			"guide": "m4_tdG_guide",
+			"metrics": "m4_tdG_metrics",
+			"numberWrap": "m4_tdG_numberWrap",
 			"statusLive": "m4_tdG_statusLive",
-			"title": "m4_tdG_title",
+			"visuallyHidden": "m4_tdG_visuallyHidden",
+			"statusDot": "m4_tdG_statusDot",
+			"secondaryButton": "m4_tdG_secondaryButton",
 			"controlLabel": "m4_tdG_controlLabel",
-			"guide": "m4_tdG_guide",
+			"title": "m4_tdG_title",
+			"control": "m4_tdG_control",
+			"trigger": "m4_tdG_trigger",
+			"triggerActive": "m4_tdG_triggerActive",
 			"infoButton": "m4_tdG_infoButton",
-			"numberWrap": "m4_tdG_numberWrap",
+			"footerSpacer": "m4_tdG_footerSpacer",
+			"primaryButton": "m4_tdG_primaryButton",
 			"footer": "m4_tdG_footer",
-			"control": "m4_tdG_control",
-			"secondaryButton": "m4_tdG_secondaryButton",
-			"unsaved": "m4_tdG_unsaved",
-			"metrics": "m4_tdG_metrics",
-			"scrollArea": "m4_tdG_scrollArea",
 			"state": "m4_tdG_state",
-			"metric": "m4_tdG_metric",
+			"range": "m4_tdG_range",
+			"number": "m4_tdG_number",
 			"panel": "m4_tdG_panel",
-			"trigger": "m4_tdG_trigger",
-			"statusDot": "m4_tdG_statusDot",
-			"section": "m4_tdG_section",
+			"scrollArea": "m4_tdG_scrollArea",
+			"metric": "m4_tdG_metric",
+			"panelHeader": "m4_tdG_panelHeader",
 			"unit": "m4_tdG_unit",
-			"footerSpacer": "m4_tdG_footerSpacer",
-			"visuallyHidden": "m4_tdG_visuallyHidden",
-			"primaryButton": "m4_tdG_primaryButton",
-			"panelHeader": "m4_tdG_panelHeader"
+			"controlHead": "m4_tdG_controlHead",
+			"iconButton": "m4_tdG_iconButton",
+			"unsaved": "m4_tdG_unsaved"
 		};
 		//#endregion
 		//#region src/client/DebugPanel.tsx
@@ -4768,6 +5092,8 @@ window.__ModuleLoader__.load({
 			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.",
@@ -4855,6 +5181,8 @@ window.__ModuleLoader__.load({
 			motionForceReduced: "始终原始",
 			motionForceReducedHint: "即使系统允许动效，也直接呈现原始文本。",
 			thinkAutoExpand: "自动展开思考",
+			logarithmicFade: "对数淡入",
+			logarithmicFadeHint: "让回答正文和展开的思考文字由淡变实，遵循动效偏好。",
 			thinkAutoExpandHint: "思考块在流式时自动展开；关闭后保持折叠，可手动展开。",
 			debugEnabled: "显示渲染调试面板",
 			debugEnabledHint: "在聊天右侧显示流式渲染和滚动的实时参数，可在面板中调节并在这里保存。",
@@ -5048,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.motionPreference === this.value.motionPreference && 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();
@@ -5148,6 +5476,7 @@ window.__ModuleLoader__.load({
 					scrollSpeedPxPerSec: config.scrollSpeedPxPerSec,
 					maxScrollSpeedPxPerSec: config.maxScrollSpeedPxPerSec,
 					thinkAutoExpand: preferences.thinkAutoExpand,
+					logarithmicFade: preferences.logarithmicFade,
 					controlScroll: preferences.controlScroll,
 					motionPreference: preferences.motionPreference
 				});