@bubblebrain-ai/bubble 0.0.9 → 0.0.11

package/dist/tui-ink/app.js

@@ -4,11 +4,12 @@ import { Box, Text, useApp, useInput } from "ink";
 import { AgentAbortError } from "../agent.js";
 import { registry as slashRegistry } from "../slash-commands/index.js";
 import { UserConfig, maskKey } from "../config.js";
-import { InputBox } from "./input-box.js";
+import { InputBox, isCtrlCInput } from "./input-box.js";
 import { MessageList } from "./message-list.js";
-import { appendTextPart, appendToolPart, compactDisplayMessages, contentFromParts, nextDisplayMessageKey, snapshotDisplayParts, toolCallsFromParts, } from "./display-history.js";
+import { appendTextPart, appendToolPart, compactDisplayMessages, contentFromParts, latestCompactionSummary, nextDisplayMessageKey, snapshotDisplayParts, toolCallsFromParts, } from "./display-history.js";
 import { paletteFor, ThemeProvider, useTheme } from "./theme.js";
 import { ModelPicker, ProviderPicker, KeyPicker, SkillPicker } from "./model-picker.js";
+import { FeishuSetupPicker } from "./feishu-setup-picker.js";
 import { BUILTIN_PROVIDERS, ProviderRegistry, displayModel, isUserVisibleProvider } from "../provider-registry.js";
 import { buildSystemPrompt } from "../system-prompt.js";
 import { getAvailableThinkingLevels, getDefaultThinkingLevel, normalizeThinkingLevel } from "../provider-transform.js";
@@ -23,6 +24,9 @@ import { PlanConfirm } from "./plan-confirm.js";
 import { ApprovalDialog } from "./approval/approval-dialog.js";
 import { getNextPermissionMode } from "../permission/mode.js";
 import { QuestionDialog } from "./question-dialog.js";
+import { FeedbackDialog } from "./feedback-dialog.js";
+import { collectFeedback } from "../feedback/collect.js";
+import { hasTerminalMouseSequence } from "./terminal-mouse.js";
 import os from "node:os";
 import { existsSync } from "node:fs";
 import { join } from "node:path";
@@ -174,6 +178,76 @@ function withMessageKey(message) {
     const prefix = message.role === "user" ? "user" : message.role === "error" ? "err" : "asst";
     return { ...message, key: nextDisplayMessageKey(prefix) };
 }
+const STREAMING_STATIC_FLUSH_MIN_CHARS = 5000;
+const STREAMING_STATIC_FLUSH_TARGET_CHARS = 3600;
+const STREAMING_STATIC_FLUSH_MIN_TAIL = 700;
+function findStreamingStaticFlushIndex(content) {
+    if (content.length < STREAMING_STATIC_FLUSH_MIN_CHARS)
+        return -1;
+    const upper = Math.min(STREAMING_STATIC_FLUSH_TARGET_CHARS, content.length - STREAMING_STATIC_FLUSH_MIN_TAIL);
+    if (upper <= 0)
+        return -1;
+    const search = content.slice(0, upper);
+    const paragraphBreak = search.lastIndexOf("\n\n");
+    if (paragraphBreak >= STREAMING_STATIC_FLUSH_TARGET_CHARS / 2) {
+        return paragraphBreak + 2;
+    }
+    const lineBreak = search.lastIndexOf("\n");
+    if (lineBreak >= STREAMING_STATIC_FLUSH_TARGET_CHARS / 2) {
+        return lineBreak + 1;
+    }
+    return -1;
+}
+function cloneDisplayPart(part) {
+    if (part.type === "text") {
+        return { type: "text", content: part.content };
+    }
+    return {
+        type: "tools",
+        toolCalls: part.toolCalls.map((toolCall) => ({
+            ...toolCall,
+            args: { ...toolCall.args },
+        })),
+    };
+}
+function splitDisplayPartsAtTextOffset(parts, offset) {
+    const flushedParts = [];
+    const remainingParts = [];
+    let remainingOffset = Math.max(0, offset);
+    let reachedTail = false;
+    for (const part of parts) {
+        if (part.type === "text") {
+            if (!reachedTail && remainingOffset >= part.content.length) {
+                if (part.content)
+                    flushedParts.push(cloneDisplayPart(part));
+                remainingOffset -= part.content.length;
+                continue;
+            }
+            if (!reachedTail && remainingOffset > 0) {
+                const head = part.content.slice(0, remainingOffset);
+                const tail = part.content.slice(remainingOffset);
+                if (head)
+                    flushedParts.push({ type: "text", content: head });
+                if (tail)
+                    remainingParts.push({ type: "text", content: tail });
+                remainingOffset = 0;
+                reachedTail = true;
+                continue;
+            }
+            remainingParts.push(cloneDisplayPart(part));
+            reachedTail = true;
+            continue;
+        }
+        if (!reachedTail && remainingOffset > 0) {
+            flushedParts.push(cloneDisplayPart(part));
+        }
+        else {
+            remainingParts.push(cloneDisplayPart(part));
+            reachedTail = true;
+        }
+    }
+    return { flushedParts, remainingParts };
+}
 export function App({ agent, args, sessionManager, createProvider, registry, skillRegistry, planHandlerRef, approvalHandlerRef, questionController, bashAllowlist, settingsManager, lspService, mcpManager, themeMode: initialThemeMode, themeOverrides, detectedTheme, onThemeModeChange, flushMemory, runMemoryCompaction, runMemorySummary, runMemoryRefresh, bypassEnabled, onExit }) {
     const [themeMode, setThemeMode] = useState(initialThemeMode ?? "auto");
     // `detectedTheme` is captured once at startup in main.ts. We keep it in state
@@ -205,45 +279,50 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
     const [pendingPlan, setPendingPlan] = useState(null);
     const [pendingApproval, setPendingApproval] = useState(null);
     const [pendingQuestion, setPendingQuestion] = useState(null);
+    const [pendingFeedback, setPendingFeedback] = useState(null);
     const [pickerMode, setPickerMode] = useState(null);
     const [keyProviderId, setKeyProviderId] = useState(null);
     const [verboseTrace, setVerboseTrace] = useState(false);
     const startedWithVisibleHistoryRef = useRef(messages.some((message) => message.syntheticKind !== "ui_summary"));
     const { columns: terminalColumns } = useTerminalSize();
-    // When the terminal width changes mid-session (e.g. the user toggles an IDE
-    // side-panel), every full-width ANSI bg run already written into scrollback
-    // by <Static> stays at the old width. The terminal then wraps those rows on
-    // the new width and leaves residual coloured stripes underneath. Ink can't
-    // reach scrollback to repaint. So on width change, we wipe screen +
-    // scrollback and bump `clearEpoch` so <Static> remounts and replays every
-    // committed message at the new width. Cost: a single flicker per resize and
-    // any pre-session shell scrollback is also cleared. Skip the initial mount.
-    const previousColumnsRef = useRef(null);
+    const showWelcome = shouldShowWelcomeBanner({
+        messages,
+        startedWithVisibleHistory: startedWithVisibleHistoryRef.current,
+    });
+    const activeAbortRef = useRef(null);
+    const exitRequestedRef = useRef(false);
+    const sessionStartRef = useRef(Date.now());
+    const previousTerminalColumnsRef = useRef(null);
     useEffect(() => {
-        if (previousColumnsRef.current === null) {
-            previousColumnsRef.current = terminalColumns;
+        if (previousTerminalColumnsRef.current === null) {
+            previousTerminalColumnsRef.current = terminalColumns;
             return;
         }
-        if (previousColumnsRef.current === terminalColumns)
+        if (previousTerminalColumnsRef.current === terminalColumns)
             return;
-        previousColumnsRef.current = terminalColumns;
-        process.stdout.write("\x1b[2J\x1b[3J\x1b[H");
-        setClearEpoch((n) => n + 1);
+        previousTerminalColumnsRef.current = terminalColumns;
+        // This follows Gemini CLI's normal terminal-buffer strategy: after a
+        // resize, the previous live Ink frame may have wrapped at the old width,
+        // so cursor-up based repaint can leave stale progress frames behind.
+        // Debounce resize storms, then clear and replay Static at the settled width.
+        const timer = setTimeout(() => {
+            if (exitRequestedRef.current)
+                return;
+            process.stdout.write("\x1b[2J\x1b[3J\x1b[H");
+            setClearEpoch((epoch) => epoch + 1);
+        }, 300);
+        return () => clearTimeout(timer);
     }, [terminalColumns]);
-    const activeAbortRef = useRef(null);
-    const exitRequestedRef = useRef(false);
-    const sessionStartRef = useRef(Date.now());
     // Set true the moment /quit is invoked so we can hide dynamic UI (composer,
     // waiting indicator, footer) before Ink snapshots its final frame into the
     // shell scrollback. Without this, the last visible "> " input row stays
     // glued to the bottom of the terminal after exit.
     const [isExiting, setIsExiting] = useState(false);
-    // 1Hz tick used to refresh elapsed counters on in-progress tool rows and
-    // on the WaitingIndicator. Only ticks while the agent is running so we
-    // don't churn renders at idle.
+    // 1Hz tick keeps the composer activity indicator animated while the agent is
+    // running without churning renders at idle.
     const [nowTick, setNowTick] = useState(() => Date.now());
-    // Timestamp of when the current agent run started — drives elapsed display
-    // on the WaitingIndicator.
+    // Timestamp of when the current agent run started. Used only for the final
+    // per-task duration summary.
     const runStartRef = useRef(null);
     // Mark the moment the run started; flips back to null in the finally block.
     useEffect(() => {
@@ -380,7 +459,13 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         }));
     }, [agent, args.cwd, safeRegistry, safeSkillRegistry]);
     useInput((input, key) => {
-        if (pendingPlan || pendingApproval || pendingQuestion)
+        if (isCtrlCInput(input, key)) {
+            requestExit();
+            return;
+        }
+        if (pendingPlan || pendingApproval || pendingQuestion || pendingFeedback)
+            return;
+        if (hasTerminalMouseSequence(input))
             return;
         if (key.ctrl && input === "o" && !pickerMode) {
             setVerboseTrace((v) => !v);
@@ -429,13 +514,11 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         updateDisplayMessages((prev) => [...prev, withMessageKey({ role, content })]);
     }, [updateDisplayMessages]);
     const clearMessages = useCallback(() => {
-        setMessages([]);
-        // Ink's <Static> writes items into terminal scrollback and never removes
-        // them — emptying the React state alone leaves the old output visible.
-        // Wipe screen + scrollback (xterm \x1b[3J) and bump the epoch below so
-        // Static remounts with a fresh internal cursor.
+        // Static history is already written to terminal scrollback, so clearing
+        // React state alone would leave old rows visible.
         process.stdout.write("\x1b[2J\x1b[3J\x1b[H");
-        setClearEpoch((n) => n + 1);
+        setMessages([]);
+        setClearEpoch((epoch) => epoch + 1);
     }, []);
     const openPicker = useCallback((mode, providerId) => {
         if (mode === "key") {
@@ -443,6 +526,11 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         }
         setPickerMode(mode);
     }, []);
+    const openFeedback = useCallback((initialDescription) => {
+        const base = collectFeedback(agent, { description: "" });
+        const { description: _drop, ...rest } = base;
+        setPendingFeedback({ base: rest, initialDescription });
+    }, [agent]);
     const handleModelSelect = useCallback((model) => {
         const run = async () => {
             agent.model = model;
@@ -529,6 +617,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 throw new Error("Provider creation not available");
             }),
             openPicker,
+            openFeedback,
             registry: safeRegistry,
             skillRegistry: safeSkillRegistry,
             bashAllowlist,
@@ -561,6 +650,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 throw new Error("Provider creation not available");
             }),
             openPicker,
+            openFeedback,
             registry: safeRegistry,
             skillRegistry: safeSkillRegistry,
             bashAllowlist,
@@ -642,7 +732,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 !!assistantReasoning ||
                 toolCalls.length > 0 ||
                 assistantParts.length > 0);
-            const commitAssistantMessage = () => {
+            const commitAssistantMessage = (taskElapsedMs) => {
                 if (!hasAssistantOutput())
                     return;
                 const currentParts = snapshotDisplayParts(assistantParts);
@@ -665,6 +755,9 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 if (currentParts.length > 0) {
                     msg.parts = currentParts;
                 }
+                if (taskElapsedMs !== undefined && Number.isFinite(taskElapsedMs) && taskElapsedMs > 0) {
+                    msg.taskElapsedMs = taskElapsedMs;
+                }
                 updateDisplayMessages((prev) => [...prev, msg]);
             };
             const clearAssistantStream = () => {
@@ -677,14 +770,54 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 toolCalls.length = 0;
                 assistantParts.length = 0;
             };
+            const flushAssistantStaticChunk = () => {
+                if (toolCalls.some((toolCall) => toolCall.result === undefined)) {
+                    return false;
+                }
+                const splitIndex = findStreamingStaticFlushIndex(assistantContent);
+                if (splitIndex <= 0)
+                    return false;
+                const { flushedParts, remainingParts } = splitDisplayPartsAtTextOffset(assistantParts, splitIndex);
+                const flushedContent = contentFromParts(flushedParts);
+                const flushedToolCalls = toolCallsFromParts(flushedParts);
+                if (!flushedContent && flushedToolCalls.length === 0)
+                    return false;
+                const msg = {
+                    key: nextDisplayMessageKey("asst"),
+                    role: "assistant",
+                    content: flushedContent,
+                };
+                if (assistantReasoning) {
+                    msg.reasoning = assistantReasoning;
+                    assistantReasoning = "";
+                    setStreamingReasoning("");
+                }
+                if (flushedToolCalls.length > 0) {
+                    msg.toolCalls = flushedToolCalls;
+                }
+                if (flushedParts.length > 0) {
+                    msg.parts = flushedParts;
+                }
+                updateDisplayMessages((prev) => [...prev, msg]);
+                assistantParts.splice(0, assistantParts.length, ...remainingParts);
+                assistantContent = contentFromParts(assistantParts);
+                const remainingToolCalls = toolCallsFromParts(assistantParts);
+                toolCalls.splice(0, toolCalls.length, ...remainingToolCalls);
+                setStreamingContent(assistantContent);
+                setStreamingTools([...toolCalls]);
+                syncStreamingParts();
+                return true;
+            };
             try {
                 for await (const event of agent.run(actualInput, args.cwd, { abortSignal: abortController.signal })) {
                     switch (event.type) {
                         case "text_delta":
                             assistantContent += event.content;
                             appendTextPart(assistantParts, event.content);
-                            setStreamingContent(assistantContent);
-                            syncStreamingParts();
+                            if (!flushAssistantStaticChunk()) {
+                                setStreamingContent(assistantContent);
+                                syncStreamingParts();
+                            }
                             break;
                         case "reasoning_delta":
                             assistantReasoning += event.content;
@@ -798,7 +931,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                                 syncStreamingParts();
                                 break;
                             }
-                            commitAssistantMessage();
+                            commitAssistantMessage(runStartRef.current ? Date.now() - runStartRef.current : undefined);
                             clearAssistantStream();
                             break;
                         }
@@ -860,6 +993,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                     throw new Error("Provider creation not available");
                 }),
                 openPicker,
+                openFeedback,
                 registry: safeRegistry,
                 skillRegistry: safeSkillRegistry,
                 bashAllowlist,
@@ -879,7 +1013,24 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                     setPermissionMode(agent.mode);
                 }
                 if (result) {
-                    addMessage("assistant", result);
+                    // `/compact` rewrites agent.messages, so the Ink transcript needs to
+                    // be rebuilt from the new agent state before appending the summary
+                    // card; otherwise the pre-compaction history would keep rendering.
+                    if (result.startsWith("✓ Compaction complete")) {
+                        const summary = latestCompactionSummary(agent.messages);
+                        updateDisplayMessages(() => [
+                            ...reconstructDisplayMessages(agent.messages),
+                            {
+                                role: "assistant",
+                                content: result,
+                                syntheticKind: "ui_compact_summary",
+                                compactionSummary: summary,
+                            },
+                        ]);
+                    }
+                    else {
+                        addMessage("assistant", result);
+                    }
                 }
                 if (inject) {
                     await runAgentInput(inject, input);
@@ -924,15 +1075,11 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
             return null;
         })()
         : null;
-    const showWelcome = shouldShowWelcomeBanner({
-        messages,
-        startedWithVisibleHistory: startedWithVisibleHistoryRef.current,
-    });
     const mcpStates = mcpManager?.getStates() ?? [];
     const mcpConnectedCount = mcpStates.filter((state) => state.status.kind === "connected").length;
     const hasAgentsFile = useMemo(() => existsSync(join(args.cwd, "AGENTS.md")) || existsSync(join(args.cwd, ".bubble", "AGENTS.md")), [args.cwd]);
     const welcomeBannerNode = showWelcome ? (_jsx(WelcomeBanner, { terminalColumns: terminalColumns, modelLabel: agent.model ? displayModel(agent.model) : undefined, cwd: friendlyCwd(args.cwd), tips: buildTips(agent, safeRegistry), skillsCount: safeSkillRegistry.summaries().length, mcpConnectedCount: mcpConnectedCount, mcpTotalCount: mcpStates.length, hasAgentsFile: hasAgentsFile })) : null;
-    return (_jsx(ThemeProvider, { value: palette, children: _jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(MessageList, { messages: messages, streamingContent: streamingContent, streamingReasoning: streamingReasoning, streamingTools: streamingTools, streamingParts: streamingParts, terminalColumns: terminalColumns, verboseTrace: verboseTrace, pendingApproval: approvalHint, nowTick: nowTick, welcomeBanner: welcomeBannerNode }, clearEpoch), pickerMode === "model" && (_jsx(ModelPicker, { registry: safeRegistry, current: agent.model, recent: userConfig.getRecentModels(), onSelect: handleModelSelect, onCancel: () => setPickerMode(null) })), pickerMode === "provider" && (_jsx(ProviderPicker, { providers: BUILTIN_PROVIDERS
+    return (_jsx(ThemeProvider, { value: palette, children: _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsxs(Box, { flexDirection: "column", paddingX: 1, paddingTop: 1, flexShrink: 0, children: [_jsx(MessageList, { messages: messages, streamingContent: streamingContent, streamingReasoning: streamingReasoning, streamingTools: streamingTools, streamingParts: streamingParts, terminalColumns: terminalColumns, verboseTrace: verboseTrace, pendingApproval: approvalHint, nowTick: nowTick, welcomeBanner: welcomeBannerNode }, clearEpoch), pickerMode === "model" && (_jsx(ModelPicker, { registry: safeRegistry, current: agent.model, recent: userConfig.getRecentModels(), onSelect: handleModelSelect, onCancel: () => setPickerMode(null) })), pickerMode === "provider" && (_jsx(ProviderPicker, { providers: BUILTIN_PROVIDERS
                                 .filter((p) => isUserVisibleProvider(p.id))
                                 .map((p) => {
                                 const configured = safeRegistry.getConfigured().find((item) => item.id === p.id);
@@ -964,6 +1111,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                                         throw new Error("Provider creation not available");
                                     }),
                                     openPicker,
+                                    openFeedback,
                                     registry: safeRegistry,
                                     skillRegistry: safeSkillRegistry,
                                     bashAllowlist,
@@ -980,7 +1128,13 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                                 });
                                 if (handled && result)
                                     addMessage("assistant", result);
-                            }, onCancel: () => setPickerMode(null) }))] }), todos.length > 0 && !pickerMode && !pendingPlan && !pendingQuestion && (_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(TodosPanel, { todos: todos, terminalColumns: terminalColumns }) })), pendingPlan && !pickerMode && !pendingQuestion && (_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(PlanConfirm, { initialPlan: pendingPlan.plan, onApprove: (finalPlan) => {
+                            }, onCancel: () => setPickerMode(null) })), pickerMode === "feishu-setup" && (_jsx(FeishuSetupPicker, { onComplete: (summary) => {
+                                setPickerMode(null);
+                                addMessage("assistant", summary);
+                            }, onCancel: () => {
+                                setPickerMode(null);
+                                addMessage("assistant", "已取消 Feishu setup。");
+                            } }))] }), todos.length > 0 && !pickerMode && !pendingPlan && !pendingQuestion && (_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(TodosPanel, { todos: todos, terminalColumns: terminalColumns }) })), pendingPlan && !pickerMode && !pendingQuestion && (_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(PlanConfirm, { initialPlan: pendingPlan.plan, onApprove: (finalPlan) => {
                             const resolve = pendingPlan.resolve;
                             setPendingPlan(null);
                             resolve({ action: "approve", plan: finalPlan });
@@ -994,22 +1148,29 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                             resolve(decision);
                         }, onAllowBashPrefix: (prefix) => {
                             bashAllowlist?.add(prefix);
-                        } }) })), pendingQuestion && !pickerMode && !pendingPlan && !pendingApproval && (_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(QuestionDialog, { request: pendingQuestion, onSubmit: (answers) => {
+                        } }) })), pendingQuestion && !pickerMode && !pendingPlan && !pendingApproval && !pendingFeedback && (_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(QuestionDialog, { request: pendingQuestion, onSubmit: (answers) => {
                             questionController?.reply(pendingQuestion.id, answers);
                             setPendingQuestion(null);
                         }, onCancel: () => {
                             questionController?.reject(pendingQuestion.id);
                             setPendingQuestion(null);
-                        } }) })), !isExiting && isRunning && !pickerMode && !pendingPlan && !pendingApproval && !pendingQuestion && (_jsx(Box, { paddingX: 1, paddingBottom: 1, flexShrink: 0, children: _jsx(WaitingIndicator, { tools: streamingTools, hasStreamingText: streamingContent.length > 0, hasStreamingReasoning: streamingReasoning.length > 0, streamedChars: streamingContent.length + streamingReasoning.length, runStartedAt: runStartRef.current ?? undefined, nowTick: nowTick }) })), !isExiting && !pickerMode && (_jsx(Box, { paddingBottom: 1, flexShrink: 0, children: _jsx(InputBox, { onSubmit: handleSubmit, disabled: isRunning || !!pendingPlan || !!pendingApproval || !!pendingQuestion, skillRegistry: safeSkillRegistry, terminalColumns: terminalColumns, cwd: args.cwd }) })), !isExiting && (_jsx(FooterBar, { data: buildFooterData({
-                        cwd: args.cwd,
-                        providerId: agent.providerId || safeRegistry.getDefault()?.id || "unknown",
-                        model: displayModel(agent.model) || "no model",
-                        thinkingLevel,
-                        showThinking: getAvailableThinkingLevels(agent.providerId, agent.apiModel).length > 2,
-                        mode: permissionMode,
-                        usageTotals,
-                        verboseTrace,
-                    }) }))] }) }));
+                        } }) })), pendingFeedback && !pickerMode && !pendingPlan && !pendingApproval && !pendingQuestion && (_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsx(FeedbackDialog, { base: pendingFeedback.base, initialDescription: pendingFeedback.initialDescription, onDismiss: () => setPendingFeedback(null), onResult: (result) => {
+                            if (result.kind === "success") {
+                                addMessage("assistant", `Feedback submitted: ${result.url}`);
+                            }
+                            else if (result.kind === "error") {
+                                addMessage("error", `Feedback failed: ${result.message}`);
+                            }
+                        } }) })), !isExiting && isRunning && !pickerMode && !pendingPlan && !pendingApproval && !pendingQuestion && !pendingFeedback && (_jsx(Box, { paddingX: 1, paddingBottom: 1, flexShrink: 0, children: _jsx(WaitingIndicator, { tools: streamingTools, hasStreamingText: streamingContent.length > 0, hasStreamingReasoning: streamingReasoning.length > 0, streamedChars: streamingContent.length + streamingReasoning.length, nowTick: nowTick }) })), !isExiting && !pickerMode && (_jsx(Box, { paddingBottom: 1, flexShrink: 0, children: _jsx(InputBox, { onSubmit: handleSubmit, disabled: isRunning || !!pendingPlan || !!pendingApproval || !!pendingQuestion || !!pendingFeedback, skillRegistry: safeSkillRegistry, terminalColumns: terminalColumns, cwd: args.cwd }) })), !isExiting && (_jsx(Box, { flexShrink: 0, children: _jsx(FooterBar, { data: buildFooterData({
+                            cwd: args.cwd,
+                            providerId: agent.providerId || safeRegistry.getDefault()?.id || "unknown",
+                            model: displayModel(agent.model) || "no model",
+                            thinkingLevel,
+                            showThinking: getAvailableThinkingLevels(agent.providerId, agent.apiModel).length > 2,
+                            mode: permissionMode,
+                            usageTotals,
+                            verboseTrace,
+                        }) }) }))] }) }));
 }
 const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 const GENERIC_PHRASES = [
@@ -1074,7 +1235,8 @@ function formatTokensApprox(chars) {
         return `${(tokens / 1000).toFixed(1)}k`;
     return `${Math.round(tokens / 1000)}k`;
 }
-function WaitingIndicator({ tools, hasStreamingText, hasStreamingReasoning, streamedChars, runStartedAt, nowTick, }) {
+function WaitingIndicator({ tools, hasStreamingText, hasStreamingReasoning, streamedChars, nowTick, }) {
+    void nowTick;
     const theme = useTheme();
     const [frameIndex, setFrameIndex] = useState(0);
     const [idlePhrase, setIdlePhrase] = useState(() => GENERIC_PHRASES[0]);
@@ -1120,10 +1282,6 @@ function WaitingIndicator({ tools, hasStreamingText, hasStreamingReasoning, stre
     else {
         phrase = idlePhrase;
     }
-    const elapsedSec = runStartedAt
-        ? Math.max(0, Math.floor((nowTick - runStartedAt) / 1000))
-        : 0;
-    const elapsedText = elapsedSec > 0 ? `${elapsedSec}s` : "0s";
     const tokenText = streamedChars > 0 ? `↓${formatTokensApprox(streamedChars)} tok` : "";
-    return (_jsxs(Box, { children: [_jsx(Text, { color: theme.accent, children: SPINNER_FRAMES[frameIndex] }), _jsxs(Text, { color: theme.muted, children: [" ", phrase, " "] }), _jsxs(Text, { color: theme.muted, dimColor: true, children: ["(", elapsedText, tokenText ? ` · ${tokenText}` : "", " \u00B7 esc\u00B7esc to interrupt)"] })] }));
+    return (_jsxs(Box, { children: [_jsx(Text, { color: theme.accent, children: SPINNER_FRAMES[frameIndex] }), _jsxs(Text, { color: theme.muted, children: [" ", phrase, " "] }), _jsxs(Text, { color: theme.muted, dimColor: true, children: ["(", tokenText ? `${tokenText} · ` : "", "esc\u00B7esc to interrupt)"] })] }));
 }

package/dist/tui-ink/code-highlight.js

@@ -71,9 +71,8 @@ export async function highlightCode(code, lang) {
     const h = await getHighlighter();
     return runHighlight(h, code, lang);
 }
-// Synchronous variant that returns null when shiki hasn't finished loading yet.
-// Used by code paths that render into Ink's <Static> (which only paints once)
-// so the first frame can already carry highlighted output.
+// Synchronous variant that returns null when shiki hasn't finished loading yet,
+// so the first transcript frame can already carry highlighted output when warm.
 export function highlightCodeSync(code, lang) {
     if (!highlighterReady) {
         // Ensure warmup is in flight for future renders.

package/dist/tui-ink/detect-theme.d.ts

@@ -1,19 +1,2 @@
-/**
- * Detect whether the host terminal is using a light or dark background so we
- * can pick a sensible default palette when the user has theme set to "auto".
- *
- * Resolution order:
- *   1. `COLORFGBG` env var — synchronous, set by VTE-family terminals (GNOME
- *      Terminal, Konsole) and iTerm2 (when enabled). Format is "fg;bg" or
- *      "fg;aux;bg" with each value being an ANSI color index 0–15.
- *   2. OSC 11 query — write `ESC ] 11 ; ? BEL`, listen on stdin for a reply
- *      shaped like `ESC ] 11 ; rgb:RRRR/GGGG/BBBB BEL`. Capped at ~150 ms so
- *      we don't stall startup on terminals that swallow the query.
- *   3. Fallback to "dark" — most coding terminals are dark, so this is the
- *      least surprising default when detection fails.
- *
- * Must run BEFORE Ink's `render()` takes over stdin. Ink puts stdin into raw
- * mode and consumes input itself, so the OSC 11 reply would never reach us.
- */
-import type { ResolvedTheme } from "./theme.js";
+export type ResolvedTheme = "light" | "dark";
 export declare function detectTerminalTheme(timeoutMs?: number): Promise<ResolvedTheme>;

package/dist/tui-ink/detect-theme.js

@@ -1,20 +1,3 @@
-/**
- * Detect whether the host terminal is using a light or dark background so we
- * can pick a sensible default palette when the user has theme set to "auto".
- *
- * Resolution order:
- *   1. `COLORFGBG` env var — synchronous, set by VTE-family terminals (GNOME
- *      Terminal, Konsole) and iTerm2 (when enabled). Format is "fg;bg" or
- *      "fg;aux;bg" with each value being an ANSI color index 0–15.
- *   2. OSC 11 query — write `ESC ] 11 ; ? BEL`, listen on stdin for a reply
- *      shaped like `ESC ] 11 ; rgb:RRRR/GGGG/BBBB BEL`. Capped at ~150 ms so
- *      we don't stall startup on terminals that swallow the query.
- *   3. Fallback to "dark" — most coding terminals are dark, so this is the
- *      least surprising default when detection fails.
- *
- * Must run BEFORE Ink's `render()` takes over stdin. Ink puts stdin into raw
- * mode and consumes input itself, so the OSC 11 reply would never reach us.
- */
 export async function detectTerminalTheme(timeoutMs = 150) {
     const fromEnv = parseColorFgBg(process.env.COLORFGBG);
     if (fromEnv)
@@ -26,16 +9,6 @@ export async function detectTerminalTheme(timeoutMs = 150) {
     }
     return "dark";
 }
-/**
- * COLORFGBG examples:
- *   "15;0"     → bright-white fg on black bg → dark
- *   "0;15"     → black fg on bright-white bg → light
- *   "15;default;0" → some terminals add a default-bg sentinel in the middle.
- *
- * ANSI indices 0–6 are typically dark (black, red, green, yellow, blue,
- * magenta, cyan); 7–15 are typically light (gray-to-white-ish). 7 itself
- * (white) is ambiguous on some terminals but more often points to light.
- */
 function parseColorFgBg(value) {
     if (!value)
         return null;
@@ -65,7 +38,7 @@ function queryOsc11(timeoutMs) {
                 stdin.setRawMode(originalRaw);
             }
             catch {
-                // ignore — terminal may have already restored
+                // ignore - terminal may have already restored
             }
             stdin.pause();
         };
@@ -79,8 +52,6 @@ function queryOsc11(timeoutMs) {
         };
         const onData = (chunk) => {
             buffer += chunk.toString("utf8");
-            // Match `ESC ] 11 ; rgb:RRRR/GGGG/BBBB ST` where ST is BEL (\x07) or
-            // ESC \\. Some terminals reply with shorter hex (rgb:rr/gg/bb).
             const match = buffer.match(/\x1b\]11;rgb:([0-9a-fA-F]+)\/([0-9a-fA-F]+)\/([0-9a-fA-F]+)(?:\x07|\x1b\\)/);
             if (!match)
                 return;
@@ -106,17 +77,10 @@ function queryOsc11(timeoutMs) {
         }
     });
 }
-/** Normalize a hex channel string of arbitrary length to a 0–1 float. */
 function parseHexChannel(hex) {
     const max = (1 << (hex.length * 4)) - 1;
     return parseInt(hex, 16) / max;
 }
-/**
- * sRGB relative luminance per WCAG 2.x. Output range is 0 (black) to 1 (white).
- * We treat ≥ 0.5 as "light"; the actual threshold is forgiving because real
- * terminal backgrounds tend to be near-pure black (≈0.0) or near-pure white
- * (≈1.0).
- */
 function relativeLuminance(r, g, b) {
     const channel = (c) => c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
     return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);

package/dist/tui-ink/display-history.d.ts

@@ -1,14 +1,17 @@
-import type { ToolResultMetadata } from "../types.js";
+import type { Message, ToolResultMetadata } from "../types.js";
 export interface DisplayMessage {
-    /** Stable identity, used as Static/list key. Generated by the UI layer. */
+    /** Stable identity, used as the transcript list key. Generated by the UI layer. */
     key?: string;
     role: "user" | "assistant" | "error";
     content: string;
     reasoning?: string;
     toolCalls?: DisplayToolCall[];
     parts?: DisplayMessagePart[];
-    syntheticKind?: "ui_summary";
+    syntheticKind?: "ui_summary" | "ui_compact_summary";
+    /** Markdown body shown inside a `ui_compact_summary` card. */
+    compactionSummary?: string;
     hiddenCount?: number;
+    taskElapsedMs?: number;
 }
 export type DisplayMessagePart = DisplayTextPart | DisplayToolsPart;
 export interface DisplayTextPart {
@@ -23,6 +26,12 @@ export interface DisplayToolCall {
     id: string;
     name: string;
     args: Record<string, any>;
+    /**
+     * Unparsed JSON string for tool arguments, populated during partial-streaming
+     * before `args` resolves. Used as a fallback by trace-groups when extracting
+     * a command preview.
+     */
+    rawArguments?: string;
     result?: string;
     isError?: boolean;
     metadata?: ToolResultMetadata;
@@ -36,3 +45,11 @@ export declare function snapshotDisplayParts(parts: DisplayMessagePart[]): Displ
 export declare function contentFromParts(parts: DisplayMessagePart[]): string;
 export declare function toolCallsFromParts(parts: DisplayMessagePart[]): DisplayToolCall[];
 export declare function compactDisplayMessages(messages: DisplayMessage[]): DisplayMessage[];
+/**
+ * Find the most recent compaction summary embedded in the agent's system
+ * messages. Bubble's compaction step rewrites the system transcript so that
+ * the long-form summary lives in either a "Previous conversation summary:"
+ * block or an "Earlier in this turn" block; we walk from newest to oldest and
+ * return the first match so the UI can show the freshest summary.
+ */
+export declare function latestCompactionSummary(agentMessages: Message[]): string | undefined;