@deepseek-harness-tui/dsh-tui 0.10.2 → 0.11.1

package/lib/types/components/messages/AssistantToolUseMessage.js

@@ -14,25 +14,29 @@ import { foldLongLines } from '../../utils/fold-long-lines.js';
 import { getLang, t } from '../../i18n.js';
 import { revealLinesOf, snapReveal } from '../smoothReveal.js';
 import { useRevealVersion } from '../../hooks/useRevealVersion.js';
-/** Tool display names: DSH emits lowercase tool ids (`bash`); display common
- *  names with an initial capital and fall back to the id with its first letter
- *  uppercased. */
+/** Tool display names localize through the `tool-name-*` dictionary family
+ *  (i18n.ts): DSH emits lowercase tool ids (`bash`), display names resolve
+ *  per language — proper nouns (Bash, PowerShell) stay identical in zh.
+ *  Unmapped ids (plugins, new upstream tools) fall back to the id with its
+ *  first letter uppercased: that is a name, not copy — there is nothing to
+ *  translate. Keys appear as literals here, so verify-i18n's dead-key scan
+ *  sees them without a DYNAMIC_PREFIXES entry. */
+const TOOL_NAME_KEYS = {
+    bash: 'tool-name-bash',
+    powershell: 'tool-name-powershell',
+    read: 'tool-name-read',
+    glob: 'tool-name-glob',
+    grep: 'tool-name-grep',
+    write: 'tool-name-write',
+    edit: 'tool-name-edit',
+    todo_write: 'tool-name-todo_write',
+    subagent: 'tool-name-subagent',
+    web_search: 'tool-name-web_search',
+};
 function displayName(name) {
-    const KNOWN = {
-        bash: 'Bash',
-        powershell: 'PowerShell',
-        read: 'Read',
-        glob: 'Glob',
-        grep: 'Grep',
-        write: 'Write',
-        edit: 'Edit',
-        todo_write: 'TodoWrite',
-        subagent: 'Task',
-        web_search: 'WebSearch',
-    };
-    const mapped = KNOWN[name];
-    if (mapped)
-        return mapped;
+    const key = TOOL_NAME_KEYS[name];
+    if (key !== undefined)
+        return t(key);
     if (name.length === 0)
         return name;
     return name[0].toUpperCase() + name.slice(1);
@@ -145,10 +149,10 @@ function viewLines(view) {
             const out = (('output' in view ? view.output : undefined) ?? '').trimEnd();
             const lines = out === '' ? [] : out.split('\n').map(plain);
             if ('exitCode' in view && view.exitCode !== undefined && view.exitCode !== 0) {
-                lines.push({ text: `Exit code ${view.exitCode}`, tone: 'error' });
+                lines.push({ text: t('tool-exit-code', { code: view.exitCode }), tone: 'error' });
             }
             if ('signal' in view && view.signal !== undefined) {
-                lines.push({ text: `Killed by signal ${view.signal}`, tone: 'error' });
+                lines.push({ text: t('tool-killed-signal', { name: String(view.signal) }), tone: 'error' });
             }
             return lines;
         }
@@ -160,7 +164,7 @@ function viewLines(view) {
             if (view.shape === 'paths') {
                 const lines = view.paths.map(plain);
                 if (view.truncated)
-                    lines.push(dim(`… (${view.total} total)`));
+                    lines.push(dim(t('search-results-total', { n: view.total })));
                 return lines;
             }
             const lines = [];
@@ -187,7 +191,7 @@ function capLines(lines, max, verbose) {
         return lines;
     return [
         ...lines.slice(0, max),
-        { ...dim(`… +${lines.length - max} lines (ctrl+o to expand)`), revealOnHover: true },
+        { ...dim(t('lines-folded-expand', { n: lines.length - max })), revealOnHover: true },
     ];
 }
 /** Long-line clip for the body rows (utils/fold-long-lines.ts): the line cap
@@ -326,7 +330,7 @@ function HeaderTitle({ name, title, isTerminal, folded, displayArgs, argsLanguag
         return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), displayArgs !== '' && (_jsxs(Box, { flexWrap: "nowrap", ...headerTooltip, children: [_jsx(Text, { children: "(" }), _jsx(SyntaxText, { text: clipHeaderArgs(displayArgs), sourceText: displayArgs, language: argsLanguage }), _jsx(Text, { children: ")" })] }))] }));
     }
     if (isTerminal) {
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), _jsx(Box, { flexWrap: "nowrap", ...headerTooltip, children: folded === undefined ? (_jsxs(Text, { children: ["(", title, ")"] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { children: ["(", folded.first, ")"] }), folded.hiddenLines > 0 && (_jsx(Text, { dimColor: true, children: ` … +${folded.hiddenLines} lines (ctrl+o to expand)` }))] })) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), _jsx(Box, { flexWrap: "nowrap", ...headerTooltip, children: folded === undefined ? (_jsxs(Text, { children: ["(", title, ")"] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { children: ["(", folded.first, ")"] }), folded.hiddenLines > 0 && (_jsx(Text, { dimColor: true, children: ` ${t('lines-folded-expand', { n: folded.hiddenLines })}` }))] })) })] }));
     }
     const trimmed = title.trim();
     if (trimmed === '') {
@@ -439,7 +443,7 @@ export function AssistantToolUseMessage({ tool, marginTopOnTurn, verbose, isSele
             body = result.trimEnd().split('\n').map(plain);
         }
         if (isRunning && body.length === 0) {
-            body = [dim(`Running… (${formatDuration(Math.max(0, Date.now() - (tool.startedAt ?? Date.now())))})`)];
+            body = [dim(t('tool-running-elapsed', { duration: formatDuration(Math.max(0, Date.now() - (tool.startedAt ?? Date.now()))) }))];
         }
     }
     const cap = view?.card === 'diff' ? DIFF_BODY_MAX_LINES : TEXT_BODY_MAX_LINES;
@@ -479,8 +483,8 @@ export function AssistantToolUseMessage({ tool, marginTopOnTurn, verbose, isSele
     // Hover affordance for the click-to-toggle row: the theme's tool-card blue
     // face marks the call's content area while the pointer dwells (the
     // toolBackground treatment steps up one level to the strong card face), the
-    // collapsed `(ctrl+o to expand)` hint steps from dim to text, the elapsed
-    // clock stops dimming, and a ▾/▴ discloses the row is a toggle.
+    // collapsed fold hint (lines-folded-expand) steps from dim to text, the
+    // elapsed clock stops dimming, and a ▾/▴ discloses the row is a toggle.
     // No layout change: the indicator is a fixed column on the header line, the
     // body never moves.
     const [hovered, setHovered] = React.useState(false);

package/lib/types/components/messages/UserPromptMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserPromptMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/UserPromptMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,eAAe,EAAE,OAAO,CAAA;IACxB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,eAAe,EACf,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAmCzB"}
+{"version":3,"file":"UserPromptMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/UserPromptMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,eAAe,EAAE,OAAO,CAAA;IACxB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,eAAe,EACf,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAiCzB"}

package/lib/types/components/messages/UserPromptMessage.js

@@ -3,7 +3,6 @@ import { Box, Text, useTerminalSize } from '../../ui.js';
 import { POINTER } from '../../terminal-utils/figures.js';
 import { stringWidth } from '../../ink/stringWidth.js';
 import { wrapWidth } from '../../sessions/format.js';
-import { useTooltip } from '../Tooltip.js';
 /**
  * User prompt bubble: `❯ text` in bold userPromptLabel gold with no background
  * fill (Kimi Code style: the user turn gets a distinct bold tint so it reads
@@ -21,10 +20,9 @@ export function UserPromptMessage({ text, marginTopOnTurn, isSelected = false, o
     // Ink; a second wrap would move the continuation back to column zero.
     const lines = wrapWidth(text, Math.max(1, columns - prefixWidth - 3));
     const continuationIndent = ' '.repeat(prefixWidth);
-    // Hover tooltip: a message that wrapped/truncated onto several visual
-    // lines pops its full original text in one floating card (the pointer
-    // row only shows one visual line at a time).
-    const promptTooltip = useTooltip(text);
-    const tooltipActive = lines.length > 1;
-    return (_jsx(Box, { flexDirection: "column", marginTop: marginTopOnTurn ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, paddingRight: 1, onClick: onClick, ...(tooltipActive ? promptTooltip : {}), children: lines.map((line, index) => (_jsxs(Text, { color: "userPromptLabel", bold: true, wrap: "truncate-end", children: [index === 0 ? `${POINTER} ` : continuationIndent, line] }, index))) }));
+    // No hover tooltip here, deliberately: the message is pre-wrapped so every
+    // visual line is already on screen — a float would only repeat visible
+    // text, and worse, the card REPLACES the cells it covers, so a drag-copy
+    // crossing it yields the tooltip fragment instead of the message.
+    return (_jsx(Box, { flexDirection: "column", marginTop: marginTopOnTurn ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, paddingRight: 1, onClick: onClick, children: lines.map((line, index) => (_jsxs(Text, { color: "userPromptLabel", bold: true, wrap: "truncate-end", children: [index === 0 ? `${POINTER} ` : continuationIndent, line] }, index))) }));
 }

package/lib/types/components/messages/useImageInspection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImageInspection.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/useImageInspection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAI/D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAC1G,IAAI,EAAE,gBAAgB,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM;;;aAsErC,MAAM,KAAK,MAAM,KAAG,IAAI;kBAfI,SAAS;EAmBjD"}
+{"version":3,"file":"useImageInspection.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/useImageInspection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAQ/D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAC1G,IAAI,EAAE,gBAAgB,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM;;;aA4ErC,MAAM,KAAK,MAAM,KAAG,IAAI;kBAfI,SAAS;EAmBjD"}

package/lib/types/components/messages/useImageInspection.js

@@ -1,19 +1,29 @@
 import React from 'react';
 import { ImageInspectionSession, inspectionRegion } from './imageInspection.js';
 import { loadTranscriptImageFull } from './TranscriptImages.js';
+// The attachment is identified by `image.id` (a content hash), never by the
+// facade object: callers may hand a fresh facade for the same attachment on
+// every render, and keying effects or memos on the object would then restart
+// the session and re-request pixels each commit — a render loop (#885).
 export function useImageInspection(image, available, columns, rows, cell, zoom) {
+    const imageId = image.id;
+    // Committed facade for the loaders below. Written in a layout effect, not
+    // during render: an interrupted render must not leak its facade into a
+    // timer that an earlier commit already scheduled.
+    const latestImage = React.useRef(image);
+    React.useLayoutEffect(() => { latestImage.current = image; }, [image]);
     const session = React.useRef(null);
     const [position, setPosition] = React.useState(null);
-    const center = position?.image === image ? position.center : undefined;
+    const center = position?.imageId === imageId ? position.center : undefined;
     const dimensions = React.useRef(null);
     React.useEffect(() => {
-        const current = new ImageInspectionSession(image);
+        const current = new ImageInspectionSession(latestImage.current);
         session.current = current;
         dimensions.current = null;
         setPosition(null);
         return () => { current.dispose(); session.current = null; };
-    }, [image]);
-    const request = React.useMemo(() => ({ image, available, columns, rows, cell, zoom, center }), [image, available, columns, rows, cell, zoom, center]);
+    }, [imageId]);
+    const request = React.useMemo(() => ({ imageId, available, columns, rows, cell, zoom, center }), [imageId, available, columns, rows, cell, zoom, center]);
     const [result, setResult] = React.useState(null);
     React.useEffect(() => {
         if (!available || (zoom > 0 && !cell))
@@ -25,7 +35,7 @@ export function useImageInspection(image, available, columns, rows, cell, zoom)
         const timer = setTimeout(() => {
             void (async () => {
                 if (zoom === 0)
-                    return loadTranscriptImageFull(image, controller.signal);
+                    return loadTranscriptImageFull(latestImage.current, controller.signal);
                 const size = await current.metadata();
                 controller.signal.throwIfAborted();
                 dimensions.current = size;
@@ -53,9 +63,9 @@ export function useImageInspection(image, available, columns, rows, cell, zoom)
             return;
         const next = clampedCenter({ x: previous.x + x, y: previous.y + y });
         if (next)
-            setPosition(old => old?.image === image && old.center.x === next.x && old.center.y === next.y
-                ? old : { image, center: next });
-    }, [clampedCenter, image]);
+            setPosition(old => old?.imageId === imageId && old.center.x === next.x && old.center.y === next.y
+                ? old : { imageId, center: next });
+    }, [clampedCenter, imageId]);
     const dragOrigin = React.useRef(undefined);
     const drag = React.useCallback((event) => {
         event.stopImmediatePropagation();
@@ -70,7 +80,7 @@ export function useImageInspection(image, available, columns, rows, cell, zoom)
     }, [cell, zoom, clampedCenter, move]);
     // Preserve the previous pixels while panning, but never stretch stale pixels
     // across a new geometry, zoom, terminal cell size, or attachment.
-    const reusable = result?.request.image === image && result.request.zoom === zoom &&
+    const reusable = result?.request.imageId === imageId && result.request.zoom === zoom &&
         result.request.columns === columns && result.request.rows === rows && result.request.cell === cell;
     return {
         source: available && reusable ? result?.source : undefined,

package/lib/types/components/promptDraftCache.d.ts

@@ -0,0 +1,102 @@
+/**
+ * The composer draft that a screen hands to its owner on the way out.
+ *
+ * Every screen that REPLACES the conversation (`/resume`'s session screen, the
+ * session tree, `/settings`, the jobs panel, the trajectory scene) is an early
+ * return in `Chat`, so `PromptInput` is unmounted while the user is away and
+ * its text, caret and staged-image bindings live in component state. The owner
+ * therefore holds one slot of this type and the composer fills it as it
+ * unmounts; on the way back it is read, checked and consumed.
+ *
+ * Deliberately dependency-free (it does not import `PromptInput`, which would
+ * be a cycle), so the component and the headless regressions can both assert
+ * against the same rules.
+ *
+ * The snapshot shape, the image-liveness rule and the carried edit state
+ * (fold block, fullscreen editor, vim mode) are taken from PR #847
+ * (`promptDraftCache.ts`, branch `fix/composer-draft-retention`); the owner
+ * check here adds the agent id, because a generation alone cannot tell two
+ * channels with a fixed generation apart.
+ */
+/** One token → staged-image capability pair, in visible order. */
+export type PromptDraftImage = readonly [token: string, stageId: string];
+/**
+ * Everything the composer needs to put a draft back exactly as it was left.
+ *
+ * Transient interaction state — mouse selection, drag anchor, suggestion menu,
+ * history position, editor scroll, the vim undo stack — is NOT here: it
+ * describes a composer that was on screen, not the draft that outlives it.
+ */
+export interface PromptDraftSnapshot {
+    /** Agent the draft was typed into; a different one means "not this draft". */
+    readonly ownerAgentId: string;
+    /** Binding generation at capture time; see {@link resolveBindingGeneration}. */
+    readonly bindingGeneration: number;
+    readonly value: string;
+    readonly cursor: number;
+    /**
+     * Fold block [start, end) rendering as a one-line chip, or null. Edit
+     * state, not transient chrome: coming back with the text unfolded loses
+     * exactly what the user folded.
+     */
+    readonly foldBlock: {
+        readonly start: number;
+        readonly end: number;
+    } | null;
+    /** Fullscreen draft editor open at capture time. */
+    readonly expanded: boolean;
+    /** vim mode on (`/vim`), and whether it is in INSERT (vs NORMAL) submode. */
+    readonly vimEnabled: boolean;
+    readonly vimInsert: boolean;
+    /** Visible `[Image #N]` token → staged stageId, so images survive the trip. */
+    readonly images: readonly PromptDraftImage[];
+}
+/**
+ * The single slot an owner (today: `Chat`) keeps for the composer draft.
+ *
+ * A mutable ref-shaped cell rather than React state: it is written from an
+ * unmount cleanup and read from a mount effect, and neither may trigger a
+ * render — a draft that changed the first frame would move the transcript's
+ * restored scroll position.
+ */
+export interface PromptDraftCache {
+    current: PromptDraftSnapshot | null;
+}
+/**
+ * The current binding generation, mirroring the channel expression: the agent
+ * binding generation advances on every agent replacement (`/resume` to another
+ * session, `/new`, `/bg`, attach, rewind) and wins; a simplified or embedded
+ * channel without it falls back to the staged-image generation, and 0 when it
+ * has neither.
+ * @param source - The channel, or anything carrying the same two members.
+ * @returns The generation the snapshot is fenced against.
+ */
+export declare function resolveBindingGeneration(source: {
+    readonly agentBindingGeneration?: number;
+    readonly stagedImageGeneration?: () => number;
+}): number;
+/**
+ * Whether a stored draft belongs to the conversation in front of us now.
+ *
+ * Both halves are required. The generation catches a replaced binding; the
+ * agent id catches the case a generation cannot describe — a test or embedded
+ * channel whose generation is a constant, where a stale draft would otherwise
+ * be adopted by a different conversation.
+ * @param snapshot - The stored draft, if any.
+ * @param ownerAgentId - Agent id of the composer that would restore it.
+ * @param generation - Current binding generation.
+ */
+export declare function isUsableDraftSnapshot(snapshot: PromptDraftSnapshot | null | undefined, ownerAgentId: string, generation: number): snapshot is PromptDraftSnapshot;
+/**
+ * Drop the image bindings whose capability is gone.
+ *
+ * A visible `[Image #N]` is only a label; what makes it an attachment is the
+ * stageId behind it. A session switch (or a discard) revokes the capability and
+ * the label must not be re-bound by reading the number back out of the text.
+ * Entries that fail the check are dropped silently and the caller keeps the
+ * visible token as ordinary text, which is the behaviour an edit already has.
+ * @param images - Stored pairs.
+ * @param hasStagedImage - Channel capability probe; absent means "none live".
+ */
+export declare function filterLiveImageBindings(images: readonly PromptDraftImage[] | null | undefined, hasStagedImage?: (stageId: string) => boolean): readonly PromptDraftImage[];
+//# sourceMappingURL=promptDraftCache.d.ts.map

package/lib/types/components/promptDraftCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promptDraftCache.d.ts","sourceRoot":"","sources":["../../../src/components/promptDraftCache.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kEAAkE;AAClE,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;AAExE;;;;;;GAMG;AACH,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,gFAAgF;IAChF,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAA;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC3E,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,6EAA6E;IAC7E,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,+EAA+E;IAC/E,QAAQ,CAAC,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAA;CAC7C;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACpC;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE;IAC/C,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAA;IACxC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,MAAM,CAAA;CAC9C,GAAG,MAAM,CAET;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,EAChD,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,GACjB,QAAQ,IAAI,mBAAmB,CAKjC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,SAAS,gBAAgB,EAAE,GAAG,IAAI,GAAG,SAAS,EACtD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,GAC5C,SAAS,gBAAgB,EAAE,CAW7B"}

package/lib/types/components/promptDraftCache.js

@@ -0,0 +1,76 @@
+/**
+ * The composer draft that a screen hands to its owner on the way out.
+ *
+ * Every screen that REPLACES the conversation (`/resume`'s session screen, the
+ * session tree, `/settings`, the jobs panel, the trajectory scene) is an early
+ * return in `Chat`, so `PromptInput` is unmounted while the user is away and
+ * its text, caret and staged-image bindings live in component state. The owner
+ * therefore holds one slot of this type and the composer fills it as it
+ * unmounts; on the way back it is read, checked and consumed.
+ *
+ * Deliberately dependency-free (it does not import `PromptInput`, which would
+ * be a cycle), so the component and the headless regressions can both assert
+ * against the same rules.
+ *
+ * The snapshot shape, the image-liveness rule and the carried edit state
+ * (fold block, fullscreen editor, vim mode) are taken from PR #847
+ * (`promptDraftCache.ts`, branch `fix/composer-draft-retention`); the owner
+ * check here adds the agent id, because a generation alone cannot tell two
+ * channels with a fixed generation apart.
+ */
+/**
+ * The current binding generation, mirroring the channel expression: the agent
+ * binding generation advances on every agent replacement (`/resume` to another
+ * session, `/new`, `/bg`, attach, rewind) and wins; a simplified or embedded
+ * channel without it falls back to the staged-image generation, and 0 when it
+ * has neither.
+ * @param source - The channel, or anything carrying the same two members.
+ * @returns The generation the snapshot is fenced against.
+ */
+export function resolveBindingGeneration(source) {
+    return source.agentBindingGeneration ?? source.stagedImageGeneration?.() ?? 0;
+}
+/**
+ * Whether a stored draft belongs to the conversation in front of us now.
+ *
+ * Both halves are required. The generation catches a replaced binding; the
+ * agent id catches the case a generation cannot describe — a test or embedded
+ * channel whose generation is a constant, where a stale draft would otherwise
+ * be adopted by a different conversation.
+ * @param snapshot - The stored draft, if any.
+ * @param ownerAgentId - Agent id of the composer that would restore it.
+ * @param generation - Current binding generation.
+ */
+export function isUsableDraftSnapshot(snapshot, ownerAgentId, generation) {
+    return snapshot !== null
+        && snapshot !== undefined
+        && snapshot.ownerAgentId === ownerAgentId
+        && snapshot.bindingGeneration === generation;
+}
+/**
+ * Drop the image bindings whose capability is gone.
+ *
+ * A visible `[Image #N]` is only a label; what makes it an attachment is the
+ * stageId behind it. A session switch (or a discard) revokes the capability and
+ * the label must not be re-bound by reading the number back out of the text.
+ * Entries that fail the check are dropped silently and the caller keeps the
+ * visible token as ordinary text, which is the behaviour an edit already has.
+ * @param images - Stored pairs.
+ * @param hasStagedImage - Channel capability probe; absent means "none live".
+ */
+export function filterLiveImageBindings(images, hasStagedImage) {
+    if (images === null || images === undefined)
+        return [];
+    const live = [];
+    for (const entry of images) {
+        if (!Array.isArray(entry) || entry.length !== 2)
+            continue;
+        const [token, stageId] = entry;
+        if (typeof token !== 'string' || typeof stageId !== 'string')
+            continue;
+        if (hasStagedImage?.(stageId) !== true)
+            continue;
+        live.push([token, stageId]);
+    }
+    return live;
+}

package/lib/types/components/questions/AskUserQuestionPanel.d.ts

@@ -72,6 +72,22 @@ export type AskUserQuestionPanelProps = {
      * verification injects a fake so paste outcomes are deterministic.
      */
     readonly readClipboardOverride?: () => Promise<ClipboardRead>;
+    /**
+     * Manual collapse (question panel fold, default Ctrl+K): while
+     * collapsed the panel STAYS MOUNTED — draft refs survive, the fold
+     * branch sits after every hook — and renders the two-line minimized
+     * bar instead, with editing/caret layers gated off. Its own input
+     * handler keeps Esc/Ctrl+C as "expand", never cancel, while folded.
+     */
+    readonly collapsed?: boolean;
+    /** Expand back from the minimized bar (fold key / Esc / mouse click). */
+    readonly onExpand?: () => void;
+    /** Fold from the expanded panel (fold key / header-row click). */
+    readonly onToggleFold?: () => void;
+    /** True when mouse tracking is on: mouse-only affordances (the
+     *  multi-select submit row) render only then — inline hosts have no
+     *  pointer, so an unclickable row would just eat a line. */
+    readonly fullscreen?: boolean;
 };
-export declare function AskUserQuestionPanel({ question, position, total, answered, initialDraft, onAnswer, onCancel, onBack, readClipboardOverride, }: AskUserQuestionPanelProps): React.ReactNode;
+export declare function AskUserQuestionPanel({ question, position, total, answered, initialDraft, onAnswer, onCancel, onBack, readClipboardOverride, collapsed, onExpand, onToggleFold, fullscreen, }: AskUserQuestionPanelProps): React.ReactNode;
 //# sourceMappingURL=AskUserQuestionPanel.d.ts.map

package/lib/types/components/questions/AskUserQuestionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AskUserQuestionPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/AskUserQuestionPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKtF,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAkB5E,MAAM,MAAM,yBAAyB,GAAG;IACtC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE;QACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC3F,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;QAC9B;;oEAE4D;QAC5D,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;QAClC;;qEAE6D;QAC7D,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;QAC5C;0EACkE;QAClE,QAAQ,CAAC,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD;;;;OAIG;IACH,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAA;CAC9D,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,qBAAqB,GACtB,EAAE,yBAAyB,GAAG,KAAK,CAAC,SAAS,CA+iB7C"}
+{"version":3,"file":"AskUserQuestionPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/AskUserQuestionPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAMtF,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAkB5E,MAAM,MAAM,yBAAyB,GAAG;IACtC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE;QACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC3F,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;QAC9B;;oEAE4D;QAC5D,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;QAClC;;qEAE6D;QAC7D,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;QAC5C;0EACkE;QAClE,QAAQ,CAAC,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD;;;;OAIG;IACH,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAA;IAC7D;;;;;;OAMG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,kEAAkE;IAClE,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC;;gEAE4D;IAC5D,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,qBAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,UAAkB,GACnB,EAAE,yBAAyB,GAAG,KAAK,CAAC,SAAS,CAsmB7C"}

package/lib/types/components/questions/AskUserQuestionPanel.js

@@ -32,8 +32,9 @@ import { useDeclaredCursor } from '../../ink/hooks/use-declared-cursor.js';
 import { Divider } from '../design-system/Divider.js';
 import { POINTER } from '../../terminal-utils/figures.js';
 import { PlanReviewPanel } from './PlanReviewPanel.js';
+import { QuestionMinimizedBar } from './QuestionMinimizedBar.js';
 import { isPlainReturnInput } from '../../utils/modifiers.js';
-import { actionMatches } from '../../utils/keymap.js';
+import { actionMatches, effectiveComboDisplay } from '../../utils/keymap.js';
 import { flattenPasteInline } from '../../dsh-adapter/sanitize.js';
 import { readClipboard } from '../../utils/clipboard.js';
 import { listWindow } from '../listWindow.js';
@@ -50,7 +51,7 @@ const PENCIL = '✎';
  * PlanReviewPanel (the two panels share the same input contract).
  */
 const ANSWER_PASTE_MAX_POINTS = 8000;
-export function AskUserQuestionPanel({ question, position, total, answered, initialDraft, onAnswer, onCancel, onBack, readClipboardOverride, }) {
+export function AskUserQuestionPanel({ question, position, total, answered, initialDraft, onAnswer, onCancel, onBack, readClipboardOverride, collapsed = false, onExpand, onToggleFold, fullscreen = false, }) {
     // Plan-mode's exit_plan_mode ask carries a presentation intent: render
     // the plan decision card instead of the generic questionnaire. The
     // branch precedes every hook so hook order stays stable per remount key.
@@ -134,7 +135,7 @@ export function AskUserQuestionPanel({ question, position, total, answered, init
     // three visual variants): its nodeCache rect IS the caret cell, so (0, 0)
     // stays exact under CJK widths and line wrapping without any
     // layout-affecting wrapper Box.
-    const caretRef = useDeclaredCursor({ line: 0, column: 0, active: !hideCustomInput });
+    const caretRef = useDeclaredCursor({ line: 0, column: 0, active: !hideCustomInput && !collapsed });
     const moveFocus = (delta) => {
         if (rowCount <= 1)
             return;
@@ -277,7 +278,22 @@ export function AskUserQuestionPanel({ question, position, total, answered, init
             ...(textRef.current !== '' ? { custom: textRef.current } : {}),
         };
     };
-    useInput((input, key) => {
+    useInput((input, key, event) => {
+        // The mounted panel owns folding, just like answering: hidden asks
+        // cannot steal approval/dialog keys, and an interrupting questionnaire
+        // still works when Chat yields to an underlying screen's open flag.
+        if (onToggleFold !== undefined && actionMatches('questionFold', input, key)) {
+            onToggleFold();
+            event.stopImmediatePropagation();
+            return;
+        }
+        if (collapsed) {
+            if (key.escape || (key.ctrl && input === 'c')) {
+                onExpand?.();
+                event.stopImmediatePropagation();
+            }
+            return;
+        }
         if (key.ctrl && input === 'c') {
             onCancel();
             return;
@@ -410,9 +426,14 @@ export function AskUserQuestionPanel({ question, position, total, answered, init
             if (!multiSelect)
                 setAttached(options[focusIndex]?.label ?? null);
         }
-    }, { isActive: true });
+    });
     const remaining = total - answered;
+    /** Fold shortcut label for the hint row (follows /settings remaps). */
+    const foldCombo = effectiveComboDisplay('questionFold');
     const headerTitle = ` ${t('question-header-progress', { position, total, remaining: remaining > 1 ? t('question-remaining-more', { n: remaining }) : '' })} `;
+    /** First line of the question body for the minimized bar (whitespace
+     *  flattened the same way windowedOptions flattens labels). */
+    const questionText = question.question.split('\n')[0]?.replace(/\s+/gu, ' ').trim() ?? '';
     // The caret counts code points (see the module header), so the caret
     // char and the visual split index into the point array — never raw
     // UTF-16 offsets, which could land inside a surrogate pair.
@@ -450,6 +471,10 @@ export function AskUserQuestionPanel({ question, position, total, answered, init
         onAnswer({ selected: [label], ...(text !== '' ? { custom: text } : {}) });
     };
     const [hoverIndex, setHoverIndex] = React.useState(-1);
+    /** Header row hover — the row doubles as the mouse fold/unfold affordance. */
+    const [headerHovered, setHeaderHovered] = React.useState(false);
+    /** Mouse submit row hover (multi-select: clicking submits the checked set). */
+    const [submitHovered, setSubmitHovered] = React.useState(false);
     const renderInputRow = () => (_jsxs(Box, { flexDirection: "row", marginTop: inputFocused ? 1 : 0, onClick: focusInputRow, onMouseEnter: () => setHoverIndex(options.length), onMouseLeave: () => setHoverIndex(current => (current === options.length ? -1 : current)), backgroundColor: hoverIndex === options.length && !inputFocused ? 'userMessageBackgroundHover' : undefined, children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: inputFocused ? 'accent' : undefined, bold: inputFocused, children: inputFocused ? POINTER : ' ' }) }), _jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: inputFocused ? 'accent' : 'suggestion', children: PENCIL }) }), _jsxs(Box, { flexDirection: "row", marginLeft: 1, children: [_jsx(Text, { bold: inputFocused, color: inputFocused ? 'accent' : 'suggestion', children: t('question-custom-tab') }), attached !== null && (_jsx(Text, { color: "suggestion", children: t('question-attached-label', { label: attached }) })), _jsx(Text, { dimColor: true, children: "\uFF1A" }), customText === '' && !inputFocused ? (_jsx(Text, { ref: caretRef, dimColor: true, children: t('question-direct-input') })) : (_jsxs(_Fragment, { children: [_jsx(Text, { wrap: "wrap", children: textPoints.slice(0, customCursor).join('') }), inputFocused
                                 ? _jsx(Text, { ref: caretRef, inverse: true, children: cursorChar })
                                 : _jsx(Text, { ref: caretRef, color: "suggestion", children: "\u258F" }), _jsx(Text, { wrap: "wrap", children: textPoints.slice(inputFocused ? customCursor + 1 : customCursor).join('') })] }))] })] }));
@@ -469,7 +494,7 @@ export function AskUserQuestionPanel({ question, position, total, answered, init
                     ? option.description?.replace(/\s+/gu, ' ').trim()
                     : option.description;
                 return (_jsxs(Box, { flexDirection: "row", marginTop: !windowedOptions && focused ? 1 : 0, onClick: () => clickOption(absoluteIndex), onMouseEnter: () => setHoverIndex(absoluteIndex), onMouseLeave: () => setHoverIndex(current => (current === absoluteIndex ? -1 : current)), backgroundColor: hoverIndex === absoluteIndex && !focused ? 'userMessageBackgroundHover' : undefined, children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: focused ? 'accent' : undefined, bold: focused, children: pointer }) }), _jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: focused ? 'accent' : undefined, bold: selected, children: selected ? (multiSelect ? CHECKED : '●') : UNCHECKED }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [_jsx(Text, { bold: focused || selected, color: focused ? 'accent' : undefined, wrap: windowedOptions ? 'truncate' : 'wrap', children: label }), description !== undefined && (_jsx(Text, { dimColor: true, wrap: windowedOptions ? 'truncate' : 'wrap', children: description }))] })] }, `${absoluteIndex}:${option.label}`));
-            }), hideCustomInput ? null : renderInputRow()] }));
+            }), hideCustomInput ? null : renderInputRow(), multiSelect && fullscreen && (checked.size > 0 || textRef.current !== '') && (_jsxs(Box, { flexDirection: "row", height: 1, marginTop: 1, onClick: submitOptions, onMouseEnter: () => setSubmitHovered(true), onMouseLeave: () => setSubmitHovered(false), backgroundColor: submitHovered ? 'userMessageBackgroundHover' : undefined, children: [_jsx(Text, { color: "accent", children: "\u2713 " }), _jsx(Text, { dimColor: true, children: t('question-submit-selection') })] }))] }));
     const hintParts = inputFocused
         ? [
             t('question-hint-type'),
@@ -479,6 +504,7 @@ export function AskUserQuestionPanel({ question, position, total, answered, init
             onBack === undefined ? t('question-hint-esc') : t('question-hint-previous'),
             ...(onBack === undefined ? [] : [t('question-hint-cancel')]),
             ...(multiSelect && checked.size > 0 ? [t('question-hint-selected', { n: checked.size })] : []),
+            t('question-fold-hint', { combo: foldCombo }),
         ]
         : [
             t('question-hint-select'),
@@ -488,6 +514,13 @@ export function AskUserQuestionPanel({ question, position, total, answered, init
             onBack === undefined ? t('question-hint-esc') : t('question-hint-previous'),
             ...(onBack === undefined ? [] : [t('question-hint-cancel')]),
             ...(multiSelect && checked.size > 0 ? [t('question-hint-selected', { n: checked.size })] : []),
+            t('question-fold-hint', { combo: foldCombo }),
         ];
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsx(Divider, { color: "permission", title: headerTitle }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [question.header !== undefined && (_jsxs(Text, { color: "suggestion", bold: true, children: ["\u25C8 ", question.header] })), _jsx(Text, { bold: true, wrap: "wrap", children: question.question }), question.detail !== undefined && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: question.detail.split('\n').map((line, index) => (_jsx(Text, { dimColor: true, italic: true, wrap: "wrap", children: line }, index))) }))] }), renderOptions(), error !== null && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "error", children: error }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: hintParts.join(' · ') }) })] }));
+    // Folded: render only the minimized bar. This branch sits AFTER every
+    // hook (and after the intent early-return), so folding never reorders
+    // hooks and the draft refs above stay alive for the expand.
+    if (collapsed) {
+        return _jsx(QuestionMinimizedBar, { progress: headerTitle, questionText: questionText, onExpand: onExpand ?? (() => { }) });
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsx(Box, { flexDirection: "column", onClick: onToggleFold, onMouseEnter: () => setHeaderHovered(true), onMouseLeave: () => setHeaderHovered(false), backgroundColor: headerHovered ? 'userMessageBackgroundHover' : undefined, children: _jsx(Divider, { color: "permission", title: `▾${headerTitle}` }) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [question.header !== undefined && (_jsxs(Text, { color: "suggestion", bold: true, children: ["\u25C8 ", question.header] })), _jsx(Text, { bold: true, wrap: "wrap", children: question.question }), question.detail !== undefined && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: question.detail.split('\n').map((line, index) => (_jsx(Text, { dimColor: true, italic: true, wrap: "wrap", children: line }, index))) }))] }), renderOptions(), error !== null && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "error", children: error }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: hintParts.join(' · ') }) })] }));
 }

package/lib/types/components/questions/QuestionMinimizedBar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type QuestionMinimizedBarProps = {
+    /** Progress title, same text as the expanded panel's Divider header
+     *  (e.g. ` 📋 提问 · 第 2/5 题 · 还剩 3 题 `). */
+    readonly progress: string;
+    /** First line of the question body, truncated by the layout. */
+    readonly questionText: string;
+    /** Expand back to the full panel (Ctrl+K / Esc / click). */
+    readonly onExpand: () => void;
+};
+export declare function QuestionMinimizedBar({ progress, questionText, onExpand, }: QuestionMinimizedBarProps): React.ReactNode;
+//# sourceMappingURL=QuestionMinimizedBar.d.ts.map

package/lib/types/components/questions/QuestionMinimizedBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionMinimizedBar.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/QuestionMinimizedBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA0BzB,MAAM,MAAM,yBAAyB,GAAG;IACtC;+CAC2C;IAC3C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,gEAAgE;IAChE,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,4DAA4D;IAC5D,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,SAAS,CAwC7C"}

package/lib/types/components/questions/QuestionMinimizedBar.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text } from '../../ui.js';
+import { t } from '../../i18n.js';
+import { effectiveComboDisplay } from '../../utils/keymap.js';
+/**
+ * 提问面板挂起条 — the two-line stand-in for a folded questionnaire
+ * (manual collapse; the ask stays parked and the panel stays mounted, so
+ * drafts survive).
+ *
+ * Line 1 mirrors the GoalTodoPanel fold-header language: a dim `▸` (folded
+ * state), the same progress title as the expanded header, then the first
+ * line of the question truncated to whatever width remains. The whole row
+ * is clickable (fullscreen mouse) and hover-highlighted to expand.
+ *
+ * Line 2 is the permanent "answer pending" affordance — a blinking pause
+ * glyph (`⏸` toggled dim/bright on a local interval that lives only while
+ * the bar is mounted) plus the waiting text and the fold key hint. The key
+ * label follows keymap remaps via effectiveComboString, like the /settings
+ * shortcut rows.
+ *
+ * The component is deliberately dumb: the parent formats the strings, so
+ * the bar owns only its local hover/blink state.
+ */
+const BLINK_MS = 500;
+export function QuestionMinimizedBar({ progress, questionText, onExpand, }) {
+    const [blinkOn, setBlinkOn] = React.useState(true);
+    const [hovered, setHovered] = React.useState(false);
+    // The pause glyph blinks by APPEARING and DISAPPEARING (a visible→gone
+    // beat reads as a true blink; dim↔normal is too subtle). The off phase
+    // must occupy exactly the glyph's width or the waiting text shifts left
+    // and right every beat: '⏸ ' measures 2 columns (⏸ is a narrow 1-col
+    // glyph here), so it is replaced by two spaces. Blink only while the
+    // bar exists; unmounting clears the interval.
+    React.useEffect(() => {
+        const id = setInterval(() => setBlinkOn(previous => !previous), BLINK_MS);
+        return () => clearInterval(id);
+    }, []);
+    const waiting = `${t('question-fold-waiting')} — ${t('question-fold-expand', {
+        combo: effectiveComboDisplay('questionFold'),
+    })}`;
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsxs(Box, { flexDirection: "row", height: 1, onClick: onExpand, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), backgroundColor: hovered ? 'userMessageBackgroundHover' : undefined, children: [_jsx(Text, { dimColor: true, children: '▸ ' }), _jsx(Text, { dimColor: true, children: progress }), _jsx(Box, { flexGrow: 1, flexShrink: 1, marginLeft: 1, children: _jsx(Text, { wrap: "truncate", children: questionText }) })] }), _jsxs(Box, { flexDirection: "row", height: 1, children: [_jsx(Text, { children: blinkOn ? '⏸ ' : '  ' }), _jsx(Text, { dimColor: true, wrap: "truncate", children: waiting })] })] }));
+}