dsh-smooth-stream 0.3.1 → 0.3.2

package/lib/client.js

@@ -23,27 +23,27 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$1;
 		}
 		var TypewriterAssistantNodeView_module_css_default = {
-			"root": "I17U7q_root",
-			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
-			"disclosureLeading": "I17U7q_disclosureLeading",
-			"thinkBody": "I17U7q_thinkBody",
-			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
-			"disclosureContent": "I17U7q_disclosureContent",
+			"body": "I17U7q_body",
+			"disclosureRow": "I17U7q_disclosureRow",
+			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
 			"stopped": "I17U7q_stopped",
-			"thinkTitle": "I17U7q_thinkTitle",
-			"thinkSeparator": "I17U7q_thinkSeparator",
-			"think": "I17U7q_think",
-			"disclosureTitle": "I17U7q_disclosureTitle",
+			"root": "I17U7q_root",
 			"disclosureRoot": "I17U7q_disclosureRoot",
+			"thinkRow": "I17U7q_thinkRow",
+			"thinkLeading": "I17U7q_thinkLeading",
+			"follow": "I17U7q_follow",
+			"disclosureTitle": "I17U7q_disclosureTitle",
 			"visuallyHidden": "I17U7q_visuallyHidden",
+			"thinkSeparator": "I17U7q_thinkSeparator",
+			"thinkTitle": "I17U7q_thinkTitle",
+			"disclosureContent": "I17U7q_disclosureContent",
+			"think": "I17U7q_think",
+			"thinkBody": "I17U7q_thinkBody",
+			"disclosureChevronHover": "I17U7q_disclosureChevronHover",
 			"thinkChevron": "I17U7q_thinkChevron",
-			"follow": "I17U7q_follow",
-			"disclosureIconIdle": "I17U7q_disclosureIconIdle",
-			"body": "I17U7q_body",
-			"thinkSummary": "I17U7q_thinkSummary",
-			"disclosureRow": "I17U7q_disclosureRow",
-			"thinkLeading": "I17U7q_thinkLeading",
-			"thinkRow": "I17U7q_thinkRow"
+			"dsh-smooth-stream-think-sweep": "I17U7q_dsh-smooth-stream-think-sweep",
+			"disclosureLeading": "I17U7q_disclosureLeading",
+			"thinkSummary": "I17U7q_thinkSummary"
 		};
 		//#endregion
 		//#region src/client/AnimatedDisclosure.tsx
@@ -202,7 +202,8 @@ window.__ModuleLoader__.load({
 		const SETTLE_DRAIN_MULTIPLIER = 1.8;
 		/** Pure per-frame reveal decision shared by the loop and its tests. */
 		function computeRevealStep(config, input, dtSeconds) {
-			const baseCps = clamp$1(Math.max(input.emaCps, input.arrivalCpsEma), config.minCps, config.maxFlushCps);
+			const trackedCps = Math.max(input.emaCps, input.arrivalCpsEma);
+			const baseCps = clamp$1(trackedCps, config.minCps, config.maxFlushCps);
 			const targetLagChars = input.inputActive ? Math.max(2, Math.round(baseCps * config.targetBufferMs / 1e3)) : 0;
 			let currentCps;
 			if (input.steadyCps !== void 0) currentCps = input.inputActive || input.settling ? clamp$1(input.steadyCps * (input.inputActive ? 1 : SETTLE_DRAIN_MULTIPLIER), config.minCps, config.maxFlushCps) : 0;
@@ -211,7 +212,10 @@ window.__ModuleLoader__.load({
 				const catchup = overflow > 0 ? overflow / CATCHUP_SECONDS : 0;
 				currentCps = clamp$1(baseCps * 1.08 + catchup, config.minCps, config.maxFlushCps);
 			} else if (input.settling) currentCps = computeSettleDrain(config, input);
-			else currentCps = clamp$1(Math.max(config.flushCps, baseCps * 1.8, input.arrivalCpsEma * .8), config.flushCps, config.maxFlushCps);
+			else {
+				const idleFlushCps = Math.max(config.flushCps, baseCps * 1.8, input.arrivalCpsEma * .8);
+				currentCps = clamp$1(idleFlushCps, config.flushCps, config.maxFlushCps);
+			}
 			const minRevealChars = input.inputActive ? 1 : 2;
 			return {
 				revealChars: Math.max(minRevealChars, Math.round(currentCps * dtSeconds)),
@@ -385,10 +389,11 @@ window.__ModuleLoader__.load({
 				const deltaChars = targetCountRef.current - lastInputCountRef.current;
 				const deltaMs = Math.max(1, now - lastInputTsRef.current);
 				if (hadSample && deltaChars > 0) {
-					const normalizedInstantCps = clamp$1(deltaChars * 1e3 / deltaMs, config.minCps, config.maxFlushCps * 3);
+					const instantCps = deltaChars * 1e3 / deltaMs;
+					const normalizedInstantCps = clamp$1(instantCps, config.minCps, config.maxFlushCps * 3);
 					const chunkEmaAlpha = .45;
-					chunkSizeEmaRef.current = chunkSizeEmaRef.current * (1 - chunkEmaAlpha) + appendedCount * chunkEmaAlpha;
-					arrivalCpsEmaRef.current = arrivalCpsEmaRef.current * (1 - chunkEmaAlpha) + normalizedInstantCps * chunkEmaAlpha;
+					chunkSizeEmaRef.current = chunkSizeEmaRef.current * .55 + appendedCount * chunkEmaAlpha;
+					arrivalCpsEmaRef.current = arrivalCpsEmaRef.current * .55 + normalizedInstantCps * chunkEmaAlpha;
 					emaCpsRef.current = emaCpsRef.current * (1 - config.emaAlpha) + normalizedInstantCps * config.emaAlpha;
 				}
 				lastInputTsRef.current = now;
@@ -501,17 +506,15 @@ window.__ModuleLoader__.load({
 		* - while the port has scroll room, writes the interpolated lag as
 		*   `translate3d` on `[data-chat-transcript]` (message rows only), so the
 		*   turn-status chrome stays pinned at the floor;
-		* - before the port has scroll room (content shorter than the viewport), the
-		*   same lag is a content-height lag written as a negative translate on
-		*   `[data-chat-turn-status]`, so the status label descends smoothly with
-		*   each wrap instead of hopping a line at a time.
+		* - clips only the part of the translated surface that crosses the
+		*   turn-status line, preserving the normal gap above that line;
+		* - leaves `[data-chat-turn-status]` in normal flow at every height, so its
+		*   layout gap cannot be consumed by an interpolated transform.
 		*
-		* Handing the port back to the reader (unpin, or the owner going inactive)
-		* first writes the effective visual top (`engine - lag`) into `scrollTop`
-		* before clearing the transform, so the frame stays continuous. That write
-		* also lands in ChatView's observed-top ledger as reader input beyond
-		* `FOLLOW_THRESHOLD`, releasing its native snap-follow instead of fighting
-		* the gesture for the port.
+		* A real reader unpin first writes the effective visual top (`engine - lag`)
+		* into `scrollTop` before clearing the transform, so the frame stays
+		* continuous. Lifecycle completion is different: without a reader gesture,
+		* the last owner settles at the floor and preserves bottom-follow.
 		*
 		* Unpin is a real gesture (wheel / touch / pointer / key) that leaves the
 		* floor; a `scrollTop` delta from our own write must not release the pin.
@@ -582,33 +585,48 @@ window.__ModuleLoader__.load({
 		function hasShiftSurface(port) {
 			return shiftRootOf(port) !== null || shiftRowsOf(port).length > 0;
 		}
-		function setShift(element, px, negative = false) {
-			const value = negative ? -px : px;
-			if (Math.abs(value) > .01) {
-				element.style.transform = `translate3d(0, ${value}px, 0)`;
+		/** Cached natural gap from a shifted surface's bottom to the status line. */
+		const statusGapCache = /* @__PURE__ */ new WeakMap();
+		function currentShiftOf(element) {
+			return Number(/translate3d\(0, ([\d.]+)px, 0\)/.exec(element.style.transform)?.[1] ?? 0);
+		}
+		function statusGapBelow(surface, chrome) {
+			const cached = statusGapCache.get(surface);
+			if (cached?.chrome === chrome) return cached.px;
+			const naturalBottom = surface.getBoundingClientRect().bottom - currentShiftOf(surface);
+			const px = Math.max(0, chrome.getBoundingClientRect().top - naturalBottom);
+			statusGapCache.set(surface, {
+				chrome,
+				px
+			});
+			return px;
+		}
+		function setShift(element, px, paintAllowance) {
+			if (Math.abs(px) > .01) {
+				element.style.transform = `translate3d(0, ${px}px, 0)`;
 				element.style.willChange = "transform";
+				const bottomClip = paintAllowance === void 0 ? 0 : Math.max(0, px - paintAllowance);
+				element.style.clipPath = bottomClip > .01 ? `inset(0 0 ${bottomClip}px 0)` : "";
 			} else {
 				element.style.transform = "";
 				element.style.willChange = "";
+				element.style.clipPath = "";
 			}
 		}
 		/**
-		* The running-turn label. Before the port scrolls (content shorter than the
-		* viewport) the content-height lag has no `scrollTop` room to ride, so it is
-		* expressed as a negative translate on this sibling: the label descends
-		* smoothly with each wrap instead of hopping down a line at a time.
+		* The running-turn label. It stays in normal flow so the host column's gap
+		* always separates it from the transcript.
 		*/
-		function chromeShiftOf(port) {
-			return port.querySelector("[data-chat-turn-status]");
+		function statusChromeOf(port) {
+			return port.querySelector("[data-chat-turn-status], [data-chat-flow] > [role=\"status\"]");
 		}
 		/**
-		* Render the single smoothed extent `animatedH`. Before the port scrolls
-		* (content shorter than the viewport) `animatedH` is clamped to the content
-		* height and the content-height lag rides a negative translate on the
-		* turn-status label; once the port has scroll room the engine is pinned at
-		* the floor and the lag rides `[data-chat-transcript]` (or each message row
-		* when the host has no transcript box) so the chrome stays put. Without any
-		* shift surface the engine itself carries the interpolated top.
+		* Render the single smoothed extent `animatedH`. Once the port has scroll
+		* room the engine is pinned at the floor and the lag rides
+		* `[data-chat-transcript]` (or each message row when the host has no
+		* transcript box). Before that, message rows and status chrome remain in
+		* normal flow. Without any shift surface the engine carries the interpolated
+		* top itself.
 		*/
 		function applyVisual(port, animatedH) {
 			const contentHeight = Math.max(0, port.scrollHeight);
@@ -617,19 +635,19 @@ window.__ModuleLoader__.load({
 			const lag = contentHeight - extent;
 			port.style.overflowAnchor = "none";
 			port.style.scrollBehavior = "auto";
+			const chrome = statusChromeOf(port);
+			if (chrome !== null) setShift(chrome, 0);
 			const shiftRoot = shiftRootOf(port);
 			if (shiftRoot !== null) {
 				if (floor <= 0) {
 					port.scrollTop = 0;
 					port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
-					const chrome = chromeShiftOf(port);
-					if (chrome !== null) setShift(chrome, lag, true);
 					setShift(shiftRoot, 0);
 					return;
 				}
 				port.scrollTop = floor;
 				port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
-				setShift(shiftRoot, lag);
+				setShift(shiftRoot, lag, chrome === null ? void 0 : statusGapBelow(shiftRoot, chrome));
 				return;
 			}
 			const rows = shiftRowsOf(port);
@@ -637,14 +655,13 @@ window.__ModuleLoader__.load({
 				if (floor <= 0) {
 					port.scrollTop = 0;
 					port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
-					const chrome = chromeShiftOf(port);
-					if (chrome !== null) setShift(chrome, lag, true);
 					for (const row of rows) setShift(row, 0);
 					return;
 				}
 				port.scrollTop = floor;
 				port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
-				for (const row of rows) setShift(row, lag);
+				const last = rows.length - 1;
+				for (const [index, row] of rows.entries()) setShift(row, lag, index === last && chrome !== null ? statusGapBelow(row, chrome) : void 0);
 				return;
 			}
 			port.scrollTop = Math.min(floor, Math.max(0, extent));
@@ -656,18 +673,27 @@ window.__ModuleLoader__.load({
 			port.style.scrollBehavior = "";
 			const shiftRoot = shiftRootOf(port);
 			if (shiftRoot !== null) {
+				statusGapCache.delete(shiftRoot);
 				shiftRoot.style.transform = "";
 				shiftRoot.style.willChange = "";
+				shiftRoot.style.clipPath = "";
 			} else for (const row of shiftRowsOf(port)) {
+				statusGapCache.delete(row);
 				row.style.transform = "";
 				row.style.willChange = "";
+				row.style.clipPath = "";
 			}
-			const chrome = chromeShiftOf(port);
+			const chrome = statusChromeOf(port);
 			if (chrome !== null) {
 				chrome.style.transform = "";
 				chrome.style.willChange = "";
+				chrome.style.clipPath = "";
 			}
 		}
+		function settleAtFloor(port) {
+			port.scrollTop = Math.max(0, port.scrollHeight - port.clientHeight);
+			port.setAttribute(FOLLOW_OWNED_ATTR, String(port.scrollTop));
+		}
 		/** Live follow hosts per conversation port so one unmount does not clear another. */
 		const followOwners = /* @__PURE__ */ new WeakMap();
 		function acquireFollow(port) {
@@ -817,10 +843,15 @@ window.__ModuleLoader__.load({
 					if (port !== null) for (const name of GESTURE_EVENTS) port.removeEventListener(name, markGesture);
 					const host = rootRef.current?.closest("[data-conversation-scroll]") ?? port;
 					if (host === null) return;
-					if (following) handBackVisual(host);
 					const remaining = holding === host ? releaseFollow(host) : followOwners.get(host) ?? 0;
 					holding = null;
-					if (remaining === 0) clearVisual(host);
+					if (remaining === 0) {
+						if (following) {
+							if (interacting && awayPx >= 8) handBackVisual(host);
+							else settleAtFloor(host);
+						}
+						clearVisual(host);
+					}
 				};
 			}, [
 				active,
@@ -957,16 +988,15 @@ 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, t }) {
+		function AnimatedReasoning({ text, running, preset, thinkAutoExpand, shouldHoldBack, followSpeedCpsRef, t }) {
 			const reduced = usePrefersReducedMotion();
 			const [expanded, setExpanded] = (0, react.useState)(running && thinkAutoExpand);
 			const summaryRef = (0, react.useRef)(null);
-			const speedCpsRef = (0, react.useRef)(35);
 			const displayed = useSmoothStreamContent(text, {
 				enabled: running && !reduced,
 				preset,
 				shouldHoldBack,
-				speedCpsRef
+				speedCpsRef: followSpeedCpsRef
 			});
 			const shown = running && !reduced ? displayed : text;
 			const summary = running ? latestLine(shown) : firstLine(text);
@@ -978,9 +1008,8 @@ window.__ModuleLoader__.load({
 				if (element === null) return;
 				element.scrollLeft = running ? element.scrollWidth - element.clientWidth : 0;
 			}, [running, summary]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FollowHost, {
-				active: running,
-				speedCpsRef,
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: TypewriterAssistantNodeView_module_css_default.follow,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: TypewriterAssistantNodeView_module_css_default.think,
 					"data-variant": "think",
@@ -1021,16 +1050,20 @@ window.__ModuleLoader__.load({
 		* streaming is revealed by the smoother through the Harness Markdown
 		* renderer at a rate that tracks arrival. Reasoning blocks keep the
 		* built-in Think disclosure and only receive a smoothed text feed; the
-		* last text or reasoning block owns conversation-port follow so wraps
-		* glide. The FPS guard holds offscreen
-		* reveals when the frame rate is degraded. Settled text renders with the
-		* full Markdown pipeline.
+		* outer node owns conversation-port follow while streaming; the final text
+		* block keeps ownership while its settled reveal queue drains. The FPS guard
+		* holds offscreen reveals when the frame rate is degraded. Settled text
+		* renders with the full Markdown pipeline.
 		*/
 		const TypewriterAssistantNodeView = (0, react.memo)(function TypewriterAssistantNodeView({ mode: _mode = DEFAULT_STREAM_CONFIG.mode, preset = DEFAULT_STREAM_CONFIG.preset, revealCharsPerSec: _revealCharsPerSec = DEFAULT_STREAM_CONFIG.revealCharsPerSec, scrollSpeedPxPerSec: _scrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.scrollSpeedPxPerSec, maxScrollSpeedPxPerSec: _maxScrollSpeedPxPerSec = DEFAULT_STREAM_CONFIG.maxScrollSpeedPxPerSec, thinkAutoExpand = DEFAULT_STREAM_SETTINGS.thinkAutoExpand, node, useTurnData, openFile, loadImage, fileMentions, t }) {
 			const data = node.data;
 			const streaming = data.status === "running";
 			const { ref: guardRef, shouldHoldBack } = useFpsGuard(streaming);
 			const rootSpeedRef = (0, react.useRef)(35);
+			const reasoningOwnsSpeed = streaming && data.blocks[data.blocks.length - 1]?.kind === "reasoning";
+			(0, react.useEffect)(() => {
+				if (!reasoningOwnsSpeed) rootSpeedRef.current = 35;
+			}, [reasoningOwnsSpeed]);
 			const turn = node.location.kind === "turn" || node.location.kind === "step" ? node.location.turn : void 0;
 			const tail = useTurnData("turn-tail");
 			const owner = (0, react.useMemo)(() => {
@@ -1086,6 +1119,7 @@ window.__ModuleLoader__.load({
 							preset,
 							thinkAutoExpand,
 							shouldHoldBack,
+							followSpeedCpsRef: reasoningOwnsSpeed && index === last ? rootSpeedRef : void 0,
 							t
 						}, index));
 						break;
@@ -1107,13 +1141,11 @@ window.__ModuleLoader__.load({
 						break;
 					}
 					case "tool-call": break;
-					case "other":
-						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
-							label: t("message.unknownBlock"),
-							payload: block.block,
-							truncatedLabel: (total) => t("json.truncated", { total })
-						}, index));
-						break;
+					case "other": rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+						label: t("message.unknownBlock"),
+						payload: block.block,
+						truncatedLabel: (total) => t("json.truncated", { total })
+					}, index));
 				}
 			}
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1189,29 +1221,29 @@ window.__ModuleLoader__.load({
 			tag.textContent = css;
 		}
 		var SmoothStreamCard_module_css_default = {
-			"description": "XNGeRG_description",
-			"header": "XNGeRG_header",
-			"fieldHead": "XNGeRG_fieldHead",
-			"updateCopy": "XNGeRG_updateCopy",
-			"footer": "XNGeRG_footer",
-			"discard": "XNGeRG_discard",
-			"readOnly": "XNGeRG_readOnly",
+			"name": "XNGeRG_name",
 			"failure": "XNGeRG_failure",
-			"chevronOpen": "XNGeRG_chevronOpen",
-			"cardOpen": "XNGeRG_cardOpen",
-			"update": "XNGeRG_update",
 			"save": "XNGeRG_save",
-			"chevron": "XNGeRG_chevron",
-			"label": "XNGeRG_label",
-			"body": "XNGeRG_body",
-			"hint": "XNGeRG_hint",
+			"footer": "XNGeRG_footer",
+			"update": "XNGeRG_update",
 			"headText": "XNGeRG_headText",
+			"fieldHead": "XNGeRG_fieldHead",
+			"chevronOpen": "XNGeRG_chevronOpen",
+			"cardOpen": "XNGeRG_cardOpen",
+			"updateCopy": "XNGeRG_updateCopy",
+			"readOnly": "XNGeRG_readOnly",
 			"pending": "XNGeRG_pending",
-			"name": "XNGeRG_name",
-			"toggle": "XNGeRG_toggle",
+			"body": "XNGeRG_body",
+			"label": "XNGeRG_label",
 			"updateRow": "XNGeRG_updateRow",
 			"failed": "XNGeRG_failed",
+			"toggle": "XNGeRG_toggle",
 			"version": "XNGeRG_version",
+			"hint": "XNGeRG_hint",
+			"chevron": "XNGeRG_chevron",
+			"description": "XNGeRG_description",
+			"header": "XNGeRG_header",
+			"discard": "XNGeRG_discard",
 			"field": "XNGeRG_field",
 			"card": "XNGeRG_card"
 		};
@@ -1613,7 +1645,7 @@ window.__ModuleLoader__.load({
 			"silky"
 		];
 		/** Human-authored rows stay on the built-in renderer; `assistant-step` is replaced. */
-		const SKIP_WRAP = new Set([
+		const SKIP_WRAP = /* @__PURE__ */ new Set([
 			"assistant-step",
 			"user",
 			"steering",