@qilin-agent/client-ui-chat 3.1.4 → 3.1.6

package/lib/client.js

@@ -906,7 +906,7 @@ window.__ModuleLoader__.load({
 			const location = node?.location;
 			if (location?.kind !== "turn" && location?.kind !== "step") return false;
 			const reason = location.turn.end?.data.reason.kind;
-			return location.turn.status === "open" || reason === "aborted" || reason === "error";
+			return location.turn.status === "open" || reason === "aborted" || reason === "interrupted" || reason === "error";
 		}
 		//#endregion
 		//#region lib/types/client/stores.js
@@ -997,9 +997,10 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/chat/flow-motion.js
 		/**
-		* Fade-then-close transitions owned by one Chat viewport. Rows fade before their boxes close;
-		* the owner reserves removed height and holds scrolling until that viewport's folds finish.
-		* Motion is opt-in under `[data-chat-motion]`, respects reduced motion, and clears temporary styles.
+		* Fold transitions owned by one Chat viewport. Every batch containing a closing row moves its boxes and
+		* the scrollport on one frame clock; a batch that only reveals rows, or a viewport without a reading
+		* policy, uses CSS transitions. Motion is opt-in under `[data-chat-motion]`, respects reduced motion,
+		* and clears temporary styles.
 		*/
 		const FADE_OUT_MS = 70;
 		/** The box starts closing while the fade finishes; by then the row is nearly transparent. */
@@ -1025,18 +1026,159 @@ window.__ModuleLoader__.load({
 			return element.hasAttribute("hidden") || element.dataset.chatMotion === "collapse";
 		}
 		/**
+		* Opacity of a revealing box at batch progress, continuing from the share its own transition reached.
+		* @param box - revealing box.
+		* @param progress - shared eased progress from zero to one.
+		* @returns opacity from zero to one.
+		*/
+		function revealedShare(box, progress) {
+			const start = box.height === 0 ? 0 : box.fromHeight / box.height;
+			return start + (1 - start) * progress;
+		}
+		/**
 		* Create animation coordination without cross-viewport broadcasts.
-		* @param reserve - reserve the deduplicated removed height in this viewport.
+		* @param driver - the viewport's driver for the next batch; null while detached.
 		* @param foldingChanged - disable or restore this viewport's native scroll anchoring.
 		* @returns stable callbacks and cleanup for this viewport's animations.
 		*/
-		function createFlowMotion(reserve, foldingChanged) {
+		function createFlowMotion(driver, foldingChanged) {
 			const running = /* @__PURE__ */ new Map();
 			let folding = 0;
 			const foldIdleListeners = /* @__PURE__ */ new Set();
-			const pendingReserve = /* @__PURE__ */ new Set();
-			let pendingGrowth = 0;
-			let reserveScheduled = false;
+			let batchScheduled = false;
+			const boxes = /* @__PURE__ */ new Map();
+			let frameRequest = null;
+			let batch = false;
+			let cancelled = false;
+			let clearEpoch = 0;
+			let batchCleanup = null;
+			let cancelEmptyBatch = null;
+			/** The batch is committing hidden rows and its final geometry; idle listeners wait until both land. */
+			let settling = false;
+			let anchoringDisabled = false;
+			function cancelInput() {
+				if (batch) cancelled = true;
+			}
+			function resumeInput() {
+				if (batch) cancelled = false;
+			}
+			/** Rows inside a closing ancestor change with it and never join a batch on their own. */
+			function batchMember(box) {
+				return box.element.parentElement?.closest("[data-chat-motion=\"collapse\"]") === null;
+			}
+			function runBatch(current) {
+				for (const box of [...boxes.values()]) {
+					if (!batchMember(box)) continue;
+					const height = box.element.offsetHeight;
+					const marginTop = Number.parseFloat(getComputedStyle(box.element).marginTop) || 0;
+					if (!box.closing) {
+						box.fromHeight = Math.min(height, box.height);
+						box.fromMarginTop = Math.min(marginTop, box.marginTop);
+						continue;
+					}
+					box.height = height;
+					box.marginTop = marginTop;
+					if (height === 0 && marginTop === 0) box.finish();
+				}
+				const owned = [...boxes.values()];
+				const members = owned.filter(batchMember).sort((left, right) => left.element.compareDocumentPosition(right.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
+				if (!members.some((box) => box.closing)) return;
+				batch = true;
+				cancelled = false;
+				const travelling = current.begin(members.map((box) => box.closing ? box : {
+					element: box.element,
+					height: box.height - box.fromHeight,
+					marginTop: box.marginTop - box.fromMarginTop,
+					closing: false
+				}));
+				batchCleanup = () => {
+					current.finish(true);
+				};
+				for (const box of owned) box.take();
+				for (const box of members) {
+					box.element.style.transition = "none";
+					box.element.style.height = `${box.closing ? box.height : box.fromHeight}px`;
+					box.element.style.marginTop = `${box.closing ? box.marginTop : box.fromMarginTop}px`;
+					box.element.style.opacity = box.closing ? "1" : String(revealedShare(box, 0));
+				}
+				const memberSet = new Set(members);
+				const settledTravel = /* @__PURE__ */ new Set();
+				const freezeTravelling = () => {
+					for (const element of travelling) {
+						if (settledTravel.has(element)) continue;
+						settledTravel.add(element);
+						element.style.translate = "";
+						for (const box of owned) {
+							if (memberSet.has(box) || !element.contains(box.element)) continue;
+							box.element.style.transition = "none";
+							box.element.style.height = `${box.height}px`;
+							box.element.style.marginTop = `${box.marginTop}px`;
+							box.element.style.opacity = "1";
+						}
+					}
+				};
+				freezeTravelling();
+				const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+				let started;
+				let displacement = 0;
+				const settle = (finishCancelled) => {
+					batch = false;
+					batchCleanup = null;
+					cancelEmptyBatch = null;
+					settling = true;
+					try {
+						for (const box of owned) if (boxes.get(box.element) === box) box.finish();
+						current.finish(finishCancelled);
+					} finally {
+						settling = false;
+					}
+					if (folding === 0) notifyIdle();
+					if ([...boxes.values()].some((box) => box.held)) flushBatch();
+				};
+				cancelEmptyBatch = () => {
+					if (members.some((box) => box.closing && boxes.get(box.element) === box)) return;
+					if (frameRequest !== null) cancelAnimationFrame(frameRequest);
+					frameRequest = null;
+					settle(true);
+				};
+				const tick = (now) => {
+					frameRequest = null;
+					started ??= now;
+					const elapsed = reduced ? 160 : now - started;
+					const linear = Math.min(1, Math.max(0, (elapsed - CLOSE_DELAY_MS) / CLOSE_MS));
+					const progress = linear * linear * (3 - 2 * linear);
+					current.prepare(progress, cancelled);
+					freezeTravelling();
+					for (const box of members) {
+						if (boxes.get(box.element) !== box) continue;
+						if (box.closing) {
+							box.element.style.height = `${box.height * (1 - progress)}px`;
+							box.element.style.marginTop = `${box.marginTop * (1 - progress)}px`;
+							box.element.style.opacity = travelling.has(box.element) ? "1" : String(Math.max(0, 1 - elapsed / FADE_OUT_MS));
+						} else {
+							box.element.style.height = `${box.fromHeight + (box.height - box.fromHeight) * progress}px`;
+							box.element.style.marginTop = `${box.fromMarginTop + (box.marginTop - box.fromMarginTop) * progress}px`;
+							box.element.style.opacity = String(revealedShare(box, progress));
+						}
+					}
+					displacement = current.frame(progress, cancelled);
+					let removedBefore = 0;
+					for (const box of members) {
+						if (boxes.get(box.element) !== box) continue;
+						if (box.closing) {
+							if (!travelling.has(box.element)) box.element.style.translate = `0 ${displacement + removedBefore}px`;
+							removedBefore += (box.height + box.marginTop) * progress;
+						} else removedBefore -= (box.height - box.fromHeight + box.marginTop - box.fromMarginTop) * progress;
+					}
+					if (linear < 1) {
+						frameRequest = requestAnimationFrame(tick);
+						return;
+					}
+					settle(cancelled);
+				};
+				if (reduced) tick(0);
+				else frameRequest = requestAnimationFrame(tick);
+			}
 			function foldActive() {
 				return folding > 0;
 			}
@@ -1047,30 +1189,41 @@ window.__ModuleLoader__.load({
 					foldIdleListeners.delete(listener);
 				};
 			}
-			function flushReserve() {
-				reserveScheduled = false;
-				let total = -pendingGrowth;
-				pendingGrowth = 0;
-				for (const element of pendingReserve) {
-					if (element.parentElement?.closest("[data-chat-motion=\"collapse\"]") !== null) continue;
-					total += element.offsetHeight + (Number.parseFloat(getComputedStyle(element).marginTop) || 0);
+			function flushBatch() {
+				batchScheduled = false;
+				if (batch) return;
+				const current = [...boxes.values()].some((box) => box.closing) ? driver() : null;
+				if (current !== null) {
+					runBatch(current);
+					return;
 				}
-				pendingReserve.clear();
-				if (total > 0) reserve(total);
+				const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+				for (const box of [...boxes.values()]) if (reduced || box.held && box.closing) box.finish();
+				else if (box.held) box.release();
 			}
-			function scheduleReserve() {
-				if (reserveScheduled) return;
-				reserveScheduled = true;
-				queueMicrotask(flushReserve);
+			function scheduleBatch() {
+				if (batchScheduled) return;
+				batchScheduled = true;
+				const epoch = clearEpoch;
+				queueMicrotask(() => {
+					if (epoch === clearEpoch) flushBatch();
+				});
 			}
 			function foldStarted() {
 				folding += 1;
-				if (folding === 1) foldingChanged(true);
+				if (folding !== 1 || anchoringDisabled) return;
+				anchoringDisabled = true;
+				foldingChanged(true);
 			}
 			function foldEnded() {
 				folding = Math.max(0, folding - 1);
-				if (folding > 0) return;
-				foldingChanged(false);
+				if (folding === 0 && !settling) notifyIdle();
+			}
+			function notifyIdle() {
+				if (anchoringDisabled) {
+					anchoringDisabled = false;
+					foldingChanged(false);
+				}
 				const listeners = [...foldIdleListeners];
 				foldIdleListeners.clear();
 				for (const listener of listeners) listener();
@@ -1079,17 +1232,19 @@ window.__ModuleLoader__.load({
 				element.removeEventListener("transitionend", onEnd);
 				clearTimeout(timer);
 				running.delete(element);
+				boxes.delete(element);
 				const { style } = element;
 				style.height = "";
 				style.marginTop = "";
 				style.opacity = "";
 				style.overflow = "";
 				style.transition = "";
+				style.translate = "";
 				delete element.dataset.chatMotion;
 			}
 			function cancelMotion(element) {
-				pendingReserve.delete(element);
 				running.get(element)?.();
+				cancelEmptyBatch?.();
 			}
 			function collapse(element, done) {
 				cancelMotion(element);
@@ -1100,19 +1255,21 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				const { style } = element;
+				const held = batch;
 				element.dataset.chatMotion = "collapse";
 				foldStarted();
-				pendingReserve.add(element);
-				scheduleReserve();
+				scheduleBatch();
 				style.transition = "none";
 				style.overflow = "hidden";
 				style.height = `${height}px`;
 				style.marginTop = `${marginTop}px`;
-				element.offsetHeight;
-				style.transition = `opacity ${FADE_OUT_MS}ms ${EASING}, height ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms, margin-top ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms`;
-				style.opacity = "0";
-				style.height = "0px";
-				style.marginTop = "0px";
+				if (!held) {
+					element.offsetHeight;
+					style.transition = `opacity ${FADE_OUT_MS}ms ${EASING}, height ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms, margin-top ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms`;
+					style.opacity = "0";
+					style.height = "0px";
+					style.marginTop = "0px";
+				}
 				const finish = () => {
 					if (running.get(element) !== cancel) return;
 					clearMotion(element, onEnd, timer);
@@ -1122,21 +1279,35 @@ window.__ModuleLoader__.load({
 				const onEnd = (event) => {
 					if (event.target === element && event.propertyName === "height") finish();
 				};
-				const timer = setTimeout(finish, 240);
+				const timer = held ? void 0 : setTimeout(finish, 240);
 				const cancel = () => {
 					clearMotion(element, onEnd, timer);
 					foldEnded();
 				};
-				element.addEventListener("transitionend", onEnd);
+				if (!held) element.addEventListener("transitionend", onEnd);
 				running.set(element, cancel);
+				boxes.set(element, {
+					element,
+					height,
+					marginTop,
+					fromHeight: height,
+					fromMarginTop: marginTop,
+					closing: true,
+					held,
+					finish,
+					release: () => {},
+					take: () => {
+						element.removeEventListener("transitionend", onEnd);
+						clearTimeout(timer);
+					}
+				});
 			}
 			function reveal(element) {
 				cancelMotion(element);
 				const height = element.offsetHeight;
 				if (height === 0) return;
 				const marginTop = Number.parseFloat(getComputedStyle(element).marginTop) || 0;
-				pendingGrowth += height + marginTop;
-				scheduleReserve();
+				scheduleBatch();
 				const { style } = element;
 				element.dataset.chatMotion = "reveal";
 				style.transition = "none";
@@ -1144,11 +1315,6 @@ window.__ModuleLoader__.load({
 				style.opacity = "0";
 				style.height = "0px";
 				style.marginTop = "0px";
-				element.offsetHeight;
-				style.transition = `height ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms, margin-top ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms, opacity ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms`;
-				style.height = `${height}px`;
-				style.marginTop = `${marginTop}px`;
-				style.opacity = "1";
 				const finish = () => {
 					if (running.get(element) !== finish) return;
 					clearMotion(element, onEnd, timer);
@@ -1156,14 +1322,50 @@ window.__ModuleLoader__.load({
 				const onEnd = (event) => {
 					if (event.target === element && event.propertyName === "height") finish();
 				};
-				const timer = setTimeout(finish, 240);
-				element.addEventListener("transitionend", onEnd);
+				let timer;
+				const startTransition = () => {
+					element.offsetHeight;
+					style.transition = `height ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms, margin-top ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms, opacity ${CLOSE_MS}ms ${EASING} ${CLOSE_DELAY_MS}ms`;
+					style.height = `${height}px`;
+					style.marginTop = `${marginTop}px`;
+					style.opacity = "1";
+					timer = setTimeout(finish, 240);
+					element.addEventListener("transitionend", onEnd);
+				};
+				const held = batch;
+				if (!held) startTransition();
 				running.set(element, finish);
+				const box = {
+					element,
+					height,
+					marginTop,
+					fromHeight: 0,
+					fromMarginTop: 0,
+					closing: false,
+					held,
+					finish,
+					release: () => {
+						box.held = false;
+						startTransition();
+					},
+					take: () => {
+						element.removeEventListener("transitionend", onEnd);
+						clearTimeout(timer);
+					}
+				};
+				boxes.set(element, box);
 			}
 			function clear() {
+				clearEpoch++;
+				batchScheduled = false;
+				batch = false;
+				cancelled = false;
+				if (frameRequest !== null) cancelAnimationFrame(frameRequest);
+				frameRequest = null;
+				batchCleanup?.();
+				batchCleanup = null;
+				cancelEmptyBatch = null;
 				foldIdleListeners.clear();
-				pendingReserve.clear();
-				pendingGrowth = 0;
 				for (const cancel of [...running.values()]) cancel();
 			}
 			return {
@@ -1172,7 +1374,10 @@ window.__ModuleLoader__.load({
 				cancelMotion,
 				foldActive,
 				onFoldIdle,
-				clear
+				cancelInput,
+				resumeInput,
+				clear,
+				inputActive: () => batch || batchScheduled && [...boxes.values()].some((box) => box.closing && batchMember(box))
 			};
 		}
 		function useFlowTransition(motion, grow) {
@@ -1182,11 +1387,12 @@ window.__ModuleLoader__.load({
 				current.current = null;
 			}, [motion]);
 			const transition = (0, react.useCallback)((element, hidden, commit) => {
-				const animate = current.current === element && motionEnabled(element);
+				const mounted = current.current === element;
+				const animate = mounted && motionEnabled(element);
 				current.current = element;
 				if (hidden) {
-					if (element.hasAttribute("hidden")) return;
-					if (animate && motion !== void 0) motion.collapse(element, commit);
+					if (hiddenOrCollapsing(element)) return;
+					if (mounted && element.closest(MOTION_SCOPE) !== null && motion !== void 0) motion.collapse(element, commit);
 					else commit();
 					return;
 				}
@@ -1201,7 +1407,7 @@ window.__ModuleLoader__.load({
 		* Apply searchable hiding with the containing Chat viewport's optional fold animation.
 		* @param hidden - desired visibility.
 		* @param reveal - browser-find and focus-protection callback.
-		* @param motion - owning viewport's row callbacks; absent in standalone rendering.
+		* @param motion - owning viewport's row callbacks; undefined applies visibility synchronously.
 		* @returns the stable subtree ref.
 		*/
 		function useFlowHidden(hidden, reveal, motion) {
@@ -1230,7 +1436,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-chat/src/client/chat/ChatView.module.css.mjs
-		const css$17 = ".JJ8Zsq_frame{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;container-type:inline-size}.JJ8Zsq_root{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:visible clip}.JJ8Zsq_scroll{min-height:0;padding:16px calc(var(--qilin-composer-side-clearance) + 16px);flex:auto;overflow-y:auto;container-type:inline-size}.JJ8Zsq_root[data-chat-following-tail] .JJ8Zsq_scroll,[data-conversation-scroll]:has(.JJ8Zsq_root[data-chat-following-tail]){overflow-anchor:none}[data-conversation-scroll] .JJ8Zsq_frame,[data-conversation-scroll] .JJ8Zsq_root{flex:none;height:auto;min-height:auto}[data-conversation-scroll] .JJ8Zsq_scroll{flex:none;min-height:auto;overflow:visible}.JJ8Zsq_column{max-width:var(--qilin-chat-content-width);flex-direction:column;width:100%;margin:0 auto;display:flex}:is(.JJ8Zsq_column,[data-slot=\"conversation.chat.flow\"])>:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty)))~:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty))),.JJ8Zsq_column:has(>.JJ8Zsq_older)>[data-slot=\"conversation.chat.flow\"]>:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty))){margin-top:var(--qilin-chat-flow-gap,6px)}.JJ8Zsq_flowItem[data-chat-group-part=response],:is(.JJ8Zsq_column,[data-slot=\"conversation.chat.flow\"])>[data-chat-group-part=response]:not([hidden]):not(:empty)+:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty))):not(.JJ8Zsq_running){--qilin-chat-flow-gap:12px}.JJ8Zsq_flowItem{min-width:0}.JJ8Zsq_turnSpacer{height:0}.JJ8Zsq_column[data-chat-motion]>:not([data-chat-motion]),.JJ8Zsq_column[data-chat-motion]>[data-slot=\"conversation.chat.flow\"]>:not([data-chat-motion]){transition:margin-top .16s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.JJ8Zsq_column[data-chat-motion]>:not([data-chat-motion]),.JJ8Zsq_column[data-chat-motion]>[data-slot=\"conversation.chat.flow\"]>:not([data-chat-motion]){transition:none}}.JJ8Zsq_flowItem[data-chat-flow-kind=turn-process],.JJ8Zsq_flowItem[data-turn-process-answer],:is(.JJ8Zsq_column,[data-slot=\"conversation.chat.flow\"])>[data-chat-flow-kind=turn-process]+:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty))):not(.JJ8Zsq_running){--qilin-chat-flow-gap:16px}.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty)){height:0}.JJ8Zsq_callRow{border-radius:var(--dsw-radius-sm)}.JJ8Zsq_hint{color:var(--dsw-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(18px + var(--qilin-content-font-delta-secondary,0px))}.JJ8Zsq_running{--qilin-chat-flow-gap:12px;--dsw-alias-label-shimmer:var(--dsw-alias-label-deep-diving-shimmer);color:var(--dsw-alias-label-deep-diving);font-size:calc(var(--qilin-content-font-size,14px) - 2px);line-height:calc(22px + var(--qilin-content-font-delta,0px));flex-direction:column;align-items:flex-start;display:flex}.JJ8Zsq_modalAction{min-width:72px}.JJ8Zsq_running{--qilin-chat-flow-gap:12px;--qilin-alias-label-shimmer:var(--qilin-alias-label-deep-diving-shimmer);color:var(--qilin-alias-label-deep-diving,var(--qilin-alias-label-tertiary));font-size:calc(var(--qilin-content-font-size,14px) - 2px);line-height:calc(22px + var(--qilin-content-font-delta,0px));flex-direction:column;align-items:flex-start;display:flex}:is(.JJ8Zsq_column,[data-slot=\"conversation.chat.flow\"])>:nth-last-child(2 of :not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty)))):is(.JJ8Zsq_flowItem:not([data-chat-flow-kind=user]):not([data-chat-flow-kind=steering]):not([data-chat-flow-kind=turn-trigger]),[data-chat-group-key])~.JJ8Zsq_running>.JJ8Zsq_runningDivider{display:block}.JJ8Zsq_runningDivider{background:color-mix(in srgb, var(--qilin-alias-border-l1) 75%, var(--qilin-alias-border-l2));pointer-events:none;width:100%;height:.5px;margin:8px 0 10px;display:none}.JJ8Zsq_runningContent{align-items:center;gap:6px;min-width:0;display:inline-flex}.JJ8Zsq_toBottomSlot{z-index:8;justify-content:center;height:0;display:flex;position:absolute;bottom:16px;left:0;right:0}[data-conversation-scroll] .JJ8Zsq_toBottomSlot{bottom:calc(var(--qilin-composer-height,152px) + 16px);position:sticky}.JJ8Zsq_toBottom{--qilin-elevation-stroke-color:var(--qilin-alias-border-l3);corner-shape:round;width:34px;height:34px;color:var(--qilin-alias-label-primary);background:var(--qilin-alias-button-floating-fill);box-shadow:var(--qilin-shadow-lv1);cursor:pointer;pointer-events:auto;border:0;border-radius:100px;justify-content:center;align-items:center;margin-top:-34px;padding:0;display:flex}.JJ8Zsq_toBottom:hover{background:var(--qilin-alias-button-floating-hover)}";
+		const css$17 = ".JJ8Zsq_frame{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;container-type:inline-size}.JJ8Zsq_root{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:visible clip}.JJ8Zsq_scroll{min-height:0;padding:16px calc(var(--qilin-composer-side-clearance) + 16px);flex:auto;overflow-y:auto;container-type:inline-size}.JJ8Zsq_root[data-chat-following-tail] .JJ8Zsq_scroll,[data-conversation-scroll]:has(.JJ8Zsq_root[data-chat-following-tail]){overflow-anchor:none}[data-conversation-scroll] .JJ8Zsq_frame,[data-conversation-scroll] .JJ8Zsq_root{flex:none;height:auto;min-height:auto}[data-conversation-scroll] .JJ8Zsq_scroll{flex:none;min-height:auto;overflow:visible}.JJ8Zsq_column{max-width:var(--qilin-chat-content-width);flex-direction:column;width:100%;margin:0 auto;display:flex}:is(.JJ8Zsq_column,[data-slot=\"conversation.chat.flow\"])>:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty)))~:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty))),.JJ8Zsq_column:has(>.JJ8Zsq_older)>[data-slot=\"conversation.chat.flow\"]>:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty))){margin-top:var(--qilin-chat-flow-gap,6px)}.JJ8Zsq_older{justify-content:center;display:flex}.JJ8Zsq_older button{border-radius:var(--qilin-radius-sm);color:var(--qilin-alias-label-secondary);background:var(--qilin-alias-interactive-bg-hover-solid);cursor:pointer;border:none;padding:4px 12px;font-size:12px}.JJ8Zsq_older button:disabled{cursor:default;opacity:.6}.JJ8Zsq_flowItem[data-chat-group-part=response],:is(.JJ8Zsq_column,[data-slot=\"conversation.chat.flow\"])>[data-chat-group-part=response]:not([hidden]):not(:empty)+:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty))):not(.JJ8Zsq_running){--qilin-chat-flow-gap:12px}.JJ8Zsq_flowItem{min-width:0}.JJ8Zsq_turnSpacer{height:0}.JJ8Zsq_column[data-chat-motion]>:not([data-chat-motion]),.JJ8Zsq_column[data-chat-motion]>[data-slot=\"conversation.chat.flow\"]>:not([data-chat-motion]){transition:margin-top .16s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.JJ8Zsq_column[data-chat-motion]>:not([data-chat-motion]),.JJ8Zsq_column[data-chat-motion]>[data-slot=\"conversation.chat.flow\"]>:not([data-chat-motion]){transition:none}}.JJ8Zsq_flowItem[data-chat-flow-kind=turn-process],.JJ8Zsq_flowItem[data-turn-process-answer],:is(.JJ8Zsq_column,[data-slot=\"conversation.chat.flow\"])>[data-chat-flow-kind=turn-process]+:not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty))):not(.JJ8Zsq_running){--qilin-chat-flow-gap:16px}.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty)){height:0}.JJ8Zsq_callRow{border-radius:var(--dsw-radius-sm)}.JJ8Zsq_hint{color:var(--dsw-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(18px + var(--qilin-content-font-delta-secondary,0px))}.JJ8Zsq_running{--qilin-chat-flow-gap:12px;--dsw-alias-label-shimmer:var(--dsw-alias-label-deep-diving-shimmer);color:var(--dsw-alias-label-deep-diving);font-size:calc(var(--qilin-content-font-size,14px) - 2px);line-height:calc(22px + var(--qilin-content-font-delta,0px));flex-direction:column;align-items:flex-start;display:flex}.JJ8Zsq_modalAction{min-width:72px}.JJ8Zsq_running{--qilin-chat-flow-gap:12px;--qilin-alias-label-shimmer:var(--qilin-alias-label-running-shimmer);color:var(--qilin-alias-label-running,var(--qilin-alias-label-tertiary));font-size:calc(var(--qilin-content-font-size,14px) - 2px);line-height:calc(22px + var(--qilin-content-font-delta,0px));flex-direction:column;align-items:flex-start;display:flex}:is(.JJ8Zsq_column,[data-slot=\"conversation.chat.flow\"])>:nth-last-child(2 of :not([hidden]):not(.JJ8Zsq_flowItem:is(:empty,:has(>[data-slot=\"conversation.chat.node\"]:empty)))):is(.JJ8Zsq_flowItem:not([data-chat-flow-kind=user]):not([data-chat-flow-kind=steering]):not([data-chat-flow-kind=turn-trigger]),[data-chat-group-key])~.JJ8Zsq_running>.JJ8Zsq_runningDivider{display:block}.JJ8Zsq_runningDivider{background:color-mix(in srgb, var(--qilin-alias-border-l1) 75%, var(--qilin-alias-border-l2));pointer-events:none;width:100%;height:.5px;margin:8px 0 10px;display:none}.JJ8Zsq_runningContent{align-items:center;gap:6px;min-width:0;display:inline-flex}.JJ8Zsq_toBottomSlot{z-index:8;justify-content:center;height:0;display:flex;position:absolute;bottom:16px;left:0;right:0}[data-conversation-scroll] .JJ8Zsq_toBottomSlot{bottom:calc(var(--qilin-composer-height,152px) + 16px);position:sticky}.JJ8Zsq_toBottom{--qilin-elevation-stroke-color:var(--qilin-alias-border-l3);corner-shape:round;width:34px;height:34px;color:var(--qilin-alias-label-primary);background:var(--qilin-alias-button-floating-fill);box-shadow:var(--qilin-shadow-lv1);cursor:pointer;pointer-events:auto;border:0;border-radius:100px;justify-content:center;align-items:center;margin-top:-34px;padding:0;display:flex}.JJ8Zsq_toBottom:hover{background:var(--qilin-alias-button-floating-hover)}";
 		const tagId$17 = "@qilin-agent/client-ui-chat/ChatView.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$17) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1271,7 +1477,7 @@ window.__ModuleLoader__.load({
 		* Policy reads select this seat's own conclusion, so a mode change re-renders
 		* only seats whose visibility actually changes.
 		*/
-		const ChatNodeSeat = (0, react.memo)(function ChatNodeSeat({ nodeKey, groupPart, useChatNode, useChatNodeProcess, usePresentation, cwd, openFile, openSkill, inspectCall, forkAt, editUserMessage, loadImage, renderMessageImages, fileMentions, useStore, actions, renderSlot, t, useChatNodeBottom, deferCollapse, useGroupAction }) {
+		const ChatNodeSeat = (0, react.memo)(function ChatNodeSeat({ nodeKey, groupPart, depth, useChatNode, useChatNodeProcess, usePresentation, cwd, openFile, openSkill, inspectCall, forkAt, editUserMessage, loadImage, renderMessageImages, fileMentions, useStore, actions, renderSlot, t, useChatNodeBottom, deferCollapse, useGroupAction }) {
 			const bottom = useChatNodeBottom(nodeKey);
 			const node = useChatNode(nodeKey);
 			const routedNode = node;
@@ -1374,6 +1580,7 @@ window.__ModuleLoader__.load({
 				"data-chat-flow-key": flowKey,
 				"data-chat-paging-anchor": routedNode.kind !== "turn-process" || void 0,
 				"data-chat-node-key": routedNode.key,
+				"data-chat-depth": depth,
 				"data-chat-group-part": groupPart,
 				"data-chat-flow-kind": routedNode.kind,
 				"data-chat-turn": turn,
@@ -1769,7 +1976,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-chat/src/client/chat/ChatGroupSeat.module.css.mjs
-		const css$16 = ".nsI7mW_root{min-width:0}.nsI7mW_title{max-width:100%;color:var(--qilin-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}.nsI7mW_title:hover{color:var(--qilin-alias-label-primary)}.nsI7mW_leading{width:calc(16px + var(--qilin-content-font-delta,0px));height:calc(16px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.nsI7mW_leading svg{width:calc(14px + var(--qilin-content-font-delta,0px));height:calc(14px + var(--qilin-content-font-delta,0px))}.nsI7mW_leading svg[width=\"16\"]{width:calc(16px + var(--qilin-content-font-delta,0px));height:calc(16px + var(--qilin-content-font-delta,0px))}.nsI7mW_activityIcon,.nsI7mW_chevron{justify-content:center;align-items:center;transition:opacity .1s;display:inline-flex;position:absolute;inset:0}.nsI7mW_activityIcon{opacity:1}.nsI7mW_chevron,.nsI7mW_title:is(:hover,:focus-visible) .nsI7mW_activityIcon{opacity:0}.nsI7mW_title:is(:hover,:focus-visible) .nsI7mW_chevron{opacity:1}.nsI7mW_title[aria-expanded=true] .nsI7mW_activityIcon{opacity:0}.nsI7mW_title[aria-expanded=true] .nsI7mW_chevron{opacity:1}.nsI7mW_title[aria-expanded=true]{padding-bottom:8px}.nsI7mW_body{--dsh-chat-flow-gap:6px;overscroll-behavior-y:auto;scrollbar-gutter:stable;max-height:min(400px,50vh);overflow-y:auto}.nsI7mW_label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nsI7mW_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.nsI7mW_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.nsI7mW_fadeTop.nsI7mW_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}@media (prefers-reduced-motion:reduce){.nsI7mW_title,.nsI7mW_activityIcon,.nsI7mW_chevron{transition:none}}.nsI7mW_content{flex-direction:column;display:flex}.nsI7mW_content>*{flex-shrink:0}.nsI7mW_content>:not([hidden]):not(:empty)~:not([hidden]):not(:empty){margin-top:var(--dsh-chat-flow-gap,6px)}.nsI7mW_expandedBody{--dsh-chat-flow-gap:16px;scrollbar-gutter:auto;max-height:none;overflow:visible}[data-chat-motion] .nsI7mW_content>:not([data-chat-motion]){transition:margin-top .16s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){[data-chat-motion] .nsI7mW_content>:not([data-chat-motion]){transition:none}}";
+		const css$16 = ".nsI7mW_root{min-width:0}.nsI7mW_title{max-width:100%;color:var(--qilin-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}.nsI7mW_title:hover{color:var(--qilin-alias-label-primary)}.nsI7mW_leading{width:calc(16px + var(--qilin-content-font-delta,0px));height:calc(16px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.nsI7mW_leading svg{width:calc(14px + var(--qilin-content-font-delta,0px));height:calc(14px + var(--qilin-content-font-delta,0px))}.nsI7mW_leading svg[width=\"16\"]{width:calc(16px + var(--qilin-content-font-delta,0px));height:calc(16px + var(--qilin-content-font-delta,0px))}.nsI7mW_activityIcon,.nsI7mW_chevron{justify-content:center;align-items:center;transition:opacity .1s;display:inline-flex;position:absolute;inset:0}.nsI7mW_activityIcon{opacity:1}.nsI7mW_chevron,.nsI7mW_title:is(:hover,:focus-visible) .nsI7mW_activityIcon{opacity:0}.nsI7mW_title:is(:hover,:focus-visible) .nsI7mW_chevron{opacity:1}.nsI7mW_title[aria-expanded=true] .nsI7mW_activityIcon{opacity:0}.nsI7mW_title[aria-expanded=true] .nsI7mW_chevron{opacity:1}.nsI7mW_title[aria-expanded=true]{padding-bottom:8px}.nsI7mW_body{--dsh-chat-flow-gap:6px;overscroll-behavior-y:auto;scrollbar-gutter:stable;max-height:min(400px,50vh);overflow-y:auto}.nsI7mW_root:not([data-group-expanded-mode]) .nsI7mW_body{--dsh-chat-process-indent:24px}.nsI7mW_root:not([data-group-expanded-mode]) .nsI7mW_content>[data-chat-depth=\"1\"]{padding-inline-start:var(--dsh-chat-process-indent)}.nsI7mW_root:not([data-group-expanded-mode]) .nsI7mW_content>[data-chat-depth=\"2\"]{padding-inline-start:calc(var(--dsh-chat-process-indent) * 2)}.nsI7mW_label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nsI7mW_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.nsI7mW_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.nsI7mW_fadeTop.nsI7mW_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}@media (prefers-reduced-motion:reduce){.nsI7mW_title,.nsI7mW_activityIcon,.nsI7mW_chevron{transition:none}}.nsI7mW_content{flex-direction:column;display:flex}.nsI7mW_content>*{flex-shrink:0}.nsI7mW_content>:not([hidden]):not(:empty)~:not([hidden]):not(:empty){margin-top:var(--dsh-chat-flow-gap,6px)}.nsI7mW_expandedBody{--dsh-chat-flow-gap:16px;scrollbar-gutter:auto;max-height:none;overflow:visible}[data-chat-motion] .nsI7mW_content>:not([data-chat-motion]){transition:margin-top .16s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){[data-chat-motion] .nsI7mW_content>:not([data-chat-motion]){transition:none}}";
 		const tagId$16 = "@qilin-agent/client-ui-chat/ChatGroupSeat.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$16) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1845,11 +2052,21 @@ window.__ModuleLoader__.load({
 			]);
 			return active ? displayed : desired;
 		}
+		/**
+		* Nesting level of one member: a Step's own row reads one level in, and the
+		* reasoning and Tool rows that belong to it read two.
+		* @param member - group member reference.
+		* @returns the member's depth below the group header.
+		*/
+		function memberDepth(member) {
+			return member.groupPart === "response" ? 1 : 2;
+		}
 		const GroupMembers = (0, react.memo)(function GroupMembers({ members, ...props }) {
 			return members.map((member) => (0, react.createElement)(ChatNodeSeat, {
 				...props,
 				key: chatRenderKey(member),
 				nodeKey: member.key,
+				depth: memberDepth(member),
 				...member.groupPart === void 0 ? {} : { groupPart: member.groupPart }
 			}));
 		});
@@ -1911,7 +2128,7 @@ window.__ModuleLoader__.load({
 			});
 			const grouped = props.usePresentation((policy) => policy.stepGrouping === "collapsed" || policy.stepGrouping === "history" && turnLocation?.status !== "open" && !deferCollapse);
 			const reason = turnLocation?.end?.data.reason.kind;
-			const alwaysOpen = presentation?.turnClosed === false || presentation?.hasInterleavedInput === true || reason === "aborted" || reason === "error";
+			const alwaysOpen = presentation?.turnClosed === false || presentation?.hasInterleavedInput === true || reason === "aborted" || reason === "interrupted" || reason === "error";
 			const spec = presentation?.spec;
 			const selectOpen = (0, react.useCallback)((state) => spec !== void 0 && turnProcessOpen(state, spec, deferCollapse), [spec, deferCollapse]);
 			const storedOpen = props.useStore(selectOpen);
@@ -2023,7 +2240,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-chat/src/client/chat/MessageItem.module.css.mjs
-		const css$15 = ".Icvj1a_userRow{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.Icvj1a_userStack{min-width:0;max-width:min(calc(var(--qilin-chat-content-width,748px) * .702), 82%);flex-direction:column;align-items:flex-end;gap:8px;display:flex}.Icvj1a_bubble{background:var(--qilin-specific-bubble);max-width:100%;font-size:var(--qilin-content-font-size,14px);line-height:calc(22px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:22px;padding:10px 16px}.Icvj1a_referenceSummary{color:var(--qilin-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(18px + var(--qilin-content-font-delta-secondary,0px))}.Icvj1a_contextRow{padding:2px 0}.Icvj1a_compactionRow{--qilin-compaction-header-height:calc(24px + var(--qilin-content-font-delta,0px));padding:2px 0}.Icvj1a_compactionButton{width:100%;height:var(--qilin-compaction-header-height);min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;padding:0;display:flex}.Icvj1a_compactionRow:has(.Icvj1a_compactionBody) .Icvj1a_compactionButton{z-index:7;background:var(--qilin-alias-bg-base);border-radius:0;position:sticky;top:0}.Icvj1a_compactionBody :has(>[data-code-block-banner]){top:var(--qilin-compaction-header-height)}.Icvj1a_compactionRow:has(.Icvj1a_compactionBody) .Icvj1a_compactionButton:hover{background:var(--qilin-alias-interactive-bg-hover-solid)}.Icvj1a_compactionButton:not(:disabled){cursor:pointer}.Icvj1a_compactionButton:not(:disabled):hover{background:var(--qilin-alias-interactive-bg-hover)}.Icvj1a_compactionLeading{width:calc(16px + var(--qilin-content-font-delta,0px));height:calc(16px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-secondary);flex:none;place-items:center;margin-right:6px;display:inline-grid}.Icvj1a_compactionLeading svg{width:calc(14px + var(--qilin-content-font-delta,0px));height:calc(14px + var(--qilin-content-font-delta,0px))}.Icvj1a_compactionContextIcon,.Icvj1a_compactionDisclosureIcon{grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.Icvj1a_compactionDisclosureIcon,.Icvj1a_compactionButton:not(:disabled):hover .Icvj1a_compactionContextIcon,.Icvj1a_compactionButton:not(:disabled):focus-visible .Icvj1a_compactionContextIcon{opacity:0}.Icvj1a_compactionButton:not(:disabled):hover .Icvj1a_compactionDisclosureIcon,.Icvj1a_compactionButton:not(:disabled):focus-visible .Icvj1a_compactionDisclosureIcon{opacity:1}.Icvj1a_compactionTitle{font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(24px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-primary-dimmed);flex:none}.Icvj1a_compactionSep{background:var(--qilin-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.Icvj1a_compactionSummary{min-width:0;color:var(--qilin-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(24px + var(--qilin-content-font-delta,0px));text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.Icvj1a_compactionBody{padding:4px 0 4px calc(22px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(24px + var(--qilin-content-font-delta,0px))}.Icvj1a_retryRow{color:var(--qilin-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(20px + var(--qilin-content-font-delta-secondary,0px))}.Icvj1a_retrySummary{width:fit-content;color:inherit;cursor:pointer;user-select:none;border-radius:3px;align-items:center;gap:7px;padding:2px 0;list-style:none;display:inline-flex}.Icvj1a_retrySummary::-webkit-details-marker{display:none}.Icvj1a_retrySummary:after{content:\"\";opacity:.8;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:rotate(-45deg)}.Icvj1a_retrySummary:hover{color:var(--qilin-alias-label-secondary)}.Icvj1a_retrySummary:focus-visible{outline:1.5px solid var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline-offset:2px}.Icvj1a_retryText{color:inherit}.Icvj1a_retryRow[data-active] .Icvj1a_retryText{background:linear-gradient(90deg, var(--qilin-alias-label-tertiary) 0%, var(--qilin-alias-label-tertiary) 40%, var(--qilin-alias-label-secondary) 50%, var(--qilin-alias-label-tertiary) 60%, var(--qilin-alias-label-tertiary) 100%);color:#0000;background-position:100%;background-size:200% 100%;background-clip:text;animation:1.6s ease-in-out infinite Icvj1a_retry-shimmer}.Icvj1a_retryRow[open] .Icvj1a_retrySummary:after{transform:rotate(45deg)}.Icvj1a_retryDetails{overflow-wrap:anywhere;font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(18px + var(--qilin-content-font-delta-secondary,0px));gap:2px;margin-top:3px;padding-left:14px;display:grid}.Icvj1a_retryDetailLabel{color:var(--qilin-alias-label-secondary)}.Icvj1a_turnErrorRow{font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(20px + var(--qilin-content-font-delta-secondary,0px));grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:8px;padding:2px 0;display:grid}.Icvj1a_turnErrorDot{margin-top:5px}.Icvj1a_turnErrorCopy{overflow-wrap:anywhere;min-width:0}.Icvj1a_turnErrorTitle{color:var(--qilin-alias-state-error-primary);margin-right:6px;font-weight:600}.Icvj1a_turnErrorMessage{color:var(--qilin-alias-label-secondary)}.Icvj1a_turnErrorCode{color:var(--qilin-alias-label-tertiary);font:var(--qilin-font-markdown-code-block-small)}.Icvj1a_maxTokensTitle{color:var(--qilin-alias-state-warn-primary);margin-right:6px;font-weight:600}@keyframes Icvj1a_retry-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.Icvj1a_retryRow[data-active] .Icvj1a_retryText{color:inherit;background:0 0;animation:none}}.Icvj1a_attachmentRow{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%;display:flex}.Icvj1a_fileCard{border:.5px solid var(--qilin-alias-border-l2,#0000001f);background:var(--qilin-specific-input-major,transparent);box-sizing:border-box;border-radius:16px;flex:0 0 240px;align-items:center;gap:10px;width:240px;min-height:64px;padding:8px 12px;display:inline-flex}.Icvj1a_fileIcon{flex:none;width:28px;height:28px}.Icvj1a_fileContent{flex-direction:column;flex:1;min-width:0;display:flex}.Icvj1a_fileName{white-space:nowrap;text-overflow:ellipsis;color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px;overflow:hidden}.Icvj1a_fileMeta{white-space:nowrap;text-overflow:ellipsis;color:var(--qilin-alias-label-tertiary,#00000073);font-size:12px;line-height:15px;overflow:hidden}";
+		const css$15 = ".Icvj1a_userRow{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.Icvj1a_userStack{min-width:0;max-width:min(calc(var(--qilin-chat-content-width,748px) * .702), 82%);flex-direction:column;align-items:flex-end;gap:8px;display:flex}.Icvj1a_bubble{background:var(--qilin-specific-bubble);max-width:100%;font-size:var(--qilin-content-font-size,14px);line-height:calc(22px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-primary);white-space:pre-wrap;word-break:break-word;border-radius:22px;padding:10px 16px}.Icvj1a_referenceSummary{color:var(--qilin-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(18px + var(--qilin-content-font-delta-secondary,0px))}.Icvj1a_contextRow{padding:2px 0}.Icvj1a_compactionRow{--qilin-compaction-header-height:calc(24px + var(--qilin-content-font-delta,0px));padding:2px 0}.Icvj1a_compactionButton{width:100%;height:var(--qilin-compaction-header-height);min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;padding:0;display:flex}.Icvj1a_compactionRow:has(.Icvj1a_compactionBody) .Icvj1a_compactionButton{z-index:7;background:var(--qilin-alias-bg-base);border-radius:0;position:sticky;top:0}.Icvj1a_compactionBody :has(>[data-code-block-banner]){top:var(--qilin-compaction-header-height)}.Icvj1a_compactionRow:has(.Icvj1a_compactionBody) .Icvj1a_compactionButton:hover{background:var(--qilin-alias-interactive-bg-hover-solid)}.Icvj1a_compactionButton:not(:disabled){cursor:pointer}.Icvj1a_compactionButton:not(:disabled):hover{background:var(--qilin-alias-interactive-bg-hover)}.Icvj1a_compactionLeading{width:calc(16px + var(--qilin-content-font-delta,0px));height:calc(16px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-secondary);flex:none;place-items:center;margin-right:6px;display:inline-grid}.Icvj1a_compactionLeading svg{width:calc(14px + var(--qilin-content-font-delta,0px));height:calc(14px + var(--qilin-content-font-delta,0px))}.Icvj1a_compactionContextIcon,.Icvj1a_compactionDisclosureIcon{grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.Icvj1a_compactionDisclosureIcon,.Icvj1a_compactionButton:not(:disabled):hover .Icvj1a_compactionContextIcon,.Icvj1a_compactionButton:not(:disabled):focus-visible .Icvj1a_compactionContextIcon{opacity:0}.Icvj1a_compactionButton:not(:disabled):hover .Icvj1a_compactionDisclosureIcon,.Icvj1a_compactionButton:not(:disabled):focus-visible .Icvj1a_compactionDisclosureIcon{opacity:1}.Icvj1a_compactionTitle{font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(24px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-primary-dimmed);flex:none}.Icvj1a_compactionSep{background:var(--qilin-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.Icvj1a_compactionSummary{min-width:0;color:var(--qilin-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(24px + var(--qilin-content-font-delta,0px));text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.Icvj1a_compactionBody{padding:4px 0 4px calc(22px + var(--qilin-content-font-delta,0px));color:var(--qilin-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(24px + var(--qilin-content-font-delta,0px))}.Icvj1a_retryRow{color:var(--qilin-alias-label-tertiary);font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(20px + var(--qilin-content-font-delta-secondary,0px))}.Icvj1a_retrySummary{width:fit-content;color:inherit;cursor:pointer;user-select:none;border-radius:3px;align-items:center;gap:7px;padding:2px 0;list-style:none;display:inline-flex}.Icvj1a_retrySummary::-webkit-details-marker{display:none}.Icvj1a_retrySummary:after{content:\"\";opacity:.8;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:rotate(-45deg)}.Icvj1a_retrySummary:hover{color:var(--qilin-alias-label-secondary)}.Icvj1a_retrySummary:focus-visible{outline:1.5px solid var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline-offset:2px}.Icvj1a_retryText{color:inherit}.Icvj1a_retryRow[data-active] .Icvj1a_retryText{background:linear-gradient(90deg, var(--qilin-alias-label-tertiary) 0%, var(--qilin-alias-label-tertiary) 40%, var(--qilin-alias-label-secondary) 50%, var(--qilin-alias-label-tertiary) 60%, var(--qilin-alias-label-tertiary) 100%);color:#0000;background-position:100%;background-size:200% 100%;background-clip:text;animation:1.6s ease-in-out infinite Icvj1a_retry-shimmer}.Icvj1a_retryRow[open] .Icvj1a_retrySummary:after{transform:rotate(45deg)}.Icvj1a_retryDetails{overflow-wrap:anywhere;font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(18px + var(--qilin-content-font-delta-secondary,0px));gap:2px;margin-top:3px;padding-left:14px;display:grid}.Icvj1a_retryDetailLabel{color:var(--qilin-alias-label-secondary)}.Icvj1a_turnErrorRow{font-size:var(--qilin-content-font-size-secondary,13px);line-height:calc(20px + var(--qilin-content-font-delta-secondary,0px));grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:8px;padding:2px 0;display:grid}.Icvj1a_turnErrorDot{margin-top:5px}.Icvj1a_turnErrorCopy{overflow-wrap:anywhere;min-width:0}.Icvj1a_turnErrorTitle{color:var(--qilin-alias-state-error-primary);margin-right:6px;font-weight:600}.Icvj1a_turnErrorMessage{color:var(--qilin-alias-label-secondary)}.Icvj1a_turnErrorCode{color:var(--qilin-alias-label-tertiary);font:var(--qilin-font-markdown-code-block-small)}.Icvj1a_maxTokensTitle{color:var(--qilin-alias-state-warn-primary);margin-right:6px;font-weight:600}@keyframes Icvj1a_retry-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.Icvj1a_retryRow[data-active] .Icvj1a_retryText{color:inherit;background:0 0;animation:none}}.Icvj1a_attachmentRow{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%;display:flex}.Icvj1a_fileCard{border:.5px solid var(--qilin-alias-border-l2,#0000001f);border-radius:var(--qilin-radius-lg);background:var(--qilin-specific-input-major,transparent);box-sizing:border-box;flex:0 0 240px;align-items:center;gap:10px;width:240px;min-height:64px;padding:8px 12px;display:inline-flex}.Icvj1a_fileIcon{flex:none;width:28px;height:28px}.Icvj1a_fileContent{flex-direction:column;flex:1;min-width:0;display:flex}.Icvj1a_fileName{white-space:nowrap;text-overflow:ellipsis;color:var(--qilin-alias-label-primary);font-size:14px;font-weight:500;line-height:22px;overflow:hidden}.Icvj1a_fileMeta{white-space:nowrap;text-overflow:ellipsis;color:var(--qilin-alias-label-tertiary,#00000073);font-size:12px;line-height:15px;overflow:hidden}";
 		const tagId$15 = "@qilin-agent/client-ui-chat/MessageItem.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$15) + "]") === null) {
 			const tag = document.createElement("style");
@@ -3036,6 +3253,10 @@ window.__ModuleLoader__.load({
 			return Math.max(1, Math.ceil(milliseconds / 1e3));
 		}
 		function failureMessage(message, code, t) {
+			if (code === "ACCOUNT_SIGNED_OUT") return t("message.failure.accountSignedOut");
+			if (code === "INTERRUPTED") return t("message.failure.interrupted");
+			if (code === "ACCOUNT_SIGN_IN_REQUIRED") return t("message.failure.accountSignInRequired");
+			if (code === "QUOTA" || code === "ACCOUNT_QUOTA") return t("message.failure.quota");
 			return code === "AUTH" ? t("message.failure.auth") : message;
 		}
 		function ModelRetryItem({ node, active, t }) {
@@ -3108,13 +3329,13 @@ window.__ModuleLoader__.load({
 						className: MessageItem_module_css_default.turnErrorCopy,
 						children: [(0, react_jsx_runtime.jsx)("span", {
 							className: MessageItem_module_css_default.turnErrorTitle,
-							children: t("message.turnError")
+							children: node.code === "ACCOUNT_SIGNED_OUT" || node.code === "INTERRUPTED" ? t("message.taskStopped") : t("message.turnError")
 						}), (0, react_jsx_runtime.jsx)("span", {
 							className: MessageItem_module_css_default.turnErrorMessage,
 							children: failureMessage(node.message, node.code, t)
 						})]
 					}),
-					node.code !== void 0 && (0, react_jsx_runtime.jsx)("code", {
+					node.code !== void 0 && node.code !== "INTERRUPTED" && (0, react_jsx_runtime.jsx)("code", {
 						className: MessageItem_module_css_default.turnErrorCode,
 						children: node.code
 					})
@@ -3182,7 +3403,10 @@ window.__ModuleLoader__.load({
 						}),
 						showBubble && (0, react_jsx_runtime.jsxs)("div", {
 							className: MessageItem_module_css_default.bubble,
-							children: [(0, _qilin_agent_client_ui_primitives.projectUserText)(text, referenceLabels, skillNames, "skill", references), rest.map((block, i) => (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.JsonBlock, {
+							children: [(0, _qilin_agent_client_ui_primitives.projectUserText)(text, referenceLabels, skillNames, "skill", references, {
+								reveal: t("secret.reveal"),
+								hide: t("secret.hide")
+							}), rest.map((block, i) => (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.JsonBlock, {
 								label: t("message.extraBlock"),
 								payload: block,
 								truncatedLabel: truncated
@@ -4666,7 +4890,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-chat/src/client/chat/TurnNavigator.module.css.mjs
-		const css$10 = ".GYXNwG_slot{z-index:7;height:0;padding-inline:calc(var(--qilin-composer-side-clearance) + 16px);pointer-events:none;position:absolute;top:0;left:0;right:0;container-type:inline-size}[data-conversation-scroll] .GYXNwG_slot{position:sticky}.GYXNwG_frame{--turn-rail-band:calc(var(--qilin-conversation-viewport-height,100dvh) - var(--qilin-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%)}.GYXNwG_scroller{max-height:inherit;overscroll-behavior:contain;scrollbar-width:none;position:relative;overflow-y:auto}.GYXNwG_scroller::-webkit-scrollbar{display:none}.GYXNwG_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.GYXNwG_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.GYXNwG_fadeTop.GYXNwG_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.GYXNwG_marks{position:relative}.GYXNwG_mark{cursor:pointer;background:0 0;border:0;border-radius:8px;height:10px;padding:0;position:absolute;top:0;left:0;right:0}.GYXNwG_mark:before{background:var(--qilin-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)}.GYXNwG_markUnloaded:before{opacity:.6;transform:translateY(-50%)scaleX(.4)}.GYXNwG_markPreview:before{background:var(--qilin-alias-label-tertiary);transform:translateY(-50%)scaleX(.9)}.GYXNwG_markBusy:before{animation:1s ease-in-out infinite GYXNwG_qilin-turn-mark-busy}.GYXNwG_markActive:before{background:var(--qilin-alias-label-primary);transform:translateY(-50%)scaleX(1)}.GYXNwG_mark:focus-visible:before{background:var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));transform:translateY(-50%)scaleX(1)}.GYXNwG_mark:focus-visible{outline:none}.GYXNwG_mark:focus-visible:after{border-radius:inherit;outline:1px solid var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline-offset:-1px;content:\"\";width:20px;position:absolute;inset:0 0 0 auto}.GYXNwG_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);border-radius:var(--qilin-radius-lg);color:var(--qilin-alias-label-primary);background:var(--qilin-alias-bg-layer-1);box-shadow:var(--qilin-elevation-panel);pointer-events:none;border:0;padding:10px 12px;transition:top .14s cubic-bezier(.2,.8,.2,1);animation:.12s ease-out GYXNwG_qilin-turn-preview-enter;position:absolute;right:calc(100% + 10px);overflow:hidden}.GYXNwG_previewPrompt,.GYXNwG_previewResponse{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.GYXNwG_previewPrompt{font:var(--qilin-font-xs-strong-13);-webkit-line-clamp:1}.GYXNwG_previewResponse{color:var(--qilin-alias-label-caption);font:var(--qilin-font-xxs-12);-webkit-line-clamp:3;margin-top:4px}@keyframes GYXNwG_qilin-turn-preview-enter{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes GYXNwG_qilin-turn-mark-busy{0%,to{opacity:1}50%{opacity:.35}}@container (width<=900px){.GYXNwG_frame{display:none}}@media (prefers-reduced-motion:reduce){.GYXNwG_frame,.GYXNwG_scroller,.GYXNwG_mark:before,.GYXNwG_markBusy:before,.GYXNwG_preview{scroll-behavior:auto;transition:none;animation:none}}";
+		const css$10 = ".GYXNwG_slot{z-index:7;height:0;padding-inline:calc(var(--qilin-composer-side-clearance) + 16px);pointer-events:none;position:absolute;top:0;left:0;right:0;container-type:inline-size}[data-conversation-scroll] .GYXNwG_slot{position:sticky}.GYXNwG_frame{--turn-rail-band:calc(var(--qilin-conversation-viewport-height,100dvh) - var(--qilin-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;left:12px;transform:translateY(-50%)}.GYXNwG_scroller{max-height:inherit;overscroll-behavior:contain;scrollbar-width:none;position:relative;overflow-y:auto}.GYXNwG_scroller::-webkit-scrollbar{display:none}.GYXNwG_fadeTop{mask-image:linear-gradient(#0000 0,#000 24px 100%)}.GYXNwG_fadeBottom{mask-image:linear-gradient(#000 0 calc(100% - 24px),#0000 100%)}.GYXNwG_fadeTop.GYXNwG_fadeBottom{mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.GYXNwG_marks{position:relative}.GYXNwG_mark{cursor:pointer;background:0 0;border:0;border-radius:8px;height:10px;padding:0;position:absolute;top:0;left:0;right:0}.GYXNwG_mark:before{background:var(--qilin-alias-border-l4);content:\"\";transform-origin:0;border-radius:2px;width:20px;height:2px;transition:transform .14s,background-color .14s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleX(.6)}.GYXNwG_markUnloaded:before{opacity:.6;transform:translateY(-50%)scaleX(.4)}.GYXNwG_markPreview:before{background:var(--qilin-alias-label-tertiary);transform:translateY(-50%)scaleX(.9)}.GYXNwG_markBusy:before{animation:1s ease-in-out infinite GYXNwG_qilin-turn-mark-busy}.GYXNwG_markActive:before{background:var(--qilin-alias-label-primary);transform:translateY(-50%)scaleX(1)}.GYXNwG_mark:focus-visible:before{background:var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));transform:translateY(-50%)scaleX(1)}.GYXNwG_mark:focus-visible{outline:none}.GYXNwG_mark:focus-visible:after{border-radius:inherit;outline:1px solid var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline-offset:-1px;content:\"\";width:20px;position:absolute;inset:0 auto 0 0}.GYXNwG_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);border-radius:var(--qilin-radius-lg);color:var(--qilin-alias-label-primary);background:var(--qilin-alias-bg-layer-1);box-shadow:var(--qilin-elevation-panel);pointer-events:none;border:0;padding:10px 12px;transition:top .14s cubic-bezier(.2,.8,.2,1);animation:.12s ease-out GYXNwG_qilin-turn-preview-enter;position:absolute;left:calc(100% + 10px);overflow:hidden}.GYXNwG_previewPrompt,.GYXNwG_previewResponse{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.GYXNwG_previewPrompt{font:var(--qilin-font-xs-strong-13);-webkit-line-clamp:1}.GYXNwG_previewResponse{color:var(--qilin-alias-label-caption);font:var(--qilin-font-xxs-12);-webkit-line-clamp:3;margin-top:4px}@keyframes GYXNwG_qilin-turn-preview-enter{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes GYXNwG_qilin-turn-mark-busy{0%,to{opacity:1}50%{opacity:.35}}@container (width<=900px){.GYXNwG_frame{display:none}}@media (prefers-reduced-motion:reduce){.GYXNwG_frame,.GYXNwG_scroller,.GYXNwG_mark:before,.GYXNwG_markBusy:before,.GYXNwG_preview{scroll-behavior:auto;transition:none;animation:none}}";
 		const tagId$10 = "@qilin-agent/client-ui-chat/TurnNavigator.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$10) + "]") === null) {
 			const tag = document.createElement("style");
@@ -5254,9 +5478,9 @@ window.__ModuleLoader__.load({
 			follow;
 			sampleTimer = null;
 			probeFrame = null;
+			sampled = null;
 			/** Settled reader row and offset, re-aligned when a layout change moves it. */
 			readerPosition = null;
-			sampled = null;
 			constructor(viewport, store, state, onChange, follow) {
 				this.viewport = viewport;
 				this.store = store;
@@ -5319,6 +5543,28 @@ window.__ModuleLoader__.load({
 				this.cancelPending();
 				this.commit(landing, true, this.viewport.latestTurn);
 			}
+			/**
+			* Follow the tail on the active fold's animation clock.
+			* @returns whether a fold batch owns the tail movement instead of a separate scroll animation.
+			*/
+			followInputFold() {
+				this.cancelPending();
+				return this.viewport.followInputFold(this.follow);
+			}
+			/**
+			* Let fold batches read follow intent and commit their tail landings.
+			* @returns a disposer that disconnects this reading policy from the viewport.
+			*/
+			bindFolds() {
+				return this.viewport.bindReader({
+					follow: this.follow,
+					landedAtTail: (landing) => {
+						this.cancelPending();
+						this.commit(landing, true, this.viewport.latestTurn);
+					},
+					pending: () => this.pending
+				});
+			}
 			/** Stop a native follow animation where it is; the next sampled position decides follow intent. */
 			interruptFollow() {
 				this.viewport.interruptFollow(this.follow);
@@ -5364,7 +5610,7 @@ window.__ModuleLoader__.load({
 			*/
 			onScroll = (scroll) => {
 				if (this.follow.animating) return;
-				if (!scroll.movedByReader && this.state.followingTail || scroll.movedByReader && scroll.metrics.top >= scroll.metrics.floor) {
+				if (!scroll.movedByReader && this.state.followingTail || scroll.movedByReader && Math.abs(scroll.metrics.top - scroll.metrics.floor) < 1) {
 					this.followTail();
 					this.sampled?.({
 						position: null,
@@ -5432,9 +5678,9 @@ window.__ModuleLoader__.load({
 				else this.probeFrame = requestAnimationFrame(this.probe);
 			}
 			commit(landing, followingTail, activeTurn, initialized = true) {
+				this.readerPosition = followingTail ? null : landing.position;
 				if (followingTail) this.store.save(null);
 				else if (landing.position !== null) this.store.save(landing.position);
-				this.readerPosition = followingTail ? null : landing.position;
 				this.publish({
 					initialized,
 					followingTail,
@@ -5520,6 +5766,7 @@ window.__ModuleLoader__.load({
 			(0, react.useLayoutEffect)(() => {
 				reading.setStore(store);
 			}, [reading, store]);
+			(0, react.useLayoutEffect)(() => reading.bindFolds(), [reading]);
 			(0, react.useLayoutEffect)(() => () => {
 				reading.dispose();
 			}, [reading]);
@@ -5557,13 +5804,18 @@ window.__ModuleLoader__.load({
 				top: 0,
 				landing: null
 			};
+			paging = null;
+			reader = null;
+			/** A transcript resize observed since the previous sample. */
 			resized = false;
+			/** Reader input observed since the previous sample. */
 			readerIntent = false;
-			paging = null;
+			/** The pending or running fold batch lands at the tail. */
+			tailRequested = false;
+			/** Switches the running batch to a tail landing; null while no batch runs. */
+			retarget = null;
 			/** Transition state and row callbacks owned by this viewport's attachment. */
-			motion = createFlowMotion((px) => {
-				this.reserveBelow(px);
-			}, (active) => {
+			motion = createFlowMotion(() => this.foldDriver(), (active) => {
 				if (this.elements !== null) this.elements.scroller.style.overflowAnchor = active ? "none" : "";
 			});
 			/**
@@ -5597,8 +5849,8 @@ window.__ModuleLoader__.load({
 				if (typeof ResizeObserver !== "undefined") {
 					this.observer = new ResizeObserver(() => {
 						if (this.elements !== elements) return;
-						this.reclaimBelow();
 						this.resized = true;
+						this.reclaimBelow();
 						this.invalidate();
 						this.events?.resize();
 					});
@@ -5619,13 +5871,13 @@ window.__ModuleLoader__.load({
 				this.observer = null;
 				this.elements = null;
 				this.events = null;
+				this.tailRequested = false;
+				this.retarget = null;
 				this.turns = [];
 				this.observation = {
 					top: 0,
 					landing: null
 				};
-				this.resized = false;
-				this.readerIntent = false;
 			}
 			/**
 			* Connect business policy without changing DOM listener ownership.
@@ -5667,13 +5919,271 @@ window.__ModuleLoader__.load({
 				if (spacer.style.height !== next) spacer.style.height = next;
 			}
 			/**
-			* Add room below the flow before rows above the reader close, so the scrollport never clamps:
-			* the closing gap pulls the content below it upward while everything above stays put.
-			* @param px - height about to leave the flow.
+			* Connect the reading policy that fold batches consult.
+			* @param reader - follow intent and the tail-landing commit.
+			* @returns a disposer that disconnects only this reader.
+			*/
+			bindReader(reader) {
+				this.reader = reader;
+				return () => {
+					if (this.reader === reader) this.reader = null;
+				};
+			}
+			/**
+			* Land the pending or running fold batch at the tail instead of starting a separate scroll.
+			* @param follow - follow controller whose native animation yields to the batch.
+			* @returns whether a fold owns the tail movement.
+			*/
+			followInputFold(follow) {
+				if (this.elements === null || this.reader === null || !this.motion.inputActive()) return false;
+				this.interruptFollow(follow);
+				this.tailRequested = true;
+				this.retarget?.();
+				return true;
+			}
+			/**
+			* Drive one fold batch on its frame clock. A tail landing ends at the floor, never above the reader's
+			* compensated position; a reader landing keeps the visible content still. Both install only the room
+			* the landing lacks.
+			* @returns the batch driver, or null while detached or without a reading policy.
+			*/
+			foldDriver() {
+				const elements = this.elements;
+				const reader = this.reader;
+				if (elements === null || reader === null) return null;
+				const { follow } = reader;
+				let tail = false;
+				let start = 0;
+				let base = 0;
+				let target = 0;
+				let removed = 0;
+				let growth = 0;
+				let initialHeight = 0;
+				let finalRoom = 0;
+				let previousColumnHeight = 0;
+				let previousProgress = 0;
+				let segmentProgress = 0;
+				let segmentTop = 0;
+				let written = 0;
+				const closing = [];
+				const travelling = /* @__PURE__ */ new Set();
+				let reference = null;
+				let referenceTop = 0;
+				let viewportTop = 0;
+				const screenTop = (element) => element.getBoundingClientRect().top - viewportTop;
+				const aim = () => {
+					const finalHeight = initialHeight - removed + growth;
+					const height = elements.scroller.clientHeight;
+					target = tail ? Math.max(base, finalHeight - height, 0) : base;
+					finalRoom = target === 0 ? 0 : Math.max(0, target + height - finalHeight);
+				};
+				const restart = () => {
+					segmentTop = elements.scroller.scrollTop;
+					segmentProgress = previousProgress;
+				};
+				const automatic = (cancelled) => !(cancelled && tail);
+				const position = (progress, cancelled) => {
+					if (!automatic(cancelled)) return elements.scroller.scrollTop;
+					const remaining = segmentProgress === 1 ? 1 : (progress - segmentProgress) / (1 - segmentProgress);
+					return segmentTop + (target - segmentTop) * remaining;
+				};
+				const room = (top, progress, cancelled) => Math.max(automatic(cancelled) ? finalRoom : 0, top + elements.scroller.clientHeight - (initialHeight + (growth - removed) * progress));
+				return {
+					begin: (boxes) => {
+						tail = this.tailRequested || follow.active && !reader.pending();
+						this.tailRequested = false;
+						viewportTop = elements.scroller.getBoundingClientRect().top;
+						start = elements.scroller.scrollTop;
+						const originalRoom = this.spacerHeight();
+						initialHeight = Math.max(elements.column.offsetHeight, elements.scroller.scrollHeight - originalRoom);
+						let above = 0;
+						const below = [];
+						for (const box of boxes) {
+							const amount = box.height + box.marginTop;
+							const top = box.element.getBoundingClientRect().top - box.marginTop;
+							if (box.closing) {
+								removed += amount;
+								above += Math.max(0, Math.min(amount, viewportTop - top));
+								if (top >= viewportTop) below.push(box.element);
+								closing.push(box);
+							} else {
+								growth += amount;
+								if (top < viewportTop) above -= amount;
+							}
+						}
+						if (!tail) reference = this.readingReference();
+						const referenceBefore = reference === null ? 0 : screenTop(reference);
+						elements.column.dataset.inputFold = "";
+						if (reference !== null) {
+							referenceTop = screenTop(reference);
+							above -= referenceTop - referenceBefore;
+						}
+						base = Math.max(0, start - above);
+						segmentTop = start;
+						written = start;
+						previousColumnHeight = elements.column.offsetHeight;
+						aim();
+						this.setSpacer(Math.max(originalRoom, finalRoom, removed));
+						if (tail) follow.setFollowing(true);
+						this.retarget = () => {
+							tail = true;
+							follow.setFollowing(true);
+							this.motion.resumeInput();
+							aim();
+							restart();
+							if (target <= segmentTop) return;
+							for (const box of closing) {
+								const shift = Number.parseFloat(box.element.style.translate.split(" ")[1] ?? "") || 0;
+								if (box.element.getBoundingClientRect().top - shift - box.marginTop >= viewportTop) travelling.add(box.element);
+							}
+						};
+						if (tail && target > start) for (const element of below) travelling.add(element);
+						return travelling;
+					},
+					prepare: (progress, cancelled) => {
+						if (this.elements !== elements) return;
+						if (!tail) {
+							const drift = elements.scroller.scrollTop - written;
+							if (Math.abs(drift) > .5) {
+								base = Math.max(0, base + drift);
+								segmentTop += drift;
+								referenceTop -= drift;
+								aim();
+							}
+						}
+						const added = elements.column.offsetHeight - previousColumnHeight;
+						if (added !== 0) {
+							initialHeight += added;
+							aim();
+							restart();
+						}
+						const top = position(progress, cancelled);
+						this.setSpacer(Math.max(this.spacerHeight(), room(top, progress, cancelled)));
+					},
+					frame: (progress, cancelled) => {
+						if (this.elements !== elements) return 0;
+						const top = position(progress, cancelled);
+						elements.scroller.scrollTop = top;
+						this.setSpacer(room(top, progress, cancelled));
+						written = elements.scroller.scrollTop;
+						if (reference !== null && progress === 1) referenceTop = screenTop(reference);
+						if (automatic(cancelled)) this.observation = {
+							top: written,
+							landing: null
+						};
+						previousColumnHeight = elements.column.offsetHeight;
+						previousProgress = progress;
+						return written - start;
+					},
+					finish: (cancelled) => {
+						this.retarget = null;
+						this.tailRequested = false;
+						if (this.elements !== elements) return;
+						elements.column.offsetHeight;
+						delete elements.column.dataset.inputFold;
+						if (!tail || cancelled) {
+							if (!tail && reference?.isConnected === true && reference.closest("[hidden]") === null) {
+								const shift = screenTop(reference) - referenceTop;
+								if (Math.abs(shift) > .5) {
+									const top = elements.scroller.scrollTop + shift;
+									const content = elements.scroller.scrollHeight - this.spacerHeight();
+									this.setSpacer(Math.max(this.spacerHeight(), top + elements.scroller.clientHeight - content));
+									elements.scroller.scrollTop = top;
+								}
+							}
+							const metrics = scrollMetrics(elements.scroller);
+							const height = elements.scroller.scrollHeight - this.spacerHeight();
+							this.setSpacer(metrics.top === 0 ? 0 : Math.max(0, metrics.top + metrics.height - height));
+							if (tail) this.invalidate();
+							else this.observation = {
+								top: elements.scroller.scrollTop,
+								landing: null
+							};
+							return;
+						}
+						const content = elements.scroller.scrollHeight - this.spacerHeight();
+						const clientHeight = elements.scroller.clientHeight;
+						const top = Math.max(target, content - clientHeight, 0);
+						this.setSpacer(top === 0 ? 0 : Math.max(0, top + clientHeight - content));
+						elements.scroller.scrollTop = top;
+						const metrics = scrollMetrics(elements.scroller);
+						const landing = {
+							metrics,
+							position: null,
+							turn: this.latestTurn
+						};
+						this.observation = {
+							top: metrics.top,
+							landing
+						};
+						reader.landedAtTail(landing);
+					}
+				};
+			}
+			/**
+			* Find the first visible top-level row at or below the scrollport top that holds no batch box.
+			* Binary search over the ordered top-level rows reads O(log n) boxes.
+			* @returns the reference row, or null when every visible row folds.
+			*/
+			readingReference() {
+				const elements = this.elements;
+				if (elements === null) return null;
+				const viewport = elements.scroller.getBoundingClientRect();
+				const rows = (elements.column.querySelector(":scope > [data-slot=\"conversation.chat.flow\"]") ?? elements.column).children;
+				let low = 0;
+				let high = rows.length;
+				while (low < high) {
+					const middle = low + high >>> 1;
+					if (rows[middle].getBoundingClientRect().bottom > viewport.top) high = middle;
+					else low = middle + 1;
+				}
+				for (let index = low; index < rows.length; index++) {
+					const row = rows[index];
+					if (row.hasAttribute("hidden")) continue;
+					const rect = row.getBoundingClientRect();
+					if (rect.top >= viewport.bottom) return null;
+					if (rect.height === 0 || rect.bottom <= viewport.top) continue;
+					if (row.hasAttribute("data-chat-motion") || row.querySelector("[data-chat-motion]") !== null) continue;
+					return row;
+				}
+				return null;
+			}
+			/**
+			* Consume the pending transcript resize. A delivery that arrives with one is the
+			* browser's layout compensation, not a reader choice, so it must not re-anchor the
+			* semantic position.
+			* @returns whether the transcript resized since the previous sample.
+			*/
+			consumeResize() {
+				const resized = this.resized;
+				this.resized = false;
+				return resized;
+			}
+			/**
+			* Consume reader input recorded since the previous sample. Geometry alone cannot
+			* separate a reader scroll from the browser's layout compensation, so a transcript
+			* that moved with reader input present is the reader's own choice.
+			* @returns whether wheel, touch, pointer, key, or find-in-page input arrived.
 			*/
-			reserveBelow(px) {
-				if (px <= 0) return;
-				this.setSpacer(this.spacerHeight() + px);
+			consumeReaderIntent() {
+				const intent = this.readerIntent;
+				this.readerIntent = false;
+				return intent;
+			}
+			/**
+			* Re-align the reader's own settled row after a layout change moved it. A missing row
+			* leaves the scrollport untouched: the raw position is only meaningful for the row it
+			* was sampled against.
+			* @param position - semantic position sampled while the reader owned the transcript.
+			* @returns the actual landing, or null when the row is absent or still aligned.
+			*/
+			restoreReaderRow(position) {
+				if (position === null || this.elements === null) return null;
+				const row = this.anchor(position.anchorKey);
+				if (row === null) return null;
+				const top = row.getBoundingClientRect().top - this.elements.scroller.getBoundingClientRect().top;
+				if (Math.abs(top - position.anchorTop) < .5) return null;
+				return this.align(row, position.anchorTop, null);
 			}
 			/** Clear fold reservations after a display-mode change, allowing the scroll range to shrink. */
 			resetBelow() {
@@ -5681,26 +6191,27 @@ window.__ModuleLoader__.load({
 				this.invalidate();
 			}
 			/**
-			* Give reserved room back only as content grows into it, never by scrolling back down: growth fills
-			* the blank before it moves the floor. Holds still while rows are closing, because trimming mid-close
-			* would let the next frame clamp.
+			* Give reserved room back after acknowledged scrolling or content growth without clamping the reader.
+			* Holds still during folds and unsampled movement; following includes the room that remains.
 			*/
 			reclaimBelow() {
 				const elements = this.elements;
 				if (elements === null || elements.spacer === null) return;
 				const current = this.spacerHeight();
 				if (current === 0 || this.motion.foldActive()) return;
-				const { scroller } = elements;
-				const floorWithoutSpacer = scroller.scrollHeight - current - scroller.clientHeight;
-				this.setSpacer(Math.min(current, Math.max(0, scroller.scrollTop - floorWithoutSpacer)));
+				const scroll = this.readScroll();
+				if (scroll === null || scroll.movedByReader) return;
+				const floorWithoutSpacer = scroll.metrics.floor - current;
+				this.setSpacer(Math.min(current, Math.max(0, scroll.metrics.top - floorWithoutSpacer)));
 			}
 			/**
 			* Stop an outstanding native follow animation at its current position before a reading gesture.
 			* @param follow - follow controller bound to this scrollport.
 			*/
 			interruptFollow(follow) {
+				if (!follow.animating) return;
 				const metrics = this.metrics();
-				if (metrics === null || this.elements === null || !follow.animating) return;
+				if (metrics === null || this.elements === null) return;
 				follow.interrupt(this.elements.scroller, metrics);
 				this.observation = {
 					top: metrics.top,
@@ -5716,29 +6227,7 @@ window.__ModuleLoader__.load({
 					top: metrics.top,
 					landing: null
 				};
-			}
-			/**
-			* Consume the pending transcript resize.
-			* A delivery that arrives with one is the browser's layout compensation,
-			* not a reader choice, so it must not re-anchor the semantic position.
-			* @returns whether the transcript resized since the previous sample.
-			*/
-			consumeResize() {
-				const resized = this.resized;
-				this.resized = false;
-				return resized;
-			}
-			/**
-			* Consume reader input recorded since the previous sample.
-			* Geometry alone cannot separate a reader scroll from the browser's layout
-			* compensation, so a transcript that moved with reader input present is the
-			* reader's own choice.
-			* @returns whether wheel, touch, pointer, key, or find-in-page input arrived.
-			*/
-			consumeReaderIntent() {
-				const intent = this.readerIntent;
-				this.readerIntent = false;
-				return intent;
+				this.reclaimBelow();
 			}
 			/**
 			* Compare the current scroll geometry with the last acknowledged position.
@@ -5822,7 +6311,7 @@ window.__ModuleLoader__.load({
 				const first = this.turns[0];
 				if (elements === null || metrics === null || first === void 0) return null;
 				const line = elements.scroller.getBoundingClientRect().top + Math.min(96, metrics.height * .2);
-				const rows = elements.column.children;
+				const rows = (elements.column.querySelector(":scope > [data-slot=\"conversation.chat.flow\"]") ?? elements.column).children;
 				let low = 0;
 				let high = rows.length;
 				let reading = first.turn;
@@ -5875,21 +6364,6 @@ window.__ModuleLoader__.load({
 				const metrics = this.metrics();
 				return metrics === null ? null : this.write(position.scrollTop, metrics, null);
 			}
-			/**
-			* Re-align the reader's own settled row after a layout change moved it.
-			* A missing row leaves the scrollport untouched: the raw position is only
-			* meaningful for the row it was sampled against.
-			* @param position - semantic position sampled while the reader owned the transcript.
-			* @returns the actual landing, or null when the row is absent or still aligned.
-			*/
-			restoreReaderRow(position) {
-				if (position === null || this.elements === null) return null;
-				const row = this.anchor(position.anchorKey);
-				if (row === null) return null;
-				const top = row.getBoundingClientRect().top - this.elements.scroller.getBoundingClientRect().top;
-				if (Math.abs(top - position.anchorTop) < .5) return null;
-				return this.align(row, position.anchorTop, null);
-			}
 			/** Retain the first eligible transcript seat in DOM order; selection reads no geometry. */
 			beginPaging() {
 				this.stopPreserving();
@@ -5992,7 +6466,7 @@ window.__ModuleLoader__.load({
 				});
 			}
 			/**
-			* Align the scrollport with its current floor.
+			* Align with the physical floor, including fold room that newer content has not yet filled.
 			* @param follow - independent follow intent and scrolling controller.
 			* @param behavior - immediate positioning, or one native animation for a reader-caused tail change.
 			* @returns the actual floor landing, or null while detached. A smooth landing reports the starting
@@ -6001,8 +6475,13 @@ window.__ModuleLoader__.load({
 			scrollToBottom(follow, behavior = "instant") {
 				const metrics = this.metrics();
 				if (metrics === null || this.elements === null) return null;
+				this.observation = {
+					top: metrics.top,
+					landing: null
+				};
+				this.reclaimBelow();
 				const landing = {
-					metrics: follow.toBottom(this.elements.scroller, metrics, behavior),
+					metrics: follow.toBottom(this.elements.scroller, scrollMetrics(this.elements.scroller), behavior),
 					position: null,
 					turn: this.latestTurn
 				};
@@ -6056,8 +6535,10 @@ window.__ModuleLoader__.load({
 				if (scroll !== null) this.events?.scroll(scroll);
 			};
 			onScrollEnd = (event) => {
-				if (event.target === this.elements?.scroller) this.events?.scrollEnd(true);
-				else if (event.target instanceof HTMLElement && event.target.hasAttribute("data-step-process-body")) this.events?.scrollEnd(false);
+				if (event.target === this.elements?.scroller) {
+					this.events?.scrollEnd(true);
+					this.reclaimBelow();
+				} else if (event.target instanceof HTMLElement && event.target.hasAttribute("data-step-process-body")) this.events?.scrollEnd(false);
 			};
 			onIntent = (event) => {
 				if (event.type === "keydown" || event.type === "pointerdown") {
@@ -6125,26 +6606,9 @@ window.__ModuleLoader__.load({
 				applied: null,
 				opened: false
 			});
-			const cancelFollow = (0, react.useRef)(null);
-			const clearPendingFollow = (0, react.useCallback)(() => {
-				cancelFollow.current?.();
-				cancelFollow.current = null;
-			}, []);
 			const cancelPendingFollow = (0, react.useCallback)(() => {
-				clearPendingFollow();
-				if (viewport.motion.foldActive()) cancelFollow.current = viewport.motion.onFoldIdle(() => {
-					cancelFollow.current = null;
-				});
-			}, [clearPendingFollow, viewport]);
-			const followAfterFold = (0, react.useCallback)(() => {
-				if (cancelFollow.current !== null) return;
-				reading.interruptFollow();
-				cancelFollow.current = viewport.motion.onFoldIdle(() => {
-					cancelFollow.current = null;
-					viewport.reclaimBelow();
-					if (content.current.input.deferCompletedTurns) reading.followTail("smooth");
-				});
-			}, [reading, viewport]);
+				viewport.motion.cancelInput();
+			}, [viewport]);
 			const processContent = (0, react.useCallback)(() => {
 				const current = content.current.input;
 				if (!current.ready && !content.current.opened) return;
@@ -6159,10 +6623,9 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				if (ownInput) {
-					clearPendingFollow();
 					navigation.cancel();
-					if (current.deferCompletedTurns && viewport.motion.foldActive()) followAfterFold();
-					else reading.followTail(current.deferCompletedTurns ? "smooth" : "instant");
+					if (current.deferCompletedTurns && reading.followInputFold()) return;
+					reading.followTail(current.deferCompletedTurns ? "smooth" : "instant");
 					return;
 				}
 				if (navigation.contentCommitted()) {
@@ -6171,16 +6634,10 @@ window.__ModuleLoader__.load({
 				}
 				if ((previous === null || current.ready !== previous.ready || current.firstSeq !== previous.firstSeq || current.lastKey !== previous.lastKey || current.order.length !== previous.order.length || current.running !== previous.running || current.steeringId !== previous.steeringId || current.submissionId !== previous.submissionId) && reading.followingTail) {
 					navigation.cancel();
-					if (current.deferCompletedTurns && viewport.motion.foldActive()) followAfterFold();
-					else reading.followTail();
+					if (current.deferCompletedTurns && reading.followInputFold()) return;
+					reading.followTail();
 				} else navigation.reconcile();
-			}, [
-				viewport,
-				reading,
-				navigation,
-				followAfterFold,
-				clearPendingFollow
-			]);
+			}, [reading, navigation]);
 			(0, react.useLayoutEffect)(() => {
 				const disconnectViewport = viewport.connect({
 					scroll: (event) => {
@@ -6205,9 +6662,7 @@ window.__ModuleLoader__.load({
 							navigation.reconcile();
 							return;
 						}
-						if (content.current.input.deferCompletedTurns && viewport.motion.foldActive()) {
-							if (!reading.pending && reading.followingTail) followAfterFold();
-						} else reading.onResize();
+						if (!content.current.input.deferCompletedTurns || !viewport.motion.foldActive()) reading.onResize();
 						navigation.reconcile();
 					}
 				});
@@ -6216,7 +6671,6 @@ window.__ModuleLoader__.load({
 					processContent();
 				});
 				return () => {
-					clearPendingFollow();
 					disconnectViewport();
 					disconnectReading();
 					content.current.opened = false;
@@ -6227,9 +6681,7 @@ window.__ModuleLoader__.load({
 				reading,
 				navigation,
 				processContent,
-				followAfterFold,
-				cancelPendingFollow,
-				clearPendingFollow
+				cancelPendingFollow
 			]);
 			(0, react.useLayoutEffect)(() => {
 				const previous = content.current.input;
@@ -6331,8 +6783,9 @@ window.__ModuleLoader__.load({
 				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 data = node.data;
+				const source = typeof data === "object" && data !== null && "source" in data ? data.source : void 0;
+				if (typeof source === "object" && source !== null && "kind" in source && source.kind === "user" && "rpcId" in source && typeof source.rpcId === "string") observed.add(source.rpcId);
 			}
 			for (const { source } of [...inbox?.["next-turn"] ?? [], ...inbox?.["next-step"] ?? []]) if (source.kind === "user" && "rpcId" in source) observed.add(source.rpcId);
 			return {
@@ -6627,6 +7080,8 @@ window.__ModuleLoader__.load({
 			"fileOpen.title": "无法打开文件",
 			"fileOpen.unknown": "无法打开此文件",
 			"message.extraBlock": "附加内容块",
+			"secret.reveal": "显示密钥",
+			"secret.hide": "隐藏密钥",
 			"message.systemPrompt": "系统提示词",
 			"message.systemPromptUpdate": "系统提示词更新",
 			"message.contextInjection": "上下文注入",
@@ -6739,6 +7194,11 @@ window.__ModuleLoader__.load({
 			"message.retry.delay": "重试延迟：",
 			"message.retry.failure": "失败原因：",
 			"message.failure.auth": "API 密钥无效",
+			"message.taskStopped": "任务已停止",
+			"message.failure.accountSignedOut": "任务已因退出 DeepSeek 登录而停止。",
+			"message.failure.interrupted": "QiLin 进程在本轮完成前退出（例如被强制结束、崩溃或关闭超时），重新启动后本轮已中止。未完成的工具调用结果未知。",
+			"message.failure.accountSignInRequired": "请先登录 DeepSeek，并确认请求地址支持账号认证。",
+			"message.failure.quota": "当前请求的额度已用尽",
 			"message.turnError": "本轮运行失败",
 			"message.maxTokens": "已达到输出 token 上限",
 			"message.maxTokens.hint": "回答被截断，已有输出保留在对话中。发送“继续”可让模型接着输出。",
@@ -6817,6 +7277,8 @@ window.__ModuleLoader__.load({
 			"fileOpen.title": "Couldn’t open file",
 			"fileOpen.unknown": "Couldn’t open this file",
 			"message.extraBlock": "Extra content block",
+			"secret.reveal": "Show secret",
+			"secret.hide": "Hide secret",
 			"message.systemPrompt": "System prompt",
 			"message.systemPromptUpdate": "System prompt update",
 			"message.contextInjection": "Context injection",
@@ -6929,6 +7391,11 @@ window.__ModuleLoader__.load({
 			"message.retry.delay": "Retry delay: ",
 			"message.retry.failure": "Failure reason: ",
 			"message.failure.auth": "API key is invalid",
+			"message.taskStopped": "Task stopped",
+			"message.failure.accountSignedOut": "Stopped because you signed out of DeepSeek.",
+			"message.failure.interrupted": "The QiLin process exited before this turn finished (for example, it was killed, crashed, or timed out while shutting down), so the turn was closed when QiLin restarted. Unfinished tool calls have unknown outcomes.",
+			"message.failure.accountSignInRequired": "Sign in to DeepSeek and ensure the request destination supports account authentication.",
+			"message.failure.quota": "Request quota exhausted.",
 			"message.turnError": "This turn failed",
 			"message.maxTokens": "Output token limit reached",
 			"message.maxTokens.hint": "The reply was cut off; earlier output is preserved in the conversation. Send \"continue\" to let the model resume.",
@@ -7448,10 +7915,11 @@ window.__ModuleLoader__.load({
 			if (turn?.status !== "closed") return null;
 			const canCollapse = turnProcess.foldable && turnProcess.hasContent && !turnProcessAlwaysOpen(node);
 			const reason = turn.end?.data.reason.kind;
+			const stopped = reason === "aborted" || reason === "interrupted";
 			const elapsedMs = turn.start === void 0 || turn.end === void 0 ? void 0 : Math.max(1e3, turn.end.time - turn.start.time);
-			const duration = elapsedMs === void 0 || reason === "aborted" || reason === "error" ? void 0 : formatRunDuration(elapsedMs, t);
-			const label = reason === "aborted" ? t("message.stopped") : reason === "error" ? t("message.turnProcess.failed") : duration === void 0 ? t("message.turnProcess.worked") : t("message.turnProcess.took");
-			const announcement = reason === "aborted" ? t("message.stopped") : reason === "error" ? t("message.turnProcess.failed") : t("message.turnProcess.worked");
+			const duration = elapsedMs === void 0 || stopped || reason === "error" ? void 0 : formatRunDuration(elapsedMs, t);
+			const label = stopped ? t("message.stopped") : reason === "error" ? t("message.turnProcess.failed") : duration === void 0 ? t("message.turnProcess.worked") : t("message.turnProcess.took");
+			const announcement = stopped ? t("message.stopped") : reason === "error" ? t("message.turnProcess.failed") : t("message.turnProcess.worked");
 			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
 				className: accessibility_module_css_default.visuallyHidden,
 				role: "status",
@@ -8977,7 +9445,7 @@ window.__ModuleLoader__.load({
 		* @returns the item, or undefined when the Turn has no visible loaded node.
 		*/
 		function turnNavigationItem(turn, locations, nodes) {
-			const loaded = locations.getTurn(turn).map((key) => nodes.get(key)).filter((node) => node !== void 0 && node.visibility === "visible");
+			const loaded = locations.getTurn(turn).map((key) => nodes.get(key)).filter((node) => node !== void 0 && isVisibleChatNode(node));
 			const user = loaded.find((node) => node.kind === "user");
 			const anchor = user ?? loaded[0];
 			if (anchor === void 0) return void 0;
@@ -9438,7 +9906,7 @@ window.__ModuleLoader__.load({
 		* @returns visible Nodes in presentation order.
 		*/
 		function orderedVisibleChatNodes(nodes) {
-			const visible = nodes.filter((node) => node.visibility === "visible");
+			const visible = nodes.filter((node) => isVisibleChatNode(node));
 			const presentations = turnProcessPresentations(visible);
 			return visible.sort((left, right) => {
 				const leftPosition = presentationPosition(left, presentations);
@@ -11046,9 +11514,28 @@ window.__ModuleLoader__.load({
 			if (location?.kind !== "turn" && location?.kind !== "step") return 0;
 			return location.turn.steps.at(-1)?.step ?? 0;
 		}
+		/**
+		* Failure shown for a turn ending: a recorded error, a sign-out cancellation,
+		* or a turn that restart recovery closed because the QiLin process exited mid-turn.
+		*/
+		function endFailure(reason) {
+			switch (reason.kind) {
+				case "error": return reason.error;
+				case "aborted": return reason.reason.kind === "hook" && reason.reason.reason === "deepseek-account/signed-out" ? {
+					message: "Stopped because you signed out of DeepSeek.",
+					code: "ACCOUNT_SIGNED_OUT"
+				} : void 0;
+				case "interrupted": return {
+					message: "The QiLin process exited before this turn finished.",
+					code: "INTERRUPTED"
+				};
+				default: return;
+			}
+		}
 		function failureFrom(match) {
-			if (match.event.type !== "turn/end" || match.event.data.reason.kind !== "error") return void 0;
-			const failure = match.event.data.reason.error;
+			if (match.event.type !== "turn/end") return void 0;
+			const failure = endFailure(match.event.data.reason);
+			if (failure === void 0) return void 0;
 			const display = displayFailure(failure);
 			return {
 				seq: match.event.seq,
@@ -11080,7 +11567,7 @@ window.__ModuleLoader__.load({
 					id: String(event.data.turn),
 					role: "start"
 				};
-				if (event.type === "turn/end" && event.data.reason.kind === "error") return {
+				if (event.type === "turn/end" && endFailure(event.data.reason) !== void 0) return {
 					id: String(event.data.turn),
 					role: "update"
 				};
@@ -11275,7 +11762,7 @@ window.__ModuleLoader__.load({
 			if (answer === null) return {
 				turn: turn.turn,
 				controlAnchorSeq,
-				processStartSeq: controlAnchorSeq,
+				processStartSeq: turn.start?.seq ?? controlAnchorSeq,
 				answerAnchorSeq: null,
 				answerStep: null,
 				inlineReasoning: false,
@@ -12000,6 +12487,55 @@ window.__ModuleLoader__.load({
 		function reply(node) {
 			return node.kind === "assistant-step" && hasAssistantReplyContent(node.data.blocks);
 		}
+		/** Fallback range for a Turn whose control Node is outside the loaded window. */
+		const WHOLE_TURN = {
+			start: Number.NEGATIVE_INFINITY,
+			answerAnchor: null,
+			answerStep: null
+		};
+		function processRange(nodes) {
+			const control = nodes.find((node) => node.kind === "turn-process");
+			if (control === void 0) return WHOLE_TURN;
+			return {
+				start: control.data.processStartSeq,
+				answerAnchor: control.data.answerAnchorSeq,
+				answerStep: control.data.answerStep
+			};
+		}
+		/**
+		* Whether one Node's evidence falls inside the Turn's process range. A live
+		* Turn has no answer boundary yet, so every node from the range start belongs.
+		*/
+		function inProcessRange(node, range, live) {
+			return node.anchorSeq >= range.start && (live || range.answerAnchor === null || node.anchorSeq < range.answerAnchor);
+		}
+		/**
+		* Whether one Node is the Turn's finalized answer step. A live Turn has no
+		* answer boundary yet: its reply rows keep their own seat while streaming.
+		*/
+		function isAnswerStep(node, range, live) {
+			return !live && range.answerStep !== null && node.kind === "assistant-step" && node.data.step === range.answerStep;
+		}
+		/** Whether a new Turn-process range must reshape the Turn's group. */
+		function processRangeChanged(previous, current) {
+			if (previous.kind !== "turn-process" || current.kind !== "turn-process") return false;
+			return previous.data.processStartSeq !== current.data.processStartSeq || previous.data.answerAnchorSeq !== current.data.answerAnchorSeq || previous.data.answerStep !== current.data.answerStep;
+		}
+		/**
+		* Whether one render part of a Node belongs to the Turn's group. The finalized
+		* answer and a live Turn's reply keep their own rows: the answer owns the
+		* Turn's seat, and the collapsed body would otherwise swallow the prose the
+		* reader is watching.
+		* @param part - renderer-owned part of the Node, or undefined for the whole Node.
+		* @param answer - whether the Node is the Turn's finalized answer step.
+		* @param member - whether the Node's evidence falls inside the process range.
+		* @param closed - whether the Turn is closed.
+		* @returns whether the part joins the Turn's group.
+		*/
+		function inGroup(part, answer, member, closed) {
+			if (part === "response") return member && closed && !answer;
+			return member;
+		}
 		function sameSummary(left, right) {
 			return left.running === right.running && left.runningDetail === right.runningDetail && left.preparing === right.preparing && left.counts.length === right.counts.length && left.counts.every((value, index) => value.kind === right.counts[index]?.kind && value.count === right.counts[index].count);
 		}
@@ -12008,7 +12544,7 @@ window.__ModuleLoader__.load({
 		}
 		function structureChanged(previous, current) {
 			if (!isVisibleChatNode(current) && (previous === void 0 || !isVisibleChatNode(previous))) return false;
-			return previous === void 0 || previous.kind !== current.kind || turnOf(previous) !== turnOf(current) || isVisibleChatNode(previous) !== isVisibleChatNode(current) || reasoning(previous) !== reasoning(current) || reply(previous) !== reply(current);
+			return previous === void 0 || previous.kind !== current.kind || turnOf(previous) !== turnOf(current) || isVisibleChatNode(previous) !== isVisibleChatNode(current) || reasoning(previous) !== reasoning(current) || reply(previous) !== reply(current) || processRangeChanged(previous, current);
 		}
 		function readNode(input, key) {
 			const node = input.readNode(key);
@@ -12113,7 +12649,12 @@ window.__ModuleLoader__.load({
 				const emit = (key, entry) => {
 					roots.set(key, [...roots.get(key) ?? [], entry]);
 				};
-				const flush = (closed) => {
+				/**
+				* Install the accumulated members as the Turn's group.
+				* @param complete - whether the members form a finished range; the Turn's own
+				* lifecycle closes the last group of a live Turn.
+				*/
+				const commit = (complete) => {
 					const first = pending[0];
 					if (first === void 0) return;
 					const key = this.extendedGroup(pending, added)?.key ?? brandString(JSON.stringify([
@@ -12124,60 +12665,67 @@ window.__ModuleLoader__.load({
 					const previous = this.groups.get(key);
 					const before = previous?.snapshot;
 					const group = previous !== void 0 && sameMembers(previous.members, pending) ? previous : new ProcessGroup(key, this.turn, pending);
-					group.refresh(input, closed || input.timeline.turns.get(this.turn)?.status === "closed");
+					group.refresh(input, complete || closed);
 					groups.set(group.key, group);
-					emit(first.key, {
+					roots.set(first.key, [{
 						kind: "group",
 						key: group.key
-					});
+					}, ...roots.get(first.key) ?? []]);
 					for (const member of pending) membership.set(member.key, group.key);
 					if (group.snapshot !== before) upserts.push(group.snapshot);
 					pending = [];
 				};
-				let previous;
-				let followed = false;
 				const keys = input.readTurn(this.turn);
+				const nodes = keys.map((key) => readNode(input, key));
 				const replies = questionReplyIds(input, keys);
-				for (const key of keys) {
-					const position = readPosition(input, key);
-					if (previous !== void 0 && position.previous !== previous) flush(true);
-					previous = key;
-					followed = position.next !== void 0;
-					const node = readNode(input, key);
+				const closed = input.timeline.turns.get(this.turn)?.status === "closed";
+				const live = !closed;
+				const range = processRange(nodes);
+				const split = () => {
+					if (!closed) commit(true);
+				};
+				for (const [index, key] of keys.entries()) {
+					const node = nodes[index];
 					if (node.kind === "turn-trigger" && replies.has(node.id)) {
-						flush(true);
+						split();
 						continue;
 					}
-					if (INDEPENDENT.has(node.kind) || !isVisibleChatNode(node)) {
-						flush(true);
+					if (INDEPENDENT.has(node.kind)) {
+						split();
 						emit(key, {
 							kind: "node",
 							key
 						});
-					} else if (node.kind === "turn-process") emit(key, {
-						kind: "node",
-						key
-					});
-					else if (node.kind === "assistant-step") {
-						if (reasoning(node)) pending.push({
+						continue;
+					}
+					if (node.kind === "turn-process") {
+						emit(key, {
 							kind: "node",
-							key,
-							groupPart: "reasoning"
+							key
 						});
-						if (reply(node)) {
-							flush(true);
-							emit(key, {
-								kind: "node",
-								key,
-								groupPart: "response"
-							});
-						}
-					} else pending.push({
+						continue;
+					}
+					const answer = isAnswerStep(node, range, live);
+					const member = answer || inProcessRange(node, range, live);
+					const parts = node.kind === "assistant-step" ? [...reasoning(node) ? [{
+						kind: "node",
+						key,
+						groupPart: "reasoning"
+					}] : [], ...reply(node) ? [{
+						kind: "node",
+						key,
+						groupPart: "response"
+					}] : []] : [{
 						kind: "node",
 						key
-					});
+					}];
+					for (const reference of parts) if (inGroup(reference.groupPart, answer, member, closed)) pending.push(reference);
+					else {
+						if (reference.groupPart === "response") split();
+						emit(key, reference);
+					}
 				}
-				flush(followed);
+				commit(closed);
 				const removes = [...this.groups.keys()].filter((key) => !groups.has(key));
 				this.groups = groups;
 				this.membership = membership;
@@ -12263,7 +12811,10 @@ window.__ModuleLoader__.load({
 					}
 					if (turn !== void 0) touch(turn).add(after.key);
 				}
-				for (const turn of input.changedTurns) touch(turn);
+				for (const turn of input.changedTurns) {
+					touch(turn);
+					if (input.timeline.turns.get(turn)?.status === "closed" && (this.turns.get(turn)?.snapshots().length ?? 0) > 1) regroup.add(turn);
+				}
 				const upserts = [];
 				const removes = [];
 				for (const turn of regroup) {
@@ -13373,6 +13924,12 @@ window.__ModuleLoader__.load({
 		const CHAT_SETTINGS_NAMESPACE = "ui-chat";
 		/** Field carrying the work-details presentation mode. */
 		const TRANSCRIPT_VIEW_FIELD = "transcriptView";
+		/** Field carrying the independent work-details collapse timing. */
+		const COLLAPSE_TIMING_FIELD = "collapseTiming";
+		/** Available points when a completed Turn returns to its historical presentation. */
+		const COLLAPSE_TIMINGS = ["completion", "next-input"];
+		/** Preserve completion-time folding when no timing preference is saved. */
+		const DEFAULT_COLLAPSE_TIMING = "completion";
 		/** Work-details presentation modes a user can choose. */
 		const TRANSCRIPT_VIEW_MODES = [
 			"compact",
@@ -13399,9 +13956,12 @@ window.__ModuleLoader__.load({
 		const PERFORMANCE_USAGE_MODES = ["compact", "detailed"];
 		/** Preserve detailed accounting for users without an explicit preference. */
 		const DEFAULT_PERFORMANCE_USAGE = "detailed";
+		/** Preserve the built-in browser for users without an explicit preference. */
+		const DEFAULT_LINK_OPENING = "sidebar";
 		/** Durable Chat schema; also the wire envelope the browser scope validates against. */
 		const ChatSettingsFields = {
-			linkOpening: Schema.union(["sidebar", "new-tab"]).default("sidebar"),
+			[COLLAPSE_TIMING_FIELD]: Schema.union([...COLLAPSE_TIMINGS]).default(DEFAULT_COLLAPSE_TIMING),
+			linkOpening: Schema.union(["sidebar", "new-tab"]).default(DEFAULT_LINK_OPENING),
 			performanceUsage: Schema.union([...PERFORMANCE_USAGE_MODES]).default(DEFAULT_PERFORMANCE_USAGE),
 			[TRANSCRIPT_VIEW_FIELD]: Schema.union([...TRANSCRIPT_VIEW_SETTING_VALUES]).default(DEFAULT_TRANSCRIPT_VIEW_MODE).loose()
 		};
@@ -13419,7 +13979,7 @@ window.__ModuleLoader__.load({
 			"next-input": "settings.collapse.nextInput"
 		};
 		/**
-		* Render work-details and browser-local collapse-timing selectors.
+		* Render the independent, Host-backed work-details and collapse-timing selectors.
 		* @param props - composed Settings slot props.
 		* @returns the preference row.
 		*/
@@ -13454,7 +14014,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/transcript-view.js
-		/** Host-backed work details and independent, in-memory collapse timing. */
+		/** Independent work-details preferences backed by the same Host configuration form. */
 		/** Live work-details preference consumed by Chat and its Settings row. */
 		var TranscriptViewPolicy = class {
 			host;
@@ -13462,8 +14022,8 @@ window.__ModuleLoader__.load({
 			unsubscribe;
 			/** Reactive current mode, including the client default before Host settings arrive. */
 			mode;
-			/** Independent Client-lifetime choice; each new instance starts with completion-time folding. */
-			collapseTiming = (0, _qilin_agent_client_store.createSnapshotStore)("completion");
+			/** Reactive collapse timing, defaulting to completion until Host settings arrive. */
+			collapseTiming = (0, _qilin_agent_client_store.createSnapshotStore)(DEFAULT_COLLAPSE_TIMING);
 			/**
 			* @param host - durable Chat settings scope.
 			* @param defaultMode - presentation used without an explicit saved mode.
@@ -13491,11 +14051,13 @@ window.__ModuleLoader__.load({
 				this.host.set(TRANSCRIPT_VIEW_FIELD, mode);
 			}
 			/**
-			* Keep collapse timing in memory without writing Host or browser storage.
+			* Publish and persist collapse timing without changing the work-details mode.
 			* @param timing - immediate completion folding or deferred folding at the next input.
 			*/
 			setCollapseTiming(timing) {
+				if (this.collapseTiming.getSnapshot() === timing) return;
 				this.collapseTiming.set(timing);
+				this.host.set(COLLAPSE_TIMING_FIELD, timing);
 			}
 			/** Adopt the latest accepted Host section without writing it back. */
 			adopt() {
@@ -13504,6 +14066,8 @@ window.__ModuleLoader__.load({
 				const saved = section.transcriptView;
 				const mode = saved === "normal" || saved === "expanded" ? "detailed" : saved ?? this.defaultMode;
 				if (this.mode.getSnapshot() !== mode) this.mode.set(mode);
+				const timing = section.collapseTiming ?? "completion";
+				if (this.collapseTiming.getSnapshot() !== timing) this.collapseTiming.set(timing);
 			}
 		};
 		//#endregion
@@ -13598,16 +14162,16 @@ window.__ModuleLoader__.load({
 		/**
 		* Resolve a stable policy for one detail mode and collapse timing.
 		* @param mode - persisted work-details mode.
-		* @param collapseTiming - in-memory timing; defaults to immediate completion folding.
+		* @param collapseTiming - persisted timing; defaults to immediate completion folding.
 		* @returns the same policy object for the same pair of choices.
 		*/
 		function presentationPolicyFor(mode, collapseTiming = "completion") {
 			return TIMING_POLICIES[collapseTiming][mode];
 		}
 		/**
-		* Combine Host-backed detail and in-memory timing without owning subscriptions.
+		* Combine Host-backed detail and persisted timing without owning subscriptions.
 		* @param mode - live work-details mode.
-		* @param collapseTiming - live, in-memory collapse timing.
+		* @param collapseTiming - live Host-backed collapse timing.
 		* @returns observable policy whose subscriptions follow both preferences.
 		*/
 		function derivePresentationPolicy(mode, collapseTiming) {