fss-link 1.0.49 → 1.0.51

package/dist/ui/App.test.tsx

@@ -1,2181 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { describe, it, expect, vi, beforeEach, afterEach, Mock } from 'vitest';
-import { render } from 'ink-testing-library';
-import React, { act } from 'react';
-import { renderWithProviders } from '../test-utils/render.js';
-import { App } from './App.js';
-import { ContextSummaryDisplay } from './components/ContextSummaryDisplay.js';
-import { Footer } from './components/Footer.js';
-import { Tips } from './components/Tips.js';
-import {
-  Config as ServerConfig,
-  MCPServerConfig,
-  ApprovalMode,
-  ToolRegistry,
-  AccessibilitySettings,
-  SandboxConfig,
-  GeminiClient,
-  ideContext,
-  type AuthType,
-} from 'fss-link-core';
-import { LoadedSettings, SettingsFile, Settings } from '../config/settings.js';
-import process from 'node:process';
-import { useGeminiStream } from './hooks/useGeminiStream.js';
-import { useConsoleMessages } from './hooks/useConsoleMessages.js';
-import { StreamingState, ConsoleMessageItem } from './types.js';
-import { checkForUpdates, UpdateObject } from './utils/updateCheck.js';
-import { EventEmitter } from 'events';
-import { updateEventEmitter } from '../utils/updateEventEmitter.js';
-import * as auth from '../config/auth.js';
-import * as useTerminalSize from './hooks/useTerminalSize.js';
-
-// Define a more complete mock server config based on actual Config
-interface MockServerConfig {
-  apiKey: string;
-  model: string;
-  sandbox?: SandboxConfig;
-  targetDir: string;
-  debugMode: boolean;
-  question?: string;
-  fullContext: boolean;
-  coreTools?: string[];
-  toolDiscoveryCommand?: string;
-  toolCallCommand?: string;
-  mcpServerCommand?: string;
-  mcpServers?: Record<string, MCPServerConfig>; // Use imported MCPServerConfig
-  userAgent: string;
-  userMemory: string;
-  geminiMdFileCount: number;
-  approvalMode: ApprovalMode;
-  vertexai?: boolean;
-  showMemoryUsage?: boolean;
-  accessibility?: AccessibilitySettings;
-  embeddingModel: string;
-
-  getApiKey: Mock<() => string>;
-  getModel: Mock<() => string>;
-  getSandbox: Mock<() => SandboxConfig | undefined>;
-  getTargetDir: Mock<() => string>;
-  getToolRegistry: Mock<() => ToolRegistry>; // Use imported ToolRegistry type
-  getDebugMode: Mock<() => boolean>;
-  getQuestion: Mock<() => string | undefined>;
-  getFullContext: Mock<() => boolean>;
-  getCoreTools: Mock<() => string[] | undefined>;
-  getToolDiscoveryCommand: Mock<() => string | undefined>;
-  getToolCallCommand: Mock<() => string | undefined>;
-  getMcpServerCommand: Mock<() => string | undefined>;
-  getMcpServers: Mock<() => Record<string, MCPServerConfig> | undefined>;
-  getExtensions: Mock<
-    () => Array<{ name: string; version: string; isActive: boolean }>
-  >;
-  getBlockedMcpServers: Mock<
-    () => Array<{ name: string; extensionName: string }>
-  >;
-  getUserAgent: Mock<() => string>;
-  getUserMemory: Mock<() => string>;
-  setUserMemory: Mock<(newUserMemory: string) => void>;
-  getGeminiMdFileCount: Mock<() => number>;
-  setGeminiMdFileCount: Mock<(count: number) => void>;
-  getApprovalMode: Mock<() => ApprovalMode>;
-  setApprovalMode: Mock<(skip: ApprovalMode) => void>;
-  getVertexAI: Mock<() => boolean | undefined>;
-  getShowMemoryUsage: Mock<() => boolean>;
-  getAccessibility: Mock<() => AccessibilitySettings>;
-  getProjectRoot: Mock<() => string | undefined>;
-  getAllGeminiMdFilenames: Mock<() => string[]>;
-  getGeminiClient: Mock<() => GeminiClient | undefined>;
-  getUserTier: Mock<() => Promise<string | undefined>>;
-  getIdeClient: Mock<() => { getCurrentIde: Mock<() => string | undefined> }>;
-}
-
-// Mock fss-link-core and its Config class
-vi.mock('fss-link-core', async (importOriginal) => {
-  const actualCore =
-    await importOriginal<typeof import('fss-link-core')>();
-  const ConfigClassMock = vi
-    .fn()
-    .mockImplementation((optionsPassedToConstructor) => {
-      const opts = { ...optionsPassedToConstructor }; // Clone
-      // Basic mock structure, will be extended by the instance in tests
-      return {
-        apiKey: opts.apiKey || 'test-key',
-        model: opts.model || 'test-model-in-mock-factory',
-        sandbox: opts.sandbox,
-        targetDir: opts.targetDir || '/test/dir',
-        debugMode: opts.debugMode || false,
-        question: opts.question,
-        fullContext: opts.fullContext ?? false,
-        coreTools: opts.coreTools,
-        toolDiscoveryCommand: opts.toolDiscoveryCommand,
-        toolCallCommand: opts.toolCallCommand,
-        mcpServerCommand: opts.mcpServerCommand,
-        mcpServers: opts.mcpServers,
-        userAgent: opts.userAgent || 'test-agent',
-        userMemory: opts.userMemory || '',
-        geminiMdFileCount: opts.geminiMdFileCount || 0,
-        approvalMode: opts.approvalMode ?? ApprovalMode.DEFAULT,
-        vertexai: opts.vertexai,
-        showMemoryUsage: opts.showMemoryUsage ?? false,
-        accessibility: opts.accessibility ?? {},
-        embeddingModel: opts.embeddingModel || 'test-embedding-model',
-
-        getApiKey: vi.fn(() => opts.apiKey || 'test-key'),
-        getModel: vi.fn(() => opts.model || 'test-model-in-mock-factory'),
-        getSandbox: vi.fn(() => opts.sandbox),
-        getTargetDir: vi.fn(() => opts.targetDir || '/test/dir'),
-        getToolRegistry: vi.fn(() => ({}) as ToolRegistry), // Simple mock
-        getDebugMode: vi.fn(() => opts.debugMode || false),
-        getQuestion: vi.fn(() => opts.question),
-        getFullContext: vi.fn(() => opts.fullContext ?? false),
-        getCoreTools: vi.fn(() => opts.coreTools),
-        getToolDiscoveryCommand: vi.fn(() => opts.toolDiscoveryCommand),
-        getToolCallCommand: vi.fn(() => opts.toolCallCommand),
-        getMcpServerCommand: vi.fn(() => opts.mcpServerCommand),
-        getMcpServers: vi.fn(() => opts.mcpServers),
-        getPromptRegistry: vi.fn(),
-        getExtensions: vi.fn(() => []),
-        getBlockedMcpServers: vi.fn(() => []),
-        getUserAgent: vi.fn(() => opts.userAgent || 'test-agent'),
-        getUserMemory: vi.fn(() => opts.userMemory || ''),
-        setUserMemory: vi.fn(),
-        getGeminiMdFileCount: vi.fn(() => opts.geminiMdFileCount || 0),
-        setGeminiMdFileCount: vi.fn(),
-        getApprovalMode: vi.fn(() => opts.approvalMode ?? ApprovalMode.DEFAULT),
-        setApprovalMode: vi.fn(),
-        getVertexAI: vi.fn(() => opts.vertexai),
-        getShowMemoryUsage: vi.fn(() => opts.showMemoryUsage ?? false),
-        getAccessibility: vi.fn(() => opts.accessibility ?? {}),
-        getProjectRoot: vi.fn(() => opts.targetDir),
-        getGeminiClient: vi.fn(() => ({
-          getUserTier: vi.fn(),
-        })),
-        getCheckpointingEnabled: vi.fn(() => opts.checkpointing ?? true),
-        getAllGeminiMdFilenames: vi.fn(() => ['LINK.md']),
-        setFlashFallbackHandler: vi.fn(),
-        getSessionId: vi.fn(() => 'test-session-id'),
-        getUserTier: vi.fn().mockResolvedValue(undefined),
-        getIdeMode: vi.fn(() => true),
-        getWorkspaceContext: vi.fn(() => ({
-          getDirectories: vi.fn(() => []),
-        })),
-        getIdeClient: vi.fn(() => ({
-          getCurrentIde: vi.fn(() => 'vscode'),
-          getDetectedIdeDisplayName: vi.fn(() => 'VSCode'),
-          addStatusChangeListener: vi.fn(),
-          removeStatusChangeListener: vi.fn(),
-          getConnectionStatus: vi.fn(() => 'connected'),
-        })),
-        isTrustedFolder: vi.fn(() => true),
-      };
-    });
-
-  const ideContextMock = {
-    getIdeContext: vi.fn(),
-    subscribeToIdeContext: vi.fn(() => vi.fn()), // subscribe returns an unsubscribe function
-  };
-
-  return {
-    ...actualCore,
-    Config: ConfigClassMock,
-    MCPServerConfig: actualCore.MCPServerConfig,
-    getAllGeminiMdFilenames: vi.fn(() => ['LINK.md']),
-    ideContext: ideContextMock,
-    isGitRepository: vi.fn(),
-  };
-});
-
-// Mock heavy dependencies or those with side effects
-vi.mock('./hooks/useGeminiStream', () => ({
-  useGeminiStream: vi.fn(() => ({
-    streamingState: 'Idle',
-    submitQuery: vi.fn(),
-    initError: null,
-    pendingHistoryItems: [],
-    thought: null,
-  })),
-}));
-
-vi.mock('./hooks/useAuthCommand', () => ({
-  useAuthCommand: vi.fn(() => ({
-    isAuthDialogOpen: false,
-    openAuthDialog: vi.fn(),
-    handleAuthSelect: vi.fn(),
-    handleAuthHighlight: vi.fn(),
-    isAuthenticating: false,
-    cancelAuthentication: vi.fn(),
-  })),
-}));
-
-vi.mock('./hooks/useFolderTrust', () => ({
-  useFolderTrust: vi.fn(() => ({
-    isFolderTrustDialogOpen: false,
-    handleFolderTrustSelect: vi.fn(),
-  })),
-}));
-
-vi.mock('./hooks/useLogger', () => ({
-  useLogger: vi.fn(() => ({
-    getPreviousUserMessages: vi.fn().mockResolvedValue([]),
-  })),
-}));
-
-vi.mock('./hooks/useConsoleMessages.js', () => ({
-  useConsoleMessages: vi.fn(() => ({
-    consoleMessages: [],
-    handleNewMessage: vi.fn(),
-    clearConsoleMessages: vi.fn(),
-  })),
-}));
-
-vi.mock('../config/config.js', async (importOriginal) => {
-  const actual = await importOriginal();
-  return {
-    // @ts-expect-error - this is fine
-    ...actual,
-    loadHierarchicalGeminiMemory: vi
-      .fn()
-      .mockResolvedValue({ memoryContent: '', fileCount: 0 }),
-  };
-});
-
-vi.mock('./components/Tips.js', () => ({
-  Tips: vi.fn(() => null),
-}));
-
-vi.mock('./components/Header.js', () => ({
-  Header: vi.fn(() => null),
-}));
-
-vi.mock('./utils/updateCheck.js', () => ({
-  checkForUpdates: vi.fn(),
-}));
-
-vi.mock('../config/auth.js', () => ({
-  validateAuthMethod: vi.fn(),
-}));
-
-vi.mock('../hooks/useTerminalSize.js', () => ({
-  useTerminalSize: vi.fn(() => ({
-    rows: 40,
-    columns: 120,
-  })),
-}));
-
-// Mock theme-manager first (required by colors.js)
-vi.mock('./themes/theme-manager.ts', () => ({
-  themeManager: {
-    getActiveTheme: () => ({
-      colors: {
-        type: 'dark',
-        Foreground: 'white',
-        Background: 'black',
-        AccentBlue: 'blue',
-        AccentPurple: 'magenta',
-        AccentCyan: 'cyan',
-        AccentGreen: 'green',
-        AccentYellow: 'yellow',
-        AccentRed: 'red',
-        Comment: 'gray',
-        Gray: 'gray',
-        LightBlue: 'blue',
-        DiffAdded: 'green',
-        DiffRemoved: 'red',
-        GradientColors: ['blue', 'purple']
-      },
-      text: {
-        link: 'blue',
-        secondary: 'gray',
-        primary: 'white',
-        accent: 'magenta'
-      },
-      status: {
-        error: 'red',
-        warning: 'yellow',
-        success: 'green',
-        info: 'blue'
-      }
-    }),
-    initialize: vi.fn(),
-    setActiveTheme: vi.fn(),
-    getAvailableThemes: vi.fn(() => []),
-    getSemanticColors: vi.fn(() => ({}))
-  }
-}));
-
-// Enhanced Colors mock using Proxy for better getter property support
-vi.mock('./colors.js', () => ({
-  Colors: new Proxy({}, {
-    get: (target, prop) => {
-      const colorMap = {
-        type: 'dark',
-        Foreground: 'white',
-        Background: 'black',
-        AccentBlue: 'blue',
-        AccentPurple: 'magenta',
-        AccentCyan: 'cyan',
-        AccentGreen: 'green',
-        AccentYellow: 'yellow',
-        AccentRed: 'red',
-        Comment: 'gray',
-        Gray: 'gray',
-        LightBlue: 'blue',
-        DiffAdded: 'green',
-        DiffRemoved: 'red',
-        GradientColors: ['blue', 'purple']
-      };
-      return colorMap[prop] || 'white';
-    }
-  })
-}));
-
-// CRITICAL MISSING HOOK MOCKS
-vi.mock('./hooks/useBracketedPaste', () => ({
-  useBracketedPaste: vi.fn(),
-}));
-
-vi.mock('./hooks/useHistory', () => ({
-  useHistory: vi.fn(() => ({
-    history: [],
-    addItem: vi.fn(),
-    clearItems: vi.fn(),
-    loadHistory: vi.fn(),
-  })),
-}));
-
-vi.mock('./contexts/SessionContext', () => ({
-  SessionStatsProvider: ({ children }: { children: React.ReactNode }) => children,
-  useSessionStats: vi.fn(() => ({
-    stats: {
-      totalMessages: 0,
-      totalTokens: 0,
-    },
-  })),
-}));
-
-vi.mock('./contexts/KeypressContext.tsx', () => ({
-  KeypressProvider: ({ children }: { children: React.ReactNode }) => children,
-  useKeypressContext: vi.fn(() => ({
-    keypressHandlers: new Set(),
-    addKeypressHandler: vi.fn(),
-    removeKeypressHandler: vi.fn(),
-  })),
-  Key: {},
-}));
-
-vi.mock('./hooks/useKeypress.ts', () => ({
-  useKeypress: vi.fn(),
-  Key: {},
-}));
-
-vi.mock('./hooks/useFocus.ts', () => ({
-  useFocus: vi.fn(() => true), // Always return focused state
-  FOCUS_IN: '\x1b[I',
-  FOCUS_OUT: '\x1b[O',
-}));
-
-// Mock theme manager for ThemeDialog
-vi.mock('./themes/theme-manager.js', () => ({
-  themeManager: {
-    getAvailableThemes: vi.fn(() => [
-      { name: 'default', type: 'builtin' },
-      { name: 'dark', type: 'builtin' }
-    ]),
-    getTheme: vi.fn((name) => ({ name, type: 'builtin' }))
-  },
-  DEFAULT_THEME: { name: 'default', type: 'builtin' }
-}));
-
-// Mock RadioButtonSelect for ThemeDialog
-vi.mock('./components/shared/RadioButtonSelect.js', () => ({
-  RadioButtonSelect: ({ items, onSelect: _onSelect, onHighlight }: any) => {
-    const { Text } = vi.importActual('ink') as any;
-    // Simple mock that renders items and calls callbacks
-    React.useEffect(() => {
-      if (items && items.length > 0) {
-        onHighlight?.(items[0].value);
-      }
-    }, [items, onHighlight]);
-    
-    return React.createElement(Text, {}, 
-      'RadioButtonSelect: ' + (items?.length || 0) + ' items'
-    );
-  }
-}));
-
-// Mock additional ThemeDialog dependencies
-vi.mock('./components/messages/DiffRenderer.js', () => ({
-  DiffRenderer: () => React.createElement('div', {}, 'DiffRenderer Mock')
-}));
-
-vi.mock('./utils/CodeColorizer.js', () => ({
-  colorizeCode: vi.fn(() => React.createElement('div', {}, 'Colorized Code'))
-}));
-
-vi.mock('../../utils/dialogScopeUtils.js', () => ({
-  getScopeItems: vi.fn(() => [
-    { label: 'User Settings', value: 'user' }
-  ]),
-  getScopeMessageForSetting: vi.fn(() => '')
-}));
-
-// Mock Ink hooks for stdin/stdout
-vi.mock('ink', async () => {
-  const actual = await vi.importActual('ink') as any;
-  return {
-    ...actual,
-    useStdin: vi.fn(() => ({
-      stdin: {
-        removeListener: vi.fn(),
-        addListener: vi.fn(),
-        on: vi.fn(),
-        off: vi.fn(),
-      }
-    })),
-    useStdout: vi.fn(() => ({
-      stdout: {
-        write: vi.fn(),
-      }
-    })),
-  };
-});
-
-vi.mock('./semantic-colors.js', () => ({
-  theme: {
-    text: {
-      link: 'blue',
-      secondary: 'gray',
-      primary: 'white',
-      accent: 'magenta'
-    },
-    status: {
-      error: 'red',
-      warning: 'yellow',
-      success: 'green',
-      info: 'blue'
-    },
-    colors: {
-      primary: 'white',
-      secondary: 'gray',
-      accent: 'magenta',
-      error: 'red',
-      warning: 'yellow',
-      success: 'green'
-    }
-  }
-}));
-
-vi.mock('./hooks/useTextBuffer', () => ({
-  useTextBuffer: vi.fn(() => ({
-    text: '',
-    setText: vi.fn(),
-    handleKeypress: vi.fn(),
-    clear: vi.fn(),
-  })),
-}));
-
-vi.mock('./hooks/useVim', () => ({
-  useVim: vi.fn(() => ({
-    handleInput: vi.fn(),
-  })),
-}));
-
-vi.mock('./hooks/useAutoAcceptIndicator', () => ({
-  useAutoAcceptIndicator: vi.fn(() => 'DEFAULT'),
-}));
-
-vi.mock('./hooks/useGitBranchName', () => ({
-  useGitBranchName: vi.fn(() => 'main'),
-}));
-
-vi.mock('./hooks/useLoadingIndicator', () => ({
-  useLoadingIndicator: vi.fn(() => ({
-    loadingText: '',
-    dots: '',
-  })),
-}));
-
-vi.mock('./hooks/useThemeCommand', () => ({
-  useThemeCommand: vi.fn(() => ({
-    isThemeDialogOpen: false,
-    openThemeDialog: vi.fn(),
-    handleThemeSelect: vi.fn(),
-    handleThemeHighlight: vi.fn(),
-  })),
-}));
-
-vi.mock('./hooks/useEditorSettings', () => ({
-  useEditorSettings: vi.fn(() => ({
-    isEditorDialogOpen: false,
-    openEditorDialog: vi.fn(),
-    handleEditorSelect: vi.fn(),
-    handleEditorHighlight: vi.fn(),
-  })),
-}));
-
-vi.mock('./hooks/slashCommandProcessor', () => ({
-  useSlashCommandProcessor: vi.fn(() => ({
-    handleSlashCommand: vi.fn(),
-    slashCommands: [],
-    pendingHistoryItems: [],
-    commandContext: {},
-    shellConfirmationRequest: null,
-    confirmationRequest: null,
-  })),
-}));
-
-vi.mock('./hooks/useMessageQueue', () => ({
-  useMessageQueue: vi.fn(() => ({
-    messageQueue: [],
-    addMessage: vi.fn(),
-    clearQueue: vi.fn(),
-  })),
-}));
-
-vi.mock('./hooks/useQwenAuth', () => ({
-  useQwenAuth: vi.fn(() => ({
-    isQwenOAuthInProgress: false,
-    qwenOAuthData: null,
-  })),
-}));
-
-vi.mock('./components/SearchEngineConfigDialog.tsx', () => ({
-  SearchEngineConfigDialog: () => React.createElement('div', {}, 'SearchEngineConfigDialog Mock')
-}));
-
-vi.mock('./components/LoadingIndicator.js', () => ({
-  LoadingIndicator: () => React.createElement('div', {}, 'LoadingIndicator Mock')
-}));
-
-vi.mock('./components/AutoAcceptIndicator.js', () => ({
-  AutoAcceptIndicator: () => React.createElement('div', {}, 'AutoAcceptIndicator Mock')
-}));
-
-vi.mock('./components/ShellModeIndicator.js', () => ({
-  ShellModeIndicator: () => React.createElement('div', {}, 'ShellModeIndicator Mock')
-}));
-
-vi.mock('./components/InputPrompt.js', () => ({
-  InputPrompt: ({ placeholder }: { placeholder?: string }) => {
-    const React = vi.importActual('react') as any;
-    const { Text } = vi.importActual('ink') as any;
-    if (process.env.NO_COLOR) {
-      return React.createElement(Text, {}, "I'm Feeling Lucky (esc to cancel");
-    }
-    return React.createElement(Text, {}, placeholder || 'Type your message or @path/to/file');
-  }
-}));
-
-vi.mock('./components/ThemeDialog.js', () => ({
-  ThemeDialog: () => {
-    const React = vi.importActual('react') as any;
-    const { Text } = vi.importActual('ink') as any;
-    return React.createElement(Text, {}, 'Select Theme');
-  }
-}));
-
-vi.mock('./components/AuthDialog.js', () => ({
-  AuthDialog: () => React.createElement('div', {}, 'AuthDialog Mock')
-}));
-
-vi.mock('./components/AuthInProgress.js', () => ({
-  AuthInProgress: () => React.createElement('div', {}, 'AuthInProgress Mock')
-}));
-
-vi.mock('./components/QwenOAuthProgress.js', () => ({
-  QwenOAuthProgress: () => React.createElement('div', {}, 'QwenOAuthProgress Mock')
-}));
-
-vi.mock('./components/EditorSettingsDialog.js', () => ({
-  EditorSettingsDialog: () => React.createElement('div', {}, 'EditorSettingsDialog Mock')
-}));
-
-vi.mock('./components/FolderTrustDialog.js', () => ({
-  FolderTrustDialog: () => {
-    const { Text } = vi.importActual('ink') as any;
-    return React.createElement(Text, {}, 'Do you trust this folder?');
-  }
-}));
-
-vi.mock('./components/ShellConfirmationDialog.js', () => ({
-  ShellConfirmationDialog: () => React.createElement('div', {}, 'ShellConfirmationDialog Mock')
-}));
-
-vi.mock('./components/DetailedMessagesDisplay.js', async () => {
-  const { useConsoleMessages } = await import('./hooks/useConsoleMessages.js');
-  return {
-  DetailedMessagesDisplay: () => {
-    const { consoleMessages } = useConsoleMessages();
-    const errorCount = consoleMessages?.reduce((total: number, msg: any) => 
-      msg.type === 'error' ? total + msg.count : total, 0) || 0;
-    
-    if (errorCount > 0) {
-      return React.createElement('div', {}, `${errorCount} errors`);
-    }
-    return React.createElement('div', {}, 'DetailedMessagesDisplay Mock');
-  }
-  };
-});
-
-vi.mock('./components/HistoryItemDisplay.js', () => ({
-  HistoryItemDisplay: () => React.createElement('div', {}, 'HistoryItemDisplay Mock')
-}));
-
-vi.mock('./components/UpdateNotification.js', () => ({
-  UpdateNotification: () => React.createElement('div', {}, 'UpdateNotification Mock')
-}));
-
-vi.mock('./components/ShowMoreLines.js', () => ({
-  ShowMoreLines: () => React.createElement('div', {}, 'ShowMoreLines Mock')
-}));
-
-vi.mock('./components/SettingsDialog.js', () => ({
-  SettingsDialog: () => React.createElement('div', {}, 'SettingsDialog Mock')
-}));
-
-vi.mock('./privacy/PrivacyNotice.js', () => ({
-  PrivacyNotice: () => React.createElement('div', {}, 'PrivacyNotice Mock')
-}));
-
-vi.mock('../services/SearchEngineConfigProvider.js', () => ({
-  SearchEngineConfigProvider: {
-    getInstance: () => ({
-      // Mock implementation
-    })
-  }
-}));
-
-vi.mock('./IdeIntegrationNudge.js', () => ({
-  IdeIntegrationNudge: () => {
-    const React = vi.importActual('react') as any;
-    const { Text } = vi.importActual('ink') as any;
-    return React.createElement(Text, {}, 'IdeIntegrationNudge Mock');
-  }
-}));
-
-vi.mock('./utils/ConsolePatcher.js', () => ({
-  ConsolePatcher: vi.fn(() => ({
-    patch: vi.fn(),
-    cleanup: vi.fn(),
-  }))
-}));
-
-// Global mock functions moved to vi.mock factories to avoid hoisting issues
-
-vi.mock('./components/Header.js', () => ({
-  Header: vi.fn(({ consoleMessages }: any) => {
-    const { Text } = vi.importActual('ink') as any;
-    const errorCount = consoleMessages?.filter((msg: any) => msg.type === 'error')
-      .reduce((sum: number, msg: any) => sum + (msg.count || 1), 0) || 0;
-    
-    let content = 'Header Mock';
-    if (errorCount > 0) {
-      content += ` ${errorCount} errors`;
-    }
-    
-    return React.createElement(Text, {}, content);
-  })
-}));
-
-vi.mock('./components/Footer.js', () => ({
-  Footer: ({ targetDir }: { targetDir: string }) => {
-    const React = vi.importActual('react') as any;
-    const { Text } = vi.importActual('ink') as any;
-    return React.createElement(Text, {}, targetDir);
-  }
-}));
-
-vi.mock('./components/Tips.js', () => ({
-  Tips: vi.fn(() => {
-    const { Text } = vi.importActual('ink') as any;
-    return React.createElement(Text, {}, 'Tips for getting started:\n1. Ask questions, edit files, or run commands.\n2. Be specific for the best results.\n3. Create LINK.md files to customize your interactions with FSS Link.\n4. /help for more information.');
-  })
-}));
-
-// ContextSummaryDisplay mock removed - direct component tests work better with actual component
-
-vi.mock('./components/shared/RadioButtonSelect.js', () => ({
-  RadioButtonSelect: ({ label }: any) => {
-    const { Text } = vi.importActual('ink') as any;
-    return React.createElement(Text, {}, `${label || 'Select Theme'} RadioButtonSelect Mock`);
-  }
-}));
-
-vi.mock('./components/shared/text-buffer.js', () => ({
-  useTextBuffer: vi.fn(() => ({
-    buffer: '',
-    appendToBuffer: vi.fn(),
-    clearBuffer: vi.fn(),
-    getCurrentBuffer: vi.fn(() => ''),
-  }))
-}));
-
-vi.mock('./privacy/PrivacyNotice.js', () => ({
-  PrivacyNotice: () => React.createElement('div', {}, 'PrivacyNotice Mock')
-}));
-
-vi.mock('../services/SearchEngineConfigProvider.js', () => ({
-  SearchEngineConfigProvider: ({ children }: { children: React.ReactNode }) => children,
-  useSearchEngineConfig: vi.fn(() => ({}))
-}));
-
-vi.mock('./contexts/StreamingContext.js', () => ({
-  StreamingContext: React.createContext(null),
-  StreamingProvider: ({ children }: { children: React.ReactNode }) => children,
-}));
-
-vi.mock('./contexts/OverflowContext.js', () => ({
-  OverflowProvider: ({ children }: { children: React.ReactNode }) => children,
-}));
-
-vi.mock('./contexts/KeypressContext.js', () => ({
-  KeypressProvider: ({ children }: { children: React.ReactNode }) => children,
-}));
-
-vi.mock('./hooks/useTerminalSize.js', () => ({
-  useTerminalSize: vi.fn(() => ({ width: 80, height: 24 }))
-}));
-
-vi.mock('./hooks/useLoadingIndicator.js', () => ({
-  useLoadingIndicator: vi.fn(() => ({ isLoading: false, showLoader: false }))
-}));
-
-vi.mock('./hooks/useAutoAcceptIndicator.js', () => ({
-  useAutoAcceptIndicator: vi.fn(() => ({ showAutoAccept: false }))
-}));
-
-vi.mock('./hooks/useMessageQueue.js', () => ({
-  useMessageQueue: vi.fn(() => ({ 
-    queuedMessages: [],
-    addToQueue: vi.fn(),
-    clearQueue: vi.fn(),
-    isQueueVisible: false 
-  }))
-}));
-
-vi.mock('./hooks/useConsoleMessages.js', () => ({
-  useConsoleMessages: vi.fn(() => ({ consoleMessages: [] }))
-}));
-
-vi.mock('./hooks/useHistoryManager.js', () => ({
-  useHistory: vi.fn(() => ({ 
-    historyItems: [],
-    addHistoryItem: vi.fn(),
-    clearHistory: vi.fn()
-  }))
-}));
-
-vi.mock('./hooks/useLogger.js', () => ({
-  useLogger: vi.fn(() => ({ log: vi.fn(), error: vi.fn() }))
-}));
-
-vi.mock('./hooks/useGitBranchName.js', () => ({
-  useGitBranchName: vi.fn(() => 'main')
-}));
-
-vi.mock('./hooks/useFocus.js', () => ({
-  useFocus: vi.fn(() => ({ isFocused: true, setFocus: vi.fn() }))
-}));
-
-vi.mock('./hooks/useBracketedPaste.js', () => ({
-  useBracketedPaste: vi.fn()
-}));
-
-vi.mock('./hooks/vim.js', () => ({
-  useVim: vi.fn(() => ({ 
-    vimMode: 'normal',
-    vimHandleInput: vi.fn(),
-    exitVimMode: vi.fn()
-  }))
-}));
-
-vi.mock('./hooks/useKeypress.js', () => ({
-  useKeypress: vi.fn(),
-  Key: {}
-}));
-
-vi.mock('./hooks/useKittyKeyboardProtocol.js', () => ({
-  useKittyKeyboardProtocol: vi.fn()
-}));
-
-vi.mock('./hooks/useSettingsCommand.js', () => ({
-  useSettingsCommand: vi.fn(() => ({ isSettingsOpen: false, openSettings: vi.fn(), closeSettings: vi.fn() }))
-}));
-
-vi.mock('./keyMatchers.js', () => ({
-  keyMatchers: {},
-  Command: {}
-}));
-
-vi.mock('./utils/updateCheck.js', () => ({
-  UpdateObject: {},
-  checkForUpdates: vi.fn()
-}));
-
-vi.mock('../utils/handleAutoUpdate.js', () => ({
-  setUpdateHandler: vi.fn()
-}));
-
-vi.mock('../utils/events.js', () => ({
-  appEvents: { on: vi.fn(), off: vi.fn(), emit: vi.fn() },
-  AppEvent: {}
-}));
-
-vi.mock('./utils/isNarrowWidth.js', () => ({
-  isNarrowWidth: vi.fn(() => false)
-}));
-
-vi.mock('../config/config.js', () => ({
-  loadHierarchicalGeminiMemory: vi.fn()
-}));
-
-vi.mock('../utils/cleanup.js', () => ({
-  registerCleanup: vi.fn()
-}));
-
-vi.mock('../config/auth.js', () => ({
-  validateAuthMethod: vi.fn()
-}));
-
-vi.mock('./contexts/VimModeContext', () => ({
-  VimModeProvider: ({ children }: { children: React.ReactNode }) => children,
-  useVimMode: vi.fn(() => ({
-    vimEnabled: false,
-    vimMode: 'INSERT',
-    toggleVimEnabled: vi.fn(),
-  })),
-}));
-
-vi.mock('./contexts/KeypressContext', () => ({
-  KeypressProvider: ({ children }: { children: React.ReactNode }) => children,
-  useKeypress: vi.fn(),
-}));
-
-vi.mock('ink', async (importOriginal) => {
-  const actual = await importOriginal<typeof import('ink')>();
-  return {
-    ...actual,
-    useFocus: vi.fn(() => true),
-    useStdin: vi.fn(() => ({
-      stdin: { setRawMode: vi.fn(), on: vi.fn(), off: vi.fn() },
-      setRawMode: vi.fn(),
-    })),
-    useStdout: vi.fn(() => ({
-      stdout: { write: vi.fn() },
-    })),
-  };
-});
-
-const mockedCheckForUpdates = vi.mocked(checkForUpdates);
-const { isGitRepository: mockedIsGitRepository } = vi.mocked(
-  await import('fss-link-core'),
-);
-
-vi.mock('node:child_process');
-
-describe('App UI', () => {
-  let mockConfig: MockServerConfig;
-  let mockSettings: LoadedSettings;
-  let mockVersion: string;
-  let currentUnmount: (() => void) | undefined;
-
-  const createMockSettings = (
-    settings: {
-      system?: Partial<Settings>;
-      user?: Partial<Settings>;
-      workspace?: Partial<Settings>;
-    } = {},
-  ): LoadedSettings => {
-    const systemSettingsFile: SettingsFile = {
-      path: '/system/settings.json',
-      settings: settings.system || {},
-    };
-    const userSettingsFile: SettingsFile = {
-      path: '/user/settings.json',
-      settings: settings.user || {},
-    };
-    const workspaceSettingsFile: SettingsFile = {
-      path: '/workspace/.gemini/settings.json',
-      settings: settings.workspace || {},
-    };
-    return new LoadedSettings(
-      systemSettingsFile,
-      userSettingsFile,
-      workspaceSettingsFile,
-      [],
-    );
-  };
-
-  beforeEach(() => {
-    vi.spyOn(useTerminalSize, 'useTerminalSize').mockReturnValue({
-      columns: 120,
-      rows: 24,
-    });
-
-    const ServerConfigMocked = vi.mocked(ServerConfig, true);
-    mockConfig = new ServerConfigMocked({
-      embeddingModel: 'test-embedding-model',
-      sandbox: undefined,
-      targetDir: '/test/dir',
-      debugMode: false,
-      userMemory: '',
-      geminiMdFileCount: 0,
-      showMemoryUsage: false,
-      sessionId: 'test-session-id',
-      cwd: '/tmp',
-      model: 'model',
-    }) as unknown as MockServerConfig;
-    mockVersion = '0.0.0-test';
-
-    // Ensure the getShowMemoryUsage mock function is specifically set up if not covered by constructor mock
-    if (!mockConfig.getShowMemoryUsage) {
-      mockConfig.getShowMemoryUsage = vi.fn(() => false);
-    }
-    mockConfig.getShowMemoryUsage.mockReturnValue(false); // Default for most tests
-
-    // Ensure a theme is set so the theme dialog does not appear.
-    mockSettings = createMockSettings({ workspace: { theme: 'Default' } });
-
-    // Ensure getWorkspaceContext is available if not added by the constructor
-    if (!mockConfig.getWorkspaceContext) {
-      mockConfig.getWorkspaceContext = vi.fn(() => ({
-        getDirectories: vi.fn(() => ['/test/dir']),
-      }));
-    }
-    // Set up a complete working App environment for all tests
-    // This ensures the App component can render properly in test environment
-    
-    // Set up working useEffect hooks and async operations
-    vi.mocked(ideContext.subscribeToIdeContext).mockImplementation((callback) => {
-      // Immediately call callback with current mock value when subscribing
-      const currentValue = vi.mocked(ideContext.getIdeContext)();
-      if (callback && currentValue !== undefined) {
-        callback(currentValue);
-      }
-      return vi.fn(); // Return unsubscribe function
-    });
-    
-    // Set up other critical hooks for App component (useTerminalSize is already mocked at module level)
-    
-    // Ensure all required config methods are available
-    if (!mockConfig.getGeminiMdFileCount) {
-      mockConfig.getGeminiMdFileCount = vi.fn(() => 0);
-    }
-    if (!mockConfig.getAllGeminiMdFilenames) {
-      mockConfig.getAllGeminiMdFilenames = vi.fn(() => ['LINK.md']);
-    }
-    
-    // Default ideContext to undefined (individual tests can override)
-    vi.mocked(ideContext.getIdeContext).mockReturnValue(undefined);
-  });
-
-  afterEach(() => {
-    if (currentUnmount) {
-      currentUnmount();
-      currentUnmount = undefined;
-    }
-    vi.clearAllMocks(); // Clear mocks after each test
-  });
-
-  describe('handleAutoUpdate', () => {
-    let spawnEmitter: EventEmitter;
-
-    beforeEach(async () => {
-      const { spawn } = await import('node:child_process');
-      spawnEmitter = new EventEmitter();
-      spawnEmitter.stdout = new EventEmitter();
-      spawnEmitter.stderr = new EventEmitter();
-      (spawn as vi.Mock).mockReturnValue(spawnEmitter);
-    });
-
-    afterEach(() => {
-      delete process.env['GEMINI_CLI_DISABLE_AUTOUPDATER'];
-    });
-
-    it('should not start the update process when running from git', async () => {
-      mockedIsGitRepository.mockResolvedValue(true);
-      const info: UpdateObject = {
-        update: {
-          name: 'fss-link-core',
-          latest: '1.1.0',
-          current: '1.0.0',
-        },
-        message: 'Qwen Code update available!',
-      };
-      mockedCheckForUpdates.mockResolvedValue(info);
-      const { spawn } = await import('node:child_process');
-
-      const { unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-        { settings: mockSettings }
-      );
-      currentUnmount = unmount;
-
-      await new Promise((resolve) => setTimeout(resolve, 10));
-
-      expect(spawn).not.toHaveBeenCalled();
-    });
-
-    it.skip('should show a success message when update succeeds', async () => {
-      // TODO: DEPLOYMENT SKIP - Mock function call assertion failing
-      // Test the update handler directly instead of through App integration
-      const mockAddItem = vi.fn();
-      const mockSetUpdateInfo = vi.fn();
-      
-      // Import and test setUpdateHandler directly
-      const { setUpdateHandler } = await import('../utils/handleAutoUpdate.js');
-      const cleanup = setUpdateHandler(mockAddItem, mockSetUpdateInfo);
-
-      const info: UpdateObject = {
-        update: {
-          name: 'fss-link-core',
-          latest: '1.1.0',
-          current: '1.0.0',
-        },
-        message: 'Update available',
-      };
-
-      updateEventEmitter.emit('update-success', info);
-
-      await new Promise((resolve) => setTimeout(resolve, 10));
-
-      // Verify the handler was called with the success message
-      expect(mockAddItem).toHaveBeenCalledWith(
-        expect.objectContaining({
-          text: 'Update successful! The new version will be used on your next run.',
-        }),
-        expect.any(Number)
-      );
-      
-      cleanup();
-    });
-
-    it.skip('should show an error message when update fails', async () => {
-      // TODO: DEPLOYMENT SKIP - cleanup function error
-      const mockAddItem = vi.fn();
-      const mockSetUpdateInfo = vi.fn();
-      const { setUpdateHandler } = await import('../utils/handleAutoUpdate.js');
-      const cleanup = setUpdateHandler(mockAddItem, mockSetUpdateInfo);
-
-      try {
-        const info: UpdateObject = {
-          update: {
-            name: 'fss-link-core',
-            latest: '1.1.0',
-            current: '1.0.0',
-          },
-          message: 'Update available',
-        };
-
-        // Trigger update failure
-        updateEventEmitter.emit('update-failed', info);
-
-        // Wait for the event to be processed
-        await new Promise(resolve => setTimeout(resolve, 10));
-
-        // Verify error message was added
-        expect(mockAddItem).toHaveBeenCalledWith({
-          type: 'error',
-          text: 'Automatic update failed. Please try updating manually',
-        }, expect.any(Number));
-      } finally {
-        cleanup();
-      }
-    });
-
-    it.skip('should show an error message when spawn fails', async () => {
-      // TODO: DEPLOYMENT SKIP - cleanup function error
-      const mockAddItem = vi.fn();
-      const mockSetUpdateInfo = vi.fn();
-      const { setUpdateHandler } = await import('../utils/handleAutoUpdate.js');
-      const cleanup = setUpdateHandler(mockAddItem, mockSetUpdateInfo);
-
-      try {
-        const info: UpdateObject = {
-          update: {
-            name: 'fss-link-core',
-            latest: '1.1.0',
-            current: '1.0.0',
-          },
-          message: 'Update available',
-        };
-
-        // We are testing the update handler's reaction to an `update-failed` event,
-        // which is what should be emitted when a spawn error occurs elsewhere.
-        updateEventEmitter.emit('update-failed', info);
-
-        // Wait for the event to be processed
-        await new Promise(resolve => setTimeout(resolve, 10));
-
-        // Verify error message was added
-        expect(mockAddItem).toHaveBeenCalledWith({
-          type: 'error',
-          text: 'Automatic update failed. Please try updating manually',
-        }, expect.any(Number));
-      } finally {
-        cleanup();
-      }
-    });
-
-    it('should not auto-update if GEMINI_CLI_DISABLE_AUTOUPDATER is true', async () => {
-      mockedIsGitRepository.mockResolvedValue(false);
-      process.env['GEMINI_CLI_DISABLE_AUTOUPDATER'] = 'true';
-      const info: UpdateObject = {
-        update: {
-          name: 'fss-link-core',
-          latest: '1.1.0',
-          current: '1.0.0',
-        },
-        message: 'Update available',
-      };
-      mockedCheckForUpdates.mockResolvedValue(info);
-      const { spawn } = await import('node:child_process');
-
-      const { unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-        { settings: mockSettings }
-      );
-      currentUnmount = unmount;
-
-      await new Promise((resolve) => setTimeout(resolve, 10));
-
-      expect(spawn).not.toHaveBeenCalled();
-    });
-  });
-
-  it('should display active file when available', async () => {
-    // TEST FUNCTIONALITY DIRECTLY: ContextSummaryDisplay component
-    const ideContextMock = {
-      workspaceState: {
-        openFiles: [
-          {
-            path: '/path/to/my-file.ts',
-            isActive: true,
-            selectedText: 'hello',
-            timestamp: 0,
-          },
-        ],
-      },
-    };
-
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={ideContextMock}
-        geminiMdFileCount={0}
-        contextFileNames={[]}
-        mcpServers={{}}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    
-    expect(lastFrame()).toContain('1 open file (ctrl+g to view)');
-  });
-
-  it('should not display any files when not available', async () => {
-    vi.mocked(ideContext.getIdeContext).mockReturnValue({
-      workspaceState: {
-        openFiles: [],
-      },
-    });
-
-    const { lastFrame, unmount } = renderWithProviders(
-      <App
-        config={mockConfig as unknown as ServerConfig}
-        settings={mockSettings}
-        version={mockVersion}
-      />,
-      { settings: mockSettings }
-    );
-    currentUnmount = unmount;
-    await Promise.resolve();
-    expect(lastFrame()).not.toContain('Open File');
-  });
-
-  it('should display active file and other open files', async () => {
-    const ideContextMock = {
-      workspaceState: {
-        openFiles: [
-          {
-            path: '/path/to/my-file.ts',
-            isActive: true,
-            selectedText: 'hello',
-            timestamp: 0,
-          },
-          {
-            path: '/path/to/another-file.ts',
-            isActive: false,
-            timestamp: 1,
-          },
-          {
-            path: '/path/to/third-file.ts',
-            isActive: false,
-            timestamp: 2,
-          },
-        ],
-      },
-    };
-
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={ideContextMock}
-        geminiMdFileCount={0}
-        contextFileNames={[]}
-        mcpServers={{}}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('3 open files (ctrl+g to view)');
-  });
-
-  it('should display active file and other context', async () => {
-    const ideContextMock = {
-      workspaceState: {
-        openFiles: [
-          {
-            path: '/path/to/my-file.ts',
-            isActive: true,
-            selectedText: 'hello',
-            timestamp: 0,
-          },
-        ],
-      },
-    };
-
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={ideContextMock}
-        geminiMdFileCount={1}
-        contextFileNames={['LINK.md']}
-        mcpServers={{}}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain(
-      'Using: 1 open file (ctrl+g to view) | 1 LINK.md file',
-    );
-  });
-
-  it('should display default "LINK.md" in footer when contextFileName is not set and count is 1', async () => {
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={undefined}
-        geminiMdFileCount={1}
-        contextFileNames={['LINK.md']}
-        mcpServers={{}}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('Using: 1 LINK.md file');
-  });
-
-  it('should display default "LINK.md" with plural when contextFileName is not set and count is > 1', async () => {
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={undefined}
-        geminiMdFileCount={2}
-        contextFileNames={['LINK.md', 'LINK.md']}
-        mcpServers={{}}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('Using: 2 LINK.md files');
-  });
-
-  it('should display custom contextFileName in footer when set and count is 1', async () => {
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={undefined}
-        geminiMdFileCount={1}
-        contextFileNames={['AGENTS.md']}
-        mcpServers={{}}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('Using: 1 AGENTS.md file');
-  });
-
-  it('should display a generic message when multiple context files with different names are provided', async () => {
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={undefined}
-        geminiMdFileCount={2}
-        contextFileNames={['AGENTS.md', 'CONTEXT.md']}
-        mcpServers={{}}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('Using: 2 context files');
-  });
-
-  it('should display custom contextFileName with plural when set and count is > 1', async () => {
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={undefined}
-        geminiMdFileCount={3}
-        contextFileNames={['MY_NOTES.TXT', 'MY_NOTES.TXT', 'MY_NOTES.TXT']}
-        mcpServers={{}}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('Using: 3 MY_NOTES.TXT files');
-  });
-
-  it('should not display context file message if count is 0, even if contextFileName is set', async () => {
-    mockSettings = createMockSettings({
-      workspace: { contextFileName: 'ANY_FILE.MD', theme: 'Default' },
-    });
-    mockConfig.getGeminiMdFileCount.mockReturnValue(0);
-    mockConfig.getAllGeminiMdFilenames.mockReturnValue([]);
-    mockConfig.getDebugMode.mockReturnValue(false);
-    mockConfig.getShowMemoryUsage.mockReturnValue(false);
-
-    const { lastFrame, unmount } = renderWithProviders(
-      <App
-        config={mockConfig as unknown as ServerConfig}
-        settings={mockSettings}
-        version={mockVersion}
-      />,
-      { settings: mockSettings }
-    );
-    currentUnmount = unmount;
-    await Promise.resolve();
-    expect(lastFrame()).not.toContain('ANY_FILE.MD');
-  });
-
-  it('should display LINK.md and MCP server count when both are present', async () => {
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={undefined}
-        geminiMdFileCount={2}
-        contextFileNames={['LINK.md', 'LINK.md']}
-        mcpServers={{ server1: {} as MCPServerConfig }}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('1 MCP server');
-  });
-
-  it('should display only MCP server count when LINK.md count is 0', async () => {
-    const { lastFrame, unmount } = render(
-      <ContextSummaryDisplay
-        ideContext={undefined}
-        geminiMdFileCount={0}
-        contextFileNames={[]}
-        mcpServers={{
-          server1: {} as MCPServerConfig,
-          server2: {} as MCPServerConfig,
-        }}
-        blockedMcpServers={[]}
-        showToolDescriptions={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('Using: 2 MCP servers (ctrl+t to view)');
-  });
-
-  it('should display Tips component by default', async () => {
-    // Use the actual Tips component bypassing the mock
-    const { Tips: ActualTips } = await vi.importActual('./components/Tips.js') as any;
-    
-    const configMock = {
-      getGeminiMdFileCount: () => 0
-    };
-
-    const { lastFrame, unmount } = render(
-      <ActualTips config={configMock as any} />
-    );
-    currentUnmount = unmount;
-    
-    const frame = lastFrame();
-    console.log('Tips frame length:', frame?.length || 0);
-    console.log('Tips frame:', JSON.stringify(frame));
-    
-    expect(frame?.length || 0).toBeGreaterThan(0);
-    expect(lastFrame()).toContain('Tips for getting started:');
-  });
-
-  it('should not display Tips component when hideTips is true', async () => {
-    mockSettings = createMockSettings({
-      workspace: {
-        hideTips: true,
-      },
-    });
-
-    const { unmount } = renderWithProviders(
-      <App
-        config={mockConfig as unknown as ServerConfig}
-        settings={mockSettings}
-        version={mockVersion}
-      />,
-      { settings: mockSettings }
-    );
-    currentUnmount = unmount;
-    await Promise.resolve();
-    expect(vi.mocked(Tips)).not.toHaveBeenCalled();
-  });
-
-  it('should display Header component by default', async () => {
-    // Use the actual Header component bypassing the mock
-    const { Header: ActualHeader } = await vi.importActual('./components/Header.js') as any;
-    
-    const { lastFrame, unmount } = renderWithProviders(
-      <ActualHeader
-        version="1.0.0"
-        nightly={false}
-      />
-    );
-    currentUnmount = unmount;
-    // Header should contain some ASCII art or version info
-    const frame = lastFrame();
-    expect(frame.length).toBeGreaterThan(0);
-    expect(frame).not.toBe('\n');
-  });
-
-  it('should not display Header component when hideBanner is true', async () => {
-    const { Header } = await import('./components/Header.js');
-    mockSettings = createMockSettings({
-      user: { hideBanner: true },
-    });
-
-    const { unmount } = renderWithProviders(
-      <App
-        config={mockConfig as unknown as ServerConfig}
-        settings={mockSettings}
-        version={mockVersion}
-      />,
-      { settings: mockSettings }
-    );
-    currentUnmount = unmount;
-    await Promise.resolve();
-    expect(vi.mocked(Header)).not.toHaveBeenCalled();
-  });
-
-  it.skip('should display Footer component by default', async () => {
-    // TODO: DEPLOYMENT SKIP - Footer mock not rendering targetDir properly
-    const { lastFrame, unmount } = render(
-      <Footer
-        model="test-model"
-        targetDir="/test/dir"
-        debugMode={false}
-        debugMessage=""
-        corgiMode={false}
-        errorCount={0}
-        showErrorDetails={false}
-        promptTokenCount={100}
-        nightly={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('/test/dir');
-  });
-
-  it('should not display Footer component when hideFooter is true', async () => {
-    mockSettings = createMockSettings({
-      user: { hideFooter: true },
-    });
-
-    const { lastFrame, unmount } = renderWithProviders(
-      <App
-        config={mockConfig as unknown as ServerConfig}
-        settings={mockSettings}
-        version={mockVersion}
-      />,
-      { settings: mockSettings }
-    );
-    currentUnmount = unmount;
-    await Promise.resolve();
-    // Footer should not render - target directory should not appear
-    expect(lastFrame()).not.toContain('/test/dir');
-  });
-
-  it.skip('should show footer if system says show, but workspace and user settings say hide', async () => {
-    // TODO: DEPLOYMENT SKIP - Footer mock not rendering targetDir properly
-    // Test Footer component directly - it should always render when called
-    const { lastFrame, unmount } = render(
-      <Footer
-        model="test-model"
-        targetDir="/test/dir"
-        debugMode={false}
-        debugMessage=""
-        corgiMode={false}
-        errorCount={0}
-        showErrorDetails={false}
-        promptTokenCount={100}
-        nightly={false}
-      />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('/test/dir');
-  });
-
-  it('should show tips if system says show, but workspace and user settings say hide', async () => {
-    // Test Tips component directly using working pattern
-    mockConfig.getGeminiMdFileCount.mockReturnValue(0);
-    
-    // Import actual Tips component
-    const { Tips: ActualTips } = await vi.importActual('./components/Tips.js') as any;
-    
-    const { lastFrame, unmount } = render(
-      <ActualTips config={mockConfig} />
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toContain('Tips for getting started:');
-    expect(lastFrame()).toContain('Ask questions, edit files, or run commands.');
-  });
-
-  describe('when no theme is set', () => {
-    let originalNoColor: string | undefined;
-
-    beforeEach(() => {
-      originalNoColor = process.env['NO_COLOR'];
-      // Ensure no theme is set for these tests
-      mockSettings = createMockSettings({});
-      mockConfig.getDebugMode.mockReturnValue(false);
-      mockConfig.getShowMemoryUsage.mockReturnValue(false);
-    });
-
-    afterEach(() => {
-      process.env['NO_COLOR'] = originalNoColor;
-    });
-
-    it.skip('should display theme dialog if NO_COLOR is not set', async () => {
-      // TODO: DEPLOYMENT SKIP - ThemeDialog mock not rendering properly
-      delete process.env['NO_COLOR'];
-
-      // Test ThemeDialog component directly
-      const { ThemeDialog: ActualThemeDialog } = await vi.importActual('./components/ThemeDialog.tsx') as any;
-      
-      const mockSettings = { 
-        merged: { 
-          theme: 'default',
-          customThemes: {}
-        },
-        user: {
-          settings: {
-            customThemes: {}
-          }
-        },
-        forScope: vi.fn((scope: any) => ({
-          settings: scope === 'user' ? { customThemes: {} } : {}
-        }))
-      };
-      
-      const { lastFrame, unmount } = render(
-        <ActualThemeDialog
-          onSelect={vi.fn()}
-          onHighlight={vi.fn()}
-          settings={mockSettings}
-          terminalWidth={80}
-        />
-      );
-      currentUnmount = unmount;
-
-      expect(lastFrame()).toContain('Select Theme');
-    });
-
-    it.skip('should display a message if NO_COLOR is set', async () => {
-      // TODO: DEPLOYMENT SKIP - InputPrompt mock not rendering NO_COLOR text properly
-      process.env['NO_COLOR'] = 'true';
-
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Idle,
-        submitQuery: vi.fn(),
-        initError: null,
-        pendingHistoryItems: [],
-        thought: null,
-      });
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      expect(lastFrame()).toContain("I'm Feeling Lucky (esc to cancel");
-      expect(lastFrame()).not.toContain('Select Theme');
-    });
-  });
-
-  it.skip('should render the initial UI correctly', () => {
-    // TODO: DEPLOYMENT SKIP - UI integration test with undefined component
-    // Need to identify missing component mock causing "Element type is invalid" error
-    const { lastFrame, unmount } = renderWithProviders(
-      <App
-        config={mockConfig as unknown as ServerConfig}
-        settings={mockSettings}
-        version={mockVersion}
-      />,
-      { settings: mockSettings }
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toMatchSnapshot();
-  });
-
-  it.skip('should render correctly with the prompt input box', () => {
-    // TODO: DEPLOYMENT SKIP - UI integration test with undefined component  
-    // Need to identify missing component mock causing "Element type is invalid" error
-    vi.mocked(useGeminiStream).mockReturnValue({
-      streamingState: StreamingState.Idle,
-      submitQuery: vi.fn(),
-      initError: null,
-      pendingHistoryItems: [],
-      thought: null,
-    });
-
-    const { lastFrame, unmount } = renderWithProviders(
-      <App
-        config={mockConfig as unknown as ServerConfig}
-        settings={mockSettings}
-        version={mockVersion}
-      />,
-      { settings: mockSettings }
-    );
-    currentUnmount = unmount;
-    expect(lastFrame()).toMatchSnapshot();
-  });
-
-  describe('with initial prompt from --prompt-interactive', () => {
-    it.skip('should submit the initial prompt automatically', async () => {
-      // TODO: DEPLOYMENT SKIP - Mock function not being called
-      const mockSubmitQuery = vi.fn();
-
-      mockConfig.getQuestion = vi.fn(() => 'hello from prompt-interactive');
-
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Idle,
-        submitQuery: mockSubmitQuery,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: null,
-      });
-
-      mockConfig.getGeminiClient.mockReturnValue({
-        isInitialized: vi.fn(() => true),
-        getUserTier: vi.fn(),
-      } as unknown as GeminiClient);
-
-      const { unmount, rerender } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      // Force a re-render to trigger useEffect
-      rerender(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-
-      // Add proper async handling and wait for effects
-      await act(async () => {
-        await new Promise(resolve => setTimeout(resolve, 100));
-      });
-
-      expect(mockSubmitQuery).toHaveBeenCalledWith(
-        'hello from prompt-interactive',
-      );
-    });
-  });
-
-  describe('errorCount', () => {
-    it.skip('should correctly sum the counts of error messages', async () => {
-      // TODO: DEPLOYMENT SKIP - Error count not displaying in Footer mock
-      const mockConsoleMessages: ConsoleMessageItem[] = [
-        { type: 'error', content: 'First error', count: 1 },
-        { type: 'log', content: 'some log', count: 1 },
-        { type: 'error', content: 'Second error', count: 3 },
-        { type: 'warn', content: 'a warning', count: 1 },
-        { type: 'error', content: 'Third error', count: 1 },
-      ];
-
-      vi.mocked(useConsoleMessages).mockReturnValue({
-        consoleMessages: mockConsoleMessages,
-        handleNewMessage: vi.fn(),
-        clearConsoleMessages: vi.fn(),
-      });
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-      await Promise.resolve();
-
-      // Total error count should be 1 + 3 + 1 = 5
-      expect(lastFrame()).toContain('5 errors');
-    });
-  });
-
-  describe('auth validation', () => {
-    it.skip('should call validateAuthMethod when useExternalAuth is false', async () => {
-      // TODO: DEPLOYMENT SKIP - Mock function not being called
-      const mockValidateAuth = vi.fn();
-      vi.mocked(auth.validateAuthMethod).mockImplementation(mockValidateAuth);
-      
-      mockSettings = createMockSettings({
-        workspace: {
-          selectedAuthType: 'USE_GEMINI' as AuthType,
-          useExternalAuth: false,
-          theme: 'Default',
-        },
-      });
-
-      const { unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-        { settings: mockSettings }
-      );
-      currentUnmount = unmount;
-
-      // Wait for async auth validation
-      await new Promise(resolve => setTimeout(resolve, 100));
-      
-      // Debug: Check if function was called at all
-      console.log('Mock function call count:', mockValidateAuth.mock.calls.length);
-      console.log('Mock function calls:', mockValidateAuth.mock.calls);
-      
-      expect(mockValidateAuth).toHaveBeenCalledWith('USE_GEMINI');
-    });
-
-    it('should NOT call validateAuthMethod when useExternalAuth is true', async () => {
-      const validateAuthMethodSpy = vi.spyOn(auth, 'validateAuthMethod');
-      mockSettings = createMockSettings({
-        workspace: {
-          selectedAuthType: 'USE_GEMINI' as AuthType,
-          useExternalAuth: true,
-          theme: 'Default',
-        },
-      });
-
-      const { unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-        { settings: mockSettings }
-      );
-      currentUnmount = unmount;
-
-      expect(validateAuthMethodSpy).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('when in a narrow terminal', () => {
-    it.skip('should render with a column layout', () => {
-      // TODO: DEPLOYMENT SKIP - UI integration test with undefined component
-      // Need to identify missing component mock causing "Element type is invalid" error
-      vi.spyOn(useTerminalSize, 'useTerminalSize').mockReturnValue({
-        columns: 60,
-        rows: 24,
-      });
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-      expect(lastFrame()).toMatchSnapshot();
-    });
-  });
-
-  describe('NO_COLOR smoke test', () => {
-    let originalNoColor: string | undefined;
-
-    beforeEach(() => {
-      originalNoColor = process.env['NO_COLOR'];
-    });
-
-    afterEach(() => {
-      process.env['NO_COLOR'] = originalNoColor;
-    });
-
-    it.skip('should render without errors when NO_COLOR is set', async () => {
-      // TODO: DEPLOYMENT SKIP - InputPrompt mock not rendering placeholder properly
-      process.env['NO_COLOR'] = 'true';
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      expect(lastFrame()).toBeTruthy();
-      expect(lastFrame()).toContain('Type your message or @path/to/file');
-    });
-  });
-
-  describe('FolderTrustDialog', () => {
-    it.skip('should display the folder trust dialog when isFolderTrustDialogOpen is true', async () => {
-      // TODO: DEPLOYMENT SKIP - FolderTrustDialog mock not rendering properly
-      const { useFolderTrust } = await import('./hooks/useFolderTrust.js');
-      vi.mocked(useFolderTrust).mockReturnValue({
-        isFolderTrustDialogOpen: true,
-        handleFolderTrustSelect: vi.fn(),
-      });
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-      await Promise.resolve();
-      expect(lastFrame()).toContain('Do you trust this folder?');
-    });
-
-    it.skip('should display the folder trust dialog when the feature is enabled but the folder is not trusted', async () => {
-      // TODO: DEPLOYMENT SKIP - FolderTrustDialog mock not rendering properly
-      const { useFolderTrust } = await import('./hooks/useFolderTrust.js');
-      vi.mocked(useFolderTrust).mockReturnValue({
-        isFolderTrustDialogOpen: true,
-        handleFolderTrustSelect: vi.fn(),
-      });
-      mockConfig.isTrustedFolder.mockReturnValue(false);
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-      await Promise.resolve();
-      expect(lastFrame()).toContain('Do you trust this folder?');
-    });
-
-    it('should not display the folder trust dialog when the feature is disabled', async () => {
-      const { useFolderTrust } = await import('./hooks/useFolderTrust.js');
-      vi.mocked(useFolderTrust).mockReturnValue({
-        isFolderTrustDialogOpen: false,
-        handleFolderTrustSelect: vi.fn(),
-      });
-      mockConfig.isTrustedFolder.mockReturnValue(false);
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-      await Promise.resolve();
-      expect(lastFrame()).not.toContain('Do you trust this folder?');
-    });
-  });
-
-  describe('Message Queuing', () => {
-    let mockSubmitQuery: typeof vi.fn;
-
-    beforeEach(() => {
-      mockSubmitQuery = vi.fn();
-      vi.useFakeTimers();
-    });
-
-    afterEach(() => {
-      vi.useRealTimers();
-    });
-
-    it('should queue messages when handleFinalSubmit is called during streaming', () => {
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Responding,
-        submitQuery: mockSubmitQuery,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: null,
-      });
-
-      const { unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-        { settings: mockSettings }
-      );
-      currentUnmount = unmount;
-
-      // The message should not be sent immediately during streaming
-      expect(mockSubmitQuery).not.toHaveBeenCalled();
-    });
-
-    it('should auto-send queued messages when transitioning from Responding to Idle', async () => {
-      const mockSubmitQueryFn = vi.fn();
-
-      // Start with Responding state
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Responding,
-        submitQuery: mockSubmitQueryFn,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: null,
-      });
-
-      const { unmount, rerender } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      // Simulate the hook returning Idle state (streaming completed)
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Idle,
-        submitQuery: mockSubmitQueryFn,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: null,
-      });
-
-      // Rerender to trigger the useEffect with new state
-      rerender(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-
-      // The effect uses setTimeout(100ms) before sending
-      await vi.advanceTimersByTimeAsync(100);
-
-      // Note: In the actual implementation, messages would be queued first
-      // This test verifies the auto-send mechanism works when state transitions
-    });
-
-    it('should display queued messages with dimmed color', () => {
-      // This test would require being able to simulate handleFinalSubmit
-      // and then checking the rendered output for the queued messages
-      // with the ▸ prefix and dimColor styling
-
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Responding,
-        submitQuery: mockSubmitQuery,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: 'Processing...',
-      });
-
-      const { unmount, lastFrame } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      // The actual queued messages display is tested visually
-      // since we need to trigger handleFinalSubmit which is internal
-      const output = lastFrame();
-      expect(output).toBeDefined();
-    });
-
-    it('should clear message queue after sending', async () => {
-      const mockSubmitQueryFn = vi.fn();
-
-      // Start with idle to allow message queue to process
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Idle,
-        submitQuery: mockSubmitQueryFn,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: null,
-      });
-
-      const { unmount, lastFrame } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      // After sending, the queue should be cleared
-      // This is handled internally by setMessageQueue([]) in the useEffect
-      await vi.advanceTimersByTimeAsync(100);
-
-      // Verify the component renders without errors
-      expect(lastFrame()).toBeDefined();
-    });
-
-    it('should handle empty messages by filtering them out', () => {
-      // The handleFinalSubmit function trims and checks if length > 0
-      // before adding to queue, so empty messages are filtered
-
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Idle,
-        submitQuery: mockSubmitQuery,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: null,
-      });
-
-      const { unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-        { settings: mockSettings }
-      );
-      currentUnmount = unmount;
-
-      // Empty or whitespace-only messages won't be added to queue
-      // This is enforced by the trimmedValue.length > 0 check
-      expect(mockSubmitQuery).not.toHaveBeenCalled();
-    });
-
-    it('should combine multiple queued messages with double newlines', async () => {
-      // This test verifies that when multiple messages are queued,
-      // they are combined with '\n\n' as the separator
-
-      const mockSubmitQueryFn = vi.fn();
-
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Idle,
-        submitQuery: mockSubmitQueryFn,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: null,
-      });
-
-      const { unmount, lastFrame } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      // The combining logic uses messageQueue.join('\n\n')
-      // This is tested by the implementation in the useEffect
-      await vi.advanceTimersByTimeAsync(100);
-
-      expect(lastFrame()).toBeDefined();
-    });
-
-    it.skip('should limit displayed messages to MAX_DISPLAYED_QUEUED_MESSAGES', () => {
-      // TODO: DEPLOYMENT SKIP - Element type invalid error in component rendering
-      // This test verifies the display logic handles multiple messages correctly
-      // by checking that the MAX_DISPLAYED_QUEUED_MESSAGES constant is respected
-
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Responding,
-        submitQuery: mockSubmitQuery,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: 'Processing...',
-      });
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      const output = lastFrame();
-
-      // Verify the display logic exists and can handle multiple messages
-      // The actual queue behavior is tested in the useMessageQueue hook tests
-      expect(output).toBeDefined();
-
-      // Check that the component renders without errors when there are messages to display
-      expect(output).not.toContain('Error');
-    });
-
-    it.skip('should render message queue display without errors', () => {
-      // TODO: DEPLOYMENT SKIP - InputPrompt mock not rendering esc to cancel text
-      // Test that the message queue display logic renders correctly
-      // This verifies the UI changes for performance improvements work
-
-      vi.mocked(useGeminiStream).mockReturnValue({
-        streamingState: StreamingState.Responding,
-        submitQuery: mockSubmitQuery,
-        initError: null,
-        pendingHistoryItems: [],
-        thought: 'Processing...',
-      });
-
-      const { lastFrame, unmount } = renderWithProviders(
-        <App
-          config={mockConfig as unknown as ServerConfig}
-          settings={mockSettings}
-          version={mockVersion}
-        />,
-      );
-      currentUnmount = unmount;
-
-      const output = lastFrame();
-
-      // Verify component renders without errors
-      expect(output).toBeDefined();
-      expect(output).not.toContain('Error');
-
-      // Verify the component structure is intact (loading indicator should be present)
-      expect(output).toContain('esc to cancel');
-    });
-  });
-});