@namzu/cli 28.1.1 → 29.0.0

package/dist/tui/App.js

@@ -38,14 +38,17 @@ import { effectivePermissionMode, permissionModeDescription, permissionModeLabel
 import { composeSkillsPrompt, discoverSkills, loadSkillBody } from '../skills/store.js';
 import { discoverUserCommands } from '../user-commands/store.js';
 import { AgentCockpit, AgentNarrationBand, AgentTaskPanel, AgentTranscript, activeSubagentCohorts, agentCockpitIsWide, agentPhasePageSize, agentPhases, agentPickerPageSize, agentTranscriptPageSize, agentWorkflowPageSize, agentWorkflows, maxAgentTranscriptTailOffset, } from './AgentExplorer.js';
+import { completionRow, launchReceipt, settleLine } from './agent-transcript-rows.js';
 import { BrandHeader } from './BrandHeader.js';
 import { ChoicePicker } from './ChoicePicker.js';
 import { emptyPluginReport, pluginDetails, pluginOption, pluginStartupState } from './plugin-view.js';
 import { Composer, suggestionWindowSize, } from './Composer.js';
 import { ComposerFrame } from './ComposerFrame.js';
+import { EffortSlider, effortSliderLayout } from './EffortSlider.js';
 import { CopyPicker } from './CopyPicker.js';
 import { EditPromptPicker } from './EditPromptPicker.js';
 import { LiveActivity, formatElapsed } from './LiveActivity.js';
+import { webCallTitle, webLiveStatus, webSettledLine } from './web-activity.js';
 import { PermissionOverlay } from './PermissionOverlay.js';
 import { Picker } from './Picker.js';
 import { ResumePicker } from './ResumePicker.js';
@@ -67,7 +70,8 @@ import { assistantTranscriptTexts } from './conversation-history.js';
 import { copyTargetsForResponse } from './copy-targets.js';
 import { editablePrompts } from './edit-prompts.js';
 import { editDraftInExternalEditor } from './external-editor.js';
-import { checklistInView, liveWindow } from './live-window.js';
+import { checklistInView, liveWindow, settledBeforeStreaming } from './live-window.js';
+import { ViewportBound } from './ViewportBound.js';
 import { resolveModelSwitch, } from './model-switch.js';
 import { parseModelSelectionIntent, resolveModelSelectionIntent } from './model-selection-intent.js';
 import { describeCodexDeviceLoginStart, describeLoginOutcome, describeLoginStart, describeLogout, describeProviderLogout, } from './login-prompt.js';
@@ -113,6 +117,12 @@ const FREE_TEXT_ANSWER = '__free_text__';
  * writing rather than as silence.
  */
 const STREAM_RELEASE_MS = 250;
+/**
+ * How long a batch of delegated agents stays still before its launch receipt
+ * is written. Agents of one response are begun within a few milliseconds of
+ * one another; this is the margin that keeps them on one receipt.
+ */
+const RECEIPT_SETTLE_MS = 250;
 /** Last non-empty assistant text in a durable conversation, newest first. */
 function latestAssistantOutput(messages) {
     for (let i = messages.length - 1; i >= 0; i -= 1) {
@@ -471,6 +481,14 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
      * than as silence. Cleared by the first text or tool call that follows.
      */
     const [thinking, setThinking] = useState(null);
+    /** Output tokens of the running turn, for the Working row. See `StreamState`. */
+    const [turnTokens, setTurnTokens] = useState(0);
+    const turnTokensShownAt = useRef(0);
+    const turnTokensTimer = useRef(undefined);
+    useEffect(() => () => {
+        if (turnTokensTimer.current)
+            clearTimeout(turnTokensTimer.current);
+    }, []);
     // Tools currently executing — rendered live (spinner + elapsed) below the
     // transcript, then committed as static lines on completion.
     const [activeTools, setActiveTools] = useState([]);
@@ -719,8 +737,12 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
         const agents = subagentsRef.current;
         const workflows = agentWorkflows(agents);
         const currentWorkflow = [...workflows].reverse().find((workflow) => workflow.agents.some((agent) => agent.status === 'starting' || agent.status === 'queued' || agent.status === 'working')) ?? workflows.at(-1);
-        const firstPhase = currentWorkflow?.phases[0];
-        const firstAgent = firstPhase?.agents[0];
+        // Opened on the work that is moving: the first phase with a live agent,
+        // and its first live agent, rather than on a phase that finished
+        // minutes ago. With nothing live, the first phase, as before.
+        const live = (agent) => agent.status === 'starting' || agent.status === 'queued' || agent.status === 'working';
+        const firstPhase = currentWorkflow?.phases.find((phase) => phase.agents.some(live)) ?? currentWorkflow?.phases[0];
+        const firstAgent = firstPhase?.agents.find(live) ?? firstPhase?.agents[0];
         if (!firstPhase || !firstAgent)
             return false;
         setAgentSurface({
@@ -1230,12 +1252,65 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
             tailOffset: 0,
         });
     }, [hydrateSavedChildren, pushMessage, setAgentSurface]);
+    /**
+     * Delegated work writes three kinds of row into settled history (see
+     * `agent-transcript-rows.ts`): a launch receipt per batch, then one
+     * completion row per agent. Each is exactly-once, gated by its own set,
+     * and a batch's receipt is always written before any of its completions.
+     *
+     * A receipt waits until the batch is whole — no `Agent` call of the turn is
+     * still starting without a row of its own, and the newest member arrived
+     * at least {@link RECEIPT_SETTLE_MS} ago — so two agents launched in one
+     * response read as one launch rather than two. A member that already
+     * finished forces the receipt out, so it never trails its completion.
+     */
     const reportedAgentsRef = useRef(new Set());
+    const reportedBatchesRef = useRef(new Set());
+    const batchSeenAtRef = useRef(new Map());
+    const [receiptTick, setReceiptTick] = useState(0);
     useEffect(() => {
         reportedAgentsRef.current.clear();
+        reportedBatchesRef.current.clear();
+        batchSeenAtRef.current.clear();
     }, [session]);
     useEffect(() => {
+        void receiptTick;
         const current = session?.subagents?.getSnapshot() ?? [];
+        const now = Date.now();
+        const batches = new Map();
+        for (const agent of subagents) {
+            if (agent.replayed)
+                continue;
+            if (!current.some((item) => item.viewId === agent.viewId))
+                continue;
+            const key = JSON.stringify([agent.workflowId, agent.batchId]);
+            const members = batches.get(key) ?? [];
+            members.push(agent);
+            batches.set(key, members);
+        }
+        const launching = activeTools.some((tool) => tool.toolName.toLowerCase() === 'agent' &&
+            !subagents.some((agent) => agent.toolUseId === tool.id &&
+                (tool.turnId === undefined || agent.workflowId === tool.turnId)));
+        let retryIn;
+        for (const [key, members] of batches) {
+            if (reportedBatchesRef.current.has(key))
+                continue;
+            // Re-stamped when the batch grows: the settle window runs from its newest member.
+            const previous = batchSeenAtRef.current.get(key);
+            const stamp = previous !== undefined && previous.count === members.length
+                ? previous.at
+                : now;
+            if (stamp === now)
+                batchSeenAtRef.current.set(key, { at: now, count: members.length });
+            const settledMember = members.some((agent) => ['completed', 'failed', 'cancelled'].includes(agent.status));
+            const waited = now - stamp;
+            if (!settledMember && (launching || waited < RECEIPT_SETTLE_MS)) {
+                retryIn = Math.min(retryIn ?? RECEIPT_SETTLE_MS, Math.max(50, RECEIPT_SETTLE_MS - waited));
+                continue;
+            }
+            reportedBatchesRef.current.add(key);
+            pushMessage('tool', launchReceipt(members).content, false, '●', undefined, theme.accent.assistant);
+        }
         for (const agent of subagents) {
             if (!current.some((item) => item.viewId === agent.viewId &&
                 item.workflowId === agent.workflowId &&
@@ -1245,14 +1320,21 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                 continue;
             if (reportedAgentsRef.current.has(agent.viewId))
                 continue;
+            // Its receipt first, even if that means writing it alone.
+            const key = JSON.stringify([agent.workflowId, agent.batchId]);
+            if (!agent.replayed && !reportedBatchesRef.current.has(key)) {
+                reportedBatchesRef.current.add(key);
+                pushMessage('tool', launchReceipt(batches.get(key) ?? [agent]).content, false, '●', undefined, theme.accent.assistant);
+            }
             reportedAgentsRef.current.add(agent.viewId);
-            const completed = agent.status === 'completed';
-            const status = completed
-                ? 'Completed'
-                : (agent.latestActivity ?? (agent.status === 'cancelled' ? 'Cancelled' : 'Failed'));
-            pushMessage('tool', `${agent.description} · ${status}`, false, completed ? '✓' : '✗', undefined, completed ? theme.status.ok : theme.status.error, 'ctrl+t · agent details');
+            const row = completionRow(agent);
+            pushMessage('tool', row.content, false, row.ok ? '✓' : '✗', row.detail.length > 0 ? row.detail : undefined, row.ok ? theme.status.ok : theme.status.error, row.hint, row.detail.length > 0 ? 'agent-result' : undefined);
         }
-    }, [subagents, pushMessage, session]);
+        if (retryIn === undefined)
+            return;
+        const timer = setTimeout(() => setReceiptTick((tick) => tick + 1), retryIn);
+        return () => clearTimeout(timer);
+    }, [subagents, activeTools, pushMessage, session, receiptTick]);
     /**
      * A delivered `send_message` correction already lands its own row inside
      * the child's transcript (`SubagentActivityMonitor.recordMessage`); this
@@ -2627,6 +2709,12 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
         }
     }, [activateTrustedProject, pushMessage, runProbe]);
     const finalized = messages.filter((m) => !m.pending);
+    // Where the streaming reply stands among the finalized rows: a row written
+    // while it streams is drawn below it, as it will be once it has finished.
+    const streamingAt = messages.findIndex((m) => m.pending);
+    const pendingAt = streamingAt < 0
+        ? finalized.length
+        : messages.slice(0, streamingAt).filter((m) => !m.pending).length;
     // Activity and the plan share the terminal with the draft. Collapse the two
     // lists together only when their full previews would crowd the input area.
     const fullToolFurniture = activeTools.length === 0 ? 0 : Math.min(activeTools.length, 3) * 2 + 2;
@@ -2673,9 +2761,10 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
     // Freeze the parent's Static floor while it is open; otherwise a parent turn
     // settling in the background prints through the child screen. Returning
     // advances the floor once and emits those finalized rows exactly once.
+    const nextSettled = settledBeforeStreaming(messages, window.settled, settledRef.current);
     if (agentSurface === null && outputViewer === null)
-        settledRef.current = window.settled;
-    const renderedSettled = agentSurface === null && outputViewer === null ? window.settled : settledRef.current;
+        settledRef.current = nextSettled;
+    const renderedSettled = agentSurface === null && outputViewer === null ? nextSettled : settledRef.current;
     // One merged vocabulary for the session: this host's own commands plus
     // whatever the kernel's registry reports. Built here so `/help`, the
     // autocomplete and the dispatcher all answer from the same list — three
@@ -3596,6 +3685,39 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                 st.assistantId = null;
             }
         };
+        // Redrawn at most five times a second: a count that changes on every
+        // delta would re-render the live region per token for a figure no
+        // one reads at that rate. A provider report always lands.
+        // A count held back is drawn when the interval ends, so the last one
+        // of a burst is never left unshown while the stream goes quiet.
+        const noteTokens = (force = false) => {
+            const show = () => {
+                turnTokensShownAt.current = Date.now();
+                setTurnTokens((st.reportedOutputTokens ?? 0) + Math.ceil((st.streamedChars ?? 0) / 4));
+            };
+            const wait = 200 - (Date.now() - turnTokensShownAt.current);
+            if (force || wait <= 0) {
+                if (turnTokensTimer.current)
+                    clearTimeout(turnTokensTimer.current);
+                turnTokensTimer.current = undefined;
+                show();
+            }
+            else if (!turnTokensTimer.current) {
+                turnTokensTimer.current = setTimeout(() => {
+                    turnTokensTimer.current = undefined;
+                    show();
+                }, wait);
+            }
+        };
+        if (event.kind === 'delta' || event.kind === 'reasoning') {
+            st.streamedChars = (st.streamedChars ?? 0) + event.text.length;
+            noteTokens();
+        }
+        else if (event.kind === 'usage' && event.outputTokens !== undefined) {
+            st.reportedOutputTokens = event.outputTokens;
+            st.streamedChars = 0;
+            noteTokens(true);
+        }
         if (event.kind !== 'usage' && 'budget' in event && event.budget) {
             const budget = event.budget;
             const own = st.lastUsage;
@@ -3668,16 +3790,21 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                         (event.turnId === undefined || agent.workflowId === event.turnId))
                     : undefined;
                 const tool = {
-                    ...(waitingAgent ? { taskId: waitingAgent.taskId } : {}),
+                    ...(waitingAgent
+                        ? { taskId: waitingAgent.taskId, waitingOn: waitingAgent.description }
+                        : {}),
                     id: event.toolUseId,
                     ...(event.turnId ? { turnId: event.turnId } : {}),
                     toolName: event.toolName,
                     activity: event.activity,
                     label: waitingAgent
                         ? `Waiting · ${waitingAgent.description}`
-                        : formatToolCall(event.toolName, event.summary, event.standalone),
+                        : event.web
+                            ? webCallTitle(event.web)
+                            : formatToolCall(event.toolName, event.summary, event.standalone),
                     startedAt: Date.now(),
                     detail: event.detail,
+                    ...(event.web ? { web: event.web, progress: webLiveStatus(event.web) } : {}),
                 };
                 activeToolsRef.current = [...activeToolsRef.current, tool];
                 setActiveTools(activeToolsRef.current);
@@ -3760,6 +3887,32 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                     setState(activeToolsRef.current.length > 0 ? 'tool' : 'thinking');
                     break;
                 }
+                const web = event.web ?? done?.web;
+                if (web) {
+                    // Two rows, the call and what it came to, drawn as `web` activity:
+                    // consecutive ones sit together and the result list stays behind
+                    // Ctrl+O, as the reference terminal draws them.
+                    const activity = {
+                        ...web,
+                        ...(event.web?.target ?? done?.web?.target
+                            ? { target: event.web?.target ?? done?.web?.target }
+                            : {}),
+                    };
+                    const durationMs = event.durationMs ?? (done ? Date.now() - done.startedAt : undefined);
+                    const output = web.hosted ? undefined : event.output;
+                    pushMessage('tool', webCallTitle(activity), false, event.isError ? '✗' : '✓', undefined, event.isError ? theme.status.error : theme.status.ok, undefined, 'web');
+                    const outputLines = output !== undefined ? output.split('\n') : undefined;
+                    pushMessage('tool', event.isError
+                        ? `failed: ${event.summary}`
+                        : webSettledLine(activity, {
+                            ...(durationMs !== undefined ? { durationMs } : {}),
+                            ...(activity.kind === 'fetch' && output !== undefined
+                                ? { bytes: Buffer.byteLength(output, 'utf8') }
+                                : {}),
+                        }), false, '⎿', outputLines, undefined, outputLines && outputLines.length > 0 ? 'ctrl+o output' : undefined, 'web');
+                    setState(activeToolsRef.current.length > 0 ? 'tool' : 'thinking');
+                    break;
+                }
                 if (isTaskTool(event.toolName)) {
                     // The task event already wrote the block. A listing refreshes it
                     // while there is a plan to show; with none it keeps its own row.
@@ -3926,6 +4079,18 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                 const stopNotice = describeTurnStop(event.stopReason, event.budget);
                 if (stopNotice)
                     pushMessage('system', stopNotice, false, '■');
+                if (st.startedAt !== undefined) {
+                    const since = st.startedAt;
+                    const delegated = subagentsRef.current.filter((agent) => agent.replayed !== true && agent.startedAt >= since);
+                    // A turn that delegated always says what its agents came to; one
+                    // that did not closes with its time only when it finished, since
+                    // a stop or a cancellation has already said how it ended.
+                    const closing = delegated.length > 0 || st.completed
+                        ? settleLine(Date.now() - since, delegated)
+                        : undefined;
+                    if (closing)
+                        pushMessage('system', closing, false, '✻', undefined, theme.text.muted);
+                }
                 break;
             }
             case 'paused':
@@ -4063,8 +4228,14 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
         tasksRef.current = [];
         // The model interleaves text → tool → text across iterations; `applyEvent`
         // renders each one in order.
+        if (turnTokensTimer.current)
+            clearTimeout(turnTokensTimer.current);
+        turnTokensTimer.current = undefined;
+        setTurnTokens(0);
+        turnTokensShownAt.current = 0;
         const st = {
             assistantId: null,
+            startedAt: Date.now(),
             text: '',
             conversationMessages: undefined,
             pending: '',
@@ -6362,10 +6533,14 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                 setSelectedChoice((index) => moveChoiceSelection(options, index, key.home ? 'first' : key.end ? 'last' : key.pageUp ? 'previous-page' : 'next-page', pageSize));
                 return;
             }
-            if (key.upArrow) {
+            if (key.upArrow || (key.leftArrow && picker.kind === 'reasoning-effort')) {
                 setSelectedChoice((index) => moveChoiceSelection(options, index, 'previous'));
                 return;
             }
+            if (key.rightArrow && picker.kind === 'reasoning-effort') {
+                setSelectedChoice((index) => moveChoiceSelection(options, index, 'next'));
+                return;
+            }
             if (key.downArrow) {
                 setSelectedChoice((index) => moveChoiceSelection(options, index, 'next'));
                 return;
@@ -6447,10 +6622,21 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
             return;
         }
         // Small expansions stay in place. Older or oversized bodies open a viewer.
+        //
+        // A settled row cannot be repainted, so its hint keeps saying Ctrl+O
+        // for as long as it is on screen; this press must keep reaching it. The
+        // first press expands the live bodies in place; the next one, while a
+        // settled body sits above them, opens the viewer on the newest settled
+        // body (←/→ reach the rest) and folds the live ones back behind it, so
+        // the press after that expands them again. Only with nothing settled to
+        // open does a second press simply collapse.
         if (key.ctrl && input === 'o') {
-            const live = messages.filter((m) => !m.pending).slice(settledRef.current);
+            const shown = messages.filter((m) => !m.pending);
+            const live = shown.slice(settledRef.current);
             const collapsible = live.filter((m) => (m.activity && (m.detail?.length ?? 0) > 0) || willCollapse(m.detail));
-            const blocks = messages.filter((m) => m.detailRef !== undefined && (m.detail?.length ?? 0) > 0);
+            const hasBody = (m) => m.detailRef !== undefined && (m.detail?.length ?? 0) > 0;
+            const blocks = messages.filter(hasBody);
+            const olderBlock = shown.slice(0, settledRef.current).filter(hasBody).at(-1);
             const block = collapsible.at(-1) ?? blocks.at(-1);
             if (!block) {
                 pushMessage('system', 'Nothing to expand yet. Ctrl+O opens retained tool output when available.');
@@ -6459,6 +6645,11 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
             const expanding = collapsible.some((m) => m.detailExpanded !== true);
             const ids = new Set(collapsible.map((m) => m.id));
             const proposed = messages.map((m) => ids.has(m.id) ? { ...m, detailExpanded: expanding } : m);
+            if (!expanding && olderBlock) {
+                setMessages(proposed);
+                setOutputViewer(olderBlock);
+                return;
+            }
             const projected = liveWindow({ messages: proposed.filter((m) => !m.pending), rows: terminal.rows,
                 columns: terminal.columns, furnitureRows: LIVE_FURNITURE_ROWS + taskFurniture + toolFurniture,
                 settled: settledRef.current, raw: rawOutput });
@@ -6532,6 +6723,11 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
         agentSurface === null
         ? goalStatusLabel(goalStatus, goalStatus ? goalActivation.isArmed(goalStatus.sessionId, goalStatus) : false)
         : null;
+    // The effort chooser is a left-to-right slider wherever its stops fit on
+    // one row, and the vertical list everywhere else (see EffortSlider.tsx).
+    const effortSlider = choicePicker?.kind === 'reasoning-effort'
+        ? effortSliderLayout(choicePicker.options.map((option) => option.label), Math.max(1, (terminal.columns ?? 80) - 2))
+        : undefined;
     const statusHint = conversationMutation === 'fork'
         ? 'forking conversation — input is paused'
         : conversationMutation === 'edit'
@@ -6557,7 +6753,9 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                                         : choicePicker
                                             ? choicePickerSearchable(choicePicker)
                                                 ? 'type to filter · ↑↓ select · enter apply · esc back'
-                                                : '↑↓ / 1–9 select · enter apply · esc back'
+                                                : effortSlider
+                                                    ? '←/→ adjust · 1–9 select · enter apply · esc back'
+                                                    : '↑↓ / 1–9 select · enter apply · esc back'
                                             : copyPicker
                                                 ? 'copy target open — ↑↓ / 1–9 select · esc cancel'
                                                 : goalStatus && phase === 'ready' && state === 'idle'
@@ -6584,7 +6782,12 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
         phase !== 'resume' &&
         phase !== 'edit' &&
         phase !== 'picker';
-    return (_jsx(Box, { flexDirection: "column", display: externalEditorRequest ? 'none' : 'flex', children: _jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(TranscriptFrame, { children: _jsx(Transcript, { messages: finalized, pending: messages.find((m) => m.pending) ?? null, state: state, settled: transcriptOwned ? renderedSettled : 0, resetKey: resetKey, raw: rawOutput, hyperlinks: hyperlinks, showLive: !lifecycleOwnsViewport, header: transcriptOwned ? (_jsx(BrandHeader, { version: ctx.version, permissionMode: displayedPermissionMode })) : undefined }) }), providerSetup ? (_jsx(ProviderSetup, { cwd: ctx.cwd, onClose: () => setProviderSetup(false), onConnect: () => {
+    return (
+    // One row short of the terminal, always: see ViewportBound.tsx for the
+    // renderer path a taller frame takes and the scrollback row it costs.
+    _jsx(ViewportBound, { rows: terminal.rows, display: externalEditorRequest ? 'none' : 'flex', children: _jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(TranscriptFrame, { children: _jsx(Transcript, { messages: finalized, pending: messages.find((m) => m.pending) ?? null, pendingAt: pendingAt, state: state, settled: transcriptOwned ? renderedSettled : 0, resetKey: resetKey, raw: rawOutput, hyperlinks: hyperlinks, showLive: !lifecycleOwnsViewport, 
+                        // The one column of padding the enclosing box gives every row.
+                        staticIndent: 1, header: transcriptOwned ? (_jsx(BrandHeader, { version: ctx.version, permissionMode: displayedPermissionMode })) : undefined }) }), providerSetup ? (_jsx(ProviderSetup, { cwd: ctx.cwd, onClose: () => setProviderSetup(false), onConnect: () => {
                         setProviderSetup(false);
                         setPickerInitialView('providers');
                         setPickerDetected(null);
@@ -6596,7 +6799,11 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                     // where it is decided rather than guessed on the screen: with no
                     // session behind the picker, esc exits namzu and the footer says
                     // so instead of offering a cancel nobody will see.
-                    cancelExits: !session?.hasProvider })) : (_jsxs(_Fragment, { children: [agentSurface === null && outputViewer === null ? (_jsx(LiveActivity, { compact: compactWork, activeTools: visibleActiveTools, working: state === 'thinking' || state === 'tool', interruptible: abortRef.current !== null, animate: stdout.isTTY === true && permission === null && textPrompt === null, thinking: thinking })) : null, agentSurface === null && outputViewer === null && permission === null ? (_jsx(TaskList, { tasks: liveTasks })) : null, permission ? (_jsx(PermissionOverlay, { toolCalls: permission.toolCalls, review: permission.review, summary: permission.summary, detailsOpen: permissionDetailsOpen, reviewOffset: permissionReviewOffset, choice: permissionChoice, queuedCount: queuedPermissionCount, sourceLabel: permissionSourceLabel, columns: terminal.columns, rows: terminal.rows })) : null, textPrompt ? (_jsx(TextPrompt, { columns: Math.max(1, (terminal.columns ?? 80) - 2), title: textPrompt.title, placeholder: textPrompt.placeholder, initialValue: textPrompt.initialValue, emptyNotice: textPrompt.emptyNotice, hidden: permission !== null || (agentSurface !== null || outputViewer !== null), onSubmit: submitTextPrompt, onCancel: cancelTextPrompt }, textPrompt.token)) : permission === null && agentSurface === null && outputViewer === null && choicePicker ? (_jsx(ChoicePicker, { busy: 'busy' in choicePicker && choicePicker.busy === true, columns: Math.max(1, (terminal.columns ?? 80) - 2), title: choicePicker.title, notice: choicePicker.notice, options: filterChoiceOptions(choicePicker.options, choiceQuery), query: choicePickerSearchable(choicePicker) ? choiceQuery : undefined, selected: selectedChoice, windowSize: choicePicker.kind === 'command' ? choicePicker.windowSize : undefined })) : permission === null && agentSurface === null && outputViewer === null && copyPicker ? (_jsx(CopyPicker, { targets: copyPicker.targets, selected: selectedCopy })) : null, _jsxs(ComposerFrame, { working: state === 'thinking' || state === 'tool' || visibleActiveTools.length > 0, focus: phase === 'ready' &&
+                    cancelExits: !session?.hasProvider })) : (_jsxs(_Fragment, { children: [agentSurface === null && outputViewer === null ? (_jsx(LiveActivity, { compact: compactWork, activeTools: visibleActiveTools, working: state === 'thinking' || state === 'tool', interruptible: abortRef.current !== null, animate: stdout.isTTY === true && permission === null && textPrompt === null, thinking: thinking, tokens: turnTokens })) : null, agentSurface === null && outputViewer === null && permission === null ? (_jsx(TaskList, { tasks: liveTasks })) : null, permission ? (_jsx(PermissionOverlay, { toolCalls: permission.toolCalls, review: permission.review, summary: permission.summary, detailsOpen: permissionDetailsOpen, reviewOffset: permissionReviewOffset, choice: permissionChoice, queuedCount: queuedPermissionCount, sourceLabel: permissionSourceLabel, columns: terminal.columns, rows: terminal.rows })) : null, textPrompt ? (_jsx(TextPrompt, { columns: Math.max(1, (terminal.columns ?? 80) - 2), title: textPrompt.title, placeholder: textPrompt.placeholder, initialValue: textPrompt.initialValue, emptyNotice: textPrompt.emptyNotice, hidden: permission !== null || (agentSurface !== null || outputViewer !== null), onSubmit: submitTextPrompt, onCancel: cancelTextPrompt }, textPrompt.token)) : permission === null &&
+                            agentSurface === null &&
+                            outputViewer === null &&
+                            choicePicker?.kind === 'reasoning-effort' &&
+                            effortSlider ? (_jsx(EffortSlider, { title: choicePicker.title, notice: choicePicker.notice, options: choicePicker.options, selected: selectedChoice, layout: effortSlider, columns: Math.max(1, (terminal.columns ?? 80) - 2), highest: choicePicker.options.at(-2)?.label === 'default' ? undefined : choicePicker.options.at(-2)?.label })) : permission === null && agentSurface === null && outputViewer === null && choicePicker ? (_jsx(ChoicePicker, { busy: 'busy' in choicePicker && choicePicker.busy === true, columns: Math.max(1, (terminal.columns ?? 80) - 2), title: choicePicker.title, notice: choicePicker.notice, options: filterChoiceOptions(choicePicker.options, choiceQuery), query: choicePickerSearchable(choicePicker) ? choiceQuery : undefined, selected: selectedChoice, windowSize: choicePicker.kind === 'command' ? choicePicker.windowSize : undefined })) : permission === null && agentSurface === null && outputViewer === null && copyPicker ? (_jsx(CopyPicker, { targets: copyPicker.targets, selected: selectedCopy })) : null, _jsxs(ComposerFrame, { working: state === 'thinking' || state === 'tool' || visibleActiveTools.length > 0, ...(orchestrateMode ? { mode: 'orchestrate' } : {}), focus: phase === 'ready' &&
                                 state !== 'awaiting-permission' &&
                                 !compacting &&
                                 externalEditorRequest === null &&
@@ -6643,10 +6850,13 @@ export function App({ ctx: initialCtx, onExitSummary, externalEditor = defaultEx
                     permission === null &&
                     agentSurface === null &&
                     outputViewer === null ? (_jsx(AgentNarrationBand, { lines: narration })) : null, showComposerSurface &&
-                    permission === null &&
                     agentSurface === null &&
                     outputViewer === null &&
-                    liveSubagents.length > 0 ? (_jsx(AgentTaskPanel, { agents: liveSubagents, terminalRows: terminal.rows, terminalColumns: terminal.columns })) : showComposerSurface && permission === null && agentSurface?.kind === 'cockpit' ? (_jsx(AgentCockpit, { agents: subagents, selectedPhaseId: agentSurface.selectedPhaseId, selectedId: agentSurface.selectedId, focus: agentSurface.focus, terminalRows: terminal.rows, terminalColumns: terminal.columns })) : showComposerSurface &&
+                    liveSubagents.length > 0 ? (
+                // Still drawn while a review is open, reduced to its header line:
+                // the work already approved keeps moving, and the operator
+                // deciding the next launch should be able to see that it does.
+                _jsx(AgentTaskPanel, { agents: liveSubagents, terminalRows: terminal.rows, terminalColumns: terminal.columns, compact: permission !== null })) : showComposerSurface && permission === null && agentSurface?.kind === 'cockpit' ? (_jsx(AgentCockpit, { agents: subagents, selectedPhaseId: agentSurface.selectedPhaseId, selectedId: agentSurface.selectedId, focus: agentSurface.focus, terminalRows: terminal.rows, terminalColumns: terminal.columns })) : showComposerSurface &&
                     permission === null &&
                     agentSurface?.kind === 'transcript' &&
                     selectedSubagent ? (_jsx(AgentTranscript, { agent: selectedSubagent, tailOffset: agentSurface.tailOffset, terminalRows: terminal.rows, terminalColumns: terminal.columns })) : null, outputViewer && permission === null ? (_jsx(ToolOutputViewer, { onPrevious: () => {