dsh-better-display 0.1.1 → 0.2.1

package/lib/types/client/DiffPanel.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { DiffBlock, diffTotals } from '@deepseek-ai/dsh-client-ui-primitives';
+import css from './Reader.module.css';
+import { diffBlockLabels } from './primitive-labels.js';
+import { FOLD_TIMING } from './fold-choreography.js';
+import { foldDiffHunks } from './tool-activity.js';
+/**
+ * Reveals and withdraws its child by animating real height, in the plugin's own
+ * motion language. Height is the animated property rather than transform because
+ * the panel pushes the transcript down and the reading scroll measures that
+ * growth; the curve and duration are the fold choreography's, so this reads as
+ * the same gesture as opening a digest.
+ *
+ * Closing animates too: the child stays mounted until the shrink finishes, which
+ * is why the owner keeps it alive on an `open` flag instead of unmounting it.
+ */
+function MorphPanel({ open, children, onSettled, onClosed }) {
+    const ref = useRef(null);
+    useLayoutEffect(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        element.dispatchEvent(new CustomEvent('reader-layout-start', { bubbles: true }));
+        let released = false;
+        const release = () => { if (!released) {
+            released = true;
+            element.dispatchEvent(new CustomEvent('reader-layout-end', { bubbles: true }));
+        } };
+        if (typeof element.animate !== 'function') {
+            release();
+            if (!open)
+                onClosed();
+            return;
+        }
+        const height = element.scrollHeight;
+        const frames = open
+            ? [{ height: '0px', opacity: 0, transform: 'translateY(-6px)' },
+                { height: `${height}px`, opacity: 1, transform: 'translateY(0)' }]
+            : [{ height: `${height}px`, opacity: 1 },
+                { height: '0px', opacity: 0 }];
+        const animation = element.animate(frames, {
+            duration: FOLD_TIMING.reveal + FOLD_TIMING.settle,
+            easing: 'cubic-bezier(.4,0,.2,1)',
+        });
+        let settled = false;
+        const settle = () => {
+            if (settled)
+                return;
+            settled = true;
+            release();
+            if (open) {
+                element.style.height = 'auto';
+                element.style.overflow = 'visible';
+                onSettled?.(element);
+            }
+            else {
+                onClosed();
+            }
+        };
+        animation.onfinish = settle;
+        const deadline = window.setTimeout(settle, FOLD_TIMING.reveal + FOLD_TIMING.settle + 240);
+        return () => { window.clearTimeout(deadline); animation.cancel(); release(); };
+    }, [open]);
+    return _jsx("div", { ref: ref, className: css.diffOverlay, children: children });
+}
+/**
+ * Keeps a newly opened panel on screen.
+ *
+ * Opening grows the row downward, so a badge near the fold reveals its card below
+ * the viewport and the reader has to chase it. The scroll container is not known
+ * here, so the nearest scrollable ancestor is found and the card's head is brought
+ * to the top of it — the same thing a jump-to-anchor does.
+ */
+function revealPanel(element) {
+    let port = element.parentElement;
+    while (port && port.scrollHeight <= port.clientHeight + 1)
+        port = port.parentElement;
+    if (!port) {
+        element.scrollIntoView({ block: 'nearest' });
+        return;
+    }
+    const gap = element.getBoundingClientRect().top - port.getBoundingClientRect().top;
+    // Already fully visible: leave the scroll alone rather than jumping on every open.
+    if (gap >= 0 && element.getBoundingClientRect().bottom <= port.getBoundingClientRect().bottom)
+        return;
+    port.scrollTop += gap - 8;
+}
+/**
+ * Line counts for everything a folded run of steps changed.
+ *
+ * A run that touched no files renders nothing, so an ordinary process digest is
+ * unchanged. Clicking the counts opens the same diff surface the official tool
+ * row uses — one file at a time, red removed / green added, expandable.
+ */
+export function DiffStat({ steps, label }) {
+    const hunks = useMemo(() => foldDiffHunks(steps), [steps]);
+    const [open, setOpen] = useState(false);
+    const [visible, setVisible] = useState(false);
+    const totals = useMemo(() => diffTotals(hunks), [hunks]);
+    const [active, setActive] = useState(0);
+    if (!hunks.length)
+        return null;
+    const current = hunks[Math.min(active, hunks.length - 1)];
+    return _jsxs(_Fragment, { children: [_jsx("span", { className: css.diffStatRoot, children: _jsxs("button", { type: "button", className: css.diffStatButton, "aria-expanded": open, "aria-label": `${label} · 改动 ${totals.added} 行，删除 ${totals.removed} 行`, onClick: event => {
+                        event.stopPropagation();
+                        if (open) {
+                            setOpen(false);
+                            return;
+                        }
+                        setVisible(true);
+                        setOpen(true);
+                    }, children: [_jsx("span", { className: css.diffCaret, "aria-hidden": true, children: open ? '\u25be' : '\u25b8' }), totals.added > 0 && _jsxs("span", { className: css.diffAdded, children: ["+", totals.added] }), totals.removed > 0 && _jsxs("span", { className: css.diffRemoved, children: ["-", totals.removed] })] }) }), visible && _jsx("div", { className: css.diffOverlayRow, children: _jsxs(MorphPanel, { open: open, onSettled: revealPanel, onClosed: () => setVisible(false), children: [hunks.length > 1 && _jsx("div", { className: css.diffTabs, children: hunks.map((hunk, index) => _jsx("button", { type: "button", className: css.diffTab, "data-active": index === active || undefined, onClick: () => setActive(index), title: hunk.path, children: hunk.path.split(/[/\\]+/).filter(Boolean).slice(-1)[0] ?? hunk.path }, `${hunk.path}:${index}`)) }), _jsx("div", { className: css.diffScrollArea, children: _jsx(DiffBlock, { diffs: [current], maxLines: 36, labels: diffBlockLabels }) })] }) })] });
+}
+//# sourceMappingURL=DiffPanel.js.map

package/lib/types/client/DiffPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffPanel.js","sourceRoot":"","sources":["../../../src/client/DiffPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,GAAG,MAAM,qBAAqB,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD;;;;;;;;;GASG;AACH,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAExD;IACC,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACjF,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,MAAM,OAAO,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAAC,QAAQ,GAAG,IAAI,CAAC;YAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAAC,CAAC,CAAC,CAAC,CAAC;QAC9I,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;YAAC,OAAO,EAAE,CAAC;YAAC,IAAI,CAAC,IAAI;gBAAE,QAAQ,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QACxF,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC;QACpC,MAAM,MAAM,GAAG,IAAI;YACjB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE;gBAC5D,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;YACrE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE;gBACrC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QACpC,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE;YACxC,QAAQ,EAAE,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM;YACjD,MAAM,EAAE,yBAAyB;SAClC,CAAC,CAAC;QACH,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,IAAI,OAAO;gBAAE,OAAO;YACpB,OAAO,GAAG,IAAI,CAAC;YACf,OAAO,EAAE,CAAC;YACV,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC9B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAC;gBACnC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QACF,SAAS,CAAC,QAAQ,GAAG,MAAM,CAAC;QAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;QAC1F,OAAO,GAAG,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACjF,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW,YAAG,QAAQ,GAAO,CAAC;AACrE,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,WAAW,CAAC,OAAoB;IACvC,IAAI,IAAI,GAAuB,OAAO,CAAC,aAAa,CAAC;IACrD,OAAO,IAAI,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC;QAAE,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC;IACrF,IAAI,CAAC,IAAI,EAAE,CAAC;QAAC,OAAO,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IACpE,MAAM,GAAG,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;IACnF,mFAAmF;IACnF,IAAI,GAAG,IAAI,CAAC,IAAI,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM;QAAE,OAAO;IACtG,IAAI,CAAC,SAAS,IAAI,GAAG,GAAG,CAAC,CAAC;AAC5B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAiD;IACtF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAE,CAAC;IAC3D,OAAO,8BACL,eAAM,SAAS,EAAE,GAAG,CAAC,YAAY,YAC/B,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,CAAC,cAAc,mBAAiB,IAAI,gBAC1D,GAAG,KAAK,SAAS,MAAM,CAAC,KAAK,SAAS,MAAM,CAAC,OAAO,IAAI,EACpE,OAAO,EAAE,KAAK,CAAC,EAAE;wBACf,KAAK,CAAC,eAAe,EAAE,CAAC;wBACxB,IAAI,IAAI,EAAE,CAAC;4BAAC,OAAO,CAAC,KAAK,CAAC,CAAC;4BAAC,OAAO;wBAAC,CAAC;wBACrC,UAAU,CAAC,IAAI,CAAC,CAAC;wBACjB,OAAO,CAAC,IAAI,CAAC,CAAC;oBAChB,CAAC,aACD,eAAM,SAAS,EAAE,GAAG,CAAC,SAAS,iCAAe,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAQ,EAC9E,MAAM,CAAC,KAAK,GAAG,CAAC,IAAI,gBAAM,SAAS,EAAE,GAAG,CAAC,SAAS,kBAAI,MAAM,CAAC,KAAK,IAAQ,EAC1E,MAAM,CAAC,OAAO,GAAG,CAAC,IAAI,gBAAM,SAAS,EAAE,GAAG,CAAC,WAAW,kBAAI,MAAM,CAAC,OAAO,IAAQ,IAC1E,GACJ,EACN,OAAO,IAAI,cAAK,SAAS,EAAE,GAAG,CAAC,cAAc,YAC5C,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,aAC9E,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAK,SAAS,EAAE,GAAG,CAAC,QAAQ,YAC9C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,iBAAsC,IAAI,EAAC,QAAQ,EAC7E,SAAS,EAAE,GAAG,CAAC,OAAO,iBAAe,KAAK,KAAK,MAAM,IAAI,SAAS,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,YAChD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAH7B,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE,CAIvD,CAAC,GACN,EACN,cAAK,SAAS,EAAE,GAAG,CAAC,cAAc,YAChC,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,eAAe,GAAI,GAClE,IACK,GACT,IACL,CAAC;AACN,CAAC"}

package/lib/types/client/Reader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Reader.d.ts","sourceRoot":"","sources":["../../../src/client/Reader.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,YAAY,CAAC;AA4hBhE,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAyOxC"}
+{"version":3,"file":"Reader.d.ts","sourceRoot":"","sources":["../../../src/client/Reader.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,YAAY,CAAC;AA4jBhE,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAyPxC"}

package/lib/types/client/Reader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment, memo, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { Fragment, memo, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
 import { JsonBlock, MarkdownText } from '@deepseek-ai/dsh-client-ui-primitives';
 import { BlockBoundary, Blocks, contentBlocks, CopyAnswer, UserMessageActions } from './Blocks.js';
 import { ReasoningCard } from './ReasoningCard.js';
@@ -9,13 +9,16 @@ import { Disclosure, ProcessFragment, RetiringContent, StatusText, useMotionAllo
 import { StreamMotionContext } from './streaming.js';
 import { assistantSegments, boundaryOf, forkAnchorSeq, groupNodes, hasProcessContent, hasVisibleBody, isEarlierNarration, processChoiceKey, processExpanded, terminalLabel } from './projection.js';
 import { basename, createProducedFileMentions, dirname, getTurnDeliverables, showDeliverablesRow } from './deliverables.js';
+import { deliverableOpenModeOf } from './open-file.js';
+import { asReadonlyArray, pendingSubmissionImages } from './pending-submission.js';
 import { WaitingStatus } from './WaitingStatus.js';
-import { waitingAnchor } from './waiting-clock.js';
+import { handsBackToModel, waitingAnchor } from './waiting-clock.js';
 import { ContextInjectionRow } from './native/ContextInjectionRow.js';
 import { TimelineRail } from './TimelineRail.js';
 import { landTurn, scrollerOf } from './conversation-scroll.js';
 import { mergeTimelineItems } from './timeline.js';
 import { presentLiveTurn, segmentLiveTurn } from './live-turn.js';
+import { frostedGlassOf } from './fold-intensity.js';
 import { ChoreographedFlow, useFlowChat } from './ChoreographedFlow.js';
 import { ClosedProcessSummary } from './ClosedProcessSummary.js';
 import { StickyLane } from './StickyLane.js';
@@ -146,12 +149,31 @@ const MainNode = memo(function MainNode({ useChat, nodeKey, boundary, pinned, pr
         return null;
     if (node.kind === 'context' || node.kind === 'turn-tail' || node.kind === 'system-prompt' || node.kind === 'turn-process')
         return null;
-    if (node.kind === 'command-input') {
-        const data = node.data;
-        return _jsxs("div", { className: css.user, "data-reader-anchor": true, "data-reader-key": nodeKey, children: [_jsx("p", { className: css.meta, children: "\u547D\u4EE4\u8F93\u5165" }), _jsx("p", { className: css.commandInput, children: data.text })] });
-    }
+    // No 'command-input' branch: that string is not a chat node kind in any released
+    // host (it appears nowhere in the installed packages), so a slash command arrives
+    // as 'command' above and is rendered there. Keeping the branch only made the file
+    // look like it handled a case that cannot occur.
     return _jsxs("div", { className: css.unknown, "data-reader-anchor": true, children: [_jsxs("p", { children: ["\u6B64\u8BB0\u5F55\u7C7B\u578B\u6682\u672A\u63A5\u5165\u9605\u8BFB\u9875\uFF1A", node.kind] }), _jsx(JsonBlock, { label: "\u67E5\u770B\u539F\u59CB\u8BB0\u5F55", payload: node.data, truncatedLabel: truncatedJsonLabel })] });
 });
+/**
+ * Sub-agents this turn dispatched, read from the host's own Turn-process row.
+ *
+ * The host already derives this from the dispatch tree (`subagentCount` on
+ * `TurnProcessChatData`), so counting calls here would only risk disagreeing with
+ * it. The row is otherwise hidden by the reader, which is why this is the one place
+ * its counters are read.
+ */
+function subagentCount(snapshot, keys) {
+    for (const key of keys) {
+        const node = snapshot.nodes.get(key);
+        if (!node || node.kind !== 'turn-process')
+            continue;
+        const value = node.data.subagentCount;
+        if (typeof value === 'number' && Number.isFinite(value) && value > 0)
+            return value;
+    }
+    return 0;
+}
 function GroupStatus({ group, sessionId, useChat, useSessionPendingInteraction, motion }) {
     const pending = useSessionPendingInteraction(snapshot => snapshot.get(sessionId));
     const text = useChat(snapshot => {
@@ -168,8 +190,10 @@ function GroupStatus({ group, sessionId, useChat, useSessionPendingInteraction,
             return '等待你的操作';
         const current = turn.steps.at(-1)?.data.get('assistant-step');
         const last = current?.blocks.at(-1);
-        if (current?.status === 'running' && last?.kind === 'tool-call')
-            return preparingLabel(last.name);
+        if (current?.status === 'running' && last?.kind === 'tool-call') {
+            const spawned = subagentCount(snapshot, group.keys);
+            return spawned ? `${preparingLabel(last.name)}·${spawned} 个子代理` : preparingLabel(last.name);
+        }
         for (let index = group.keys.length - 1; index >= 0; index--) {
             const node = snapshot.nodes.get(group.keys[index]);
             if (!node)
@@ -186,7 +210,7 @@ function GroupStatus({ group, sessionId, useChat, useSessionPendingInteraction,
     const busy = useChat(snapshot => group.turn !== null && snapshot.timeline.turns.get(group.turn)?.status === 'open' && pending === undefined);
     return _jsx(StatusText, { text: text, motion: motion, shimmer: busy });
 }
-const DeliverableChip = memo(function DeliverableChip({ path, openFile, revealFile }) {
+const DeliverableChip = memo(function DeliverableChip({ path, openFile, revealFile, openMode }) {
     const [status, setStatus] = useState('idle');
     const timer = useRef();
     const flash = (next) => {
@@ -231,9 +255,9 @@ const DeliverableChip = memo(function DeliverableChip({ path, openFile, revealFi
     };
     const name = basename(path);
     const folder = dirname(path);
-    return (_jsxs("div", { className: css.deliverableChip, "data-status": status, title: path, children: [_jsxs("button", { type: "button", className: css.chipMain, onClick: onOpen, onDoubleClick: onOpen, "aria-label": `直接在编辑器中打开 ${path}`, children: [status === 'opened' ? (_jsx("svg", { className: css.statusIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M3.5 8.5l3 3 6-7", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (_jsxs("svg", { className: css.deliverableIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: [_jsx("path", { d: "M4 2.5h5l3 3V13.5H4V2.5z", strokeWidth: "1.2", strokeLinejoin: "round" }), _jsx("path", { d: "M9 2.5v3h3", strokeWidth: "1.2", strokeLinejoin: "round" })] })), _jsx("span", { className: css.deliverableName, children: status === 'opened' ? '已在外部打开' : name })] }), _jsxs("div", { className: css.chipActions, "aria-label": "\u6587\u4EF6\u64CD\u4F5C", children: [_jsx("button", { type: "button", className: css.chipActionBtn, title: `在访达中定位所在目录 (${folder})`, "aria-label": "\u5728\u8BBF\u8FBE\u4E2D\u663E\u793A\u6240\u5728\u76EE\u5F55", onClick: onReveal, children: status === 'revealed' ? (_jsx("svg", { className: css.actionIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M3.5 8.5l3 3 6-7", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (_jsx("svg", { className: css.actionIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M2 4.5h4l1.5 2H14v6.5H2V4.5z", strokeWidth: "1.2", strokeLinejoin: "round" }) })) }), _jsx("button", { type: "button", className: css.chipActionBtn, title: "\u590D\u5236\u76F8\u5BF9\u8DEF\u5F84", "aria-label": "\u590D\u5236\u76F8\u5BF9\u8DEF\u5F84", onClick: onCopy, children: status === 'copied' ? (_jsx("svg", { className: css.actionIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M3.5 8.5l3 3 6-7", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (_jsxs("svg", { className: css.actionIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: [_jsx("rect", { x: "5.5", y: "5.5", width: "8", height: "8", rx: "1.5", strokeWidth: "1.2" }), _jsx("path", { d: "M4 10.5H3a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1", strokeWidth: "1.2", strokeLinecap: "round" })] })) })] })] }));
+    return (_jsxs("div", { className: css.deliverableChip, "data-status": status, title: path, children: [_jsxs("button", { type: "button", className: css.chipMain, onClick: onOpen, onDoubleClick: onOpen, "aria-label": openMode === 'sidebar' ? `在内置面板中打开 ${path}` : `用系统应用打开 ${path}`, children: [status === 'opened' ? (_jsx("svg", { className: css.statusIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M3.5 8.5l3 3 6-7", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (_jsxs("svg", { className: css.deliverableIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: [_jsx("path", { d: "M4 2.5h5l3 3V13.5H4V2.5z", strokeWidth: "1.2", strokeLinejoin: "round" }), _jsx("path", { d: "M9 2.5v3h3", strokeWidth: "1.2", strokeLinejoin: "round" })] })), _jsx("span", { className: css.deliverableName, children: status === 'opened' ? (openMode === 'sidebar' ? '已在面板打开' : '已在外部打开') : name })] }), _jsxs("div", { className: css.chipActions, "aria-label": "\u6587\u4EF6\u64CD\u4F5C", children: [_jsx("button", { type: "button", className: css.chipActionBtn, title: `在访达中定位所在目录 (${folder})`, "aria-label": "\u5728\u8BBF\u8FBE\u4E2D\u663E\u793A\u6240\u5728\u76EE\u5F55", onClick: onReveal, children: status === 'revealed' ? (_jsx("svg", { className: css.actionIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M3.5 8.5l3 3 6-7", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (_jsx("svg", { className: css.actionIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M2 4.5h4l1.5 2H14v6.5H2V4.5z", strokeWidth: "1.2", strokeLinejoin: "round" }) })) }), _jsx("button", { type: "button", className: css.chipActionBtn, title: "\u590D\u5236\u76F8\u5BF9\u8DEF\u5F84", "aria-label": "\u590D\u5236\u76F8\u5BF9\u8DEF\u5F84", onClick: onCopy, children: status === 'copied' ? (_jsx("svg", { className: css.actionIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M3.5 8.5l3 3 6-7", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (_jsxs("svg", { className: css.actionIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: [_jsx("rect", { x: "5.5", y: "5.5", width: "8", height: "8", rx: "1.5", strokeWidth: "1.2" }), _jsx("path", { d: "M4 10.5H3a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1", strokeWidth: "1.2", strokeLinecap: "round" })] })) })] })] }));
 });
-function DeliverablesRow({ deliverables, openFile, revealFile }) {
+function DeliverablesRow({ deliverables, openFile, revealFile, openMode }) {
     const [folderStatus, setFolderStatus] = useState('idle');
     const onOpenWorkspace = () => {
         try {
@@ -245,7 +269,7 @@ function DeliverablesRow({ deliverables, openFile, revealFile }) {
             // ignore
         }
     };
-    return (_jsxs("div", { className: css.deliverablesRoot, "data-reader-deliverables": true, children: [_jsx("span", { className: css.deliverablesLabel, children: "\u4EA7\u7269" }), _jsx("div", { className: css.deliverablesLane, children: _jsxs("div", { className: css.deliverablesRow, children: [deliverables.slice(0, 8).map(path => (_jsx(DeliverableChip, { path: path, openFile: openFile, revealFile: revealFile }, path))), deliverables.length > 8 && (_jsxs("span", { className: css.deliverablesMore, children: ["+ ", deliverables.length - 8, " \u4E2A\u6587\u4EF6"] })), deliverables.length > 1 && (_jsxs("button", { type: "button", className: css.deliverablesShowFolder, "data-status": folderStatus, onClick: onOpenWorkspace, title: "\u5728\u8BBF\u8FBE\u4E2D\u6253\u5F00\u6574\u4E2A\u5DE5\u4F5C\u533A\u76EE\u5F55", children: [folderStatus === 'opened' && (_jsx("svg", { className: css.statusIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M3.5 8.5l3 3 6-7", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })), _jsx("span", { children: folderStatus === 'opened' ? '已打开访达' : '在文件夹中显示' })] }))] }) })] }));
+    return (_jsxs("div", { className: css.deliverablesRoot, "data-reader-deliverables": true, children: [_jsx("span", { className: css.deliverablesLabel, children: "\u4EA7\u7269" }), _jsx("div", { className: css.deliverablesLane, children: _jsxs("div", { className: css.deliverablesRow, children: [deliverables.slice(0, 8).map(path => (_jsx(DeliverableChip, { path: path, openFile: openFile, revealFile: revealFile, openMode: openMode }, path))), deliverables.length > 8 && (_jsxs("span", { className: css.deliverablesMore, children: ["+ ", deliverables.length - 8, " \u4E2A\u6587\u4EF6"] })), deliverables.length > 1 && (_jsxs("button", { type: "button", className: css.deliverablesShowFolder, "data-status": folderStatus, onClick: onOpenWorkspace, title: "\u5728\u8BBF\u8FBE\u4E2D\u6253\u5F00\u6574\u4E2A\u5DE5\u4F5C\u533A\u76EE\u5F55", children: [folderStatus === 'opened' && (_jsx("svg", { className: css.statusIcon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M3.5 8.5l3 3 6-7", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) })), _jsx("span", { children: folderStatus === 'opened' ? '已打开访达' : '在文件夹中显示' })] }))] }) })] }));
 }
 const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys, selectedProcessKeys, isAwaitingModel = false, ...props }) {
     const snapshot = props.useChat(snapshot => snapshot);
@@ -266,6 +290,7 @@ const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys,
     const flow = useMemo(() => readerFlow({ ...group, keys: mainKeys }, turn, key => nodes.get(key)), [nodes, group, mainKeys, turn]);
     const steps = useMemo(() => segmentLiveTurn(flow, key => nodes.get(key)), [flow, nodes]);
     const liveItems = useMemo(() => presentLiveTurn(steps, boundary, autoFold), [steps, boundary, autoFold]);
+    const openMode = deliverableOpenModeOf(useSyncExternalStore(props.openPrefs?.subscribe ?? ((fn) => { void fn; return () => { }; }), () => props.openPrefs?.getSnapshot()?.deliverableOpenMode, () => 'external'));
     const hasProcess = flow.some(item => item.kind === 'tool' || hasProcessContent(nodes.get(item.nodeKey), boundary));
     // Only a real, still-active text selection delays folding. Merely clicking,
     // focusing or scrolling the live card does not create a permanent override.
@@ -273,7 +298,7 @@ const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys,
         || liveItems.some(item => item.kind === 'fold'
             ? item.key === key || item.steps.some(step => step.key === key || ('nodeKey' in step && step.nodeKey === key))
             : item.key === key || ('nodeKey' in item.step && item.step.nodeKey === key)));
-    const expanded = holdingSelection || processExpanded(expansionChoice, boundary);
+    const expanded = !autoFold || holdingSelection || processExpanded(expansionChoice, boundary);
     const [foldOpenByKey, setFoldOpenByKey] = useState({});
     const deliverables = useMemo(() => getTurnDeliverables(turn, flow), [turn, flow]);
     const fileMentions = useMemo(() => deliverables.length > 0 && props.openFile ? createProducedFileMentions(deliverables, props.openFile) : undefined, [deliverables, props.openFile]);
@@ -315,10 +340,17 @@ const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys,
         forkSeq,
         fileMentions,
         metrics,
+        getToolView: props.getToolView,
     };
     const terminal = terminalLabel(boundary.reason);
     const hasTurnError = flow.some(item => item.kind === 'node' && nodes.get(item.nodeKey)?.kind === 'turn-error');
-    const showTerminalNotice = terminal && !hasTurnError && boundary.reason !== 'interrupted' && boundary.reason !== 'aborted';
+    // A stopped turn normally stays quiet, but a stopped turn that produced no
+    // prose at all reads as if its answer vanished into the process fold. Say so.
+    const hasAnswerProse = steps.some(step => step.kind === 'body'
+        && step.blocks.some(block => block.kind === 'text' && block.text.trim() !== ''));
+    const stoppedWithoutAnswer = (boundary.reason === 'interrupted' || boundary.reason === 'aborted') && !hasAnswerProse;
+    const showTerminalNotice = terminal && !hasTurnError
+        && (stoppedWithoutAnswer || (boundary.reason !== 'interrupted' && boundary.reason !== 'aborted'));
     const renderStep = (step, folded) => {
         const processOpen = folded || expanded;
         if (step.kind === 'reasoning' || step.kind === 'body')
@@ -329,7 +361,7 @@ const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys,
             return _jsx(BlockBoundary, { children: _jsx(MainNode, { ...shared, boundary: boundary, nodeKey: step.nodeKey }) });
         return _jsxs(Fragment, { children: [_jsx(BlockBoundary, { children: _jsx(ProcessNode, { useChat: useFlowChat, t: props.t, nodeKey: step.nodeKey, open: processOpen, motion: motion, onRead: pinProcess, returnFocusTo: processButton }) }), _jsx(BlockBoundary, { children: _jsx(MainNode, { ...shared, boundary: boundary, nodeKey: step.nodeKey, pinned: pinnedKeys.includes(step.nodeKey), processOpen: processOpen }) })] });
     };
-    return _jsxs("section", { className: css.turn, "data-reader-turn": group.turn ?? 'unresolved', "data-reader-turn-state": boundary.status, "data-reader-turn-result": boundary.reason ?? undefined, children: [startsWithUser && _jsx(BlockBoundary, { children: _jsx(MainNode, { ...shared, useChat: props.useChat, boundary: boundary, nodeKey: group.keys[0] }) }), hasProcess && !isAwaitingModel && _jsx(StickyLane, { kind: "status", className: css.turnProcessSticky, children: _jsx(Disclosure, { open: expanded, onChange: setExpanded, controls: flowId, buttonRef: processButton, label: _jsx(GroupStatus, { group: group, sessionId: props.sessionId, useChat: props.useChat, useSessionPendingInteraction: props.useSessionPendingInteraction, motion: motion }) }) }), boundary.status === 'closed' && hasProcess && _jsx(ClosedProcessSummary, { open: expanded, onChange: setExpanded, controls: flowId, steps: steps.filter(step => {
+    return _jsxs("section", { className: css.turn, "data-reader-turn": group.turn ?? 'unresolved', "data-reader-turn-state": boundary.status, "data-reader-turn-result": boundary.reason ?? undefined, children: [startsWithUser && _jsx(BlockBoundary, { children: _jsx(MainNode, { ...shared, useChat: props.useChat, boundary: boundary, nodeKey: group.keys[0] }) }), hasProcess && !isAwaitingModel && _jsx(StickyLane, { kind: "status", className: css.turnProcessSticky, children: _jsx(Disclosure, { open: expanded, onChange: setExpanded, controls: flowId, buttonRef: processButton, label: _jsx(GroupStatus, { group: group, sessionId: props.sessionId, useChat: props.useChat, useSessionPendingInteraction: props.useSessionPendingInteraction, motion: motion }) }) }), boundary.status === 'closed' && hasProcess && autoFold && _jsx(ClosedProcessSummary, { open: expanded, onChange: setExpanded, controls: flowId, steps: steps.filter(step => {
                     if (step.kind === 'user')
                         return false;
                     if (step.kind !== 'body')
@@ -338,7 +370,7 @@ const TurnGroup = memo(function TurnGroup({ group, motion, autoFold, pinnedKeys,
                     return !!node && isNode(node, 'assistant-step') && (isEarlierNarration(node.data, boundary)
                         || node.data.blocks.some(block => block.kind === 'tool-call')
                         || (boundary.latestStep > 0 && node.data.step < boundary.latestStep));
-                }) }), _jsx(ChoreographedFlow, { id: flowId, frame: presentation, motion: motion, enabled: autoFold && boundary.status === 'open' && !holdingSelection, urgent: hasTurnError || interaction !== undefined || !sessionRunning, open: foldOpenByKey, processOpen: expanded, onOpenChange: (key, value) => { pinProcess(); setFoldOpenByKey(current => ({ ...current, [key]: value })); }, renderStep: renderStep }), !hasProcess && boundary.status === 'open' && !isAwaitingModel && _jsx("div", { className: css.disclosure, "data-reader-status-only": true, children: _jsx(GroupStatus, { group: group, sessionId: props.sessionId, useChat: props.useChat, useSessionPendingInteraction: props.useSessionPendingInteraction, motion: motion }) }), showDeliverablesRow(boundary.status, deliverables) && _jsx(DeliverablesRow, { deliverables: deliverables, openFile: props.openFile, revealFile: props.revealFile }), showTerminalNotice && _jsx("div", { className: css.notice, "data-reader-terminal": true, children: terminal })] });
+                }) }), _jsx(ChoreographedFlow, { id: flowId, frame: presentation, motion: motion, enabled: autoFold && boundary.status === 'open' && !holdingSelection, urgent: hasTurnError || interaction !== undefined || !sessionRunning, open: foldOpenByKey, processOpen: expanded, onOpenChange: (key, value) => { pinProcess(); setFoldOpenByKey(current => ({ ...current, [key]: value })); }, renderStep: renderStep }), !hasProcess && boundary.status === 'open' && !isAwaitingModel && _jsx("div", { className: css.disclosure, "data-reader-status-only": true, children: _jsx(GroupStatus, { group: group, sessionId: props.sessionId, useChat: props.useChat, useSessionPendingInteraction: props.useSessionPendingInteraction, motion: motion }) }), showDeliverablesRow(boundary.status, deliverables) && _jsx(DeliverablesRow, { deliverables: deliverables, openFile: props.openFile, revealFile: props.revealFile, openMode: openMode }), showTerminalNotice && _jsx("div", { className: css.notice, "data-reader-terminal": true, children: terminal })] });
 });
 export function Reader(props) {
     const root = useRef(null);
@@ -353,51 +385,47 @@ export function Reader(props) {
     const hasMore = props.useSession(snapshot => snapshot.hasMore);
     const loadingOlder = props.useSession(snapshot => snapshot.loadingOlder);
     const pendingSubmissions = props.useSession(snapshot => snapshot.pendingSubmissions);
-    const waitAnchor = waitingAnchor(order, key => nodes.get(key), pendingSubmissions);
+    const pendingList = asReadonlyArray(pendingSubmissions);
+    const waitAnchor = waitingAnchor(order, key => nodes.get(key), pendingList);
     const motionPreference = props.useStore(state => state.motion);
     const motion = useMotionAllowed(motionPreference);
-    const autoFold = props.useStore(state => state.autoFold ?? true);
+    const prefsSnap = useSyncExternalStore(props.openPrefs?.subscribe ?? ((fn) => { void fn; return () => { }; }), () => props.openPrefs?.getSnapshot?.(), () => undefined);
+    const storeAutoFold = props.useStore(state => state.autoFold);
+    const autoFold = prefsSnap?.autoFold ?? (prefsSnap?.foldIntensity !== undefined ? prefsSnap.foldIntensity !== 0 : undefined) ?? storeAutoFold ?? true;
+    const frostedGlass = frostedGlassOf(prefsSnap);
     const streamMotion = useMemo(() => ({ enabled: motion, activatedAt: activatedAt.current }), [motion]);
     const groups = useMemo(() => groupNodes(order, key => nodes.get(key)), [order, nodes, timeline]);
     const isAwaitingModel = useMemo(() => {
         // 状态机铁律：「深度求索中」与「正在处理/思考」永远互斥。
         // 1. 仅空闲发送（!running）的本地回显窗口：用户按下回车第 0 毫秒立即反馈。
         //    忙碌时的 queued/steering 回显不算等待——模型本来就在工作。
-        if (!running && pendingSubmissions && pendingSubmissions.length > 0)
+        if (!running && pendingList.length > 0)
             return true;
         const lastKey = order.at(-1);
         const lastNode = lastKey ? nodes.get(lastKey) : undefined;
-        const lastIsUser = lastNode?.kind === 'user' || lastNode?.kind === 'steering';
-        // 2. 最后一个节点是用户发言（含补发消息）：检查该用户节点**之后**是否已有模型产出。
-        //    之前用 slice(1) 是 Bug——补发消息在组中部，前面的旧输出会让等待永远不出现。
-        if (lastIsUser && lastKey) {
-            const lastGroup = groups.at(-1);
-            const turn = lastGroup?.turn === null || lastGroup?.turn === undefined ? undefined : timeline.turns.get(lastGroup.turn);
-            if (turn?.status === 'closed')
-                return false;
-            const keys = lastGroup?.keys ?? [];
-            const userIdx = keys.lastIndexOf(lastKey);
-            const hasOutputAfter = keys.slice(userIdx + 1).some(key => {
-                const node = nodes.get(key);
-                if (!node || node.visibility === 'hidden')
-                    return false;
-                if (node.kind === 'assistant-step') {
-                    const data = node.data;
-                    return Array.isArray(data.blocks) && data.blocks.length > 0;
-                }
-                return node.kind === 'tool-call' || node.kind === 'tool-return' || node.kind === 'command-input';
-            });
-            return !hasOutputAfter;
-        }
-        // 3. assistant-step 已创建但一个 block 都没有：模型收到请求、内容未吐出的瞬间。
-        if (lastNode?.kind === 'assistant-step') {
+        if (!lastKey || !lastNode)
+            return false;
+        // 2. 模型已经产出内容：等待结束，计时器必须立刻消失。
+        //    「产出」= assistant-step 已带 block（正文/思维链/工具调用都算）。
+        if (lastNode.kind === 'assistant-step') {
             const data = lastNode.data;
-            if (data.status === 'running' && (!data.blocks || data.blocks.length === 0)) {
-                return true;
-            }
+            const blocks = data.blocks ?? [];
+            // 空 block 且仍在跑 = 请求已发出、模型还没吐字，正是要计时的那一刻。
+            return blocks.length === 0 && data.status === 'running';
         }
-        return false;
-    }, [running, pendingSubmissions, order, nodes, groups, timeline]);
+        // 3. 球在模型脚下：用户刚发言，或工具已返回、上下文已注入、命令已执行。
+        //    这些时刻模型随时可能卡住，正是要计时的地方；工具执行期间不计时，
+        //    因为那时忙的是工具而不是模型。
+        //    handsBackToModel 内部按 chat 层 kind 判定，并区分「工具已返回」与
+        //    「工具仍在跑」——后者不算等待。
+        const modelOwesResponse = handsBackToModel(lastNode);
+        if (!modelOwesResponse)
+            return false;
+        // 轮次已结束就没什么可等的。
+        const lastGroup = groups.at(-1);
+        const turn = lastGroup?.turn === null || lastGroup?.turn === undefined ? undefined : timeline.turns.get(lastGroup.turn);
+        return turn?.status !== 'closed';
+    }, [running, pendingList, order, nodes, groups, timeline]);
     const scroll = useReadingScroll(root, motion);
     const pinnedKeys = usePinnedSelection(root);
     const selectedProcessKeys = usePinnedSelection(root, '[data-reader-process]');
@@ -505,7 +533,7 @@ export function Reader(props) {
     }, [props.loadThrough, props.loadOlder, scroll.jump, scroll.release, timelineItems]);
     const lastKey = order.at(-1);
     const lastNode = lastKey ? nodes.get(lastKey) : undefined;
-    const lastSubmissionId = pendingSubmissions?.length ? pendingSubmissions[pendingSubmissions.length - 1].requestId : null;
+    const lastSubmissionId = pendingList.length ? pendingList[pendingList.length - 1].requestId : null;
     const lastOrderKeyRef = useRef(lastKey);
     const lastSubmissionRef = useRef(lastSubmissionId);
     useLayoutEffect(() => {
@@ -518,13 +546,16 @@ export function Reader(props) {
         }
     }, [lastKey, lastNode?.kind, lastSubmissionId, scroll]);
     const visibleSubmissions = useMemo(() => {
-        if (!pendingSubmissions || pendingSubmissions.length === 0)
+        if (pendingList.length === 0)
             return [];
-        return pendingSubmissions.filter(sub => sub.placement !== 'queued');
-    }, [pendingSubmissions]);
+        return pendingList.filter(sub => sub.placement !== 'queued');
+    }, [pendingList]);
     // ChatView publishes data-chat-flow="" on its column. Skins treat a
     // scrollport without that hook as inspect-only and hide [data-composer-seat].
-    return _jsx(StreamMotionContext.Provider, { value: streamMotion, children: _jsxs("div", { ref: root, className: css.root, "data-dsh-better-display": "0.1.1", "data-reader-wait-clock-version": "input-v1", "data-reader-wait-start": waitAnchor.time ?? undefined, "data-motion": motion ? 'on' : 'off', children: [_jsx(TimelineRail, { items: timelineItems, activeTurn: activeTurn, busyTurn: busyTurn, onNavigate: onNavigateTurn }), _jsxs("div", { className: css.column, "data-chat-flow": "", children: [_jsx(StickyLane, { kind: "toolbar", className: css.toolbar, children: _jsx("button", { type: "button", className: css.textButton, "aria-pressed": autoFold, onClick: () => props.actions.setAutoFold(!autoFold), title: "\u65B0\u601D\u8003\u4EA7\u751F\u65F6\uFF0C\u662F\u5426\u81EA\u52A8\u5C06\u6B64\u524D\u6B65\u9AA4\u6536\u62E2\u4E3A\u4E00\u884C\u6C47\u603B\u3002\u5173\u95ED\u540E\u5B8C\u6574\u4FDD\u7559\u539F\u59CB\u8FC7\u7A0B\u4E0E\u6D41\u5F0F\u8F93\u51FA\u3002", children: `自动折叠${autoFold ? '开' : '关'}` }) }), hasMore && _jsx("button", { type: "button", className: css.historyButton, disabled: loadingOlder, onClick: async () => {
+    return _jsx(StreamMotionContext.Provider, { value: streamMotion, children: _jsxs("div", { ref: root, className: css.root, "data-dsh-better-display": "0.2.1", "data-reader-wait-clock-version": "input-v1", "data-reader-wait-start": waitAnchor.time ?? undefined, "data-motion": motion ? 'on' : 'off', "data-reader-glass": frostedGlass || undefined, "data-reader-auto-fold": autoFold ? 'on' : 'off', children: [_jsx(TimelineRail, { items: timelineItems, activeTurn: activeTurn, busyTurn: busyTurn, onNavigate: onNavigateTurn }), _jsxs("div", { className: css.column, "data-chat-flow": "", children: [_jsx(StickyLane, { kind: "toolbar", className: css.toolbar, children: _jsx("button", { type: "button", className: css.textButton, "aria-pressed": autoFold, onClick: () => {
+                                    props.actions.setAutoFold(!autoFold);
+                                    props.openPrefs?.actions?.setAutoFold?.(!autoFold);
+                                }, title: "\u65B0\u601D\u8003\u4EA7\u751F\u65F6\uFF0C\u662F\u5426\u81EA\u52A8\u5C06\u6B64\u524D\u6B65\u9AA4\u6536\u62E2\u4E3A\u4E00\u884C\u6C47\u603B\u3002\u5173\u95ED\u540E\u5B8C\u6574\u4FDD\u7559\u539F\u59CB\u8FC7\u7A0B\u4E0E\u6D41\u5F0F\u8F93\u51FA\u3002", children: `自动折叠${autoFold ? '开' : '关'}` }) }), hasMore && _jsx("button", { type: "button", className: css.historyButton, disabled: loadingOlder, onClick: async () => {
                                 setHistoryError(false);
                                 try {
                                     await props.loadOlder();
@@ -532,6 +563,9 @@ export function Reader(props) {
                                 catch {
                                     setHistoryError(true);
                                 }
-                            }, children: loadingOlder ? '正在加载更早记录' : '加载更早记录' }), historyError && _jsx("div", { className: css.notice, children: "\u5386\u53F2\u8BB0\u5F55\u52A0\u8F7D\u5931\u8D25\uFF0C\u53EF\u518D\u6B21\u5C1D\u8BD5\uFF1B\u73B0\u6709\u5185\u5BB9\u672A\u6539\u53D8\u3002" }), openError && _jsxs("div", { className: css.error, role: "alert", children: ["\u4F1A\u8BDD\u6682\u65F6\u65E0\u6CD5\u8BFB\u53D6\uFF1A", openError.message] }), loading && groups.length === 0 && _jsx("p", { className: css.empty, role: "status", children: "\u6B63\u5728\u8BFB\u53D6\u4F1A\u8BDD\u2026" }), groups.map(group => _jsx(TurnGroup, { ...props, group: group, motion: motion, autoFold: autoFold, pinnedKeys: pinnedKeys, selectedProcessKeys: selectedProcessKeys, isAwaitingModel: isAwaitingModel && group.key === groups.at(-1)?.key }, group.key)), visibleSubmissions.map(submission => (_jsxs("div", { className: css.userCluster, "data-reader-pending-submission": true, children: [submission.attachments.some(item => item.type === 'image') && (_jsx("div", { className: css.userImages, children: submission.attachments.map((item, idx) => item.type === 'image' ? (_jsx("figure", { className: css.imageFigure, children: _jsx("div", { className: css.imageFrame, style: { aspectRatio: `${item.value.width || 4} / ${item.value.height || 3}` }, children: _jsx("img", { src: item.value.previewUrl, alt: item.value.name ?? '发送的图片', className: css.pendingImage }) }) }, idx)) : null) })), submission.text ? (_jsx("div", { className: css.user, children: _jsx("div", { className: css.blocks, children: submission.text }) })) : null, _jsx(UserMessageActions, { text: submission.text, time: submission.time })] }, submission.requestId))), isAwaitingModel && _jsx(WaitingStatus, { anchor: waitAnchor, label: props.t ? props.t('chat.deepDiving') : '深度求索中...' }), pending !== undefined && _jsxs("div", { className: css.attention, role: "alert", "data-reader-attention": true, children: [_jsx("strong", { children: pending.kind === 'question' ? '需要你回答一个问题' : '需要你的确认' }), _jsx("span", { children: "\u8BF7\u5728\u4E0B\u65B9\u539F\u751F\u64CD\u4F5C\u533A\u5904\u7406\u3002\u6B64\u63D0\u793A\u4E0D\u4F1A\u6536\u8FDB\u6267\u884C\u8FC7\u7A0B\u3002" })] }), scroll.detached && _jsx("div", { className: css.jumpDock, children: _jsx("button", { type: "button", className: css.jump, "aria-label": "\u56DE\u5230\u5E95\u90E8", title: "\u56DE\u5230\u5E95\u90E8", onClick: scroll.jump, children: _jsx("svg", { viewBox: "0 0 14 14", width: "14", height: "14", "aria-hidden": "true", children: _jsx("path", { d: "M3 5.5 7 9.5 11 5.5", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) })] })] }) });
+                            }, children: loadingOlder ? '正在加载更早记录' : '加载更早记录' }), historyError && _jsx("div", { className: css.notice, children: "\u5386\u53F2\u8BB0\u5F55\u52A0\u8F7D\u5931\u8D25\uFF0C\u53EF\u518D\u6B21\u5C1D\u8BD5\uFF1B\u73B0\u6709\u5185\u5BB9\u672A\u6539\u53D8\u3002" }), openError && _jsxs("div", { className: css.error, role: "alert", children: ["\u4F1A\u8BDD\u6682\u65F6\u65E0\u6CD5\u8BFB\u53D6\uFF1A", openError.message] }), loading && groups.length === 0 && _jsx("p", { className: css.empty, role: "status", children: "\u6B63\u5728\u8BFB\u53D6\u4F1A\u8BDD\u2026" }), groups.map(group => _jsx(TurnGroup, { ...props, group: group, motion: motion, autoFold: autoFold, pinnedKeys: pinnedKeys, selectedProcessKeys: selectedProcessKeys, isAwaitingModel: isAwaitingModel && group.key === groups.at(-1)?.key }, group.key)), visibleSubmissions.map(submission => {
+                            const images = pendingSubmissionImages(submission);
+                            return (_jsxs("div", { className: css.userCluster, "data-reader-pending-submission": true, children: [images.length > 0 && (_jsx("div", { className: css.userImages, children: images.map((item, idx) => (_jsx("figure", { className: css.imageFigure, children: _jsx("div", { className: css.imageFrame, style: { aspectRatio: `${item.width || 4} / ${item.height || 3}` }, children: _jsx("img", { src: item.previewUrl, alt: item.name ?? '发送的图片', className: css.pendingImage }) }) }, idx))) })), submission.text ? (_jsx("div", { className: css.user, children: _jsx("div", { className: css.blocks, children: submission.text }) })) : null, _jsx(UserMessageActions, { text: submission.text ?? '', time: submission.time })] }, submission.requestId));
+                        }), isAwaitingModel && _jsx(WaitingStatus, { anchor: waitAnchor, label: props.t ? props.t('chat.deepDiving') : '深度求索中...' }), pending !== undefined && _jsxs("div", { className: css.attention, role: "alert", "data-reader-attention": true, children: [_jsx("strong", { children: pending.kind === 'question' ? '需要你回答一个问题' : '需要你的确认' }), _jsx("span", { children: "\u8BF7\u5728\u4E0B\u65B9\u539F\u751F\u64CD\u4F5C\u533A\u5904\u7406\u3002\u6B64\u63D0\u793A\u4E0D\u4F1A\u6536\u8FDB\u6267\u884C\u8FC7\u7A0B\u3002" })] }), scroll.detached && _jsx("div", { className: css.jumpDock, children: _jsx("button", { type: "button", className: css.jump, "aria-label": "\u56DE\u5230\u5E95\u90E8", title: "\u56DE\u5230\u5E95\u90E8", onClick: scroll.jump, children: _jsx("svg", { viewBox: "0 0 14 14", width: "14", height: "14", "aria-hidden": "true", children: _jsx("path", { d: "M3 5.5 7 9.5 11 5.5", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) })] })] }) });
 }
 //# sourceMappingURL=Reader.js.map