gsd-pi 2.77.0-dev.538325aea → 2.77.0-dev.eaa4973bc

package/packages/gsd-agent-modes/dist/modes/interactive/interactive-mode.js

@@ -1,3409 +0,0 @@
-/**
- * Interactive mode for the coding agent.
- * Handles TUI rendering and user interaction, delegating business logic to AgentSession.
- */
-import * as crypto from "node:crypto";
-import * as fs from "node:fs";
-import * as os from "node:os";
-import * as path from "node:path";
-import { listDescendants } from "@gsd/native";
-import { CombinedAutocompleteProvider, Container, fuzzyFilter, Loader, Markdown, matchesKey, ProcessTerminal, Spacer, Text, TruncatedText, TUI, visibleWidth, } from "@gsd/pi-tui";
-import { spawn, spawnSync } from "child_process";
-import { VERSION } from "@gsd/pi-coding-agent";
-import { parseSkillBlock } from "@gsd/pi-coding-agent";
-import { isServerToolUseBlock, isWebSearchResultBlock } from "@gsd/agent-types";
-import { KeybindingsManager } from "@gsd/agent-core";
-import { SessionManager } from "@gsd/pi-coding-agent";
-import { AssistantMessageComponent } from "./components/assistant-message.js";
-import { BashExecutionComponent } from "./components/bash-execution.js";
-import { BorderedLoader } from "./components/bordered-loader.js";
-import { BranchSummaryMessageComponent } from "./components/branch-summary-message.js";
-import { CompactionSummaryMessageComponent } from "./components/compaction-summary-message.js";
-import { CustomEditor } from "./components/custom-editor.js";
-import { CustomMessageComponent } from "./components/custom-message.js";
-import { DaxnutsComponent } from "./components/daxnuts.js";
-import { DynamicBorder } from "./components/dynamic-border.js";
-import { ExtensionEditorComponent } from "./components/extension-editor.js";
-import { ExtensionInputComponent } from "./components/extension-input.js";
-import { ExtensionSelectorComponent } from "./components/extension-selector.js";
-import { FooterComponent } from "./components/footer.js";
-import { appKey, appKeyHint, keyHint, rawKeyHint } from "./components/keybinding-hints.js";
-import { LoginDialogComponent } from "./components/login-dialog.js";
-import { ModelSelectorComponent, providerDisplayName } from "./components/model-selector.js";
-import { OAuthSelectorComponent } from "./components/oauth-selector.js";
-import { ProviderManagerComponent } from "./components/provider-manager.js";
-import { ScopedModelsSelectorComponent } from "./components/scoped-models-selector.js";
-import { SessionSelectorComponent } from "./components/session-selector.js";
-import { SettingsSelectorComponent } from "./components/settings-selector.js";
-import { SkillInvocationMessageComponent } from "./components/skill-invocation-message.js";
-import { ToolExecutionComponent } from "./components/tool-execution.js";
-import { TreeSelectorComponent } from "./components/tree-selector.js";
-import { UserMessageComponent } from "./components/user-message.js";
-import { UserMessageSelectorComponent } from "./components/user-message-selector.js";
-import { APP_NAME, BUILTIN_SLASH_COMMANDS, ContextualTips, FooterDataProvider, createCompactionSummaryMessage, ensureTool, extensionForImageMimeType, getAuthPath, getChangelogPath, getDebugLogPath, getNewEntries, getUpdateInstruction, parseChangelog, readClipboardImage, resolveModelScope, } from "../../pi-coding-agent-compat.js";
-import { getAppKeyDisplay } from "./slash-command-handlers.js";
-import { handleAgentEvent } from "./controllers/chat-controller.js";
-import { createExtensionUIContext as buildExtensionUIContext } from "./controllers/extension-ui-controller.js";
-import { setupEditorSubmitHandler as setupEditorSubmitHandlerController } from "./controllers/input-controller.js";
-import { findExactModelMatch as findExactModelMatchController, getModelCandidates as getModelCandidatesController, handleModelCommand as handleModelCommandController, updateAvailableProviderCount as updateAvailableProviderCountController, } from "./controllers/model-controller.js";
-import { getMarkdownTheme, initTheme, } from "@gsd/pi-coding-agent";
-import { getAvailableThemes, getEditorTheme, onThemeChange, setRegisteredThemes, setTheme, stopThemeWatcher } from "../../pi-coding-agent-compat.js";
-import { theme } from "../../theme.js";
-function isExpandable(obj) {
-    return typeof obj === "object" && obj !== null && "setExpanded" in obj && typeof obj.setExpanded === "function";
-}
-/**
- * Build replay segments for historical assistant messages so rebuild paths
- * preserve the original content[] ordering between assistant prose and tools.
- */
-export function buildAssistantReplaySegments(contentBlocks) {
-    const segments = [];
-    let runStart = -1;
-    for (let i = 0; i < contentBlocks.length; i++) {
-        const block = contentBlocks[i];
-        const blockType = typeof block === "object" && block !== null && "type" in block ? block.type : undefined;
-        const isAssistantText = blockType === "text" || blockType === "thinking";
-        const isTool = blockType === "toolCall" || blockType === "serverToolUse";
-        if (isAssistantText) {
-            if (runStart === -1)
-                runStart = i;
-            continue;
-        }
-        if (runStart !== -1) {
-            segments.push({ kind: "assistant", startIndex: runStart, endIndex: i - 1 });
-            runStart = -1;
-        }
-        if (isTool) {
-            segments.push({ kind: "tool", contentIndex: i });
-        }
-    }
-    if (runStart !== -1) {
-        segments.push({ kind: "assistant", startIndex: runStart, endIndex: contentBlocks.length - 1 });
-    }
-    return segments;
-}
-export class InteractiveMode {
-    // Cap rendered chat components to prevent unbounded memory/CPU growth.
-    // Only render-components are removed — session transcript stays on disk.
-    static { this.MAX_CHAT_COMPONENTS = 100; }
-    // Convenience accessors
-    get agent() {
-        return this.session.agent;
-    }
-    get sessionManager() {
-        return this.session.sessionManager;
-    }
-    get settingsManager() {
-        return this.session.settingsManager;
-    }
-    constructor(session, options = {}) {
-        this.options = options;
-        this.isInitialized = false;
-        this.loadingAnimation = undefined;
-        this.pendingWorkingMessage = undefined;
-        this.defaultWorkingMessage = "Working...";
-        this.lastSigintTime = 0;
-        this.lastEscapeTime = 0;
-        this.changelogMarkdown = undefined;
-        // Status line tracking (for mutating immediately-sequential status updates)
-        this.lastStatusSpacer = undefined;
-        this.lastStatusText = undefined;
-        // Streaming message tracking
-        this.streamingComponent = undefined;
-        this.streamingMessage = undefined;
-        // Tool execution tracking: toolCallId -> component
-        this.pendingTools = new Map();
-        // Tool output expansion state
-        this.toolOutputExpanded = false;
-        // Thinking block visibility state
-        this.hideThinkingBlock = false;
-        // Skill commands: command name -> skill file path
-        this.skillCommands = new Map();
-        // Track if editor is in bash mode (text starts with !)
-        this.isBashMode = false;
-        // Contextual tips — session-scoped, non-intrusive hints
-        this.contextualTips = new ContextualTips();
-        // Track current bash execution component
-        this.bashComponent = undefined;
-        // Track pending bash components (shown in pending area, moved to chat on submit)
-        this.pendingBashComponents = [];
-        // Auto-compaction state
-        this.autoCompactionLoader = undefined;
-        // Auto-retry state
-        this.retryLoader = undefined;
-        // Messages queued while compaction is running
-        this.compactionQueuedMessages = [];
-        // Shutdown state
-        this.shutdownRequested = false;
-        // Extension UI state
-        this.extensionSelector = undefined;
-        this.extensionInput = undefined;
-        this.extensionEditor = undefined;
-        this.extensionTerminalInputUnsubscribers = new Set();
-        // Extension widgets (components rendered above/below the editor)
-        this.extensionWidgetsAbove = new Map();
-        this.extensionWidgetsBelow = new Map();
-        // Custom footer from extension (undefined = use built-in footer)
-        this.customFooter = undefined;
-        // Built-in header (logo + keybinding hints + changelog)
-        this.builtInHeader = undefined;
-        // Custom header from extension (undefined = use built-in header)
-        this.customHeader = undefined;
-        /**
-         * Gracefully shutdown the agent.
-         * Emits shutdown event to extensions, then exits.
-         */
-        this.isShuttingDown = false;
-        this.session = session;
-        this.version = VERSION;
-        this.ui = new TUI(options.terminal ?? new ProcessTerminal(), this.settingsManager.getShowHardwareCursor());
-        this.ui.setClearOnShrink(this.settingsManager.getClearOnShrink());
-        this.headerContainer = new Container();
-        this.chatContainer = new Container();
-        this.pendingMessagesContainer = new Container();
-        this.statusContainer = new Container();
-        this.pinnedMessageContainer = new Container();
-        this.widgetContainerAbove = new Container();
-        this.widgetContainerBelow = new Container();
-        this.keybindings = KeybindingsManager.create();
-        const editorPaddingX = this.settingsManager.getEditorPaddingX();
-        const autocompleteMaxVisible = this.settingsManager.getAutocompleteMaxVisible();
-        this.defaultEditor = new CustomEditor(this.ui, getEditorTheme(), this.keybindings, {
-            paddingX: editorPaddingX,
-            autocompleteMaxVisible,
-        });
-        this.editor = this.defaultEditor;
-        this.editorContainer = new Container();
-        this.editorContainer.addChild(this.editor);
-        this.footerDataProvider = new FooterDataProvider();
-        /* vendor-seam: dual-module-path — AgentSession resolves to @gsd/pi-coding-agent in FooterComponent but @gsd/agent-core here */
-        this.footer = new FooterComponent(session, this.footerDataProvider);
-        this.footer.setAutoCompactEnabled(session.autoCompactionEnabled);
-        // Load hide thinking block setting
-        this.hideThinkingBlock = this.settingsManager.getHideThinkingBlock();
-        // Register themes from resource loader and initialize
-        /* vendor-seam: dual-module-path — Theme resolves differently through ResourceLoader vs setRegisteredThemes import path */
-        setRegisteredThemes(this.session.resourceLoader.getThemes().themes);
-        initTheme(this.settingsManager.getTheme(), true);
-    }
-    setupAutocomplete() {
-        // Define commands for autocomplete
-        const slashCommands = BUILTIN_SLASH_COMMANDS.map((command) => ({
-            name: command.name,
-            description: command.description,
-        }));
-        const modelCommand = slashCommands.find((command) => command.name === "model");
-        if (modelCommand) {
-            modelCommand.getArgumentCompletions = (prefix) => {
-                // Get available models (scoped or from registry)
-                const models = this.session.scopedModels.length > 0
-                    ? this.session.scopedModels.map((s) => s.model)
-                    : this.session.modelRegistry.getAvailable();
-                if (models.length === 0)
-                    return null;
-                // Create items with provider/id format
-                const items = models.map((m) => ({
-                    id: m.id,
-                    provider: m.provider,
-                    label: `${m.provider}/${m.id}`,
-                }));
-                // Fuzzy filter by model ID + provider (allows "opus anthropic" to match)
-                const filtered = fuzzyFilter(items, prefix, (item) => `${item.id} ${item.provider}`);
-                if (filtered.length === 0)
-                    return null;
-                return filtered.map((item) => ({
-                    value: item.label,
-                    label: item.id,
-                    description: providerDisplayName(item.provider),
-                }));
-            };
-        }
-        // Add argument completions for /thinking
-        const thinkingCommand = slashCommands.find((command) => command.name === "thinking");
-        if (thinkingCommand) {
-            thinkingCommand.getArgumentCompletions = (prefix) => {
-                const levels = [
-                    { value: "off", label: "off", description: "Disable extended thinking" },
-                    { value: "minimal", label: "minimal", description: "Minimal thinking budget" },
-                    { value: "low", label: "low", description: "Low thinking budget" },
-                    { value: "medium", label: "medium", description: "Medium thinking budget" },
-                    { value: "high", label: "high", description: "High thinking budget" },
-                    { value: "xhigh", label: "xhigh", description: "Maximum thinking budget" },
-                ];
-                const filtered = levels.filter((l) => l.value.startsWith(prefix.trim().toLowerCase()));
-                return filtered.length > 0 ? filtered : null;
-            };
-        }
-        // Convert prompt templates to SlashCommand format for autocomplete
-        const templateCommands = this.session.promptTemplates.map((cmd) => ({
-            name: cmd.name,
-            description: cmd.description,
-        }));
-        // Convert extension commands to SlashCommand format
-        const builtinCommandNames = new Set(slashCommands.map((c) => c.name));
-        const extensionCommands = (this.session.extensionRunner?.getRegisteredCommands() ?? []).filter((cmd) => !builtinCommandNames.has(cmd.name)).map((cmd) => ({
-            name: cmd.name,
-            description: cmd.description ?? "(extension command)",
-            getArgumentCompletions: cmd.getArgumentCompletions,
-        }));
-        // Build skill commands from session.skills (if enabled)
-        this.skillCommands.clear();
-        const skillCommandList = [];
-        if (this.settingsManager.getEnableSkillCommands()) {
-            for (const skill of this.session.resourceLoader.getSkills().skills) {
-                const commandName = `skill:${skill.name}`;
-                this.skillCommands.set(commandName, skill.filePath);
-                skillCommandList.push({ name: commandName, description: skill.description });
-            }
-        }
-        // Setup autocomplete
-        this.autocompleteProvider = new CombinedAutocompleteProvider([...slashCommands, ...templateCommands, ...extensionCommands, ...skillCommandList], process.cwd());
-        this.defaultEditor.setAutocompleteProvider(this.autocompleteProvider);
-        if (this.editor !== this.defaultEditor) {
-            this.editor.setAutocompleteProvider?.(this.autocompleteProvider);
-        }
-    }
-    async init() {
-        if (this.isInitialized)
-            return;
-        // Load changelog (only show new entries, skip for resumed sessions)
-        this.changelogMarkdown = this.getChangelogForDisplay();
-        // Ensure rg is available (downloads if missing, adds to PATH via getBinDir)
-        // rg is needed for grep tool and bash commands
-        await ensureTool("rg");
-        // Add header container as first child
-        this.ui.addChild(this.headerContainer);
-        // Add header with keybindings from config (unless silenced)
-        if (this.options.verbose || !this.settingsManager.getQuietStartup()) {
-            const logo = theme.bold(theme.fg("accent", APP_NAME)) + theme.fg("dim", ` v${this.version}`);
-            // Build startup instructions using keybinding hint helpers
-            const kb = this.keybindings;
-            const hint = (action, desc) => appKeyHint(kb, action, desc);
-            const instructions = [
-                hint("interrupt", "to interrupt"),
-                hint("clear", "to clear"),
-                rawKeyHint(`${appKey(kb, "clear")} twice`, "to exit"),
-                hint("exit", "to exit (empty)"),
-                hint("suspend", "to suspend"),
-                keyHint("deleteToLineEnd", "to delete to end"),
-                hint("cycleThinkingLevel", "to cycle thinking level"),
-                rawKeyHint(`${appKey(kb, "cycleModelForward")}/${appKey(kb, "cycleModelBackward")}`, "to cycle models"),
-                hint("selectModel", "to select model"),
-                hint("expandTools", "to expand tools"),
-                hint("toggleThinking", "to expand thinking"),
-                hint("externalEditor", "for external editor"),
-                rawKeyHint("/", "for commands"),
-                rawKeyHint("!", "to run bash"),
-                rawKeyHint("!!", "to run bash (no context)"),
-                hint("followUp", "to queue follow-up"),
-                hint("dequeue", "to edit all queued messages"),
-                hint("pasteImage", "to paste image"),
-                rawKeyHint("drop files", "to attach"),
-            ].join("\n");
-            this.builtInHeader = new Text(`${logo}\n${instructions}`, 1, 0);
-            // Setup UI layout
-            this.headerContainer.addChild(new Spacer(1));
-            this.headerContainer.addChild(this.builtInHeader);
-            this.headerContainer.addChild(new Spacer(1));
-            // Add changelog if provided
-            if (this.changelogMarkdown) {
-                this.headerContainer.addChild(new DynamicBorder());
-                if (this.settingsManager.getCollapseChangelog()) {
-                    const versionMatch = this.changelogMarkdown.match(/##\s+\[?(\d+\.\d+\.\d+)\]?/);
-                    const latestVersion = versionMatch ? versionMatch[1] : this.version;
-                    const condensedText = `Updated to v${latestVersion}. Use ${theme.bold("/changelog")} to view full changelog.`;
-                    this.headerContainer.addChild(new Text(condensedText, 1, 0));
-                }
-                else {
-                    this.headerContainer.addChild(new Text(theme.bold(theme.fg("accent", "What's New")), 1, 0));
-                    this.headerContainer.addChild(new Spacer(1));
-                    this.headerContainer.addChild(new Markdown(this.changelogMarkdown.trim(), 1, 0, this.getMarkdownThemeWithSettings()));
-                    this.headerContainer.addChild(new Spacer(1));
-                }
-                this.headerContainer.addChild(new DynamicBorder());
-            }
-        }
-        else {
-            // Minimal header when silenced
-            this.builtInHeader = new Text("", 0, 0);
-            this.headerContainer.addChild(this.builtInHeader);
-            if (this.changelogMarkdown) {
-                // Still show changelog notification even in silent mode
-                this.headerContainer.addChild(new Spacer(1));
-                const versionMatch = this.changelogMarkdown.match(/##\s+\[?(\d+\.\d+\.\d+)\]?/);
-                const latestVersion = versionMatch ? versionMatch[1] : this.version;
-                const condensedText = `Updated to v${latestVersion}. Use ${theme.bold("/changelog")} to view full changelog.`;
-                this.headerContainer.addChild(new Text(condensedText, 1, 0));
-            }
-        }
-        this.ui.addChild(this.chatContainer);
-        this.ui.addChild(this.pendingMessagesContainer);
-        this.ui.addChild(this.statusContainer);
-        this.ui.addChild(this.pinnedMessageContainer);
-        this.renderWidgets(); // Initialize with default spacer
-        this.ui.addChild(this.widgetContainerAbove);
-        this.ui.addChild(this.editorContainer);
-        this.ui.addChild(this.widgetContainerBelow);
-        this.ui.addChild(this.footer);
-        this.ui.setFocus(this.editor);
-        this.setupKeyHandlers();
-        this.setupEditorSubmitHandler();
-        // Initialize extensions first so resources are shown before messages
-        await this.initExtensions();
-        // Render initial messages AFTER showing loaded resources
-        this.renderInitialMessages();
-        // Start the UI
-        this.ui.start();
-        this.isInitialized = true;
-        // Set terminal title
-        this.updateTerminalTitle();
-        // Subscribe to agent events
-        this.subscribeToAgent();
-        // Set up theme file watcher
-        onThemeChange(() => {
-            this.ui.invalidate();
-            this.updateEditorBorderColor();
-            this.ui.requestRender();
-        });
-        // Set up git branch watcher (uses provider instead of footer)
-        this._branchChangeUnsub = this.footerDataProvider.onBranchChange(() => {
-            this.ui.requestRender();
-        });
-        // Initialize available provider count for footer display
-        await this.updateAvailableProviderCount();
-    }
-    /**
-     * Update terminal title with session name and cwd.
-     */
-    updateTerminalTitle() {
-        const cwdBasename = path.basename(process.cwd());
-        const sessionName = this.sessionManager.getSessionName();
-        if (sessionName) {
-            this.ui.terminal.setTitle(`π - ${sessionName} - ${cwdBasename}`);
-        }
-        else {
-            this.ui.terminal.setTitle(`π - ${cwdBasename}`);
-        }
-    }
-    /**
-     * Run the interactive mode. This is the main entry point.
-     * Initializes the UI, shows warnings, processes initial messages, and starts the interactive loop.
-     */
-    async run() {
-        await this.init();
-        // Start version check asynchronously
-        this.checkForNewVersion().then((newVersion) => {
-            if (newVersion) {
-                this.showNewVersionNotification(newVersion);
-            }
-        });
-        // Check tmux keyboard setup asynchronously
-        this.checkTmuxKeyboardSetup().then((warning) => {
-            if (warning) {
-                this.showWarning(warning);
-            }
-        });
-        // Show startup warnings
-        const { migratedProviders, modelFallbackMessage, initialMessage, initialImages, initialMessages } = this.options;
-        if (migratedProviders && migratedProviders.length > 0) {
-            this.showWarning(`Migrated credentials to auth.json: ${migratedProviders.join(", ")}`);
-        }
-        const modelsJsonError = this.session.modelRegistry.getError();
-        if (modelsJsonError) {
-            this.showError(`models.json error: ${modelsJsonError}`);
-        }
-        if (modelFallbackMessage) {
-            this.showWarning(modelFallbackMessage);
-        }
-        // Process initial messages
-        if (initialMessage) {
-            try {
-                await this.session.prompt(initialMessage, { images: initialImages });
-            }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-                this.showError(errorMessage);
-            }
-        }
-        if (initialMessages) {
-            for (const message of initialMessages) {
-                try {
-                    await this.session.prompt(message);
-                }
-                catch (error) {
-                    const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-                    this.showError(errorMessage);
-                }
-            }
-        }
-        // Main interactive loop
-        while (true) {
-            const userInput = await this.getUserInput();
-            try {
-                await this.session.prompt(userInput);
-            }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : "Unknown error occurred";
-                this.showError(errorMessage);
-            }
-        }
-    }
-    /**
-     * Check npm registry for a newer version.
-     */
-    async checkForNewVersion() {
-        if (process.env.PI_SKIP_VERSION_CHECK || process.env.PI_OFFLINE)
-            return undefined;
-        try {
-            const response = await fetch("https://registry.npmjs.org/@gsd/pi-coding-agent/latest", {
-                signal: AbortSignal.timeout(10000),
-            });
-            if (!response.ok)
-                return undefined;
-            const data = (await response.json());
-            const latestVersion = data.version;
-            if (latestVersion && latestVersion !== this.version) {
-                return latestVersion;
-            }
-            return undefined;
-        }
-        catch {
-            return undefined;
-        }
-    }
-    async checkTmuxKeyboardSetup() {
-        if (!process.env.TMUX)
-            return undefined;
-        const runTmuxShow = (option) => {
-            return new Promise((resolve) => {
-                const proc = spawn("tmux", ["show", "-gv", option], {
-                    stdio: ["ignore", "pipe", "ignore"],
-                });
-                let stdout = "";
-                const timer = setTimeout(() => {
-                    proc.kill();
-                    resolve(undefined);
-                }, 2000);
-                proc.stdout?.on("data", (data) => {
-                    stdout += data.toString();
-                });
-                proc.on("error", () => {
-                    clearTimeout(timer);
-                    resolve(undefined);
-                });
-                proc.on("close", (code) => {
-                    clearTimeout(timer);
-                    resolve(code === 0 ? stdout.trim() : undefined);
-                });
-            });
-        };
-        const [extendedKeys, extendedKeysFormat] = await Promise.all([
-            runTmuxShow("extended-keys"),
-            runTmuxShow("extended-keys-format"),
-        ]);
-        if (extendedKeys !== "on" && extendedKeys !== "always") {
-            return "tmux extended-keys is off. Modified Enter keys may not work. Add `set -g extended-keys on` to ~/.tmux.conf and restart tmux.";
-        }
-        if (extendedKeysFormat === "xterm") {
-            return "tmux extended-keys-format is xterm. Pi works best with csi-u. Add `set -g extended-keys-format csi-u` to ~/.tmux.conf and restart tmux.";
-        }
-        return undefined;
-    }
-    /**
-     * Get changelog entries to display on startup.
-     * Only shows new entries since last seen version, skips for resumed sessions.
-     */
-    getChangelogForDisplay() {
-        // Skip changelog for resumed/continued sessions (already have messages)
-        if (this.session.state.messages.length > 0) {
-            return undefined;
-        }
-        const lastVersion = this.settingsManager.getLastChangelogVersion();
-        const changelogPath = getChangelogPath();
-        const entries = parseChangelog(changelogPath);
-        if (!lastVersion) {
-            // Fresh install - just record the version, don't show changelog
-            this.settingsManager.setLastChangelogVersion(VERSION);
-            return undefined;
-        }
-        else {
-            const newEntries = getNewEntries(entries, lastVersion);
-            if (newEntries.length > 0) {
-                this.settingsManager.setLastChangelogVersion(VERSION);
-                return newEntries.map((e) => e.content).join("\n\n");
-            }
-        }
-        return undefined;
-    }
-    getMarkdownThemeWithSettings() {
-        return {
-            ...getMarkdownTheme(),
-            codeBlockIndent: this.settingsManager.getCodeBlockIndent(),
-        };
-    }
-    // =========================================================================
-    // Extension System
-    // =========================================================================
-    formatDisplayPath(p) {
-        const home = os.homedir();
-        let result = p;
-        // Replace home directory with ~
-        if (result.startsWith(home)) {
-            result = `~${result.slice(home.length)}`;
-        }
-        return result;
-    }
-    /**
-     * Get a short path relative to the package root for display.
-     */
-    getShortPath(fullPath, source) {
-        // For npm packages, show path relative to node_modules/pkg/
-        const npmMatch = fullPath.match(/node_modules\/(@?[^/]+(?:\/[^/]+)?)\/(.*)/);
-        if (npmMatch && source.startsWith("npm:")) {
-            return npmMatch[2];
-        }
-        // For git packages, show path relative to repo root
-        const gitMatch = fullPath.match(/git\/[^/]+\/[^/]+\/(.*)/);
-        if (gitMatch && source.startsWith("git:")) {
-            return gitMatch[1];
-        }
-        // For local/auto, just use formatDisplayPath
-        return this.formatDisplayPath(fullPath);
-    }
-    getDisplaySourceInfo(source, scope) {
-        if (source === "local") {
-            if (scope === "user") {
-                return { label: "user", color: "muted" };
-            }
-            if (scope === "project") {
-                return { label: "project", color: "muted" };
-            }
-            if (scope === "temporary") {
-                return { label: "path", scopeLabel: "temp", color: "muted" };
-            }
-            return { label: "path", color: "muted" };
-        }
-        if (source === "cli") {
-            return { label: "path", scopeLabel: scope === "temporary" ? "temp" : undefined, color: "muted" };
-        }
-        const scopeLabel = scope === "user" ? "user" : scope === "project" ? "project" : scope === "temporary" ? "temp" : undefined;
-        return { label: source, scopeLabel, color: "accent" };
-    }
-    getScopeGroup(source, scope) {
-        if (source === "cli" || scope === "temporary")
-            return "path";
-        if (scope === "user")
-            return "user";
-        if (scope === "project")
-            return "project";
-        return "path";
-    }
-    isPackageSource(source) {
-        return source.startsWith("npm:") || source.startsWith("git:");
-    }
-    buildScopeGroups(paths, metadata) {
-        const groups = {
-            user: { scope: "user", paths: [], packages: new Map() },
-            project: { scope: "project", paths: [], packages: new Map() },
-            path: { scope: "path", paths: [], packages: new Map() },
-        };
-        for (const p of paths) {
-            const meta = this.findMetadata(p, metadata);
-            const source = meta?.source ?? "local";
-            const scope = meta?.scope ?? "project";
-            const groupKey = this.getScopeGroup(source, scope);
-            const group = groups[groupKey];
-            if (this.isPackageSource(source)) {
-                const list = group.packages.get(source) ?? [];
-                list.push(p);
-                group.packages.set(source, list);
-            }
-            else {
-                group.paths.push(p);
-            }
-        }
-        return [groups.project, groups.user, groups.path].filter((group) => group.paths.length > 0 || group.packages.size > 0);
-    }
-    formatScopeGroups(groups, options) {
-        const lines = [];
-        for (const group of groups) {
-            lines.push(`  ${theme.fg("accent", group.scope)}`);
-            const sortedPaths = [...group.paths].sort((a, b) => a.localeCompare(b));
-            for (const p of sortedPaths) {
-                lines.push(theme.fg("dim", `    ${options.formatPath(p)}`));
-            }
-            const sortedPackages = Array.from(group.packages.entries()).sort(([a], [b]) => a.localeCompare(b));
-            for (const [source, paths] of sortedPackages) {
-                lines.push(`    ${theme.fg("mdLink", source)}`);
-                const sortedPackagePaths = [...paths].sort((a, b) => a.localeCompare(b));
-                for (const p of sortedPackagePaths) {
-                    lines.push(theme.fg("dim", `      ${options.formatPackagePath(p, source)}`));
-                }
-            }
-        }
-        return lines.join("\n");
-    }
-    /**
-     * Find metadata for a path, checking parent directories if exact match fails.
-     * Package manager stores metadata for directories, but we display file paths.
-     */
-    findMetadata(p, metadata) {
-        // Try exact match first
-        const exact = metadata.get(p);
-        if (exact)
-            return exact;
-        // Try parent directories (package manager stores directory paths)
-        let current = p;
-        let parent = path.dirname(current);
-        while (parent !== current) {
-            const meta = metadata.get(parent);
-            if (meta)
-                return meta;
-            current = parent;
-            parent = path.dirname(current);
-        }
-        return undefined;
-    }
-    /**
-     * Format a path with its source/scope info from metadata.
-     */
-    formatPathWithSource(p, metadata) {
-        const meta = this.findMetadata(p, metadata);
-        if (meta) {
-            const shortPath = this.getShortPath(p, meta.source);
-            const { label, scopeLabel } = this.getDisplaySourceInfo(meta.source, meta.scope);
-            const labelText = scopeLabel ? `${label} (${scopeLabel})` : label;
-            return `${labelText} ${shortPath}`;
-        }
-        return this.formatDisplayPath(p);
-    }
-    /**
-     * Format resource diagnostics with nice collision display using metadata.
-     */
-    formatDiagnostics(diagnostics, metadata) {
-        const lines = [];
-        // Group collision diagnostics by name
-        const collisions = new Map();
-        const otherDiagnostics = [];
-        for (const d of diagnostics) {
-            if (d.type === "collision" && d.collision) {
-                const list = collisions.get(d.collision.name) ?? [];
-                list.push(d);
-                collisions.set(d.collision.name, list);
-            }
-            else {
-                otherDiagnostics.push(d);
-            }
-        }
-        // Format collision diagnostics grouped by name
-        for (const [name, collisionList] of collisions) {
-            const first = collisionList[0]?.collision;
-            if (!first)
-                continue;
-            lines.push(theme.fg("warning", `  "${name}" collision:`));
-            // Show winner
-            lines.push(theme.fg("dim", `    ${theme.fg("success", "✓")} ${this.formatPathWithSource(first.winnerPath, metadata)}`));
-            // Show all losers
-            for (const d of collisionList) {
-                if (d.collision) {
-                    lines.push(theme.fg("dim", `    ${theme.fg("warning", "✗")} ${this.formatPathWithSource(d.collision.loserPath, metadata)} (skipped)`));
-                }
-            }
-        }
-        // Format other diagnostics (skill name collisions, parse errors, etc.)
-        for (const d of otherDiagnostics) {
-            if (d.path) {
-                // Use metadata-aware formatting for paths
-                const sourceInfo = this.formatPathWithSource(d.path, metadata);
-                lines.push(theme.fg(d.type === "error" ? "error" : "warning", `  ${sourceInfo}`));
-                lines.push(theme.fg(d.type === "error" ? "error" : "warning", `    ${d.message}`));
-            }
-            else {
-                lines.push(theme.fg(d.type === "error" ? "error" : "warning", `  ${d.message}`));
-            }
-        }
-        return lines.join("\n");
-    }
-    showLoadedResources(options) {
-        const showListing = options?.force || this.options.verbose || !this.settingsManager.getQuietStartup();
-        const showDiagnostics = showListing || options?.showDiagnosticsWhenQuiet === true;
-        if (!showListing && !showDiagnostics) {
-            return;
-        }
-        const metadata = (this.session.resourceLoader.getPathMetadata?.()
-            ?? new Map());
-        const sectionHeader = (name, color = "mdHeading") => theme.fg(color, `[${name}]`);
-        const skillsResult = this.session.resourceLoader.getSkills();
-        const promptsResult = this.session.resourceLoader.getPrompts();
-        const themesResult = this.session.resourceLoader.getThemes();
-        if (showListing) {
-            const contextFiles = this.session.resourceLoader.getAgentsFiles().agentsFiles;
-            if (contextFiles.length > 0) {
-                this.chatContainer.addChild(new Spacer(1));
-                const contextList = contextFiles
-                    .map((f) => theme.fg("dim", `  ${this.formatDisplayPath(f.path)}`))
-                    .join("\n");
-                this.chatContainer.addChild(new Text(`${sectionHeader("Context")}\n${contextList}`, 0, 0));
-                this.chatContainer.addChild(new Spacer(1));
-            }
-            const skills = skillsResult.skills;
-            if (skills.length > 0) {
-                const skillPaths = skills.map((s) => s.filePath);
-                const groups = this.buildScopeGroups(skillPaths, metadata);
-                const skillList = this.formatScopeGroups(groups, {
-                    formatPath: (p) => this.formatDisplayPath(p),
-                    formatPackagePath: (p, source) => this.getShortPath(p, source),
-                });
-                this.chatContainer.addChild(new Text(`${sectionHeader("Skills")}\n${skillList}`, 0, 0));
-                this.chatContainer.addChild(new Spacer(1));
-            }
-            const templates = this.session.promptTemplates;
-            if (templates.length > 0) {
-                const templatePaths = templates.map((t) => t.filePath);
-                const groups = this.buildScopeGroups(templatePaths, metadata);
-                const templateByPath = new Map(templates.map((t) => [t.filePath, t]));
-                const templateList = this.formatScopeGroups(groups, {
-                    formatPath: (p) => {
-                        const template = templateByPath.get(p);
-                        return template ? `/${template.name}` : this.formatDisplayPath(p);
-                    },
-                    formatPackagePath: (p) => {
-                        const template = templateByPath.get(p);
-                        return template ? `/${template.name}` : this.formatDisplayPath(p);
-                    },
-                });
-                this.chatContainer.addChild(new Text(`${sectionHeader("Prompts")}\n${templateList}`, 0, 0));
-                this.chatContainer.addChild(new Spacer(1));
-            }
-            const extensionPaths = options?.extensionPaths ?? [];
-            if (extensionPaths.length > 0) {
-                const groups = this.buildScopeGroups(extensionPaths, metadata);
-                const extList = this.formatScopeGroups(groups, {
-                    formatPath: (p) => this.formatDisplayPath(p),
-                    formatPackagePath: (p, source) => this.getShortPath(p, source),
-                });
-                this.chatContainer.addChild(new Text(`${sectionHeader("Extensions", "mdHeading")}\n${extList}`, 0, 0));
-                this.chatContainer.addChild(new Spacer(1));
-            }
-            // Show loaded themes (excluding built-in)
-            const loadedThemes = themesResult.themes;
-            const customThemes = loadedThemes.filter((t) => t.sourcePath);
-            if (customThemes.length > 0) {
-                const themePaths = customThemes.map((t) => t.sourcePath);
-                const groups = this.buildScopeGroups(themePaths, metadata);
-                const themeList = this.formatScopeGroups(groups, {
-                    formatPath: (p) => this.formatDisplayPath(p),
-                    formatPackagePath: (p, source) => this.getShortPath(p, source),
-                });
-                this.chatContainer.addChild(new Text(`${sectionHeader("Themes")}\n${themeList}`, 0, 0));
-                this.chatContainer.addChild(new Spacer(1));
-            }
-        }
-        if (showDiagnostics) {
-            const skillDiagnostics = skillsResult.diagnostics;
-            if (skillDiagnostics.length > 0) {
-                const collisionDiags = skillDiagnostics.filter(d => d.type === "collision");
-                const issueDiags = skillDiagnostics.filter(d => d.type !== "collision");
-                if (collisionDiags.length > 0) {
-                    const collisionLines = this.formatDiagnostics(collisionDiags, metadata);
-                    this.chatContainer.addChild(new Text(`${theme.fg("warning", "[Skill conflicts]")}\n${collisionLines}`, 0, 0));
-                    this.chatContainer.addChild(new Spacer(1));
-                }
-                if (issueDiags.length > 0) {
-                    const issueLines = this.formatDiagnostics(issueDiags, metadata);
-                    this.chatContainer.addChild(new Text(`${theme.fg("warning", "[Skill issues]")}\n${issueLines}`, 0, 0));
-                    this.chatContainer.addChild(new Spacer(1));
-                }
-            }
-            const promptDiagnostics = promptsResult.diagnostics;
-            if (promptDiagnostics.length > 0) {
-                const warningLines = this.formatDiagnostics(promptDiagnostics, metadata);
-                this.chatContainer.addChild(new Text(`${theme.fg("warning", "[Prompt conflicts]")}\n${warningLines}`, 0, 0));
-                this.chatContainer.addChild(new Spacer(1));
-            }
-            const extensionDiagnostics = [];
-            const extensionErrors = this.session.resourceLoader.getExtensions().errors;
-            if (extensionErrors.length > 0) {
-                for (const error of extensionErrors) {
-                    extensionDiagnostics.push({ type: "error", message: error.error, path: error.path });
-                }
-            }
-            const commandDiagnostics = this.session.extensionRunner?.getCommandDiagnostics() ?? [];
-            extensionDiagnostics.push(...commandDiagnostics);
-            const shortcutDiagnostics = this.session.extensionRunner?.getShortcutDiagnostics() ?? [];
-            extensionDiagnostics.push(...shortcutDiagnostics);
-            if (extensionDiagnostics.length > 0) {
-                const warningLines = this.formatDiagnostics(extensionDiagnostics, metadata);
-                this.chatContainer.addChild(new Text(`${theme.fg("warning", "[Extension issues]")}\n${warningLines}`, 0, 0));
-                this.chatContainer.addChild(new Spacer(1));
-            }
-            const themeDiagnostics = themesResult.diagnostics;
-            if (themeDiagnostics.length > 0) {
-                const warningLines = this.formatDiagnostics(themeDiagnostics, metadata);
-                this.chatContainer.addChild(new Text(`${theme.fg("warning", "[Theme conflicts]")}\n${warningLines}`, 0, 0));
-                this.chatContainer.addChild(new Spacer(1));
-            }
-        }
-    }
-    /**
-     * Initialize the extension system with TUI-based UI context.
-     */
-    async initExtensions() {
-        if (this.options.bindExtensions !== false) {
-            const uiContext = this.createExtensionUIContext();
-            await this.session.bindExtensions({
-                uiContext,
-                commandContextActions: {
-                    waitForIdle: () => this.session.agent.waitForIdle(),
-                    newSession: async (options) => {
-                        if (this.loadingAnimation) {
-                            this.loadingAnimation.stop();
-                            this.loadingAnimation = undefined;
-                        }
-                        this.statusContainer.clear();
-                        // Delegate to AgentSession (handles setup + agent state sync)
-                        const success = await this.session.newSession(options);
-                        if (!success) {
-                            return { cancelled: true };
-                        }
-                        // Clear UI state
-                        this.chatContainer.clear();
-                        this.pendingMessagesContainer.clear();
-                        this.compactionQueuedMessages = [];
-                        this.streamingComponent = undefined;
-                        this.streamingMessage = undefined;
-                        this.pendingTools.clear();
-                        // Render any messages added via setup, or show empty session
-                        this.renderInitialMessages();
-                        this.ui.requestRender();
-                        return { cancelled: false };
-                    },
-                    fork: async (entryId) => {
-                        const result = await this.session.fork(entryId);
-                        if (result.cancelled) {
-                            return { cancelled: true };
-                        }
-                        this.chatContainer.clear();
-                        this.renderInitialMessages();
-                        this.editor.setText(result.selectedText);
-                        this.showStatus("Forked to new session");
-                        return { cancelled: false };
-                    },
-                    navigateTree: async (targetId, options) => {
-                        const result = await this.session.navigateTree(targetId, {
-                            summarize: options?.summarize,
-                            customInstructions: options?.customInstructions,
-                            replaceInstructions: options?.replaceInstructions,
-                            label: options?.label,
-                        });
-                        if (result.cancelled) {
-                            return { cancelled: true };
-                        }
-                        this.chatContainer.clear();
-                        this.renderInitialMessages();
-                        if (result.editorText && !this.editor.getText().trim()) {
-                            this.editor.setText(result.editorText);
-                        }
-                        this.showStatus("Navigated to selected point");
-                        return { cancelled: false };
-                    },
-                    switchSession: async (sessionPath) => {
-                        await this.handleResumeSession(sessionPath);
-                        return { cancelled: false };
-                    },
-                    reload: async () => {
-                        await this.handleReloadCommand();
-                    },
-                },
-                shutdownHandler: () => {
-                    this.shutdownRequested = true;
-                    if (!this.session.isStreaming) {
-                        void this.shutdown();
-                    }
-                },
-                onError: (error) => {
-                    const gsdError = error;
-                    this.showExtensionError(gsdError.extensionPath, gsdError.error, gsdError.stack);
-                },
-            });
-        }
-        /* vendor-seam: dual-module-path — Theme resolves differently through ResourceLoader vs setRegisteredThemes import path */
-        setRegisteredThemes(this.session.resourceLoader.getThemes().themes);
-        this.setupAutocomplete();
-        const extensionRunner = this.session.extensionRunner;
-        if (!extensionRunner) {
-            this.showLoadedResources({ extensionPaths: [], force: false });
-            return;
-        }
-        this.setupExtensionShortcuts(extensionRunner);
-        this.showLoadedResources({ extensionPaths: extensionRunner.getExtensionPaths(), force: false });
-    }
-    /**
-     * Get a tool definition by name (for custom rendering).
-     */
-    getRegisteredToolDefinition(toolName) {
-        return this.session.getRenderableToolDefinition(toolName);
-    }
-    /**
-     * Format web search result content for display in the TUI.
-     */
-    formatWebSearchResult(content) {
-        if (!content)
-            return "Web search completed";
-        // Error result — web_search_tool_result_error is a runtime-only type not in pi-ai types
-        if (typeof content === "object" && content !== null && "type" in content &&
-            content.type === "web_search_tool_result_error") {
-            const error = content;
-            return `Search error: ${error.error_code || "unknown"}`;
-        }
-        // Array of search results — items are runtime-only web_search_result objects
-        if (Array.isArray(content)) {
-            const results = content
-                .filter((r) => r.type === "web_search_result");
-            if (results.length === 0)
-                return "No results found";
-            return results
-                .map((r) => {
-                const title = r.title || "Untitled";
-                const url = r.url || "";
-                return `${title}\n  ${url}`;
-            })
-                .join("\n");
-        }
-        return "Web search completed";
-    }
-    /**
-     * Set up keyboard shortcuts registered by extensions.
-     */
-    setupExtensionShortcuts(extensionRunner) {
-        const shortcuts = extensionRunner.getShortcuts(this.keybindings.getEffectiveConfig());
-        if (shortcuts.size === 0)
-            return;
-        // Create a context for shortcut handlers
-        const createContext = () => ({
-            ui: this.createExtensionUIContext(),
-            hasUI: true,
-            cwd: process.cwd(),
-            sessionManager: this.sessionManager,
-            modelRegistry: this.session.modelRegistry,
-            model: this.session.model,
-            isIdle: () => !this.session.isStreaming,
-            abort: () => this.session.abort(),
-            hasPendingMessages: () => this.session.pendingMessageCount > 0,
-            shutdown: () => {
-                this.shutdownRequested = true;
-            },
-            getContextUsage: () => this.session.getContextUsage(),
-            compact: (options) => {
-                void (async () => {
-                    try {
-                        const result = await this.executeCompaction(options?.customInstructions, false);
-                        if (result) {
-                            options?.onComplete?.(result);
-                        }
-                    }
-                    catch (error) {
-                        const err = error instanceof Error ? error : new Error(String(error));
-                        options?.onError?.(err);
-                    }
-                })();
-            },
-            getSystemPrompt: () => this.session.systemPrompt,
-        });
-        // Set up the extension shortcut handler on the default editor
-        this.defaultEditor.onExtensionShortcut = (data) => {
-            for (const [shortcutStr, shortcut] of shortcuts) {
-                // Cast to KeyId - extension shortcuts use the same format
-                if (matchesKey(data, shortcutStr)) {
-                    // Run handler async, don't block input
-                    Promise.resolve(shortcut.handler(createContext())).catch((err) => {
-                        this.showError(`Shortcut handler error: ${err instanceof Error ? err.message : String(err)}`);
-                    });
-                    return true;
-                }
-            }
-            return false;
-        };
-    }
-    /**
-     * Set extension status text in the footer.
-     */
-    setExtensionStatus(key, text) {
-        this.footerDataProvider.setExtensionStatus(key, text);
-        this.ui.requestRender();
-    }
-    /**
-     * Set an extension widget (string array or custom component).
-     */
-    setExtensionWidget(key, content, options) {
-        const placement = options?.placement ?? "aboveEditor";
-        const removeExisting = (map) => {
-            const existing = map.get(key);
-            if (existing?.dispose)
-                existing.dispose();
-            map.delete(key);
-        };
-        removeExisting(this.extensionWidgetsAbove);
-        removeExisting(this.extensionWidgetsBelow);
-        if (content === undefined) {
-            this.renderWidgets();
-            return;
-        }
-        let component;
-        if (Array.isArray(content)) {
-            // Wrap string array in a Container with Text components
-            const container = new Container();
-            for (const line of content.slice(0, InteractiveMode.MAX_WIDGET_LINES)) {
-                container.addChild(new Text(line, 1, 0));
-            }
-            if (content.length > InteractiveMode.MAX_WIDGET_LINES) {
-                container.addChild(new Text(theme.fg("muted", "... (widget truncated)"), 1, 0));
-            }
-            component = container;
-        }
-        else {
-            // Factory function - create component
-            component = content(this.ui, theme);
-        }
-        const targetMap = placement === "belowEditor" ? this.extensionWidgetsBelow : this.extensionWidgetsAbove;
-        targetMap.set(key, component);
-        this.renderWidgets();
-    }
-    clearExtensionWidgets() {
-        for (const widget of this.extensionWidgetsAbove.values()) {
-            widget.dispose?.();
-        }
-        for (const widget of this.extensionWidgetsBelow.values()) {
-            widget.dispose?.();
-        }
-        this.extensionWidgetsAbove.clear();
-        this.extensionWidgetsBelow.clear();
-        this.renderWidgets();
-    }
-    resetExtensionUI() {
-        if (this.extensionSelector) {
-            this.hideExtensionSelector();
-        }
-        if (this.extensionInput) {
-            this.hideExtensionInput();
-        }
-        if (this.extensionEditor) {
-            this.hideExtensionEditor();
-        }
-        this.ui.hideOverlay();
-        this.clearExtensionTerminalInputListeners();
-        this.setExtensionFooter(undefined);
-        this.setExtensionHeader(undefined);
-        this.clearExtensionWidgets();
-        this.footerDataProvider.clearExtensionStatuses();
-        this.footer.invalidate();
-        this.setCustomEditorComponent(undefined);
-        this.defaultEditor.onExtensionShortcut = undefined;
-        this.updateTerminalTitle();
-        if (this.loadingAnimation) {
-            this.loadingAnimation.setMessage(`${this.defaultWorkingMessage} (${appKey(this.keybindings, "interrupt")} to interrupt)`);
-        }
-    }
-    // Maximum total widget lines to prevent viewport overflow
-    static { this.MAX_WIDGET_LINES = 10; }
-    /**
-     * Render all extension widgets to the widget container.
-     */
-    renderWidgets() {
-        if (!this.widgetContainerAbove || !this.widgetContainerBelow)
-            return;
-        // widgetContainerAbove: spacer collapses when pinned content is visible
-        // so there's no extra blank line between pinned output and the editor border.
-        // Use detachChildren() (not clear()) — the extensionWidgetsAbove map owns
-        // disposal; clear() would dispose every mounted widget on every re-render.
-        const aboveGSD = this.widgetContainerAbove;
-        if (aboveGSD.detachChildren) {
-            aboveGSD.detachChildren();
-        }
-        else {
-            this.widgetContainerAbove.clear();
-        }
-        const pinned = this.pinnedMessageContainer;
-        this.widgetContainerAbove.addChild({
-            render: () => pinned.children.length > 0 ? [] : [""],
-            invalidate: () => { },
-        });
-        for (const component of this.extensionWidgetsAbove.values()) {
-            this.widgetContainerAbove.addChild(component);
-        }
-        this.renderWidgetContainer(this.widgetContainerBelow, this.extensionWidgetsBelow, false, false);
-        this.ui.requestRender();
-    }
-    renderWidgetContainer(container, widgets, spacerWhenEmpty, leadingSpacer) {
-        // Detach without disposing — the widgets map owns lifecycle; disposing
-        // here would kill refresh timers and subscriptions on every re-render.
-        const containerGSD = container;
-        if (containerGSD.detachChildren) {
-            containerGSD.detachChildren();
-        }
-        else {
-            container.clear();
-        }
-        if (widgets.size === 0) {
-            if (spacerWhenEmpty) {
-                container.addChild(new Spacer(1));
-            }
-            return;
-        }
-        if (leadingSpacer) {
-            container.addChild(new Spacer(1));
-        }
-        for (const component of widgets.values()) {
-            container.addChild(component);
-        }
-    }
-    /**
-     * Set a custom footer component, or restore the built-in footer.
-     */
-    setExtensionFooter(factory) {
-        // Dispose existing custom footer
-        if (this.customFooter?.dispose) {
-            this.customFooter.dispose();
-        }
-        // Remove current footer from UI
-        if (this.customFooter) {
-            this.ui.removeChild(this.customFooter);
-        }
-        else {
-            this.ui.removeChild(this.footer);
-        }
-        if (factory) {
-            // Create and add custom footer, passing the data provider
-            this.customFooter = factory(this.ui, theme, this.footerDataProvider);
-            this.ui.addChild(this.customFooter);
-        }
-        else {
-            // Restore built-in footer
-            this.customFooter = undefined;
-            this.ui.addChild(this.footer);
-        }
-        this.ui.requestRender();
-    }
-    /**
-     * Set a custom header component, or restore the built-in header.
-     */
-    setExtensionHeader(factory) {
-        // Header may not be initialized yet if called during early initialization
-        if (!this.builtInHeader) {
-            return;
-        }
-        // Dispose existing custom header
-        if (this.customHeader?.dispose) {
-            this.customHeader.dispose();
-        }
-        // Find the index of the current header in the header container
-        const currentHeader = this.customHeader || this.builtInHeader;
-        const index = this.headerContainer.children.indexOf(currentHeader);
-        if (factory) {
-            // Create and add custom header
-            this.customHeader = factory(this.ui, theme);
-            if (index !== -1) {
-                this.headerContainer.children[index] = this.customHeader;
-            }
-            else {
-                // If not found (e.g. builtInHeader was never added), add at the top
-                this.headerContainer.children.unshift(this.customHeader);
-            }
-        }
-        else {
-            // Restore built-in header
-            this.customHeader = undefined;
-            if (index !== -1) {
-                this.headerContainer.children[index] = this.builtInHeader;
-            }
-        }
-        this.ui.requestRender();
-    }
-    addExtensionTerminalInputListener(handler) {
-        const unsubscribe = this.ui.addInputListener(handler);
-        this.extensionTerminalInputUnsubscribers.add(unsubscribe);
-        return () => {
-            unsubscribe();
-            this.extensionTerminalInputUnsubscribers.delete(unsubscribe);
-        };
-    }
-    clearExtensionTerminalInputListeners() {
-        for (const unsubscribe of this.extensionTerminalInputUnsubscribers) {
-            unsubscribe();
-        }
-        this.extensionTerminalInputUnsubscribers.clear();
-    }
-    /**
-     * Create the ExtensionUIContext for extensions.
-     */
-    createExtensionUIContext() {
-        return buildExtensionUIContext(this);
-    }
-    getExtensionUIContext() {
-        return this.createExtensionUIContext();
-    }
-    /**
-     * Show a selector for extensions.
-     */
-    showExtensionSelector(title, options, opts) {
-        // If a previous selector is still active, dispose it before creating a
-        // new one.  This avoids leaking the previous promise and DOM state when
-        // showExtensionSelector is called rapidly.
-        if (this.extensionSelector) {
-            this.hideExtensionSelector();
-        }
-        return new Promise((resolve) => {
-            if (opts?.signal?.aborted) {
-                resolve(undefined);
-                return;
-            }
-            const onAbort = () => {
-                this.hideExtensionSelector();
-                resolve(undefined);
-            };
-            opts?.signal?.addEventListener("abort", onAbort, { once: true });
-            this.extensionSelector = new ExtensionSelectorComponent(title, options, (option) => {
-                opts?.signal?.removeEventListener("abort", onAbort);
-                this.hideExtensionSelector();
-                resolve(option);
-            }, () => {
-                opts?.signal?.removeEventListener("abort", onAbort);
-                this.hideExtensionSelector();
-                resolve(undefined);
-            }, { tui: this.ui, timeout: opts?.timeout });
-            this.editorContainer.clear();
-            this.editorContainer.addChild(this.extensionSelector);
-            this.ui.setFocus(this.extensionSelector);
-            this.ui.requestRender();
-        });
-    }
-    /**
-     * Hide the extension selector.
-     */
-    hideExtensionSelector() {
-        this.extensionSelector?.dispose();
-        this.editorContainer.clear();
-        this.editorContainer.addChild(this.editor);
-        this.extensionSelector = undefined;
-        this.ui.setFocus(this.editor);
-        this.ui.requestRender();
-    }
-    /**
-     * Show a confirmation dialog for extensions.
-     */
-    async showExtensionConfirm(title, message, opts) {
-        const result = await this.showExtensionSelector(`${title}\n${message}`, ["Yes", "No"], opts);
-        return result === "Yes";
-    }
-    /**
-     * Show a text input for extensions.
-     */
-    showExtensionInput(title, placeholder, opts) {
-        return new Promise((resolve) => {
-            if (opts?.signal?.aborted) {
-                resolve(undefined);
-                return;
-            }
-            const onAbort = () => {
-                this.hideExtensionInput();
-                resolve(undefined);
-            };
-            opts?.signal?.addEventListener("abort", onAbort, { once: true });
-            this.extensionInput = new ExtensionInputComponent(title, placeholder, (value) => {
-                opts?.signal?.removeEventListener("abort", onAbort);
-                this.hideExtensionInput();
-                resolve(value);
-            }, () => {
-                opts?.signal?.removeEventListener("abort", onAbort);
-                this.hideExtensionInput();
-                resolve(undefined);
-            }, { tui: this.ui, timeout: opts?.timeout, secure: opts?.secure });
-            this.editorContainer.clear();
-            this.editorContainer.addChild(this.extensionInput);
-            this.ui.setFocus(this.extensionInput);
-            this.ui.requestRender();
-        });
-    }
-    /**
-     * Hide the extension input.
-     */
-    hideExtensionInput() {
-        this.extensionInput?.dispose();
-        this.editorContainer.clear();
-        this.editorContainer.addChild(this.editor);
-        this.extensionInput = undefined;
-        this.ui.setFocus(this.editor);
-        this.ui.requestRender();
-    }
-    /**
-     * Show a multi-line editor for extensions (with Ctrl+G support).
-     */
-    showExtensionEditor(title, prefill) {
-        return new Promise((resolve) => {
-            this.extensionEditor = new ExtensionEditorComponent(this.ui, this.keybindings, title, prefill, (value) => {
-                this.hideExtensionEditor();
-                resolve(value);
-            }, () => {
-                this.hideExtensionEditor();
-                resolve(undefined);
-            });
-            this.editorContainer.clear();
-            this.editorContainer.addChild(this.extensionEditor);
-            this.ui.setFocus(this.extensionEditor);
-            this.ui.requestRender();
-        });
-    }
-    /**
-     * Hide the extension editor.
-     */
-    hideExtensionEditor() {
-        this.editorContainer.clear();
-        this.editorContainer.addChild(this.editor);
-        this.extensionEditor = undefined;
-        this.ui.setFocus(this.editor);
-        this.ui.requestRender();
-    }
-    /**
-     * Set a custom editor component from an extension.
-     * Pass undefined to restore the default editor.
-     */
-    setCustomEditorComponent(factory) {
-        // Save text from current editor before switching
-        const currentText = this.editor.getText();
-        this.editorContainer.clear();
-        if (factory) {
-            // Create the custom editor with tui, theme, and keybindings
-            const newEditor = factory(this.ui, getEditorTheme(), this.keybindings);
-            // Wire up callbacks from the default editor
-            newEditor.onSubmit = this.defaultEditor.onSubmit;
-            newEditor.onChange = this.defaultEditor.onChange;
-            // Copy text from previous editor
-            newEditor.setText(currentText);
-            // Copy appearance settings if supported
-            if (newEditor.borderColor !== undefined) {
-                newEditor.borderColor = this.defaultEditor.borderColor;
-            }
-            if (newEditor.setPaddingX !== undefined) {
-                newEditor.setPaddingX(this.defaultEditor.getPaddingX());
-            }
-            // Set autocomplete if supported
-            if (newEditor.setAutocompleteProvider && this.autocompleteProvider) {
-                newEditor.setAutocompleteProvider(this.autocompleteProvider);
-            }
-            // If extending CustomEditor, copy app-level handlers
-            // Use duck typing since instanceof fails across jiti module boundaries
-            const customEditor = newEditor;
-            if ("actionHandlers" in customEditor && customEditor.actionHandlers instanceof Map) {
-                if (!customEditor.onEscape) {
-                    customEditor.onEscape = () => this.defaultEditor.onEscape?.();
-                }
-                if (!customEditor.onCtrlD) {
-                    customEditor.onCtrlD = () => this.defaultEditor.onCtrlD?.();
-                }
-                if (!customEditor.onPasteImage) {
-                    customEditor.onPasteImage = () => this.defaultEditor.onPasteImage?.();
-                }
-                if (!customEditor.onExtensionShortcut) {
-                    customEditor.onExtensionShortcut = (data) => this.defaultEditor.onExtensionShortcut?.(data);
-                }
-                // Copy action handlers (clear, suspend, model switching, etc.)
-                for (const [action, handler] of this.defaultEditor.actionHandlers) {
-                    customEditor.actionHandlers.set(action, handler);
-                }
-            }
-            this.editor = newEditor;
-        }
-        else {
-            // Restore default editor with text from custom editor
-            this.defaultEditor.setText(currentText);
-            this.editor = this.defaultEditor;
-        }
-        this.editorContainer.addChild(this.editor);
-        this.ui.setFocus(this.editor);
-        this.ui.requestRender();
-    }
-    /**
-     * Show a notification for extensions.
-     */
-    showExtensionNotify(message, type) {
-        if (type === "error") {
-            this.showError(message);
-        }
-        else if (type === "warning") {
-            this.showWarning(message);
-        }
-        else if (type === "success") {
-            this.showSuccess(message);
-        }
-        else {
-            this.showStatus(message, { append: true });
-        }
-    }
-    /** Show a custom component with keyboard focus. Overlay mode renders on top of existing content. */
-    async showExtensionCustom(factory, options) {
-        const savedText = this.editor.getText();
-        const isOverlay = options?.overlay ?? false;
-        const restoreEditor = () => {
-            this.editorContainer.clear();
-            this.editorContainer.addChild(this.editor);
-            this.editor.setText(savedText);
-            this.ui.setFocus(this.editor);
-            this.ui.requestRender();
-        };
-        return new Promise((resolve, reject) => {
-            let component;
-            let closed = false;
-            const close = (result) => {
-                if (closed)
-                    return;
-                closed = true;
-                if (isOverlay)
-                    this.ui.hideOverlay();
-                else
-                    restoreEditor();
-                // Note: both branches above already call requestRender
-                resolve(result);
-                try {
-                    component?.dispose?.();
-                }
-                catch {
-                    /* ignore dispose errors */
-                }
-            };
-            Promise.resolve(factory(this.ui, theme, this.keybindings, close))
-                .then((c) => {
-                if (closed)
-                    return;
-                component = c;
-                if (isOverlay) {
-                    // Resolve overlay options - can be static or dynamic function
-                    const resolveOptions = () => {
-                        if (options?.overlayOptions) {
-                            const opts = typeof options.overlayOptions === "function"
-                                ? options.overlayOptions()
-                                : options.overlayOptions;
-                            return opts;
-                        }
-                        // Fallback: use component's width property if available
-                        const w = component.width;
-                        return w ? { width: w } : undefined;
-                    };
-                    const handle = this.ui.showOverlay(component, resolveOptions());
-                    // Expose handle to caller for visibility control
-                    options?.onHandle?.(handle);
-                }
-                else {
-                    this.editorContainer.clear();
-                    this.editorContainer.addChild(component);
-                    this.ui.setFocus(component);
-                    this.ui.requestRender();
-                }
-            })
-                .catch((err) => {
-                if (closed)
-                    return;
-                if (!isOverlay)
-                    restoreEditor();
-                reject(err);
-            });
-        });
-    }
-    /**
-     * Show an extension error in the UI.
-     */
-    showExtensionError(extensionPath, error, stack) {
-        const errorMsg = `Extension "${extensionPath}" error: ${error}`;
-        const errorText = new Text(theme.fg("error", errorMsg), 1, 0);
-        this.chatContainer.addChild(errorText);
-        if (stack) {
-            // Show stack trace in dim color, indented
-            const stackLines = stack
-                .split("\n")
-                .slice(1) // Skip first line (duplicates error message)
-                .map((line) => theme.fg("dim", `  ${line.trim()}`))
-                .join("\n");
-            if (stackLines) {
-                this.chatContainer.addChild(new Text(stackLines, 1, 0));
-            }
-        }
-        this.ui.requestRender();
-    }
-    // =========================================================================
-    // Key Handlers
-    // =========================================================================
-    setupKeyHandlers() {
-        // Set up handlers on defaultEditor - they use this.editor for text access
-        // so they work correctly regardless of which editor is active
-        this.defaultEditor.onEscape = () => {
-            if (this.loadingAnimation) {
-                this.restoreQueuedMessagesToEditor({ abort: true });
-            }
-            else if (this.session.isBashRunning) {
-                this.session.abortBash();
-            }
-            else if (this.isBashMode) {
-                this.editor.setText("");
-                this.isBashMode = false;
-                this.updateEditorBorderColor();
-            }
-            else if (!this.editor.getText().trim()) {
-                // Double-escape with empty editor triggers /tree, /fork, or nothing based on setting
-                const action = this.settingsManager.getDoubleEscapeAction();
-                if (action !== "none") {
-                    const now = Date.now();
-                    if (now - this.lastEscapeTime < 500) {
-                        if (action === "tree") {
-                            this.showTreeSelector();
-                        }
-                        else {
-                            this.showUserMessageSelector();
-                        }
-                        this.lastEscapeTime = 0;
-                    }
-                    else {
-                        this.lastEscapeTime = now;
-                    }
-                }
-            }
-        };
-        // Register app action handlers
-        this.defaultEditor.onAction("clear", () => this.handleCtrlC());
-        this.defaultEditor.onCtrlD = () => this.handleCtrlD();
-        this.defaultEditor.onAction("suspend", () => this.handleCtrlZ());
-        this.defaultEditor.onAction("cycleThinkingLevel", () => this.cycleThinkingLevel());
-        this.defaultEditor.onAction("cycleModelForward", () => this.cycleModel("forward"));
-        this.defaultEditor.onAction("cycleModelBackward", () => this.cycleModel("backward"));
-        // Global debug handler on TUI (works regardless of focus)
-        this.ui.onDebug = () => this.handleDebugCommand();
-        this.defaultEditor.onAction("selectModel", () => this.showModelSelector());
-        this.defaultEditor.onAction("expandTools", () => this.toggleToolOutputExpansion());
-        this.defaultEditor.onAction("toggleThinking", () => this.toggleThinkingBlockVisibility());
-        this.defaultEditor.onAction("externalEditor", () => this.openExternalEditor());
-        this.defaultEditor.onAction("followUp", () => this.handleFollowUp());
-        this.defaultEditor.onAction("dequeue", () => this.handleDequeue());
-        this.defaultEditor.onAction("newSession", () => this.handleClearCommand());
-        this.defaultEditor.onAction("tree", () => this.showTreeSelector());
-        this.defaultEditor.onAction("fork", () => this.showUserMessageSelector());
-        this.defaultEditor.onAction("resume", () => this.showSessionSelector());
-        this.defaultEditor.onChange = (text) => {
-            const wasBashMode = this.isBashMode;
-            this.isBashMode = text.trimStart().startsWith("!");
-            if (wasBashMode !== this.isBashMode) {
-                this.updateEditorBorderColor();
-            }
-        };
-        // Handle clipboard image paste (triggered on Ctrl+V)
-        this.defaultEditor.onPasteImage = () => {
-            this.handleClipboardImagePaste();
-        };
-    }
-    async handleClipboardImagePaste() {
-        try {
-            const image = await readClipboardImage();
-            if (!image) {
-                return;
-            }
-            // Write to temp file
-            const tmpDir = os.tmpdir();
-            const ext = extensionForImageMimeType(image.mimeType) ?? "png";
-            const fileName = `pi-clipboard-${crypto.randomUUID()}.${ext}`;
-            const filePath = path.join(tmpDir, fileName);
-            fs.writeFileSync(filePath, Buffer.from(image.bytes));
-            // Insert file path directly
-            this.editor.insertTextAtCursor?.(filePath);
-            this.ui.requestRender();
-        }
-        catch {
-            // Silently ignore clipboard errors (may not have permission, etc.)
-        }
-    }
-    getSlashCommandContext() {
-        return {
-            session: this.session,
-            ui: this.ui,
-            keybindings: this.keybindings,
-            chatContainer: this.chatContainer,
-            statusContainer: this.statusContainer,
-            editorContainer: this.editorContainer,
-            headerContainer: this.headerContainer,
-            pendingMessagesContainer: this.pendingMessagesContainer,
-            editor: this.editor,
-            defaultEditor: this.defaultEditor,
-            sessionManager: this.sessionManager,
-            settingsManager: this.settingsManager,
-            invalidateFooter: () => this.footer.invalidate(),
-            showStatus: (msg) => this.showStatus(msg),
-            showError: (msg) => this.showError(msg),
-            showWarning: (msg) => this.showWarning(msg),
-            showSelector: (create) => this.showSelector(create),
-            updateEditorBorderColor: () => this.updateEditorBorderColor(),
-            getMarkdownThemeWithSettings: () => this.getMarkdownThemeWithSettings(),
-            requestRender: () => this.ui.requestRender(),
-            updateTerminalTitle: () => this.updateTerminalTitle(),
-            showSettingsSelector: () => this.showSettingsSelector(),
-            showModelsSelector: () => this.showModelsSelector(),
-            handleModelCommand: (searchTerm) => this.handleModelCommand(searchTerm),
-            showUserMessageSelector: () => this.showUserMessageSelector(),
-            showTreeSelector: () => this.showTreeSelector(),
-            showProviderManager: () => this.showProviderManager(),
-            showOAuthSelector: (mode) => this.showOAuthSelector(mode),
-            showSessionSelector: () => this.showSessionSelector(),
-            handleClearCommand: () => this.handleClearCommand(),
-            handleReloadCommand: () => this.handleReloadCommand(),
-            handleDebugCommand: () => this.handleDebugCommand(),
-            shutdown: () => this.shutdown(),
-            executeCompaction: (instructions, isAuto) => this.executeCompaction(instructions, isAuto),
-            handleBashCommand: (command, options) => this.handleBashCommand(command, options?.excludeFromContext, options?.displayCommand, options?.loginShell),
-        };
-    }
-    setupEditorSubmitHandler() {
-        setupEditorSubmitHandlerController(this);
-    }
-    subscribeToAgent() {
-        let eventQueue = Promise.resolve();
-        this.unsubscribe = this.session.subscribe((event) => {
-            eventQueue = eventQueue.then(() => this.handleEvent(event)).catch(() => { });
-        });
-    }
-    async handleEvent(event) {
-        await handleAgentEvent(this, event);
-    }
-    /** Extract text content from a user message */
-    getUserMessageText(message) {
-        if (message.role !== "user")
-            return "";
-        const textBlocks = typeof message.content === "string"
-            ? [{ type: "text", text: message.content }]
-            : message.content.filter((c) => c.type === "text");
-        return textBlocks.map((c) => c.text).join("");
-    }
-    /**
-     * Show a status message in the chat.
-     *
-     * If multiple status messages are emitted back-to-back (without anything else being added to the chat),
-     * we update the previous status line instead of appending new ones to avoid log spam.
-     */
-    showStatus(message, options) {
-        const append = options?.append ?? false;
-        const children = this.chatContainer.children;
-        const last = children.length > 0 ? children[children.length - 1] : undefined;
-        const secondLast = children.length > 1 ? children[children.length - 2] : undefined;
-        if (!append && last && secondLast && last === this.lastStatusText && secondLast === this.lastStatusSpacer) {
-            this.lastStatusText.setText(theme.fg("dim", message));
-            this.ui.requestRender();
-            return;
-        }
-        const spacer = new Spacer(1);
-        const text = new Text(theme.fg("dim", message), 1, 0);
-        this.chatContainer.addChild(spacer);
-        this.chatContainer.addChild(text);
-        this.lastStatusSpacer = spacer;
-        this.lastStatusText = text;
-        this.ui.requestRender();
-    }
-    getTimestampFormat() {
-        return this.settingsManager.getTimestampFormat?.() ?? "date-time-iso";
-    }
-    addMessageToChat(message, options) {
-        const timestampFormat = this.getTimestampFormat();
-        switch (message.role) {
-            case "bashExecution": {
-                const component = new BashExecutionComponent(message.command, this.ui, message.excludeFromContext);
-                if (message.output) {
-                    component.appendOutput(message.output);
-                }
-                component.setComplete(message.exitCode, message.cancelled, message.truncated ? { truncated: true } : undefined, message.fullOutputPath);
-                this.chatContainer.addChild(component);
-                break;
-            }
-            case "custom": {
-                if (message.display) {
-                    const renderer = this.session.extensionRunner?.getMessageRenderer(message.customType);
-                    const component = new CustomMessageComponent(message, renderer, this.getMarkdownThemeWithSettings());
-                    component.setExpanded(this.toolOutputExpanded);
-                    this.chatContainer.addChild(component);
-                }
-                break;
-            }
-            case "compactionSummary": {
-                this.chatContainer.addChild(new Spacer(1));
-                const component = new CompactionSummaryMessageComponent(message, this.getMarkdownThemeWithSettings());
-                component.setExpanded(this.toolOutputExpanded);
-                this.chatContainer.addChild(component);
-                break;
-            }
-            case "branchSummary": {
-                this.chatContainer.addChild(new Spacer(1));
-                const component = new BranchSummaryMessageComponent(message, this.getMarkdownThemeWithSettings());
-                component.setExpanded(this.toolOutputExpanded);
-                this.chatContainer.addChild(component);
-                break;
-            }
-            case "user": {
-                const textContent = this.getUserMessageText(message);
-                if (textContent) {
-                    const skillBlock = parseSkillBlock(textContent);
-                    if (skillBlock) {
-                        // Render skill block (collapsible)
-                        this.chatContainer.addChild(new Spacer(1));
-                        const component = new SkillInvocationMessageComponent(skillBlock, this.getMarkdownThemeWithSettings());
-                        component.setExpanded(this.toolOutputExpanded);
-                        this.chatContainer.addChild(component);
-                        // Render user message separately if present
-                        if (skillBlock.userMessage) {
-                            const userComponent = new UserMessageComponent(skillBlock.userMessage, this.getMarkdownThemeWithSettings(), message.timestamp, timestampFormat);
-                            this.chatContainer.addChild(userComponent);
-                        }
-                    }
-                    else {
-                        const userComponent = new UserMessageComponent(textContent, this.getMarkdownThemeWithSettings(), message.timestamp, timestampFormat);
-                        this.chatContainer.addChild(userComponent);
-                    }
-                    if (options?.populateHistory) {
-                        this.editor.addToHistory?.(textContent);
-                    }
-                }
-                break;
-            }
-            case "assistant": {
-                const assistantComponent = new AssistantMessageComponent(message, this.hideThinkingBlock, this.getMarkdownThemeWithSettings(), timestampFormat);
-                this.chatContainer.addChild(assistantComponent);
-                break;
-            }
-            case "toolResult": {
-                // Tool results are rendered inline with tool calls, handled separately
-                break;
-            }
-            default: {
-                const _exhaustive = message;
-            }
-        }
-        this.trimChatHistory();
-    }
-    /**
-     * Remove oldest components when chat exceeds MAX_CHAT_COMPONENTS.
-     * Only render-components are removed — session data stays in SessionManager.
-     */
-    trimChatHistory() {
-        while (this.chatContainer.children.length > InteractiveMode.MAX_CHAT_COMPONENTS) {
-            const oldest = this.chatContainer.children[0];
-            this.chatContainer.removeChild(oldest);
-        }
-    }
-    /**
-     * Render session context to chat. Used for initial load and rebuild after compaction.
-     * @param sessionContext Session context to render
-     * @param options.updateFooter Update footer state
-     * @param options.populateHistory Add user messages to editor history
-     */
-    renderSessionContext(sessionContext, options = {}) {
-        this.pendingTools.clear();
-        const timestampFormat = this.getTimestampFormat();
-        if (options.updateFooter) {
-            this.footer.invalidate();
-            this.updateEditorBorderColor();
-        }
-        for (const message of sessionContext.messages) {
-            // Assistant messages need special handling for tool calls
-            if (message.role === "assistant") {
-                const hasToolBlocks = message.content.some((c) => c.type === "toolCall" || isServerToolUseBlock(c));
-                if (!hasToolBlocks) {
-                    this.addMessageToChat(message);
-                    continue;
-                }
-                const assistantSegments = [];
-                const replaySegments = buildAssistantReplaySegments(message.content);
-                for (const segment of replaySegments) {
-                    if (segment.kind === "assistant") {
-                        const assistantComponent = new AssistantMessageComponent(message, this.hideThinkingBlock, this.getMarkdownThemeWithSettings(), timestampFormat, { startIndex: segment.startIndex, endIndex: segment.endIndex });
-                        this.chatContainer.addChild(assistantComponent);
-                        assistantSegments.push(assistantComponent);
-                        continue;
-                    }
-                    const content = message.content[segment.contentIndex];
-                    if (content.type === "toolCall") {
-                        const component = new ToolExecutionComponent(content.name, content.arguments, { showImages: this.settingsManager.getShowImages() }, this.getRegisteredToolDefinition(content.name), this.ui);
-                        component.setExpanded(this.toolOutputExpanded);
-                        this.chatContainer.addChild(component);
-                        if (message.stopReason === "aborted" || message.stopReason === "error") {
-                            let errorMessage;
-                            if (message.stopReason === "aborted") {
-                                const retryAttempt = this.session.retryAttempt;
-                                errorMessage =
-                                    retryAttempt > 0
-                                        ? `Aborted after ${retryAttempt} retry attempt${retryAttempt > 1 ? "s" : ""}`
-                                        : "Operation aborted";
-                            }
-                            else {
-                                errorMessage = message.errorMessage || "Error";
-                            }
-                            component.updateResult({ content: [{ type: "text", text: errorMessage }], isError: true });
-                        }
-                        else {
-                            this.pendingTools.set(content.id, component);
-                        }
-                    }
-                    else if (isServerToolUseBlock(content)) {
-                        // Server-side tool (e.g., native web search)
-                        const component = new ToolExecutionComponent(content.name, content.input, { showImages: this.settingsManager.getShowImages() }, undefined, this.ui);
-                        component.setExpanded(this.toolOutputExpanded);
-                        this.chatContainer.addChild(component);
-                        // Find matching webSearchResult in this message's content
-                        const resultBlock = message.content.find((c) => isWebSearchResultBlock(c) && c.toolUseId === content.id);
-                        if (resultBlock && isWebSearchResultBlock(resultBlock)) {
-                            const searchContent = resultBlock.content;
-                            const isError = searchContent && typeof searchContent === "object" && "type" in searchContent && searchContent.type === "web_search_tool_result_error";
-                            const resultText = this.formatWebSearchResult(searchContent);
-                            component.updateResult({
-                                content: [{ type: "text", text: resultText }],
-                                isError: !!isError,
-                            });
-                        }
-                        else {
-                            // No result yet (aborted stream?) — show as pending
-                            if (content.id) {
-                                this.pendingTools.set(content.id, component);
-                            }
-                        }
-                    }
-                }
-                // Match streaming-mode behavior: show metadata once on the final
-                // assistant prose segment for this message.
-                const lastAssistantSegment = assistantSegments[assistantSegments.length - 1];
-                lastAssistantSegment?.setShowMetadata(true);
-            }
-            else if (message.role === "toolResult") {
-                // Match tool results to pending tool components
-                const component = this.pendingTools.get(message.toolCallId);
-                if (component) {
-                    component.updateResult(message);
-                    this.pendingTools.delete(message.toolCallId);
-                }
-            }
-            else {
-                // All other messages use standard rendering
-                this.addMessageToChat(message, options);
-            }
-        }
-        // Any pendingTools entries left over after replay are historical tool
-        // calls whose results were squashed out of session context (commonly by
-        // compaction). Mark them finished so the frame stops showing "Running".
-        for (const component of this.pendingTools.values()) {
-            component.markHistoricalNoResult();
-        }
-        this.pendingTools.clear();
-        this.trimChatHistory();
-        this.ui.requestRender();
-    }
-    renderInitialMessages() {
-        // Get aligned messages and entries from session context
-        const context = this.sessionManager.buildSessionContext();
-        this.renderSessionContext(context, {
-            updateFooter: true,
-            populateHistory: true,
-        });
-        this.populatePinnedFromMessages(context.messages);
-        // Show compaction info if session was compacted
-        const allEntries = this.sessionManager.getEntries();
-        const compactionCount = allEntries.filter((e) => e.type === "compaction").length;
-        if (compactionCount > 0) {
-            const times = compactionCount === 1 ? "1 time" : `${compactionCount} times`;
-            this.showStatus(`Session compacted ${times}`);
-        }
-    }
-    async getUserInput() {
-        return new Promise((resolve) => {
-            this.onInputCallback = (text) => {
-                this.onInputCallback = undefined;
-                resolve(text);
-            };
-        });
-    }
-    rebuildChatFromMessages() {
-        this.chatContainer.clear();
-        this.pinnedMessageContainer.clear();
-        const context = this.sessionManager.buildSessionContext();
-        this.renderSessionContext(context);
-        // Pinned content NOT re-populated here — the streaming lifecycle in
-        // chat-controller.ts manages the pinned zone during active work.
-        // populatePinnedFromMessages() remains in renderInitialMessages()
-        // for the session-resume case at startup.
-    }
-    /**
-     * After rebuilding chat from messages, pin the last assistant text above the
-     * editor if tool results would otherwise push it out of the viewport.
-     */
-    populatePinnedFromMessages(messages) {
-        this.pinnedMessageContainer.clear();
-        // Walk backwards to find the last assistant message
-        let lastAssistant;
-        for (let i = messages.length - 1; i >= 0; i--) {
-            const msg = messages[i];
-            if (msg && "role" in msg && msg.role === "assistant") {
-                lastAssistant = msg;
-                break;
-            }
-        }
-        if (!lastAssistant)
-            return;
-        // Check if any tool calls follow the last text block
-        const content = lastAssistant.content;
-        let lastTextIndex = -1;
-        let hasToolAfterText = false;
-        for (let i = 0; i < content.length; i++) {
-            if (content[i].type === "text")
-                lastTextIndex = i;
-        }
-        if (lastTextIndex >= 0) {
-            for (let i = lastTextIndex + 1; i < content.length; i++) {
-                const block = content[i];
-                if (block.type === "toolCall" || isServerToolUseBlock(block)) {
-                    hasToolAfterText = true;
-                    break;
-                }
-            }
-        }
-        if (!hasToolAfterText || lastTextIndex < 0)
-            return;
-        const textBlock = content[lastTextIndex];
-        const text = textBlock.text?.trim();
-        if (!text)
-            return;
-        this.pinnedMessageContainer.addChild(new DynamicBorder((str) => theme.fg("dim", str), "Latest Output"));
-        this.pinnedMessageContainer.addChild(new Markdown(text, 1, 0, this.getMarkdownThemeWithSettings()));
-    }
-    // =========================================================================
-    // Key handlers
-    // =========================================================================
-    handleCtrlC() {
-        const now = Date.now();
-        if (now - this.lastSigintTime < 500) {
-            void this.shutdown();
-        }
-        else {
-            this.clearEditor();
-            this.lastSigintTime = now;
-        }
-    }
-    handleCtrlD() {
-        // Only called when editor is empty (enforced by CustomEditor)
-        void this.shutdown();
-    }
-    async shutdown() {
-        const shutdownBehavior = this.options.shutdownBehavior ?? "exit_process";
-        if (shutdownBehavior === "ignore") {
-            this.showStatus("Quit is unavailable in the browser-attached terminal");
-            return;
-        }
-        if (this.isShuttingDown)
-            return;
-        this.isShuttingDown = true;
-        // Flush any queued settings writes before shutdown
-        await this.settingsManager.flush();
-        // Emit shutdown event to extensions
-        const extensionRunner = this.session.extensionRunner;
-        if (extensionRunner?.hasHandlers("session_shutdown")) {
-            await extensionRunner.emit({
-                type: "session_shutdown",
-            });
-        }
-        // Wait for any pending renders to complete
-        // requestRender() uses process.nextTick(), so we wait one tick
-        await new Promise((resolve) => process.nextTick(resolve));
-        // Drain any in-flight Kitty key release events before stopping.
-        // This prevents escape sequences from leaking to the parent shell over slow SSH.
-        await this.ui.terminal.drainInput(1000);
-        this.stop();
-        if (shutdownBehavior === "stop_ui") {
-            return;
-        }
-        // Kill ALL descendant processes to prevent orphans (next-server, pnpm dev, etc.)
-        try {
-            const descendants = listDescendants(process.pid);
-            for (const childPid of descendants) {
-                try {
-                    process.kill(childPid, "SIGTERM");
-                }
-                catch (_e) { /* ignore — process may have already exited */ }
-            }
-            if (descendants.length > 0) {
-                await new Promise(resolve => setTimeout(resolve, 500));
-                for (const childPid of descendants) {
-                    try {
-                        process.kill(childPid, "SIGKILL");
-                    }
-                    catch (_e) { /* ignore — process may have already exited */ }
-                }
-            }
-        }
-        catch (_e) { /* ignore — listDescendants may fail on some platforms */ }
-        process.exit(0);
-    }
-    /**
-     * Check if shutdown was requested and perform shutdown if so.
-     */
-    async checkShutdownRequested() {
-        if (!this.shutdownRequested)
-            return;
-        await this.shutdown();
-    }
-    handleCtrlZ() {
-        // On Windows, SIGTSTP doesn't exist - Ctrl+Z is not supported
-        if (process.platform === "win32") {
-            return;
-        }
-        // Ignore SIGINT while suspended so Ctrl+C in the terminal does not
-        // kill the backgrounded process. The handler is removed on resume.
-        const ignoreSigint = () => { };
-        process.on("SIGINT", ignoreSigint);
-        try {
-            // Set up handler to restore TUI when resumed
-            process.once("SIGCONT", () => {
-                process.removeListener("SIGINT", ignoreSigint);
-                this.ui.start();
-                this.ui.requestRender(true);
-            });
-            // Stop the TUI (restore terminal to normal mode)
-            this.ui.stop();
-            // Send SIGTSTP to process group (pid=0 means all processes in group)
-            process.kill(0, "SIGTSTP");
-        }
-        catch {
-            // If suspend fails (e.g. SIGTSTP not supported), ensure the
-            // SIGINT listener doesn't leak.
-            process.removeListener("SIGINT", ignoreSigint);
-        }
-    }
-    async handleFollowUp() {
-        const text = (this.editor.getExpandedText?.() ?? this.editor.getText()).trim();
-        if (!text)
-            return;
-        if (text.startsWith("/") && !this.isKnownSlashCommand(text)) {
-            const command = text.split(/\s/)[0];
-            this.showError(`Unknown command: ${command}. Use slash autocomplete to see available commands.`);
-            return;
-        }
-        // Queue input during compaction (extension commands execute immediately)
-        if (this.session.isCompacting) {
-            if (this.isExtensionCommand(text)) {
-                this.editor.addToHistory?.(text);
-                this.editor.setText("");
-                await this.session.prompt(text);
-            }
-            else {
-                this.queueCompactionMessage(text, "followUp");
-            }
-            return;
-        }
-        // Alt+Enter queues a follow-up message (waits until agent finishes)
-        // This handles extension commands (execute immediately), prompt template expansion, and queueing
-        if (this.session.isStreaming) {
-            this.editor.addToHistory?.(text);
-            this.editor.setText("");
-            await this.session.prompt(text, { streamingBehavior: "followUp" });
-            this.updatePendingMessagesDisplay();
-            this.ui.requestRender();
-        }
-        // If not streaming, Alt+Enter acts like regular Enter (trigger onSubmit)
-        else if (this.editor.onSubmit) {
-            this.editor.onSubmit(text);
-        }
-    }
-    handleDequeue() {
-        const restored = this.restoreQueuedMessagesToEditor();
-        if (restored === 0) {
-            this.showStatus("No queued messages to restore");
-        }
-        else {
-            this.showStatus(`Restored ${restored} queued message${restored > 1 ? "s" : ""} to editor`);
-        }
-    }
-    updateEditorBorderColor() {
-        if (this.isBashMode) {
-            this.editor.borderColor = theme.getBashModeBorderColor();
-        }
-        else {
-            const level = this.session.thinkingLevel || "off";
-            this.editor.borderColor = theme.getThinkingBorderColor(level);
-        }
-        this.ui.requestRender();
-    }
-    cycleThinkingLevel() {
-        const newLevel = this.session.cycleThinkingLevel();
-        if (newLevel === undefined) {
-            this.showStatus("Current model does not support thinking");
-        }
-        else {
-            this.footer.invalidate();
-            this.updateEditorBorderColor();
-            this.showStatus(`Thinking level: ${newLevel}`);
-        }
-    }
-    async cycleModel(direction) {
-        try {
-            const result = await this.session.cycleModel(direction);
-            if (result === undefined) {
-                const msg = this.session.scopedModels.length > 0 ? "Only one model in scope" : "Only one model available";
-                this.showStatus(msg);
-            }
-            else {
-                this.footer.invalidate();
-                this.updateEditorBorderColor();
-                const thinkingStr = result.model.reasoning && result.thinkingLevel !== "off" ? ` (thinking: ${result.thinkingLevel})` : "";
-                this.showStatus(`Switched to ${result.model.name || result.model.id}${thinkingStr}`);
-            }
-        }
-        catch (error) {
-            this.showError(error instanceof Error ? error.message : String(error));
-        }
-    }
-    toggleToolOutputExpansion() {
-        this.setToolsExpanded(!this.toolOutputExpanded);
-    }
-    setToolsExpanded(expanded) {
-        this.toolOutputExpanded = expanded;
-        for (const child of this.chatContainer.children) {
-            if (isExpandable(child)) {
-                child.setExpanded(expanded);
-            }
-        }
-        this.ui.requestRender();
-    }
-    toggleThinkingBlockVisibility() {
-        this.hideThinkingBlock = !this.hideThinkingBlock;
-        this.settingsManager.setHideThinkingBlock(this.hideThinkingBlock);
-        // Rebuild chat from session messages
-        this.chatContainer.clear();
-        this.rebuildChatFromMessages();
-        // If streaming, re-add the streaming component with updated visibility and re-render
-        if (this.streamingComponent && this.streamingMessage) {
-            this.streamingComponent.setHideThinkingBlock(this.hideThinkingBlock);
-            this.streamingComponent.updateContent(this.streamingMessage);
-            this.chatContainer.addChild(this.streamingComponent);
-        }
-        this.showStatus(`Thinking blocks: ${this.hideThinkingBlock ? "hidden" : "visible"}`);
-    }
-    openExternalEditor() {
-        // Determine editor (respect $VISUAL, then $EDITOR)
-        const editorCmd = process.env.VISUAL || process.env.EDITOR;
-        if (!editorCmd) {
-            let msg = "No editor configured. Set $VISUAL or $EDITOR environment variable.";
-            if (process.env.TERM_PROGRAM === "iTerm.app") {
-                msg +=
-                    "\n\nTip: If you meant to open the GSD dashboard (Ctrl+Alt+G), set Left Option Key to" +
-                        " \"Esc+\" in iTerm2 → Profiles → Keys. With the default \"Normal\" setting," +
-                        " Ctrl+Alt+G sends Ctrl+G instead.";
-            }
-            this.showWarning(msg);
-            return;
-        }
-        const currentText = this.editor.getExpandedText?.() ?? this.editor.getText();
-        const tmpFile = path.join(os.tmpdir(), `pi-editor-${Date.now()}.pi.md`);
-        try {
-            // Write current content to temp file
-            fs.writeFileSync(tmpFile, currentText, "utf-8");
-            // Stop TUI to release terminal
-            this.ui.stop();
-            // Split by space to support editor arguments (e.g., "code --wait")
-            const [editor, ...editorArgs] = editorCmd.split(" ");
-            // Spawn editor synchronously with inherited stdio for interactive editing
-            const result = spawnSync(editor, [...editorArgs, tmpFile], {
-                stdio: "inherit",
-                shell: process.platform === "win32",
-            });
-            // On successful exit (status 0), replace editor content
-            if (result.status === 0) {
-                const newContent = fs.readFileSync(tmpFile, "utf-8").replace(/\n$/, "");
-                this.editor.setText(newContent);
-            }
-            // On non-zero exit, keep original text (no action needed)
-        }
-        finally {
-            // Clean up temp file
-            try {
-                fs.unlinkSync(tmpFile);
-            }
-            catch {
-                // Ignore cleanup errors
-            }
-            // Restart TUI
-            this.ui.start();
-            // Force full re-render since external editor uses alternate screen
-            this.ui.requestRender(true);
-        }
-    }
-    // =========================================================================
-    // UI helpers
-    // =========================================================================
-    clearEditor() {
-        this.editor.setText("");
-        this.ui.requestRender();
-    }
-    showError(errorMessage) {
-        this.chatContainer.addChild(new Spacer(1));
-        this.chatContainer.addChild(new Text(theme.fg("error", `Error: ${errorMessage}`), 1, 0));
-        this.ui.requestRender();
-    }
-    showWarning(warningMessage) {
-        this.chatContainer.addChild(new Spacer(1));
-        this.chatContainer.addChild(new Text(theme.fg("warning", `Warning: ${warningMessage}`), 1, 0));
-        this.ui.requestRender();
-    }
-    showSuccess(successMessage) {
-        this.chatContainer.addChild(new Spacer(1));
-        this.chatContainer.addChild(new DynamicBorder((text) => theme.fg("success", text)));
-        this.chatContainer.addChild(new Text(theme.fg("success", successMessage), 1, 0));
-        this.chatContainer.addChild(new DynamicBorder((text) => theme.fg("success", text)));
-        this.chatContainer.addChild(new Spacer(1));
-        this.ui.requestRender();
-    }
-    showTip(message) {
-        this.chatContainer.addChild(new Spacer(1));
-        this.chatContainer.addChild(new Text(theme.fg("dim", `💡 ${message}`), 1, 0));
-        this.ui.requestRender();
-    }
-    getContextPercent() {
-        return this.session.getContextUsage()?.percent ?? undefined;
-    }
-    showNewVersionNotification(newVersion) {
-        const action = theme.fg("accent", getUpdateInstruction("@gsd/pi-coding-agent"));
-        const updateInstruction = theme.fg("muted", `New version ${newVersion} is available. `) + action;
-        const changelogUrl = theme.fg("accent", "https://github.com/badlogic/pi-mono/blob/main/packages/coding-agent/CHANGELOG.md");
-        const changelogLine = theme.fg("muted", "Changelog: ") + changelogUrl;
-        this.chatContainer.addChild(new Spacer(1));
-        this.chatContainer.addChild(new DynamicBorder((text) => theme.fg("warning", text)));
-        this.chatContainer.addChild(new Text(`${theme.bold(theme.fg("warning", "Update Available"))}\n${updateInstruction}\n${changelogLine}`, 1, 0));
-        this.chatContainer.addChild(new DynamicBorder((text) => theme.fg("warning", text)));
-        this.ui.requestRender();
-    }
-    /**
-     * Get all queued messages (read-only).
-     * Combines session queue and compaction queue.
-     */
-    getAllQueuedMessages() {
-        return {
-            steering: [
-                ...this.session.getSteeringMessages(),
-                ...this.compactionQueuedMessages.filter((msg) => msg.mode === "steer").map((msg) => msg.text),
-            ],
-            followUp: [
-                ...this.session.getFollowUpMessages(),
-                ...this.compactionQueuedMessages.filter((msg) => msg.mode === "followUp").map((msg) => msg.text),
-            ],
-        };
-    }
-    /**
-     * Clear all queued messages and return their contents.
-     * Clears both session queue and compaction queue.
-     */
-    clearAllQueues() {
-        const { steering, followUp } = this.session.clearQueue();
-        const compactionSteering = this.compactionQueuedMessages
-            .filter((msg) => msg.mode === "steer")
-            .map((msg) => msg.text);
-        const compactionFollowUp = this.compactionQueuedMessages
-            .filter((msg) => msg.mode === "followUp")
-            .map((msg) => msg.text);
-        this.compactionQueuedMessages = [];
-        return {
-            steering: [...steering, ...compactionSteering],
-            followUp: [...followUp, ...compactionFollowUp],
-        };
-    }
-    updatePendingMessagesDisplay() {
-        this.pendingMessagesContainer.clear();
-        const { steering: steeringMessages, followUp: followUpMessages } = this.getAllQueuedMessages();
-        if (steeringMessages.length > 0 || followUpMessages.length > 0) {
-            this.pendingMessagesContainer.addChild(new Spacer(1));
-            for (const message of steeringMessages) {
-                const text = theme.fg("dim", `Steering: ${message}`);
-                this.pendingMessagesContainer.addChild(new TruncatedText(text, 1, 0));
-            }
-            for (const message of followUpMessages) {
-                const text = theme.fg("dim", `Follow-up: ${message}`);
-                this.pendingMessagesContainer.addChild(new TruncatedText(text, 1, 0));
-            }
-            const dequeueHint = getAppKeyDisplay(this.keybindings, "dequeue");
-            const hintText = theme.fg("dim", `↳ ${dequeueHint} to edit all queued messages`);
-            this.pendingMessagesContainer.addChild(new TruncatedText(hintText, 1, 0));
-        }
-    }
-    restoreQueuedMessagesToEditor(options) {
-        const { steering, followUp } = this.clearAllQueues();
-        const allQueued = [...steering, ...followUp];
-        if (allQueued.length === 0) {
-            this.updatePendingMessagesDisplay();
-            if (options?.abort) {
-                this.agent.abort();
-            }
-            return 0;
-        }
-        const queuedText = allQueued.join("\n\n");
-        const currentText = options?.currentText ?? this.editor.getText();
-        const combinedText = [queuedText, currentText].filter((t) => t.trim()).join("\n\n");
-        this.editor.setText(combinedText);
-        this.updatePendingMessagesDisplay();
-        if (options?.abort) {
-            this.agent.abort();
-        }
-        return allQueued.length;
-    }
-    queueCompactionMessage(text, mode) {
-        if (text.startsWith("/") && !this.isKnownSlashCommand(text)) {
-            const command = text.split(/\s/)[0];
-            this.showError(`Unknown command: ${command}. Use slash autocomplete to see available commands.`);
-            return;
-        }
-        this.compactionQueuedMessages.push({ text, mode });
-        this.editor.addToHistory?.(text);
-        this.editor.setText("");
-        this.updatePendingMessagesDisplay();
-        this.showStatus("Queued message for after compaction");
-    }
-    isExtensionCommand(text) {
-        if (!text.startsWith("/"))
-            return false;
-        const extensionRunner = this.session.extensionRunner;
-        if (!extensionRunner)
-            return false;
-        const spaceIndex = text.indexOf(" ");
-        const commandName = spaceIndex === -1 ? text.slice(1) : text.slice(1, spaceIndex);
-        return !!extensionRunner.getCommand(commandName);
-    }
-    isKnownSlashCommand(text) {
-        if (!text.startsWith("/"))
-            return false;
-        const spaceIndex = text.indexOf(" ");
-        const commandName = spaceIndex === -1 ? text.slice(1) : text.slice(1, spaceIndex);
-        if (BUILTIN_SLASH_COMMANDS.some((command) => command.name === commandName)) {
-            return true;
-        }
-        if (this.isExtensionCommand(text)) {
-            return true;
-        }
-        if (this.session.promptTemplates.some((template) => template.name === commandName)) {
-            return true;
-        }
-        if (commandName.startsWith("skill:") && this.settingsManager.getEnableSkillCommands()) {
-            const skillName = commandName.slice("skill:".length);
-            return this.session.resourceLoader.getSkills().skills.some((skill) => skill.name === skillName);
-        }
-        return false;
-    }
-    async flushCompactionQueue(options) {
-        if (this.compactionQueuedMessages.length === 0) {
-            return;
-        }
-        const queuedMessages = [...this.compactionQueuedMessages];
-        this.compactionQueuedMessages = [];
-        this.updatePendingMessagesDisplay();
-        const restoreQueue = (error) => {
-            this.session.clearQueue();
-            this.compactionQueuedMessages = queuedMessages;
-            this.updatePendingMessagesDisplay();
-            this.showError(`Failed to send queued message${queuedMessages.length > 1 ? "s" : ""}: ${error instanceof Error ? error.message : String(error)}`);
-        };
-        try {
-            if (options?.willRetry) {
-                // When retry is pending, queue messages for the retry turn
-                for (const message of queuedMessages) {
-                    if (this.isExtensionCommand(message.text)) {
-                        await this.session.prompt(message.text);
-                    }
-                    else if (message.mode === "followUp") {
-                        await this.session.followUp(message.text);
-                    }
-                    else {
-                        await this.session.steer(message.text);
-                    }
-                }
-                this.updatePendingMessagesDisplay();
-                return;
-            }
-            // Find first non-extension-command message to use as prompt
-            const firstPromptIndex = queuedMessages.findIndex((message) => !this.isExtensionCommand(message.text));
-            if (firstPromptIndex === -1) {
-                // All extension commands - execute them all
-                for (const message of queuedMessages) {
-                    await this.session.prompt(message.text);
-                }
-                return;
-            }
-            // Execute any extension commands before the first prompt
-            const preCommands = queuedMessages.slice(0, firstPromptIndex);
-            const firstPrompt = queuedMessages[firstPromptIndex];
-            const rest = queuedMessages.slice(firstPromptIndex + 1);
-            for (const message of preCommands) {
-                await this.session.prompt(message.text);
-            }
-            // Send first prompt (starts streaming)
-            const promptPromise = this.session.prompt(firstPrompt.text).catch((error) => {
-                restoreQueue(error);
-            });
-            // Queue remaining messages
-            for (const message of rest) {
-                if (this.isExtensionCommand(message.text)) {
-                    await this.session.prompt(message.text);
-                }
-                else if (message.mode === "followUp") {
-                    await this.session.followUp(message.text);
-                }
-                else {
-                    await this.session.steer(message.text);
-                }
-            }
-            this.updatePendingMessagesDisplay();
-            void promptPromise;
-        }
-        catch (error) {
-            restoreQueue(error);
-        }
-    }
-    /** Move pending bash components from pending area to chat */
-    flushPendingBashComponents() {
-        for (const component of this.pendingBashComponents) {
-            this.pendingMessagesContainer.removeChild(component);
-            this.chatContainer.addChild(component);
-        }
-        this.pendingBashComponents = [];
-    }
-    // =========================================================================
-    // Selectors
-    // =========================================================================
-    /**
-     * Shows a selector component in place of the editor.
-     * @param create Factory that receives a `done` callback and returns the component and focus target
-     */
-    showSelector(create) {
-        const done = () => {
-            this.editorContainer.clear();
-            this.editorContainer.addChild(this.editor);
-            this.ui.setFocus(this.editor);
-        };
-        const { component, focus } = create(done);
-        this.editorContainer.clear();
-        this.editorContainer.addChild(component);
-        this.ui.setFocus(focus);
-        this.ui.requestRender();
-    }
-    showSettingsSelector() {
-        this.showSelector((done) => {
-            const selector = new SettingsSelectorComponent({
-                autoCompact: this.session.autoCompactionEnabled,
-                showImages: this.settingsManager.getShowImages(),
-                autoResizeImages: this.settingsManager.getImageAutoResize(),
-                blockImages: this.settingsManager.getBlockImages(),
-                enableSkillCommands: this.settingsManager.getEnableSkillCommands(),
-                steeringMode: this.session.steeringMode,
-                followUpMode: this.session.followUpMode,
-                transport: this.settingsManager.getTransport(),
-                thinkingLevel: this.session.thinkingLevel,
-                availableThinkingLevels: this.session.getAvailableThinkingLevels(),
-                currentTheme: this.settingsManager.getTheme() || "dark",
-                availableThemes: getAvailableThemes(),
-                hideThinkingBlock: this.hideThinkingBlock,
-                collapseChangelog: this.settingsManager.getCollapseChangelog(),
-                doubleEscapeAction: this.settingsManager.getDoubleEscapeAction(),
-                treeFilterMode: this.settingsManager.getTreeFilterMode(),
-                showHardwareCursor: this.settingsManager.getShowHardwareCursor(),
-                editorPaddingX: this.settingsManager.getEditorPaddingX(),
-                autocompleteMaxVisible: this.settingsManager.getAutocompleteMaxVisible(),
-                respectGitignoreInPicker: this.settingsManager.getRespectGitignoreInPicker?.() ?? true,
-                quietStartup: this.settingsManager.getQuietStartup(),
-                clearOnShrink: this.settingsManager.getClearOnShrink(),
-                timestampFormat: this.getTimestampFormat(),
-            }, {
-                onAutoCompactChange: (enabled) => {
-                    this.session.setAutoCompactionEnabled(enabled);
-                    this.footer.setAutoCompactEnabled(enabled);
-                },
-                onShowImagesChange: (enabled) => {
-                    this.settingsManager.setShowImages(enabled);
-                    for (const child of this.chatContainer.children) {
-                        if (child instanceof ToolExecutionComponent) {
-                            child.setShowImages(enabled);
-                        }
-                    }
-                },
-                onAutoResizeImagesChange: (enabled) => {
-                    this.settingsManager.setImageAutoResize(enabled);
-                },
-                onBlockImagesChange: (blocked) => {
-                    this.settingsManager.setBlockImages(blocked);
-                },
-                onEnableSkillCommandsChange: (enabled) => {
-                    this.settingsManager.setEnableSkillCommands(enabled);
-                    this.setupAutocomplete();
-                },
-                onSteeringModeChange: (mode) => {
-                    this.session.setSteeringMode(mode);
-                },
-                onFollowUpModeChange: (mode) => {
-                    this.session.setFollowUpMode(mode);
-                },
-                onTransportChange: (transport) => {
-                    this.settingsManager.setTransport(transport);
-                    this.session.agent.setTransport(transport);
-                },
-                onThinkingLevelChange: (level) => {
-                    this.session.setThinkingLevel(level);
-                    this.footer.invalidate();
-                    this.updateEditorBorderColor();
-                },
-                onThemeChange: (themeName) => {
-                    const result = setTheme(themeName, true);
-                    this.settingsManager.setTheme(themeName);
-                    this.ui.invalidate();
-                    if (!result.success) {
-                        this.showError(`Failed to load theme "${themeName}": ${result.error}\nFell back to dark theme.`);
-                    }
-                },
-                onThemePreview: (themeName) => {
-                    const result = setTheme(themeName, true);
-                    if (result.success) {
-                        this.ui.invalidate();
-                        this.ui.requestRender();
-                    }
-                },
-                onHideThinkingBlockChange: (hidden) => {
-                    this.hideThinkingBlock = hidden;
-                    this.settingsManager.setHideThinkingBlock(hidden);
-                    for (const child of this.chatContainer.children) {
-                        if (child instanceof AssistantMessageComponent) {
-                            child.setHideThinkingBlock(hidden);
-                        }
-                    }
-                    this.chatContainer.clear();
-                    this.rebuildChatFromMessages();
-                },
-                onCollapseChangelogChange: (collapsed) => {
-                    this.settingsManager.setCollapseChangelog(collapsed);
-                },
-                onQuietStartupChange: (enabled) => {
-                    this.settingsManager.setQuietStartup(enabled);
-                },
-                onDoubleEscapeActionChange: (action) => {
-                    this.settingsManager.setDoubleEscapeAction(action);
-                },
-                onTreeFilterModeChange: (mode) => {
-                    this.settingsManager.setTreeFilterMode(mode);
-                },
-                onShowHardwareCursorChange: (enabled) => {
-                    this.settingsManager.setShowHardwareCursor(enabled);
-                    this.ui.setShowHardwareCursor(enabled);
-                },
-                onEditorPaddingXChange: (padding) => {
-                    this.settingsManager.setEditorPaddingX(padding);
-                    this.defaultEditor.setPaddingX(padding);
-                    if (this.editor !== this.defaultEditor && this.editor.setPaddingX !== undefined) {
-                        this.editor.setPaddingX(padding);
-                    }
-                },
-                onAutocompleteMaxVisibleChange: (maxVisible) => {
-                    this.settingsManager.setAutocompleteMaxVisible(maxVisible);
-                    this.defaultEditor.setAutocompleteMaxVisible(maxVisible);
-                    if (this.editor !== this.defaultEditor && this.editor.setAutocompleteMaxVisible !== undefined) {
-                        this.editor.setAutocompleteMaxVisible(maxVisible);
-                    }
-                },
-                onClearOnShrinkChange: (enabled) => {
-                    this.settingsManager.setClearOnShrink(enabled);
-                    this.ui.setClearOnShrink(enabled);
-                },
-                onRespectGitignoreInPickerChange: (enabled) => {
-                    this.settingsManager.setRespectGitignoreInPicker?.(enabled);
-                    this.autocompleteProvider?.setRespectGitignore?.(enabled);
-                },
-                onTimestampFormatChange: (format) => {
-                    this.settingsManager.setTimestampFormat?.(format);
-                },
-                onCancel: () => {
-                    done();
-                    this.ui.requestRender();
-                },
-            });
-            return { component: selector, focus: selector.getSettingsList() };
-        });
-    }
-    async handleModelCommand(searchTerm) {
-        await handleModelCommandController(this, searchTerm);
-    }
-    async findExactModelMatch(searchTerm) {
-        return findExactModelMatchController(this, searchTerm);
-    }
-    async getModelCandidates() {
-        return getModelCandidatesController(this);
-    }
-    /** Update the footer's available provider count from current model candidates */
-    async updateAvailableProviderCount() {
-        await updateAvailableProviderCountController(this);
-    }
-    showModelSelector(initialSearchInput) {
-        this.showSelector((done) => {
-            const selector = new ModelSelectorComponent(this.ui, this.session.model, this.settingsManager, this.session.modelRegistry, this.session.scopedModels, async (model) => {
-                try {
-                    await this.session.setModel(model);
-                    this.footer.invalidate();
-                    this.updateEditorBorderColor();
-                    done();
-                    this.showStatus(`Model: ${model.id}`);
-                    this.checkDaxnutsEasterEgg(model);
-                }
-                catch (error) {
-                    done();
-                    this.showError(error instanceof Error ? error.message : String(error));
-                }
-            }, () => {
-                done();
-                this.ui.requestRender();
-            }, initialSearchInput);
-            return { component: selector, focus: selector };
-        });
-    }
-    async showModelsSelector() {
-        // Get all available models
-        this.session.modelRegistry.refresh();
-        const allModels = this.session.modelRegistry.getAvailable();
-        if (allModels.length === 0) {
-            this.showStatus("No models available");
-            return;
-        }
-        // Check if session has scoped models (from previous session-only changes or CLI --models)
-        const sessionScopedModels = this.session.scopedModels;
-        const hasSessionScope = sessionScopedModels.length > 0;
-        // Build enabled model IDs from session state or settings
-        const enabledModelIds = new Set();
-        let hasFilter = false;
-        if (hasSessionScope) {
-            // Use current session's scoped models
-            for (const sm of sessionScopedModels) {
-                enabledModelIds.add(`${sm.model.provider}/${sm.model.id}`);
-            }
-            hasFilter = true;
-        }
-        else {
-            // Fall back to settings
-            const patterns = this.settingsManager.getEnabledModels();
-            if (patterns !== undefined && patterns.length > 0) {
-                hasFilter = true;
-                const scopedModels = await resolveModelScope(patterns, this.session.modelRegistry);
-                for (const sm of scopedModels) {
-                    enabledModelIds.add(`${sm.model.provider}/${sm.model.id}`);
-                }
-            }
-        }
-        // Track current enabled state (session-only until persisted)
-        const currentEnabledIds = new Set(enabledModelIds);
-        let currentHasFilter = hasFilter;
-        // Helper to update session's scoped models (session-only, no persist)
-        const updateSessionModels = async (enabledIds) => {
-            if (enabledIds.size > 0 && enabledIds.size < allModels.length) {
-                const newScopedModels = await resolveModelScope(Array.from(enabledIds), this.session.modelRegistry);
-                this.session.setScopedModels(newScopedModels.map((sm) => ({
-                    model: sm.model,
-                    thinkingLevel: sm.thinkingLevel,
-                })));
-            }
-            else {
-                // All enabled or none enabled = no filter
-                this.session.setScopedModels([]);
-            }
-            await this.updateAvailableProviderCount();
-            this.ui.requestRender();
-        };
-        this.showSelector((done) => {
-            const selector = new ScopedModelsSelectorComponent({
-                allModels,
-                enabledModelIds: currentEnabledIds,
-                hasEnabledModelsFilter: currentHasFilter,
-            }, {
-                onModelToggle: async (modelId, enabled) => {
-                    if (enabled) {
-                        currentEnabledIds.add(modelId);
-                    }
-                    else {
-                        currentEnabledIds.delete(modelId);
-                    }
-                    currentHasFilter = true;
-                    await updateSessionModels(currentEnabledIds);
-                },
-                onEnableAll: async (allModelIds) => {
-                    currentEnabledIds.clear();
-                    for (const id of allModelIds) {
-                        currentEnabledIds.add(id);
-                    }
-                    currentHasFilter = false;
-                    await updateSessionModels(currentEnabledIds);
-                },
-                onClearAll: async () => {
-                    currentEnabledIds.clear();
-                    currentHasFilter = true;
-                    await updateSessionModels(currentEnabledIds);
-                },
-                onToggleProvider: async (_provider, modelIds, enabled) => {
-                    for (const id of modelIds) {
-                        if (enabled) {
-                            currentEnabledIds.add(id);
-                        }
-                        else {
-                            currentEnabledIds.delete(id);
-                        }
-                    }
-                    currentHasFilter = true;
-                    await updateSessionModels(currentEnabledIds);
-                },
-                onPersist: (enabledIds) => {
-                    // Persist to settings
-                    const newPatterns = enabledIds.length === allModels.length
-                        ? undefined // All enabled = clear filter
-                        : enabledIds;
-                    this.settingsManager.setEnabledModels(newPatterns);
-                    this.showStatus("Model selection saved to settings");
-                },
-                onCancel: () => {
-                    done();
-                    this.ui.requestRender();
-                },
-            });
-            return { component: selector, focus: selector };
-        });
-    }
-    showUserMessageSelector() {
-        const userMessages = this.session.getUserMessagesForForking();
-        if (userMessages.length === 0) {
-            this.showStatus("No messages to fork from");
-            return;
-        }
-        this.showSelector((done) => {
-            const selector = new UserMessageSelectorComponent(userMessages.map((m) => ({ id: m.entryId, text: m.text })), async (entryId) => {
-                const result = await this.session.fork(entryId);
-                if (result.cancelled) {
-                    // Extension cancelled the fork
-                    done();
-                    this.ui.requestRender();
-                    return;
-                }
-                this.chatContainer.clear();
-                this.renderInitialMessages();
-                this.editor.setText(result.selectedText);
-                done();
-                this.showStatus("Branched to new session");
-            }, () => {
-                done();
-                this.ui.requestRender();
-            });
-            return { component: selector, focus: selector.getMessageList() };
-        });
-    }
-    showTreeSelector(initialSelectedId) {
-        const tree = this.sessionManager.getTree();
-        const realLeafId = this.sessionManager.getLeafId();
-        const initialFilterMode = this.settingsManager.getTreeFilterMode();
-        if (tree.length === 0) {
-            this.showStatus("No entries in session");
-            return;
-        }
-        this.showSelector((done) => {
-            const selector = new TreeSelectorComponent(tree, realLeafId, this.ui.terminal.rows, async (entryId) => {
-                // Selecting the current leaf is a no-op (already there)
-                if (entryId === realLeafId) {
-                    done();
-                    this.showStatus("Already at this point");
-                    return;
-                }
-                // Ask about summarization
-                done(); // Close selector first
-                // Loop until user makes a complete choice or cancels to tree
-                let wantsSummary = false;
-                let customInstructions;
-                // Check if we should skip the prompt (user preference to always default to no summary)
-                if (!this.settingsManager.getBranchSummarySkipPrompt()) {
-                    while (true) {
-                        const summaryChoice = await this.showExtensionSelector("Summarize branch?", [
-                            "No summary",
-                            "Summarize",
-                            "Summarize with custom prompt",
-                        ]);
-                        if (summaryChoice === undefined) {
-                            // User pressed escape - re-show tree selector with same selection
-                            this.showTreeSelector(entryId);
-                            return;
-                        }
-                        wantsSummary = summaryChoice !== "No summary";
-                        if (summaryChoice === "Summarize with custom prompt") {
-                            customInstructions = await this.showExtensionEditor("Custom summarization instructions");
-                            if (customInstructions === undefined) {
-                                // User cancelled - loop back to summary selector
-                                continue;
-                            }
-                        }
-                        // User made a complete choice
-                        break;
-                    }
-                }
-                // Set up escape handler and loader if summarizing
-                let summaryLoader;
-                const originalOnEscape = this.defaultEditor.onEscape;
-                if (wantsSummary) {
-                    this.defaultEditor.onEscape = () => {
-                        this.session.abortBranchSummary();
-                    };
-                    this.chatContainer.addChild(new Spacer(1));
-                    summaryLoader = new Loader(this.ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), `Summarizing branch... (${appKey(this.keybindings, "interrupt")} to cancel)`);
-                    this.statusContainer.addChild(summaryLoader);
-                    this.ui.requestRender();
-                }
-                try {
-                    const result = await this.session.navigateTree(entryId, {
-                        summarize: wantsSummary,
-                        customInstructions,
-                    });
-                    if (result.aborted) {
-                        // Summarization aborted - re-show tree selector with same selection
-                        this.showStatus("Branch summarization cancelled");
-                        this.showTreeSelector(entryId);
-                        return;
-                    }
-                    if (result.cancelled) {
-                        this.showStatus("Navigation cancelled");
-                        return;
-                    }
-                    // Update UI
-                    this.chatContainer.clear();
-                    this.renderInitialMessages();
-                    if (result.editorText && !this.editor.getText().trim()) {
-                        this.editor.setText(result.editorText);
-                    }
-                    this.showStatus("Navigated to selected point");
-                }
-                catch (error) {
-                    this.showError(error instanceof Error ? error.message : String(error));
-                }
-                finally {
-                    if (summaryLoader) {
-                        summaryLoader.stop();
-                        this.statusContainer.clear();
-                    }
-                    this.defaultEditor.onEscape = originalOnEscape;
-                }
-            }, () => {
-                done();
-                this.ui.requestRender();
-            }, (entryId, label) => {
-                this.sessionManager.appendLabelChange(entryId, label);
-                this.ui.requestRender();
-            }, initialSelectedId, initialFilterMode);
-            return { component: selector, focus: selector };
-        });
-    }
-    showSessionSelector() {
-        this.showSelector((done) => {
-            const selector = new SessionSelectorComponent((onProgress) => SessionManager.list(this.sessionManager.getCwd(), this.sessionManager.getSessionDir(), onProgress), SessionManager.listAll, async (sessionPath) => {
-                done();
-                await this.handleResumeSession(sessionPath);
-            }, () => {
-                done();
-                this.ui.requestRender();
-            }, () => {
-                void this.shutdown();
-            }, () => this.ui.requestRender(), {
-                renameSession: async (sessionFilePath, nextName) => {
-                    const next = (nextName ?? "").trim();
-                    if (!next)
-                        return;
-                    const mgr = SessionManager.open(sessionFilePath);
-                    mgr.appendSessionInfo(next);
-                },
-                showRenameHint: true,
-                keybindings: this.keybindings,
-            }, this.sessionManager.getSessionFile());
-            return { component: selector, focus: selector };
-        });
-    }
-    async handleResumeSession(sessionPath) {
-        // Stop loading animation
-        if (this.loadingAnimation) {
-            this.loadingAnimation.stop();
-            this.loadingAnimation = undefined;
-        }
-        this.statusContainer.clear();
-        // Clear UI state
-        this.pendingMessagesContainer.clear();
-        this.compactionQueuedMessages = [];
-        this.streamingComponent = undefined;
-        this.streamingMessage = undefined;
-        this.pendingTools.clear();
-        // Switch session via AgentSession (emits extension session events)
-        await this.session.switchSession(sessionPath);
-        // Clear and re-render the chat
-        this.chatContainer.clear();
-        this.renderInitialMessages();
-        if (this.session.sessionManager.wasInterrupted?.()) {
-            this.showStatus("Resumed session (previous session ended unexpectedly — last action may be incomplete)");
-        }
-        else {
-            this.showStatus("Resumed session");
-        }
-    }
-    showProviderManager() {
-        this.showSelector((done) => {
-            const component = new ProviderManagerComponent(this.ui, this.session.modelRegistry.authStorage, this.session.modelRegistry, () => {
-                done();
-                this.ui.requestRender();
-            }, async (provider) => {
-                this.showStatus(`Discovering models for ${provider}...`);
-                try {
-                    const results = await this.session.modelRegistry.discoverModels?.([provider]) ?? [];
-                    const result = results[0];
-                    if (result?.error) {
-                        this.showError(`Discovery failed: ${result.error}`);
-                    }
-                    else {
-                        this.showStatus(`Discovered ${result?.models?.length ?? 0} models from ${provider}`);
-                    }
-                }
-                catch (error) {
-                    this.showError(error instanceof Error ? error.message : String(error));
-                }
-                done();
-                this.ui.requestRender();
-            }, async (provider) => {
-                // Enter key → auth setup for selected provider (#3579)
-                done();
-                await this.showLoginDialog(provider);
-            });
-            return { component, focus: component };
-        });
-    }
-    async showOAuthSelector(mode) {
-        if (mode === "logout") {
-            const providers = this.session.modelRegistry.authStorage.list();
-            const loggedInProviders = providers.filter((p) => this.session.modelRegistry.authStorage.get(p)?.type === "oauth");
-            if (loggedInProviders.length === 0) {
-                this.showStatus("No OAuth providers logged in. Use /login first.");
-                return;
-            }
-        }
-        this.showSelector((done) => {
-            const selector = new OAuthSelectorComponent(mode, this.session.modelRegistry.authStorage, (providerId) => {
-                done();
-                // OAuthSelectorComponent calls this synchronously (no await),
-                // so we must catch async errors here to prevent unhandled rejections
-                // when the user cancels the login dialog (#821).
-                const handleAsync = async () => {
-                    if (mode === "login") {
-                        await this.showLoginDialog(providerId);
-                    }
-                    else {
-                        // Logout flow
-                        const providerInfo = this.session.modelRegistry.authStorage
-                            .getOAuthProviders()
-                            .find((p) => p.id === providerId);
-                        const providerName = providerInfo?.name || providerId;
-                        try {
-                            this.session.modelRegistry.authStorage.logout(providerId);
-                            this.session.modelRegistry.refresh();
-                            await this.updateAvailableProviderCount();
-                            // Auto-switch model if current model belongs to the logged-out provider
-                            const currentModel = this.session.model;
-                            if (currentModel?.provider === providerId) {
-                                try {
-                                    const available = this.session.modelRegistry.getAvailable();
-                                    const fallback = available.find((m) => m.provider !== providerId);
-                                    if (fallback) {
-                                        await this.session.setModel(fallback);
-                                    }
-                                }
-                                catch {
-                                    // Model switch failed — user can manually switch via /model
-                                }
-                            }
-                            this.showStatus(`Logged out of ${providerName}`);
-                        }
-                        catch (error) {
-                            this.showError(`Logout failed: ${error instanceof Error ? error.message : String(error)}`);
-                        }
-                    }
-                };
-                handleAsync().catch(() => {
-                    // Swallow — showLoginDialog already handles its own errors.
-                    // This prevents unhandled rejections when login is cancelled.
-                });
-            }, () => {
-                done();
-                this.ui.requestRender();
-            });
-            return { component: selector, focus: selector };
-        });
-    }
-    async showLoginDialog(providerId) {
-        const providerInfo = this.session.modelRegistry.authStorage.getOAuthProviders().find((p) => p.id === providerId);
-        const providerName = providerInfo?.name || providerId;
-        // Providers that use callback servers (can paste redirect URL)
-        const usesCallbackServer = providerInfo?.usesCallbackServer ?? false;
-        // Create login dialog component
-        const dialog = new LoginDialogComponent(this.ui, providerId, (_success, _message) => {
-            // Completion handled below
-        });
-        // Show dialog in editor container
-        this.editorContainer.clear();
-        this.editorContainer.addChild(dialog);
-        this.ui.setFocus(dialog);
-        this.ui.requestRender();
-        // Restore editor helper — also disposes the dialog to reject any
-        // dangling promises and prevent the UI from getting stuck.
-        const restoreEditor = () => {
-            dialog.dispose();
-            this.editorContainer.clear();
-            this.editorContainer.addChild(this.editor);
-            this.ui.setFocus(this.editor);
-            this.ui.requestRender();
-        };
-        try {
-            await this.session.modelRegistry.authStorage.login(providerId, {
-                onAuth: (info) => {
-                    dialog.showAuth(info.url, info.instructions);
-                    if (!usesCallbackServer && providerId === "github-copilot") {
-                        // GitHub Copilot polls after onAuth
-                        dialog.showWaiting("Waiting for browser authentication...");
-                    }
-                    // For Anthropic: onPrompt is called immediately after
-                },
-                onPrompt: async (prompt) => {
-                    return dialog.showPrompt(prompt.message, prompt.placeholder);
-                },
-                onProgress: (message) => {
-                    dialog.showProgress(message);
-                },
-                // Callback-server providers race browser callback with pasted redirect URL.
-                // Keep manual-input promise ownership inside provider flow to avoid
-                // orphaned rejections when the callback is not consumed.
-                onManualCodeInput: usesCallbackServer
-                    ? () => dialog.showManualInput("Paste redirect URL below, or complete login in browser:")
-                    : undefined,
-                signal: dialog.signal,
-            });
-            // Success
-            restoreEditor();
-            this.session.modelRegistry.refresh();
-            await this.updateAvailableProviderCount();
-            // Auto-switch model if current model has no valid API key
-            try {
-                const currentModel = this.session.model;
-                if (currentModel) {
-                    const currentKey = await this.session.modelRegistry.getApiKeyForProvider?.(currentModel.provider);
-                    if (!currentKey) {
-                        const available = this.session.modelRegistry.getAvailable();
-                        const newProviderModel = available.find((m) => m.provider === providerId);
-                        if (newProviderModel) {
-                            await this.session.setModel(newProviderModel);
-                        }
-                        else if (available.length > 0) {
-                            await this.session.setModel(available[0]);
-                        }
-                    }
-                }
-            }
-            catch (_error) {
-                // Model switch failed — user can manually switch via /model
-            }
-            this.showStatus(`Logged in to ${providerName}. Credentials saved to ${getAuthPath()}`);
-        }
-        catch (error) {
-            restoreEditor();
-            const errorMsg = error instanceof Error ? error.message : String(error);
-            if (errorMsg !== "Login cancelled" && !errorMsg.includes("Superseded") && !errorMsg.includes("disposed")) {
-                this.showError(`Failed to login to ${providerName}: ${errorMsg}`);
-            }
-        }
-    }
-    // =========================================================================
-    // Command handlers
-    // =========================================================================
-    async handleReloadCommand() {
-        if (this.session.isStreaming) {
-            this.showWarning("Wait for the current response to finish before reloading.");
-            return;
-        }
-        if (this.session.isCompacting) {
-            this.showWarning("Wait for compaction to finish before reloading.");
-            return;
-        }
-        this.resetExtensionUI();
-        const loader = new BorderedLoader(this.ui, theme, "Reloading extensions, skills, prompts, themes...", {
-            cancellable: false,
-        });
-        const previousEditor = this.editor;
-        this.editorContainer.clear();
-        this.editorContainer.addChild(loader);
-        this.ui.setFocus(loader);
-        this.ui.requestRender();
-        const dismissLoader = (editor) => {
-            loader.dispose();
-            this.editorContainer.clear();
-            this.editorContainer.addChild(editor);
-            this.ui.setFocus(editor);
-            this.ui.requestRender();
-        };
-        try {
-            await this.session.reload();
-            /* vendor-seam: dual-module-path — Theme resolves differently through ResourceLoader vs setRegisteredThemes import path */
-            setRegisteredThemes(this.session.resourceLoader.getThemes().themes);
-            this.hideThinkingBlock = this.settingsManager.getHideThinkingBlock();
-            const themeName = this.settingsManager.getTheme();
-            const themeResult = themeName ? setTheme(themeName, true) : { success: true };
-            if (!themeResult.success) {
-                this.showError(`Failed to load theme "${themeName}": ${themeResult.error}\nFell back to dark theme.`);
-            }
-            const editorPaddingX = this.settingsManager.getEditorPaddingX();
-            const autocompleteMaxVisible = this.settingsManager.getAutocompleteMaxVisible();
-            this.defaultEditor.setPaddingX(editorPaddingX);
-            this.defaultEditor.setAutocompleteMaxVisible(autocompleteMaxVisible);
-            if (this.editor !== this.defaultEditor) {
-                this.editor.setPaddingX?.(editorPaddingX);
-                this.editor.setAutocompleteMaxVisible?.(autocompleteMaxVisible);
-            }
-            this.ui.setShowHardwareCursor(this.settingsManager.getShowHardwareCursor());
-            this.ui.setClearOnShrink(this.settingsManager.getClearOnShrink());
-            this.setupAutocomplete();
-            const runner = this.session.extensionRunner;
-            if (runner) {
-                this.setupExtensionShortcuts(runner);
-            }
-            this.rebuildChatFromMessages();
-            dismissLoader(this.editor);
-            this.showLoadedResources({
-                extensionPaths: runner?.getExtensionPaths() ?? [],
-                force: false,
-                showDiagnosticsWhenQuiet: true,
-            });
-            const modelsJsonError = this.session.modelRegistry.getError();
-            if (modelsJsonError) {
-                this.showError(`models.json error: ${modelsJsonError}`);
-            }
-            this.showStatus("Reloaded extensions, skills, prompts, themes");
-        }
-        catch (error) {
-            dismissLoader(previousEditor);
-            this.showError(`Reload failed: ${error instanceof Error ? error.message : String(error)}`);
-        }
-    }
-    async handleClearCommand() {
-        // Stop loading animation
-        if (this.loadingAnimation) {
-            this.loadingAnimation.stop();
-            this.loadingAnimation = undefined;
-        }
-        this.statusContainer.clear();
-        // New session via session (emits extension session events)
-        await this.session.newSession();
-        // Clear UI state
-        this.headerContainer.clear();
-        this.chatContainer.clear();
-        this.pendingMessagesContainer.clear();
-        this.compactionQueuedMessages = [];
-        this.streamingComponent = undefined;
-        this.streamingMessage = undefined;
-        this.pendingTools.clear();
-        // Reset contextual tips for the new session
-        this.contextualTips.reset();
-        this.chatContainer.addChild(new Spacer(1));
-        this.chatContainer.addChild(new Text(`${theme.fg("accent", "✓ New session started")}`, 1, 1));
-        this.ui.requestRender();
-    }
-    handleDebugCommand() {
-        const width = this.ui.terminal.columns;
-        const height = this.ui.terminal.rows;
-        const allLines = this.ui.render(width);
-        const debugLogPath = getDebugLogPath();
-        const debugData = [
-            `Debug output at ${new Date().toISOString()}`,
-            `Terminal: ${width}x${height}`,
-            `Total lines: ${allLines.length}`,
-            "",
-            "=== All rendered lines with visible widths ===",
-            ...allLines.map((line, idx) => {
-                const vw = visibleWidth(line);
-                const escaped = JSON.stringify(line);
-                return `[${idx}] (w=${vw}) ${escaped}`;
-            }),
-            "",
-            "=== Agent messages (JSONL) ===",
-            ...this.session.messages.map((msg) => JSON.stringify(msg)),
-            "",
-        ].join("\n");
-        fs.mkdirSync(path.dirname(debugLogPath), { recursive: true });
-        fs.writeFileSync(debugLogPath, debugData);
-        this.chatContainer.addChild(new Spacer(1));
-        this.chatContainer.addChild(new Text(`${theme.fg("accent", "✓ Debug log written")}\n${theme.fg("muted", debugLogPath)}`, 1, 1));
-        this.ui.requestRender();
-    }
-    handleDaxnuts() {
-        this.chatContainer.addChild(new Spacer(1));
-        this.chatContainer.addChild(new DaxnutsComponent(this.ui));
-        this.ui.requestRender();
-    }
-    checkDaxnutsEasterEgg(model) {
-        if (model.provider === "opencode" && model.id.toLowerCase().includes("kimi-k2.5")) {
-            this.handleDaxnuts();
-        }
-    }
-    async handleBashCommand(command, excludeFromContext = false, displayCommand, loginShell) {
-        const extensionRunner = this.session.extensionRunner;
-        const label = displayCommand || command;
-        // Emit user_bash event to let extensions intercept
-        const eventResult = extensionRunner
-            ? await extensionRunner.emitUserBash({
-                type: "user_bash",
-                command,
-                excludeFromContext,
-                cwd: process.cwd(),
-            })
-            : undefined;
-        // If extension returned a full result, use it directly
-        if (eventResult?.result) {
-            const result = eventResult.result;
-            // Create UI component for display
-            this.bashComponent = new BashExecutionComponent(label, this.ui, excludeFromContext);
-            if (this.session.isStreaming) {
-                this.pendingMessagesContainer.addChild(this.bashComponent);
-                this.pendingBashComponents.push(this.bashComponent);
-            }
-            else {
-                this.chatContainer.addChild(this.bashComponent);
-            }
-            // Show output and complete
-            if (result.output) {
-                this.bashComponent.appendOutput(result.output);
-            }
-            this.bashComponent.setComplete(result.exitCode, result.cancelled, result.truncated ? { truncated: true, content: result.output } : undefined, result.fullOutputPath);
-            // Record the result in session
-            this.session.recordBashResult(command, result, { excludeFromContext });
-            this.bashComponent = undefined;
-            this.ui.requestRender();
-            return;
-        }
-        // Normal execution path (possibly with custom operations)
-        const isDeferred = this.session.isStreaming;
-        this.bashComponent = new BashExecutionComponent(label, this.ui, excludeFromContext);
-        if (isDeferred) {
-            // Show in pending area when agent is streaming
-            this.pendingMessagesContainer.addChild(this.bashComponent);
-            this.pendingBashComponents.push(this.bashComponent);
-        }
-        else {
-            // Show in chat immediately when agent is idle
-            this.chatContainer.addChild(this.bashComponent);
-        }
-        this.ui.requestRender();
-        try {
-            const result = await this.session.executeBash(command, (chunk) => {
-                if (this.bashComponent) {
-                    this.bashComponent.appendOutput(chunk);
-                    this.ui.requestRender();
-                }
-            }, { excludeFromContext, operations: eventResult?.operations, loginShell });
-            if (this.bashComponent) {
-                this.bashComponent.setComplete(result.exitCode, result.cancelled, result.truncated ? { truncated: true, content: result.output } : undefined, result.fullOutputPath);
-            }
-        }
-        catch (error) {
-            if (this.bashComponent) {
-                this.bashComponent.setComplete(undefined, false);
-            }
-            this.showError(`Bash command failed: ${error instanceof Error ? error.message : "Unknown error"}`);
-        }
-        this.bashComponent = undefined;
-        this.ui.requestRender();
-    }
-    async executeCompaction(customInstructions, isAuto = false) {
-        // Stop loading animation
-        if (this.loadingAnimation) {
-            this.loadingAnimation.stop();
-            this.loadingAnimation = undefined;
-        }
-        this.statusContainer.clear();
-        // Set up escape handler during compaction
-        const originalOnEscape = this.defaultEditor.onEscape;
-        this.defaultEditor.onEscape = () => {
-            this.session.abortCompaction();
-        };
-        // Show compacting status
-        this.chatContainer.addChild(new Spacer(1));
-        const cancelHint = `(${appKey(this.keybindings, "interrupt")} to cancel)`;
-        const label = isAuto ? `Auto-compacting context... ${cancelHint}` : `Compacting context... ${cancelHint}`;
-        const compactingLoader = new Loader(this.ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), label);
-        this.statusContainer.addChild(compactingLoader);
-        this.ui.requestRender();
-        let result;
-        try {
-            result = await this.session.compact(customInstructions);
-            // Rebuild UI
-            this.rebuildChatFromMessages();
-            // Add compaction component at bottom so user sees it without scrolling
-            const msg = createCompactionSummaryMessage(result.summary, result.tokensBefore, new Date().toISOString());
-            this.addMessageToChat(msg);
-            this.footer.invalidate();
-        }
-        catch (error) {
-            const message = error instanceof Error ? error.message : String(error);
-            if (message === "Compaction cancelled" || (error instanceof Error && error.name === "AbortError")) {
-                this.showError("Compaction cancelled");
-            }
-            else {
-                this.showError(`Compaction failed: ${message}`);
-            }
-        }
-        finally {
-            compactingLoader.stop();
-            this.statusContainer.clear();
-            this.defaultEditor.onEscape = originalOnEscape;
-        }
-        void this.flushCompactionQueue({ willRetry: false });
-        return result;
-    }
-    requestRender(force = false) {
-        if (!this.isInitialized)
-            return;
-        this.ui.requestRender(force);
-    }
-    stop() {
-        if (this.loadingAnimation) {
-            this.loadingAnimation.stop();
-            this.loadingAnimation = undefined;
-        }
-        this.clearExtensionTerminalInputListeners();
-        // Clean up branch change listener (Fix 1)
-        this._branchChangeUnsub?.();
-        this._branchChangeUnsub = undefined;
-        // Clean up theme change listener and watcher (Fix 2)
-        onThemeChange(() => { });
-        stopThemeWatcher();
-        // Resolve any pending getUserInput promise so the run() loop can exit (Fix 3)
-        if (this.onInputCallback) {
-            this.onInputCallback("");
-            this.onInputCallback = undefined;
-        }
-        // Dispose extension widgets, custom footer, and custom header (Fix 4)
-        this.clearExtensionWidgets();
-        if (this.customFooter?.dispose) {
-            this.customFooter.dispose();
-        }
-        this.customFooter = undefined;
-        if (this.customHeader?.dispose) {
-            this.customHeader.dispose();
-        }
-        this.customHeader = undefined;
-        this.autocompleteProvider = undefined;
-        this.footer.dispose();
-        this.footerDataProvider.dispose();
-        if (this.unsubscribe) {
-            this.unsubscribe();
-        }
-        if (this.isInitialized) {
-            this.ui.stop();
-            this.isInitialized = false;
-        }
-    }
-}
-//# sourceMappingURL=interactive-mode.js.map