@deepseek-harness-tui/dsh-tui 0.8.8 → 0.9.0

package/lib/types/screens/SessionBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionBrowser.d.ts","sourceRoot":"","sources":["../../../src/screens/SessionBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAsBzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAoDxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,4EAA4E;IAC5E,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO,CAAA;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CA4elB"}
+{"version":3,"file":"SessionBrowser.d.ts","sourceRoot":"","sources":["../../../src/screens/SessionBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAsBzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAoDxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,4EAA4E;IAC5E,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO,CAAA;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CAkhBlB"}

package/lib/types/screens/SessionBrowser.js

@@ -103,6 +103,8 @@ export function SessionBrowser({ channel, home, sameProject, onClose, }) {
     const topRef = React.useRef(0);
     const [mode, setMode] = React.useState('list');
     const [renameText, setRenameText] = React.useState('');
+    /** Hover state for the confirm rows (only one is ever mounted). */
+    const [confirmHovered, setConfirmHovered] = React.useState(false);
     // The browser owns the whole screen, so it has to carry its own messages.
     // `channel.notify` renders into the conversation — which is exactly what is
     // NOT on screen right now — so a failed delete, a refused resume, or an
@@ -165,6 +167,38 @@ export function SessionBrowser({ channel, home, sameProject, onClose, }) {
         return byId >= 0 ? byId : Math.max(0, seekSelectable(view.rows, 0, 1));
     }, [view.rows, focusId]);
     const focused = sessionAt(view.rows, focus);
+    /**
+     * Resume a session (Enter and row-click share this path). The screen closes
+     * only once the resume actually happened. Closing first and letting a
+     * refusal fall through to a notification would send that explanation to the
+     * conversation the user is not looking at, and leave them staring at an
+     * unchanged transcript wondering what Enter did. `resumeTo` reports its own
+     * reasons; this only has to stay put.
+     */
+    const resumeSession = (target) => {
+        runAction(async () => {
+            try {
+                const result = await channel.resumeTo(target.id);
+                if (result.ok) {
+                    channel.notify(t('resume-resumed'));
+                    onClose();
+                }
+                else {
+                    if (result.reason === 'cancelled')
+                        return;
+                    const text = result.reason === 'working'
+                        ? t('resume-while-working')
+                        : result.reason === 'unavailable'
+                            ? t('resume-unavailable')
+                            : t('session-resume-failed', { err: result.error });
+                    setNotice({ text, tone: 'error' });
+                }
+            }
+            catch (error) {
+                setNotice({ text: t('session-resume-failed', { err: message(error) }), tone: 'error' });
+            }
+        });
+    };
     // Where the cursor is RIGHT NOW, including moves made earlier in this same
     // tick. A held arrow key (or a paste) delivers several key events from one
     // stdin chunk, and every one of them runs before React re-renders — so a
@@ -338,6 +372,13 @@ export function SessionBrowser({ channel, home, sameProject, onClose, }) {
         else if (key.downArrow) {
             step(1);
         }
+        else if (key.wheelUp) {
+            // 滚轮在列表上：与 ↑ 同路径——焦点跟随窗口下移焦点即滚动
+            step(-1);
+        }
+        else if (key.wheelDown) {
+            step(1);
+        }
         else if (key.pageUp || key.pageDown) {
             // A page is "as many rows as the window holds", taken as repeated single
             // steps so it lands on a selectable row like every other move.
@@ -346,34 +387,7 @@ export function SessionBrowser({ channel, home, sameProject, onClose, }) {
         else if (isPlainReturn(key)) {
             if (focused === undefined)
                 return;
-            const target = focused;
-            // The screen closes only once the resume actually happened. Closing
-            // first and letting a refusal fall through to a notification would send
-            // that explanation to the conversation the user is not looking at, and
-            // leave them staring at an unchanged transcript wondering what Enter
-            // did. `resumeTo` reports its own reasons; this only has to stay put.
-            runAction(async () => {
-                try {
-                    const result = await channel.resumeTo(target.id);
-                    if (result.ok) {
-                        channel.notify(t('resume-resumed'));
-                        onClose();
-                    }
-                    else {
-                        if (result.reason === 'cancelled')
-                            return;
-                        const text = result.reason === 'working'
-                            ? t('resume-while-working')
-                            : result.reason === 'unavailable'
-                                ? t('resume-unavailable')
-                                : t('session-resume-failed', { err: result.error });
-                        setNotice({ text, tone: 'error' });
-                    }
-                }
-                catch (error) {
-                    setNotice({ text: t('session-resume-failed', { err: message(error) }), tone: 'error' });
-                }
-            });
+            resumeSession(focused);
         }
         else if (key.escape) {
             // Esc backs out one layer at a time: a live query first, the screen
@@ -455,5 +469,18 @@ export function SessionBrowser({ channel, home, sameProject, onClose, }) {
                 t('session-hint-list-mid', { mod: modLabel }),
                 t('session-hint-list-short'),
             ], inputBudget);
-    return (_jsxs(Box, { flexDirection: "column", width: columns, height: rows, children: [_jsxs(Box, { flexShrink: 0, children: [_jsx(Text, { color: "remember", bold: true, children: header.left }), _jsx(Text, { dimColor: true, children: `${' '.repeat(header.gap)}${header.right}` })] }), rules.has(0) && (_jsx(Box, { flexShrink: 0, children: _jsx(Divider, { width: columns }) })), _jsx(Box, { flexShrink: 0, children: _jsx(SearchBox, { query: tailWidth(filters.query, inputBudget), isFocused: mode === 'list', isTerminalFocused: isTerminalFocused, placeholder: truncateWidth(t('session-search-placeholder', { scope }), inputBudget), borderless: true }) }), rules.has(1) && (_jsx(Box, { flexShrink: 0, children: _jsx(Divider, { width: columns }) })), _jsxs(Box, { flexGrow: 1, flexShrink: 1, children: [!soloPreview && (_jsxs(Box, { flexDirection: "column", width: listWidth, height: listHeight, flexShrink: 0, children: [!loaded && (_jsx(Text, { dimColor: true, italic: true, children: ` ${truncateWidth(t('session-loading'), listWidth - 2)}` })), loaded && view.rows.length === 0 && (_jsx(Text, { dimColor: true, italic: true, children: ` ${truncateWidth(t('resume-none-in-cwd'), listWidth - 2)}` })), visible.map((row, index) => row.kind === 'project' ? (_jsxs(Box, { flexShrink: 0, children: [_jsx(Text, { color: "planMode", children: truncateWidth(` ${formatProject(row.project, home)}`, listWidth - 6) }), _jsx(Text, { dimColor: true, children: `  ${row.count}` })] }, `project:${row.project}:${index}`)) : (_jsx(SessionListRow, { session: row.session, width: listWidth, depth: row.depth, focused: windowTop + index === focus, now: now }, row.session.id)))] })), (splitPreview || soloPreview) && focused !== undefined && (_jsx(SessionPreview, { session: focused, entries: preview, loading: previewLoading, width: previewWidth, height: listHeight, home: home, now: now }))] }), notice !== undefined && (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: notice.tone === 'error' ? 'error' : 'success', children: ` ${truncateWidth(notice.text, Math.max(0, columns - 2))}` }) })), mode === 'confirm-delete' && focused !== undefined && (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: "error", children: ` ${truncateWidth(t('resume-delete-confirm', { name: focused.title.text }), inputBudget)}` }) })), mode === 'confirm-clean' && (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: "warning", children: ` ${truncateWidth(t('session-clean-confirm', { n: view.emptyCount }), inputBudget)}` }) })), mode === 'rename' && (_jsx(Box, { flexShrink: 0, children: _jsx(SearchBox, { query: tailWidth(renameText, inputBudget), isFocused: true, isTerminalFocused: isTerminalFocused, placeholder: truncateWidth(t('resume-rename-placeholder'), inputBudget), prefix: "\u270E", borderless: true }) })), rules.has(2) && (_jsx(Box, { flexShrink: 0, children: _jsx(Divider, { width: columns }) })), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: hint }) }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", width: columns, height: rows, children: [_jsxs(Box, { flexShrink: 0, children: [_jsx(Text, { color: "remember", bold: true, children: header.left }), _jsx(Text, { dimColor: true, children: `${' '.repeat(header.gap)}${header.right}` })] }), rules.has(0) && (_jsx(Box, { flexShrink: 0, children: _jsx(Divider, { width: columns }) })), _jsx(Box, { flexShrink: 0, children: _jsx(SearchBox, { query: tailWidth(filters.query, inputBudget), isFocused: mode === 'list', isTerminalFocused: isTerminalFocused, placeholder: truncateWidth(t('session-search-placeholder', { scope }), inputBudget), borderless: true }) }), rules.has(1) && (_jsx(Box, { flexShrink: 0, children: _jsx(Divider, { width: columns }) })), _jsxs(Box, { flexGrow: 1, flexShrink: 1, children: [!soloPreview && (_jsxs(Box, { flexDirection: "column", width: listWidth, height: listHeight, flexShrink: 0, children: [!loaded && (_jsx(Text, { dimColor: true, italic: true, children: ` ${truncateWidth(t('session-loading'), listWidth - 2)}` })), loaded && view.rows.length === 0 && (_jsx(Text, { dimColor: true, italic: true, children: ` ${truncateWidth(t('resume-none-in-cwd'), listWidth - 2)}` })), visible.map((row, index) => row.kind === 'project' ? (_jsxs(Box, { flexShrink: 0, children: [_jsx(Text, { color: "planMode", children: truncateWidth(` ${formatProject(row.project, home)}`, listWidth - 6) }), _jsx(Text, { dimColor: true, children: `  ${row.count}` })] }, `project:${row.project}:${index}`)) : (_jsx(SessionListRow, { session: row.session, width: listWidth, depth: row.depth, focused: windowTop + index === focus, now: now, 
+                                // 点击行 = 聚焦 + 恢复该会话（与 Enter 同路径）
+                                onClick: () => {
+                                    setFocusId(row.session.id);
+                                    resumeSession(row.session);
+                                } }, row.session.id)))] })), (splitPreview || soloPreview) && focused !== undefined && (_jsx(SessionPreview, { session: focused, entries: preview, loading: previewLoading, width: previewWidth, height: listHeight, home: home, now: now }))] }), notice !== undefined && (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: notice.tone === 'error' ? 'error' : 'success', children: ` ${truncateWidth(notice.text, Math.max(0, columns - 2))}` }) })), mode === 'confirm-delete' && focused !== undefined && (_jsx(Box, { flexShrink: 0, onClick: () => {
+                    // 点击确认行 = 确认删除（与 Enter 同路径）；确认屏本身就是
+                    // 显式确认层，取消保留键盘 Esc，防误点
+                    setMode('list');
+                    runDelete(focused);
+                }, onMouseEnter: () => setConfirmHovered(true), onMouseLeave: () => setConfirmHovered(false), backgroundColor: confirmHovered ? 'userMessageBackgroundHover' : undefined, children: _jsx(Text, { color: "error", children: ` ${truncateWidth(t('resume-delete-confirm', { name: focused.title.text }), inputBudget)}` }) })), mode === 'confirm-clean' && (_jsx(Box, { flexShrink: 0, onClick: () => {
+                    setMode('list');
+                    runClean();
+                }, onMouseEnter: () => setConfirmHovered(true), onMouseLeave: () => setConfirmHovered(false), backgroundColor: confirmHovered ? 'userMessageBackgroundHover' : undefined, children: _jsx(Text, { color: "warning", children: ` ${truncateWidth(t('session-clean-confirm', { n: view.emptyCount }), inputBudget)}` }) })), mode === 'rename' && (_jsx(Box, { flexShrink: 0, children: _jsx(SearchBox, { query: tailWidth(renameText, inputBudget), isFocused: true, isTerminalFocused: isTerminalFocused, placeholder: truncateWidth(t('resume-rename-placeholder'), inputBudget), prefix: "\u270E", borderless: true }) })), rules.has(2) && (_jsx(Box, { flexShrink: 0, children: _jsx(Divider, { width: columns }) })), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: hint }) }) })] }));
 }

package/lib/types/screens/Settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../src/screens/Settings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AA+CxD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CA0ZlB"}
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../src/screens/Settings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AA+CxD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CAkdlB"}

package/lib/types/screens/Settings.js

@@ -160,6 +160,39 @@ export function Settings({ channel, onClose, }) {
         setNotice(undefined);
         bump();
     };
+    /**
+     * Activate one focusable entry — the keyboard Enter path, shared with the
+     * mouse click. Groups open their subpage; boolean/select fields cycle their
+     * value; text/secret fields enter the edit mode.
+     */
+    const activateEntry = (entry) => {
+        if (entry.kind === 'group') {
+            setActiveGroup({ ns: entry.ns, id: entry.group.id });
+            setFocusIndex(0);
+            setWindowStart(0);
+            return;
+        }
+        // A save in flight owns the section's drafts; starting an edit mid-write
+        // is exactly the lost-draft race the staged model exists to prevent.
+        const form = forms.get(entry.ns);
+        if (form === undefined || !form.available || form.saving)
+            return;
+        if (entry.field.kind === 'boolean' || entry.field.kind === 'select') {
+            cycleField(entry.ns, entry.field);
+        }
+        else {
+            setEditing({ ns: entry.ns, field: entry.field, draft: form.field(entry.field).text });
+            setMode('edit');
+        }
+    };
+    /** Mouse wheel moves the focus (the window is focus-follow, so moving the
+     *  focus IS scrolling); the edit mode keeps the keyboard as sole owner. */
+    const handleWheel = (event) => {
+        if (mode === 'edit')
+            return;
+        const direction = event.deltaY >= 0 ? 1 : -1;
+        setFocusIndex(previous => Math.min(Math.max(0, focusable.length - 1), Math.max(0, previous + direction)));
+    };
     useInput((input, key) => {
         if (mode === 'edit' && editing !== null) {
             if (isPlainReturn(key)) {
@@ -192,23 +225,7 @@ export function Settings({ channel, onClose, }) {
             setFocusIndex(Math.min(Math.max(0, focusable.length - 1), effFocus + 1));
         }
         else if (isPlainReturn(key) && focused !== undefined) {
-            if (focused.kind === 'group') {
-                setActiveGroup({ ns: focused.ns, id: focused.group.id });
-                setFocusIndex(0);
-                setWindowStart(0);
-                return;
-            }
-            // A save in flight owns the section's drafts; starting an edit mid-write
-            // is exactly the lost-draft race the staged model exists to prevent.
-            if (focusedForm === undefined || !focusedForm.available || focusedForm.saving)
-                return;
-            if (focused.field.kind === 'boolean' || focused.field.kind === 'select') {
-                cycleField(focused.ns, focused.field);
-            }
-            else {
-                setEditing({ ns: focused.ns, field: focused.field, draft: focusedForm.field(focused.field).text });
-                setMode('edit');
-            }
+            activateEntry(focused);
         }
         else if (input === 's' && focused !== undefined) {
             commitSave(focused.ns);
@@ -246,7 +263,7 @@ export function Settings({ channel, onClose, }) {
             }
         }
     });
-    const renderField = (section, field) => {
+    const renderField = (section, field, focus) => {
         const ns = section.ns;
         const form = forms.get(ns);
         const state = form?.field(field) ?? { text: '', overridden: false, invalid: false };
@@ -254,6 +271,20 @@ export function Settings({ channel, onClose, }) {
         const isEditing = isFocused && mode === 'edit' && editing !== null;
         const label = pick(field.label, field.descriptions);
         const hint = field.hint !== undefined ? pick(field.hint, field.hintDescriptions) : undefined;
+        // 鼠标：编辑态整屏不响应（草稿由键盘独占，防误触抢焦点）；列表态
+        // 悬停即移动焦点（lazygit 语义——焦点就是选中），点击 = 焦点 + 该行
+        // 的 Enter 动作（boolean/select 循环值，文本/secret 进编辑态）。
+        const rowEvents = mode === 'edit'
+            ? undefined
+            : {
+                onClick: () => {
+                    setFocusIndex(focus);
+                    activateEntry({ kind: 'field', ns: section.ns, field });
+                },
+                onMouseEnter: () => {
+                    setFocusIndex(focus);
+                },
+            };
         let value;
         if (field.secret !== undefined) {
             const configured = secrets.get(`${ns}:${field.path.join('.')}`) === true;
@@ -276,7 +307,7 @@ export function Settings({ channel, onClose, }) {
         else {
             value = state.text;
         }
-        return (_jsxs(Box, { children: [_jsx(Text, { color: isFocused ? 'suggestion' : undefined, children: isFocused ? '❯ ' : '  ' }), _jsx(Text, { bold: isFocused, children: label }), _jsx(Box, { flexGrow: 1 }), state.invalid && _jsxs(Text, { color: "error", children: [t('settings-field-invalid'), " "] }), state.overridden && _jsxs(Text, { dimColor: true, children: ["[", t('settings-badge-override'), "] "] }), form?.isStaged(field) === true && !isEditing && _jsx(Text, { color: "suggestion", children: "* " }), _jsx(Text, { color: isEditing || isFocused ? 'suggestion' : undefined, dimColor: !isFocused && !isEditing && state.text === '', children: value }), hint !== undefined && isFocused && (_jsxs(Text, { dimColor: true, children: ['\n    ', hint] }))] }));
+        return (_jsxs(Box, { ...rowEvents, children: [_jsx(Text, { color: isFocused ? 'suggestion' : undefined, children: isFocused ? '❯ ' : '  ' }), _jsx(Text, { bold: isFocused, children: label }), _jsx(Box, { flexGrow: 1 }), state.invalid && _jsxs(Text, { color: "error", children: [t('settings-field-invalid'), " "] }), state.overridden && _jsxs(Text, { dimColor: true, children: ["[", t('settings-badge-override'), "] "] }), form?.isStaged(field) === true && !isEditing && _jsx(Text, { color: "suggestion", children: "* " }), _jsx(Text, { color: isEditing || isFocused ? 'suggestion' : undefined, dimColor: !isFocused && !isEditing && state.text === '', children: value }), hint !== undefined && isFocused && (_jsxs(Text, { dimColor: true, children: ['\n    ', hint] }))] }));
     };
     // ── Layout: a flat entry list with accounted line heights, windowed so the
     // focused row is always on screen no matter how long the current page gets. ─
@@ -290,7 +321,7 @@ export function Settings({ channel, onClose, }) {
             key: `field:${section.ns}:${field.path.join('.')}`,
             lines: field.hint !== undefined && isFocused ? 2 : 1,
             focus: index,
-            node: renderField(section, field),
+            node: renderField(section, field, index),
         });
     };
     if (activeSection !== undefined && activeGroupSpec !== undefined) {
@@ -319,11 +350,22 @@ export function Settings({ channel, onClose, }) {
                 const isFocused = focused?.kind === 'group' && focused.ns === section.ns && focused.group === group;
                 const index = focusCursor;
                 focusCursor += 1;
+                const groupRowEvents = mode === 'edit'
+                    ? undefined
+                    : {
+                        onClick: () => {
+                            setFocusIndex(index);
+                            activateEntry({ kind: 'group', ns: section.ns, group });
+                        },
+                        onMouseEnter: () => {
+                            setFocusIndex(index);
+                        },
+                    };
                 entries.push({
                     key: `group:${section.ns}:${group.id}`,
                     lines: 1,
                     focus: index,
-                    node: (_jsxs(Box, { children: [_jsx(Text, { color: isFocused ? 'suggestion' : undefined, children: isFocused ? '❯ ' : '  ' }), _jsx(Text, { bold: isFocused, children: pick(group.title, group.descriptions) }), _jsx(Box, { flexGrow: 1 }), _jsx(Text, { color: isFocused ? 'suggestion' : undefined, children: "\u203A" })] })),
+                    node: (_jsxs(Box, { ...groupRowEvents, children: [_jsx(Text, { color: isFocused ? 'suggestion' : undefined, children: isFocused ? '❯ ' : '  ' }), _jsx(Text, { bold: isFocused, children: pick(group.title, group.descriptions) }), _jsx(Box, { flexGrow: 1 }), _jsx(Text, { color: isFocused ? 'suggestion' : undefined, children: "\u203A" })] })),
                 });
             }
         });
@@ -388,5 +430,5 @@ export function Settings({ channel, onClose, }) {
         ? `${t('settings-title')} › ${pick(activeSection.title, activeSection.descriptions)} › ${pick(activeGroupSpec.title, activeGroupSpec.descriptions)}`
         : t('settings-title');
     const navigationHint = activeGroupSpec === undefined ? t('settings-hint-list') : t('settings-hint-group');
-    return (_jsxs(Box, { flexDirection: "column", width: columns, height: rows, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: title }), _jsx(Box, { flexGrow: 1 }), host === undefined && _jsx(Text, { color: "warning", children: t('settings-unavailable') })] }), _jsx(Divider, {}), visible.map(entry => (_jsx(React.Fragment, { children: entry.node }, entry.key))), _jsx(Box, { flexGrow: 1 }), notice !== undefined && (_jsx(Text, { color: notice.tone === 'error' ? 'error' : 'success', children: notice.text })), _jsx(Divider, {}), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: mode === 'edit' ? t('settings-hint-edit') : navigationHint }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", width: columns, height: rows, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: title }), _jsx(Box, { flexGrow: 1 }), host === undefined && _jsx(Text, { color: "warning", children: t('settings-unavailable') })] }), _jsx(Divider, {}), _jsx("ink-box", { style: { flexDirection: 'column', flexGrow: 1, flexShrink: 1, overflow: 'hidden' }, onWheel: handleWheel, children: visible.map(entry => (_jsx(React.Fragment, { children: entry.node }, entry.key))) }), _jsx(Box, { flexGrow: 1 }), notice !== undefined && (_jsx(Text, { color: notice.tone === 'error' ? 'error' : 'success', children: notice.text })), _jsx(Divider, {}), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: mode === 'edit' ? t('settings-hint-edit') : navigationHint }) })] }));
 }

package/lib/types/screens/StatusLine.d.ts

@@ -5,7 +5,8 @@ import type { WaveBand } from '../dsh-adapter/types.js';
  * The footer under the prompt input, in Claude Code's PromptInputFooter
  * layout: the segmented context progress bar on its own first line, the
  * status line below (left group: model · tokens · think level · cache · tps
- * gauge/sparkline; right group: git · cwd · title, right-aligned), and the
+ * gauge/sparkline; right group: git · cwd · title · short session id,
+ * right-aligned), and the
  * mode/hint line last. The right side of the footer shows the latest
  * transient notification (errors in red, warnings in amber — CC style).
  */

package/lib/types/screens/StatusLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusLine.d.ts","sourceRoot":"","sources":["../../../src/screens/StatusLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAQvD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,eAAuB,EACvB,QAAgB,EAChB,IAAI,GACL,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CACvD,qBA0PA;AAED,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKvF"}
+{"version":3,"file":"StatusLine.d.ts","sourceRoot":"","sources":["../../../src/screens/StatusLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAQvD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,eAAuB,EACvB,QAAgB,EAChB,IAAI,GACL,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CACvD,qBA8QA;AAED,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKvF"}

package/lib/types/screens/StatusLine.js

@@ -5,6 +5,7 @@ import { t } from '../i18n.js';
 import { formatContextUsage, DEFAULT_STATUS_BAR, normalizeStatusBar } from '../tuiDisplayPrefs.js';
 import { Byline } from '../components/design-system/Byline.js';
 import { ActivityLine, contextPressurePct } from '../components/ActivityLine.js';
+import { GoalStatusChip } from '../components/GoalTodoPanel.js';
 import { modeDisplayName } from '../sessionModes.js';
 import { MiniWake } from '../components/trajectory/MiniWake.js';
 import { renderContextBar, renderTpsGauge, renderTpsSparkline, speedColor, } from './StatusMetrics.js';
@@ -12,7 +13,8 @@ import { renderContextBar, renderTpsGauge, renderTpsSparkline, speedColor, } fro
  * The footer under the prompt input, in Claude Code's PromptInputFooter
  * layout: the segmented context progress bar on its own first line, the
  * status line below (left group: model · tokens · think level · cache · tps
- * gauge/sparkline; right group: git · cwd · title, right-aligned), and the
+ * gauge/sparkline; right group: git · cwd · title · short session id,
+ * right-aligned), and the
  * mode/hint line last. The right side of the footer shows the latest
  * transient notification (errors in red, warnings in amber — CC style).
  */
@@ -75,6 +77,12 @@ export function StatusLine({ channel, selectionActive = false, helpOpen = false,
             : []),
     ];
     const rightParts = [
+        // Goal chip first: session-level state outranks repo/location details.
+        ...(statusBar.goal && channel.goal !== undefined
+            ? [
+                _jsx(GoalStatusChip, { goal: channel.goal, minimal: channel.minimal }, "goal"),
+            ]
+            : []),
         ...(statusBar.gitBranch && channel.gitBranch
             ? [
                 _jsx(Text, { color: "professionalBlue", children: channel.gitBranch }, "git"),
@@ -90,6 +98,14 @@ export function StatusLine({ channel, selectionActive = false, helpOpen = false,
                 _jsx(Text, { dimColor: true, children: channel.sessionTitle }, "title"),
             ]
             : []),
+        // Short id last: a provenance tag trails the content it identifies, and
+        // the 8-char form is what the session log filename starts with, so a
+        // truncated rendering still names the right log for --resume.
+        ...(statusBar.sessionId && channel.agentId
+            ? [
+                _jsx(Text, { dimColor: true, children: `#${channel.agentId.slice(0, 8)}` }, "sessionId"),
+            ]
+            : []),
     ];
     const hint = selectionActive
         ? t('statusline-hint-select')

package/lib/types/screens/TrajectoryScene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrajectoryScene.d.ts","sourceRoot":"","sources":["../../../src/screens/TrajectoryScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,EAML,KAAK,SAAS,EACf,MAAM,oCAAoC,CAAA;AAE3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AA+BxD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,SAAS,CAAA;AAEnD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB,sDAAsD;IACtD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CAyYlB"}
+{"version":3,"file":"TrajectoryScene.d.ts","sourceRoot":"","sources":["../../../src/screens/TrajectoryScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,EAML,KAAK,SAAS,EACf,MAAM,oCAAoC,CAAA;AAE3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AA+BxD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,SAAS,CAAA;AAEnD,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB,sDAAsD;IACtD,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CA2hBlB"}

package/lib/types/screens/TrajectoryScene.js

@@ -64,6 +64,11 @@ export function TrajectoryScene({ channel, build, onClose, }) {
     const [arrivalFrom, setArrivalFrom] = React.useState(Number.MAX_SAFE_INTEGER);
     /** Cursor pinned to the tail until the user scrolls away from it. */
     const [follow, setFollow] = React.useState(true);
+    /** Mouse hover states for the tab segments and the sort/projection label. */
+    const [hoverTab, setHoverTab] = React.useState(null);
+    const [hoverAxis, setHoverAxis] = React.useState(false);
+    /** Hover state for the header ✕ exit button. */
+    const [closeHovered, setCloseHovered] = React.useState(false);
     // ── projection ───────────────────────────────────────────────────────────
     const nodes = build.nodes;
     const query = React.useMemo(() => parseQuery(queryText), [queryText]);
@@ -147,6 +152,40 @@ export function TrajectoryScene({ channel, build, onClose, }) {
         setExpanded(false);
         setInspectScroll(0);
     }, [tick]);
+    /**
+     * Jump back to the timeline, positioned on a hotspot group's first member —
+     * the keyboard Enter path, shared with the mouse row click.
+     */
+    const jumpFromHotspot = React.useCallback((row) => {
+        switchView('timeline');
+        if (row !== undefined) {
+            const target = indexes.indexOf(row.firstIndex);
+            setCursor(target >= 0 ? target : 0);
+            setFollow(false);
+        }
+    }, [indexes, switchView]);
+    /** Mouse wheel over the content area: move the selection, not a viewport. */
+    const handleWheel = React.useCallback((event) => {
+        if (view === 'hotspot') {
+            const total = hotspotRows(agg).length;
+            const direction = event.deltaY >= 0 ? 1 : -1;
+            setHotCursor(previous => Math.max(0, Math.min(total - 1, previous + direction)));
+            return;
+        }
+        if (expanded) {
+            // Expanded inspector owns the wheel: same page step as j/k.
+            const direction = event.deltaY >= 0 ? 1 : -1;
+            setInspectScroll(previous => Math.max(0, previous + direction * Math.max(1, inspectorRows - 2)));
+            return;
+        }
+        move(event.deltaY);
+    }, [view, agg, expanded, inspectorRows, move]);
+    /** Jump the timeline cursor to a filtered index (keyboard jump semantics). */
+    const jumpTo = React.useCallback((index) => {
+        setInspectScroll(0);
+        setCursor(index);
+        setFollow(index >= filtered.length - 1);
+    }, [filtered.length]);
     // ── keys ─────────────────────────────────────────────────────────────────
     useInput((input, key) => {
         // The query line owns the keyboard while open, so a `q` typed into a
@@ -208,14 +247,7 @@ export function TrajectoryScene({ channel, build, onClose, }) {
             }
             if (key.return) {
                 // Jump back to the timeline, positioned on the group's first member.
-                const row = hotspotRows(agg)[hotCursor];
-                switchView('timeline');
-                if (row !== undefined) {
-                    const target = indexes.indexOf(row.firstIndex);
-                    setCursor(target >= 0 ? target : 0);
-                    setFollow(false);
-                }
-                return;
+                return jumpFromHotspot(hotspotRows(agg)[hotCursor]);
             }
             return;
         }
@@ -286,16 +318,42 @@ export function TrajectoryScene({ channel, build, onClose, }) {
         (totals.errors > 0 ? ` \u00b7 ${t('traj-errors', { n: totals.errors })}` : '') +
         (totals.retries > 0 ? ` \u00b7 ${t('traj-retries', { n: totals.retries })}` : '') +
         ` \u00b7 ${formatDuration(totals.spanMs)}`;
-    const headerLine = spread(`\u2726 ${t('traj-title')}  ${channel.sessionTitle ?? channel.cwd}`, totalsText, bandWidth);
-    const header = (_jsx(Box, { width: "100%", height: 1, flexShrink: 0, children: _jsxs(Text, { children: [_jsx(Text, { color: "claude", bold: true, children: `\u2726 ${t('traj-title')}` }), _jsx(Text, { color: "subtle", children: headerLine.left.slice((`\u2726 ${t('traj-title')}`).length) }), _jsx(Text, { children: headerLine.gap }), _jsx(Text, { color: totals.errors > 0 ? 'error' : 'subtle', children: headerLine.right })] }) }));
+    // ✕ 退出按钮占 2 格（` ✕`）：预量测行给右端留出预算，按钮钉在末列
+    const CLOSE_WIDTH = 2;
+    const headerLine = spread(`\u2726 ${t('traj-title')}  ${channel.sessionTitle ?? channel.cwd}`, totalsText, bandWidth - CLOSE_WIDTH);
+    const header = (_jsxs(Box, { width: "100%", height: 1, flexShrink: 0, children: [_jsx(Box, { flexShrink: 0, width: bandWidth - CLOSE_WIDTH, children: _jsxs(Text, { children: [_jsx(Text, { color: "claude", bold: true, children: `\u2726 ${t('traj-title')}` }), _jsx(Text, { color: "subtle", children: headerLine.left.slice((`\u2726 ${t('traj-title')}`).length) }), _jsx(Text, { children: headerLine.gap }), _jsx(Text, { color: totals.errors > 0 ? 'error' : 'subtle', children: headerLine.right })] }) }), _jsx(Box, { flexShrink: 0, width: CLOSE_WIDTH, 
+                // 可点击退出（q/Esc 的鼠标等价）——hover 提亮给出可点指示
+                onClick: () => onClose(), onMouseEnter: () => setCloseHovered(true), onMouseLeave: () => setCloseHovered(false), children: _jsx(Text, { color: closeHovered ? 'text' : 'subtle', children: ' ✕' }) })] }));
     const axisLabel = view === 'hotspot' ? t(`traj-sort-${sort}`) : t(`traj-proj-${projection}`);
-    const tabsLeft = `${view === 'timeline' ? '\u25cf' : '\u25cb'} ${t('traj-tab-timeline')}  ` +
-        `${view === 'hotspot' ? '\u25cf' : '\u25cb'} ${t('traj-tab-hotspot')}`;
+    const tabTimelineText = `${view === 'timeline' ? '\u25cf' : '\u25cb'} ${t('traj-tab-timeline')}  `;
+    const tabHotspotText = `${view === 'hotspot' ? '\u25cf' : '\u25cb'} ${t('traj-tab-hotspot')}`;
     const queryText_ = queryOpen || !query.empty
         ? `   / ${queryText}${queryOpen ? '\u258c' : ''}  ${t('traj-matches', { n: filtered.length, total: nodes.length })}`
         : '';
+    const tabsLeft = tabTimelineText + tabHotspotText;
     const tabsLine = spread(tabsLeft + queryText_, axisLabel, bandWidth);
-    const tabs = (_jsx(Box, { width: "100%", height: 1, flexShrink: 0, children: _jsxs(Text, { children: [_jsx(Text, { color: view === 'timeline' ? 'permission' : 'subtle', bold: view === 'timeline', children: tabsLine.left.slice(0, tabsLeft.length) }), _jsx(Text, { color: "suggestion", children: tabsLine.left.slice(tabsLeft.length) }), _jsx(Text, { children: tabsLine.gap }), _jsx(Text, { color: "subtle", children: tabsLine.right })] }) }));
+    // Segment truncation mirrors spread's left-clip: the query tail yields
+    // first, then the far tab label — the line stays exactly one row.
+    const leftRoom = stringWidth(tabsLine.left);
+    const hotspotShown = truncateWidth(tabHotspotText, Math.max(0, leftRoom - stringWidth(tabTimelineText)));
+    const queryShown = queryText_ === ''
+        ? ''
+        : truncateWidth(queryText_, Math.max(0, leftRoom - stringWidth(tabTimelineText) - stringWidth(hotspotShown)));
+    const tabs = (_jsxs(Box, { width: "100%", height: 1, flexShrink: 0, children: [_jsx(Box, { flexShrink: 0, width: stringWidth(tabTimelineText), onClick: () => switchView('timeline'), onMouseEnter: () => setHoverTab('timeline'), onMouseLeave: () => setHoverTab(previous => (previous === 'timeline' ? null : previous)), children: _jsx(Text, { color: view === 'timeline' ? 'permission' : hoverTab === 'timeline' ? 'text' : 'subtle', bold: view === 'timeline', children: tabTimelineText }) }), _jsx(Box, { flexShrink: 0, width: stringWidth(hotspotShown), onClick: () => switchView('hotspot'), onMouseEnter: () => setHoverTab('hotspot'), onMouseLeave: () => setHoverTab(previous => (previous === 'hotspot' ? null : previous)), children: _jsx(Text, { color: view === 'hotspot' ? 'permission' : hoverTab === 'hotspot' ? 'text' : 'subtle', bold: view === 'hotspot', children: hotspotShown }) }), queryShown !== '' && (_jsx(Box, { flexShrink: 0, width: stringWidth(queryShown), onClick: () => setQueryOpen(true), children: _jsx(Text, { color: "suggestion", children: queryShown }) })), _jsx(Box, { flexGrow: 1, flexShrink: 1, onClick: () => { if (!queryOpen)
+                    setQueryOpen(true); }, children: _jsx(Text, { children: tabsLine.gap }) }), _jsx(Box, { flexShrink: 0, 
+                // +1 slack: ink breaks a wrap line exactly AT the box width, so a
+                // wide-char-ending label (按耗时) at an exact fit loses its last
+                // glyph to a clipped second line (the truncateWidth doc's trap).
+                // The flexGrow gap absorbs the extra cell.
+                width: stringWidth(tabsLine.right) + 1, onClick: () => {
+                    if (view === 'hotspot') {
+                        setSort(previous => HOTSPOT_SORTS[(HOTSPOT_SORTS.indexOf(previous) + 1) % HOTSPOT_SORTS.length]);
+                    }
+                    else {
+                        setProjection(previous => WAVE_PROJECTIONS[(WAVE_PROJECTIONS.indexOf(previous) + 1) % WAVE_PROJECTIONS.length]);
+                    }
+                    setSwitchTick(tick);
+                }, onMouseEnter: () => setHoverAxis(true), onMouseLeave: () => setHoverAxis(false), children: _jsx(Text, { color: hoverAxis ? 'text' : 'subtle', children: tabsLine.right }) })] }));
     const hints = view === 'hotspot'
         ? t('traj-hint-hotspot')
         : queryOpen
@@ -303,5 +361,14 @@ export function TrajectoryScene({ channel, build, onClose, }) {
             : expanded
                 ? t('traj-hint-expanded')
                 : t('traj-hint-timeline');
-    return (_jsxs(Box, { ref: ref, flexDirection: "column", width: "100%", paddingX: 1, children: [header, tabs, _jsx(WaveBand, { band: band, width: bandWidth, cursorColumn: columnOfIndex(band, indexes[clampedCursor] ?? 0), viewportStart: columnOfIndex(band, indexes[windowStart] ?? 0), viewportEnd: columnOfIndex(band, indexes[Math.min(filtered.length - 1, windowStart + ledgerRows - 1)] ?? 0), matches: matchColumns, tick: tick, alertTick: alertTick }), _jsx(Box, { height: 1, flexShrink: 0, children: _jsx(Text, { children: " " }) }), view === 'timeline' ? (_jsxs(_Fragment, { children: [_jsx(Ledger, { rows: filtered, start: windowStart, height: ledgerRows, cursor: clampedCursor, width: columns - 4, tick: tick, arrivalTick: arrivalTick, arrivalFrom: arrivalFrom }), _jsx(Divider, { color: "permission", width: bandWidth }), _jsx(Inspector, { node: focused, detail: detail, height: inspectorRows, width: columns - 4, expanded: expanded, scroll: inspectScroll })] })) : (_jsx(HotspotView, { agg: agg, sort: sort, width: columns - 4, height: ledgerRows + inspectorRows + 1, cursor: hotCursor, tick: tick, switchTick: switchTick })), _jsx(Box, { height: 1, flexShrink: 0, children: _jsx(Text, { children: " " }) }), _jsx(Box, { width: "100%", height: 1, flexShrink: 0, children: _jsxs(Text, { dimColor: true, italic: true, wrap: "truncate", children: [_jsx(HintLine, { text: hints }), totals.tokens.input > 0 ? (_jsx(Text, { color: "subtle", children: `   ${formatTokens(totals.tokens.input)}→${formatTokens(totals.tokens.output)}` })) : ('')] }) })] }));
+    return (_jsxs(Box, { ref: ref, flexDirection: "column", width: "100%", paddingX: 1, children: [header, tabs, _jsx(WaveBand, { band: band, width: bandWidth, cursorColumn: columnOfIndex(band, indexes[clampedCursor] ?? 0), viewportStart: columnOfIndex(band, indexes[windowStart] ?? 0), viewportEnd: columnOfIndex(band, indexes[Math.min(filtered.length - 1, windowStart + ledgerRows - 1)] ?? 0), matches: matchColumns, tick: tick, alertTick: alertTick, onColumnClick: column => {
+                    // 点击波形列（或标尺行）= 跳到该列最近事件；空列继承前驱的
+                    // firstIndex，空档区点击落在空档开始处。查询过滤掉的行不跳。
+                    const nodeIndex = band.buckets[column]?.firstIndex ?? -1;
+                    if (nodeIndex < 0)
+                        return;
+                    const target = indexes.indexOf(nodeIndex);
+                    if (target >= 0)
+                        jumpTo(target);
+                } }), _jsx(Box, { height: 1, flexShrink: 0, children: _jsx(Text, { children: " " }) }), _jsx("ink-box", { style: { flexDirection: 'column', flexGrow: 1, flexShrink: 1, overflow: 'hidden', width: '100%' }, onWheel: handleWheel, children: view === 'timeline' ? (_jsxs(_Fragment, { children: [_jsx(Ledger, { rows: filtered, start: windowStart, height: ledgerRows, cursor: clampedCursor, width: columns - 4, tick: tick, arrivalTick: arrivalTick, arrivalFrom: arrivalFrom, onRowClick: index => jumpTo(index) }), _jsx(Divider, { color: "permission", width: bandWidth }), _jsx(Inspector, { node: focused, detail: detail, height: inspectorRows, width: columns - 4, expanded: expanded, scroll: inspectScroll })] })) : (_jsx(HotspotView, { agg: agg, sort: sort, width: columns - 4, height: ledgerRows + inspectorRows + 1, cursor: hotCursor, tick: tick, switchTick: switchTick, onRowClick: index => jumpFromHotspot(hotspotRows(agg)[index]) })) }), _jsx(Box, { height: 1, flexShrink: 0, children: _jsx(Text, { children: " " }) }), _jsx(Box, { width: "100%", height: 1, flexShrink: 0, children: _jsxs(Text, { dimColor: true, italic: true, wrap: "truncate", children: [_jsx(HintLine, { text: hints }), totals.tokens.input > 0 ? (_jsx(Text, { color: "subtle", children: `   ${formatTokens(totals.tokens.input)}→${formatTokens(totals.tokens.output)}` })) : ('')] }) })] }));
 }