@deepseek-ai/dsh-client-ui-chat 0.1.7-alpha.1 → 0.1.7-alpha.2

package/lib/client.js

@@ -177,7 +177,12 @@ window.__ModuleLoader__.load({
 			return {
 				code: {
 					copyLabel: t("copy"),
-					copiedLabel: t("copied")
+					copiedLabel: t("copied"),
+					toolbarLabels: {
+						codeLabel: t("codeBlock.title"),
+						wrapLabel: t("codeBlock.wrap"),
+						unwrapLabel: t("codeBlock.unwrap")
+					}
 				},
 				footnotes: t("markdown.footnotes")
 			};
@@ -1579,7 +1584,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/ChatView.module.css.mjs
-		const css$13 = ".EvIC1a_root{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.EvIC1a_scroll{min-height:0;padding:16px calc(var(--dsh-composer-side-clearance) + 16px);flex:auto;overflow-y:auto;container-type:inline-size}.EvIC1a_root[data-chat-following-tail] .EvIC1a_scroll,[data-conversation-scroll]:has(.EvIC1a_root[data-chat-following-tail]){overflow-anchor:none}[data-conversation-scroll] .EvIC1a_root{flex:none;height:auto;min-height:auto}[data-conversation-scroll] .EvIC1a_scroll{flex:none;min-height:auto;overflow:visible}.EvIC1a_column{max-width:var(--dsh-chat-content-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.EvIC1a_column>:not([hidden]):not(.EvIC1a_flowItem:empty)~:not([hidden]):not(.EvIC1a_flowItem:empty){margin-top:var(--dsh-chat-flow-gap,16px)}.EvIC1a_flowItem{min-width:0}.EvIC1a_flowItem[data-turn-process-answer]{--dsh-chat-flow-gap:8px}.EvIC1a_flowItem:empty{height:0}.EvIC1a_callRow{border-radius:6px}.EvIC1a_hint{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px))}.EvIC1a_openError{color:var(--dsw-alias-state-error-primary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px))}.EvIC1a_older{justify-content:center;display:flex}.EvIC1a_older button{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover-solid);cursor:pointer;border:none;border-radius:14px;padding:4px 12px;font-size:12px}.EvIC1a_older button:disabled{cursor:default;opacity:.6}.EvIC1a_toBottomSlot{z-index:8;height:0;padding-right:max(0px, calc((100% - var(--dsh-chat-content-width)) / 2));pointer-events:none;justify-content:flex-end;display:flex;position:sticky;bottom:16px}[data-conversation-scroll] .EvIC1a_toBottomSlot{bottom:calc(var(--dsh-composer-height,152px) + 16px)}.EvIC1a_toBottom{--dsw-elevation-stroke-color:var(--dsw-alias-border-l3);corner-shape:round;width:34px;height:34px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-button-floating-fill);box-shadow:var(--dsw-elevation-panel);cursor:pointer;pointer-events:auto;border:0;border-radius:100px;justify-content:center;align-items:center;margin-top:-34px;padding:0;display:flex}.EvIC1a_toBottom:hover{background:var(--dsw-alias-button-floating-hover)}.EvIC1a_modalAction{min-width:72px}";
+		const css$13 = ".EvIC1a_frame{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;container-type:inline-size}.EvIC1a_root{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:visible clip}.EvIC1a_scroll{min-height:0;padding:16px calc(var(--dsh-composer-side-clearance) + 16px);flex:auto;overflow-y:auto;container-type:inline-size}.EvIC1a_root[data-chat-following-tail] .EvIC1a_scroll,[data-conversation-scroll]:has(.EvIC1a_root[data-chat-following-tail]){overflow-anchor:none}[data-conversation-scroll] .EvIC1a_frame,[data-conversation-scroll] .EvIC1a_root{flex:none;height:auto;min-height:auto}[data-conversation-scroll] .EvIC1a_scroll{flex:none;min-height:auto;overflow:visible}.EvIC1a_column{max-width:var(--dsh-chat-content-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.EvIC1a_column>:not([hidden]):not(.EvIC1a_flowItem:empty)~:not([hidden]):not(.EvIC1a_flowItem:empty){margin-top:var(--dsh-chat-flow-gap,16px)}.EvIC1a_flowItem{min-width:0}.EvIC1a_flowItem[data-turn-process-answer]{--dsh-chat-flow-gap:8px}.EvIC1a_flowItem:empty{height:0}.EvIC1a_callRow{border-radius:6px}.EvIC1a_hint{color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px))}.EvIC1a_openError{color:var(--dsw-alias-state-error-primary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(18px + var(--dsh-content-font-delta-secondary,0px))}.EvIC1a_older{justify-content:center;display:flex}.EvIC1a_older button{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover-solid);cursor:pointer;border:none;border-radius:14px;padding:4px 12px;font-size:12px}.EvIC1a_older button:disabled{cursor:default;opacity:.6}.EvIC1a_toBottomSlot{z-index:8;height:0;padding-right:max(calc(var(--dsh-composer-side-clearance) + 16px), calc((100% - var(--dsh-chat-content-width)) / 2));pointer-events:none;justify-content:flex-end;display:flex;position:absolute;bottom:16px;left:0;right:0}[data-conversation-scroll] .EvIC1a_toBottomSlot{bottom:calc(var(--dsh-composer-height,152px) + 16px);position:sticky}.EvIC1a_toBottom{--dsw-elevation-stroke-color:var(--dsw-alias-border-l3);corner-shape:round;width:34px;height:34px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-button-floating-fill);box-shadow:var(--dsw-elevation-panel);cursor:pointer;pointer-events:auto;border:0;border-radius:100px;justify-content:center;align-items:center;margin-top:-34px;padding:0;display:flex}.EvIC1a_toBottom:hover{background:var(--dsw-alias-button-floating-hover)}.EvIC1a_modalAction{min-width:72px}";
 		const tagId$13 = "@deepseek-ai/dsh-client-ui-chat/ChatView.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$13) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1592,6 +1597,7 @@ window.__ModuleLoader__.load({
 			"callRow": "EvIC1a_callRow",
 			"column": "EvIC1a_column",
 			"flowItem": "EvIC1a_flowItem",
+			"frame": "EvIC1a_frame",
 			"hint": "EvIC1a_hint",
 			"modalAction": "EvIC1a_modalAction",
 			"older": "EvIC1a_older",
@@ -1818,6 +1824,295 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region lib/types/client/chat/use-scroll-follow.js
+		/** Independent bottom-follow intent and native scrolling, without paging or DOM observers. */
+		/**
+		* Read one scrollport without measuring its children.
+		* @param element - scrolling element.
+		* @returns current position and range.
+		*/
+		function scrollMetrics(element) {
+			const height = element.clientHeight;
+			return {
+				top: element.scrollTop,
+				height,
+				floor: Math.max(0, element.scrollHeight - height)
+			};
+		}
+		/** One scrollport's follow intent; native animation progress does not count as reader movement. */
+		var ScrollFollow = class ScrollFollow {
+			following;
+			threshold;
+			static owners = /* @__PURE__ */ new WeakMap();
+			target = null;
+			sampledTop;
+			/**
+			* @param following - initial follow intent.
+			* @param threshold - accepted distance from the floor, in pixels.
+			*/
+			constructor(following, threshold) {
+				this.following = following;
+				this.threshold = threshold;
+			}
+			/**
+			* Find the mounted controller for reading-position compensation.
+			* @param element - scrollport with an optional follow owner.
+			* @returns its controller, when bound.
+			*/
+			static forElement(element) {
+				return this.owners.get(element);
+			}
+			/**
+			* Share this controller with reading-position compensation for the same scrollport.
+			* @param element - owned scrollport.
+			* @returns release the association on unmount or close.
+			*/
+			bind(element) {
+				ScrollFollow.owners.set(element, this);
+				return () => {
+					if (ScrollFollow.owners.get(element) === this) ScrollFollow.owners.delete(element);
+				};
+			}
+			/**
+			* Expose follow intent independently of the current offset.
+			* @returns whether content growth should follow the floor.
+			*/
+			get active() {
+				return this.following;
+			}
+			/**
+			* Expose outstanding native motion before accepting reader input.
+			* @returns whether a native follow animation has an outstanding target.
+			*/
+			get animating() {
+				return this.target !== null;
+			}
+			/**
+			* Classify bottom arrivals using this scrollport's own tolerance.
+			* @param metrics - current scroll geometry.
+			* @returns whether the position is within the follow threshold.
+			*/
+			nearBottom(metrics) {
+				return metrics.floor - metrics.top <= this.threshold;
+			}
+			/**
+			* Commit caller-owned follow decisions without moving the scrollport.
+			* @param active - externally committed follow intent.
+			*/
+			setFollowing(active) {
+				this.following = active;
+				if (!active) this.target = null;
+			}
+			/** Adopt the next visible layout as a fresh reader position. */
+			reset() {
+				this.setFollowing(false);
+				this.sampledTop = void 0;
+			}
+			/**
+			* Adopt delivered scrolling while retaining intent during native animation.
+			* @param metrics - current geometry.
+			* @param movedByReader - caller attribution; omitted callers compare the last sampled position.
+			* @returns updated follow intent.
+			*/
+			sample(metrics, movedByReader = this.sampledTop === void 0 || Math.abs(metrics.top - this.sampledTop) > .5) {
+				this.sampledTop = metrics.top;
+				if (!this.animating && movedByReader) this.following = this.nearBottom(metrics);
+				return this.active;
+			}
+			/**
+			* Settle native scrolling; an off-target stop releases follow intent.
+			* @param metrics - actual geometry delivered at scrollend.
+			* @returns follow intent after completing or interrupting native motion.
+			*/
+			settle(metrics) {
+				const target = this.target;
+				this.target = null;
+				return this.sample(metrics, target === null ? void 0 : Math.abs(metrics.top - Math.min(target, metrics.floor)) > this.threshold);
+			}
+			/**
+			* Position immediately and adopt the resulting follow intent.
+			* @param element - scrolling element.
+			* @param metrics - geometry before positioning.
+			* @param top - requested offset, clamped to the measured range.
+			* @returns geometry after positioning.
+			*/
+			jump(element, metrics, top) {
+				const animated = this.animating;
+				this.target = null;
+				const target = Math.max(0, Math.min(metrics.floor, top));
+				if (animated) element.scrollTo({
+					top: target,
+					behavior: "instant"
+				});
+				else if (target !== metrics.top) element.scrollTop = target;
+				const landed = {
+					...metrics,
+					top: element.scrollTop
+				};
+				this.sampledTop = landed.top;
+				this.following = this.nearBottom(landed);
+				return landed;
+			}
+			/**
+			* Follow the measured floor, respecting reduced motion for smooth requests.
+			* An outstanding smooth target finishes before another is issued.
+			* Within-tolerance positioning is immediate while no animation is outstanding.
+			* @param element - scrolling element.
+			* @param metrics - current geometry.
+			* @param behavior - native animation for growth, or immediate positioning.
+			* @returns current geometry; smooth requests retain their starting position until native scroll delivery.
+			*/
+			toBottom(element, metrics, behavior) {
+				this.following = true;
+				if (behavior === "instant" || metrics.top >= metrics.floor || !this.animating && this.nearBottom(metrics)) return this.jump(element, metrics, metrics.floor);
+				if (typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches) return this.jump(element, metrics, metrics.floor);
+				if (this.target === null) {
+					this.target = metrics.floor;
+					element.scrollTo({
+						top: metrics.floor,
+						behavior: "smooth"
+					});
+				}
+				return metrics;
+			}
+			/**
+			* Cancel native motion before a reader gesture; only subsequent actual movement changes follow intent.
+			* @param element - scrolling element.
+			* @param metrics - position at interruption.
+			*/
+			interrupt(element, metrics) {
+				if (!this.animating) return;
+				this.target = null;
+				this.sampledTop = metrics.top;
+				element.scrollTo({
+					top: metrics.top,
+					behavior: "instant"
+				});
+			}
+		};
+		/**
+		* Retain one independent follow controller without React updates for scroll samples.
+		* @param initial - initial follow intent.
+		* @param threshold - accepted distance from the floor, in pixels.
+		* @returns the stable controller shared by the caller's scroll and resize handlers.
+		*/
+		function useScrollFollow(initial, threshold) {
+			const [follow] = (0, react.useState)(() => new ScrollFollow(initial, threshold));
+			return follow;
+		}
+		//#endregion
+		//#region lib/types/client/chat/use-process-scroll.js
+		/** Capped process-group scrolling and fades over the shared follow controller. */
+		const AT_REST = {
+			canScrollUp: false,
+			canScrollDown: false
+		};
+		const SCROLL_KEYS$1 = new Set([
+			"ArrowUp",
+			"ArrowDown",
+			"PageUp",
+			"PageDown",
+			"Home",
+			"End",
+			" "
+		]);
+		/**
+		* Observe one group's body and content without coupling its follow intent to the outer transcript.
+		* Wheel, touchstart, any pointerdown, and unprevented scroll keys interrupt active animations,
+		* including events from editable controls; subsequent position sampling determines follow intent.
+		* @param bodyRef - capped scrolling body.
+		* @param contentRef - uncapped content whose size reports growth.
+		* @param open - local disclosure state.
+		* @param grouped - whether the display mode retains the group's height cap.
+		* @returns edge fades, DOM event bindings, and one-shot positioning for manual opening.
+		*/
+		function useProcessScroll(bodyRef, contentRef, open, grouped) {
+			const follow = useScrollFollow(false, 1);
+			const initialPosition = (0, react.useRef)(null);
+			const [edges, setEdges] = (0, react.useState)(AT_REST);
+			const initialize = (0, react.useCallback)((position) => {
+				initialPosition.current = position;
+			}, []);
+			const sync = (0, react.useCallback)((cause) => {
+				const body = bodyRef.current;
+				let next = AT_REST;
+				if (body !== null && body.closest("[hidden], [data-group-expanded-mode]") === null) {
+					let metrics = scrollMetrics(body);
+					const initial = cause === "resize" ? initialPosition.current : null;
+					if (initial !== null) {
+						metrics = follow.jump(body, metrics, initial === "bottom" ? metrics.floor : 0);
+						if (initial === "top") follow.setFollowing(false);
+						initialPosition.current = null;
+					} else {
+						const wasAnimating = follow.animating;
+						if (cause === "scrollend") follow.settle(metrics);
+						else follow.sample(metrics);
+						if (follow.active && (cause === "resize" || cause === "scrollend" && wasAnimating)) metrics = follow.toBottom(body, metrics, "smooth");
+					}
+					next = {
+						canScrollUp: metrics.top > 1,
+						canScrollDown: metrics.top < metrics.floor - 1
+					};
+				} else follow.reset();
+				setEdges((previous) => previous.canScrollUp === next.canScrollUp && previous.canScrollDown === next.canScrollDown ? previous : next);
+			}, [bodyRef, follow]);
+			const interrupt = (0, react.useCallback)(() => {
+				const body = bodyRef.current;
+				if (body !== null && follow.animating) follow.interrupt(body, scrollMetrics(body));
+			}, [bodyRef, follow]);
+			const events = (0, react.useMemo)(() => ({
+				onScroll: () => {
+					sync("scroll");
+				},
+				onWheel: interrupt,
+				onTouchStart: interrupt,
+				onPointerDown: interrupt,
+				onKeyDown: (event) => {
+					if (!event.defaultPrevented && SCROLL_KEYS$1.has(event.key)) interrupt();
+				}
+			}), [interrupt, sync]);
+			(0, react.useLayoutEffect)(() => {
+				interrupt();
+				follow.reset();
+				if (!grouped || !open) initialPosition.current = null;
+			}, [
+				follow,
+				grouped,
+				interrupt,
+				open
+			]);
+			(0, react.useLayoutEffect)(() => {
+				const body = bodyRef.current;
+				if (body === null || !open || typeof ResizeObserver === "undefined") return;
+				const unbind = follow.bind(body);
+				const observer = new ResizeObserver(() => {
+					sync("resize");
+				});
+				const onScrollEnd = (event) => {
+					if (event.target === body) sync("scrollend");
+				};
+				body.addEventListener("scrollend", onScrollEnd);
+				observer.observe(body);
+				if (contentRef.current !== null) observer.observe(contentRef.current);
+				return () => {
+					unbind();
+					observer.disconnect();
+					body.removeEventListener("scrollend", onScrollEnd);
+				};
+			}, [
+				bodyRef,
+				contentRef,
+				follow,
+				open,
+				sync
+			]);
+			return {
+				edges,
+				events,
+				initialize
+			};
+		}
+		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/ChatGroupSeat.module.css.mjs
 		const css$12 = ".O_Ebla_root{min-width:0}.O_Ebla_title{max-width:100%;color:var(--dsw-alias-label-secondary);font:inherit;font-size:var(--dsh-content-font-size,14px);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;transition:color .1s;display:flex}.O_Ebla_title:hover{color:var(--dsw-alias-label-primary)}.O_Ebla_leading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.O_Ebla_activityIcon,.O_Ebla_chevron{justify-content:center;align-items:center;transition:opacity .1s;display:inline-flex;position:absolute;inset:0}.O_Ebla_activityIcon{opacity:1}.O_Ebla_chevron,.O_Ebla_title:is(:hover,:focus-visible) .O_Ebla_activityIcon{opacity:0}.O_Ebla_title:is(:hover,:focus-visible) .O_Ebla_chevron{opacity:1}.O_Ebla_title[aria-expanded=true] .O_Ebla_activityIcon{opacity:0}.O_Ebla_title[aria-expanded=true] .O_Ebla_chevron{opacity:1}.O_Ebla_title[aria-expanded=true]{padding-bottom:16px}.O_Ebla_body{--dsh-chat-flow-gap:8px;overscroll-behavior-y:auto;scrollbar-gutter:stable;max-height:min(400px,50vh);overflow-y:auto}.O_Ebla_label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.O_Ebla_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.O_Ebla_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.O_Ebla_fadeTop.O_Ebla_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}@media (prefers-reduced-motion:reduce){.O_Ebla_title,.O_Ebla_activityIcon,.O_Ebla_chevron{transition:none}}.O_Ebla_content{flex-direction:column;display:flex}.O_Ebla_content>*{flex-shrink:0}.O_Ebla_content>:not([hidden]):not(:empty)~:not([hidden]):not(:empty){margin-top:var(--dsh-chat-flow-gap,8px)}.O_Ebla_expandedBody{--dsh-chat-flow-gap:16px;scrollbar-gutter:auto;max-height:none;overflow:visible}";
 		const tagId$12 = "@deepseek-ai/dsh-client-ui-chat/ChatGroupSeat.module.css";
@@ -1844,10 +2139,6 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/chat/ChatGroupSeat.js
 		/** Stable process container; display policy changes visibility, never member parents. */
-		const PROCESS_SCROLL_AT_REST = {
-			canScrollUp: false,
-			canScrollDown: false
-		};
 		const PROCESS_TITLE_MINIMUM_MS = 150;
 		const PROCESS_ICONS = {
 			thinking: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconThinkOutlineRegular, {}),
@@ -1863,15 +2154,6 @@ window.__ModuleLoader__.load({
 			questions: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQuestionOutlineRegular, {}),
 			tools: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSparkleRegular, { size: 14 })
 		};
-		function processScrollEdges(element) {
-			return {
-				canScrollUp: element.scrollTop > 1,
-				canScrollDown: element.scrollTop < element.scrollHeight - element.clientHeight - 1
-			};
-		}
-		function sameProcessScrollEdges(left, right) {
-			return left.canScrollUp === right.canScrollUp && left.canScrollDown === right.canScrollDown;
-		}
 		function sameLiveProcessTitle(left, right) {
 			return left.activity === right.activity && left.detail === right.detail;
 		}
@@ -1958,8 +2240,9 @@ window.__ModuleLoader__.load({
 		const ChatGroupSeat = (0, react.memo)(function ChatGroupSeat({ groupKey, useChatGroup, ...props }) {
 			const members = useChatGroup(groupKey, (group) => group?.members);
 			const turn = useChatGroup(groupKey, (group) => group?.data.turn);
+			const closed = useChatGroup(groupKey, (group) => group?.data.closed);
 			const foldCompleted = props.usePresentation((policy) => policy.foldCompletedTurns);
-			const { expanded: open, setExpanded: setOpen, toggle } = useDisclosure();
+			const { expanded: open, setExpanded: setOpen } = useDisclosure();
 			const firstKey = members?.[0]?.key ?? "";
 			const presentation = props.useChatNodeProcess(firstKey);
 			const turnLocation = props.useChatNode(firstKey, (node) => {
@@ -1993,25 +2276,15 @@ window.__ModuleLoader__.load({
 			const bodyRef = useSearchableHidden(grouped && !open, reveal);
 			const contentRef = (0, react.useRef)(null);
 			const bodyId = (0, react.useId)();
-			const [edges, setEdges] = (0, react.useState)(PROCESS_SCROLL_AT_REST);
-			const sync = (0, react.useCallback)(() => {
-				const body = bodyRef.current;
-				const next = body === null || body.closest("[hidden], [data-group-expanded-mode]") !== null ? PROCESS_SCROLL_AT_REST : processScrollEdges(body);
-				setEdges((previous) => sameProcessScrollEdges(previous, next) ? previous : next);
-			}, [bodyRef]);
-			(0, react.useLayoutEffect)(() => {
-				const body = bodyRef.current;
-				if (body === null || !open || typeof ResizeObserver === "undefined") return;
-				const observer = new ResizeObserver(sync);
-				observer.observe(body);
-				if (contentRef.current !== null) observer.observe(contentRef.current);
-				return () => {
-					observer.disconnect();
-				};
+			const { edges, events, initialize } = useProcessScroll(bodyRef, contentRef, open, grouped);
+			const toggle = (0, react.useCallback)(() => {
+				if (!open) initialize(closed === false ? "bottom" : "top");
+				setOpen(!open);
 			}, [
-				bodyRef,
+				closed,
+				initialize,
 				open,
-				sync
+				setOpen
 			]);
 			if (members === void 0) return null;
 			const classes = [
@@ -2048,7 +2321,7 @@ window.__ModuleLoader__.load({
 					"data-step-process-body": true,
 					"data-scroll-up": edges.canScrollUp || void 0,
 					"data-scroll-down": edges.canScrollDown || void 0,
-					onScroll: sync,
+					...events,
 					children: (0, react_jsx_runtime.jsx)("div", {
 						ref: contentRef,
 						className: ChatGroupSeat_module_css_default.content,
@@ -3241,7 +3514,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-chat/src/client/chat/TurnNavigator.module.css.mjs
-		const css$11 = ".eGxaPq_slot{z-index:7;pointer-events:none;height:0;position:sticky;top:0}.eGxaPq_frame{--turn-rail-band:calc(var(--dsh-conversation-viewport-height,100dvh) - var(--dsh-composer-height,152px));--turn-preview-height:100px;top:calc(var(--turn-rail-band) / 2);right:calc(12px - (var(--dsh-composer-side-clearance) + 16px));width:28px;max-height:min(max(0px, calc(var(--turn-rail-band) - 64px)), 420px);contain:layout;cursor:pointer;pointer-events:auto;position:absolute;transform:translateY(-50%)}.eGxaPq_scroller{max-height:inherit;overscroll-behavior:contain;scrollbar-width:none;position:relative;overflow-y:auto}.eGxaPq_scroller::-webkit-scrollbar{display:none}.eGxaPq_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.eGxaPq_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.eGxaPq_fadeTop.eGxaPq_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.eGxaPq_marks{position:relative}.eGxaPq_mark{cursor:pointer;background:0 0;border:0;border-radius:8px;height:10px;padding:0;position:absolute;top:0;left:0;right:0}.eGxaPq_mark:before{background:var(--dsw-alias-border-l4);content:\"\";transform-origin:100%;border-radius:2px;width:20px;height:2px;transition:transform .14s,background-color .14s;position:absolute;top:50%;right:0;transform:translateY(-50%)scaleX(.6)}.eGxaPq_markUnloaded:before{opacity:.6;transform:translateY(-50%)scaleX(.4)}.eGxaPq_markPreview:before{background:var(--dsw-alias-label-tertiary);transform:translateY(-50%)scaleX(.9)}.eGxaPq_markBusy:before{animation:1s ease-in-out infinite eGxaPq_dsh-turn-mark-busy}.eGxaPq_markActive:before{background:var(--dsw-alias-label-primary);transform:translateY(-50%)scaleX(1)}.eGxaPq_mark:focus-visible:before{background:var(--dsw-alias-state-business-primary);transform:translateY(-50%)scaleX(1)}.eGxaPq_mark:focus-visible{outline:none}.eGxaPq_mark:focus-visible:after{border-radius:inherit;outline:1px solid var(--dsw-alias-state-business-primary);outline-offset:2px;content:\"\";width:20px;position:absolute;inset:0 0 0 auto}.eGxaPq_preview{top:clamp(0px, calc(var(--turn-preview-center) - var(--turn-preview-height) / 2), calc(100% - var(--turn-preview-height)));box-sizing:border-box;width:min(300px,100cqw - 120px);max-height:var(--turn-preview-height);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);box-shadow:var(--dsw-elevation-panel);pointer-events:none;border:0;border-radius:10px;padding:10px 12px;transition:top .14s cubic-bezier(.2,.8,.2,1);animation:.12s ease-out eGxaPq_dsh-turn-preview-enter;position:absolute;right:calc(100% + 10px);overflow:hidden}.eGxaPq_previewPrompt,.eGxaPq_previewResponse{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.eGxaPq_previewPrompt{font:var(--dsw-font-xs-strong-13);-webkit-line-clamp:1}.eGxaPq_previewResponse{color:var(--dsw-alias-label-caption);font:var(--dsw-font-xxs-12);-webkit-line-clamp:3;margin-top:4px}@keyframes eGxaPq_dsh-turn-preview-enter{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes eGxaPq_dsh-turn-mark-busy{0%,to{opacity:1}50%{opacity:.35}}@container (width<=900px){.eGxaPq_slot{display:none}}@media (prefers-reduced-motion:reduce){.eGxaPq_frame,.eGxaPq_scroller,.eGxaPq_mark:before,.eGxaPq_markBusy:before,.eGxaPq_preview{scroll-behavior:auto;transition:none;animation:none}}";
+		const css$11 = ".eGxaPq_slot{z-index:7;height:0;padding-inline:calc(var(--dsh-composer-side-clearance) + 16px);pointer-events:none;position:absolute;top:0;left:0;right:0;container-type:inline-size}[data-conversation-scroll] .eGxaPq_slot{position:sticky}.eGxaPq_frame{--turn-rail-band:calc(var(--dsh-conversation-viewport-height,100dvh) - var(--dsh-composer-height,152px));--turn-preview-height:100px;top:calc(var(--turn-rail-band) / 2);width:28px;max-height:min(max(0px, calc(var(--turn-rail-band) - 64px)), 420px);contain:layout;cursor:pointer;pointer-events:auto;position:absolute;right:12px;transform:translateY(-50%)}.eGxaPq_scroller{max-height:inherit;overscroll-behavior:contain;scrollbar-width:none;position:relative;overflow-y:auto}.eGxaPq_scroller::-webkit-scrollbar{display:none}.eGxaPq_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.eGxaPq_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.eGxaPq_fadeTop.eGxaPq_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.eGxaPq_marks{position:relative}.eGxaPq_mark{cursor:pointer;background:0 0;border:0;border-radius:8px;height:10px;padding:0;position:absolute;top:0;left:0;right:0}.eGxaPq_mark:before{background:var(--dsw-alias-border-l4);content:\"\";transform-origin:100%;border-radius:2px;width:20px;height:2px;transition:transform .14s,background-color .14s;position:absolute;top:50%;right:0;transform:translateY(-50%)scaleX(.6)}.eGxaPq_markUnloaded:before{opacity:.6;transform:translateY(-50%)scaleX(.4)}.eGxaPq_markPreview:before{background:var(--dsw-alias-label-tertiary);transform:translateY(-50%)scaleX(.9)}.eGxaPq_markBusy:before{animation:1s ease-in-out infinite eGxaPq_dsh-turn-mark-busy}.eGxaPq_markActive:before{background:var(--dsw-alias-label-primary);transform:translateY(-50%)scaleX(1)}.eGxaPq_mark:focus-visible:before{background:var(--dsw-alias-state-business-primary);transform:translateY(-50%)scaleX(1)}.eGxaPq_mark:focus-visible{outline:none}.eGxaPq_mark:focus-visible:after{border-radius:inherit;outline:1px solid var(--dsw-alias-state-business-primary);outline-offset:2px;content:\"\";width:20px;position:absolute;inset:0 0 0 auto}.eGxaPq_preview{top:clamp(0px, calc(var(--turn-preview-center) - var(--turn-preview-height) / 2), calc(100% - var(--turn-preview-height)));box-sizing:border-box;width:min(300px,100cqw - 120px);max-height:var(--turn-preview-height);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);box-shadow:var(--dsw-elevation-panel);pointer-events:none;border:0;border-radius:10px;padding:10px 12px;transition:top .14s cubic-bezier(.2,.8,.2,1);animation:.12s ease-out eGxaPq_dsh-turn-preview-enter;position:absolute;right:calc(100% + 10px);overflow:hidden}.eGxaPq_previewPrompt,.eGxaPq_previewResponse{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.eGxaPq_previewPrompt{font:var(--dsw-font-xs-strong-13);-webkit-line-clamp:1}.eGxaPq_previewResponse{color:var(--dsw-alias-label-caption);font:var(--dsw-font-xxs-12);-webkit-line-clamp:3;margin-top:4px}@keyframes eGxaPq_dsh-turn-preview-enter{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes eGxaPq_dsh-turn-mark-busy{0%,to{opacity:1}50%{opacity:.35}}@container (width<=900px){.eGxaPq_frame{display:none}}@media (prefers-reduced-motion:reduce){.eGxaPq_frame,.eGxaPq_scroller,.eGxaPq_mark:before,.eGxaPq_markBusy:before,.eGxaPq_preview{scroll-behavior:auto;transition:none;animation:none}}";
 		const tagId$11 = "@deepseek-ai/dsh-client-ui-chat/TurnNavigator.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$11) + "]") === null) {
 			const tag = document.createElement("style");
@@ -3839,14 +4112,16 @@ window.__ModuleLoader__.load({
 			store;
 			state;
 			onChange;
+			follow;
 			sampleTimer = null;
 			probeFrame = null;
 			sampled = null;
-			constructor(viewport, store, state, onChange) {
+			constructor(viewport, store, state, onChange, follow) {
 				this.viewport = viewport;
 				this.store = store;
 				this.state = state;
 				this.onChange = onChange;
+				this.follow = follow;
 			}
 			/**
 			* Expose pending reader ownership to navigation and resize handlers.
@@ -3895,7 +4170,7 @@ window.__ModuleLoader__.load({
 			}
 			/** Land at the current floor and clear saved reader position. */
 			followTail() {
-				const landing = this.viewport.scrollToBottom();
+				const landing = this.viewport.scrollToBottom(this.follow);
 				if (landing === null) return;
 				this.cancelPending();
 				this.commit(landing, true, this.viewport.latestTurn);
@@ -3910,7 +4185,7 @@ window.__ModuleLoader__.load({
 				const landing = this.viewport.restore(saved);
 				if (landing === null) return;
 				this.cancelPending();
-				const following = this.nearBottom(landing.metrics);
+				const following = this.follow.nearBottom(landing.metrics);
 				this.commit(landing, following, following ? this.viewport.latestTurn : this.state.activeTurn, following);
 				if (!this.state.followingTail && landing.position === null) {
 					const position = this.viewport.capturePosition();
@@ -3924,7 +4199,7 @@ window.__ModuleLoader__.load({
 			*/
 			acceptNavigation(landing) {
 				this.cancelPending();
-				const following = this.nearBottom(landing.metrics);
+				const following = this.follow.nearBottom(landing.metrics);
 				this.commit(landing, following, landing.turn ?? (following ? this.viewport.latestTurn : this.state.activeTurn));
 			}
 			/**
@@ -3976,9 +4251,6 @@ window.__ModuleLoader__.load({
 				if (typeof requestAnimationFrame !== "function") this.probe();
 				else this.probeFrame = requestAnimationFrame(this.probe);
 			}
-			nearBottom(metrics) {
-				return metrics.floor - metrics.top <= 25;
-			}
 			commit(landing, followingTail, activeTurn, initialized = true) {
 				if (followingTail) this.store.save(null);
 				else if (landing.position !== null) this.store.save(landing.position);
@@ -3989,6 +4261,7 @@ window.__ModuleLoader__.load({
 				});
 			}
 			publish(state) {
+				this.follow.setFollowing(state.followingTail);
 				if (state.initialized === this.state.initialized && state.followingTail === this.state.followingTail && state.activeTurn === this.state.activeTurn) return;
 				this.state = state;
 				this.onChange(state);
@@ -4004,7 +4277,7 @@ window.__ModuleLoader__.load({
 				if (this.pending) return;
 				const scroll = this.viewport.readScroll();
 				if (scroll === null) return;
-				const activeTurn = this.nearBottom(scroll.metrics) ? this.viewport.latestTurn : this.viewport.readVisibleTurn(scroll.metrics);
+				const activeTurn = this.follow.nearBottom(scroll.metrics) ? this.viewport.latestTurn : this.viewport.readVisibleTurn(scroll.metrics);
 				this.publish({
 					...this.state,
 					initialized: true,
@@ -4016,14 +4289,14 @@ window.__ModuleLoader__.load({
 				this.cancelPending();
 				const scroll = this.viewport.readScroll();
 				if (scroll === null) return;
-				const followingTail = scroll.movedByReader ? this.nearBottom(scroll.metrics) : this.state.followingTail;
+				const followingTail = this.follow.sample(scroll.metrics, scroll.movedByReader);
 				let position = null;
 				if (!scroll.movedByReader && followingTail) this.followTail();
 				else {
 					position = followingTail ? null : this.viewport.capturePosition();
 					this.viewport.acknowledge(scroll.metrics);
 					if (followingTail || position !== null) this.store.save(position);
-					const activeTurn = this.nearBottom(scroll.metrics) ? this.viewport.latestTurn : this.viewport.readVisibleTurn(scroll.metrics);
+					const activeTurn = this.follow.nearBottom(scroll.metrics) ? this.viewport.latestTurn : this.viewport.readVisibleTurn(scroll.metrics);
 					this.publish({
 						initialized: true,
 						followingTail,
@@ -4050,7 +4323,8 @@ window.__ModuleLoader__.load({
 				followingTail: store.read() === null,
 				activeTurn: initialTurn
 			}));
-			const [reading] = (0, react.useState)(() => new ChatReading(viewport, store, state, setState));
+			const follow = useScrollFollow(state.followingTail, 25);
+			const [reading] = (0, react.useState)(() => new ChatReading(viewport, store, state, setState, follow));
 			(0, react.useLayoutEffect)(() => {
 				reading.setStore(store);
 			}, [reading, store]);
@@ -4198,12 +4472,7 @@ window.__ModuleLoader__.load({
 			metrics() {
 				const scroller = this.elements?.scroller;
 				if (scroller === void 0) return null;
-				const height = scroller.clientHeight;
-				return {
-					top: scroller.scrollTop,
-					height,
-					floor: Math.max(0, scroller.scrollHeight - height)
-				};
+				return scrollMetrics(scroller);
 			}
 			anchor(key, identity = "position") {
 				if (this.elements === null) return null;
@@ -4381,6 +4650,7 @@ window.__ModuleLoader__.load({
 			}
 			/**
 			* Compensate inner scrolling first, then the outer scrollport, within their actual scroll ranges.
+			* An inner write pauses its bound follow controller so the reading anchor takes priority.
 			* @returns the actual landing, or null when no visible retained row remains.
 			*/
 			preserve() {
@@ -4403,9 +4673,16 @@ window.__ModuleLoader__.load({
 				}
 				if (group !== null && group.body.contains(row)) {
 					const top = row.getBoundingClientRect().top - group.body.getBoundingClientRect().top;
-					const floor = Math.max(0, group.body.scrollHeight - group.body.clientHeight);
-					const target = Math.max(0, Math.min(floor, group.body.scrollTop + top - group.top));
-					if (group.body.scrollTop !== target) group.body.scrollTop = target;
+					const metrics = scrollMetrics(group.body);
+					const target = Math.max(0, Math.min(metrics.floor, metrics.top + top - group.top));
+					if (metrics.top !== target) {
+						const follow = ScrollFollow.forElement(group.body);
+						if (follow === void 0) group.body.scrollTop = target;
+						else {
+							follow.jump(group.body, metrics, target);
+							follow.setFollowing(false);
+						}
+					}
 				}
 				const metrics = this.metrics();
 				if (metrics === null) return null;
@@ -4418,11 +4695,22 @@ window.__ModuleLoader__.load({
 			}
 			/**
 			* Align the scrollport with its current floor.
+			* @param follow - independent follow intent and scrolling controller.
 			* @returns the actual floor landing, or null while detached.
 			*/
-			scrollToBottom() {
+			scrollToBottom(follow) {
 				const metrics = this.metrics();
-				return metrics === null ? null : this.write(metrics.floor, metrics, this.latestTurn);
+				if (metrics === null || this.elements === null) return null;
+				const landing = {
+					metrics: follow.toBottom(this.elements.scroller, metrics, "instant"),
+					position: null,
+					turn: this.latestTurn
+				};
+				this.observation = {
+					top: landing.metrics.top,
+					landing
+				};
+				return landing;
 			}
 			align(row, offset, turn) {
 				const metrics = this.metrics();
@@ -4646,29 +4934,28 @@ window.__ModuleLoader__.load({
 			return message === "" ? fallback : message;
 		}
 		/**
-		* Prompt-RPC identities already rendered by durable material: user/steering
-		* node sources plus queue occurrences. A submission echo whose identity
-		* appears here is hidden in the same render, so the echo→durable swap is
-		* atomic — no duplicate, no gap — regardless of when the echo leaves the
-		* session snapshot.
+		* Durable input identities suppress matching echoes in the same render.
+		* The last input's Turn also distinguishes an empty opening control from
+		* one whose human input or trigger notice is already present.
 		*/
-		function observedRpcIds(order, nodes, inbox) {
+		function observedInputs(order, nodes) {
 			const observed = /* @__PURE__ */ new Set();
+			let lastInputTurn;
 			for (const key of order) {
 				const node = nodes.get(key);
-				if (node === void 0 || node.kind !== "user" && node.kind !== "steering") continue;
+				if (node === void 0 || node.kind !== "user" && node.kind !== "steering" && node.kind !== "turn-trigger") continue;
+				if (node.location.kind === "turn" || node.location.kind === "step") lastInputTurn = node.location.turn.turn;
+				if (node.kind === "turn-trigger") continue;
 				const source = node.data.source;
 				if (source?.kind === "user" && typeof source.rpcId === "string") observed.add(source.rpcId);
 			}
-			const pending = /* @__PURE__ */ new Set();
-			for (const { source } of [...inbox?.["next-turn"] ?? [], ...inbox?.["next-step"] ?? []]) if (source.kind === "user" && "rpcId" in source) pending.add(source.rpcId);
 			return {
-				durable: observed,
-				pending
+				rpcIds: observed,
+				lastInputTurn
 			};
 		}
-		const ChatNodeList = (0, react.memo)(function ChatNodeList({ entries, useChatGroup, ...seatProps }) {
-			return entries.map((entry) => {
+		const ChatNodeList = (0, react.memo)(function ChatNodeList({ entries, useChatGroup, pendingInputs, lastInputTurn, ...seatProps }) {
+			const rows = entries.map((entry) => {
 				switch (entry.kind) {
 					case "node": return (0, react.createElement)(ChatNodeSeat, {
 						...seatProps,
@@ -4685,6 +4972,22 @@ window.__ModuleLoader__.load({
 					default: return assertNever(entry);
 				}
 			});
+			const pendingRows = pendingInputs.map((item) => "requestId" in item ? (0, react_jsx_runtime.jsx)(PendingSubmissionBubble, {
+				submission: item,
+				renderMessageImages: seatProps.renderMessageImages,
+				t: seatProps.t
+			}, item.requestId) : (0, react_jsx_runtime.jsx)(PendingSteeringBubble, {
+				content: item.content,
+				renderMessageImages: seatProps.renderMessageImages,
+				t: seatProps.t
+			}, item.id));
+			const tail = entries.at(-1);
+			const node = tail?.kind === "node" ? seatProps.nodeStore.get(tail.key) : void 0;
+			if (node?.kind === "turn-process" && node.location.kind === "turn" && node.location.turn.status === "open" && node.location.turn.turn !== lastInputTurn) {
+				const index = pendingInputs.findIndex((item) => "requestId" in item && item.placement === "transcript");
+				if (index !== -1) rows.splice(rows.length - 1, 0, ...pendingRows.splice(index, 1));
+			}
+			return [...rows, ...pendingRows];
 		});
 		/**
 		* The chat view slot entry: pure component over the composed props; each
@@ -4734,27 +5037,31 @@ window.__ModuleLoader__.load({
 			}, []);
 			const inboxSteering = (0, react.useMemo)(() => inbox?.["next-step"].filter((message) => message.source.kind === "user") ?? [], [inbox]);
 			const pendingSubmissions = useSession((s) => s.pendingSubmissions);
-			const visibleSubmissions = (0, react.useMemo)(() => {
-				if (pendingSubmissions.length === 0) return pendingSubmissions;
-				const observed = observedRpcIds(order, nodeStore, inbox);
-				return pendingSubmissions.filter((submission) => submission.placement !== "queued" && !observed.durable.has(submission.requestId) && (submission.placement === "steering" || !observed.pending.has(submission.requestId)));
+			const [visibleSubmissions, lastInputTurn] = (0, react.useMemo)(() => {
+				if (pendingSubmissions.length === 0) return [pendingSubmissions, void 0];
+				const observed = observedInputs(order, nodeStore);
+				return [pendingSubmissions.filter((submission) => submission.placement !== "queued" && !observed.rpcIds.has(submission.requestId)), observed.lastInputTurn];
 			}, [
 				pendingSubmissions,
 				order,
-				nodeStore,
-				inbox
+				nodeStore
 			]);
 			const pendingInputs = (0, react.useMemo)(() => {
 				const local = new Map(visibleSubmissions.map((submission) => [submission.requestId, submission]));
-				return [...inboxSteering.map((item) => {
+				const localIds = new Set(pendingSubmissions.filter((submission) => submission.placement !== "queued").map((submission) => submission.requestId));
+				return [...inboxSteering.flatMap((item) => {
 					const source = item.source;
-					if (source.kind !== "user" || !("rpcId" in source)) return item;
+					if (source.kind !== "user" || !("rpcId" in source)) return [item];
 					const submission = local.get(source.rpcId);
-					if (submission === void 0) return item;
+					if (submission === void 0) return localIds.has(source.rpcId) ? [] : [item];
 					local.delete(source.rpcId);
-					return submission;
+					return [submission];
 				}), ...local.values()];
-			}, [inboxSteering, visibleSubmissions]);
+			}, [
+				inboxSteering,
+				pendingSubmissions,
+				visibleSubmissions
+			]);
 			const renderMessageImages = (0, react.useCallback)((owner) => renderSlot("conversation.message.images", {
 				...owner,
 				loadImage
@@ -4781,99 +5088,96 @@ window.__ModuleLoader__.load({
 				loadedTurns: turnNavigationItems
 			});
 			return (0, react_jsx_runtime.jsxs)("div", {
-				className: ChatView_module_css_default.root,
-				"data-chat-following-tail": scroll.followingTail ? "" : void 0,
-				children: [(0, react_jsx_runtime.jsxs)("div", {
-					ref: scroll.listRef,
-					className: ChatView_module_css_default.scroll,
-					children: [
-						scroll.initialized && (0, react_jsx_runtime.jsx)(TurnNavigator, {
-							items: railItems,
-							activeTurn: scroll.activeTurn,
-							busyTurn: scroll.busyTurn,
-							onNavigate: scroll.navigateToTurn,
-							t
-						}),
-						(0, react_jsx_runtime.jsxs)("div", {
-							ref: scroll.columnRef,
-							className: ChatView_module_css_default.column,
-							"data-chat-flow": "",
-							children: [
-								openState === "loading" && (0, react_jsx_runtime.jsx)("div", {
-									className: ChatView_module_css_default.hint,
-									children: t("chat.loadingHistory")
-								}),
-								openState === "error" && openError !== null && (0, react_jsx_runtime.jsx)("div", {
-									className: ChatView_module_css_default.openError,
-									children: t("chat.loadError", {
-										message: openError.message,
-										code: openError.code
-									})
-								}),
-								hasMore && (0, react_jsx_runtime.jsx)("div", {
-									className: ChatView_module_css_default.older,
-									children: (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										disabled: loadingOlder,
-										onClick: scroll.loadEarlier,
-										children: loadingOlder ? t("loading") : t("chat.loadOlder")
-									})
-								}),
-								(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownDelegateProvider, {
-									openExternalLink,
-									openFile: requestOpenFile,
-									children: (0, react_jsx_runtime.jsx)(ChatNodeList, {
-										entries,
-										nodeStore,
-										useChatGroup,
-										useChatNode,
-										useChatNodeProcess,
-										usePresentation,
-										useStore,
-										actions,
-										cwd,
+				className: ChatView_module_css_default.frame,
+				children: [
+					scroll.initialized && (0, react_jsx_runtime.jsx)(TurnNavigator, {
+						items: railItems,
+						activeTurn: scroll.activeTurn,
+						busyTurn: scroll.busyTurn,
+						onNavigate: scroll.navigateToTurn,
+						t
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: ChatView_module_css_default.root,
+						"data-chat-following-tail": scroll.followingTail ? "" : void 0,
+						children: (0, react_jsx_runtime.jsx)("div", {
+							ref: scroll.listRef,
+							className: ChatView_module_css_default.scroll,
+							children: (0, react_jsx_runtime.jsxs)("div", {
+								ref: scroll.columnRef,
+								className: ChatView_module_css_default.column,
+								"data-chat-flow": "",
+								children: [
+									openState === "loading" && (0, react_jsx_runtime.jsx)("div", {
+										className: ChatView_module_css_default.hint,
+										children: t("chat.loadingHistory")
+									}),
+									openState === "error" && openError !== null && (0, react_jsx_runtime.jsx)("div", {
+										className: ChatView_module_css_default.openError,
+										children: t("chat.loadError", {
+											message: openError.message,
+											code: openError.code
+										})
+									}),
+									hasMore && (0, react_jsx_runtime.jsx)("div", {
+										className: ChatView_module_css_default.older,
+										children: (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											disabled: loadingOlder,
+											onClick: scroll.loadEarlier,
+											children: loadingOlder ? t("loading") : t("chat.loadOlder")
+										})
+									}),
+									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownDelegateProvider, {
+										openExternalLink,
 										openFile: requestOpenFile,
-										openSkill,
-										inspectCall,
-										forkAt,
-										loadImage,
-										renderMessageImages,
-										fileMentions,
-										renderSlot,
-										t
+										children: (0, react_jsx_runtime.jsx)(ChatNodeList, {
+											entries,
+											pendingInputs,
+											lastInputTurn,
+											nodeStore,
+											useChatGroup,
+											useChatNode,
+											useChatNodeProcess,
+											usePresentation,
+											useStore,
+											actions,
+											cwd,
+											openFile: requestOpenFile,
+											openSkill,
+											inspectCall,
+											forkAt,
+											loadImage,
+											renderMessageImages,
+											fileMentions,
+											renderSlot,
+											t
+										})
 									})
-								}),
-								pendingInputs.map((item) => "requestId" in item ? (0, react_jsx_runtime.jsx)(PendingSubmissionBubble, {
-									submission: item,
-									renderMessageImages,
-									t
-								}, item.requestId) : (0, react_jsx_runtime.jsx)(PendingSteeringBubble, {
-									content: item.content,
-									renderMessageImages,
-									t
-								}, item.id))
-							]
-						}),
-						!scroll.followingTail && (0, react_jsx_runtime.jsx)("div", {
-							className: ChatView_module_css_default.toBottomSlot,
-							children: (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: ChatView_module_css_default.toBottom,
-								"aria-label": t("chat.toBottom"),
-								onClick: scroll.returnToBottom,
-								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {})
+								]
 							})
 						})
-					]
-				}), fileOpenError !== null && (0, react_jsx_runtime.jsx)(FileOpenErrorDialog, {
-					message: fileOpenError.message,
-					busy: fileOpenBusy,
-					onClose: closeFileOpenError,
-					onRetry: () => {
-						requestOpenFile(fileOpenError.path);
-					},
-					t
-				})]
+					}),
+					!scroll.followingTail && (0, react_jsx_runtime.jsx)("div", {
+						className: ChatView_module_css_default.toBottomSlot,
+						children: (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: ChatView_module_css_default.toBottom,
+							"aria-label": t("chat.toBottom"),
+							onClick: scroll.returnToBottom,
+							children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {})
+						})
+					}),
+					fileOpenError !== null && (0, react_jsx_runtime.jsx)(FileOpenErrorDialog, {
+						message: fileOpenError.message,
+						busy: fileOpenBusy,
+						onClose: closeFileOpenError,
+						onRetry: () => {
+							requestOpenFile(fileOpenError.path);
+						},
+						t
+					})
+				]
 			});
 		}
 		/** In-page Host open-path refusal: the wire reason plus a retry of the same path. */
@@ -4974,10 +5278,10 @@ window.__ModuleLoader__.load({
 			"settings.performance.description": "选择性能与用量信息展示的详细程度",
 			"settings.performance.compact": "简洁",
 			"settings.performance.detailed": "详细",
-			"settings.links.title": "聊天链接打开方式",
-			"settings.links.description": "选择聊天中 HTTP(S) 链接的打开位置",
-			"settings.links.sidebar": "内置浏览器",
-			"settings.links.newTab": "浏览器新标签页",
+			"settings.links.title": "网页链接默认打开方式",
+			"settings.links.description": "对话中网页链接的打开位置",
+			"settings.links.sidebar": "应用内侧边栏",
+			"settings.links.newTab": "默认浏览器",
 			"settings.transcript.title": "工作过程展示",
 			"settings.transcript.description": "控制轮次和步骤的默认展开方式",
 			"settings.transcript.compact": "简洁",
@@ -5129,9 +5433,9 @@ window.__ModuleLoader__.load({
 			"settings.performance.compact": "Compact",
 			"settings.performance.detailed": "Detailed",
 			"settings.links.title": "Open chat links in",
-			"settings.links.description": "Choose where HTTP(S) links in chat open",
-			"settings.links.sidebar": "Built-in browser",
-			"settings.links.newTab": "New browser tab",
+			"settings.links.description": "Choose where to open web links",
+			"settings.links.sidebar": "In-App Sidebar",
+			"settings.links.newTab": "Default Browser",
 			"settings.transcript.title": "Work details",
 			"settings.transcript.description": "Controls how turns and steps expand by default",
 			"settings.transcript.compact": "Compact",