@bubblebrain-ai/bubble 0.0.18 → 0.0.20

package/dist/tui/run.js

@@ -10,7 +10,7 @@ import { AgentAbortError } from "../agent.js";
 import { AgentRunInputQueue } from "../agent/input-controller.js";
 import { debugReasoningStream, summarizeDebugText } from "../reasoning-debug.js";
 import { isHiddenToolMetadata } from "../agent/discovery-barrier.js";
-import { sanitizeInternalReminderBlocks } from "../agent/internal-reminder-sanitizer.js";
+import { createStreamingInternalReminderSanitizer, sanitizeInternalReasoningText, sanitizeInternalReminderBlocks, } from "../agent/internal-reminder-sanitizer.js";
 import { summarizeAgentEventForTrace, summarizeTraceError, summarizeTraceValue, traceEvent, } from "../debug-trace.js";
 import { BUILTIN_PROVIDERS, decodeModel, displayModel, isUserVisibleProvider } from "../provider-registry.js";
 import { calculateUsageCost } from "../model-pricing.js";
@@ -22,7 +22,8 @@ import { registry as slashRegistry } from "../slash-commands/index.js";
 import { sourceRank } from "../slash-commands/unified.js";
 import { sidebarMcpRowsFromStates, renderMcpRowMarker } from "./sidebar-mcp.js";
 import { expandAtMentions, filterFileSuggestions, findAtContext, listProjectFiles } from "./file-mentions.js";
-import { appendTextPart, appendToolPart, compactDisplayMessages, contentFromParts, snapshotDisplayParts, toolCallsFromParts, } from "./display-history.js";
+import { appendTextPart, appendToolPart, compactDisplayMessages, contentFromParts, setUserInputStatus, snapshotDisplayParts, toolCallsFromParts, userInputStatusBadgeLabel, } from "./display-history.js";
+import { sanitizeDisplayMessage, sanitizeDisplayMessages } from "./display-sanitizer.js";
 import { createMarkdownSyntaxStyle, createSubtleMarkdownSyntaxStyle } from "./markdown-theme.js";
 import { markdownInlineSegments } from "./markdown-inline.js";
 import { hashString } from "./render-signature.js";
@@ -41,6 +42,7 @@ import { createFrames } from "./opencode-spinner.js";
 import { copyTextToClipboard } from "./clipboard.js";
 import { readGitSidebarState } from "./sidebar-state.js";
 import { buildImageContentPartsFromLabels, extractImagePathTokens, imageAttachmentLabelPattern, resolveComposerImagePaths, resolveImageInput, } from "./image-paste.js";
+import { createPastedContentMarker, decodePastedBytes, expandPastedContentMarkers, shouldCollapsePastedContent, } from "./paste-placeholder.js";
 import { isModeCycleKeyEvent, isModeCycleSequence, isModifiedEnterSequence, PROMPT_TEXTAREA_KEYBINDINGS, } from "./prompt-keybindings.js";
 import { keyNameFromEvent, keyNameFromSequence } from "./global-key-router.js";
 import { EscapeConfirmationGate } from "./escape-confirmation.js";
@@ -71,6 +73,8 @@ const DEFAULT_THEME = {
     info: "#56b6c2",
     text: "#eeeeee",
     textMuted: "#808080",
+    selectionBg: "#3D5066",
+    selectionFg: "#eeeeee",
     background: "#0a0a0a",
     backgroundPanel: "#141414",
     backgroundElement: "#1e1e1e",
@@ -113,6 +117,8 @@ const LIGHT_THEME = {
     info: "#257E8A",
     text: "#171717",
     textMuted: "#6F7377",
+    selectionBg: "#B9D4F7",
+    selectionFg: "#171717",
     background: "#FCFCFA",
     backgroundPanel: "#F6F6F3",
     backgroundElement: "#ECEDEA",
@@ -186,6 +192,9 @@ const PROMPT_SCANNER_INTERVAL_MS = 80;
 const SESSION_SIDEBAR_WIDTH = 42;
 const SESSION_SIDEBAR_AUTO_WIDTH = 120;
 const PROVIDER_DIALOG_ROWS = 13;
+const PROVIDER_DIALOG_MIN_WIDTH = 56;
+const PROVIDER_DIALOG_MAX_WIDTH = 84;
+const PROVIDER_DIALOG_ROW_RESERVED_WIDTH = 10;
 const QUESTION_MAX_TABS = 4;
 const QUESTION_MAX_OPTIONS = 10;
 const QUESTION_MAX_CONFIRM_ROWS = 3;
@@ -221,6 +230,7 @@ const HOME_TIPS = [
     "Use /compact to summarize long sessions near context limits",
     "Shift+Enter or Ctrl+J inserts a newline in your prompt",
 ];
+const SELECTABLE_TEXT_TAGS = new Set(["text", "textarea", "code", "markdown", "diff", "input"]);
 function h(tag, props, ...children) {
     const allProps = props ?? {};
     const childList = children.length > 0 ? children : allProps.children !== undefined ? [allProps.children] : [];
@@ -232,6 +242,14 @@ function h(tag, props, ...children) {
     }
     const element = createElement(tag);
     const { children: _children, ...rest } = allProps;
+    // Without explicit selection colors OpenTUI inverts fg/bg; with our
+    // transparent backgrounds that degrades to black-on-black on light themes.
+    if (SELECTABLE_TEXT_TAGS.has(tag)) {
+        if (rest.selectionBg === undefined)
+            rest.selectionBg = theme.selectionBg;
+        if (rest.selectionFg === undefined)
+            rest.selectionFg = theme.selectionFg;
+    }
     spread(element, rest, false);
     if (childList.length === 1)
         insert(element, childList[0]);
@@ -239,6 +257,27 @@ function h(tag, props, ...children) {
         insert(element, childList);
     return element;
 }
+// OpenTUI hardcodes updateCursor=true for mouse-driven selection, so dragging
+// a selection yanks the editor cursor to the drag focus. Keep plain clicks
+// (empty selection) positioning the cursor and keyboard selection intact, but
+// freeze the cursor while a real range is being dragged.
+function preserveCursorOnMouseSelection(ref) {
+    const editor = ref?.editorView;
+    if (!editor || editor.__bubbleSelectionCursorPatch)
+        return;
+    editor.__bubbleSelectionCursorPatch = true;
+    for (const method of ["setLocalSelection", "updateLocalSelection"]) {
+        const original = editor[method]?.bind(editor);
+        if (!original)
+            continue;
+        editor[method] = (anchorX, anchorY, focusX, focusY, bg, fg, updateCursor, followCursor) => {
+            const keyboardDriven = ref?._keyboardSelectionActive === true;
+            const emptySelection = anchorX === focusX && anchorY === focusY;
+            const allowCursorMove = keyboardDriven || emptySelection;
+            return original(anchorX, anchorY, focusX, focusY, bg, fg, allowCursorMove ? updateCursor : false, allowCursorMove ? followCursor : false);
+        };
+    }
+}
 function isDestroyedRenderable(ref) {
     return !ref || ref.isDestroyed === true;
 }
@@ -438,6 +477,11 @@ function OpenTuiApp(props) {
     let promptHistory = initialPromptHistory(displayMessages);
     let nextImageAttachmentIndex = nextImageLabelIndex(displayMessages);
     const pendingImageAttachments = new Map();
+    // Long pastes are collapsed to "[Pasted text #N +M lines]" in the composer
+    // and expanded back to the full content when the message is submitted,
+    // mirroring how image attachments use "[Image #N]" labels.
+    const pendingPastedTexts = new Map();
+    let nextPastedTextIndex = 1;
     let composerImageResolutionSeq = 0;
     let applyingComposerImageReplacement = false;
     let promptHistoryIndex;
@@ -467,7 +511,7 @@ function OpenTuiApp(props) {
     let copyToastRoot;
     let copyToastText;
     const [sessionActive, setSessionActive] = createSignal(false);
-    const [sidebarMode, setSidebarModeState] = createSignal("auto");
+    const [sidebarMode, setSidebarModeState] = createSignal("collapsed");
     const [sidebarTick, setSidebarTick] = createSignal(0);
     // Sidebar MCP section collapsed state. Persisted across sidebarTick bumps,
     // only reset on actual mount. Collapse toggle exposed when > 2 servers.
@@ -502,7 +546,6 @@ function OpenTuiApp(props) {
     let providerDialogModelItems;
     let providerDialogModelRefreshId = 0;
     let previousPickerForKey;
-    let homePromptRef;
     let sessionPromptRef;
     let scrollbox;
     let transcriptScrollFollowing = true;
@@ -518,7 +561,6 @@ function OpenTuiApp(props) {
         defaultWritesExpanded: false,
     };
     let dock;
-    let homeComposerShell;
     let sessionComposerShell;
     const promptScannerSyncs = new Set();
     let approvalRoot;
@@ -619,9 +661,7 @@ function OpenTuiApp(props) {
     const sidebarFileAdditions = [];
     const sidebarFileDeletions = [];
     let sidebarFileSection;
-    const activePrompt = () => isHomeSurfaceActive()
-        ? homePromptRef ?? sessionPromptRef
-        : sessionPromptRef ?? homePromptRef;
+    const activePrompt = () => sessionPromptRef;
     function setPromptText(value) {
         promptText = value;
         const prompt = activePrompt();
@@ -703,7 +743,6 @@ function OpenTuiApp(props) {
         return true;
     }
     function blurInputsForModal() {
-        homePromptRef?.blur();
         sessionPromptRef?.blur();
         questionCustomInput?.blur();
         providerDialogInput?.blur();
@@ -760,9 +799,7 @@ function OpenTuiApp(props) {
                 activePrompt()?.focus();
         }, 0);
     }
-    const activeComposerShell = () => isHomeSurfaceActive()
-        ? homeComposerShell ?? sessionComposerShell
-        : sessionComposerShell ?? homeComposerShell;
+    const activeComposerShell = () => sessionComposerShell;
     onCleanup(() => {
         uiDisposed = true;
         if (copyToastClearTimer)
@@ -894,6 +931,23 @@ function OpenTuiApp(props) {
         return dimensions().width > SESSION_SIDEBAR_AUTO_WIDTH;
     };
     const contentWidth = () => Math.max(20, dimensions().width - (sidebarVisible() ? SESSION_SIDEBAR_WIDTH : 0) - 4);
+    const liveTerminalDimensions = () => {
+        const reactive = dimensions();
+        // Some terminal split-pane flows leave OpenTUI's resize signal stale. Node's
+        // TTY size is sampled on demand, so use it for modal geometry when present.
+        const stdoutWidth = process.stdout.columns;
+        const stdoutHeight = process.stdout.rows;
+        const width = Number.isFinite(stdoutWidth) && stdoutWidth && stdoutWidth > 0
+            ? stdoutWidth
+            : reactive.width;
+        const height = Number.isFinite(stdoutHeight) && stdoutHeight && stdoutHeight > 0
+            ? stdoutHeight
+            : reactive.height;
+        return {
+            width: Math.max(1, Math.floor(width)),
+            height: Math.max(1, Math.floor(height)),
+        };
+    };
     const bumpSidebar = () => {
         setSidebarTick((value) => value + 1);
         syncSidebarContext();
@@ -1090,7 +1144,6 @@ function OpenTuiApp(props) {
             if (!safeSetText(footerModeBadge, footerModeText()))
                 footerModeBadge = undefined;
         }
-        safeRequestRender(homeComposerShell);
         safeRequestRender(sessionComposerShell);
         safeRequestRender(rootBox);
     }
@@ -1119,7 +1172,6 @@ function OpenTuiApp(props) {
             if (!safeSetText(label, promptModelTitle()))
                 promptModelLabels.delete(label);
         }
-        safeRequestRender(homeComposerShell);
         safeRequestRender(sessionComposerShell);
         safeRequestRender(rootBox);
     };
@@ -1367,7 +1419,7 @@ function OpenTuiApp(props) {
         redrawApprovalPanel();
         if (approval || plan)
             focusApprovalPanel();
-        redrawTranscript();
+        redrawTranscript(streamingDisplay, displayMessages, { forceFollow: !!approval });
     };
     function questionStateFromRequest(request) {
         return {
@@ -2327,18 +2379,18 @@ function OpenTuiApp(props) {
     function isHomeSurfaceActive(extra) {
         return !hasTranscriptMessages(extra) && !pendingPlan() && !pendingQuestion() && !pendingFeedback() && !statsPanel && !pendingFeishuSetup();
     }
+    function isComposerHiddenByModal() {
+        return !!pendingQuestion() || !!pendingFeedback() || !!statsPanel || !!pendingFeishuSetup();
+    }
     function syncPromptSurfaces(focus = false) {
         const homeActive = isHomeSurfaceActive(streamingDisplay);
         const nextSessionActive = !homeActive;
         const surfaceChanged = sessionActive() !== nextSessionActive;
         setSessionActive(nextSessionActive);
-        const modalComposerHidden = !!pendingQuestion() || !!pendingFeedback() || !!statsPanel || !!pendingFeishuSetup();
         if (homeSurfaceShell)
             homeSurfaceShell.visible = homeActive;
-        if (homeComposerShell)
-            homeComposerShell.visible = homeActive && !modalComposerHidden;
         if (sessionComposerShell)
-            sessionComposerShell.visible = !homeActive && !modalComposerHidden;
+            sessionComposerShell.visible = !isComposerHiddenByModal();
         syncSidebarChrome();
         if (focus || surfaceChanged)
             setTimeout(() => activePrompt()?.focus(), 0);
@@ -2362,7 +2414,6 @@ function OpenTuiApp(props) {
             }
         }
         try {
-            homeComposerShell?.requestRender();
             sessionComposerShell?.requestRender();
             rootBox?.requestRender();
         }
@@ -2412,22 +2463,28 @@ function OpenTuiApp(props) {
     function redrawTranscriptWithQueuedDisplays() {
         redrawTranscript(streamingDisplay, displayMessages);
     }
-    function addQueuedUserDisplay(input) {
+    function addUserInputStatusDisplay(input, inputStatus) {
         const displayId = `queued-${++nextQueuedDisplayId}`;
         queuedDisplayMessages = [
             ...queuedDisplayMessages,
-            { role: "user", content: input, clientId: displayId, queued: true },
+            { role: "user", content: input, clientId: displayId, inputStatus },
         ];
         redrawTranscriptWithQueuedDisplays();
         return displayId;
     }
-    function updateQueuedUserDisplay(displayId, queued) {
+    function addQueuedUserDisplay(input) {
+        return addUserInputStatusDisplay(input, "queued");
+    }
+    function addPendingSteerUserDisplay(input) {
+        return addUserInputStatusDisplay(input, "pending_steer");
+    }
+    function updateUserInputDisplayStatus(displayId, inputStatus) {
         let changed = false;
         const update = (message) => {
             if (message.clientId !== displayId)
                 return message;
             changed = true;
-            return { ...message, queued };
+            return setUserInputStatus(message, inputStatus);
         };
         displayMessages = displayMessages.map(update);
         queuedDisplayMessages = queuedDisplayMessages.map(update);
@@ -2452,11 +2509,14 @@ function OpenTuiApp(props) {
             return false;
         const index = queuedDisplayMessages.findIndex((message) => message.clientId === displayId);
         if (index === -1) {
-            return updateQueuedUserDisplay(displayId, false);
+            return updateUserInputDisplayStatus(displayId);
         }
         const message = queuedDisplayMessages[index];
         queuedDisplayMessages = queuedDisplayMessages.filter((_, itemIndex) => itemIndex !== index);
-        displayMessages = [...displayMessages, { ...message, content: message.content || fallbackContent || " ", queued: false }];
+        displayMessages = [
+            ...displayMessages,
+            setUserInputStatus({ ...message, content: message.content || fallbackContent || " " }),
+        ];
         redrawTranscriptWithQueuedDisplays();
         return true;
     }
@@ -2490,7 +2550,7 @@ function OpenTuiApp(props) {
     }
     function requeueRejectedSteer(input, displayId) {
         const queuedDisplayId = displayId ?? addQueuedUserDisplay(input);
-        updateQueuedUserDisplay(queuedDisplayId, true);
+        updateUserInputDisplayStatus(queuedDisplayId, "queued");
         rejectedSteerInputs.push({ input, displayId: queuedDisplayId });
         syncQueuedComposerInputCount();
         if (!isRunning())
@@ -2583,9 +2643,12 @@ function OpenTuiApp(props) {
             queueComposerInput(input, { showInTranscript: true });
             return;
         }
-        const displayId = addQueuedUserDisplay(input);
-        const pendingInput = run.inputController.enqueue(input);
-        pendingSteerInputs.push({ id: pendingInput.id, input, displayId });
+        // Expand here because steer inputs bypass handleInput; keep the expanded
+        // text in the record so a rejected steer requeues without stale markers.
+        const expandedInput = expandComposerPastedTexts(input);
+        const displayId = addPendingSteerUserDisplay(expandedInput);
+        const pendingInput = run.inputController.enqueue(expandedInput);
+        pendingSteerInputs.push({ id: pendingInput.id, input: expandedInput, displayId });
         syncPendingSteerInputCount();
         setNotice("Steer pending for next model call");
     }
@@ -2883,12 +2946,16 @@ function OpenTuiApp(props) {
         updateTranscriptHost(transcriptHost, transcriptState, messages, transcriptOptions(), props.syntaxStyle, props.subtleSyntaxStyle);
         syncPromptSurfaces();
     }
-    function redrawTranscript(extra, baseMessages = displayMessages) {
+    function redrawTranscript(extra, baseMessages = displayMessages, options = {}) {
         streamingDisplay = extra;
-        renderTranscriptNow(streamingDisplay, baseMessages);
+        renderTranscriptNow(streamingDisplay, baseMessages, options);
     }
-    function renderTranscriptNow(extra, baseMessages = displayMessages) {
-        const shouldFollow = shouldFollowTranscriptBeforeUpdate();
+    function renderTranscriptNow(extra, baseMessages = displayMessages, options = {}) {
+        const shouldFollow = options.forceFollow ? true : shouldFollowTranscriptBeforeUpdate();
+        if (options.forceFollow) {
+            transcriptScrollFollowing = true;
+            transcriptScrollInitialized = true;
+        }
         const nextMessages = compactDisplayMessages([
             ...baseMessages,
             ...(extra ? [extra] : []),
@@ -2906,6 +2973,7 @@ function OpenTuiApp(props) {
         syncSidebarChrome();
         redrawQuestionPanel();
         redrawStatsPanel();
+        redrawProviderDialog();
         redrawFeishuSetupPanel();
         scrollbox?.requestRender();
         scheduleTranscriptScrollAfterUpdate(shouldFollow);
@@ -3131,11 +3199,13 @@ function OpenTuiApp(props) {
             providerDialogRoot.requestRender();
             return;
         }
-        const width = Math.max(56, Math.min(76, dimensions().width - 4));
+        const terminal = liveTerminalDimensions();
+        const width = providerDialogPanelWidth(terminal.width);
         const height = PROVIDER_DIALOG_ROWS + 7;
+        const columnWidths = providerDialogColumnWidths(state, width);
         providerDialogRoot.visible = true;
-        providerDialogRoot.width = dimensions().width;
-        providerDialogRoot.height = dimensions().height;
+        providerDialogRoot.width = terminal.width;
+        providerDialogRoot.height = terminal.height;
         providerDialogRoot.left = 0;
         providerDialogRoot.top = 0;
         providerDialogRoot.backgroundColor = modalBackdropColor();
@@ -3143,8 +3213,8 @@ function OpenTuiApp(props) {
             providerDialogPanel.visible = true;
             providerDialogPanel.width = width;
             providerDialogPanel.height = height;
-            providerDialogPanel.left = Math.max(0, Math.floor((dimensions().width - width) / 2));
-            providerDialogPanel.top = Math.max(0, Math.floor(dimensions().height / 4));
+            providerDialogPanel.left = Math.max(0, Math.floor((terminal.width - width) / 2));
+            providerDialogPanel.top = Math.max(0, Math.floor(terminal.height / 4));
             providerDialogPanel.backgroundColor = theme.backgroundPanel;
             providerDialogPanel.borderColor = theme.backgroundPanel;
             providerDialogPanel.requestRender();
@@ -3218,20 +3288,20 @@ function OpenTuiApp(props) {
                     gutter.fg = active ? activeText : providerDialogGutterColor(row.item.gutter ?? (isCurrentModelItem(row.item) ? "●" : undefined));
                 }
                 if (label) {
-                    label.content = truncate(row.item.label, providerDialogLabelWidth(state));
+                    label.content = truncate(row.item.label, columnWidths.label);
                     label.fg = active ? activeText : isCurrentModelItem(row.item) ? theme.primary : theme.text;
                 }
                 if (detail) {
                     const detailText = state.query.trim() && state.step === "models"
                         ? row.item.category ?? row.item.detail ?? ""
                         : row.item.detail ?? "";
-                    detail.width = providerDialogDetailWidth(state);
-                    detail.content = truncate(detailText, providerDialogDetailWidth(state));
+                    detail.width = columnWidths.detail;
+                    detail.content = truncate(detailText, columnWidths.detail);
                     detail.fg = active ? activeText : theme.textMuted;
                 }
                 if (footer) {
-                    footer.width = providerDialogFooterWidth(state);
-                    footer.content = row.item.footer ?? "";
+                    footer.width = columnWidths.footer;
+                    footer.content = truncate(row.item.footer ?? "", columnWidths.footer);
                     footer.fg = active ? activeText : theme.textMuted;
                 }
             }
@@ -3279,14 +3349,17 @@ function OpenTuiApp(props) {
             return theme.warning;
         return theme.textMuted;
     }
-    function providerDialogLabelWidth(state) {
-        return state.step === "skills" ? 22 : 37;
-    }
-    function providerDialogDetailWidth(state) {
-        return state.step === "skills" ? 26 : 16;
+    function providerDialogPanelWidth(terminalWidth) {
+        return Math.max(PROVIDER_DIALOG_MIN_WIDTH, Math.min(PROVIDER_DIALOG_MAX_WIDTH, terminalWidth - 4));
     }
-    function providerDialogFooterWidth(state) {
-        return state.step === "skills" ? 9 : 8;
+    function providerDialogColumnWidths(state, panelWidth) {
+        const contentWidth = Math.max(24, panelWidth - PROVIDER_DIALOG_ROW_RESERVED_WIDTH);
+        const footer = state.step === "skills" ? 10 : state.step === "providers" ? 9 : 8;
+        const minLabel = state.step === "skills" ? 18 : 24;
+        const desiredDetail = state.step === "skills" ? 30 : state.step === "providers" ? 24 : 16;
+        const detail = Math.max(8, Math.min(desiredDetail, contentWidth - footer - minLabel));
+        const label = Math.max(8, contentWidth - detail - footer);
+        return { label, detail, footer };
     }
     function isCurrentModelItem(item) {
         return item.value === props.agent.model || item.detail?.includes("current");
@@ -4597,6 +4670,28 @@ function OpenTuiApp(props) {
             applyingComposerImageReplacement = false;
         }
     }
+    // Replaces pasted-text markers with their full content. Runs after @mention
+    // expansion so mention-like tokens inside pasted content stay literal.
+    // References stay registered for the whole session so prompt-history recall
+    // and requeued drafts containing a marker expand again on resend.
+    function expandComposerPastedTexts(text) {
+        if (pendingPastedTexts.size === 0 || !text.includes("[Pasted text #"))
+            return text;
+        const references = [...pendingPastedTexts.entries()].map(([marker, content]) => ({ marker, content }));
+        return expandPastedContentMarkers(text, references);
+    }
+    function handleComposerPaste(event) {
+        const text = typeof event.text === "string" ? event.text : decodePastedBytes(event.bytes);
+        if (!text || !shouldCollapsePastedContent(text))
+            return;
+        event.preventDefault?.();
+        const marker = createPastedContentMarker(text, nextPastedTextIndex);
+        nextPastedTextIndex += 1;
+        pendingPastedTexts.set(marker, text);
+        const prompt = activePrompt();
+        prompt?.insertText(marker);
+        onPromptContentChange(readPromptText());
+    }
     async function expandTextParts(parts) {
         const expandedParts = [];
         for (const part of parts) {
@@ -4607,9 +4702,11 @@ function OpenTuiApp(props) {
             const expansion = await expandAtMentions(part.text, props.args.cwd);
             if (expansion.missing.length)
                 addMessage("error", `Could not resolve @mention: ${expansion.missing.join(", ")}`);
-            for (const skipped of expansion.skipped)
-                addMessage("error", `Skipped @${skipped.path}: ${skipped.reason}`);
-            expandedParts.push({ type: "text", text: expansion.text });
+            for (const skipped of expansion.skipped) {
+                if (skipped.reason !== "too large")
+                    addMessage("error", `Skipped @${skipped.path}: ${skipped.reason}`);
+            }
+            expandedParts.push({ type: "text", text: expandComposerPastedTexts(expansion.text) });
         }
         return expandedParts;
     }
@@ -4635,7 +4732,7 @@ function OpenTuiApp(props) {
         if (input.startsWith("/")) {
             const skillInvocation = parseSkillInvocation(input, skills);
             if (skillInvocation) {
-                await runAgentInput(skillInvocation.actualPrompt, input, options);
+                await runAgentInput(expandComposerPastedTexts(skillInvocation.actualPrompt), input, options);
                 return;
             }
             const handled = await executeSlash(input, options);
@@ -4645,9 +4742,11 @@ function OpenTuiApp(props) {
         const expansion = await expandAtMentions(input, props.args.cwd);
         if (expansion.missing.length)
             addMessage("error", `Could not resolve @mention: ${expansion.missing.join(", ")}`);
-        for (const skipped of expansion.skipped)
-            addMessage("error", `Skipped @${skipped.path}: ${skipped.reason}`);
-        await runAgentInput(expansion.text, input, options);
+        for (const skipped of expansion.skipped) {
+            if (skipped.reason !== "too large")
+                addMessage("error", `Skipped @${skipped.path}: ${skipped.reason}`);
+        }
+        await runAgentInput(expandComposerPastedTexts(expansion.text), input, options);
     }
     async function executeSlash(input, options = {}) {
         if (/^\/(?:thinking|toggle-thinking)(?:\s|$)/.test(input.trim())) {
@@ -4680,6 +4779,7 @@ function OpenTuiApp(props) {
             skillRegistry: skills,
             bashAllowlist: props.options.bashAllowlist,
             settingsManager: props.options.settingsManager,
+            hookController: props.options.hookController,
             mcpManager: props.options.mcpManager,
             lspService,
             flushMemory: props.options.flushMemory,
@@ -5106,10 +5206,13 @@ function OpenTuiApp(props) {
             return;
         }
         rememberPromptHistory(displayInput);
-        const reusedQueuedDisplay = promoteQueuedUserDisplay(options.displayId, displayInput);
+        // History keeps the short marker (it expands again on resend); the
+        // transcript shows the full pasted content once the message is sent.
+        const displayContent = expandComposerPastedTexts(displayInput);
+        const reusedQueuedDisplay = promoteQueuedUserDisplay(options.displayId, displayContent);
         const nextMessages = reusedQueuedDisplay
             ? displayMessages
-            : [...displayMessages, { role: "user", content: displayInput }];
+            : [...displayMessages, { role: "user", content: displayContent }];
         if (!reusedQueuedDisplay)
             displayMessages = nextMessages;
         streamingDisplay = undefined;
@@ -5127,6 +5230,8 @@ function OpenTuiApp(props) {
         }, { surface: "tui" });
         let assistantContent = "";
         let assistantReasoning = "";
+        let textDisplaySanitizer = createStreamingInternalReminderSanitizer();
+        let reasoningDisplaySanitizer = createStreamingInternalReminderSanitizer();
         const toolCalls = [];
         const assistantParts = [];
         let turnStartedAt;
@@ -5141,7 +5246,7 @@ function OpenTuiApp(props) {
         const buildStreamingDisplay = (status) => {
             const currentParts = snapshotDisplayParts(assistantParts);
             const partContent = assistantContent || contentFromParts(currentParts);
-            return {
+            return sanitizeDisplayMessage({
                 role: "assistant",
                 content: partContent,
                 reasoning: assistantReasoning || undefined,
@@ -5150,7 +5255,7 @@ function OpenTuiApp(props) {
                 status,
                 streaming: true,
                 turnStartedAt,
-            };
+            });
         };
         const flushStreamingRedraw = () => {
             if (pendingStreamingRedrawTimer === undefined)
@@ -5180,6 +5285,8 @@ function OpenTuiApp(props) {
                 if (event.type === "turn_start") {
                     assistantContent = "";
                     assistantReasoning = "";
+                    textDisplaySanitizer = createStreamingInternalReminderSanitizer();
+                    reasoningDisplaySanitizer = createStreamingInternalReminderSanitizer();
                     toolCalls.length = 0;
                     assistantParts.length = 0;
                     turnStartedAt = Date.now();
@@ -5192,22 +5299,42 @@ function OpenTuiApp(props) {
                     });
                 }
                 else if (event.type === "text_delta") {
-                    assistantContent += event.content;
-                    appendTextPart(assistantParts, event.content);
-                    scheduleStreamingRedraw();
+                    const content = textDisplaySanitizer.push(event.content);
+                    if (content) {
+                        assistantContent += content;
+                        appendTextPart(assistantParts, content);
+                        scheduleStreamingRedraw();
+                    }
                 }
                 else if (event.type === "reasoning_delta") {
+                    const content = reasoningDisplaySanitizer.push(event.content);
+                    if (!content)
+                        continue;
                     debugReasoningStream({
                         stage: "ui_append",
                         providerId: props.agent.providerId,
                         modelId: props.agent.apiModel,
                         beforeLength: assistantReasoning.length,
-                        delta: summarizeDebugText(event.content),
-                        afterLength: assistantReasoning.length + event.content.length,
+                        delta: summarizeDebugText(content),
+                        afterLength: assistantReasoning.length + content.length,
                     });
-                    assistantReasoning += event.content;
+                    assistantReasoning += content;
                     scheduleStreamingRedraw();
                 }
+                else if (event.type === "hook_start") {
+                    setNotice(`Hook ${event.eventName}: ${event.hookId}`);
+                }
+                else if (event.type === "hook_end") {
+                    if (event.decision === "deny") {
+                        setNotice(event.reason ?? `Hook ${event.hookId} denied ${event.eventName}`);
+                    }
+                }
+                else if (event.type === "hook_error") {
+                    setNotice(`Hook ${event.hookId} error: ${event.error}`);
+                }
+                else if (event.type === "provider_retry") {
+                    setNotice(`Connection interrupted — retrying (${event.attempt}/${event.maxAttempts})…`);
+                }
                 else if (event.type === "tool_call_start") {
                     // Insert a streaming placeholder so the user sees feedback the moment
                     // the model commits to a tool call, instead of waiting for the args
@@ -5336,6 +5463,15 @@ function OpenTuiApp(props) {
                         clearTimeout(pendingStreamingRedrawTimer);
                         pendingStreamingRedrawTimer = undefined;
                     }
+                    const flushedText = textDisplaySanitizer.flush();
+                    if (flushedText) {
+                        assistantContent += flushedText;
+                        appendTextPart(assistantParts, flushedText);
+                    }
+                    const flushedReasoning = reasoningDisplaySanitizer.flush();
+                    if (flushedReasoning) {
+                        assistantReasoning += flushedReasoning;
+                    }
                     if (event.usage) {
                         setSidebarUsage((current) => ({
                             contextTokens: event.usage.promptTokens || current.contextTokens,
@@ -5351,20 +5487,21 @@ function OpenTuiApp(props) {
                     }
                     bumpSidebar();
                     const currentParts = snapshotDisplayParts(assistantParts);
-                    const finalContent = assistantContent || contentFromParts(currentParts);
+                    const finalContent = sanitizeInternalReminderBlocks(assistantContent || contentFromParts(currentParts));
+                    const finalReasoning = sanitizeInternalReasoningText(assistantReasoning);
                     const finalToolCalls = toolCalls.length > 0
                         ? [...toolCalls]
                         : toolCallsFromParts(currentParts);
-                    const assistantMessage = {
+                    const assistantMessage = sanitizeDisplayMessage({
                         role: "assistant",
                         content: finalContent,
-                        reasoning: assistantReasoning || undefined,
+                        reasoning: finalReasoning || undefined,
                         toolCalls: finalToolCalls.length ? finalToolCalls : undefined,
                         parts: currentParts.length ? currentParts : undefined,
                         turnStartedAt,
                         turnCompletedAt: Date.now(),
                         turnUsage: event.usage,
-                    };
+                    });
                     const nextMessages = hasRenderableMessage(assistantMessage)
                         ? [...displayMessages, assistantMessage]
                         : displayMessages;
@@ -5464,16 +5601,16 @@ function OpenTuiApp(props) {
         return h("box", {
             ref: (ref) => {
                 sessionComposerShell = ref;
-                ref.visible = !isHomeSurfaceActive(streamingDisplay) && !pendingQuestion() && !pendingFeedback() && !statsPanel && !pendingFeishuSetup();
+                ref.visible = !isComposerHiddenByModal();
             },
             width: "100%",
             paddingLeft: 2,
             paddingRight: 2,
             flexShrink: 0,
-            visible: !isHomeSurfaceActive(streamingDisplay) && !pendingQuestion() && !statsPanel && !pendingFeishuSetup(),
+            visible: !isComposerHiddenByModal(),
         }, renderPrompt({
             ref: (ref) => { sessionPromptRef = ref; },
-            focused: !isHomeSurfaceActive(streamingDisplay),
+            focused: !isComposerHiddenByModal(),
             onSubmit: submitPrompt,
             isFallbackNewlineKey: isTrackedShiftReturn,
             onFallbackNewline: () => canInsertPromptNewline() && (activePrompt()?.newLine() ?? false),
@@ -5488,6 +5625,7 @@ function OpenTuiApp(props) {
             model: promptModelTitle,
             interruptHint: promptStatusText,
             tabHint: () => isRunning() ? "queue" : "mode",
+            onPaste: handleComposerPaste,
             placeholder: () => {
                 const approvalState = pendingApproval();
                 if (approvalState)
@@ -5508,7 +5646,6 @@ function OpenTuiApp(props) {
         }));
     }
     function renderHomeSurface() {
-        const homeHeight = Math.max(16, dimensions().height - 4);
         const logoLines = bubbleWordmarkForWidth(dimensions().width);
         return h("box", {
             ref: (ref) => {
@@ -5516,7 +5653,8 @@ function OpenTuiApp(props) {
                 ref.visible = isHomeSurfaceActive(streamingDisplay);
             },
             visible: isHomeSurfaceActive(streamingDisplay),
-            height: homeHeight,
+            height: "100%",
+            minHeight: 0,
             flexDirection: "column",
             alignItems: "center",
             justifyContent: "center",
@@ -5528,57 +5666,6 @@ function OpenTuiApp(props) {
             ...(props.options.updateNotice
                 ? [h("box", { flexShrink: 0, flexDirection: "column", alignItems: "center" }, h("text", { fg: theme.accent, content: props.options.updateNotice }))]
                 : []),
-            h("box", { height: 1, minHeight: 0, flexShrink: 1 }),
-            h("box", {
-                ref: (ref) => {
-                    homeComposerShell = ref;
-                    ref.visible = isHomeSurfaceActive(streamingDisplay) && !pendingQuestion() && !pendingFeedback() && !statsPanel && !pendingFeishuSetup();
-                },
-                width: "100%",
-                maxWidth: 75,
-                zIndex: 1000,
-                paddingTop: 1,
-                flexShrink: 0,
-                visible: isHomeSurfaceActive(streamingDisplay) && !pendingQuestion() && !statsPanel && !pendingFeishuSetup(),
-            }, renderPrompt({
-                ref: (ref) => {
-                    homePromptRef = ref;
-                    if (isHomeSurfaceActive(streamingDisplay))
-                        setTimeout(() => ref.focus(), 0);
-                },
-                focused: isHomeSurfaceActive(streamingDisplay),
-                onSubmit: submitPrompt,
-                isFallbackNewlineKey: isTrackedShiftReturn,
-                onFallbackNewline: () => canInsertPromptNewline() && (activePrompt()?.newLine() ?? false),
-                onContentChange: onPromptContentChange,
-                onKeyDown: handlePickerKey,
-                onUiKeyDown: promptUiKeyDown,
-                getText: readPromptText,
-                disabled: () => !!pendingFeedback() || !!statsPanel,
-                mode,
-                registerModeLabel: registerPromptModeLabel,
-                registerModelLabel: registerPromptModelLabel,
-                model: promptModelTitle,
-                interruptHint: promptStatusText,
-                tabHint: () => isRunning() ? "queue" : "mode",
-                placeholder: () => {
-                    const approvalState = pendingApproval();
-                    if (approvalState)
-                        return "Press Enter to approve or Esc to reject";
-                    if (pendingQuestion())
-                        return "Answer the question below";
-                    if (pendingFeedback())
-                        return "Describe feedback below";
-                    if (statsPanel)
-                        return "Stats panel is open";
-                    const plan = pendingPlan();
-                    if (plan)
-                        return "Press Enter to approve plan or Esc to reject";
-                    if (isRunning())
-                        return "Steer current run...";
-                    return `Ask anything... "${homePrompt}"`;
-                },
-            })),
         ]);
     }
     function renderQuestionPanelHost() {
@@ -5656,7 +5743,10 @@ function OpenTuiApp(props) {
             visible: false,
             flexShrink: 0,
         }, h("textarea", {
-            ref: (ref) => { questionCustomInput = ref; },
+            ref: (ref) => {
+                preserveCursorOnMouseSelection(ref);
+                questionCustomInput = ref;
+            },
             placeholder: "Type your own answer",
             placeholderColor: theme.textMuted,
             textColor: theme.text,
@@ -5745,7 +5835,10 @@ function OpenTuiApp(props) {
             wrapMode: "word",
             content: "Creates a public GitHub issue at DylanDDeng/bubble. Review before sending.",
         }), h("textarea", {
-            ref: (ref) => { feedbackInput = ref; },
+            ref: (ref) => {
+                preserveCursorOnMouseSelection(ref);
+                feedbackInput = ref;
+            },
             placeholder: "Describe what happened",
             placeholderColor: theme.textMuted,
             textColor: theme.text,
@@ -6657,11 +6750,9 @@ function OpenTuiApp(props) {
                 visible: !!approval,
                 focusable: true,
                 onKeyDown: handleApprovalKey,
-                position: "absolute",
-                left: 2,
-                right: 2,
-                bottom: 4,
-                zIndex: 200,
+                width: "100%",
+                flexShrink: 0,
+                marginTop: 1,
                 backgroundColor: theme.backgroundPanel,
                 border: ["left"],
                 borderColor: theme.warning,
@@ -6841,7 +6932,10 @@ function OpenTuiApp(props) {
 function renderPrompt(input) {
     const transparentBackground = "#00000000";
     return h("box", { flexDirection: "column", flexShrink: 0, marginTop: 1 }, h("box", { width: "100%", border: true, borderColor: theme.border, backgroundColor: transparentBackground }, h("box", { flexDirection: "column", paddingLeft: 2, paddingRight: 2, paddingTop: 1, paddingBottom: 1, backgroundColor: transparentBackground }, h("textarea", {
-        ref: input.ref,
+        ref: (ref) => {
+            preserveCursorOnMouseSelection(ref);
+            input.ref(ref);
+        },
         focused: input.focused,
         placeholder: input.placeholder(),
         placeholderColor: theme.textMuted,
@@ -6849,8 +6943,10 @@ function renderPrompt(input) {
         focusedTextColor: theme.text,
         backgroundColor: transparentBackground,
         focusedBackgroundColor: transparentBackground,
+        cursorColor: theme.primary,
         minHeight: 1,
         maxHeight: 6,
+        ...(input.onPaste ? { onPaste: input.onPaste } : {}),
         onContentChange: () => input.onContentChange(input.getText()),
         keyBindings: PROMPT_TEXTAREA_KEYBINDINGS,
         onKeyDown: (event) => {
@@ -6965,8 +7061,9 @@ function renderUserMessage(message, index) {
     const userChildren = [
         h("text", { fg: theme.messageUserText, wrapMode: "word" }, message.content || " "),
     ];
-    if (message.queued) {
-        userChildren.push(h("box", { paddingTop: 1 }, h("text", { fg: theme.textMuted }, h("span", { bg: theme.primary, fg: theme.background, bold: true }, " QUEUED "))));
+    const inputBadge = userInputStatusBadgeLabel(message.inputStatus);
+    if (inputBadge) {
+        userChildren.push(h("box", { paddingTop: 1 }, h("text", { fg: theme.textMuted }, h("span", { bg: theme.primary, fg: theme.background, bold: true }, ` ${inputBadge} `))));
     }
     return h("box", {
         border: ["left"],
@@ -6977,17 +7074,20 @@ function renderUserMessage(message, index) {
     }, h("box", { paddingTop: 1, paddingBottom: 1, paddingLeft: 2, backgroundColor: theme.backgroundPanel, flexShrink: 0, flexDirection: "column" }, ...userChildren));
 }
 function renderAssistantMessage(message, syntaxStyle, subtleSyntaxStyle, showThinking = true, verboseTrace = false, width = 80) {
+    message = sanitizeDisplayMessage(message);
     const visibleReasoning = showThinking
-        ? sanitizeInternalReminderBlocks(message.reasoning ?? "").trim()
+        ? sanitizeInternalReasoningText(message.reasoning ?? "").trim()
         : "";
-    const modelSwitch = parseModelSwitchMessage(message.content);
+    const sanitizedContent = sanitizeInternalReminderBlocks(message.content);
+    const modelSwitch = parseModelSwitchMessage(sanitizedContent);
     if (modelSwitch && !visibleReasoning && !(message.toolCalls?.length)) {
         return renderModelSwitchMessage(modelSwitch);
     }
     const children = [];
     const parts = message.parts ?? [];
     const hasParts = parts.length > 0;
-    if (message.status && !visibleReasoning && !message.content.trim() && !(message.toolCalls?.length) && !hasParts) {
+    const trimmedContent = sanitizedContent.trim();
+    if (message.status && !visibleReasoning && !trimmedContent && !(message.toolCalls?.length) && !hasParts) {
         children.push(h("box", { paddingLeft: 3, marginTop: 1, flexShrink: 0 }, h("text", { fg: theme.messageThinkingText }, assistantStatusLabel(message))));
     }
     if (visibleReasoning) {
@@ -7003,7 +7103,6 @@ function renderAssistantMessage(message, syntaxStyle, subtleSyntaxStyle, showThi
             fg: theme.messageThinkingContentText,
         })));
     }
-    const trimmedContent = message.content.trim();
     if (hasParts) {
         renderAssistantMessageParts(children, parts, syntaxStyle, verboseTrace, width, message.streaming === true);
     }
@@ -7041,7 +7140,7 @@ function renderAssistantMessage(message, syntaxStyle, subtleSyntaxStyle, showThi
 function renderAssistantMessageParts(children, parts, syntaxStyle, verboseTrace, width, streaming) {
     for (const part of parts) {
         if (part.type === "text") {
-            const content = part.content.trim();
+            const content = sanitizeInternalReminderBlocks(part.content).trim();
             if (!content)
                 continue;
             children.push(h("box", {
@@ -7067,7 +7166,7 @@ function renderAssistantMessageParts(children, parts, syntaxStyle, verboseTrace,
 }
 function lastPartHasText(parts) {
     const last = parts[parts.length - 1];
-    return last?.type === "text" && !!last.content.trim();
+    return last?.type === "text" && !!sanitizeInternalReminderBlocks(last.content).trim();
 }
 function parseModelSwitchMessage(content) {
     const match = content.trim().match(/^Model switched to (.+)\.$/);
@@ -7121,7 +7220,7 @@ function renderMarkdownContent(content, syntaxStyle, options) {
 function updateTranscriptHost(host, state, messages, options, syntaxStyle, subtleSyntaxStyle) {
     const showThinking = options?.showThinking ?? true;
     const verboseTrace = options?.verboseTrace ?? false;
-    const visibleMessages = messages.filter((message) => hasRenderableMessage(message, showThinking));
+    const visibleMessages = sanitizeDisplayMessages(messages).filter((message) => hasRenderableMessage(message, showThinking));
     const ctx = host.ctx;
     const nextEntries = [];
     if (!visibleMessages.length && !options?.plan) {
@@ -7200,6 +7299,7 @@ function transcriptMessageKey(message, index) {
     return `${index}:${message.role}`;
 }
 function transcriptMessageSignature(message, compactionExpanded = false) {
+    message = sanitizeDisplayMessage(message);
     if (message.role !== "assistant")
         return message.role;
     if (message.syntheticKind === "ui_compact_card") {
@@ -7217,12 +7317,13 @@ function transcriptMessageSignature(message, compactionExpanded = false) {
 }
 function updateMessageEntry(entry, message, showThinking = true, compactionExpanded = false, assistantOptions) {
     if (message.role === "user") {
+        const inputBadge = userInputStatusBadgeLabel(message.inputStatus);
         if (entry.refs.userText)
             entry.refs.userText.content = message.content || " ";
         if (entry.refs.userQueuedBox)
-            entry.refs.userQueuedBox.visible = message.queued === true;
+            entry.refs.userQueuedBox.visible = !!inputBadge;
         if (entry.refs.userQueuedText)
-            entry.refs.userQueuedText.content = message.queued ? " QUEUED " : "";
+            entry.refs.userQueuedText.content = inputBadge ? ` ${inputBadge} ` : "";
         return;
     }
     if (message.role === "error") {
@@ -7249,6 +7350,7 @@ function updateMessageEntry(entry, message, showThinking = true, compactionExpan
     }
 }
 function updateAssistantEntry(entry, message, showThinking, options) {
+    message = sanitizeDisplayMessage(message);
     const content = message.content.trim();
     const visibleReasoning = showThinking ? message.reasoning?.trim() ?? "" : "";
     const tools = message.toolCalls ?? [];
@@ -7345,7 +7447,7 @@ function updateAssistantPartEntries(entry, parts, options, streaming) {
         const key = `part:${index}:${part.type}`;
         const previous = previousEntries.get(key);
         if (part.type === "text") {
-            const content = part.content.trim();
+            const content = sanitizeInternalReminderBlocks(part.content).trim();
             let ref;
             if (previous?.kind === "text") {
                 ref = previous;
@@ -7896,14 +7998,15 @@ function createUserEntry(ctx, message, index, key, signature) {
         wrapMode: "word",
     });
     refs.userText = text;
-    const queuedText = createText(ctx, message.queued ? " QUEUED " : "", {
+    const inputBadge = userInputStatusBadgeLabel(message.inputStatus);
+    const queuedText = createText(ctx, inputBadge ? ` ${inputBadge} ` : "", {
         fg: theme.background,
         bg: theme.primary,
     });
     refs.userQueuedText = queuedText;
     const queuedBox = createBox(ctx, {
         paddingTop: 1,
-        visible: message.queued === true,
+        visible: !!inputBadge,
     }, [queuedText]);
     refs.userQueuedBox = queuedBox;
     const node = createBox(ctx, {
@@ -7944,6 +8047,7 @@ function createErrorEntry(ctx, message, key, signature) {
     return { key, signature, node, refs };
 }
 function createAssistantEntry(ctx, message, syntaxStyle, subtleSyntaxStyle, key, signature, showThinking = true, width = 80, verboseTrace = false, expandedWrites = new Set(), onToggleWrite) {
+    message = sanitizeDisplayMessage(message);
     const modelSwitch = parseModelSwitchMessage(message.content);
     if (modelSwitch && !message.reasoning?.trim() && !(message.toolCalls?.length)) {
         return createModelSwitchEntry(ctx, modelSwitch, key, signature);
@@ -8109,7 +8213,7 @@ function createCompactionCardEntry(ctx, message, key, signature, expanded, onTog
         statsParts.push(`${meta.turns} turn${meta.turns === 1 ? "" : "s"}`);
     if (meta?.messages)
         statsParts.push(`${meta.messages} message${meta.messages === 1 ? "" : "s"}`);
-    const statsLine = statsParts.length > 0 ? statsParts.join(" · ") : "Compacted";
+    const statsLine = statsParts.length > 0 ? `${statsParts.join(" · ")} collapsed` : "Collapsed";
     const children = [];
     const headerRow = createBox(ctx, {
         flexDirection: "row",
@@ -8118,8 +8222,8 @@ function createCompactionCardEntry(ctx, message, key, signature, expanded, onTog
         alignItems: "center",
     }, [
         createText(ctx, new StyledText([
-            fg(theme.info)(bold("◈ Context Compacted")),
-        ]), { width: 20 }),
+            fg(theme.info)(bold("◈ Earlier Conversation")),
+        ]), { width: 23 }),
         createText(ctx, new StyledText([
             fg(theme.textMuted)(`─ ${statsLine}`),
         ])),
@@ -8716,7 +8820,7 @@ function renderTranscript(messages, options, syntaxStyle, subtleSyntaxStyle) {
     return items;
 }
 function renderSessionMessages(messages, syntaxStyle, subtleSyntaxStyle, showThinking = true, verboseTrace = false) {
-    const visibleMessages = messages.filter((message) => hasRenderableMessage(message, showThinking));
+    const visibleMessages = sanitizeDisplayMessages(messages).filter((message) => hasRenderableMessage(message, showThinking));
     if (!visibleMessages.length)
         return null;
     return visibleMessages.map((message, index) => renderMessage(message, index, syntaxStyle, subtleSyntaxStyle, showThinking, verboseTrace));
@@ -8724,7 +8828,7 @@ function renderSessionMessages(messages, syntaxStyle, subtleSyntaxStyle, showThi
 function formatTranscript(messages, options) {
     const showThinking = options?.showThinking ?? true;
     const verboseTrace = options?.verboseTrace ?? false;
-    const visibleMessages = messages.filter((message) => hasRenderableMessage(message, showThinking));
+    const visibleMessages = sanitizeDisplayMessages(messages).filter((message) => hasRenderableMessage(message, showThinking));
     const chunks = [];
     const append = (content, color = theme.text) => {
         if (content)
@@ -8901,6 +9005,7 @@ function renderHomeState(input) {
     }, h("box", { flexDirection: "column", flexShrink: 0, width: "100%" }, h("text", { fg: theme.text }, ""), h("text", { fg: theme.text }, ""), ...logoLines.map((line) => renderHomeLogoLine(line, width)), h("text", { fg: theme.text }, ""), h("text", { fg: theme.warning }, centerLine(`● Tip  ${input.tip}`, width)), cwd ? h("text", { fg: theme.textMuted }, centerLine(`  ${cwd}`, width)) : null));
 }
 function hasRenderableMessage(message, showThinking = true) {
+    message = sanitizeDisplayMessage(message);
     if (message.role === "error")
         return !!message.content.trim();
     if (message.role === "user")