@bubblebrain-ai/bubble 0.0.10 → 0.0.12

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 { createPastedContentMarker, InputBox, isCtrlCInput, shouldCollapsePastedContent, } 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";
@@ -61,7 +65,9 @@ function reconstructDisplayMessages(agentMessages) {
             result.push({
                 key: nextDisplayMessageKey("user"),
                 role: "user",
-                content: typeof m.content === "string" ? m.content : "(multimedia)",
+                content: typeof m.content === "string"
+                    ? (shouldCollapsePastedContent(m.content) ? createPastedContentMarker(m.content) : m.content)
+                    : "(multimedia)",
             });
         }
         else if (m.role === "assistant") {
@@ -174,6 +180,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 +281,52 @@ 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 [cursorResetEpoch, setCursorResetEpoch] = useState(0);
+    const [composerDraft, setComposerDraft] = 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(() => {
@@ -376,11 +459,16 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
             thinkingLevel: overrides?.thinkingLevel ?? agent.thinking,
             mode: overrides?.mode ?? agent.mode,
             workingDir: args.cwd,
-            skills: safeSkillRegistry?.summaries() ?? [],
         }));
     }, [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);
@@ -401,7 +489,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
             rebuildSystemPrompt({ thinkingLevel: nextLevel });
             userConfig.setDefaultThinkingLevel(nextLevel);
             setThinkingLevel(nextLevel);
-            sessionManager?.setMetadata({ model: agent.model, thinkingLevel: nextLevel, reasoningEffort: nextLevel });
+            sessionManager?.updateMetadata({ model: agent.model, thinkingLevel: nextLevel, reasoningEffort: nextLevel });
             sessionManager?.appendMarker("thinking_level_switch", nextLevel);
             return;
         }
@@ -429,13 +517,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 +529,24 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         }
         setPickerMode(mode);
     }, []);
+    const closePicker = useCallback(() => {
+        setPickerMode(null);
+        setCursorResetEpoch((epoch) => epoch + 1);
+    }, []);
+    const fillComposer = useCallback((text) => {
+        setComposerDraft((current) => ({
+            text,
+            epoch: (current?.epoch ?? 0) + 1,
+        }));
+    }, []);
+    const clearComposerDraft = useCallback(() => {
+        setComposerDraft(null);
+    }, []);
+    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;
@@ -454,7 +558,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
             const provider = safeRegistry.getConfigured().find((item) => item.id === providerId);
             if (!provider?.apiKey || !createProvider) {
                 addMessage("error", `Provider ${providerId} is not configured or has no active credentials.`);
-                setPickerMode(null);
+                closePicker();
                 return;
             }
             const modelId = model.includes(":") ? model.split(":").slice(1).join(":") : model;
@@ -468,17 +572,16 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 configuredModelId: model,
                 thinkingLevel: agent.thinking,
                 workingDir: args.cwd,
-                skills: safeSkillRegistry?.summaries() ?? [],
             }));
             userConfig.pushRecentModel(model);
             setThinkingLevel(agent.thinking);
-            sessionManager?.setMetadata({ model, thinkingLevel: agent.thinking, reasoningEffort: agent.thinking });
+            sessionManager?.updateMetadata({ model, thinkingLevel: agent.thinking, reasoningEffort: agent.thinking });
             sessionManager?.appendMarker("model_switch", model);
             addMessage("assistant", `Model switched to ${displayModel(model)}.`);
-            setPickerMode(null);
+            closePicker();
         };
         void run();
-    }, [agent, addMessage, sessionManager, userConfig, safeRegistry, createProvider]);
+    }, [agent, addMessage, closePicker, sessionManager, userConfig, safeRegistry, createProvider]);
     const handleProviderSelect = useCallback(async (providerId) => {
         await safeRegistry.prepareProvider(providerId);
         const configured = safeRegistry.getConfigured();
@@ -486,7 +589,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         const builtin = BUILTIN_PROVIDERS.find((x) => x.id === providerId);
         if (!p && !builtin) {
             addMessage("error", `Provider ${providerId} not found.`);
-            setPickerMode(null);
+            closePicker();
             return;
         }
         if (!p?.apiKey) {
@@ -502,21 +605,21 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         agent.setProvider(createProvider(providerId, p.apiKey, p.baseURL));
         agent.providerId = providerId;
         addMessage("assistant", `Switched to provider ${p.name}. Use /model to pick a model.`);
-        setPickerMode(null);
-    }, [addMessage, agent, createProvider, safeRegistry]);
+        closePicker();
+    }, [addMessage, agent, closePicker, createProvider, safeRegistry]);
     const handleProviderAddSelect = useCallback((providerId) => {
         const ok = safeRegistry.addProvider(providerId, "");
         if (!ok) {
             addMessage("error", `Provider ${providerId} could not be added.`);
-            setPickerMode(null);
+            closePicker();
             return;
         }
         safeRegistry.setDefault(providerId);
         setKeyProviderId(providerId);
         setPickerMode("key");
-    }, [addMessage, safeRegistry]);
+    }, [addMessage, closePicker, safeRegistry]);
     const handleLoginProviderSelect = useCallback(async (providerId) => {
-        setPickerMode(null);
+        closePicker();
         const command = `/login ${providerId}`;
         const { handled, result } = await slashRegistry.execute(command, {
             agent,
@@ -529,6 +632,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 throw new Error("Provider creation not available");
             }),
             openPicker,
+            openFeedback,
             registry: safeRegistry,
             skillRegistry: safeSkillRegistry,
             bashAllowlist,
@@ -546,9 +650,9 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         if (handled && result) {
             addMessage("assistant", result);
         }
-    }, [agent, addMessage, clearMessages, createProvider, exit, openPicker, safeRegistry, sessionManager]);
+    }, [agent, addMessage, clearMessages, closePicker, createProvider, exit, openPicker, safeRegistry, sessionManager]);
     const handleLogoutProviderSelect = useCallback(async (providerId) => {
-        setPickerMode(null);
+        closePicker();
         const command = `/logout ${providerId}`;
         const { handled, result } = await slashRegistry.execute(command, {
             agent,
@@ -561,6 +665,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 throw new Error("Provider creation not available");
             }),
             openPicker,
+            openFeedback,
             registry: safeRegistry,
             skillRegistry: safeSkillRegistry,
             bashAllowlist,
@@ -578,12 +683,12 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         if (handled && result) {
             addMessage("assistant", result);
         }
-    }, [agent, addMessage, clearMessages, createProvider, exit, openPicker, safeRegistry, sessionManager]);
+    }, [agent, addMessage, clearMessages, closePicker, createProvider, exit, openPicker, safeRegistry, sessionManager]);
     const handleKeySubmit = useCallback((key) => {
         const targetId = keyProviderId || safeRegistry.getDefault()?.id;
         if (!targetId) {
             addMessage("error", "No provider selected.");
-            setPickerMode(null);
+            closePicker();
             setKeyProviderId(null);
             return;
         }
@@ -594,12 +699,13 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
             agent.providerId = targetId;
         }
         addMessage("assistant", `API key updated for ${p?.name || targetId} to ${maskKey(key)}.`);
-        setPickerMode(null);
+        closePicker();
         setKeyProviderId(null);
-    }, [addMessage, agent, createProvider, keyProviderId, safeRegistry]);
+    }, [addMessage, agent, closePicker, createProvider, keyProviderId, safeRegistry]);
     const handleSubmit = useCallback(async (payload) => {
         const normalized = typeof payload === "string" ? { text: payload, images: [] } : payload;
         const input = normalized.text;
+        const displayInput = normalized.displayText ?? input;
         const images = normalized.images;
         if (!input.trim() && images.length === 0)
             return;
@@ -642,7 +748,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 +771,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 +786,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 +947,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                                 syncStreamingParts();
                                 break;
                             }
-                            commitAssistantMessage();
+                            commitAssistantMessage(runStartRef.current ? Date.now() - runStartRef.current : undefined);
                             clearAssistantStream();
                             break;
                         }
@@ -833,7 +982,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
         };
         // Slash commands and skill invocations drop any attached images —
         // they're meant for pure command routing.
-        if (input.startsWith("/")) {
+        if (displayInput.startsWith("/")) {
             // Fast-path `/quit` and `/exit` before slash-registry / skill
             // resolution. This guarantees a literal "/quit" always exits even if
             // a skill or alias of the same name is later registered. The
@@ -846,7 +995,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
             }
             const skillInvocation = parseSkillInvocation(input, safeSkillRegistry);
             if (skillInvocation) {
-                await runAgentInput(skillInvocation.actualPrompt, input);
+                await runAgentInput(skillInvocation.actualPrompt, displayInput);
                 return;
             }
             const { handled, result, inject } = await slashRegistry.execute(input, {
@@ -860,6 +1009,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,10 +1029,27 @@ 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);
+                    await runAgentInput(inject, displayInput);
                 }
                 return;
             }
@@ -903,7 +1070,7 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                 })),
             ]
             : expansion.text;
-        await runAgentInput(agentInput, input, images.map((img) => ({ filename: img.filename, bytes: img.bytes })));
+        await runAgentInput(agentInput, displayInput, images.map((img) => ({ filename: img.filename, bytes: img.bytes })));
     }, [addMessage, agent, args.cwd, openPicker, createProvider, safeRegistry, safeSkillRegistry, updateDisplayMessages]);
     const currentProviderId = agent.providerId || safeRegistry.getDefault()?.id;
     const keyTarget = keyProviderId
@@ -924,15 +1091,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: closePicker })), pickerMode === "provider" && (_jsx(ProviderPicker, { providers: BUILTIN_PROVIDERS
                                 .filter((p) => isUserVisibleProvider(p.id))
                                 .map((p) => {
                                 const configured = safeRegistry.getConfigured().find((item) => item.id === p.id);
@@ -942,45 +1105,25 @@ export function App({ agent, args, sessionManager, createProvider, registry, ski
                                     name: `${p.name} [${configuredLabel}]`,
                                     enabled: true,
                                 };
-                            }), current: currentProviderId, onSelect: handleProviderSelect, onCancel: () => setPickerMode(null) })), pickerMode === "provider-add" && (_jsx(ProviderPicker, { providers: BUILTIN_PROVIDERS
+                            }), current: currentProviderId, onSelect: handleProviderSelect, onCancel: closePicker })), pickerMode === "provider-add" && (_jsx(ProviderPicker, { providers: BUILTIN_PROVIDERS
                                 .filter((p) => isUserVisibleProvider(p.id))
-                                .map((p) => ({ id: p.id, name: p.name, enabled: true })), current: currentProviderId, onSelect: handleProviderAddSelect, onCancel: () => setPickerMode(null), title: "Add Provider" })), pickerMode === "login" && (_jsx(ProviderPicker, { providers: BUILTIN_PROVIDERS
+                                .map((p) => ({ id: p.id, name: p.name, enabled: true })), current: currentProviderId, onSelect: handleProviderAddSelect, onCancel: closePicker, title: "Add Provider" })), pickerMode === "login" && (_jsx(ProviderPicker, { providers: BUILTIN_PROVIDERS
                                 .filter((p) => isUserVisibleProvider(p.id) && safeRegistry.supportsOAuth(p.id))
-                                .map((p) => ({ id: p.id, name: p.name, enabled: true })), current: currentProviderId, onSelect: handleLoginProviderSelect, onCancel: () => setPickerMode(null), title: "Select Login Provider" })), pickerMode === "logout" && (_jsx(ProviderPicker, { providers: safeRegistry.getConfigured()
+                                .map((p) => ({ id: p.id, name: p.name, enabled: true })), current: currentProviderId, onSelect: handleLoginProviderSelect, onCancel: closePicker, title: "Select Login Provider" })), pickerMode === "logout" && (_jsx(ProviderPicker, { providers: safeRegistry.getConfigured()
                                 .filter((p) => safeRegistry.getAuthStorage().has(p.id))
-                                .map((p) => ({ id: p.id, name: p.name, enabled: true })), current: currentProviderId, onSelect: handleLogoutProviderSelect, onCancel: () => setPickerMode(null), title: "Select Logout Provider" })), pickerMode === "key" && keyTarget && (_jsx(KeyPicker, { providerName: keyTarget.name, onSubmit: handleKeySubmit, onCancel: () => {
-                                setPickerMode(null);
+                                .map((p) => ({ id: p.id, name: p.name, enabled: true })), current: currentProviderId, onSelect: handleLogoutProviderSelect, onCancel: closePicker, title: "Select Logout Provider" })), pickerMode === "key" && keyTarget && (_jsx(KeyPicker, { providerName: keyTarget.name, onSubmit: handleKeySubmit, onCancel: () => {
+                                closePicker();
                                 setKeyProviderId(null);
-                            } })), pickerMode === "skill" && (_jsx(SkillPicker, { skills: safeSkillRegistry.summaries(), onSelect: async (name) => {
-                                setPickerMode(null);
-                                const { handled, result } = await slashRegistry.execute(`/skill ${name}`, {
-                                    agent,
-                                    addMessage,
-                                    clearMessages,
-                                    cwd: args.cwd,
-                                    exit: () => { requestExit(); },
-                                    sessionManager,
-                                    createProvider: createProvider ?? (() => {
-                                        throw new Error("Provider creation not available");
-                                    }),
-                                    openPicker,
-                                    registry: safeRegistry,
-                                    skillRegistry: safeSkillRegistry,
-                                    bashAllowlist,
-                                    settingsManager,
-                                    lspService,
-                                    mcpManager,
-                                    flushMemory,
-                                    runMemoryCompaction,
-                                    runMemorySummary,
-                                    runMemoryRefresh,
-                                    getThemeMode: () => themeMode,
-                                    getResolvedTheme: () => themeResolved,
-                                    setThemeMode: applyThemeMode,
-                                });
-                                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) => {
+                            } })), pickerMode === "skill" && (_jsx(SkillPicker, { skills: safeSkillRegistry.summaries(), onSelect: (name) => {
+                                fillComposer(`/${name} `);
+                                closePicker();
+                            }, onCancel: closePicker })), pickerMode === "feishu-setup" && (_jsx(FeishuSetupPicker, { onComplete: (summary) => {
+                                closePicker();
+                                addMessage("assistant", summary);
+                            }, onCancel: () => {
+                                closePicker();
+                                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 +1137,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, cursorResetEpoch: cursorResetEpoch, draftText: composerDraft?.text, draftEpoch: composerDraft?.epoch, onDraftApplied: clearComposerDraft, 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 +1224,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 +1271,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)"] })] }));
 }