dexto 1.6.1 → 1.6.2

package/dist/cli/ink-cli/containers/OverlayContainer.js

@@ -1,1840 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * OverlayContainer Component
- * Smart container for managing all overlays (selectors, autocomplete, approval)
- */
-import React, { useCallback, useRef, useImperativeHandle, forwardRef, useState } from 'react';
-import { Box } from 'ink';
-import path from 'path';
-import { ApprovalStatus, DenialReason, isUserMessage } from '@dexto/core';
-import { ApprovalPrompt, } from '../components/ApprovalPrompt.js';
-import { SlashCommandAutocomplete, } from '../components/SlashCommandAutocomplete.js';
-import ResourceAutocomplete from '../components/ResourceAutocomplete.js';
-import ModelSelectorRefactored from '../components/overlays/ModelSelectorRefactored.js';
-import SessionSelectorRefactored from '../components/overlays/SessionSelectorRefactored.js';
-import LogLevelSelector from '../components/overlays/LogLevelSelector.js';
-import StreamSelector from '../components/overlays/StreamSelector.js';
-import SoundsSelector from '../components/overlays/SoundsSelector.js';
-import ToolBrowser from '../components/overlays/ToolBrowser.js';
-import { CommandOutputOverlay, } from '../components/overlays/CommandOutputOverlay.js';
-import McpServerList from '../components/overlays/McpServerList.js';
-import McpServerActions from '../components/overlays/McpServerActions.js';
-import McpAddChoice from '../components/overlays/McpAddChoice.js';
-import McpAddSelector from '../components/overlays/McpAddSelector.js';
-import SessionSubcommandSelector from '../components/overlays/SessionSubcommandSelector.js';
-import McpCustomTypeSelector from '../components/overlays/McpCustomTypeSelector.js';
-import McpCustomWizard from '../components/overlays/McpCustomWizard.js';
-import CustomModelWizard from '../components/overlays/CustomModelWizard.js';
-import { getProviderKeyStatus, loadGlobalPreferences, updateGlobalPreferences, } from '@dexto/agent-management';
-import ApiKeyInput from '../components/overlays/ApiKeyInput.js';
-import SearchOverlay from '../components/overlays/SearchOverlay.js';
-import PromptList from '../components/overlays/PromptList.js';
-import PromptAddChoice from '../components/overlays/PromptAddChoice.js';
-import PromptAddWizard from '../components/overlays/PromptAddWizard.js';
-import PromptDeleteSelector from '../components/overlays/PromptDeleteSelector.js';
-import SessionRenameOverlay from '../components/overlays/SessionRenameOverlay.js';
-import ContextStatsOverlay from '../components/overlays/ContextStatsOverlay.js';
-import ExportWizard from '../components/overlays/ExportWizard.js';
-import PluginManager from '../components/overlays/PluginManager.js';
-import PluginList from '../components/overlays/PluginList.js';
-import PluginActions from '../components/overlays/PluginActions.js';
-import MarketplaceBrowser from '../components/overlays/MarketplaceBrowser.js';
-import MarketplaceAddPrompt from '../components/overlays/MarketplaceAddPrompt.js';
-import { DextoValidationError, LLMErrorCode, getModelDisplayName } from '@dexto/core';
-import { createUserMessage, convertHistoryToUIMessages } from '../utils/messageFormatting.js';
-import { generateMessageId } from '../utils/idGenerator.js';
-import { capture } from '../../../analytics/index.js';
-import { FocusOverlayFrame } from '../components/shared/FocusOverlayFrame.js';
-import { shouldHideCliChrome } from '../utils/overlayPresentation.js';
-/**
- * Smart container for managing overlays
- * Handles all modal interactions (selectors, autocomplete, approval)
- */
-export const OverlayContainer = forwardRef(function OverlayContainer({ ui, input, session, approval, setInput, setUi, setSession, setMessages, setApproval, setApprovalQueue, agent, inputService, buffer, configFilePath, refreshStatic, onSubmitPromptCommand, }, ref) {
-    // Refs to overlay components for input handling
-    const approvalRef = useRef(null);
-    const slashAutocompleteRef = useRef(null);
-    const resourceAutocompleteRef = useRef(null);
-    const modelSelectorRef = useRef(null);
-    const sessionSelectorRef = useRef(null);
-    const logLevelSelectorRef = useRef(null);
-    const streamSelectorRef = useRef(null);
-    const soundsSelectorRef = useRef(null);
-    const toolBrowserRef = useRef(null);
-    const commandOutputRef = useRef(null);
-    const mcpServerListRef = useRef(null);
-    const mcpServerActionsRef = useRef(null);
-    const mcpAddChoiceRef = useRef(null);
-    const mcpAddSelectorRef = useRef(null);
-    const mcpCustomTypeSelectorRef = useRef(null);
-    const mcpCustomWizardRef = useRef(null);
-    const customModelWizardRef = useRef(null);
-    const sessionSubcommandSelectorRef = useRef(null);
-    const apiKeyInputRef = useRef(null);
-    const searchOverlayRef = useRef(null);
-    const promptListRef = useRef(null);
-    const promptAddChoiceRef = useRef(null);
-    const promptAddWizardRef = useRef(null);
-    const promptDeleteSelectorRef = useRef(null);
-    const sessionRenameRef = useRef(null);
-    const contextStatsRef = useRef(null);
-    const exportWizardRef = useRef(null);
-    const pluginManagerRef = useRef(null);
-    const pluginListRef = useRef(null);
-    const pluginActionsRef = useRef(null);
-    const marketplaceBrowserRef = useRef(null);
-    // State for selected plugin (for plugin-actions overlay)
-    const [selectedPlugin, setSelectedPlugin] = useState(null);
-    const marketplaceAddPromptRef = useRef(null);
-    const getConfigFilePathOrWarn = useCallback((action) => {
-        if (configFilePath) {
-            return configFilePath;
-        }
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `⚠️ Cannot ${action}: this agent is not file-backed (no config path).`,
-                timestamp: new Date(),
-            },
-        ]);
-        return null;
-    }, [configFilePath, setMessages]);
-    // Expose handleInput method via ref - routes to appropriate overlay
-    useImperativeHandle(ref, () => ({
-        handleInput: (inputStr, key) => {
-            // Route to approval first (highest priority)
-            if (approval && approvalRef.current) {
-                return approvalRef.current.handleInput(inputStr, key);
-            }
-            // Route to active overlay based on type
-            switch (ui.activeOverlay) {
-                case 'slash-autocomplete':
-                    return (slashAutocompleteRef.current?.handleInput(inputStr, key) ?? false);
-                case 'resource-autocomplete':
-                    return (resourceAutocompleteRef.current?.handleInput(inputStr, key) ?? false);
-                case 'model-selector':
-                    return modelSelectorRef.current?.handleInput(inputStr, key) ?? false;
-                case 'session-selector':
-                    return sessionSelectorRef.current?.handleInput(inputStr, key) ?? false;
-                case 'log-level-selector':
-                    return logLevelSelectorRef.current?.handleInput(inputStr, key) ?? false;
-                case 'stream-selector':
-                    return streamSelectorRef.current?.handleInput(inputStr, key) ?? false;
-                case 'sounds-selector':
-                    return soundsSelectorRef.current?.handleInput(inputStr, key) ?? false;
-                case 'tool-browser':
-                    return toolBrowserRef.current?.handleInput(inputStr, key) ?? false;
-                case 'command-output':
-                    return commandOutputRef.current?.handleInput(inputStr, key) ?? false;
-                case 'mcp-server-list':
-                    return mcpServerListRef.current?.handleInput(inputStr, key) ?? false;
-                case 'mcp-server-actions':
-                    return mcpServerActionsRef.current?.handleInput(inputStr, key) ?? false;
-                case 'mcp-add-choice':
-                    return mcpAddChoiceRef.current?.handleInput(inputStr, key) ?? false;
-                case 'mcp-add-selector':
-                    return mcpAddSelectorRef.current?.handleInput(inputStr, key) ?? false;
-                case 'mcp-custom-type-selector':
-                    return (mcpCustomTypeSelectorRef.current?.handleInput(inputStr, key) ??
-                        false);
-                case 'mcp-custom-wizard':
-                    return mcpCustomWizardRef.current?.handleInput(inputStr, key) ?? false;
-                case 'custom-model-wizard':
-                    return (customModelWizardRef.current?.handleInput(inputStr, key) ?? false);
-                case 'session-subcommand-selector':
-                    return (sessionSubcommandSelectorRef.current?.handleInput(inputStr, key) ??
-                        false);
-                case 'api-key-input':
-                    return apiKeyInputRef.current?.handleInput(inputStr, key) ?? false;
-                case 'search':
-                    return searchOverlayRef.current?.handleInput(inputStr, key) ?? false;
-                case 'prompt-list':
-                    return promptListRef.current?.handleInput(inputStr, key) ?? false;
-                case 'prompt-add-choice':
-                    return promptAddChoiceRef.current?.handleInput(inputStr, key) ?? false;
-                case 'prompt-add-wizard':
-                    return promptAddWizardRef.current?.handleInput(inputStr, key) ?? false;
-                case 'prompt-delete-selector':
-                    return (promptDeleteSelectorRef.current?.handleInput(inputStr, key) ?? false);
-                case 'session-rename':
-                    return sessionRenameRef.current?.handleInput(inputStr, key) ?? false;
-                case 'context-stats':
-                    return contextStatsRef.current?.handleInput(inputStr, key) ?? false;
-                case 'export-wizard':
-                    return exportWizardRef.current?.handleInput(inputStr, key) ?? false;
-                case 'plugin-manager':
-                    return pluginManagerRef.current?.handleInput(inputStr, key) ?? false;
-                case 'plugin-list':
-                    return pluginListRef.current?.handleInput(inputStr, key) ?? false;
-                case 'plugin-actions':
-                    return pluginActionsRef.current?.handleInput(inputStr, key) ?? false;
-                case 'marketplace-browser':
-                    return (marketplaceBrowserRef.current?.handleInput(inputStr, key) ?? false);
-                case 'marketplace-add':
-                    return (marketplaceAddPromptRef.current?.handleInput(inputStr, key) ?? false);
-                default:
-                    return false;
-            }
-        },
-    }), [approval, ui.activeOverlay]);
-    // NOTE: Automatic overlay detection removed to prevent infinite loop
-    // Overlays are now shown explicitly via setUi from InputContainer
-    // or from the main component's input detection logic
-    // Helper: Complete approval and process queue
-    const completeApproval = useCallback(() => {
-        setApprovalQueue((queue) => {
-            if (queue.length > 0) {
-                // Show next approval from queue
-                const [next, ...rest] = queue;
-                setApproval(next);
-                setUi((prev) => ({ ...prev, activeOverlay: 'approval' }));
-                return rest;
-            }
-            else {
-                // No more approvals
-                setApproval(null);
-                setUi((prev) => ({ ...prev, activeOverlay: 'none' }));
-                return [];
-            }
-        });
-    }, [setApproval, setApprovalQueue, setUi]);
-    // Handle approval responses
-    const handleApprove = useCallback((options) => {
-        if (!approval)
-            return;
-        // Enable "accept all edits" mode if requested
-        if (options.enableAcceptEditsMode) {
-            setUi((prev) => ({ ...prev, autoApproveEdits: true }));
-        }
-        // Auto-disable plan mode when plan_create or plan_review is approved
-        // This signals the transition from planning phase to execution phase
-        const toolName = approval.metadata.toolName;
-        if (toolName === 'plan_create' || toolName === 'plan_review') {
-            setUi((prev) => ({
-                ...prev,
-                planModeActive: false,
-                planModeInitialized: false,
-            }));
-        }
-        agent.emit('approval:response', {
-            approvalId: approval.approvalId,
-            status: ApprovalStatus.APPROVED,
-            sessionId: approval.sessionId,
-            data: {
-                rememberChoice: options.rememberChoice,
-                rememberPattern: options.rememberPattern,
-                formData: options.formData,
-                rememberDirectory: options.rememberDirectory,
-            },
-        });
-        completeApproval();
-    }, [approval, agent, completeApproval, setUi]);
-    const handleDeny = useCallback((feedback) => {
-        if (!approval)
-            return;
-        // Include user feedback in the denial message if provided
-        const message = feedback
-            ? `User requested changes: ${feedback}`
-            : 'User denied the tool execution';
-        agent.emit('approval:response', {
-            approvalId: approval.approvalId,
-            status: ApprovalStatus.DENIED,
-            sessionId: approval.sessionId,
-            reason: DenialReason.USER_DENIED,
-            message,
-        });
-        completeApproval();
-    }, [approval, agent, completeApproval]);
-    const handleCancelApproval = useCallback(() => {
-        if (!approval)
-            return;
-        agent.emit('approval:response', {
-            approvalId: approval.approvalId,
-            status: ApprovalStatus.CANCELLED,
-            sessionId: approval.sessionId,
-            reason: DenialReason.USER_CANCELLED,
-            message: 'User cancelled the approval request',
-        });
-        completeApproval();
-    }, [approval, agent, completeApproval]);
-    // Helper: Check if error is due to missing API key
-    const isApiKeyMissingError = (error) => {
-        if (error instanceof DextoValidationError) {
-            const apiKeyIssue = error.issues.find((issue) => issue.code === LLMErrorCode.API_KEY_MISSING);
-            if (apiKeyIssue && apiKeyIssue.context) {
-                // Extract provider from context
-                const context = apiKeyIssue.context;
-                if (context.provider) {
-                    return context.provider;
-                }
-            }
-        }
-        return null;
-    };
-    // Handle model selection (session-only)
-    const handleModelSelect = useCallback(async (provider, model, displayName, baseURL, reasoningEffort) => {
-        // Session-only switch (default is set via explicit action)
-        // Pre-check: Dexto Nova provider requires OAuth login AND API key
-        // Check BEFORE closing the overlay so user can pick a different model
-        if (provider === 'dexto-nova') {
-            try {
-                const { canUseDextoProvider } = await import('../../utils/dexto-setup.js');
-                const canUse = await canUseDextoProvider();
-                if (!canUse) {
-                    setMessages((prev) => [
-                        ...prev,
-                        {
-                            id: generateMessageId('system'),
-                            role: 'system',
-                            content: 'Cannot switch to Dexto Nova model - authentication required. Run /login to authenticate.',
-                            timestamp: new Date(),
-                        },
-                    ]);
-                    // Don't close the overlay - let user pick a different model
-                    return;
-                }
-            }
-            catch (error) {
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('error'),
-                        role: 'system',
-                        content: `Failed to verify Dexto Nova auth: ${error instanceof Error ? error.message : String(error)}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-                // Don't close the overlay - let user pick a different model
-                return;
-            }
-        }
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        try {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `🔄 Switching to ${displayName || model} (${provider})...`,
-                    timestamp: new Date(),
-                },
-            ]);
-            await agent.switchLLM({ provider: provider, model, baseURL, reasoningEffort }, session.id || undefined);
-            // Update session state with display name (fallback to model ID)
-            setSession((prev) => ({ ...prev, modelName: displayName || model }));
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Successfully switched to ${displayName || model} (${provider})`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        catch (error) {
-            // Check if error is due to missing API key
-            const missingProvider = isApiKeyMissingError(error);
-            if (missingProvider) {
-                // Store pending model switch and show API key input
-                // Use missingProvider (from error) as the authoritative source
-                setUi((prev) => ({
-                    ...prev,
-                    activeOverlay: 'api-key-input',
-                    pendingModelSwitch: {
-                        provider: missingProvider,
-                        model,
-                        ...(displayName && { displayName }),
-                        ...(baseURL && { baseURL }),
-                        ...(reasoningEffort && { reasoningEffort }),
-                    },
-                }));
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('system'),
-                        role: 'system',
-                        content: `🔑 API key required for ${provider}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-                return;
-            }
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `Failed to switch model: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-    }, [setUi, setInput, setMessages, setSession, agent, session.id, buffer]);
-    const handleSetDefaultModel = useCallback(async (provider, model, displayName, baseURL, reasoningEffort) => {
-        try {
-            const preferencesUpdate = {
-                provider,
-                model,
-                ...(baseURL ? { baseURL } : {}),
-                ...(reasoningEffort ? { reasoningEffort } : {}),
-            };
-            let providerEnvVar;
-            try {
-                const providerKeyStatus = await getProviderKeyStatus(provider);
-                providerEnvVar = providerKeyStatus?.envVar;
-            }
-            catch (error) {
-                agent.logger.debug(`Failed to resolve provider API key env var: ${error instanceof Error ? error.message : String(error)}`);
-            }
-            let existing = null;
-            try {
-                existing = await loadGlobalPreferences();
-            }
-            catch {
-                existing = null;
-            }
-            // Only preserve the API key if the provider hasn't changed
-            // If provider changed, use the new provider's env var
-            if (existing?.llm.provider === provider && existing?.llm.apiKey) {
-                preferencesUpdate.apiKey = existing.llm.apiKey;
-            }
-            else if (providerEnvVar) {
-                preferencesUpdate.apiKey = '$' + providerEnvVar;
-            }
-            await updateGlobalPreferences({
-                llm: preferencesUpdate,
-            });
-            try {
-                await agent.switchLLM({ provider: provider, model, baseURL, reasoningEffort }, session.id || undefined);
-                setSession((prev) => ({ ...prev, modelName: displayName || model }));
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('system'),
-                        role: 'system',
-                        content: `✅ Default model set to ${displayName || model} (${provider})`,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-            catch (error) {
-                const missingProvider = isApiKeyMissingError(error);
-                if (missingProvider) {
-                    setUi((prev) => ({
-                        ...prev,
-                        activeOverlay: 'api-key-input',
-                        pendingModelSwitch: {
-                            provider: missingProvider,
-                            model,
-                            ...(displayName && { displayName }),
-                            ...(baseURL && { baseURL }),
-                            ...(reasoningEffort && { reasoningEffort }),
-                        },
-                    }));
-                    setMessages((prev) => [
-                        ...prev,
-                        {
-                            id: generateMessageId('system'),
-                            role: 'system',
-                            content: `🔑 API key required for ${provider}`,
-                            timestamp: new Date(),
-                        },
-                    ]);
-                    return;
-                }
-                throw error;
-            }
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `Failed to set default model: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-    }, [agent, setMessages, setSession, setUi, session.id]);
-    // State for editing custom model
-    const [editingModel, setEditingModel] = useState(null);
-    // Handle "Add custom model" from model selector
-    const handleAddCustomModel = useCallback(() => {
-        setEditingModel(null);
-        setUi((prev) => ({ ...prev, activeOverlay: 'custom-model-wizard' }));
-    }, [setUi]);
-    // Handle "Edit custom model" from model selector
-    const handleEditCustomModel = useCallback((model) => {
-        setEditingModel(model);
-        setUi((prev) => ({ ...prev, activeOverlay: 'custom-model-wizard' }));
-    }, [setUi]);
-    // Handle custom model wizard completion
-    const handleCustomModelComplete = useCallback(async (model) => {
-        const wasEditing = editingModel !== null;
-        setEditingModel(null);
-        setUi((prev) => ({ ...prev, activeOverlay: 'none' }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        if (wasEditing) {
-            // For edits, just show confirmation message
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Custom model "${model.displayName || model.name}" updated`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        else {
-            // For new models, auto-switch to the newly created model
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Custom model "${model.displayName || model.name}" saved`,
-                    timestamp: new Date(),
-                },
-            ]);
-            // Switch to the new model
-            await handleModelSelect(model.provider, model.name, model.displayName, model.baseURL);
-        }
-    }, [setUi, setInput, setMessages, buffer, editingModel, handleModelSelect]);
-    // Handle API key saved - retry the model switch
-    const handleApiKeySaved = useCallback(async (meta) => {
-        const pending = ui.pendingModelSwitch;
-        if (!pending) {
-            // No pending switch, just close
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'none',
-                pendingModelSwitch: null,
-            }));
-            return;
-        }
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'none',
-            pendingModelSwitch: null,
-        }));
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `✅ API key saved for ${meta.provider}`,
-                timestamp: new Date(),
-            },
-        ]);
-        // Retry the model switch
-        try {
-            const pendingDisplayName = pending.displayName || pending.model;
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `🔄 Retrying switch to ${pendingDisplayName} (${pending.provider})...`,
-                    timestamp: new Date(),
-                },
-            ]);
-            await agent.switchLLM({
-                provider: pending.provider,
-                model: pending.model,
-                ...(pending.baseURL && { baseURL: pending.baseURL }),
-                ...(pending.reasoningEffort && {
-                    reasoningEffort: pending.reasoningEffort,
-                }),
-            }, session.id || undefined);
-            // Update session state with display name (fallback to model ID)
-            setSession((prev) => ({ ...prev, modelName: pendingDisplayName }));
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Successfully switched to ${pendingDisplayName} (${pending.provider})`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `Failed to switch model: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-    }, [ui.pendingModelSwitch, setUi, setMessages, setSession, agent, session.id]);
-    // Handle API key input close (without saving)
-    const handleApiKeyClose = useCallback(() => {
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'none',
-            pendingModelSwitch: null,
-        }));
-    }, [setUi]);
-    // Handle search result selection - display the result context
-    const handleSearchResultSelect = useCallback((result) => {
-        setUi((prev) => ({ ...prev, activeOverlay: 'none' }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        // Display the selected search result as a system message
-        const roleLabel = result.message.role === 'user'
-            ? '👤 User'
-            : result.message.role === 'assistant'
-                ? '🤖 Assistant'
-                : `📋 ${result.message.role}`;
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `🔍 Search Result from session ${result.sessionId.slice(0, 8)}:\n\n${roleLabel}:\n${result.context}`,
-                timestamp: new Date(),
-            },
-        ]);
-    }, [setUi, setInput, setMessages, buffer]);
-    // Handle session selection
-    const handleSessionSelect = useCallback(async (newSessionId) => {
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        try {
-            // Check if already on this session
-            if (newSessionId === session.id) {
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('system'),
-                        role: 'system',
-                        content: `ℹ️  Already using session ${newSessionId.slice(0, 8)}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-                return;
-            }
-            // Track session switch analytics
-            capture('dexto_session_switched', {
-                source: 'cli',
-                fromSessionId: session.id || null,
-                toSessionId: newSessionId,
-            });
-            // Clear messages and session state before switching
-            setMessages([]);
-            setApproval(null);
-            setApprovalQueue([]);
-            // Verify session exists first
-            const sessionData = await agent.getSession(newSessionId);
-            if (!sessionData) {
-                throw new Error(`Session ${newSessionId} not found`);
-            }
-            // Get the actual model being used for this session (respects llmOverride)
-            const newSessionConfig = agent.getCurrentLLMConfig(newSessionId);
-            const newSessionModelName = getModelDisplayName(newSessionConfig.model, newSessionConfig.provider);
-            setSession({
-                id: newSessionId,
-                hasActiveSession: true,
-                modelName: newSessionModelName,
-            });
-            // Load session history
-            const history = await agent.getSessionHistory(newSessionId);
-            if (history && history.length > 0) {
-                const historyMessages = convertHistoryToUIMessages(history, newSessionId);
-                setMessages(historyMessages);
-                // Extract user messages for input history (arrow up navigation)
-                const userInputHistory = history
-                    .filter(isUserMessage)
-                    .map((msg) => {
-                    // Extract text content from user message
-                    if (typeof msg.content === 'string') {
-                        return msg.content;
-                    }
-                    // Handle array content (text parts)
-                    if (Array.isArray(msg.content)) {
-                        return msg.content
-                            .filter((part) => typeof part === 'object' && part.type === 'text')
-                            .map((part) => part.text)
-                            .join('\n');
-                    }
-                    return '';
-                })
-                    .filter((text) => text.trim().length > 0);
-                setInput((prev) => ({
-                    ...prev,
-                    history: userInputHistory,
-                    historyIndex: -1,
-                }));
-            }
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Switched to session ${newSessionId.slice(0, 8)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-            // Force Static component to re-render with the new history
-            refreshStatic?.();
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `Failed to switch session: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-    }, [
-        setUi,
-        setInput,
-        setMessages,
-        setApproval,
-        setApprovalQueue,
-        setSession,
-        agent,
-        session.id,
-        session.modelName,
-        buffer,
-        refreshStatic,
-    ]);
-    // Handle slash command/prompt selection
-    const handlePromptSelect = useCallback(async (prompt) => {
-        // Use displayName for command text (user-friendly name without prefix)
-        const commandName = prompt.displayName || prompt.name;
-        const commandText = `/${commandName}`;
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        // Route prompts through InputContainer for streaming pipeline
-        if (onSubmitPromptCommand) {
-            await onSubmitPromptCommand(commandText);
-            return;
-        }
-        // Fallback when callback not provided (shouldn't happen in normal usage)
-        // Show user message for the executed command
-        const userMessage = createUserMessage(commandText);
-        setMessages((prev) => [...prev, userMessage]);
-        setUi((prev) => ({ ...prev, isProcessing: true, isCancelling: false }));
-        const { CommandService } = await import('../services/CommandService.js');
-        const commandService = new CommandService();
-        try {
-            // Use displayName to match the registered command name
-            const result = await commandService.executeCommand(commandName, [], agent, session.id || undefined);
-            if (result.type === 'output' && result.output) {
-                const output = result.output;
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('command'),
-                        role: 'system',
-                        content: output,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-            if (result.type === 'styled' && result.styled) {
-                const { fallbackText, styledType, styledData } = result.styled;
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('command'),
-                        role: 'system',
-                        content: fallbackText,
-                        timestamp: new Date(),
-                        styledType,
-                        styledData,
-                    },
-                ]);
-            }
-            setUi((prev) => ({
-                ...prev,
-                isProcessing: false,
-                isCancelling: false,
-                isThinking: false,
-            }));
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-            setUi((prev) => ({
-                ...prev,
-                isProcessing: false,
-                isCancelling: false,
-                isThinking: false,
-            }));
-        }
-    }, [setUi, setInput, setMessages, agent, session.id, buffer, onSubmitPromptCommand]);
-    // Handle loading command/prompt into input for editing (Tab key)
-    const handleSystemCommandSelect = useCallback(async (command) => {
-        // Check if this command has an interactive overlay
-        const { getCommandOverlayForSelect } = await import('../utils/commandOverlays.js');
-        const overlay = getCommandOverlayForSelect(command);
-        if (overlay) {
-            buffer.setText('');
-            setInput((prev) => ({ ...prev, historyIndex: -1 }));
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: overlay,
-                mcpWizardServerType: null,
-            }));
-            return;
-        }
-        const commandText = `/${command}`;
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        // Show user message for the executed command
-        const userMessage = createUserMessage(commandText);
-        setMessages((prev) => [...prev, userMessage]);
-        setUi((prev) => ({ ...prev, isProcessing: true, isCancelling: false }));
-        const { CommandService } = await import('../services/CommandService.js');
-        const commandService = new CommandService();
-        try {
-            const result = await commandService.executeCommand(command, [], agent, session.id || undefined);
-            if (result.type === 'output' && result.output) {
-                const output = result.output;
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('command'),
-                        role: 'system',
-                        content: output,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-            if (result.type === 'styled' && result.styled) {
-                const { fallbackText, styledType, styledData } = result.styled;
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('command'),
-                        role: 'system',
-                        content: fallbackText,
-                        timestamp: new Date(),
-                        styledType,
-                        styledData,
-                    },
-                ]);
-            }
-            setUi((prev) => ({
-                ...prev,
-                isProcessing: false,
-                isCancelling: false,
-                isThinking: false,
-            }));
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-            setUi((prev) => ({
-                ...prev,
-                isProcessing: false,
-                isCancelling: false,
-                isThinking: false,
-            }));
-        }
-    }, [setInput, setUi, setMessages, agent, session.id, buffer]);
-    const handleLoadIntoInput = useCallback((text) => {
-        // Update both buffer (source of truth) and state
-        buffer.setText(text);
-        setInput((prev) => ({ ...prev, value: text }));
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-    }, [buffer, setInput, setUi]);
-    // Handle resource selection
-    const handleResourceSelect = useCallback((resource) => {
-        // Insert resource reference into input
-        const atIndex = input.value.lastIndexOf('@');
-        if (atIndex >= 0) {
-            const before = input.value.slice(0, atIndex + 1);
-            const uriParts = resource.uri.split(/[\\/]/);
-            let reference = resource.name || uriParts[uriParts.length - 1] || resource.uri;
-            // If it's an absolute path, use relative path as reference to be more descriptive and less bulky
-            const rawUri = resource.uri.replace(/^(fs|file):\/\//, ''); // Stripped prefix
-            if (path.isAbsolute(rawUri)) {
-                try {
-                    const relativePath = path.relative(process.cwd(), rawUri);
-                    // Prioritize relative path for local files to avoid ambiguity
-                    reference = relativePath;
-                }
-                catch {
-                    // Keep fallback if relative fails
-                }
-            }
-            const newValue = `${before}${reference} `;
-            buffer.setText(newValue);
-            setInput((prev) => ({ ...prev, value: newValue }));
-        }
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-    }, [input.value, buffer, setInput, setUi]);
-    const handleClose = useCallback(() => {
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'none',
-            mcpWizardServerType: null,
-            commandOutput: null,
-        }));
-    }, [setUi]);
-    // Handle log level selection
-    const handleLogLevelSelect = useCallback((level) => {
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        void agent.setLogLevel(level, session.id ? { sessionId: session.id } : undefined);
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `📊 Log level set to: ${level}`,
-                timestamp: new Date(),
-            },
-        ]);
-    }, [setUi, setInput, setMessages, agent, buffer, getConfigFilePathOrWarn, session.id]);
-    // Handle stream mode selection
-    const handleStreamSelect = useCallback((enabled) => {
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: enabled
-                    ? '▶️ Streaming enabled - responses will appear as they are generated'
-                    : '⏸️ Streaming disabled - responses will appear when complete',
-                timestamp: new Date(),
-            },
-        ]);
-    }, [setUi, setInput, setMessages, buffer]);
-    // Handle MCP server list actions (select server or add new)
-    const handleMcpServerListAction = useCallback((action) => {
-        if (action.type === 'select-server') {
-            // Show server actions overlay
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'mcp-server-actions',
-                selectedMcpServer: action.server,
-            }));
-        }
-        else if (action.type === 'add-new') {
-            // Show add choice overlay
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'mcp-add-choice',
-            }));
-        }
-    }, [setUi]);
-    // Handle MCP server actions (enable/disable/delete/back)
-    const handleMcpServerAction = useCallback(async (action) => {
-        const { server } = action;
-        if (action.type === 'back') {
-            // Go back to server list
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'mcp-server-list',
-                selectedMcpServer: null,
-            }));
-            return;
-        }
-        // Close overlay and reset input for actual actions
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'none',
-            selectedMcpServer: null,
-            mcpWizardServerType: null,
-            isProcessing: true,
-            isCancelling: false,
-        }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        if (action.type === 'enable' || action.type === 'disable') {
-            const newEnabled = action.type === 'enable';
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `${newEnabled ? '▶️' : '⏸️'} ${newEnabled ? 'Enabling' : 'Disabling'} ${server.name}...`,
-                    timestamp: new Date(),
-                },
-            ]);
-            try {
-                // Enable or disable the server FIRST (before persisting)
-                // This ensures config only reflects successful state changes
-                if (newEnabled) {
-                    try {
-                        await agent.enableMcpServer(server.name);
-                    }
-                    catch (connectError) {
-                        // Connection failed - don't persist to config
-                        setMessages((prev) => [
-                            ...prev,
-                            {
-                                id: generateMessageId('system'),
-                                role: 'system',
-                                content: `⚠️ Failed to enable server: ${connectError instanceof Error ? connectError.message : String(connectError)}`,
-                                timestamp: new Date(),
-                            },
-                        ]);
-                        setUi((prev) => ({
-                            ...prev,
-                            isProcessing: false,
-                            isCancelling: false,
-                            isThinking: false,
-                        }));
-                        return;
-                    }
-                }
-                else {
-                    await agent.disableMcpServer(server.name);
-                }
-                // Import persistence utilities
-                const { updateMcpServerField } = await import('@dexto/agent-management');
-                // Persist to config file AFTER successful enable/disable
-                const agentPath = getConfigFilePathOrWarn('persist MCP server settings');
-                if (!agentPath) {
-                    return;
-                }
-                await updateMcpServerField(agentPath, server.name, 'enabled', newEnabled);
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('system'),
-                        role: 'system',
-                        content: `✅ ${server.name} ${newEnabled ? 'enabled' : 'disabled'}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-            catch (error) {
-                // Format error message with details if available
-                let errorMessage = error instanceof Error ? error.message : String(error);
-                if (error instanceof DextoValidationError && error.issues.length > 0) {
-                    const issueDetails = error.issues
-                        .map((i) => {
-                        const path = i.path?.length ? `[${i.path.join('.')}] ` : '';
-                        return `  - ${path}${i.message}`;
-                    })
-                        .join('\n');
-                    errorMessage = `Validation failed:\n${issueDetails}`;
-                }
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('error'),
-                        role: 'system',
-                        content: `Failed to ${action.type} server: ${errorMessage}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-        }
-        else if (action.type === 'authenticate') {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `🔐 Authenticating ${server.name}...`,
-                    timestamp: new Date(),
-                },
-            ]);
-            try {
-                await agent.restartMcpServer(server.name);
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('system'),
-                        role: 'system',
-                        content: `✅ Authenticated ${server.name}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-            catch (error) {
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('error'),
-                        role: 'system',
-                        content: `Failed to authenticate server: ${error instanceof Error ? error.message : String(error)}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-        }
-        else if (action.type === 'delete') {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `🗑️ Deleting ${server.name}...`,
-                    timestamp: new Date(),
-                },
-            ]);
-            try {
-                // Import persistence utilities
-                const { removeMcpServerFromConfig } = await import('@dexto/agent-management');
-                // Persist to config file using surgical removal
-                const agentPath = getConfigFilePathOrWarn('persist MCP server deletion');
-                if (agentPath) {
-                    await removeMcpServerFromConfig(agentPath, server.name);
-                }
-                // Also disconnect if connected
-                try {
-                    await agent.removeMcpServer(server.name);
-                }
-                catch {
-                    // Ignore - server might not be connected
-                }
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('system'),
-                        role: 'system',
-                        content: `✅ Deleted ${server.name}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-            catch (error) {
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('error'),
-                        role: 'system',
-                        content: `Failed to delete server: ${error instanceof Error ? error.message : String(error)}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-        }
-        setUi((prev) => ({
-            ...prev,
-            isProcessing: false,
-            isCancelling: false,
-            isThinking: false,
-        }));
-    }, [setUi, setInput, setMessages, agent, buffer]);
-    // Handle MCP add choice (registry/custom/back)
-    const handleMcpAddChoice = useCallback((choice) => {
-        if (choice === 'back') {
-            // Go back to server list
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'mcp-server-list',
-            }));
-        }
-        else if (choice === 'registry') {
-            // Show registry selector (McpAddSelector)
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'mcp-add-selector',
-            }));
-        }
-        else if (choice === 'custom') {
-            // Show custom type selector
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'mcp-custom-type-selector',
-            }));
-        }
-    }, [setUi]);
-    // Handle MCP add selection (presets only)
-    const handleMcpAddSelect = useCallback(async (result) => {
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        setUi((prev) => ({ ...prev, isProcessing: true, isCancelling: false }));
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `🔌 Connecting to ${result.entry.name}...`,
-                timestamp: new Date(),
-            },
-        ]);
-        try {
-            const mcpConfig = result.entry.config;
-            await agent.addMcpServer(result.entry.id, mcpConfig);
-            // Track MCP server connected analytics
-            capture('dexto_mcp_server_connected', {
-                source: 'cli',
-                serverName: result.entry.name,
-                transportType: mcpConfig.type,
-            });
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Connected to ${result.entry.name}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `Failed to connect: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        setUi((prev) => ({
-            ...prev,
-            isProcessing: false,
-            isCancelling: false,
-            isThinking: false,
-        }));
-    }, [setUi, setInput, setMessages, agent, buffer]);
-    // Handle MCP custom type selection
-    const handleMcpCustomTypeSelect = useCallback((serverType) => {
-        setUi((prev) => ({
-            ...prev,
-            mcpWizardServerType: serverType,
-            activeOverlay: 'mcp-custom-wizard',
-        }));
-    }, [setUi]);
-    // Handle MCP custom wizard completion
-    const handleMcpCustomWizardComplete = useCallback(async (config) => {
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        setUi((prev) => ({ ...prev, isProcessing: true, isCancelling: false }));
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `🔌 Connecting to ${config.name}...`,
-                timestamp: new Date(),
-            },
-        ]);
-        try {
-            // Build the appropriate config based on server type
-            let serverConfig;
-            if (config.serverType === 'stdio') {
-                serverConfig = {
-                    type: 'stdio',
-                    command: config.command,
-                    args: config.args || [],
-                };
-            }
-            else if (config.serverType === 'http') {
-                serverConfig = {
-                    type: 'http',
-                    url: config.url,
-                };
-            }
-            else {
-                // sse
-                serverConfig = {
-                    type: 'sse',
-                    url: config.url,
-                };
-            }
-            await agent.addMcpServer(config.name, serverConfig);
-            // Track MCP server connected analytics
-            capture('dexto_mcp_server_connected', {
-                source: 'cli',
-                serverName: config.name,
-                transportType: serverConfig.type,
-            });
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Connected to ${config.name}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `Failed to connect: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        setUi((prev) => ({
-            ...prev,
-            isProcessing: false,
-            isCancelling: false,
-            isThinking: false,
-        }));
-    }, [setUi, setInput, setMessages, agent, buffer]);
-    // Handle plugin manager actions
-    const handlePluginManagerAction = useCallback((action) => {
-        if (action === 'list') {
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'plugin-list',
-            }));
-        }
-        else if (action === 'marketplace') {
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'marketplace-browser',
-            }));
-        }
-    }, [setUi]);
-    // Handle plugin selection from plugin list
-    const handlePluginSelect = useCallback((plugin) => {
-        setSelectedPlugin(plugin);
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'plugin-actions',
-        }));
-    }, [setUi]);
-    // Handle plugin actions (uninstall, back)
-    const handlePluginAction = useCallback(async (action) => {
-        if (action.type === 'back') {
-            setSelectedPlugin(null);
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'plugin-list',
-            }));
-            return;
-        }
-        if (action.type === 'uninstall') {
-            setUi((prev) => ({ ...prev, activeOverlay: 'none', isProcessing: true }));
-            try {
-                const { uninstallPlugin, reloadAgentConfigFromFile, enrichAgentConfig } = await import('@dexto/agent-management');
-                await uninstallPlugin(action.plugin.name);
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('system'),
-                        role: 'system',
-                        content: `Plugin '${action.plugin.name}' has been uninstalled.`,
-                        timestamp: new Date(),
-                    },
-                ]);
-                // Refresh prompts to remove uninstalled plugin skills
-                try {
-                    const agentPath = getConfigFilePathOrWarn('refresh prompts after plugin uninstall');
-                    if (!agentPath) {
-                        return;
-                    }
-                    const newConfig = await reloadAgentConfigFromFile(agentPath);
-                    const enrichedConfig = enrichAgentConfig(newConfig, agentPath);
-                    await agent.refreshPrompts(enrichedConfig.prompts);
-                }
-                catch {
-                    // Non-critical: prompts will refresh on next agent restart
-                }
-            }
-            catch (error) {
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('error'),
-                        role: 'system',
-                        content: `Failed to uninstall plugin: ${error instanceof Error ? error.message : String(error)}`,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-            setSelectedPlugin(null);
-            setUi((prev) => ({ ...prev, isProcessing: false }));
-        }
-    }, [setUi, setMessages, agent, getConfigFilePathOrWarn]);
-    // Handle marketplace browser actions
-    const handleMarketplaceBrowserAction = useCallback(async (action) => {
-        if (action.type === 'add-marketplace') {
-            setUi((prev) => ({ ...prev, activeOverlay: 'marketplace-add' }));
-        }
-        else if (action.type === 'plugin-installed') {
-            setUi((prev) => ({ ...prev, activeOverlay: 'none' }));
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Plugin '${action.pluginName}' installed from ${action.marketplace}`,
-                    timestamp: new Date(),
-                },
-            ]);
-            // Refresh prompts to include new plugin skills
-            try {
-                const { reloadAgentConfigFromFile, enrichAgentConfig } = await import('@dexto/agent-management');
-                const agentPath = getConfigFilePathOrWarn('refresh prompts after plugin install');
-                if (!agentPath) {
-                    return;
-                }
-                const newConfig = await reloadAgentConfigFromFile(agentPath);
-                const enrichedConfig = enrichAgentConfig(newConfig, agentPath);
-                await agent.refreshPrompts(enrichedConfig.prompts);
-            }
-            catch (error) {
-                // Non-critical: prompts will refresh on next agent restart
-                // Log but don't show error to user
-            }
-        }
-    }, [setUi, setMessages, agent, getConfigFilePathOrWarn]);
-    // Handle marketplace add completion
-    const handleMarketplaceAddComplete = useCallback((name, pluginCount) => {
-        setUi((prev) => ({ ...prev, activeOverlay: 'marketplace-browser' }));
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `✅ Marketplace '${name}' added (${pluginCount} plugins found)`,
-                timestamp: new Date(),
-            },
-        ]);
-    }, [setUi, setMessages]);
-    // Handle session subcommand selection
-    const handleSessionSubcommandSelect = useCallback(async (action) => {
-        if (action === 'switch') {
-            setInput((prev) => ({ ...prev, value: '/session switch' }));
-            setUi((prev) => ({ ...prev, activeOverlay: 'session-selector' }));
-            return;
-        }
-        setUi((prev) => ({ ...prev, activeOverlay: 'none', mcpWizardServerType: null }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        setUi((prev) => ({ ...prev, isProcessing: true, isCancelling: false }));
-        try {
-            const { CommandService } = await import('../services/CommandService.js');
-            const commandService = new CommandService();
-            const result = await commandService.executeCommand('session', [action], agent, session.id || undefined);
-            if (result.type === 'output' && result.output) {
-                const output = result.output;
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('command'),
-                        role: 'system',
-                        content: output,
-                        timestamp: new Date(),
-                    },
-                ]);
-            }
-            if (result.type === 'styled' && result.styled) {
-                const { fallbackText, styledType, styledData } = result.styled;
-                setMessages((prev) => [
-                    ...prev,
-                    {
-                        id: generateMessageId('command'),
-                        role: 'system',
-                        content: fallbackText,
-                        timestamp: new Date(),
-                        styledType,
-                        styledData,
-                    },
-                ]);
-            }
-            setUi((prev) => ({
-                ...prev,
-                isProcessing: false,
-                isCancelling: false,
-                isThinking: false,
-            }));
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-            setUi((prev) => ({
-                ...prev,
-                isProcessing: false,
-                isCancelling: false,
-                isThinking: false,
-            }));
-        }
-    }, [setInput, setUi, setMessages, agent, session.id, buffer]);
-    // Handle prompt list actions (select/add/delete)
-    const handlePromptListAction = useCallback(async (action) => {
-        if (action.type === 'add-prompt') {
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'prompt-add-choice',
-            }));
-        }
-        else if (action.type === 'delete-prompt') {
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'prompt-delete-selector',
-            }));
-        }
-        else if (action.type === 'select-prompt') {
-            // Execute the prompt
-            const displayName = action.prompt.displayName || action.prompt.name;
-            const commandText = `/${displayName}`;
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'none',
-                promptAddWizard: null,
-            }));
-            buffer.setText('');
-            setInput((prev) => ({ ...prev, historyIndex: -1 }));
-            // Route through streaming pipeline
-            if (onSubmitPromptCommand) {
-                await onSubmitPromptCommand(commandText);
-            }
-        }
-    }, [setUi, setInput, buffer, onSubmitPromptCommand]);
-    // Handle prompt list load into input
-    const handlePromptLoadIntoInput = useCallback((text) => {
-        buffer.setText(text);
-        setInput((prev) => ({ ...prev, value: text }));
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'none',
-            promptAddWizard: null,
-        }));
-    }, [buffer, setInput, setUi]);
-    // Handle prompt add choice (agent vs shared)
-    const handlePromptAddChoice = useCallback((choice) => {
-        if (choice === 'back') {
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'prompt-list',
-            }));
-        }
-        else {
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'prompt-add-wizard',
-                promptAddWizard: {
-                    scope: choice,
-                    step: 'name',
-                    name: '',
-                    title: '',
-                    description: '',
-                    content: '',
-                },
-            }));
-        }
-    }, [setUi]);
-    // Handle prompt add wizard completion
-    const handlePromptAddComplete = useCallback(async (data) => {
-        const scope = ui.promptAddWizard?.scope || 'agent';
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'none',
-            promptAddWizard: null,
-        }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `📝 Creating ${scope === 'shared' ? 'shared' : 'agent'} prompt "${data.name}"...`,
-                timestamp: new Date(),
-            },
-        ]);
-        try {
-            const { mkdir, writeFile } = await import('fs/promises');
-            const { dirname, join } = await import('path');
-            // Validate prompt name to prevent path traversal
-            const SAFE_NAME_PATTERN = /^[a-z0-9][a-z0-9-_]*$/i;
-            if (!SAFE_NAME_PATTERN.test(data.name)) {
-                throw new Error(`Invalid prompt name "${data.name}". Names must start with a letter or number and contain only letters, numbers, hyphens, and underscores.`);
-            }
-            // Build frontmatter
-            const frontmatterLines = [
-                '---',
-                `id: ${data.name}`,
-                data.title ? `title: "${data.title}"` : null,
-                data.description ? `description: "${data.description}"` : null,
-                data.argumentHint ? `argument-hint: ${data.argumentHint}` : null,
-                '---',
-            ].filter(Boolean);
-            const fileContent = `${frontmatterLines.join('\n')}\n\n${data.content}\n`;
-            let filePath;
-            if (scope === 'shared') {
-                // Create in commands directory based on execution context
-                // Matches discovery logic in discoverCommandPrompts()
-                const { getExecutionContext, findDextoSourceRoot, findDextoProjectRoot, getDextoGlobalPath, } = await import('@dexto/agent-management');
-                const context = getExecutionContext();
-                let commandsDir;
-                if (context === 'dexto-source') {
-                    const isDevMode = process.env.DEXTO_DEV_MODE === 'true';
-                    if (isDevMode) {
-                        const sourceRoot = findDextoSourceRoot();
-                        commandsDir = sourceRoot
-                            ? join(sourceRoot, 'commands')
-                            : getDextoGlobalPath('commands');
-                    }
-                    else {
-                        commandsDir = getDextoGlobalPath('commands');
-                    }
-                }
-                else if (context === 'dexto-project') {
-                    const projectRoot = findDextoProjectRoot();
-                    commandsDir = projectRoot
-                        ? join(projectRoot, 'commands')
-                        : getDextoGlobalPath('commands');
-                }
-                else {
-                    // global-cli
-                    commandsDir = getDextoGlobalPath('commands');
-                }
-                filePath = join(commandsDir, `${data.name}.md`);
-                await mkdir(commandsDir, { recursive: true });
-                await writeFile(filePath, fileContent, 'utf-8');
-                // Re-discover commands and refresh with enriched prompts
-                const { reloadAgentConfigFromFile, enrichAgentConfig } = await import('@dexto/agent-management');
-                const agentPath = getConfigFilePathOrWarn('refresh prompts after creating shared prompt');
-                if (!agentPath) {
-                    return;
-                }
-                const newConfig = await reloadAgentConfigFromFile(agentPath);
-                const enrichedConfig = enrichAgentConfig(newConfig, agentPath);
-                await agent.refreshPrompts(enrichedConfig.prompts);
-            }
-            else {
-                // Create in agent's prompts directory
-                const agentPath = getConfigFilePathOrWarn('create prompt in agent prompts directory');
-                if (!agentPath) {
-                    return;
-                }
-                const agentDir = dirname(agentPath);
-                const promptsDir = join(agentDir, 'prompts');
-                filePath = join(promptsDir, `${data.name}.md`);
-                await mkdir(promptsDir, { recursive: true });
-                await writeFile(filePath, fileContent, 'utf-8');
-                // Add file reference to agent config using surgical helper
-                const { addPromptToAgentConfig, reloadAgentConfigFromFile, enrichAgentConfig, } = await import('@dexto/agent-management');
-                await addPromptToAgentConfig(agentPath, {
-                    type: 'file',
-                    file: `\${{dexto.agent_dir}}/prompts/${data.name}.md`,
-                });
-                // Reload config from disk, enrich to include discovered commands, then refresh
-                const newConfig = await reloadAgentConfigFromFile(agentPath);
-                const enrichedConfig = enrichAgentConfig(newConfig, agentPath);
-                await agent.refreshPrompts(enrichedConfig.prompts);
-            }
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Created prompt "${data.name}"\n📄 File: ${filePath}\n\nUse /${data.name} to run it.`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `Failed to create prompt: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-    }, [
-        ui.promptAddWizard?.scope,
-        setUi,
-        setInput,
-        setMessages,
-        buffer,
-        agent,
-        getConfigFilePathOrWarn,
-    ]);
-    // Handle prompt delete
-    const handlePromptDelete = useCallback(async (deletable) => {
-        const displayName = deletable.prompt.displayName || deletable.prompt.name;
-        setMessages((prev) => [
-            ...prev,
-            {
-                id: generateMessageId('system'),
-                role: 'system',
-                content: `🗑️ Deleting prompt "${displayName}"...`,
-                timestamp: new Date(),
-            },
-        ]);
-        try {
-            const { deletePromptByMetadata, reloadAgentConfigFromFile, enrichAgentConfig } = await import('@dexto/agent-management');
-            const agentPath = getConfigFilePathOrWarn('delete prompt');
-            if (!agentPath) {
-                return;
-            }
-            // Use the higher-level delete function that handles file + config
-            // Pass full metadata including originalId for inline prompt deletion
-            const promptMetadata = deletable.prompt.metadata;
-            const result = await deletePromptByMetadata(agentPath, {
-                name: deletable.prompt.name,
-                metadata: {
-                    filePath: deletable.filePath,
-                    originalId: promptMetadata?.originalId,
-                },
-            }, { deleteFile: true });
-            if (!result.success) {
-                throw new Error(result.error || 'Failed to delete prompt');
-            }
-            // Reload config from disk, enrich to include discovered commands, then refresh
-            const newConfig = await reloadAgentConfigFromFile(agentPath);
-            const enrichedConfig = enrichAgentConfig(newConfig, agentPath);
-            await agent.refreshPrompts(enrichedConfig.prompts);
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Deleted prompt "${displayName}"`,
-                    timestamp: new Date(),
-                },
-            ]);
-            // Return to prompt list and refresh
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'prompt-list',
-            }));
-            promptListRef.current?.refresh();
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `Failed to delete prompt: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-            // Return to prompt list even on error
-            setUi((prev) => ({
-                ...prev,
-                activeOverlay: 'prompt-list',
-            }));
-        }
-    }, [setUi, setMessages, agent, getConfigFilePathOrWarn]);
-    // Handle prompt add wizard close
-    const handlePromptAddWizardClose = useCallback(() => {
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'prompt-add-choice',
-            promptAddWizard: null,
-        }));
-    }, [setUi]);
-    // Handle prompt delete selector close
-    const handlePromptDeleteClose = useCallback(() => {
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'prompt-list',
-        }));
-        // Refresh prompt list to show updated list
-        promptListRef.current?.refresh();
-    }, [setUi]);
-    // Handle prompt add choice close
-    const handlePromptAddChoiceClose = useCallback(() => {
-        setUi((prev) => ({
-            ...prev,
-            activeOverlay: 'prompt-list',
-        }));
-    }, [setUi]);
-    // State for current session title (for rename overlay)
-    const [currentSessionTitle, setCurrentSessionTitle] = useState(undefined);
-    // Fetch current session title when rename overlay opens
-    React.useEffect(() => {
-        if (ui.activeOverlay === 'session-rename' && session.id) {
-            void agent.getSessionTitle(session.id).then(setCurrentSessionTitle);
-        }
-    }, [ui.activeOverlay, session.id, agent]);
-    // Handle session rename
-    const handleSessionRename = useCallback(async (newTitle) => {
-        if (!session.id)
-            return;
-        setUi((prev) => ({ ...prev, activeOverlay: 'none' }));
-        buffer.setText('');
-        setInput((prev) => ({ ...prev, historyIndex: -1 }));
-        try {
-            await agent.setSessionTitle(session.id, newTitle);
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('system'),
-                    role: 'system',
-                    content: `✅ Session renamed to: ${newTitle}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-        catch (error) {
-            setMessages((prev) => [
-                ...prev,
-                {
-                    id: generateMessageId('error'),
-                    role: 'system',
-                    content: `Failed to rename session: ${error instanceof Error ? error.message : String(error)}`,
-                    timestamp: new Date(),
-                },
-            ]);
-        }
-    }, [session.id, setUi, setInput, setMessages, agent, buffer]);
-    // Handle session rename close
-    const handleSessionRenameClose = useCallback(() => {
-        setUi((prev) => ({ ...prev, activeOverlay: 'none' }));
-    }, [setUi]);
-    const hideCliChrome = shouldHideCliChrome(ui.activeOverlay, approval);
-    const overlayContent = (_jsxs(_Fragment, { children: [approval && (_jsx(ApprovalPrompt, { ref: approvalRef, approval: approval, onApprove: handleApprove, onDeny: handleDeny, onCancel: handleCancelApproval })), ui.activeOverlay === 'slash-autocomplete' && (_jsx(Box, { marginTop: 1, children: _jsx(SlashCommandAutocomplete, { ref: slashAutocompleteRef, isVisible: true, searchQuery: input.value, onSelectPrompt: handlePromptSelect, onSelectSystemCommand: handleSystemCommandSelect, onLoadIntoInput: handleLoadIntoInput, onSubmitRaw: onSubmitPromptCommand, onClose: handleClose, agent: agent }) })), ui.activeOverlay === 'resource-autocomplete' && (_jsx(Box, { marginTop: 1, children: _jsx(ResourceAutocomplete, { ref: resourceAutocompleteRef, isVisible: true, searchQuery: input.value, onSelectResource: handleResourceSelect, onLoadIntoInput: handleLoadIntoInput, onClose: handleClose, agent: agent }) })), ui.activeOverlay === 'model-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(ModelSelectorRefactored, { ref: modelSelectorRef, isVisible: true, onSelectModel: handleModelSelect, onSetDefaultModel: handleSetDefaultModel, onClose: handleClose, onAddCustomModel: handleAddCustomModel, onEditCustomModel: handleEditCustomModel, agent: agent }) })), ui.activeOverlay === 'session-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(SessionSelectorRefactored, { ref: sessionSelectorRef, isVisible: true, onSelectSession: handleSessionSelect, onClose: handleClose, agent: agent, currentSessionId: session.id || undefined }) })), ui.activeOverlay === 'log-level-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(LogLevelSelector, { ref: logLevelSelectorRef, isVisible: true, onSelect: handleLogLevelSelect, onClose: handleClose, agent: agent, sessionId: session.id }) })), ui.activeOverlay === 'stream-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(StreamSelector, { ref: streamSelectorRef, isVisible: true, onSelect: handleStreamSelect, onClose: handleClose }) })), ui.activeOverlay === 'sounds-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(SoundsSelector, { ref: soundsSelectorRef, isVisible: true, onClose: handleClose }) })), ui.activeOverlay === 'tool-browser' && (_jsx(Box, { marginTop: 1, children: _jsx(ToolBrowser, { ref: toolBrowserRef, isVisible: true, onClose: handleClose, agent: agent, sessionId: session.id }) })), ui.activeOverlay === 'command-output' && ui.commandOutput && (_jsx(Box, { marginTop: 1, children: _jsx(CommandOutputOverlay, { ref: commandOutputRef, isVisible: true, title: ui.commandOutput.title, content: ui.commandOutput.content, onClose: handleClose }) })), ui.activeOverlay === 'mcp-server-list' && (_jsx(Box, { marginTop: 1, children: _jsx(McpServerList, { ref: mcpServerListRef, isVisible: true, onAction: handleMcpServerListAction, onClose: handleClose, agent: agent }) })), ui.activeOverlay === 'mcp-server-actions' && ui.selectedMcpServer && (_jsx(Box, { marginTop: 1, children: _jsx(McpServerActions, { ref: mcpServerActionsRef, isVisible: true, server: ui.selectedMcpServer, onAction: handleMcpServerAction, onClose: handleClose }) })), ui.activeOverlay === 'mcp-add-choice' && (_jsx(Box, { marginTop: 1, children: _jsx(McpAddChoice, { ref: mcpAddChoiceRef, isVisible: true, onSelect: handleMcpAddChoice, onClose: handleClose }) })), ui.activeOverlay === 'mcp-add-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(McpAddSelector, { ref: mcpAddSelectorRef, isVisible: true, onSelect: handleMcpAddSelect, onClose: handleClose }) })), ui.activeOverlay === 'mcp-custom-type-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(McpCustomTypeSelector, { ref: mcpCustomTypeSelectorRef, isVisible: true, onSelect: handleMcpCustomTypeSelect, onClose: handleClose }) })), ui.activeOverlay === 'mcp-custom-wizard' && ui.mcpWizardServerType && (_jsx(McpCustomWizard, { ref: mcpCustomWizardRef, isVisible: true, serverType: ui.mcpWizardServerType, onComplete: handleMcpCustomWizardComplete, onClose: handleClose })), ui.activeOverlay === 'custom-model-wizard' && (_jsx(CustomModelWizard, { ref: customModelWizardRef, isVisible: true, onComplete: handleCustomModelComplete, onClose: () => {
-                    setEditingModel(null);
-                    handleClose();
-                }, initialModel: editingModel })), ui.activeOverlay === 'plugin-manager' && (_jsx(Box, { marginTop: 1, children: _jsx(PluginManager, { ref: pluginManagerRef, isVisible: true, onAction: handlePluginManagerAction, onClose: handleClose }) })), ui.activeOverlay === 'plugin-list' && (_jsx(Box, { marginTop: 1, children: _jsx(PluginList, { ref: pluginListRef, isVisible: true, onPluginSelect: handlePluginSelect, onClose: handleClose }) })), ui.activeOverlay === 'plugin-actions' && (_jsx(Box, { marginTop: 1, children: _jsx(PluginActions, { ref: pluginActionsRef, isVisible: true, plugin: selectedPlugin, onAction: handlePluginAction, onClose: () => {
-                        setSelectedPlugin(null);
-                        setUi((prev) => ({
-                            ...prev,
-                            activeOverlay: 'plugin-list',
-                        }));
-                    } }) })), ui.activeOverlay === 'marketplace-browser' && (_jsx(Box, { marginTop: 1, children: _jsx(MarketplaceBrowser, { ref: marketplaceBrowserRef, isVisible: true, onAction: handleMarketplaceBrowserAction, onClose: handleClose }) })), ui.activeOverlay === 'marketplace-add' && (_jsx(Box, { marginTop: 1, children: _jsx(MarketplaceAddPrompt, { ref: marketplaceAddPromptRef, isVisible: true, onComplete: handleMarketplaceAddComplete, onClose: () => setUi((prev) => ({ ...prev, activeOverlay: 'marketplace-browser' })) }) })), ui.activeOverlay === 'session-subcommand-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(SessionSubcommandSelector, { ref: sessionSubcommandSelectorRef, isVisible: true, onSelect: handleSessionSubcommandSelect, onClose: handleClose }) })), ui.activeOverlay === 'api-key-input' && ui.pendingModelSwitch && (_jsx(ApiKeyInput, { ref: apiKeyInputRef, isVisible: true, provider: ui.pendingModelSwitch.provider, onSaved: handleApiKeySaved, onClose: handleApiKeyClose })), ui.activeOverlay === 'search' && (_jsx(SearchOverlay, { ref: searchOverlayRef, isVisible: true, agent: agent, onClose: handleClose, onSelectResult: handleSearchResultSelect })), ui.activeOverlay === 'prompt-list' && (_jsx(Box, { marginTop: 1, children: _jsx(PromptList, { ref: promptListRef, isVisible: true, onAction: handlePromptListAction, onLoadIntoInput: handlePromptLoadIntoInput, onClose: handleClose, agent: agent }) })), ui.activeOverlay === 'prompt-add-choice' && (_jsx(Box, { marginTop: 1, children: _jsx(PromptAddChoice, { ref: promptAddChoiceRef, isVisible: true, onSelect: handlePromptAddChoice, onClose: handlePromptAddChoiceClose }) })), ui.activeOverlay === 'prompt-add-wizard' && ui.promptAddWizard && (_jsx(PromptAddWizard, { ref: promptAddWizardRef, isVisible: true, scope: ui.promptAddWizard.scope, onComplete: handlePromptAddComplete, onClose: handlePromptAddWizardClose })), ui.activeOverlay === 'prompt-delete-selector' && (_jsx(Box, { marginTop: 1, children: _jsx(PromptDeleteSelector, { ref: promptDeleteSelectorRef, isVisible: true, onDelete: handlePromptDelete, onClose: handlePromptDeleteClose, agent: agent }) })), ui.activeOverlay === 'session-rename' && (_jsx(SessionRenameOverlay, { ref: sessionRenameRef, isVisible: true, currentTitle: currentSessionTitle, onRename: handleSessionRename, onClose: handleSessionRenameClose })), ui.activeOverlay === 'context-stats' && session.id && (_jsx(Box, { marginTop: 1, children: _jsx(ContextStatsOverlay, { ref: contextStatsRef, isVisible: true, onClose: handleClose, agent: agent, sessionId: session.id ?? '' }) })), ui.activeOverlay === 'export-wizard' && (_jsx(ExportWizard, { ref: exportWizardRef, isVisible: true, agent: agent, sessionId: session.id, onClose: handleClose }))] }));
-    return hideCliChrome ? (_jsx(FocusOverlayFrame, { children: overlayContent })) : (overlayContent);
-});