muonroi-cli 1.8.5 → 1.9.0

package/dist/src/ui/app.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { Semantic, SemanticProvider, useAgentInputBridge } from "@muonroi/agent-harness-opentui";
 import os from "os";
+import { useEffect, useMemo, useState } from "react";
 import { isContextRailEnabled, isRoundGroupsEnabled } from "../gsd/flags.js";
 import { getCurrentModel, } from "../utils/settings.js";
 import { formatSubagentName } from "../utils/subagent-display.js";
@@ -9,6 +10,8 @@ import { ProductStatusCard } from "./cards/product-status-card.js";
 import { BtwOverlay } from "./components/btw-overlay.js";
 import { makePairKey } from "./components/bubble-layout.js";
 import { ContextRail } from "./components/context-rail.js";
+import { AgentRailActivities } from "./components/agent-rail-activities.js";
+import { CompactProgressCard } from "./components/compact-progress-card.js";
 import { CopyFlashBanner } from "./components/copy-flash-banner.js";
 import { CouncilDebatePill } from "./components/council-debate-pill.js";
 import { CouncilInfoCardView } from "./components/council-info-card.js";
@@ -64,6 +67,7 @@ import "./slash/status.js";
 import "./slash/ponytail.js";
 import { CONNECT_CHANNELS, } from "./constants.js";
 import { buildPreflightQuestion, } from "./utils/format.js";
+import { collectAgentActivities } from "./utils/agent-activities.js";
 import { toolArgs, toolLabel, tryParseArg } from "./utils/tools.js";
 /**
  * Render the EE "experience injected" chunk for the TUI: the count line PLUS a
@@ -373,7 +377,15 @@ ${prompt}`;
 const SPLASH_PROVIDERS = ["deepseek", "zai", "opencode-go", "xai"];
 import { useAppLogic } from "./use-app-logic.js";
 export function App({ agent, startupConfig, initialMessage, onExit, onRelaunch }) {
-    const { activeHaltCard, activeSubagent, activeToast, activeToolCalls, agentRows, agentRuntime, agentsEditorDraft, agentsEditorError, agentsEditorField, agentsEditorModelIndex, agentsEditorSyncKey, agentsModalIndex, agentsSearchQuery, apiKeyError, apiKeyInputRef, apiKeyPrompt, blockPrompt, btwState, bwSync, configuredProviders, connectModalIndex, contextStats, copyFlashId, councilCardState, councilInfoCards, councilMeta, councilRounds, selectedRound, setSelectedRound, councilMessages, councilTranscriptExpanded, councilPhases, councilPlaceholders, councilProgress, councilStatuses, councilTodoExpanded, defaultProvider, disabledModels, disabledProviders, dismissToast, editingMcpId, editingSubagent, expandedMessages, filteredModels, filteredSlashItems, getPartnerLast, getSide, haltSelectedIndex, handlePaste, handleRootMouseDown, handleRootMouseUp, handleSubmit, hasMessages, height, initNewForm, inputRef, isProcessing, isUpdating, lastReasoningElapsedMs, liveTurnSourceLabel, mcpArgsRef, mcpCommandRef, mcpCwdRef, mcpEditorDraft, mcpEditorError, mcpEditorField, mcpEditorSyncKey, mcpEnvRef, mcpHeadersRef, mcpLabelRef, mcpModalIndex, mcpRows, mcpSearchQuery, mcpUrlRef, messages, modeInfo, model, modelInfo, modelPickerFocus, modelPickerIndex, modelSearchQuery, pasteBlocks, pendingCouncilPreflight, pendingCouncilQuestion, pendingPaymentApproval, planQuestions, pointToExistingForm, pqs, preflightCardState, productStatus, providerChipIndex, providersWithKey, queuedMessages, reasoningActive, reasoningEffortByModel, resolveStyle, sandboxMode, sandboxSettings, sandboxSettingsEditBuffer, sandboxSettingsEditing, sandboxSettingsFocusIndex, scheduleModalIndex, scheduleRows, scheduleSearchQuery, scrollRef, newSinceLock, scrollLockedAway, railVisible, sessionId, sessionPickerIndex, sessionPickerList, sessionTitle, sessionTree, showAgentsEditor, showAgentsModal, showApiKeyModal, showConnectModal, showCopyBanner, showMcpEditor, showMcpModal, showModelPicker, showPlanPanel, showSandboxPicker, showScheduleModal, showSessionPicker, showSlashMenu, showTelegramPairModal, showTelegramTokenModal, showUpdateModal, showWalletPicker, slashInputIsMatched, slashMenuIndex, slashSearchQuery, streamContent, streamReasoning, subagentInstructionRef, subagentNameRef, submitApiKey, submitMcpEditor, submitSubagentEditor, submitTelegramPair, submitTelegramToken, t, taskListSnapshot, telegramPairError, telegramPairInputRef, telegramTokenError, telegramTokenInputRef, typeahead, updateInfo, updateOutput, walletDisplayInfo, walletFocusIndex, walletSettings, width, } = useAppLogic({ agent, startupConfig, initialMessage, onExit, onRelaunch });
+    const { activeHaltCard, activeSubagent, activeToast, activeToolCalls, agentRows, agentRuntime, agentsEditorDraft, agentsEditorError, agentsEditorField, agentsEditorModelIndex, agentsEditorSyncKey, agentsModalIndex, agentsSearchQuery, apiKeyError, apiKeyInputRef, apiKeyPrompt, blockPrompt, btwState, oauthLogin, oauthProviders, configuredProviders, connectModalIndex, contextStats, copyFlashId, councilCardState, councilInfoCards, councilMeta, councilRounds, selectedRound, setSelectedRound, councilMessages, councilTranscriptExpanded, councilPhases, councilPlaceholders, councilProgress, councilStatuses, councilTodoExpanded, compactRun, defaultProvider, disabledModels, disabledProviders, dismissToast, editingMcpId, editingSubagent, expandedMessages, filteredModels, filteredSlashItems, getPartnerLast, getSide, haltSelectedIndex, handlePaste, handleRootMouseDown, handleRootMouseUp, handleSubmit, hasMessages, height, initNewForm, inputRef, isProcessing, isUpdating, lastReasoningElapsedMs, liveTurnSourceLabel, mcpArgsRef, mcpCommandRef, mcpCwdRef, mcpEditorDraft, mcpEditorError, mcpEditorField, mcpEditorSyncKey, mcpEnvRef, mcpHeadersRef, mcpLabelRef, mcpModalIndex, mcpRows, mcpSearchQuery, mcpUrlRef, messages, modeInfo, model, modelInfo, modelPickerFocus, modelPickerIndex, modelSearchQuery, pasteBlocks, pendingCouncilPreflight, pendingCouncilQuestion, pendingPaymentApproval, planQuestions, pointToExistingForm, pqs, preflightCardState, productStatus, providerChipIndex, providersWithKey, queuedMessages, reasoningActive, reasoningEffortByModel, resolveStyle, sandboxMode, sandboxSettings, sandboxSettingsEditBuffer, sandboxSettingsEditing, sandboxSettingsFocusIndex, scheduleModalIndex, scheduleRows, scheduleSearchQuery, scrollRef, newSinceLock, scrollLockedAway, railVisible, sessionId, sessionPickerIndex, sessionPickerList, sessionTitle, sessionTree, showAgentsEditor, showAgentsModal, showApiKeyModal, showConnectModal, showCopyBanner, showMcpEditor, showMcpModal, showModelPicker, showPlanPanel, showSandboxPicker, showScheduleModal, showSessionPicker, showSlashMenu, showTelegramPairModal, showTelegramTokenModal, showUpdateModal, showWalletPicker, slashInputIsMatched, slashMenuIndex, slashSearchQuery, streamContent, streamReasoning, subagentInstructionRef, subagentNameRef, submitApiKey, submitMcpEditor, submitSubagentEditor, submitTelegramPair, submitTelegramToken, t, taskListSnapshot, telegramPairError, telegramPairInputRef, telegramTokenError, telegramTokenInputRef, typeahead, updateInfo, updateOutput, walletDisplayInfo, walletFocusIndex, walletSettings, width, } = useAppLogic({ agent, startupConfig, initialMessage, onExit, onRelaunch });
+    // True while a tool group is streaming its items. Gates the legacy inline
+    // activeToolCalls list so a running tool isn't printed twice (see below).
+    const hasActiveToolGroup = useMemo(() => messages.some((m) => m.type === "tool_group" && m.toolGroup?.state === "active"), [messages]);
+    // Roster of every sub-agent / background job spawned this session, for the
+    // rail. Derived from the transcript + in-flight calls, so it cannot drift from
+    // what actually ran.
+    const agentActivities = useMemo(() => collectAgentActivities(messages, activeToolCalls), [messages, activeToolCalls]);
+    const [selectedActivity, setSelectedActivity] = useState(null);
     // Agent-mode input bridge: translate harness {op:"type"/"press"} commands into
     // synthetic OpenTUI keypresses (via the shared useAppContext().keyHandler) so
     // an external driver (MCP harness / vitest spec) can actually type into the
@@ -381,6 +393,40 @@ export function App({ agent, startupConfig, initialMessage, onExit, onRelaunch }
     // had no consumer, so type/press silently no-opped (frames flowed out, input
     // was dead). No-op when agentRuntime is undefined (normal interactive mode).
     useAgentInputBridge(agentRuntime);
+    // Publish the transcript scrollbox's geometry so a spec can tell WHY a scroll
+    // assertion failed. Without it, "the lock did not engage" and "the transcript
+    // never overflowed, so there was nothing to scroll away from" are the same
+    // observation — which is what made scroll-lock.spec unfixable by inspection
+    // (measured: scrollHeight 27 == viewportH 27 at the instant `idle` fired).
+    //
+    // Opt-in (MUONROI_HARNESS_SCROLL_GEOM=1) on top of agent-mode, so a spec that
+    // does not ask for it is bit-for-bit unaffected: this adds a timer and extra
+    // frames, and the harness shares a process boundary with a native renderer
+    // that segfaults under load. Observability must not perturb the thing it
+    // observes.
+    //
+    // Sampled on an interval, never read during render: scrollHeight/viewport are
+    // layout getters, and sampling them outside the render pass keeps them from
+    // feeding back into it. setState only on a real change, so a settled
+    // transcript stops producing frames.
+    const [scrollGeom, setScrollGeom] = useState(null);
+    useEffect(() => {
+        if (!agentRuntime || process.env.MUONROI_HARNESS_SCROLL_GEOM !== "1")
+            return;
+        const read = () => {
+            const sb = scrollRef.current;
+            if (!sb)
+                return;
+            const next = {
+                vpH: sb.viewport?.height ?? -1,
+                scrollH: sb.scrollHeight ?? -1,
+                manual: Boolean(sb._hasManualScroll),
+            };
+            setScrollGeom((prev) => prev && prev.vpH === next.vpH && prev.scrollH === next.scrollH && prev.manual === next.manual ? prev : next);
+        };
+        const id = setInterval(read, 200);
+        return () => clearInterval(id);
+    }, [agentRuntime, scrollRef]);
     // Context rail (MUONROI_CONTEXT_RAIL): only render when enabled, the user
     // hasn't hidden it (Ctrl+B), and the terminal is wide enough that a fixed
     // side panel doesn't starve the transcript. Below 100 cols it stays inline.
@@ -466,7 +512,22 @@ export function App({ agent, startupConfig, initialMessage, onExit, onRelaunch }
     const renderCouncilMeta = (cols) => (_jsxs(_Fragment, { children: [councilPhases.length > 0 && (_jsx(Semantic, { id: "council-phases", role: "listbox", name: "Council Phases", children: _jsx(CouncilPhaseTimeline, { phases: councilPhases, theme: t, expanded: councilTranscriptExpanded }) })), productStatus && _jsx(ProductStatusCard, { data: productStatus, theme: t }), councilStatuses.length > 0 && (_jsx(Semantic, { id: "council-status", role: "listbox", name: "Council Status", children: _jsx(CouncilStatusList, { statuses: councilStatuses, theme: t, sessionId: sessionId ?? undefined }) })), councilInfoCards.map((card, idx) => (_jsx(Semantic, { id: `council-card-${idx}`, role: "listitem", name: card.title || `Council card ${idx}`, children: _jsx(CouncilInfoCardView, { card: card, terminalCols: cols, theme: t }, `info-card-${idx}-${card.title}`) }, `sem-info-${idx}-${card.title}`))), isRoundGroupsEnabled() && councilRounds.length > 0 && (_jsx(CouncilRailRounds, { rounds: councilRounds, selected: selectedRound, onSelect: setSelectedRound, width: cols, theme: t }))] }));
     return (_jsx(SemanticProvider, { registry: agentRuntime
             ? agentRuntime.registry
-            : { register: () => () => { }, update: () => { }, snapshot: () => ({ nodes: [] }), clear: () => { } }, children: _jsxs("box", { width: width, height: height, backgroundColor: t.background, flexDirection: "column", onMouseUp: handleRootMouseUp, onMouseDown: handleRootMouseDown, children: [copyFlashId > 0 ? _jsx(CopyFlashBanner, { t: t, width: width }) : null, hasMessages ? (_jsxs("box", { flexGrow: 1, flexDirection: "column", children: [_jsx(SessionHeader, { t: t, modeInfo: modeInfo, sessionTitle: sessionTitle, sessionId: sessionId, onCopySessionId: showCopyBanner }), _jsxs("box", { flexGrow: 1, paddingBottom: 1, paddingTop: 1, paddingLeft: 2, paddingRight: 2, gap: 1, flexDirection: "row", children: [_jsxs("box", { flexDirection: "column", flexGrow: 1, gap: 1, children: [_jsx(Semantic, { id: "log", role: "log", props: { scrollTop: scrollRef.current?.scrollTop ?? 0, locked: scrollLockedAway, newSinceLock }, children: _jsxs("scrollbox", { ref: scrollRef, flexGrow: 1, stickyScroll: true, stickyStart: "bottom", children: [(() => {
+            : { register: () => () => { }, update: () => { }, snapshot: () => ({ nodes: [] }), clear: () => { } }, children: _jsxs("box", { width: width, height: height, backgroundColor: t.background, flexDirection: "column", onMouseUp: handleRootMouseUp, onMouseDown: handleRootMouseDown, children: [copyFlashId > 0 ? _jsx(CopyFlashBanner, { t: t, width: width }) : null, hasMessages ? (_jsxs("box", { flexGrow: 1, flexDirection: "column", children: [_jsx(SessionHeader, { t: t, modeInfo: modeInfo, sessionTitle: sessionTitle, sessionId: sessionId, onCopySessionId: showCopyBanner }), _jsxs("box", { flexGrow: 1, paddingBottom: 1, paddingTop: 1, paddingLeft: 2, paddingRight: 2, gap: 1, flexDirection: "row", children: [_jsxs("box", { flexDirection: "column", flexGrow: 1, gap: 1, children: [_jsx(Semantic, { id: "log", role: "log", props: {
+                                                scrollTop: scrollRef.current?.scrollTop ?? 0,
+                                                locked: scrollLockedAway,
+                                                newSinceLock,
+                                                // Present only in agent-mode (see the sampler above).
+                                                ...(scrollGeom
+                                                    ? {
+                                                        viewportH: scrollGeom.vpH,
+                                                        scrollHeight: scrollGeom.scrollH,
+                                                        manualScroll: scrollGeom.manual,
+                                                        // The one derived answer every scroll spec actually
+                                                        // wants: is there anything to scroll away from?
+                                                        overflows: scrollGeom.scrollH > scrollGeom.vpH,
+                                                    }
+                                                    : {}),
+                                            }, children: _jsxs("scrollbox", { ref: scrollRef, flexGrow: 1, stickyScroll: true, stickyStart: "bottom", children: [(() => {
                                                         const mcpRuns = computeMcpRunInfo(messages);
                                                         // Phase 5 F7 — index of the last assistant message so
                                                         // MessageView can skip auto-collapse on it (final answer
@@ -482,7 +543,9 @@ export function App({ agent, startupConfig, initialMessage, onExit, onRelaunch }
                                                         return messages.map((msg, i) => (
                                                         // biome-ignore lint/suspicious/noArrayIndexKey: append-only message log; index is part of the stable semantic id
                                                         _jsx(Semantic, { id: `msg-${i}`, role: "listitem", name: `${msg.type ?? "msg"}:${String(msg.content ?? "").slice(0, 40)}`, children: _jsx(MessageView, { entry: msg, index: i, t: t, modeColor: modeInfo.color, expandedMessages: expandedMessages, mcpRun: mcpRuns[i], isFinalAssistant: i === _lastAssistantIdx }, `${msg.timestamp?.getTime?.() ?? i}-${msg.type}-${msg.remoteKey ?? ""}-${String(msg.content ?? "").slice(0, 24)}`) }, `sem-${msg.timestamp?.getTime?.() ?? i}-${i}`)));
-                                                    })(), liveTurnSourceLabel && (activeToolCalls.length > 0 || streamContent || isProcessing) && (_jsx("box", { paddingLeft: 3, marginTop: 1, flexShrink: 0, children: _jsx("text", { fg: t.textMuted, children: liveTurnSourceLabel }) })), activeToolCalls.map((tc) => tc.function.name === "task" ? (_jsx(SubagentTaskLine, { t: t, agent: tryParseArg(tc, "agent") || "sub-agent", label: toolArgs(tc) || "Working", pending: true }, tc.id)) : tc.function.name === "delegate" ? (_jsx(DelegationTaskLine, { t: t, label: toolArgs(tc) || "Background research", pending: true, id: undefined }, tc.id)) : (_jsx(InlineTool, { t: t, pending: true, children: toolLabel(tc) }, tc.id))), activeSubagent && _jsx(SubagentActivity, { t: t, status: activeSubagent }), !railActive && renderCouncilMeta(width), (() => {
+                                                    })(), liveTurnSourceLabel && (activeToolCalls.length > 0 || streamContent || isProcessing) && (_jsx("box", { paddingLeft: 3, marginTop: 1, flexShrink: 0, children: _jsx("text", { fg: t.textMuted, children: liveTurnSourceLabel }) })), activeToolCalls
+                                                        .filter((tc) => !hasActiveToolGroup || tc.function.name === "task" || tc.function.name === "delegate")
+                                                        .map((tc) => tc.function.name === "task" ? (_jsx(SubagentTaskLine, { t: t, agent: tryParseArg(tc, "agent") || "sub-agent", label: toolArgs(tc) || "Working", pending: true }, tc.id)) : tc.function.name === "delegate" ? (_jsx(DelegationTaskLine, { t: t, label: toolArgs(tc) || "Background research", pending: true, id: undefined }, tc.id)) : (_jsx(InlineTool, { t: t, pending: true, children: toolLabel(tc) }, tc.id))), activeSubagent && _jsx(SubagentActivity, { t: t, status: activeSubagent }), compactRun && (_jsx(CompactProgressCard, { t: t, progress: compactRun.progress, startedAt: compactRun.startedAt })), !railActive && renderCouncilMeta(width), (() => {
                                                         const turns = councilMessages.map((cm, idx) => ({ cm, idx }));
                                                         const debateTurns = turns.filter(({ cm }) => cm.kind !== "synthesis");
                                                         const synthesisTurns = turns.filter(({ cm }) => cm.kind === "synthesis");
@@ -556,7 +619,7 @@ export function App({ agent, startupConfig, initialMessage, onExit, onRelaunch }
                                                         !pendingCouncilQuestion &&
                                                         !pendingCouncilPreflight && _jsx(ShimmerText, { t: t, text: "Planning next moves" }), showPlanPanel && _jsx(PlanQuestionsPanel, { t: t, questions: planQuestions, state: pqs }), pendingPaymentApproval && _jsx(PaymentApprovalPanel, { t: t, payment: pendingPaymentApproval }), activeHaltCard && (_jsx(HaltRecoveryCard, { halt: activeHaltCard, selectedIndex: haltSelectedIndex, terminalCols: width, theme: t })), initNewForm && _jsx(InitNewFormCard, { state: initNewForm, terminalCols: width, theme: t }), pointToExistingForm && (_jsx(PointToExistingFormCard, { state: pointToExistingForm, terminalCols: width, theme: t })), councilProgress && (_jsx(Semantic, { id: "continue-as-council-progress", role: "log", name: "Council brainstorm", children: _jsx("box", { flexDirection: "column", borderStyle: "single", borderColor: councilProgress.status === "error" ? t.initFormError : t.text, padding: 1, marginTop: 1, children: _jsxs("text", { fg: t.text, children: [councilProgress.status === "running" && "Council brainstorming — writing spec.md...", councilProgress.status === "done" &&
                                                                         `Council brainstorm complete: ${councilProgress.specPath}${councilProgress.hasContent ? "" : " (no content — production council wiring deferred)"}`, councilProgress.status === "error" &&
-                                                                        `Council brainstorm failed: ${councilProgress.error}`] }) }) })), pendingCouncilQuestion && councilCardState && (_jsx(CouncilQuestionCard, { question: pendingCouncilQuestion, theme: t, state: councilCardState })), pendingCouncilPreflight && preflightCardState && (_jsx(CouncilQuestionCard, { question: buildPreflightQuestion(pendingCouncilPreflight), theme: t, state: preflightCardState }))] }) }), scrollLockedAway && (_jsx("box", { flexShrink: 0, alignItems: "center", marginTop: 0, children: _jsx(JumpToLatestPill, { newSinceLock: newSinceLock }) })), btwState && _jsx(BtwOverlay, { state: btwState, theme: t }), taskListSnapshot && (_jsx("box", { flexShrink: 0, paddingLeft: 2, paddingRight: 2, marginBottom: 1, children: _jsx(TaskListPanel, { snapshot: taskListSnapshot, t: t, expanded: false, collapsed: councilStatuses.length > 0 && !councilTodoExpanded }) })), activeToast ? (_jsx("box", { flexShrink: 0, marginBottom: 1, children: _jsx(Toast, { level: activeToast.level, text: activeToast.text, theme: t, onDismiss: dismissToast }, activeToast.id) })) : null, _jsx("box", { flexShrink: 0, children: _jsx(PromptBox, { t: t, inputRef: inputRef, isProcessing: isProcessing, showModelPicker: showModelPicker, showSandboxPicker: showSandboxPicker, showWalletPicker: showWalletPicker, showSlashMenu: showSlashMenu, showPlanQuestions: showPlanPanel, showApiKeyModal: showApiKeyModal, blockPrompt: blockPrompt, onSubmit: handleSubmit, onPaste: handlePaste, pasteBlocks: pasteBlocks, modeInfo: modeInfo, model: model, modelInfo: modelInfo, contextStats: contextStats, queuedCount: queuedMessages.length, queuedMessages: queuedMessages, typeahead: typeahead, slashItems: filteredSlashItems, slashSelectedIndex: slashMenuIndex, slashInputIsMatched: slashInputIsMatched, composerValue: showSlashMenu ? `/${slashSearchQuery}` : undefined }) })] }), railActive && (_jsxs(ContextRail, { width: railWidth, rows: railRows, children: [_jsx(SessionTreeCard, { nodes: sessionTree }), renderCouncilMeta(railWidth)] }))] }), _jsx("box", { paddingLeft: 2, paddingRight: 2, flexShrink: 0, children: _jsx(StatusBar, {}) }), _jsxs("box", { paddingLeft: 2, paddingRight: 2, paddingBottom: 1, flexDirection: "row", flexShrink: 0, children: [_jsx("text", { fg: t.textDim, children: agent.getCwd().replace(os.homedir(), "~") }), sandboxMode === "shuru" ? _jsx("text", { fg: "#f97316", children: " · sandbox" }) : null, _jsx("box", { flexGrow: 1 })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("box", { flexGrow: 1, alignItems: "center", paddingLeft: 2, paddingRight: 2, children: [_jsx("box", { flexGrow: 1, minHeight: 0 }), _jsx("box", { flexShrink: 0, alignItems: "center", children: _jsx(HeroLogo, { t: t }) }), _jsx("box", { height: 1, minHeight: 0, flexShrink: 1 }), _jsxs("box", { width: "100%", maxWidth: 75, flexShrink: 0, children: [activeToast ? (_jsx("box", { marginBottom: 1, flexShrink: 0, children: _jsx(Toast, { level: activeToast.level, text: activeToast.text, theme: t, onDismiss: dismissToast }, activeToast.id) })) : null, _jsx(PromptBox, { t: t, inputRef: inputRef, isProcessing: isProcessing, showModelPicker: showModelPicker, showSandboxPicker: showSandboxPicker, showWalletPicker: showWalletPicker, showSlashMenu: showSlashMenu, showPlanQuestions: showPlanPanel, showApiKeyModal: showApiKeyModal, blockPrompt: blockPrompt, onSubmit: handleSubmit, onPaste: handlePaste, pasteBlocks: pasteBlocks, modeInfo: modeInfo, model: model, modelInfo: modelInfo, contextStats: contextStats, placeholder: "What are we building?", typeahead: typeahead, slashItems: filteredSlashItems, slashSelectedIndex: slashMenuIndex, slashInputIsMatched: slashInputIsMatched, composerValue: showSlashMenu ? `/${slashSearchQuery}` : undefined })] }), _jsx("box", { height: 2, minHeight: 0, flexShrink: 1 }), _jsx("box", { flexGrow: 1, minHeight: 0 })] }), updateInfo?.hasUpdate && (_jsx("box", { paddingLeft: 2, paddingRight: 2, flexDirection: "row", flexShrink: 0, children: _jsxs("text", { fg: "#f59e0b", children: ["┃ Update available: v", startupConfig.version, " → v", updateInfo.latestVersion, " — run /update to install"] }) })), isUpdating && (_jsx("box", { paddingLeft: 2, paddingRight: 2, flexDirection: "row", flexShrink: 0, children: _jsx("text", { fg: "#f59e0b", children: "┃ Updating..." }) })), updateOutput && !isUpdating && (_jsx("box", { paddingLeft: 2, paddingRight: 2, flexDirection: "row", flexShrink: 0, children: _jsxs("text", { fg: updateOutput.startsWith("Update complete") ? "#22c55e" : "#ef4444", children: ["┃ ", updateOutput] }) })), _jsx("box", { paddingLeft: 2, paddingRight: 2, flexShrink: 0, children: _jsx(StatusBar, {}) }), _jsxs("box", { paddingLeft: 2, paddingRight: 2, paddingBottom: 1, flexDirection: "row", flexShrink: 0, children: [_jsx("text", { fg: t.textDim, children: agent.getCwd().replace(os.homedir(), "~") }), sandboxMode === "shuru" ? _jsx("text", { fg: "#f97316", children: " · sandbox" }) : null, _jsx("box", { flexGrow: 1 }), _jsx("text", { fg: t.textDim, children: `v${startupConfig.version}` })] })] })), showApiKeyModal && (_jsx(ApiKeyModal, { t: t, width: width, height: height, inputRef: apiKeyInputRef, error: apiKeyError, onSubmit: submitApiKey })), showUpdateModal && updateInfo && (_jsx(UpdateModal, { t: t, width: width, height: height, currentVersion: startupConfig.version, latestVersion: updateInfo.latestVersion })), showMcpModal && !showMcpEditor && (_jsx(McpBrowserModal, { t: t, width: width, height: height, selectedIndex: mcpModalIndex, searchQuery: mcpSearchQuery, rows: mcpRows })), showMcpEditor && (_jsx(McpEditorModal, { t: t, width: width, height: height, draft: mcpEditorDraft, focusedField: mcpEditorField, syncKey: mcpEditorSyncKey, error: mcpEditorError, title: editingMcpId ? "Edit MCP Server" : "Add MCP Server", labelRef: mcpLabelRef, urlRef: mcpUrlRef, headersRef: mcpHeadersRef, commandRef: mcpCommandRef, argsRef: mcpArgsRef, cwdRef: mcpCwdRef, envRef: mcpEnvRef, onSubmit: submitMcpEditor })), showScheduleModal && (_jsx(ScheduleBrowserModal, { t: t, width: width, height: height, selectedIndex: scheduleModalIndex, searchQuery: scheduleSearchQuery, rows: scheduleRows })), showAgentsModal && !showAgentsEditor && (_jsx(SubagentsBrowserModal, { t: t, width: width, height: height, selectedIndex: agentsModalIndex, searchQuery: agentsSearchQuery, rows: agentRows })), showAgentsEditor && (_jsx(SubagentEditorModal, { t: t, width: width, height: height, draft: agentsEditorDraft, focusedField: agentsEditorField, modelIndex: agentsEditorModelIndex, error: agentsEditorError, title: editingSubagent ? `Edit sub-agent: ${formatSubagentName(editingSubagent.name)}` : "Add sub-agent", nameRef: subagentNameRef, instructionRef: subagentInstructionRef, onSubmit: submitSubagentEditor, showRemoveHint: !!editingSubagent }, `subagent-editor-${agentsEditorSyncKey}`)), showModelPicker && (_jsx(ModelPickerModal, { t: t, currentModel: model, selectedIndex: modelPickerIndex, width: width, height: height, searchQuery: modelSearchQuery, filteredModels: filteredModels, reasoningEffortByModel: reasoningEffortByModel, configuredProviders: configuredProviders, disabledProviders: disabledProviders, disabledModels: disabledModels, defaultProvider: defaultProvider, focus: modelPickerFocus, providerChipIndex: providerChipIndex, providersWithKey: providersWithKey, apiKeyPrompt: apiKeyPrompt, bwSync: bwSync })), showSessionPicker && (_jsx(SessionPickerModal, { t: t, sessions: sessionPickerList, focusIndex: sessionPickerIndex, width: width, height: height })), showWalletPicker && (_jsx(WalletPickerModal, { t: t, settings: walletSettings, walletInfo: walletDisplayInfo, focusIndex: walletFocusIndex, width: width, height: height })), showSandboxPicker && (_jsx(SandboxPickerModal, { t: t, currentMode: sandboxMode, settings: sandboxSettings, focusIndex: sandboxSettingsFocusIndex, editing: sandboxSettingsEditing, editBuffer: sandboxSettingsEditBuffer, width: width, height: height })), showConnectModal && (_jsx(ConnectModal, { t: t, width: width, height: height, selectedIndex: connectModalIndex, channels: CONNECT_CHANNELS })), showTelegramTokenModal && (_jsx(TelegramTokenModal, { t: t, width: width, height: height, inputRef: telegramTokenInputRef, error: telegramTokenError, onSubmit: submitTelegramToken })), showTelegramPairModal && (_jsx(TelegramPairModal, { t: t, width: width, height: height, inputRef: telegramPairInputRef, error: telegramPairError, onSubmit: () => void submitTelegramPair() }))] }) }));
+                                                                        `Council brainstorm failed: ${councilProgress.error}`] }) }) })), pendingCouncilQuestion && councilCardState && (_jsx(CouncilQuestionCard, { question: pendingCouncilQuestion, theme: t, state: councilCardState })), pendingCouncilPreflight && preflightCardState && (_jsx(CouncilQuestionCard, { question: buildPreflightQuestion(pendingCouncilPreflight), theme: t, state: preflightCardState }))] }) }), scrollLockedAway && (_jsx("box", { flexShrink: 0, alignItems: "center", marginTop: 0, children: _jsx(JumpToLatestPill, { newSinceLock: newSinceLock }) })), btwState && _jsx(BtwOverlay, { state: btwState, theme: t }), taskListSnapshot && (_jsx("box", { flexShrink: 0, paddingLeft: 2, paddingRight: 2, marginBottom: 1, children: _jsx(TaskListPanel, { snapshot: taskListSnapshot, t: t, expanded: false, collapsed: councilStatuses.length > 0 && !councilTodoExpanded }) })), activeToast ? (_jsx("box", { flexShrink: 0, marginBottom: 1, children: _jsx(Toast, { level: activeToast.level, text: activeToast.text, theme: t, onDismiss: dismissToast }, activeToast.id) })) : null, _jsx("box", { flexShrink: 0, children: _jsx(PromptBox, { t: t, inputRef: inputRef, isProcessing: isProcessing, showModelPicker: showModelPicker, showSandboxPicker: showSandboxPicker, showWalletPicker: showWalletPicker, showSlashMenu: showSlashMenu, showPlanQuestions: showPlanPanel, showApiKeyModal: showApiKeyModal, blockPrompt: blockPrompt, onSubmit: handleSubmit, onPaste: handlePaste, pasteBlocks: pasteBlocks, modeInfo: modeInfo, model: model, modelInfo: modelInfo, contextStats: contextStats, queuedCount: queuedMessages.length, queuedMessages: queuedMessages, typeahead: typeahead, slashItems: filteredSlashItems, slashSelectedIndex: slashMenuIndex, slashInputIsMatched: slashInputIsMatched, composerValue: showSlashMenu ? `/${slashSearchQuery}` : undefined }) })] }), railActive && (_jsxs(ContextRail, { width: railWidth, rows: railRows, children: [_jsx(SessionTreeCard, { nodes: sessionTree }), _jsx(AgentRailActivities, { activities: agentActivities, selected: selectedActivity, onSelect: setSelectedActivity, width: railWidth, t: t }), renderCouncilMeta(railWidth)] }))] }), _jsx("box", { paddingLeft: 2, paddingRight: 2, flexShrink: 0, children: _jsx(StatusBar, {}) }), _jsxs("box", { paddingLeft: 2, paddingRight: 2, paddingBottom: 1, flexDirection: "row", flexShrink: 0, children: [_jsx("text", { fg: t.textDim, children: agent.getCwd().replace(os.homedir(), "~") }), sandboxMode === "shuru" ? _jsx("text", { fg: "#f97316", children: " · sandbox" }) : null, _jsx("box", { flexGrow: 1 })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("box", { flexGrow: 1, alignItems: "center", paddingLeft: 2, paddingRight: 2, children: [_jsx("box", { flexGrow: 1, minHeight: 0 }), _jsx("box", { flexShrink: 0, alignItems: "center", children: _jsx(HeroLogo, { t: t }) }), _jsx("box", { height: 1, minHeight: 0, flexShrink: 1 }), _jsxs("box", { width: "100%", maxWidth: 75, flexShrink: 0, children: [activeToast ? (_jsx("box", { marginBottom: 1, flexShrink: 0, children: _jsx(Toast, { level: activeToast.level, text: activeToast.text, theme: t, onDismiss: dismissToast }, activeToast.id) })) : null, _jsx(PromptBox, { t: t, inputRef: inputRef, isProcessing: isProcessing, showModelPicker: showModelPicker, showSandboxPicker: showSandboxPicker, showWalletPicker: showWalletPicker, showSlashMenu: showSlashMenu, showPlanQuestions: showPlanPanel, showApiKeyModal: showApiKeyModal, blockPrompt: blockPrompt, onSubmit: handleSubmit, onPaste: handlePaste, pasteBlocks: pasteBlocks, modeInfo: modeInfo, model: model, modelInfo: modelInfo, contextStats: contextStats, placeholder: "What are we building?", typeahead: typeahead, slashItems: filteredSlashItems, slashSelectedIndex: slashMenuIndex, slashInputIsMatched: slashInputIsMatched, composerValue: showSlashMenu ? `/${slashSearchQuery}` : undefined })] }), _jsx("box", { height: 2, minHeight: 0, flexShrink: 1 }), _jsx("box", { flexGrow: 1, minHeight: 0 })] }), updateInfo?.hasUpdate && (_jsx("box", { paddingLeft: 2, paddingRight: 2, flexDirection: "row", flexShrink: 0, children: _jsxs("text", { fg: "#f59e0b", children: ["┃ Update available: v", startupConfig.version, " → v", updateInfo.latestVersion, " — run /update to install"] }) })), isUpdating && (_jsx("box", { paddingLeft: 2, paddingRight: 2, flexDirection: "row", flexShrink: 0, children: _jsx("text", { fg: "#f59e0b", children: "┃ Updating..." }) })), updateOutput && !isUpdating && (_jsx("box", { paddingLeft: 2, paddingRight: 2, flexDirection: "row", flexShrink: 0, children: _jsxs("text", { fg: updateOutput.startsWith("Update complete") ? "#22c55e" : "#ef4444", children: ["┃ ", updateOutput] }) })), _jsx("box", { paddingLeft: 2, paddingRight: 2, flexShrink: 0, children: _jsx(StatusBar, {}) }), _jsxs("box", { paddingLeft: 2, paddingRight: 2, paddingBottom: 1, flexDirection: "row", flexShrink: 0, children: [_jsx("text", { fg: t.textDim, children: agent.getCwd().replace(os.homedir(), "~") }), sandboxMode === "shuru" ? _jsx("text", { fg: "#f97316", children: " · sandbox" }) : null, _jsx("box", { flexGrow: 1 }), _jsx("text", { fg: t.textDim, children: `v${startupConfig.version}` })] })] })), showApiKeyModal && (_jsx(ApiKeyModal, { t: t, width: width, height: height, inputRef: apiKeyInputRef, error: apiKeyError, onSubmit: submitApiKey })), showUpdateModal && updateInfo && (_jsx(UpdateModal, { t: t, width: width, height: height, currentVersion: startupConfig.version, latestVersion: updateInfo.latestVersion })), showMcpModal && !showMcpEditor && (_jsx(McpBrowserModal, { t: t, width: width, height: height, selectedIndex: mcpModalIndex, searchQuery: mcpSearchQuery, rows: mcpRows })), showMcpEditor && (_jsx(McpEditorModal, { t: t, width: width, height: height, draft: mcpEditorDraft, focusedField: mcpEditorField, syncKey: mcpEditorSyncKey, error: mcpEditorError, title: editingMcpId ? "Edit MCP Server" : "Add MCP Server", labelRef: mcpLabelRef, urlRef: mcpUrlRef, headersRef: mcpHeadersRef, commandRef: mcpCommandRef, argsRef: mcpArgsRef, cwdRef: mcpCwdRef, envRef: mcpEnvRef, onSubmit: submitMcpEditor })), showScheduleModal && (_jsx(ScheduleBrowserModal, { t: t, width: width, height: height, selectedIndex: scheduleModalIndex, searchQuery: scheduleSearchQuery, rows: scheduleRows })), showAgentsModal && !showAgentsEditor && (_jsx(SubagentsBrowserModal, { t: t, width: width, height: height, selectedIndex: agentsModalIndex, searchQuery: agentsSearchQuery, rows: agentRows })), showAgentsEditor && (_jsx(SubagentEditorModal, { t: t, width: width, height: height, draft: agentsEditorDraft, focusedField: agentsEditorField, modelIndex: agentsEditorModelIndex, error: agentsEditorError, title: editingSubagent ? `Edit sub-agent: ${formatSubagentName(editingSubagent.name)}` : "Add sub-agent", nameRef: subagentNameRef, instructionRef: subagentInstructionRef, onSubmit: submitSubagentEditor, showRemoveHint: !!editingSubagent }, `subagent-editor-${agentsEditorSyncKey}`)), showModelPicker && (_jsx(ModelPickerModal, { t: t, currentModel: model, selectedIndex: modelPickerIndex, width: width, height: height, searchQuery: modelSearchQuery, filteredModels: filteredModels, reasoningEffortByModel: reasoningEffortByModel, configuredProviders: configuredProviders, disabledProviders: disabledProviders, disabledModels: disabledModels, defaultProvider: defaultProvider, focus: modelPickerFocus, providerChipIndex: providerChipIndex, providersWithKey: providersWithKey, apiKeyPrompt: apiKeyPrompt, oauthProviders: oauthProviders, oauthLogin: oauthLogin })), showSessionPicker && (_jsx(SessionPickerModal, { t: t, sessions: sessionPickerList, focusIndex: sessionPickerIndex, width: width, height: height })), showWalletPicker && (_jsx(WalletPickerModal, { t: t, settings: walletSettings, walletInfo: walletDisplayInfo, focusIndex: walletFocusIndex, width: width, height: height })), showSandboxPicker && (_jsx(SandboxPickerModal, { t: t, currentMode: sandboxMode, settings: sandboxSettings, focusIndex: sandboxSettingsFocusIndex, editing: sandboxSettingsEditing, editBuffer: sandboxSettingsEditBuffer, width: width, height: height })), showConnectModal && (_jsx(ConnectModal, { t: t, width: width, height: height, selectedIndex: connectModalIndex, channels: CONNECT_CHANNELS })), showTelegramTokenModal && (_jsx(TelegramTokenModal, { t: t, width: width, height: height, inputRef: telegramTokenInputRef, error: telegramTokenError, onSubmit: submitTelegramToken })), showTelegramPairModal && (_jsx(TelegramPairModal, { t: t, width: width, height: height, inputRef: telegramPairInputRef, error: telegramPairError, onSubmit: () => void submitTelegramPair() }))] }) }));
 }
 export { computeMcpRunInfo } from "./components/message-view.js";
 function shouldOpenApiKeyModalForKey(key) {

package/dist/src/ui/components/agent-rail-activities.d.ts

@@ -0,0 +1,26 @@
+/**
+ * src/ui/components/agent-rail-activities.tsx
+ *
+ * Rail block listing every sub-agent / background job this session spawned.
+ *
+ * Before this, a spawned agent was visible only as a transient line in the
+ * transcript: it scrolled away, and once done there was nowhere to see WHAT it
+ * was asked or what it returned. The rail keeps the roster on screen, and a row
+ * opens to show the prompt and the result.
+ *
+ * Selection is by click (OpenTUI onMouseDown per row, same as
+ * council-rail-rounds.tsx) — clicking the open row closes it again.
+ */
+import type { AgentActivity } from "../utils/agent-activities.js";
+import type { Theme } from "../theme.js";
+/** Row prefix naming what was spawned: the agent type, or "shell" for a job. */
+export declare function activityPrefix(a: AgentActivity): string;
+export interface AgentRailActivitiesProps {
+    activities: AgentActivity[];
+    /** Tool-call id of the open row, or null when all are collapsed. */
+    selected: string | null;
+    onSelect: (id: string | null) => void;
+    width: number;
+    t: Theme;
+}
+export declare function AgentRailActivities({ activities, selected, onSelect, width, t }: AgentRailActivitiesProps): import("react").ReactNode;

package/dist/src/ui/components/agent-rail-activities.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/**
+ * src/ui/components/agent-rail-activities.tsx
+ *
+ * Rail block listing every sub-agent / background job this session spawned.
+ *
+ * Before this, a spawned agent was visible only as a transient line in the
+ * transcript: it scrolled away, and once done there was nowhere to see WHAT it
+ * was asked or what it returned. The rail keeps the roster on screen, and a row
+ * opens to show the prompt and the result.
+ *
+ * Selection is by click (OpenTUI onMouseDown per row, same as
+ * council-rail-rounds.tsx) — clicking the open row closes it again.
+ */
+import { ListItem, Region } from "../primitives/semantic-primitives.js";
+import { trunc } from "../utils/text.js";
+/** Characters of detail shown when a row is open. Keeps the rail scrollable. */
+const DETAIL_LIMIT = 600;
+const GLYPH = { running: "▸", done: "✓", failed: "✗" };
+function statusColor(status, t) {
+    if (status === "failed")
+        return t.diffRemovedFg;
+    if (status === "done")
+        return t.diffAddedFg;
+    return t.accent;
+}
+/** Row prefix naming what was spawned: the agent type, or "shell" for a job. */
+export function activityPrefix(a) {
+    if (a.kind === "background")
+        return "shell";
+    return a.agent || (a.kind === "delegate" ? "delegate" : "sub-agent");
+}
+export function AgentRailActivities({ activities, selected, onSelect, width, t }) {
+    if (activities.length === 0)
+        return null;
+    const running = activities.filter((a) => a.status === "running").length;
+    return (_jsx(Region, { id: "agent-rail-activities", name: "Agents", value: `${activities.length}`, props: {
+            count: activities.length,
+            running,
+            selected: selected ?? "",
+            ids: activities.map((a) => a.id).join(","),
+        }, children: _jsxs("box", { flexDirection: "column", flexShrink: 0, children: [_jsx("text", { fg: t.textMuted, attributes: 1, children: running > 0 ? `Agents (${running} running)` : "Agents" }), activities.map((a) => {
+                    const isOpen = selected === a.id;
+                    return (_jsx(ListItem, { id: `rail-agent-${a.id}`, name: `${activityPrefix(a)} ${a.label}`, state: a.status, selected: isOpen || undefined, children: _jsxs("box", { flexDirection: "column", flexShrink: 0, children: [_jsx("box", { flexDirection: "row", onMouseDown: () => onSelect(isOpen ? null : a.id), children: _jsxs("text", { children: [_jsx("span", { style: { fg: statusColor(a.status, t) }, children: `${GLYPH[a.status]} ` }), _jsx("span", { style: { fg: t.textMuted }, children: `${activityPrefix(a)}  ` }), _jsx("span", { style: { fg: t.text }, children: trunc(a.label, Math.max(8, width - 12)) })] }) }), isOpen && (_jsx("box", { paddingLeft: 2, flexDirection: "column", children: _jsx("text", { fg: t.textDim, children: a.detail.trim() ? trunc(a.detail, DETAIL_LIMIT) : "(no output yet)" }) }))] }) }, a.id));
+                })] }) }));
+}
+//# sourceMappingURL=agent-rail-activities.js.map

package/dist/src/ui/components/compact-progress-card.d.ts

@@ -0,0 +1,24 @@
+/**
+ * src/ui/components/compact-progress-card.tsx
+ *
+ * Live progress for a /compact run. Before this, `/compact` awaited two LLM
+ * passes with zero UI — a minute of a frozen screen that reads as a hang.
+ *
+ * The percentage comes from the compaction pipeline itself
+ * (flow/compaction/progress.ts), not from a timer: it advances on real stage
+ * boundaries, and the dominant compress pass streams so it moves continuously.
+ * The elapsed clock is what proves liveness while a stage is mid-flight.
+ */
+import type { CompactProgress } from "../../flow/compaction/progress.js";
+import type { Theme } from "../theme.js";
+/** Elapsed as the status line shows it: "42s", "1m 19s". */
+export declare function fmtCompactElapsed(ms: number): string;
+/** Filled/unfilled bar of exactly `width` cells for a 0..100 percent. */
+export declare function compactBar(percent: number, width?: number): string;
+export interface CompactProgressCardProps {
+    progress: CompactProgress;
+    /** Epoch ms the run started. */
+    startedAt: number;
+    t: Theme;
+}
+export declare function CompactProgressCard({ progress, startedAt, t }: CompactProgressCardProps): import("react").ReactNode;

package/dist/src/ui/components/compact-progress-card.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/**
+ * src/ui/components/compact-progress-card.tsx
+ *
+ * Live progress for a /compact run. Before this, `/compact` awaited two LLM
+ * passes with zero UI — a minute of a frozen screen that reads as a hang.
+ *
+ * The percentage comes from the compaction pipeline itself
+ * (flow/compaction/progress.ts), not from a timer: it advances on real stage
+ * boundaries, and the dominant compress pass streams so it moves continuously.
+ * The elapsed clock is what proves liveness while a stage is mid-flight.
+ */
+import { useEffect, useState } from "react";
+import { Region } from "../primitives/semantic-primitives.js";
+const BAR_WIDTH = 34;
+/** Elapsed as the status line shows it: "42s", "1m 19s". */
+export function fmtCompactElapsed(ms) {
+    const totalSec = Math.max(0, Math.floor(ms / 1000));
+    if (totalSec < 60)
+        return `${totalSec}s`;
+    return `${Math.floor(totalSec / 60)}m ${totalSec % 60}s`;
+}
+/** Filled/unfilled bar of exactly `width` cells for a 0..100 percent. */
+export function compactBar(percent, width = BAR_WIDTH) {
+    const clamped = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));
+    const filled = Math.round((clamped / 100) * width);
+    return `${"█".repeat(filled)}${"░".repeat(Math.max(0, width - filled))}`;
+}
+export function CompactProgressCard({ progress, startedAt, t }) {
+    // The card owns its clock: a compaction can sit inside one LLM pass for a
+    // minute, and re-rendering the whole transcript once a second just to advance
+    // a timer is a cost the rest of the app should not pay.
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        const id = setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(id);
+    }, []);
+    const elapsed = fmtCompactElapsed(now - startedAt);
+    const pct = Math.max(0, Math.min(100, Math.round(progress.percent)));
+    return (_jsx(Region, { id: "compact-progress", name: progress.label, value: `${pct}%`, state: progress.stage, props: { percent: pct, elapsedMs: now - startedAt }, children: _jsxs("box", { paddingLeft: 3, marginTop: 1, flexShrink: 0, flexDirection: "column", children: [_jsxs("text", { children: [_jsx("span", { style: { fg: t.accent }, children: "✦ " }), _jsx("span", { style: { fg: t.text }, children: progress.label }), _jsx("span", { style: { fg: t.textMuted }, children: `  (${elapsed})` })] }), _jsx("box", { paddingLeft: 2, children: _jsxs("text", { children: [_jsx("span", { style: { fg: t.accent }, children: compactBar(pct) }), _jsx("span", { style: { fg: t.textMuted }, children: `  ${pct}%` })] }) })] }) }));
+}
+//# sourceMappingURL=compact-progress-card.js.map

package/dist/src/ui/components/council-phase-timeline.js

@@ -1,10 +1,14 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { heartbeatDebug } from "../heartbeat-debug.js";
 const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 function Spinner() {
     const [frame, setFrame] = useState(0);
     useEffect(() => {
-        const id = setInterval(() => setFrame((n) => (n + 1) % SPINNER_FRAMES.length), 100);
+        const id = setInterval(() => {
+            heartbeatDebug("phase-timeline-spinner", "timer");
+            setFrame((n) => (n + 1) % SPINNER_FRAMES.length);
+        }, 100);
         return () => clearInterval(id);
     }, []);
     return _jsx(_Fragment, { children: SPINNER_FRAMES[frame] });
@@ -31,7 +35,10 @@ function formatElapsed(ms) {
 function useHeartbeat(tickMs = 1000) {
     const [, force] = useState(0);
     useEffect(() => {
-        const id = setInterval(() => force((n) => n + 1), tickMs);
+        const id = setInterval(() => {
+            heartbeatDebug("phase-timeline-heartbeat", "timer");
+            force((n) => n + 1);
+        }, tickMs);
         return () => clearInterval(id);
     }, [tickMs]);
     return Date.now();
@@ -74,6 +81,14 @@ export function CouncilPhaseTimeline({ phases, theme: t, expanded = false }) {
         const markerColor = isDone ? t.planOptionCheck : t.accent;
         const labelColor = isDone ? t.textMuted : t.text;
         const liveElapsedMs = p.state === "active" && typeof p.startedAt === "number" ? Math.max(0, now - p.startedAt) : p.elapsedMs;
+        if (p.state === "active") {
+            heartbeatDebug("phase-timeline", "render", {
+                label: p.label,
+                liveElapsedMs,
+                startedAt: p.startedAt,
+                now,
+            });
+        }
         const elapsed = formatElapsed(liveElapsedMs);
         const meta = elapsed ? ` (${elapsed})` : isDone ? "" : " …";
         return (_jsxs("box", { flexDirection: "column", children: [_jsxs("box", { children: [_jsx("text", { fg: markerColor, children: marker }), _jsx("text", { fg: labelColor, children: ` ${p.label}` }), meta && _jsx("text", { fg: t.textDim, children: meta })] }), p.detail && (_jsx("box", { paddingLeft: 2, children: _jsx("text", { fg: t.textMuted, children: `└ ${truncate(p.detail, 100)}` }) }))] }, p.phaseId));

package/dist/src/ui/components/council-question-card.js

@@ -9,6 +9,7 @@ const PHASE_LABEL = {
     "pil-acceptance": "Confirm the goal",
     "tool-loop-cap": "Tool-loop checkpoint",
     "safety-override": "Safety check",
+    "ask-user": "The agent is asking",
 };
 /**
  * AskUserQuestion-style card. Controlled component — parent owns the state

package/dist/src/ui/components/message-view.d.ts

@@ -1,5 +1,20 @@
 import type { ChatEntry } from "../../types/index.js";
 import type { Theme } from "../theme.js";
+/**
+ * Index of the newest entry that renders a `ctrl+e` affordance, or -1.
+ *
+ * The TUI has ONE global ctrl+e, so it must resolve to a single target. Every
+ * component that prints "ctrl+e expand" must be represented here, otherwise the
+ * affordance lies: it tells the user a key works while nothing is listening.
+ * Mirrors the collapse conditions in AssistantMessageContent / UserMessageContent
+ * / ReasoningContent / ToolGroupView — keep the two in sync.
+ */
+export declare function findLastCollapsibleIndex(messages: ChatEntry[]): number;
+export declare function ReasoningContent({ content, t, expanded }: {
+    content: string;
+    t: Theme;
+    expanded: boolean;
+}): import("react").ReactNode;
 export declare function AssistantMessageContent({ content, t, expanded, isFinal, }: {
     content: string;
     t: Theme;

package/dist/src/ui/components/message-view.js

@@ -28,6 +28,55 @@ const USER_MSG_COLLAPSED_LINES = 5;
 // to this many lines to stop the chat scroll wall and cut markdown re-render
 // cost. 8 fits comfortably on a short terminal and conveys the gist.
 const ASSISTANT_MSG_COLLAPSED_LINES = 8;
+// Chain-of-thought is never the answer — it is the model talking to itself.
+// Unlike the final assistant message (which must stay fully visible), reasoning
+// collapses even on the final entry: once the turn is answered, a wall of
+// "[Thought]" above the reply is pure noise. 3 lines keeps a gist visible.
+const REASONING_COLLAPSED_LINES = 3;
+/**
+ * Index of the newest entry that renders a `ctrl+e` affordance, or -1.
+ *
+ * The TUI has ONE global ctrl+e, so it must resolve to a single target. Every
+ * component that prints "ctrl+e expand" must be represented here, otherwise the
+ * affordance lies: it tells the user a key works while nothing is listening.
+ * Mirrors the collapse conditions in AssistantMessageContent / UserMessageContent
+ * / ReasoningContent / ToolGroupView — keep the two in sync.
+ */
+export function findLastCollapsibleIndex(messages) {
+    let lastAssistantIdx = -1;
+    for (let i = messages.length - 1; i >= 0; i--) {
+        if (messages[i]?.type === "assistant") {
+            lastAssistantIdx = i;
+            break;
+        }
+    }
+    const lineCount = (s) => (s ? s.split("\n").length : 0);
+    for (let i = messages.length - 1; i >= 0; i--) {
+        const m = messages[i];
+        if (!m)
+            continue;
+        if (m.type === "user" && lineCount(m.content) > USER_MSG_COLLAPSED_LINES)
+            return i;
+        if (m.type === "assistant") {
+            if (lineCount(m.reasoning) > REASONING_COLLAPSED_LINES)
+                return i;
+            // The final assistant message never auto-collapses its body (F7), so it
+            // offers no body affordance to toggle.
+            if (i !== lastAssistantIdx && lineCount(m.content) > ASSISTANT_MSG_COLLAPSED_LINES)
+                return i;
+        }
+        if (m.type === "tool_group" && m.toolGroup?.state === "done" && (m.toolGroup?.items.length ?? 0) > 0)
+            return i;
+    }
+    return -1;
+}
+export function ReasoningContent({ content, t, expanded }) {
+    const lines = content.split("\n");
+    const isLong = lines.length > REASONING_COLLAPSED_LINES;
+    const body = !isLong || expanded ? content : lines.slice(0, REASONING_COLLAPSED_LINES).join("\n");
+    const hidden = lines.length - REASONING_COLLAPSED_LINES;
+    return (_jsxs("box", { paddingLeft: 0, marginBottom: 1, flexShrink: 0, flexDirection: "column", children: [_jsx("text", { fg: t.textMuted, children: "[Thought] Thought" }), _jsxs("box", { border: ["left"], borderColor: t.textMuted, paddingLeft: 2, marginTop: 1, flexDirection: "column", children: [_jsx(Markdown, { content: body, t: t }), isLong && (_jsxs("text", { fg: t.textDim, children: ["ctrl+e ", _jsx("span", { style: { fg: t.textMuted }, children: expanded ? "collapse" : `expand (${hidden} more lines)` })] }))] })] }));
+}
 export function AssistantMessageContent({ content, t, expanded, isFinal, }) {
     // Strip stray model self-annotation macros (e.g. grok's trailing
     // `\confidence{85}`) that leak into the answer — not instructed in the prompt.
@@ -142,7 +191,7 @@ function MessageViewImpl({ entry, index, t, modeColor, expandedMessages, mcpRun,
                     // ignore
                 }
             }
-            return (_jsxs("box", { paddingLeft: 3, marginTop: 1, flexShrink: 0, flexDirection: "column", children: [entry.sourceLabel ? _jsx("text", { fg: t.textMuted, children: entry.sourceLabel }) : null, entry.reasoning ? (_jsxs("box", { paddingLeft: 0, marginBottom: 1, flexShrink: 0, flexDirection: "column", children: [_jsx("text", { fg: t.textMuted, children: "[Thought] Thought" }), _jsx("box", { border: ["left"], borderColor: t.textMuted, paddingLeft: 2, marginTop: 1, flexDirection: "column", children: _jsx(Markdown, { content: entry.reasoning, t: t }) })] })) : null, fallbackSr ? (_jsx(StructuredResponseView, { t: t, sr: fallbackSr, modeColor: entry.modeColor || modeColor })) : (_jsx(AssistantMessageContent, { content: entry.content, t: t, expanded: expandedMessages?.has(index) ?? false, isFinal: isFinalAssistant === true }))] }));
+            return (_jsxs("box", { paddingLeft: 3, marginTop: 1, flexShrink: 0, flexDirection: "column", children: [entry.sourceLabel ? _jsx("text", { fg: t.textMuted, children: entry.sourceLabel }) : null, entry.reasoning ? (_jsx(ReasoningContent, { content: entry.reasoning, t: t, expanded: expandedMessages?.has(index) ?? false })) : null, fallbackSr ? (_jsx(StructuredResponseView, { t: t, sr: fallbackSr, modeColor: entry.modeColor || modeColor })) : (_jsx(AssistantMessageContent, { content: entry.content, t: t, expanded: expandedMessages?.has(index) ?? false, isFinal: isFinalAssistant === true }))] }));
         }
         case "tool_call":
             return (_jsx("box", { paddingLeft: 3, marginTop: 1, children: _jsxs("text", { children: [_jsx("span", { style: { fg: entry.modeColor || modeColor }, children: "▣ " }), _jsx("span", { style: { fg: t.textMuted }, children: entry.content.replace("▣  ", "") })] }) }));

package/dist/src/ui/components/tool-group.d.ts

@@ -3,16 +3,28 @@
  *
  * Claude-Code-style "tool streak" panel — replaces the previous one-line-per-
  * tool render. Lifecycle:
- *   - active  → header "● <Verb>… (N tools · Ms)" + indented item list
- *   - done    → collapsed "● Done (N tool uses · Ms)  ctrl+e to expand"
+ *   - active  → header "● Reading 2 files… (N tools · Ms)" + indented item list
+ *   - done    → collapsed "● Read 2 files, ran 1 shell command  ctrl+e to expand"
  *   - failed  → always-expanded header + items, error item flagged red
  *
+ * The header names the work per CATEGORY (see utils/tool-summary.ts) rather
+ * than saying "Done": once the group collapses that line is all the user has,
+ * so it has to carry the meaning. Items add the detail a glance needs — the
+ * full shell command for bash, "Wrote N lines to <path>" before a write diff.
+ *
  * The active group lives at the tail of the message stream as a regular
  * ChatEntry of type "tool_group"; closing the streak (assistant text arrives
  * or stream ends) flips its state to done/failed in place.
  */
-import type { ChatEntry } from "../../types/index.js";
+import type { ChatEntry, FileDiff, ToolCall } from "../../types/index.js";
 import type { Theme } from "../theme.js";
+/** The command a bash item ran, split for multi-line display. Null when absent. */
+export declare function bashCommandLines(tc: ToolCall): string[] | null;
+/**
+ * One-line prose outcome for a write/edit, e.g. "Wrote 161 lines to a.ts" or
+ * "Edited a.ts (+12 -3)". Null when the tool isn't a file mutation.
+ */
+export declare function writeOutcomeLine(toolName: string, diff: FileDiff): string | null;
 export interface ToolGroupViewProps {
     entry: ChatEntry;
     t: Theme;