@perplexity-cli/perplexity-cli 0.1.0 → 0.1.3

package/dist/src/ui/AppContainer.js

@@ -0,0 +1,1061 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { useMemo, useState, useCallback, useEffect, useRef, useLayoutEffect, } from 'react';
+import { measureElement } from 'ink';
+import { App } from './App.js';
+import { AppContext } from './contexts/AppContext.js';
+import { UIStateContext } from './contexts/UIStateContext.js';
+import { UIActionsContext, } from './contexts/UIActionsContext.js';
+import { ConfigContext } from './contexts/ConfigContext.js';
+import { ToolCallStatus, } from './types.js';
+import { MessageType, StreamingState } from './types.js';
+import { DEFAULT_PERPLEXITY_FLASH_MODEL, IdeClient, ideContextStore, getErrorMessage, getAllPerplexityMdFilenames, ShellExecutionService, } from '@perplexity-cli/perplexity-cli-core';
+import { buildResumedHistoryItems } from './utils/resumeHistoryUtils.js';
+import { validateAuthMethod } from '../config/auth.js';
+import { loadHierarchicalPerplexityMemory } from '../config/config.js';
+import process from 'node:process';
+import { useHistory } from './hooks/useHistoryManager.js';
+import { useMemoryMonitor } from './hooks/useMemoryMonitor.js';
+import { useThemeCommand } from './hooks/useThemeCommand.js';
+import { useAuthCommand } from './auth/useAuth.js';
+import { useQuotaAndFallback } from './hooks/useQuotaAndFallback.js';
+import { useEditorSettings } from './hooks/useEditorSettings.js';
+import { useSettingsCommand } from './hooks/useSettingsCommand.js';
+import { useModelCommand } from './hooks/useModelCommand.js';
+import { useApprovalModeCommand } from './hooks/useApprovalModeCommand.js';
+import { useSlashCommandProcessor } from './hooks/slashCommandProcessor.js';
+import { useVimMode } from './contexts/VimModeContext.js';
+import { useConsoleMessages } from './hooks/useConsoleMessages.js';
+import { useTerminalSize } from './hooks/useTerminalSize.js';
+import { calculatePromptWidths } from './components/InputPrompt.js';
+import { useStdin, useStdout } from 'ink';
+import ansiEscapes from 'ansi-escapes';
+import * as fs from 'node:fs';
+import { basename } from 'node:path';
+import { computeWindowTitle } from '../utils/windowTitle.js';
+import { useTextBuffer } from './components/shared/text-buffer.js';
+import { useLogger } from './hooks/useLogger.js';
+import { usePerplexityStream } from './hooks/usePerplexityStream.js';
+import { useVim } from './hooks/vim.js';
+import { SettingScope } from '../config/settings.js';
+import {} from '../core/initializer.js';
+import { useFocus } from './hooks/useFocus.js';
+import { useBracketedPaste } from './hooks/useBracketedPaste.js';
+import { useKeypress } from './hooks/useKeypress.js';
+import { keyMatchers, Command } from './keyMatchers.js';
+import { useLoadingIndicator } from './hooks/useLoadingIndicator.js';
+import { useFolderTrust } from './hooks/useFolderTrust.js';
+import { useIdeTrustListener } from './hooks/useIdeTrustListener.js';
+import {} from './IdeIntegrationNudge.js';
+import { appEvents, AppEvent } from '../utils/events.js';
+import {} from './utils/updateCheck.js';
+import { setUpdateHandler } from '../utils/handleAutoUpdate.js';
+import { ConsolePatcher } from './utils/ConsolePatcher.js';
+import { registerCleanup, runExitCleanup } from '../utils/cleanup.js';
+import { useMessageQueue } from './hooks/useMessageQueue.js';
+import { useAutoAcceptIndicator } from './hooks/useAutoAcceptIndicator.js';
+import { useWorkspaceMigration } from './hooks/useWorkspaceMigration.js';
+import { useSessionStats } from './contexts/SessionContext.js';
+import { useGitBranchName } from './hooks/useGitBranchName.js';
+import { useExtensionUpdates } from './hooks/useExtensionUpdates.js';
+import { ShellFocusContext } from './contexts/ShellFocusContext.js';
+import { t } from '../i18n/index.js';
+import { useWelcomeBack } from './hooks/useWelcomeBack.js';
+import { useDialogClose } from './hooks/useDialogClose.js';
+import { useInitializationAuthError } from './hooks/useInitializationAuthError.js';
+import {} from './components/ModelSwitchDialog.js';
+import { processVisionSwitchOutcome } from './hooks/useVisionAutoSwitch.js';
+import { useSubagentCreateDialog } from './hooks/useSubagentCreateDialog.js';
+import { useAgentsManagerDialog } from './hooks/useAgentsManagerDialog.js';
+import { useAttentionNotifications } from './hooks/useAttentionNotifications.js';
+const CTRL_EXIT_PROMPT_DURATION_MS = 1000;
+function isToolExecuting(pendingHistoryItems) {
+    return pendingHistoryItems.some((item) => {
+        if (item && item.type === 'tool_group') {
+            return item.tools.some((tool) => ToolCallStatus.Executing === tool.status);
+        }
+        return false;
+    });
+}
+/**
+ * The fraction of the terminal width to allocate to the shell.
+ * This provides horizontal padding.
+ */
+const SHELL_WIDTH_FRACTION = 0.89;
+/**
+ * The number of lines to subtract from the available terminal height
+ * for the shell. This provides vertical padding and space for other UI elements.
+ */
+const SHELL_HEIGHT_PADDING = 10;
+export const AppContainer = (props) => {
+    const { settings, config, initializationResult } = props;
+    const historyManager = useHistory();
+    useMemoryMonitor(historyManager);
+    const [corgiMode, setCorgiMode] = useState(false);
+    const [debugMessage, setDebugMessage] = useState('');
+    const [quittingMessages, setQuittingMessages] = useState(null);
+    const [themeError, setThemeError] = useState(initializationResult.themeError);
+    const [isProcessing, setIsProcessing] = useState(false);
+    const [embeddedShellFocused, setEmbeddedShellFocused] = useState(false);
+    const [perplexityMdFileCount, setPerplexityMdFileCount] = useState(initializationResult.perplexityMdFileCount);
+    const [shellModeActive, setShellModeActive] = useState(false);
+    const [modelSwitchedFromQuotaError, setModelSwitchedFromQuotaError] = useState(false);
+    const [historyRemountKey, setHistoryRemountKey] = useState(0);
+    const [updateInfo, setUpdateInfo] = useState(null);
+    const [isTrustedFolder, setIsTrustedFolder] = useState(config.isTrustedFolder());
+    const extensions = config.getExtensions();
+    const { extensionsUpdateState, extensionsUpdateStateInternal, dispatchExtensionStateUpdate, confirmUpdateExtensionRequests, addConfirmUpdateExtensionRequest, } = useExtensionUpdates(extensions, historyManager.addItem, config.getWorkingDir());
+    const [isPermissionsDialogOpen, setPermissionsDialogOpen] = useState(false);
+    const openPermissionsDialog = useCallback(() => setPermissionsDialogOpen(true), []);
+    const closePermissionsDialog = useCallback(() => setPermissionsDialogOpen(false), []);
+    // Helper to determine the effective model, considering the fallback state.
+    const getEffectiveModel = useCallback(() => {
+        if (config.isInFallbackMode()) {
+            return DEFAULT_PERPLEXITY_FLASH_MODEL;
+        }
+        return config.getModel();
+    }, [config]);
+    const [currentModel, setCurrentModel] = useState(getEffectiveModel());
+    const [userTier] = useState(undefined);
+    const [isConfigInitialized, setConfigInitialized] = useState(false);
+    const [userMessages, setUserMessages] = useState([]);
+    // Terminal and layout hooks
+    const { columns: terminalWidth, rows: terminalHeight } = useTerminalSize();
+    const { stdin, setRawMode } = useStdin();
+    const { stdout } = useStdout();
+    // Additional hooks moved from App.tsx
+    const { stats: sessionStats } = useSessionStats();
+    const logger = useLogger(config.storage, sessionStats.sessionId);
+    const branchName = useGitBranchName(config.getTargetDir());
+    // Layout measurements
+    const mainControlsRef = useRef(null);
+    const originalTitleRef = useRef(computeWindowTitle(basename(config.getTargetDir())));
+    const lastTitleRef = useRef(null);
+    const staticExtraHeight = 3;
+    // Initialize config (runs once on mount)
+    useEffect(() => {
+        (async () => {
+            // Note: the program will not work if this fails so let errors be
+            // handled by the global catch.
+            await config.initialize();
+            setConfigInitialized(true);
+            const resumedSessionData = config.getResumedSessionData();
+            if (resumedSessionData) {
+                const historyItems = buildResumedHistoryItems(resumedSessionData, config);
+                historyManager.loadHistory(historyItems);
+            }
+        })();
+        registerCleanup(async () => {
+            const ideClient = await IdeClient.getInstance();
+            await ideClient.disconnect();
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [config]);
+    useEffect(() => setUpdateHandler(historyManager.addItem, setUpdateInfo), [historyManager.addItem]);
+    // Watch for model changes (e.g., from Flash fallback)
+    useEffect(() => {
+        const checkModelChange = () => {
+            const effectiveModel = getEffectiveModel();
+            if (effectiveModel !== currentModel) {
+                setCurrentModel(effectiveModel);
+            }
+        };
+        checkModelChange();
+        const interval = setInterval(checkModelChange, 1000); // Check every second
+        return () => clearInterval(interval);
+    }, [config, currentModel, getEffectiveModel]);
+    const { consoleMessages, handleNewMessage, clearConsoleMessages: clearConsoleMessagesState, } = useConsoleMessages();
+    useEffect(() => {
+        const consolePatcher = new ConsolePatcher({
+            onNewMessage: handleNewMessage,
+            debugMode: config.getDebugMode(),
+        });
+        consolePatcher.patch();
+        registerCleanup(consolePatcher.cleanup);
+    }, [handleNewMessage, config]);
+    // Derive widths for InputPrompt using shared helper
+    const { inputWidth, suggestionsWidth } = useMemo(() => {
+        const { inputWidth, suggestionsWidth } = calculatePromptWidths(terminalWidth);
+        return { inputWidth, suggestionsWidth };
+    }, [terminalWidth]);
+    const mainAreaWidth = Math.floor(terminalWidth * 0.9);
+    const staticAreaMaxItemHeight = Math.max(terminalHeight * 4, 100);
+    const isValidPath = useCallback((filePath) => {
+        try {
+            return fs.existsSync(filePath) && fs.statSync(filePath).isFile();
+        }
+        catch (_e) {
+            return false;
+        }
+    }, []);
+    const buffer = useTextBuffer({
+        initialText: '',
+        viewport: { height: 10, width: inputWidth },
+        stdin,
+        setRawMode,
+        isValidPath,
+        shellModeActive,
+    });
+    useEffect(() => {
+        const fetchUserMessages = async () => {
+            const pastMessagesRaw = (await logger?.getPreviousUserMessages()) || [];
+            const currentSessionUserMessages = historyManager.history
+                .filter((item) => item.type === 'user' &&
+                typeof item.text === 'string' &&
+                item.text.trim() !== '')
+                .map((item) => item.text)
+                .reverse();
+            const combinedMessages = [
+                ...currentSessionUserMessages,
+                ...pastMessagesRaw,
+            ];
+            const deduplicatedMessages = [];
+            if (combinedMessages.length > 0) {
+                deduplicatedMessages.push(combinedMessages[0]);
+                for (let i = 1; i < combinedMessages.length; i++) {
+                    if (combinedMessages[i] !== combinedMessages[i - 1]) {
+                        deduplicatedMessages.push(combinedMessages[i]);
+                    }
+                }
+            }
+            setUserMessages(deduplicatedMessages.reverse());
+        };
+        fetchUserMessages();
+    }, [historyManager.history, logger]);
+    const refreshStatic = useCallback(() => {
+        stdout.write(ansiEscapes.clearTerminal);
+        setHistoryRemountKey((prev) => prev + 1);
+    }, [setHistoryRemountKey, stdout]);
+    const { isThemeDialogOpen, openThemeDialog, handleThemeSelect, handleThemeHighlight, } = useThemeCommand(settings, setThemeError, historyManager.addItem, initializationResult.themeError);
+    const { isApprovalModeDialogOpen, openApprovalModeDialog, handleApprovalModeSelect, } = useApprovalModeCommand(settings, config);
+    const { setAuthState, authError, onAuthError, isAuthDialogOpen, isAuthenticating, pendingAuthType, perplexityAuthState, handleAuthSelect, openAuthDialog, cancelAuthentication, } = useAuthCommand(settings, config, historyManager.addItem);
+    const { proQuotaRequest, handleProQuotaChoice } = useQuotaAndFallback({
+        config,
+        historyManager,
+        userTier,
+        setAuthState,
+        setModelSwitchedFromQuotaError,
+    });
+    useInitializationAuthError(initializationResult.authError, onAuthError);
+    // Sync user tier from config when authentication changes
+    // TODO: Implement getUserTier() method on Config if needed
+    // useEffect(() => {
+    //   if (authState === AuthState.Authenticated) {
+    //     setUserTier(config.getUserTier());
+    //   }
+    // }, [config, authState]);
+    // Check for enforced auth type mismatch
+    useEffect(() => {
+        // Check for initialization error first
+        if (settings.merged.security?.auth?.enforcedType &&
+            settings.merged.security?.auth.selectedType &&
+            settings.merged.security?.auth.enforcedType !==
+                settings.merged.security?.auth.selectedType) {
+            onAuthError(t('Authentication is enforced to be {{enforcedType}}, but you are currently using {{currentType}}.', {
+                enforcedType: settings.merged.security?.auth.enforcedType,
+                currentType: settings.merged.security?.auth.selectedType,
+            }));
+        }
+        else if (settings.merged.security?.auth?.selectedType &&
+            !settings.merged.security?.auth?.useExternal) {
+            const error = validateAuthMethod(settings.merged.security.auth.selectedType);
+            if (error) {
+                onAuthError(error);
+            }
+        }
+    }, [
+        settings.merged.security?.auth?.selectedType,
+        settings.merged.security?.auth?.enforcedType,
+        settings.merged.security?.auth?.useExternal,
+        onAuthError,
+    ]);
+    const [editorError, setEditorError] = useState(null);
+    const { isEditorDialogOpen, openEditorDialog, handleEditorSelect, exitEditorDialog, } = useEditorSettings(settings, setEditorError, historyManager.addItem);
+    const { isSettingsDialogOpen, openSettingsDialog, closeSettingsDialog } = useSettingsCommand();
+    const { isModelDialogOpen, openModelDialog, closeModelDialog } = useModelCommand();
+    const { showWorkspaceMigrationDialog, workspaceExtensions, onWorkspaceMigrationDialogOpen, onWorkspaceMigrationDialogClose, } = useWorkspaceMigration(settings);
+    const { toggleVimEnabled } = useVimMode();
+    const { isSubagentCreateDialogOpen, openSubagentCreateDialog, closeSubagentCreateDialog, } = useSubagentCreateDialog();
+    const { isAgentsManagerDialogOpen, openAgentsManagerDialog, closeAgentsManagerDialog, } = useAgentsManagerDialog();
+    // Vision model auto-switch dialog state (must be before slashCommandActions)
+    const [isVisionSwitchDialogOpen, setIsVisionSwitchDialogOpen] = useState(false);
+    const [visionSwitchResolver, setVisionSwitchResolver] = useState(null);
+    const slashCommandActions = useMemo(() => ({
+        openAuthDialog,
+        openThemeDialog,
+        openEditorDialog,
+        openSettingsDialog,
+        openModelDialog,
+        openPermissionsDialog,
+        openApprovalModeDialog,
+        quit: (messages) => {
+            setQuittingMessages(messages);
+            setTimeout(async () => {
+                await runExitCleanup();
+                process.exit(0);
+            }, 100);
+        },
+        setDebugMessage,
+        toggleCorgiMode: () => setCorgiMode((prev) => !prev),
+        dispatchExtensionStateUpdate,
+        addConfirmUpdateExtensionRequest,
+        openSubagentCreateDialog,
+        openAgentsManagerDialog,
+    }), [
+        openAuthDialog,
+        openThemeDialog,
+        openEditorDialog,
+        openSettingsDialog,
+        openModelDialog,
+        setDebugMessage,
+        setCorgiMode,
+        dispatchExtensionStateUpdate,
+        openPermissionsDialog,
+        openApprovalModeDialog,
+        addConfirmUpdateExtensionRequest,
+        openSubagentCreateDialog,
+        openAgentsManagerDialog,
+    ]);
+    const { handleSlashCommand, slashCommands, pendingHistoryItems: pendingSlashCommandHistoryItems, commandContext, shellConfirmationRequest, confirmationRequest, } = useSlashCommandProcessor(config, settings, historyManager.addItem, historyManager.clearItems, historyManager.loadHistory, refreshStatic, toggleVimEnabled, setIsProcessing, setPerplexityMdFileCount, slashCommandActions, extensionsUpdateStateInternal, isConfigInitialized, logger);
+    // Vision switch handlers
+    const handleVisionSwitchRequired = useCallback(async (_query) => new Promise((resolve, reject) => {
+        setVisionSwitchResolver({ resolve, reject });
+        setIsVisionSwitchDialogOpen(true);
+    }), []);
+    const handleVisionSwitchSelect = useCallback((outcome) => {
+        setIsVisionSwitchDialogOpen(false);
+        if (visionSwitchResolver) {
+            const result = processVisionSwitchOutcome(outcome);
+            visionSwitchResolver.resolve(result);
+            setVisionSwitchResolver(null);
+        }
+    }, [visionSwitchResolver]);
+    // onDebugMessage should log to console, not update footer debugMessage
+    const onDebugMessage = useCallback((message) => {
+        console.debug(message);
+    }, []);
+    const performMemoryRefresh = useCallback(async () => {
+        historyManager.addItem({
+            type: MessageType.INFO,
+            text: 'Refreshing hierarchical memory (PERPLEXITY.md or other context files)...',
+        }, Date.now());
+        try {
+            const { memoryContent, fileCount } = await loadHierarchicalPerplexityMemory(process.cwd(), settings.merged.context?.loadMemoryFromIncludeDirectories
+                ? config.getWorkspaceContext().getDirectories()
+                : [], config.getDebugMode(), config.getFileService(), settings.merged, config.getExtensionContextFilePaths(), config.isTrustedFolder(), settings.merged.context?.importFormat || 'tree', // Use setting or default to 'tree'
+            config.getFileFilteringOptions());
+            config.setUserMemory(memoryContent);
+            config.setPerplexityMdFileCount(fileCount);
+            setPerplexityMdFileCount(fileCount);
+            historyManager.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);
+            historyManager.addItem({
+                type: MessageType.ERROR,
+                text: `Error refreshing memory: ${errorMessage}`,
+            }, Date.now());
+            console.error('Error refreshing memory:', error);
+        }
+    }, [config, historyManager, settings.merged]);
+    const cancelHandlerRef = useRef(() => { });
+    const { streamingState, submitQuery, pendingHistoryItems: pendingPerplexityHistoryItems, thought, cancelOngoingRequest, handleApprovalModeChange, activePtyId, loopDetectionConfirmationRequest, } = usePerplexityStream(config.getPerplexityClient(), historyManager.history, historyManager.addItem, config, settings, onDebugMessage, handleSlashCommand, shellModeActive, () => settings.merged.general?.preferredEditor, onAuthError, performMemoryRefresh, modelSwitchedFromQuotaError, setModelSwitchedFromQuotaError, refreshStatic, () => cancelHandlerRef.current(), settings.merged.experimental?.visionModelPreview ?? false, // visionModelPreviewEnabled
+    setEmbeddedShellFocused, terminalWidth, terminalHeight, handleVisionSwitchRequired, // onVisionSwitchRequired
+    embeddedShellFocused);
+    // Auto-accept indicator
+    const showAutoAcceptIndicator = useAutoAcceptIndicator({
+        config,
+        addItem: historyManager.addItem,
+        onApprovalModeChange: handleApprovalModeChange,
+    });
+    const { messageQueue, addMessage, clearQueue, getQueuedMessagesText } = useMessageQueue({
+        isConfigInitialized,
+        streamingState,
+        submitQuery,
+    });
+    // Callback for handling final submit (must be after addMessage from useMessageQueue)
+    const handleFinalSubmit = useCallback((submittedValue) => {
+        addMessage(submittedValue);
+    }, [addMessage]);
+    // Welcome back functionality (must be after handleFinalSubmit)
+    const { welcomeBackInfo, showWelcomeBackDialog, welcomeBackChoice, handleWelcomeBackSelection, handleWelcomeBackClose, } = useWelcomeBack(config, handleFinalSubmit, buffer, settings.merged);
+    cancelHandlerRef.current = useCallback(() => {
+        const pendingHistoryItems = [
+            ...pendingSlashCommandHistoryItems,
+            ...pendingPerplexityHistoryItems,
+        ];
+        if (isToolExecuting(pendingHistoryItems)) {
+            buffer.setText(''); // Just clear the prompt
+            return;
+        }
+        const lastUserMessage = userMessages.at(-1);
+        let textToSet = lastUserMessage || '';
+        const queuedText = getQueuedMessagesText();
+        if (queuedText) {
+            textToSet = textToSet ? `${textToSet}\n\n${queuedText}` : queuedText;
+            clearQueue();
+        }
+        if (textToSet) {
+            buffer.setText(textToSet);
+        }
+    }, [
+        buffer,
+        userMessages,
+        getQueuedMessagesText,
+        clearQueue,
+        pendingSlashCommandHistoryItems,
+        pendingPerplexityHistoryItems,
+    ]);
+    const handleClearScreen = useCallback(() => {
+        historyManager.clearItems();
+        clearConsoleMessagesState();
+        console.clear();
+        refreshStatic();
+    }, [historyManager, clearConsoleMessagesState, refreshStatic]);
+    const { handleInput: vimHandleInput } = useVim(buffer, handleFinalSubmit);
+    /**
+     * Determines if the input prompt should be active and accept user input.
+     * Input is disabled during:
+     * - Slash command processing
+     * - Tool confirmations (WaitingForConfirmation state)
+     * - Any future streaming states not explicitly allowed
+     */
+    const isInputActive = !isProcessing &&
+        (streamingState === StreamingState.Idle ||
+            streamingState === StreamingState.Responding) &&
+        !proQuotaRequest;
+    const [controlsHeight, setControlsHeight] = useState(0);
+    useLayoutEffect(() => {
+        if (mainControlsRef.current) {
+            const fullFooterMeasurement = measureElement(mainControlsRef.current);
+            if (fullFooterMeasurement.height > 0) {
+                setControlsHeight(fullFooterMeasurement.height);
+            }
+        }
+    }, [buffer, terminalWidth, terminalHeight]);
+    // Compute available terminal height based on controls measurement
+    const availableTerminalHeight = Math.max(0, terminalHeight - controlsHeight - staticExtraHeight - 2);
+    config.setShellExecutionConfig({
+        terminalWidth: Math.floor(terminalWidth * SHELL_WIDTH_FRACTION),
+        terminalHeight: Math.max(Math.floor(availableTerminalHeight - SHELL_HEIGHT_PADDING), 1),
+        pager: settings.merged.tools?.shell?.pager,
+        showColor: settings.merged.tools?.shell?.showColor,
+    });
+    const isFocused = useFocus();
+    useBracketedPaste();
+    // Context file names computation
+    const contextFileNames = useMemo(() => {
+        const fromSettings = settings.merged.context?.fileName;
+        return fromSettings
+            ? Array.isArray(fromSettings)
+                ? fromSettings
+                : [fromSettings]
+            : getAllPerplexityMdFilenames();
+    }, [settings.merged.context?.fileName]);
+    // Initial prompt handling
+    const initialPrompt = useMemo(() => config.getQuestion(), [config]);
+    const initialPromptSubmitted = useRef(false);
+    const perplexityClient = config.getPerplexityClient();
+    useEffect(() => {
+        if (activePtyId) {
+            ShellExecutionService.resizePty(activePtyId, Math.floor(terminalWidth * SHELL_WIDTH_FRACTION), Math.max(Math.floor(availableTerminalHeight - SHELL_HEIGHT_PADDING), 1));
+        }
+    }, [terminalWidth, availableTerminalHeight, activePtyId]);
+    useEffect(() => {
+        if (initialPrompt &&
+            isConfigInitialized &&
+            !initialPromptSubmitted.current &&
+            !isAuthenticating &&
+            !isAuthDialogOpen &&
+            !isThemeDialogOpen &&
+            !isEditorDialogOpen &&
+            !showWelcomeBackDialog &&
+            !isVisionSwitchDialogOpen &&
+            welcomeBackChoice !== 'restart' &&
+            perplexityClient?.isInitialized?.()) {
+            handleFinalSubmit(initialPrompt);
+            initialPromptSubmitted.current = true;
+        }
+    }, [
+        initialPrompt,
+        isConfigInitialized,
+        handleFinalSubmit,
+        isAuthenticating,
+        isAuthDialogOpen,
+        isThemeDialogOpen,
+        isEditorDialogOpen,
+        showWelcomeBackDialog,
+        isVisionSwitchDialogOpen,
+        welcomeBackChoice,
+        perplexityClient,
+    ]);
+    const [idePromptAnswered, setIdePromptAnswered] = useState(false);
+    const [currentIDE, setCurrentIDE] = useState(null);
+    useEffect(() => {
+        const getIde = async () => {
+            const ideClient = await IdeClient.getInstance();
+            const currentIde = ideClient.getCurrentIde();
+            setCurrentIDE(currentIde || null);
+        };
+        getIde();
+    }, []);
+    const shouldShowIdePrompt = Boolean(currentIDE &&
+        !config.getIdeMode() &&
+        !settings.merged.ide?.hasSeenNudge &&
+        !idePromptAnswered);
+    const [showErrorDetails, setShowErrorDetails] = useState(false);
+    const [showToolDescriptions, setShowToolDescriptions] = useState(false);
+    const [ctrlCPressedOnce, setCtrlCPressedOnce] = useState(false);
+    const ctrlCTimerRef = useRef(null);
+    const [ctrlDPressedOnce, setCtrlDPressedOnce] = useState(false);
+    const ctrlDTimerRef = useRef(null);
+    const [constrainHeight, setConstrainHeight] = useState(true);
+    const [ideContextState, setIdeContextState] = useState();
+    const [showEscapePrompt, setShowEscapePrompt] = useState(false);
+    const [showIdeRestartPrompt, setShowIdeRestartPrompt] = useState(false);
+    const { isFolderTrustDialogOpen, handleFolderTrustSelect, isRestarting } = useFolderTrust(settings, setIsTrustedFolder);
+    const { needsRestart: ideNeedsRestart, restartReason: ideTrustRestartReason, } = useIdeTrustListener();
+    const isInitialMount = useRef(true);
+    useEffect(() => {
+        if (ideNeedsRestart) {
+            // IDE trust changed, force a restart.
+            setShowIdeRestartPrompt(true);
+        }
+    }, [ideNeedsRestart]);
+    useEffect(() => {
+        if (isInitialMount.current) {
+            isInitialMount.current = false;
+            return;
+        }
+        const handler = setTimeout(() => {
+            refreshStatic();
+        }, 300);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [terminalWidth, refreshStatic]);
+    useEffect(() => {
+        const unsubscribe = ideContextStore.subscribe(setIdeContextState);
+        setIdeContextState(ideContextStore.get());
+        return unsubscribe;
+    }, []);
+    useEffect(() => {
+        const openDebugConsole = () => {
+            setShowErrorDetails(true);
+            setConstrainHeight(false);
+        };
+        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 handleEscapePromptChange = useCallback((showPrompt) => {
+        setShowEscapePrompt(showPrompt);
+    }, []);
+    const handleIdePromptComplete = useCallback((result) => {
+        if (result.userSelection === 'yes') {
+            handleSlashCommand('/ide install');
+            settings.setValue(SettingScope.User, 'ide.hasSeenNudge', true);
+        }
+        else if (result.userSelection === 'dismiss') {
+            settings.setValue(SettingScope.User, 'ide.hasSeenNudge', true);
+        }
+        setIdePromptAnswered(true);
+    }, [handleSlashCommand, settings]);
+    const { elapsedTime, currentLoadingPhrase } = useLoadingIndicator(streamingState, settings.merged.ui?.customWittyPhrases);
+    useAttentionNotifications({
+        isFocused,
+        streamingState,
+        elapsedTime,
+    });
+    // Dialog close functionality
+    const { closeAnyOpenDialog } = useDialogClose({
+        isThemeDialogOpen,
+        handleThemeSelect,
+        isApprovalModeDialogOpen,
+        handleApprovalModeSelect,
+        isAuthDialogOpen,
+        handleAuthSelect,
+        pendingAuthType,
+        isEditorDialogOpen,
+        exitEditorDialog,
+        isSettingsDialogOpen,
+        closeSettingsDialog,
+        isFolderTrustDialogOpen,
+        showWelcomeBackDialog,
+        handleWelcomeBackClose,
+    });
+    const handleExit = useCallback((pressedOnce, setPressedOnce, timerRef) => {
+        // Fast double-press: Direct quit (preserve user habit)
+        if (pressedOnce) {
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+            }
+            // Exit directly
+            handleSlashCommand('/quit');
+            return;
+        }
+        // First press: Prioritize cleanup tasks
+        // 1. Close other dialogs (highest priority)
+        /**
+         * For AuthDialog it is required to complete the authentication process,
+         * otherwise user cannot proceed to the next step.
+         * So a quit on AuthDialog should go with normal two press quit.
+         */
+        if (isAuthDialogOpen) {
+            setPressedOnce(true);
+            timerRef.current = setTimeout(() => {
+                setPressedOnce(false);
+            }, 500);
+            return;
+        }
+        // 2. Close other dialogs (highest priority)
+        if (closeAnyOpenDialog()) {
+            return; // Dialog closed, end processing
+        }
+        // 3. Cancel ongoing requests
+        if (streamingState === StreamingState.Responding) {
+            cancelOngoingRequest?.();
+            return; // Request cancelled, end processing
+        }
+        // 4. Clear input buffer (if has content)
+        if (buffer.text.length > 0) {
+            buffer.setText('');
+            return; // Input cleared, end processing
+        }
+        // All cleanup tasks completed, set flag for double-press to quit
+        setPressedOnce(true);
+        timerRef.current = setTimeout(() => {
+            setPressedOnce(false);
+        }, CTRL_EXIT_PROMPT_DURATION_MS);
+    }, [
+        isAuthDialogOpen,
+        handleSlashCommand,
+        closeAnyOpenDialog,
+        streamingState,
+        cancelOngoingRequest,
+        buffer,
+    ]);
+    const handleGlobalKeypress = useCallback((key) => {
+        // Debug log keystrokes if enabled
+        if (settings.merged.general?.debugKeystrokeLogging) {
+            console.log('[DEBUG] Keystroke:', JSON.stringify(key));
+        }
+        if (keyMatchers[Command.QUIT](key)) {
+            if (isAuthenticating) {
+                return;
+            }
+            // On first press: set flag, start timer, and call handleExit for cleanup
+            // On second press (within timeout): handleExit sees flag and does fast quit
+            if (!ctrlCPressedOnce) {
+                setCtrlCPressedOnce(true);
+                ctrlCTimerRef.current = setTimeout(() => {
+                    setCtrlCPressedOnce(false);
+                    ctrlCTimerRef.current = null;
+                }, CTRL_EXIT_PROMPT_DURATION_MS);
+            }
+            handleExit(ctrlCPressedOnce, setCtrlCPressedOnce, ctrlCTimerRef);
+            return;
+        }
+        else if (keyMatchers[Command.EXIT](key)) {
+            if (buffer.text.length > 0) {
+                return;
+            }
+            handleExit(ctrlDPressedOnce, setCtrlDPressedOnce, ctrlDTimerRef);
+            return;
+        }
+        let enteringConstrainHeightMode = false;
+        if (!constrainHeight) {
+            enteringConstrainHeightMode = true;
+            setConstrainHeight(true);
+        }
+        if (keyMatchers[Command.SHOW_ERROR_DETAILS](key)) {
+            setShowErrorDetails((prev) => !prev);
+        }
+        else if (keyMatchers[Command.TOGGLE_TOOL_DESCRIPTIONS](key)) {
+            const newValue = !showToolDescriptions;
+            setShowToolDescriptions(newValue);
+            const mcpServers = config.getMcpServers();
+            if (Object.keys(mcpServers || {}).length > 0) {
+                handleSlashCommand(newValue ? '/mcp desc' : '/mcp nodesc');
+            }
+        }
+        else if (keyMatchers[Command.TOGGLE_IDE_CONTEXT_DETAIL](key) &&
+            config.getIdeMode() &&
+            ideContextState) {
+            handleSlashCommand('/ide status');
+        }
+        else if (keyMatchers[Command.SHOW_MORE_LINES](key) &&
+            !enteringConstrainHeightMode) {
+            setConstrainHeight(false);
+        }
+        else if (keyMatchers[Command.TOGGLE_SHELL_INPUT_FOCUS](key)) {
+            if (activePtyId || embeddedShellFocused) {
+                setEmbeddedShellFocused((prev) => !prev);
+            }
+        }
+    }, [
+        constrainHeight,
+        setConstrainHeight,
+        setShowErrorDetails,
+        showToolDescriptions,
+        setShowToolDescriptions,
+        config,
+        ideContextState,
+        handleExit,
+        ctrlCPressedOnce,
+        setCtrlCPressedOnce,
+        ctrlCTimerRef,
+        buffer.text.length,
+        ctrlDPressedOnce,
+        setCtrlDPressedOnce,
+        ctrlDTimerRef,
+        handleSlashCommand,
+        activePtyId,
+        embeddedShellFocused,
+        settings.merged.general?.debugKeystrokeLogging,
+        isAuthenticating,
+    ]);
+    useKeypress(handleGlobalKeypress, { isActive: true });
+    // Update terminal title with Perplexity CLI status and thoughts
+    useEffect(() => {
+        // Respect both showStatusInTitle and hideWindowTitle settings
+        if (!settings.merged.ui?.showStatusInTitle ||
+            settings.merged.ui?.hideWindowTitle)
+            return;
+        let title;
+        if (streamingState === StreamingState.Idle) {
+            title = originalTitleRef.current;
+        }
+        else {
+            const statusText = thought?.subject
+                ?.replace(/[\r\n]+/g, ' ')
+                .substring(0, 80);
+            title = statusText || originalTitleRef.current;
+        }
+        // Pad the title to a fixed width to prevent taskbar icon resizing.
+        const paddedTitle = title.padEnd(80, ' ');
+        // Only update the title if it's different from the last value we set
+        if (lastTitleRef.current !== paddedTitle) {
+            lastTitleRef.current = paddedTitle;
+            stdout.write(`\x1b]2;${paddedTitle}\x07`);
+        }
+        // Note: We don't need to reset the window title on exit because Perplexity CLI is already doing that elsewhere
+    }, [
+        streamingState,
+        thought,
+        settings.merged.ui?.showStatusInTitle,
+        settings.merged.ui?.hideWindowTitle,
+        stdout,
+    ]);
+    const filteredConsoleMessages = useMemo(() => {
+        if (config.getDebugMode()) {
+            return consoleMessages;
+        }
+        return consoleMessages.filter((msg) => msg.type !== 'debug');
+    }, [consoleMessages, config]);
+    // Computed values
+    const errorCount = useMemo(() => filteredConsoleMessages
+        .filter((msg) => msg.type === 'error')
+        .reduce((total, msg) => total + msg.count, 0), [filteredConsoleMessages]);
+    const nightly = props.version.includes('nightly');
+    const dialogsVisible = showWelcomeBackDialog ||
+        showWorkspaceMigrationDialog ||
+        shouldShowIdePrompt ||
+        isFolderTrustDialogOpen ||
+        !!shellConfirmationRequest ||
+        !!confirmationRequest ||
+        confirmUpdateExtensionRequests.length > 0 ||
+        !!loopDetectionConfirmationRequest ||
+        isThemeDialogOpen ||
+        isSettingsDialogOpen ||
+        isModelDialogOpen ||
+        isVisionSwitchDialogOpen ||
+        isPermissionsDialogOpen ||
+        isAuthDialogOpen ||
+        isAuthenticating ||
+        isEditorDialogOpen ||
+        showIdeRestartPrompt ||
+        !!proQuotaRequest ||
+        isSubagentCreateDialogOpen ||
+        isAgentsManagerDialogOpen ||
+        isApprovalModeDialogOpen;
+    const pendingHistoryItems = useMemo(() => [
+        ...pendingSlashCommandHistoryItems,
+        ...pendingPerplexityHistoryItems,
+    ], [pendingSlashCommandHistoryItems, pendingPerplexityHistoryItems]);
+    const uiState = useMemo(() => ({
+        history: historyManager.history,
+        historyManager,
+        isThemeDialogOpen,
+        themeError,
+        isAuthenticating,
+        isConfigInitialized,
+        authError,
+        isAuthDialogOpen,
+        pendingAuthType,
+        // Perplexity OAuth state
+        perplexityAuthState,
+        editorError,
+        isEditorDialogOpen,
+        corgiMode,
+        debugMessage,
+        quittingMessages,
+        isSettingsDialogOpen,
+        isModelDialogOpen,
+        isPermissionsDialogOpen,
+        isApprovalModeDialogOpen,
+        slashCommands,
+        pendingSlashCommandHistoryItems,
+        commandContext,
+        shellConfirmationRequest,
+        confirmationRequest,
+        confirmUpdateExtensionRequests,
+        loopDetectionConfirmationRequest,
+        perplexityMdFileCount,
+        streamingState,
+        initError: null, // No initialization error tracking currently implemented
+        pendingPerplexityHistoryItems,
+        thought,
+        shellModeActive,
+        userMessages,
+        buffer,
+        inputWidth,
+        suggestionsWidth,
+        isInputActive,
+        shouldShowIdePrompt,
+        isFolderTrustDialogOpen: isFolderTrustDialogOpen ?? false,
+        isTrustedFolder,
+        constrainHeight,
+        showErrorDetails,
+        filteredConsoleMessages,
+        ideContextState,
+        showToolDescriptions,
+        ctrlCPressedOnce,
+        ctrlDPressedOnce,
+        showEscapePrompt,
+        isFocused,
+        elapsedTime,
+        currentLoadingPhrase,
+        historyRemountKey,
+        messageQueue,
+        showAutoAcceptIndicator,
+        showWorkspaceMigrationDialog,
+        workspaceExtensions,
+        currentModel,
+        userTier,
+        proQuotaRequest,
+        contextFileNames,
+        errorCount,
+        availableTerminalHeight,
+        mainAreaWidth,
+        staticAreaMaxItemHeight,
+        staticExtraHeight,
+        dialogsVisible,
+        pendingHistoryItems,
+        nightly,
+        branchName,
+        sessionStats,
+        terminalWidth,
+        terminalHeight,
+        mainControlsRef,
+        currentIDE,
+        updateInfo,
+        showIdeRestartPrompt,
+        ideTrustRestartReason,
+        isRestarting,
+        extensionsUpdateState,
+        activePtyId,
+        embeddedShellFocused,
+        // Vision switch dialog
+        isVisionSwitchDialogOpen,
+        // Welcome back dialog
+        showWelcomeBackDialog,
+        welcomeBackInfo,
+        welcomeBackChoice,
+        // Subagent dialogs
+        isSubagentCreateDialogOpen,
+        isAgentsManagerDialogOpen,
+    }), [
+        isThemeDialogOpen,
+        themeError,
+        isAuthenticating,
+        isConfigInitialized,
+        authError,
+        isAuthDialogOpen,
+        pendingAuthType,
+        // Perplexity OAuth state
+        perplexityAuthState,
+        editorError,
+        isEditorDialogOpen,
+        corgiMode,
+        debugMessage,
+        quittingMessages,
+        isSettingsDialogOpen,
+        isModelDialogOpen,
+        isPermissionsDialogOpen,
+        isApprovalModeDialogOpen,
+        slashCommands,
+        pendingSlashCommandHistoryItems,
+        commandContext,
+        shellConfirmationRequest,
+        confirmationRequest,
+        confirmUpdateExtensionRequests,
+        loopDetectionConfirmationRequest,
+        perplexityMdFileCount,
+        streamingState,
+        pendingPerplexityHistoryItems,
+        thought,
+        shellModeActive,
+        userMessages,
+        buffer,
+        inputWidth,
+        suggestionsWidth,
+        isInputActive,
+        shouldShowIdePrompt,
+        isFolderTrustDialogOpen,
+        isTrustedFolder,
+        constrainHeight,
+        showErrorDetails,
+        filteredConsoleMessages,
+        ideContextState,
+        showToolDescriptions,
+        ctrlCPressedOnce,
+        ctrlDPressedOnce,
+        showEscapePrompt,
+        isFocused,
+        elapsedTime,
+        currentLoadingPhrase,
+        historyRemountKey,
+        messageQueue,
+        showAutoAcceptIndicator,
+        showWorkspaceMigrationDialog,
+        workspaceExtensions,
+        userTier,
+        proQuotaRequest,
+        contextFileNames,
+        errorCount,
+        availableTerminalHeight,
+        mainAreaWidth,
+        staticAreaMaxItemHeight,
+        staticExtraHeight,
+        dialogsVisible,
+        pendingHistoryItems,
+        nightly,
+        branchName,
+        sessionStats,
+        terminalWidth,
+        terminalHeight,
+        mainControlsRef,
+        currentIDE,
+        updateInfo,
+        showIdeRestartPrompt,
+        ideTrustRestartReason,
+        isRestarting,
+        currentModel,
+        extensionsUpdateState,
+        activePtyId,
+        historyManager,
+        embeddedShellFocused,
+        // Vision switch dialog
+        isVisionSwitchDialogOpen,
+        // Welcome back dialog
+        showWelcomeBackDialog,
+        welcomeBackInfo,
+        welcomeBackChoice,
+        // Subagent dialogs
+        isSubagentCreateDialogOpen,
+        isAgentsManagerDialogOpen,
+    ]);
+    const uiActions = useMemo(() => ({
+        handleThemeSelect,
+        handleThemeHighlight,
+        handleApprovalModeSelect,
+        handleAuthSelect,
+        setAuthState,
+        onAuthError,
+        cancelAuthentication,
+        handleEditorSelect,
+        exitEditorDialog,
+        closeSettingsDialog,
+        closeModelDialog,
+        closePermissionsDialog,
+        setShellModeActive,
+        vimHandleInput,
+        handleIdePromptComplete,
+        handleFolderTrustSelect,
+        setConstrainHeight,
+        onEscapePromptChange: handleEscapePromptChange,
+        refreshStatic,
+        handleFinalSubmit,
+        handleClearScreen,
+        onWorkspaceMigrationDialogOpen,
+        onWorkspaceMigrationDialogClose,
+        handleProQuotaChoice,
+        // Vision switch dialog
+        handleVisionSwitchSelect,
+        // Welcome back dialog
+        handleWelcomeBackSelection,
+        handleWelcomeBackClose,
+        // Subagent dialogs
+        closeSubagentCreateDialog,
+        closeAgentsManagerDialog,
+    }), [
+        handleThemeSelect,
+        handleThemeHighlight,
+        handleApprovalModeSelect,
+        handleAuthSelect,
+        setAuthState,
+        onAuthError,
+        cancelAuthentication,
+        handleEditorSelect,
+        exitEditorDialog,
+        closeSettingsDialog,
+        closeModelDialog,
+        closePermissionsDialog,
+        setShellModeActive,
+        vimHandleInput,
+        handleIdePromptComplete,
+        handleFolderTrustSelect,
+        setConstrainHeight,
+        handleEscapePromptChange,
+        refreshStatic,
+        handleFinalSubmit,
+        handleClearScreen,
+        onWorkspaceMigrationDialogOpen,
+        onWorkspaceMigrationDialogClose,
+        handleProQuotaChoice,
+        handleVisionSwitchSelect,
+        handleWelcomeBackSelection,
+        handleWelcomeBackClose,
+        // Subagent dialogs
+        closeSubagentCreateDialog,
+        closeAgentsManagerDialog,
+    ]);
+    return (_jsx(UIStateContext.Provider, { value: uiState, children: _jsx(UIActionsContext.Provider, { value: uiActions, children: _jsx(ConfigContext.Provider, { value: config, children: _jsx(AppContext.Provider, { value: {
+                        version: props.version,
+                        startupWarnings: props.startupWarnings || [],
+                    }, children: _jsx(ShellFocusContext.Provider, { value: isFocused, children: _jsx(App, {}) }) }) }) }) }));
+};
+//# sourceMappingURL=AppContainer.js.map