@vybestack/llxprt-code 0.1.14 → 0.1.16

package/dist/src/ui/App.js

@@ -4,18 +4,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Copyright 2025 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { useCallback, useEffect, useMemo, useState, useRef } from 'react';
-import { Box, Static, Text, useStdin, useStdout, useInput, } from 'ink';
-import { StreamingState } from './types.js';
+import { useCallback, useEffect, useMemo, useState, useRef, useReducer, } from 'react';
+import { Box, measureElement, Static, Text, useStdin, useStdout, useInput, } from 'ink';
+import { StreamingState, MessageType } from './types.js';
+import { useTerminalSize } from './hooks/useTerminalSize.js';
 import { useGeminiStream } from './hooks/useGeminiStream.js';
 import { useLoadingIndicator } from './hooks/useLoadingIndicator.js';
 import { useThemeCommand } from './hooks/useThemeCommand.js';
 import { useAuthCommand } from './hooks/useAuthCommand.js';
 import { useEditorSettings } from './hooks/useEditorSettings.js';
-import { useProviderModelDialog } from './hooks/useProviderModelDialog.js';
-import { useProviderDialog } from './hooks/useProviderDialog.js';
-import { ProviderModelDialog } from './components/ProviderModelDialog.js';
-import { ProviderDialog } from './components/ProviderDialog.js';
 import { useSlashCommandProcessor } from './hooks/slashCommandProcessor.js';
 import { useAutoAcceptIndicator } from './hooks/useAutoAcceptIndicator.js';
 import { useConsoleMessages } from './hooks/useConsoleMessages.js';
@@ -29,8 +26,10 @@ import { ThemeDialog } from './components/ThemeDialog.js';
 import { AuthDialog } from './components/AuthDialog.js';
 import { AuthInProgress } from './components/AuthInProgress.js';
 import { EditorSettingsDialog } from './components/EditorSettingsDialog.js';
+import { ShellConfirmationDialog } from './components/ShellConfirmationDialog.js';
 import { Colors } from './colors.js';
 import { Help } from './components/Help.js';
+import { loadHierarchicalLlxprtMemory } from '../config/config.js';
 import { Tips } from './components/Tips.js';
 import { ConsolePatcher } from './utils/ConsolePatcher.js';
 import { registerCleanup } from '../utils/cleanup.js';
@@ -38,9 +37,9 @@ import { DetailedMessagesDisplay } from './components/DetailedMessagesDisplay.js
 import { HistoryItemDisplay } from './components/HistoryItemDisplay.js';
 import { ContextSummaryDisplay } from './components/ContextSummaryDisplay.js';
 import { IDEContextDetailDisplay } from './components/IDEContextDetailDisplay.js';
-// useHistory is now managed by SessionController
+import { useHistory } from './hooks/useHistoryManager.js';
 import process from 'node:process';
-import { getAllLlxprtMdFilenames, ApprovalMode, isEditorAvailable, ideContext, } from '@vybestack/llxprt-code-core';
+import { getErrorMessage, getAllLlxprtMdFilenames, ApprovalMode, isEditorAvailable, FlashFallbackEvent, logFlashFallback, AuthType, ideContext, } from '@vybestack/llxprt-code-core';
 import { validateAuthMethod } from '../config/auth.js';
 import { useLogger } from './hooks/useLogger.js';
 import { StreamingContext } from './contexts/StreamingContext.js';
@@ -49,32 +48,45 @@ import { useGitBranchName } from './hooks/useGitBranchName.js';
 import { useFocus } from './hooks/useFocus.js';
 import { useBracketedPaste } from './hooks/useBracketedPaste.js';
 import { useTextBuffer } from './components/shared/text-buffer.js';
+import { useVimMode, VimModeProvider } from './contexts/VimModeContext.js';
+import { useVim } from './hooks/vim.js';
 import * as fs from 'fs';
+import { appReducer, initialAppState, } from './reducers/appReducer.js';
+import { AppDispatchProvider } from './contexts/AppDispatchContext.js';
 import { UpdateNotification } from './components/UpdateNotification.js';
-// Quota error functions moved to SessionController
-import { checkForUpdates } from './utils/updateCheck.js';
+import { isProQuotaExceededError, isGenericQuotaExceededError, UserTierId, } from '@vybestack/llxprt-code-core';
 import ansiEscapes from 'ansi-escapes';
 import { OverflowProvider } from './contexts/OverflowContext.js';
 import { ShowMoreLines } from './components/ShowMoreLines.js';
 import { PrivacyNotice } from './privacy/PrivacyNotice.js';
+import { setUpdateHandler } from '../utils/handleAutoUpdate.js';
+import { appEvents, AppEvent } from '../utils/events.js';
 import { getProviderManager } from '../providers/providerManagerInstance.js';
-import { UIStateShell } from './containers/UIStateShell.js';
-import { useLayout } from './components/LayoutManager.js';
-import { SessionController } from './containers/SessionController.js';
-import { useSession } from './hooks/useSession.js';
+import { useProviderModelDialog } from './hooks/useProviderModelDialog.js';
+import { useProviderDialog } from './hooks/useProviderDialog.js';
+import { useLoadProfileDialog } from './hooks/useLoadProfileDialog.js';
+import { ProviderModelDialog } from './components/ProviderModelDialog.js';
+import { ProviderDialog } from './components/ProviderDialog.js';
+import { LoadProfileDialog } from './components/LoadProfileDialog.js';
 const CTRL_EXIT_PROMPT_DURATION_MS = 1000;
-export const AppWrapper = (props) => (_jsx(SessionStatsProvider, { children: _jsx(App, { ...props }) }));
-// Inner component that uses layout context
-const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthenticating, }) => {
+export const AppWrapper = (props) => (_jsx(SessionStatsProvider, { children: _jsx(VimModeProvider, { settings: props.settings, children: _jsx(AppWithState, { ...props }) }) }));
+// New intermediate component that manages state and provides context
+const AppWithState = (props) => {
+    const [appState, appDispatch] = useReducer(appReducer, initialAppState);
+    return (_jsx(AppDispatchProvider, { value: appDispatch, children: _jsx(App, { ...props, appState: appState, appDispatch: appDispatch }) }));
+};
+const App = (props) => {
+    const { config, settings, startupWarnings = [], version, appState } = props;
     const isFocused = useFocus();
     useBracketedPaste();
-    const [updateMessage, setUpdateMessage] = useState(null);
+    const [updateInfo, setUpdateInfo] = useState(null);
     const { stdout } = useStdout();
     const nightly = version.includes('nightly');
+    const { history, addItem, clearItems, loadHistory } = useHistory();
     useEffect(() => {
-        checkForUpdates().then(setUpdateMessage);
-    }, []);
-    const { history, addItem, clearItems, loadHistory, sessionState, dispatch: sessionDispatch, appState, appDispatch, checkPaymentModeChange, performMemoryRefresh, } = useSession();
+        const cleanup = setUpdateHandler(addItem, setUpdateInfo);
+        return cleanup;
+    }, [addItem]);
     const { consoleMessages, handleNewMessage, clearConsoleMessages: clearConsoleMessagesState, } = useConsoleMessages();
     useEffect(() => {
         const consolePatcher = new ConsolePatcher({
@@ -85,37 +97,6 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
         registerCleanup(consolePatcher.cleanup);
     }, [handleNewMessage, config]);
     const { stats: sessionStats } = useSessionStats();
-    // These are now managed by SessionController
-    const { currentModel, isPaidMode, transientWarnings: sessionTransientWarnings, modelSwitchedFromQuotaError, } = sessionState;
-    // Add payment mode warning to startup warnings only at startup
-    const allStartupWarnings = useMemo(() => {
-        const warnings = [...startupWarnings];
-        // Only show payment warnings at startup (when history is empty)
-        if (history.length === 0) {
-            try {
-                const providerManager = getProviderManager();
-                if (providerManager.hasActiveProvider()) {
-                    const provider = providerManager.getActiveProvider();
-                    const isPaidMode = provider.isPaidMode?.();
-                    // Only show paid/free mode warnings for Gemini provider
-                    if (isPaidMode !== undefined && provider.name === 'gemini') {
-                        if (isPaidMode) {
-                            warnings.push(`! PAID MODE: You are using Gemini with API credentials - usage will be charged to your account`);
-                        }
-                        else {
-                            warnings.push(`FREE MODE: You are using Gemini with OAuth authentication - no charges will apply`);
-                        }
-                    }
-                }
-            }
-            catch (_e) {
-                // Ignore errors when checking payment mode
-            }
-        }
-        return warnings;
-    }, [startupWarnings, history]);
-    // Use transient warnings from session state
-    const transientWarnings = sessionTransientWarnings;
     const [staticNeedsRefresh, setStaticNeedsRefresh] = useState(false);
     const [staticKey, setStaticKey] = useState(0);
     const refreshStatic = useCallback(() => {
@@ -125,6 +106,12 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
     const [llxprtMdFileCount, setLlxprtMdFileCount] = useState(0);
     const [debugMessage, setDebugMessage] = useState('');
     const [showHelp, setShowHelp] = useState(false);
+    const [_themeError, _setThemeError] = useState(null);
+    const [authError, setAuthError] = useState(null);
+    const [_editorError, _setEditorError] = useState(null);
+    const [footerHeight, setFooterHeight] = useState(0);
+    const [_corgiMode, setCorgiMode] = useState(false);
+    const [currentModel, setCurrentModel] = useState(config.getModel());
     const [shellModeActive, setShellModeActive] = useState(false);
     const [showErrorDetails, setShowErrorDetails] = useState(false);
     const [showToolDescriptions, setShowToolDescriptions] = useState(false);
@@ -134,92 +121,233 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
     const ctrlCTimerRef = useRef(null);
     const [ctrlDPressedOnce, setCtrlDPressedOnce] = useState(false);
     const ctrlDTimerRef = useRef(null);
-    const showPrivacyNotice = appState.openDialogs.privacy;
-    // modelSwitchedFromQuotaError and userTier are now in sessionState
-    const [_activeFile, _setActiveFile] = useState();
-    const [openFiles, setOpenFiles] = useState();
+    const [constrainHeight, setConstrainHeight] = useState(true);
+    const [showPrivacyNotice, setShowPrivacyNotice] = useState(false);
+    const [modelSwitchedFromQuotaError, setModelSwitchedFromQuotaError] = useState(false);
+    const [userTier, setUserTier] = useState(undefined);
+    const [ideContextState, setIdeContextState] = useState();
+    const [isProcessing, setIsProcessing] = useState(false);
+    const [providerModels, setProviderModels] = useState([]);
     useEffect(() => {
-        const unsubscribe = ideContext.subscribeToOpenFiles(setOpenFiles);
+        const unsubscribe = ideContext.subscribeToIdeContext(setIdeContextState);
         // Set the initial value
-        setOpenFiles(ideContext.getOpenFilesContext());
+        setIdeContextState(ideContext.getIdeContext());
         return unsubscribe;
     }, []);
+    useEffect(() => {
+        const openDebugConsole = () => {
+            setShowErrorDetails(true);
+            setConstrainHeight(false); // Make sure the user sees the full message.
+        };
+        appEvents.on(AppEvent.OpenDebugConsole, openDebugConsole);
+        const logErrorHandler = (errorMessage) => {
+            handleNewMessage({
+                type: 'error',
+                content: String(errorMessage),
+                count: 1,
+            });
+        };
+        appEvents.on(AppEvent.LogError, logErrorHandler);
+        return () => {
+            appEvents.off(AppEvent.OpenDebugConsole, openDebugConsole);
+            appEvents.off(AppEvent.LogError, logErrorHandler);
+        };
+    }, [handleNewMessage]);
     const openPrivacyNotice = useCallback(() => {
-        appDispatch({ type: 'OPEN_DIALOG', payload: 'privacy' });
-    }, [appDispatch]);
-    const closePrivacyNotice = useCallback(() => {
-        appDispatch({ type: 'CLOSE_DIALOG', payload: 'privacy' });
-    }, [appDispatch]);
+        setShowPrivacyNotice(true);
+    }, []);
     const initialPromptSubmitted = useRef(false);
-    const errorCount = useMemo(() => consoleMessages.filter((msg) => msg.type === 'error').length, [consoleMessages]);
-    // Create dispatch-based wrapper for addItem
-    const addItemViaDispatch = useCallback((itemData, baseTimestamp) => {
-        appDispatch({
-            type: 'ADD_ITEM',
-            payload: { itemData, baseTimestamp },
-        });
-    }, [appDispatch]);
-    const { isThemeDialogOpen, openThemeDialog, handleThemeSelect, handleThemeHighlight, } = useThemeCommand(settings, appState, addItemViaDispatch);
-    const { isAuthDialogOpen, openAuthDialog, handleAuthSelect, isAuthenticating: authIsAuthenticating, cancelAuthentication, } = useAuthCommand(settings, appState, config);
-    // Sync auth state with parent
-    useEffect(() => {
-        setIsAuthenticating(authIsAuthenticating);
-    }, [authIsAuthenticating, setIsAuthenticating]);
-    const onAuthTimeout = useCallback(() => {
-        appDispatch({
-            type: 'SET_AUTH_ERROR',
-            payload: 'Authentication timed out. Please try again.',
-        });
-        cancelAuthentication();
-        openAuthDialog();
-    }, [cancelAuthentication, openAuthDialog, appDispatch]);
+    const errorCount = useMemo(() => consoleMessages
+        .filter((msg) => msg.type === 'error')
+        .reduce((total, msg) => total + msg.count, 0), [consoleMessages]);
+    const { isThemeDialogOpen, openThemeDialog, handleThemeSelect, handleThemeHighlight, } = useThemeCommand(settings, appState, addItem);
+    const { isAuthDialogOpen, openAuthDialog, handleAuthSelect, isAuthenticating, cancelAuthentication, } = useAuthCommand(settings, appState, config);
     useEffect(() => {
-        if (settings.merged.selectedAuthType) {
+        if (settings.merged.selectedAuthType && !settings.merged.useExternalAuth) {
             const error = validateAuthMethod(settings.merged.selectedAuthType);
             if (error) {
-                appDispatch({ type: 'SET_AUTH_ERROR', payload: error });
+                setAuthError(error);
                 openAuthDialog();
             }
         }
-    }, [settings.merged.selectedAuthType, openAuthDialog, appDispatch]);
-    // User tier sync is now handled by SessionController
-    const { isEditorDialogOpen, openEditorDialog, handleEditorSelect, exitEditorDialog, } = useEditorSettings(settings, appState, addItemViaDispatch);
-    const providerModelDialog = useProviderModelDialog({
-        addMessage: (m) => addItemViaDispatch({ type: m.type, text: m.content }, m.timestamp.getTime()),
-        onModelChange: () => {
-            // Model change detection is handled by SessionController's useEffect
-            // No need to manually update here
-        },
+    }, [
+        settings.merged.selectedAuthType,
+        settings.merged.useExternalAuth,
+        openAuthDialog,
+        setAuthError,
+    ]);
+    // Sync user tier from config when authentication changes
+    useEffect(() => {
+        // Only sync when not currently authenticating
+        if (!isAuthenticating) {
+            setUserTier(config.getGeminiClient()?.getUserTier());
+        }
+    }, [config, isAuthenticating]);
+    const { isEditorDialogOpen, openEditorDialog, handleEditorSelect, exitEditorDialog, } = useEditorSettings(settings, appState, addItem);
+    const providerManager = getProviderManager(config);
+    const { showDialog: isProviderDialogOpen, openDialog: openProviderDialog, handleSelect: handleProviderSelect, closeDialog: exitProviderDialog, } = useProviderDialog({
+        addMessage: (msg) => addItem({ type: msg.type, text: msg.content }, msg.timestamp.getTime()),
         appState,
+        config,
     });
-    const handleClearScreen = useCallback(() => {
-        clearItems();
-        clearConsoleMessagesState();
-        console.clear();
-        refreshStatic();
-    }, [clearItems, clearConsoleMessagesState, refreshStatic]);
-    // Provider selection dialog
-    const providerDialog = useProviderDialog({
-        addMessage: (m) => addItemViaDispatch({ type: m.type, text: m.content }, m.timestamp.getTime()),
-        onProviderChange: () => {
-            // Provider change will be detected by SessionController's useEffect
-            checkPaymentModeChange?.();
-        },
+    const { showDialog: isProviderModelDialogOpen, openDialog: openProviderModelDialogRaw, handleSelect: handleProviderModelChange, closeDialog: exitProviderModelDialog, } = useProviderModelDialog({
+        addMessage: (msg) => addItem({ type: msg.type, text: msg.content }, msg.timestamp.getTime()),
+        appState,
+    });
+    const openProviderModelDialog = useCallback(async () => {
+        try {
+            const activeProvider = providerManager.getActiveProvider();
+            if (activeProvider) {
+                const models = await activeProvider.getModels();
+                setProviderModels(models);
+            }
+        }
+        catch (e) {
+            console.error('Failed to load models:', e);
+            setProviderModels([]);
+        }
+        await openProviderModelDialogRaw();
+    }, [providerManager, openProviderModelDialogRaw]);
+    // Watch for model changes from config
+    useEffect(() => {
+        const checkModelChange = () => {
+            const configModel = config.getModel();
+            const activeProvider = providerManager.getActiveProvider();
+            // Get the actual current model from provider
+            const providerModel = activeProvider?.getCurrentModel?.() || configModel;
+            // Update UI if different from what we're showing
+            if (providerModel !== currentModel) {
+                console.debug(`[Model Update] Updating footer from ${currentModel} to ${providerModel}`);
+                setCurrentModel(providerModel);
+            }
+        };
+        // Check immediately
+        checkModelChange();
+        // Check periodically (every 500ms)
+        const interval = setInterval(checkModelChange, 500);
+        return () => clearInterval(interval);
+    }, [config, providerManager, currentModel]); // Include currentModel in dependencies
+    const toggleCorgiMode = useCallback(() => {
+        setCorgiMode((prev) => !prev);
+    }, []);
+    const { showDialog: isLoadProfileDialogOpen, openDialog: openLoadProfileDialog, handleSelect: handleProfileSelect, closeDialog: exitLoadProfileDialog, profiles, } = useLoadProfileDialog({
+        addMessage: (msg) => addItem({ type: msg.type, text: msg.content }, msg.timestamp.getTime()),
         appState,
         config,
-        onClear: handleClearScreen,
+        settings,
     });
-    // checkPaymentModeChange is now provided by SessionController
-    // performMemoryRefresh is now provided by SessionController
-    // Model watching is now handled by SessionController
-    // Flash fallback handler is now set up by SessionController
-    const { handleSlashCommand, slashCommands, pendingHistoryItems: pendingSlashCommandHistoryItems, commandContext, } = useSlashCommandProcessor(config, settings, addItem, clearItems, loadHistory, refreshStatic, setShowHelp, setDebugMessage, openThemeDialog, openAuthDialog, openEditorDialog, providerDialog.openDialog, providerModelDialog.openDialog, performMemoryRefresh, setQuittingMessages, openPrivacyNotice, checkPaymentModeChange, showToolDescriptions);
-    // FIX: Initialize as empty array, will be combined with pendingGeminiHistoryItems later
-    // This prevents mutations during render
-    let pendingHistoryItems = [...pendingSlashCommandHistoryItems];
-    const { terminalHeight, terminalWidth, constrainHeight, availableTerminalHeight, setConstrainHeight, footerRef, registerFooterDependency, } = useLayout();
-    const isInitialMount = useRef(true);
+    const performMemoryRefresh = useCallback(async () => {
+        addItem({
+            type: MessageType.INFO,
+            text: 'Refreshing hierarchical memory (LLXPRT.md or other context files)...',
+        }, Date.now());
+        try {
+            const { memoryContent, fileCount } = await loadHierarchicalLlxprtMemory(process.cwd(), config.getDebugMode(), config.getFileService(), settings.merged, config.getExtensionContextFilePaths(), settings.merged.memoryImportFormat || 'tree', // Use setting or default to 'tree'
+            config.getFileFilteringOptions());
+            config.setUserMemory(memoryContent);
+            config.setLlxprtMdFileCount(fileCount);
+            setLlxprtMdFileCount(fileCount);
+            addItem({
+                type: MessageType.INFO,
+                text: `Memory refreshed successfully. ${memoryContent.length > 0 ? `Loaded ${memoryContent.length} characters from ${fileCount} file(s).` : 'No memory content found.'}`,
+            }, Date.now());
+            if (config.getDebugMode()) {
+                console.log(`[DEBUG] Refreshed memory content in config: ${memoryContent.substring(0, 200)}...`);
+            }
+        }
+        catch (error) {
+            const errorMessage = getErrorMessage(error);
+            addItem({
+                type: MessageType.ERROR,
+                text: `Error refreshing memory: ${errorMessage}`,
+            }, Date.now());
+            console.error('Error refreshing memory:', error);
+        }
+    }, [config, addItem, settings.merged]);
+    // Removed - consolidated into single useEffect above
+    // Set up Flash fallback handler
+    useEffect(() => {
+        const flashFallbackHandler = async (currentModel, fallbackModel, error) => {
+            let message;
+            const contentGenConfig = config.getContentGeneratorConfig();
+            const authType = contentGenConfig?.authType;
+            if (authType === AuthType.LOGIN_WITH_GOOGLE) {
+                // Use actual user tier if available; otherwise, default to FREE tier behavior (safe default)
+                const isPaidTier = userTier === UserTierId.LEGACY || userTier === UserTierId.STANDARD;
+                // Check if this is a Pro quota exceeded error
+                if (error && isProQuotaExceededError(error)) {
+                    if (isPaidTier) {
+                        message = `⚡ You have reached your daily ${currentModel} quota limit.
+⚡ To continue using ${currentModel}, you can use /auth to switch to using a paid API key from AI Studio at https://aistudio.google.com/apikey
+⚡ Or you can switch to a different model using the /model command`;
+                    }
+                    else {
+                        message = `⚡ You have reached your daily ${currentModel} quota limit.
+⚡ To increase your limits, upgrade to a Gemini Code Assist Standard or Enterprise plan with higher limits at https://goo.gle/set-up-gemini-code-assist
+⚡ Or you can utilize a Gemini API Key. See: https://goo.gle/gemini-cli-docs-auth#gemini-api-key
+⚡ You can switch authentication methods by typing /auth or switch to a different model using /model`;
+                    }
+                }
+                else if (error && isGenericQuotaExceededError(error)) {
+                    if (isPaidTier) {
+                        message = `⚡ You have reached your daily quota limit.
+⚡ To continue, consider using /auth to switch to using a paid API key from AI Studio at https://aistudio.google.com/apikey
+⚡ Or you can switch to a different model using the /model command`;
+                    }
+                    else {
+                        message = `⚡ You have reached your daily quota limit.
+⚡ To increase your limits, upgrade to a Gemini Code Assist Standard or Enterprise plan with higher limits at https://goo.gle/set-up-gemini-code-assist
+⚡ Or you can utilize a Gemini API Key. See: https://goo.gle/gemini-cli-docs-auth#gemini-api-key
+⚡ You can switch authentication methods by typing /auth or switch to a different model using /model`;
+                    }
+                }
+                else {
+                    if (isPaidTier) {
+                        // Default message for other cases (like consecutive 429s)
+                        message = `⚡ You are experiencing capacity issues with ${currentModel}.
+⚡ Possible reasons are consecutive capacity errors or reaching your daily ${currentModel} quota limit.
+⚡ To continue, consider using /auth to switch to using a paid API key from AI Studio at https://aistudio.google.com/apikey
+⚡ Or you can switch to a different model using the /model command`;
+                    }
+                    else {
+                        // Default message for other cases (like consecutive 429s)
+                        message = `⚡ You are experiencing capacity issues with ${currentModel}.
+⚡ Possible reasons are consecutive capacity errors or reaching your daily ${currentModel} quota limit.
+⚡ To increase your limits, upgrade to a Gemini Code Assist Standard or Enterprise plan with higher limits at https://goo.gle/set-up-gemini-code-assist
+⚡ Or you can utilize a Gemini API Key. See: https://goo.gle/gemini-cli-docs-auth#gemini-api-key
+⚡ You can switch authentication methods by typing /auth or switch to a different model using /model`;
+                    }
+                }
+                // Add message to UI history
+                if (message) {
+                    addItem({
+                        type: MessageType.INFO,
+                        text: message,
+                    }, Date.now());
+                }
+                // Set the flag to prevent tool continuation
+                setModelSwitchedFromQuotaError(true);
+                // Set global quota error flag to prevent Flash model calls
+                config.setQuotaErrorOccurred(true);
+            }
+            // Don't switch models - let the user decide
+            // Don't set fallback mode either
+            const contentGenConfigForEvent = config.getContentGeneratorConfig();
+            const authTypeForEvent = contentGenConfigForEvent?.authType || AuthType.USE_GEMINI;
+            // Still log the event for telemetry
+            logFlashFallback(config, new FlashFallbackEvent(authTypeForEvent));
+            return false; // Don't continue with current prompt
+        };
+        config.setFlashFallbackHandler(flashFallbackHandler);
+    }, [config, addItem, userTier]);
+    // Terminal and UI setup
+    const { rows: terminalHeight, columns: terminalWidth } = useTerminalSize();
     const { stdin, setRawMode } = useStdin();
+    const isInitialMount = useRef(true);
+    const widthFraction = 0.9;
+    const inputWidth = Math.max(20, Math.floor(terminalWidth * widthFraction) - 3);
+    const suggestionsWidth = Math.max(60, Math.floor(terminalWidth * 0.8));
+    // Utility callbacks
     const isValidPath = useCallback((filePath) => {
         try {
             return fs.existsSync(filePath) && fs.statSync(filePath).isFile();
@@ -228,17 +356,51 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
             return false;
         }
     }, []);
-    const widthFraction = 0.9;
-    const inputWidth = Math.max(20, Math.floor(terminalWidth * widthFraction) - 3);
-    const suggestionsWidth = Math.max(60, Math.floor(terminalWidth * 0.8));
+    const getPreferredEditor = useCallback(() => {
+        const editorType = settings.merged.preferredEditor;
+        const isValidEditor = isEditorAvailable(editorType);
+        if (!isValidEditor) {
+            openEditorDialog();
+            return;
+        }
+        return editorType;
+    }, [settings, openEditorDialog]);
+    const onAuthError = useCallback(() => {
+        setAuthError('reauth required');
+        openAuthDialog();
+    }, [openAuthDialog, setAuthError]);
+    const handleAuthTimeout = useCallback(() => {
+        setAuthError('Authentication timed out. Please try again.');
+        cancelAuthentication();
+        openAuthDialog();
+    }, [setAuthError, cancelAuthentication, openAuthDialog]);
+    const handlePrivacyNoticeExit = useCallback(() => {
+        setShowPrivacyNotice(false);
+    }, []);
+    // Core hooks and processors
+    const { vimEnabled: vimModeEnabled, vimMode, toggleVimEnabled, } = useVimMode();
+    const { handleSlashCommand, slashCommands, pendingHistoryItems: pendingSlashCommandHistoryItems, commandContext, shellConfirmationRequest, } = useSlashCommandProcessor(config, settings, addItem, clearItems, loadHistory, refreshStatic, setShowHelp, setDebugMessage, openThemeDialog, openAuthDialog, openEditorDialog, openProviderDialog, openProviderModelDialog, openLoadProfileDialog, toggleCorgiMode, setQuittingMessages, openPrivacyNotice, toggleVimEnabled, setIsProcessing);
+    const { streamingState, submitQuery, initError, pendingHistoryItems: pendingGeminiHistoryItems, thought, } = useGeminiStream(config.getGeminiClient(), history, addItem, setShowHelp, config, setDebugMessage, handleSlashCommand, shellModeActive, getPreferredEditor, onAuthError, performMemoryRefresh, modelSwitchedFromQuotaError, setModelSwitchedFromQuotaError);
+    // Input handling
+    const handleFinalSubmit = useCallback((submittedValue) => {
+        const trimmedValue = submittedValue.trim();
+        if (trimmedValue.length > 0) {
+            submitQuery(trimmedValue);
+        }
+    }, [submitQuery]);
     const buffer = useTextBuffer({
         initialText: '',
-        viewport: useMemo(() => ({ height: 10, width: inputWidth }), [inputWidth]),
+        viewport: { height: 10, width: inputWidth },
         stdin,
         setRawMode,
         isValidPath,
         shellModeActive,
     });
+    const { handleInput: vimHandleInput } = useVim(buffer, handleFinalSubmit);
+    const pendingHistoryItems = [...pendingSlashCommandHistoryItems];
+    pendingHistoryItems.push(...pendingGeminiHistoryItems);
+    const { elapsedTime, currentLoadingPhrase } = useLoadingIndicator(streamingState);
+    const showAutoAcceptIndicator = useAutoAcceptIndicator({ config });
     const handleExit = useCallback((pressedOnce, setPressedOnce, timerRef) => {
         if (pressedOnce) {
             if (timerRef.current) {
@@ -276,7 +438,10 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
                 handleSlashCommand(newValue ? '/mcp desc' : '/mcp nodesc');
             }
         }
-        else if (key.ctrl && input === 'e' && ideContext) {
+        else if (key.ctrl &&
+            input === 'e' &&
+            config.getIdeMode() &&
+            ideContextState) {
             setShowIDEContextDetail((prev) => !prev);
         }
         else if (key.ctrl && (input === 'c' || input === 'C')) {
@@ -298,49 +463,6 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
             setLlxprtMdFileCount(config.getLlxprtMdFileCount());
         }
     }, [config]);
-    const getPreferredEditor = useCallback(() => {
-        const editorType = settings.merged.preferredEditor;
-        const isValidEditor = isEditorAvailable(editorType);
-        if (!isValidEditor) {
-            openEditorDialog();
-            return;
-        }
-        return editorType;
-    }, [settings, openEditorDialog]);
-    const onAuthError = useCallback(() => {
-        appDispatch({ type: 'SET_AUTH_ERROR', payload: 'reauth required' });
-        openAuthDialog();
-    }, [openAuthDialog, appDispatch]);
-    const geminiClientForStream = useMemo(() => config.getGeminiClient(), [config]);
-    const { streamingState, submitQuery, initError, pendingHistoryItems: pendingGeminiHistoryItems, thought, } = useGeminiStream(geminiClientForStream, history, addItem, setShowHelp, config, setDebugMessage, handleSlashCommand, shellModeActive, getPreferredEditor, onAuthError, performMemoryRefresh, modelSwitchedFromQuotaError, useCallback((value) => {
-        if (typeof value === 'function') {
-            // Handle function form of setState
-            const currentValue = modelSwitchedFromQuotaError;
-            sessionDispatch({
-                type: 'SET_MODEL_SWITCHED_FROM_QUOTA_ERROR',
-                payload: value(currentValue),
-            });
-        }
-        else {
-            sessionDispatch({
-                type: 'SET_MODEL_SWITCHED_FROM_QUOTA_ERROR',
-                payload: value,
-            });
-        }
-    }, [modelSwitchedFromQuotaError, sessionDispatch]));
-    // FIX: Create a new array instead of mutating the existing one
-    // This ensures React can properly track changes and prevents infinite loops
-    pendingHistoryItems = [...pendingHistoryItems, ...pendingGeminiHistoryItems];
-    const { elapsedTime, currentLoadingPhrase } = useLoadingIndicator(streamingState);
-    const showAutoAcceptIndicator = useAutoAcceptIndicator({ config });
-    const handleFinalSubmit = useCallback((submittedValue) => {
-        const trimmedValue = submittedValue.trim();
-        if (trimmedValue.length > 0) {
-            // Clear transient warnings when user submits a message
-            sessionDispatch({ type: 'CLEAR_TRANSIENT_WARNINGS' });
-            submitQuery(trimmedValue);
-        }
-    }, [submitQuery, sessionDispatch]);
     const logger = useLogger();
     const [userMessages, setUserMessages] = useState([]);
     useEffect(() => {
@@ -372,12 +494,23 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
         };
         fetchUserMessages();
     }, [history, logger]);
-    const isInputActive = streamingState === StreamingState.Idle && !initError;
+    const isInputActive = streamingState === StreamingState.Idle && !initError && !isProcessing;
+    const handleClearScreen = useCallback(() => {
+        clearItems();
+        clearConsoleMessagesState();
+        console.clear();
+        refreshStatic();
+    }, [clearItems, clearConsoleMessagesState, refreshStatic]);
+    const mainControlsRef = useRef(null);
     const pendingHistoryItemRef = useRef(null);
-    // Register dependencies that affect footer height with LayoutManager
     useEffect(() => {
-        registerFooterDependency();
-    }, [consoleMessages, showErrorDetails, registerFooterDependency]);
+        if (mainControlsRef.current) {
+            const fullFooterMeasurement = measureElement(mainControlsRef.current);
+            setFooterHeight(fullFooterMeasurement.height);
+        }
+    }, [terminalHeight, consoleMessages, showErrorDetails]);
+    const staticExtraHeight = /* margins and padding */ 3;
+    const availableTerminalHeight = useMemo(() => terminalHeight - footerHeight - staticExtraHeight, [terminalHeight, footerHeight]);
     useEffect(() => {
         // skip refreshing Static during first mount
         if (isInitialMount.current) {
@@ -414,26 +547,30 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
         return getAllLlxprtMdFilenames();
     }, [settings.merged.contextFileName]);
     const initialPrompt = useMemo(() => config.getQuestion(), [config]);
-    const geminiClient = useMemo(() => config.getGeminiClient(), [config]);
+    const geminiClient = config.getGeminiClient();
     useEffect(() => {
         if (initialPrompt &&
             !initialPromptSubmitted.current &&
-            !authIsAuthenticating &&
+            !isAuthenticating &&
             !isAuthDialogOpen &&
             !isThemeDialogOpen &&
             !isEditorDialogOpen &&
+            !isProviderDialogOpen &&
+            !isProviderModelDialogOpen &&
             !showPrivacyNotice &&
-            geminiClient) {
+            geminiClient?.isInitialized?.()) {
             submitQuery(initialPrompt);
             initialPromptSubmitted.current = true;
         }
     }, [
         initialPrompt,
         submitQuery,
-        authIsAuthenticating,
+        isAuthenticating,
         isAuthDialogOpen,
         isThemeDialogOpen,
         isEditorDialogOpen,
+        isProviderDialogOpen,
+        isProviderModelDialogOpen,
         showPrivacyNotice,
         geminiClient,
     ]);
@@ -445,32 +582,25 @@ const AppInner = ({ config, settings, startupWarnings = [], version, setIsAuthen
     // Arbitrary threshold to ensure that items in the static area are large
     // enough but not too large to make the terminal hard to use.
     const staticAreaMaxItemHeight = Math.max(terminalHeight * 4, 100);
-    // Show loading state if geminiClient is not initialized
-    if (!geminiClientForStream) {
-        console.log('App: geminiClientForStream is not initialized yet');
-        return _jsx(Text, { children: "Initializing Gemini client..." });
-    }
-    return (_jsx(StreamingContext.Provider, { value: streamingState, children: _jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "90%", children: [updateMessage && _jsx(UpdateNotification, { message: updateMessage }), _jsx(Static, { items: [
+    const placeholder = vimModeEnabled
+        ? "  Press 'i' for INSERT mode and 'Esc' for NORMAL mode."
+        : '  Type your message or @path/to/file';
+    return (_jsx(StreamingContext.Provider, { value: streamingState, children: _jsxs(Box, { flexDirection: "column", width: "90%", children: [_jsx(Static, { items: [
                         _jsxs(Box, { flexDirection: "column", children: [!settings.merged.hideBanner && (_jsx(Header, { terminalWidth: terminalWidth, version: version, nightly: nightly })), !settings.merged.hideTips && _jsx(Tips, { config: config })] }, "header"),
                         ...history.map((h) => (_jsx(HistoryItemDisplay, { terminalWidth: mainAreaWidth, availableTerminalHeight: staticAreaMaxItemHeight, item: h, isPending: false, config: config }, h.id))),
                     ], children: (item) => item }, staticKey), _jsx(OverflowProvider, { children: _jsxs(Box, { ref: pendingHistoryItemRef, flexDirection: "column", children: [pendingHistoryItems.map((item, i) => (_jsx(HistoryItemDisplay, { availableTerminalHeight: constrainHeight ? availableTerminalHeight : undefined, terminalWidth: mainAreaWidth, 
                                 // TODO(taehykim): It seems like references to ids aren't necessary in
                                 // HistoryItemDisplay. Refactor later. Use a fake id for now.
-                                item: { ...item, id: 0 }, isPending: true, config: config, isFocused: !isEditorDialogOpen }, i))), _jsx(ShowMoreLines, { constrainHeight: constrainHeight })] }) }), showHelp && _jsx(Help, { commands: slashCommands }), _jsxs(Box, { flexDirection: "column", ref: footerRef, children: [(allStartupWarnings.length > 0 || transientWarnings.length > 0) && (_jsxs(Box, { borderStyle: "round", borderColor: Colors.AccentYellow, paddingX: 1, marginY: 1, flexDirection: "column", children: [allStartupWarnings.map((warning, index) => (_jsx(Text, { color: Colors.AccentYellow, children: warning }, index))), transientWarnings.map((warning, index) => (_jsx(Text, { color: Colors.AccentYellow, children: warning }, index)))] })), isThemeDialogOpen ? (_jsxs(Box, { flexDirection: "column", children: [appState.errors.theme && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: Colors.AccentRed, children: appState.errors.theme }) })), _jsx(ThemeDialog, { onSelect: handleThemeSelect, onHighlight: handleThemeHighlight, settings: settings, availableTerminalHeight: constrainHeight
-                                        ? terminalHeight - 3 // margins and padding
-                                        : undefined, terminalWidth: mainAreaWidth })] })) : authIsAuthenticating ? (_jsxs(_Fragment, { children: [_jsx(AuthInProgress, { onTimeout: onAuthTimeout }), showErrorDetails && (_jsx(OverflowProvider, { children: _jsxs(Box, { flexDirection: "column", children: [_jsx(DetailedMessagesDisplay, { messages: filteredConsoleMessages, maxHeight: constrainHeight ? debugConsoleMaxHeight : undefined, width: inputWidth }), _jsx(ShowMoreLines, { constrainHeight: constrainHeight })] }) }))] })) : isAuthDialogOpen ? (_jsx(Box, { flexDirection: "column", children: _jsx(AuthDialog, { onSelect: handleAuthSelect, settings: settings, initialErrorMessage: appState.errors.auth }) })) : isEditorDialogOpen ? (_jsxs(Box, { flexDirection: "column", children: [appState.errors.editor && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: Colors.AccentRed, children: appState.errors.editor }) })), _jsx(EditorSettingsDialog, { onSelect: handleEditorSelect, settings: settings, onExit: exitEditorDialog })] })) : providerModelDialog.showDialog ? (_jsx(Box, { flexDirection: "column", children: _jsx(ProviderModelDialog, { models: providerModelDialog.models, currentModel: providerModelDialog.currentModel, onSelect: providerModelDialog.handleSelect, onClose: providerModelDialog.closeDialog }) })) : providerDialog.showDialog ? (_jsx(Box, { flexDirection: "column", children: _jsx(ProviderDialog, { providers: providerDialog.providers, currentProvider: providerDialog.currentProvider, onSelect: providerDialog.handleSelect, onClose: providerDialog.closeDialog }) })) : showPrivacyNotice ? (_jsx(PrivacyNotice, { onExit: closePrivacyNotice, config: config })) : (_jsxs(_Fragment, { children: [_jsx(LoadingIndicator, { thought: streamingState === StreamingState.WaitingForConfirmation ||
+                                item: { ...item, id: 0 }, isPending: true, config: config, isFocused: !isEditorDialogOpen }, i))), _jsx(ShowMoreLines, { constrainHeight: constrainHeight })] }) }), showHelp && _jsx(Help, { commands: slashCommands }), _jsxs(Box, { flexDirection: "column", ref: mainControlsRef, children: [updateInfo && _jsx(UpdateNotification, { message: updateInfo.message }), startupWarnings.length > 0 && (_jsx(Box, { borderStyle: "round", borderColor: Colors.AccentYellow, paddingX: 1, marginY: 1, flexDirection: "column", children: startupWarnings.map((warning, index) => (_jsx(Text, { color: Colors.AccentYellow, children: warning }, index))) })), shellConfirmationRequest ? (_jsx(ShellConfirmationDialog, { request: shellConfirmationRequest })) : isThemeDialogOpen ? (_jsxs(Box, { flexDirection: "column", children: [_themeError && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: Colors.AccentRed, children: _themeError }) })), _jsx(ThemeDialog, { onSelect: handleThemeSelect, onHighlight: handleThemeHighlight, settings: settings, availableTerminalHeight: constrainHeight
+                                        ? terminalHeight - staticExtraHeight
+                                        : undefined, terminalWidth: mainAreaWidth })] })) : isAuthenticating ? (_jsxs(_Fragment, { children: [_jsx(AuthInProgress, { onTimeout: handleAuthTimeout }), showErrorDetails && (_jsx(OverflowProvider, { children: _jsxs(Box, { flexDirection: "column", children: [_jsx(DetailedMessagesDisplay, { messages: filteredConsoleMessages, maxHeight: constrainHeight ? debugConsoleMaxHeight : undefined, width: inputWidth }), _jsx(ShowMoreLines, { constrainHeight: constrainHeight })] }) }))] })) : isAuthDialogOpen ? (_jsx(Box, { flexDirection: "column", children: _jsx(AuthDialog, { onSelect: handleAuthSelect, settings: settings, initialErrorMessage: authError }) })) : isEditorDialogOpen ? (_jsxs(Box, { flexDirection: "column", children: [_editorError && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: Colors.AccentRed, children: _editorError }) })), _jsx(EditorSettingsDialog, { onSelect: handleEditorSelect, settings: settings, onExit: exitEditorDialog })] })) : isProviderDialogOpen ? (_jsx(Box, { flexDirection: "column", children: _jsx(ProviderDialog, { providers: providerManager.listProviders(), currentProvider: providerManager.getActiveProviderName(), onSelect: handleProviderSelect, onClose: exitProviderDialog }) })) : isProviderModelDialogOpen ? (_jsx(Box, { flexDirection: "column", children: _jsx(ProviderModelDialog, { models: providerModels, currentModel: currentModel, onSelect: handleProviderModelChange, onClose: exitProviderModelDialog }) })) : isLoadProfileDialogOpen ? (_jsx(Box, { flexDirection: "column", children: _jsx(LoadProfileDialog, { profiles: profiles, onSelect: handleProfileSelect, onClose: exitLoadProfileDialog }) })) : showPrivacyNotice ? (_jsx(PrivacyNotice, { onExit: handlePrivacyNoticeExit, config: config })) : (_jsxs(_Fragment, { children: [_jsx(LoadingIndicator, { thought: streamingState === StreamingState.WaitingForConfirmation ||
                                         config.getAccessibility()?.disableLoadingPhrases
                                         ? undefined
                                         : thought, currentLoadingPhrase: config.getAccessibility()?.disableLoadingPhrases
                                         ? undefined
-                                        : currentLoadingPhrase, elapsedTime: elapsedTime }), _jsxs(Box, { marginTop: 1, display: "flex", justifyContent: "space-between", width: "100%", children: [_jsxs(Box, { children: [process.env.GEMINI_SYSTEM_MD && (_jsx(Text, { color: Colors.AccentRed, children: "|\u2310\u25A0_\u25A0| " })), ctrlCPressedOnce ? (_jsx(Text, { color: Colors.AccentYellow, children: "Press Ctrl+C again to exit." })) : ctrlDPressedOnce ? (_jsx(Text, { color: Colors.AccentYellow, children: "Press Ctrl+D again to exit." })) : (_jsx(ContextSummaryDisplay, { activeFile: _activeFile, openFiles: openFiles, llxprtMdFileCount: llxprtMdFileCount, contextFileNames: contextFileNames, mcpServers: config.getMcpServers(), blockedMcpServers: config.getBlockedMcpServers(), showToolDescriptions: showToolDescriptions }))] }), _jsxs(Box, { children: [showAutoAcceptIndicator !== ApprovalMode.DEFAULT &&
-                                                    !shellModeActive && (_jsx(AutoAcceptIndicator, { approvalMode: showAutoAcceptIndicator })), shellModeActive && _jsx(ShellModeIndicator, {})] })] }), showIDEContextDetail && (_jsx(IDEContextDetailDisplay, { openFiles: openFiles })), showErrorDetails && (_jsx(OverflowProvider, { children: _jsxs(Box, { flexDirection: "column", children: [_jsx(DetailedMessagesDisplay, { messages: filteredConsoleMessages, maxHeight: constrainHeight ? debugConsoleMaxHeight : undefined, width: inputWidth }), _jsx(ShowMoreLines, { constrainHeight: constrainHeight })] }) })), isInputActive && (_jsx(InputPrompt, { buffer: buffer, inputWidth: inputWidth, suggestionsWidth: suggestionsWidth, onSubmit: handleFinalSubmit, userMessages: userMessages, onClearScreen: handleClearScreen, config: config, slashCommands: slashCommands, commandContext: commandContext, shellModeActive: shellModeActive, setShellModeActive: setShellModeActive, focus: isFocused }))] })), initError && streamingState !== StreamingState.Responding && (_jsx(Box, { borderStyle: "round", borderColor: Colors.AccentRed, paddingX: 1, marginBottom: 1, children: history.find((item) => item.type === 'error' && item.text?.includes(initError))?.text ? (_jsx(Text, { color: Colors.AccentRed, children: history.find((item) => item.type === 'error' && item.text?.includes(initError))?.text })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { color: Colors.AccentRed, children: ["Initialization Error: ", initError] }), _jsxs(Text, { color: Colors.AccentRed, children: [' ', "Please check API key and configuration."] })] })) })), _jsx(Footer, { model: currentModel, targetDir: config.getTargetDir(), debugMode: config.getDebugMode(), branchName: branchName, debugMessage: debugMessage, errorCount: errorCount, showErrorDetails: showErrorDetails, showMemoryUsage: config.getDebugMode() || config.getShowMemoryUsage(), promptTokenCount: sessionStats.lastPromptTokenCount, isPaidMode: isPaidMode, nightly: nightly })] })] }) }));
-};
-// Intermediate component to pass isAuthenticating to SessionController
-const AppWithAuth = (props) => {
-    const [isAuthenticating, setIsAuthenticating] = useState(false);
-    return (_jsx(SessionController, { config: props.config, isAuthenticating: isAuthenticating, children: _jsx(AppInner, { ...props, isAuthenticating: isAuthenticating, setIsAuthenticating: setIsAuthenticating }) }));
+                                        : currentLoadingPhrase, elapsedTime: elapsedTime }), _jsxs(Box, { marginTop: 1, display: "flex", justifyContent: "space-between", width: "100%", children: [_jsxs(Box, { children: [process.env.GEMINI_SYSTEM_MD && (_jsx(Text, { color: Colors.AccentRed, children: "|\u2310\u25A0_\u25A0| " })), ctrlCPressedOnce ? (_jsx(Text, { color: Colors.AccentYellow, children: "Press Ctrl+C again to exit." })) : ctrlDPressedOnce ? (_jsx(Text, { color: Colors.AccentYellow, children: "Press Ctrl+D again to exit." })) : (_jsx(ContextSummaryDisplay, { ideContext: ideContextState, llxprtMdFileCount: llxprtMdFileCount, contextFileNames: contextFileNames, mcpServers: config.getMcpServers(), blockedMcpServers: config.getBlockedMcpServers(), showToolDescriptions: showToolDescriptions }))] }), _jsxs(Box, { children: [showAutoAcceptIndicator !== ApprovalMode.DEFAULT &&
+                                                    !shellModeActive && (_jsx(AutoAcceptIndicator, { approvalMode: showAutoAcceptIndicator })), shellModeActive && _jsx(ShellModeIndicator, {})] })] }), showIDEContextDetail && (_jsx(IDEContextDetailDisplay, { ideContext: ideContextState, detectedIdeDisplay: config
+                                        .getIdeClient()
+                                        ?.getDetectedIdeDisplayName() })), showErrorDetails && (_jsx(OverflowProvider, { children: _jsxs(Box, { flexDirection: "column", children: [_jsx(DetailedMessagesDisplay, { messages: filteredConsoleMessages, maxHeight: constrainHeight ? debugConsoleMaxHeight : undefined, width: inputWidth }), _jsx(ShowMoreLines, { constrainHeight: constrainHeight })] }) })), isInputActive && (_jsx(InputPrompt, { buffer: buffer, inputWidth: inputWidth, suggestionsWidth: suggestionsWidth, onSubmit: handleFinalSubmit, userMessages: userMessages, onClearScreen: handleClearScreen, config: config, slashCommands: slashCommands, commandContext: commandContext, shellModeActive: shellModeActive, setShellModeActive: setShellModeActive, focus: isFocused, vimHandleInput: vimHandleInput, placeholder: placeholder }))] })), initError && streamingState !== StreamingState.Responding && (_jsx(Box, { borderStyle: "round", borderColor: Colors.AccentRed, paddingX: 1, marginBottom: 1, children: history.find((item) => item.type === 'error' && item.text?.includes(initError))?.text ? (_jsx(Text, { color: Colors.AccentRed, children: history.find((item) => item.type === 'error' && item.text?.includes(initError))?.text })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { color: Colors.AccentRed, children: ["Initialization Error: ", initError] }), _jsxs(Text, { color: Colors.AccentRed, children: [' ', "Please check API key and configuration."] })] })) })), _jsx(Footer, { model: currentModel, targetDir: config.getTargetDir(), debugMode: config.getDebugMode(), branchName: branchName, debugMessage: debugMessage, errorCount: errorCount, showErrorDetails: showErrorDetails, showMemoryUsage: config.getDebugMode() || config.getShowMemoryUsage(), promptTokenCount: sessionStats.lastPromptTokenCount, nightly: nightly, vimMode: vimModeEnabled ? vimMode : undefined, contextLimit: config.getEphemeralSetting('context-limit') })] })] }) }));
 };
-// Main App component that provides the UIStateShell wrapper
-const App = (props) => (_jsx(UIStateShell, { children: _jsx(AppWithAuth, { ...props }) }));
 //# sourceMappingURL=App.js.map