snow-ai 0.4.16 → 0.4.17

package/dist/ui/pages/SystemPromptConfigScreen.js

@@ -1,326 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-import Gradient from 'ink-gradient';
-import { Alert } from '@inkjs/ui';
-import TextInput from 'ink-text-input';
-import { getSystemPromptConfig, saveSystemPromptConfig, } from '../../utils/apiConfig.js';
-import { useI18n } from '../../i18n/index.js';
-import { useTheme } from '../contexts/ThemeContext.js';
-export default function SystemPromptConfigScreen({ onBack }) {
-    const { t } = useI18n();
-    const { theme } = useTheme();
-    const [config, setConfig] = useState(() => {
-        return (getSystemPromptConfig() || {
-            active: '',
-            prompts: [],
-        });
-    });
-    const [view, setView] = useState('list');
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [currentAction, setCurrentAction] = useState('activate');
-    const [isEditing, setIsEditing] = useState(false);
-    const [editName, setEditName] = useState('');
-    const [editContent, setEditContent] = useState('');
-    const [editingField, setEditingField] = useState('name');
-    const [error, setError] = useState('');
-    const actions = config.prompts.length > 0
-        ? config.active
-            ? ['activate', 'deactivate', 'edit', 'delete', 'add', 'back']
-            : ['activate', 'edit', 'delete', 'add', 'back']
-        : ['add', 'back'];
-    useEffect(() => {
-        // 保存配置时刷新
-        const savedConfig = getSystemPromptConfig();
-        if (savedConfig) {
-            setConfig(savedConfig);
-        }
-    }, [view]);
-    const saveAndRefresh = (newConfig) => {
-        try {
-            saveSystemPromptConfig(newConfig);
-            setConfig(newConfig);
-            setError('');
-            return true;
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : t.systemPromptConfig.saveError);
-            return false;
-        }
-    };
-    const handleActivate = () => {
-        if (config.prompts.length === 0 || selectedIndex >= config.prompts.length)
-            return;
-        const prompt = config.prompts[selectedIndex];
-        const newConfig = {
-            ...config,
-            active: prompt.id,
-        };
-        if (saveAndRefresh(newConfig)) {
-            setError('');
-        }
-    };
-    const handleDeactivate = () => {
-        const newConfig = {
-            ...config,
-            active: '',
-        };
-        if (saveAndRefresh(newConfig)) {
-            setError('');
-        }
-    };
-    const handleEdit = () => {
-        if (config.prompts.length === 0 || selectedIndex >= config.prompts.length)
-            return;
-        const prompt = config.prompts[selectedIndex];
-        setEditName(prompt.name);
-        setEditContent(prompt.content);
-        setEditingField('name');
-        setView('edit');
-    };
-    const handleDelete = () => {
-        setView('confirmDelete');
-    };
-    const confirmDelete = () => {
-        if (config.prompts.length === 0 || selectedIndex >= config.prompts.length)
-            return;
-        const promptToDelete = config.prompts[selectedIndex];
-        const newPrompts = config.prompts.filter((_, i) => i !== selectedIndex);
-        const newActive = config.active === promptToDelete.id && newPrompts.length > 0
-            ? newPrompts[0].id
-            : config.active === promptToDelete.id
-                ? ''
-                : config.active;
-        const newConfig = {
-            active: newActive,
-            prompts: newPrompts,
-        };
-        if (saveAndRefresh(newConfig)) {
-            setSelectedIndex(Math.max(0, selectedIndex - 1));
-            setView('list');
-        }
-    };
-    const handleAdd = () => {
-        setEditName('');
-        setEditContent('');
-        setEditingField('name');
-        setView('add');
-    };
-    const saveNewPrompt = () => {
-        const newPrompt = {
-            id: Date.now().toString(),
-            name: editName.trim() || 'Unnamed Prompt',
-            content: editContent,
-            createdAt: new Date().toISOString(),
-        };
-        const newConfig = {
-            ...config,
-            prompts: [...config.prompts, newPrompt],
-            active: config.prompts.length === 0 ? newPrompt.id : config.active,
-        };
-        if (saveAndRefresh(newConfig)) {
-            setView('list');
-            setSelectedIndex(config.prompts.length);
-        }
-    };
-    const saveEditedPrompt = () => {
-        if (config.prompts.length === 0 || selectedIndex >= config.prompts.length)
-            return;
-        const newConfig = {
-            ...config,
-            prompts: config.prompts.map((p, i) => i === selectedIndex
-                ? {
-                    ...p,
-                    name: editName.trim() || 'Unnamed Prompt',
-                    content: editContent,
-                }
-                : p),
-        };
-        if (saveAndRefresh(newConfig)) {
-            setView('list');
-        }
-    };
-    // List view input handling
-    useInput((_input, key) => {
-        if (view !== 'list')
-            return;
-        if (key.escape) {
-            onBack();
-        }
-        else if (key.upArrow) {
-            if (config.prompts.length > 0) {
-                setSelectedIndex(prev => prev > 0 ? prev - 1 : config.prompts.length - 1);
-            }
-        }
-        else if (key.downArrow) {
-            if (config.prompts.length > 0) {
-                setSelectedIndex(prev => prev < config.prompts.length - 1 ? prev + 1 : 0);
-            }
-        }
-        else if (key.leftArrow) {
-            const currentIdx = actions.indexOf(currentAction);
-            setCurrentAction(actions[currentIdx > 0 ? currentIdx - 1 : actions.length - 1]);
-        }
-        else if (key.rightArrow) {
-            const currentIdx = actions.indexOf(currentAction);
-            setCurrentAction(actions[currentIdx < actions.length - 1 ? currentIdx + 1 : 0]);
-        }
-        else if (key.return) {
-            if (currentAction === 'activate') {
-                handleActivate();
-            }
-            else if (currentAction === 'deactivate') {
-                handleDeactivate();
-            }
-            else if (currentAction === 'edit') {
-                handleEdit();
-            }
-            else if (currentAction === 'delete') {
-                handleDelete();
-            }
-            else if (currentAction === 'add') {
-                handleAdd();
-            }
-            else if (currentAction === 'back') {
-                onBack();
-            }
-        }
-    }, { isActive: view === 'list' });
-    // Add/Edit view input handling
-    useInput((input, key) => {
-        if (view !== 'add' && view !== 'edit')
-            return;
-        if (key.escape) {
-            // First ESC: Cancel editing and return to list without saving
-            setView('list');
-            setError('');
-        }
-        else if (!isEditing && key.upArrow) {
-            setEditingField('name');
-        }
-        else if (!isEditing && key.downArrow) {
-            setEditingField('content');
-        }
-        else if (key.return) {
-            if (isEditing) {
-                setIsEditing(false);
-            }
-            else {
-                setIsEditing(true);
-            }
-        }
-        else if (input === 's' && (key.ctrl || key.meta)) {
-            // Ctrl+S saves and returns to list
-            if (view === 'add') {
-                saveNewPrompt();
-            }
-            else {
-                saveEditedPrompt();
-            }
-        }
-    }, { isActive: view === 'add' || view === 'edit' });
-    // Delete confirmation input handling
-    useInput((input, key) => {
-        if (view !== 'confirmDelete')
-            return;
-        if (key.escape || input === 'n' || input === 'N') {
-            setView('list');
-        }
-        else if (input === 'y' || input === 'Y' || key.return) {
-            confirmDelete();
-        }
-    }, { isActive: view === 'confirmDelete' });
-    // Render list view
-    if (view === 'list') {
-        const activePrompt = config.prompts.find(p => p.id === config.active);
-        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-            React.createElement(Box, { marginBottom: 1, borderStyle: "round", borderColor: theme.colors.menuInfo, paddingX: 2, paddingY: 1 },
-                React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Gradient, { name: "rainbow" }, t.systemPromptConfig.title),
-                    React.createElement(Text, { color: theme.colors.menuSecondary, dimColor: true }, t.systemPromptConfig.subtitle))),
-            error && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Alert, { variant: "error" }, error))),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { bold: true },
-                    t.systemPromptConfig.activePrompt,
-                    ' ',
-                    React.createElement(Text, { color: theme.colors.success }, activePrompt?.name || t.systemPromptConfig.none))),
-            config.prompts.length === 0 ? (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: theme.colors.warning }, t.systemPromptConfig.noPromptsConfigured))) : (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: theme.colors.menuInfo }, t.systemPromptConfig.availablePrompts),
-                config.prompts.map((prompt, index) => (React.createElement(Box, { key: prompt.id, marginLeft: 2 },
-                    React.createElement(Text, { color: index === selectedIndex
-                            ? theme.colors.menuSelected
-                            : prompt.id === config.active
-                                ? theme.colors.menuInfo
-                                : theme.colors.menuNormal },
-                        index === selectedIndex ? '❯ ' : '  ',
-                        prompt.id === config.active ? '✓ ' : '  ',
-                        prompt.name,
-                        prompt.content && (React.createElement(Text, { dimColor: true },
-                            ' ',
-                            "- ",
-                            prompt.content.substring(0, 50),
-                            prompt.content.length > 50 ? '...' : '')))))))),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: theme.colors.menuInfo }, t.systemPromptConfig.actions)),
-            React.createElement(Box, { flexDirection: "column", marginBottom: 1, marginLeft: 2 }, actions.map(action => (React.createElement(Text, { key: action, color: currentAction === action ? theme.colors.menuSelected : theme.colors.menuSecondary, bold: currentAction === action },
-                currentAction === action ? '❯ ' : '  ',
-                action === 'activate' && t.systemPromptConfig.activate,
-                action === 'deactivate' && t.systemPromptConfig.deactivate,
-                action === 'edit' && t.systemPromptConfig.edit,
-                action === 'delete' && t.systemPromptConfig.delete,
-                action === 'add' && t.systemPromptConfig.addNew,
-                action === 'back' && t.systemPromptConfig.escBack)))),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: theme.colors.menuSecondary, dimColor: true }, t.systemPromptConfig.navigationHint))));
-    }
-    // Render add/edit view
-    if (view === 'add' || view === 'edit') {
-        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-            React.createElement(Box, { marginBottom: 1, borderStyle: "round", borderColor: theme.colors.menuInfo, paddingX: 2, paddingY: 1 },
-                React.createElement(Gradient, { name: "rainbow" }, view === 'add'
-                    ? t.systemPromptConfig.addNewTitle
-                    : t.systemPromptConfig.editTitle)),
-            error && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Alert, { variant: "error" }, error))),
-            React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Box, { flexDirection: "column" },
-                        React.createElement(Text, { color: editingField === 'name' ? theme.colors.menuSelected : theme.colors.menuNormal },
-                            editingField === 'name' ? '❯ ' : '  ',
-                            t.systemPromptConfig.nameLabel),
-                        editingField === 'name' && isEditing && (React.createElement(Box, { marginLeft: 3 },
-                            React.createElement(TextInput, { value: editName, onChange: setEditName, placeholder: t.systemPromptConfig.enterPromptName }))),
-                        (!isEditing || editingField !== 'name') && (React.createElement(Box, { marginLeft: 3 },
-                            React.createElement(Text, { color: theme.colors.menuSecondary }, editName || t.systemPromptConfig.notSet))))),
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Box, { flexDirection: "column" },
-                        React.createElement(Text, { color: editingField === 'content' ? theme.colors.menuSelected : theme.colors.menuNormal },
-                            editingField === 'content' ? '❯ ' : '  ',
-                            t.systemPromptConfig.contentLabel),
-                        editingField === 'content' && isEditing && (React.createElement(Box, { marginLeft: 3 },
-                            React.createElement(TextInput, { value: editContent, onChange: setEditContent, placeholder: t.systemPromptConfig.enterPromptContent }))),
-                        (!isEditing || editingField !== 'content') && (React.createElement(Box, { marginLeft: 3 },
-                            React.createElement(Text, { color: theme.colors.menuSecondary }, editContent
-                                ? editContent.substring(0, 100) +
-                                    (editContent.length > 100 ? '...' : '')
-                                : t.systemPromptConfig.notSet)))))),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: theme.colors.menuSecondary, dimColor: true }, t.systemPromptConfig.editingHint))));
-    }
-    // Render delete confirmation
-    if (view === 'confirmDelete') {
-        const promptToDelete = config.prompts.length > 0 ? config.prompts[selectedIndex] : null;
-        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-            React.createElement(Alert, { variant: "warning" }, t.systemPromptConfig.confirmDelete),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, null,
-                    t.systemPromptConfig.deleteConfirmMessage,
-                    " \"",
-                    React.createElement(Text, { bold: true, color: theme.colors.warning }, promptToDelete?.name),
-                    "\"?")),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: theme.colors.menuSecondary, dimColor: true }, t.systemPromptConfig.confirmHint))));
-    }
-    return null;
-}

package/dist/ui/pages/ThemeSettingsScreen.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type Props = {
-    onBack: () => void;
-    inlineMode?: boolean;
-};
-export default function ThemeSettingsScreen({ onBack, inlineMode, }: Props): React.JSX.Element;
-export {};

package/dist/ui/pages/ThemeSettingsScreen.js

@@ -1,106 +0,0 @@
-import React, { useMemo, useCallback, useState } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { Alert } from '@inkjs/ui';
-import Menu from '../components/Menu.js';
-import DiffViewer from '../components/DiffViewer.js';
-import { useTheme } from '../contexts/ThemeContext.js';
-import { useI18n } from '../../i18n/index.js';
-const sampleOldCode = `function greet(name) {
-  console.log("Hello " + name);
-  return "Welcome!";
-}`;
-const sampleNewCode = `function greet(name: string): string {
-  console.log(\`Hello \${name}\`);
-  return \`Welcome, \${name}!\`;
-}`;
-export default function ThemeSettingsScreen({ onBack, inlineMode = false, }) {
-    const { themeType, setThemeType } = useTheme();
-    const { t } = useI18n();
-    // Use themeType from context which is already loaded from config
-    const [selectedTheme, setSelectedTheme] = useState(themeType);
-    const [infoText, setInfoText] = useState('');
-    const themeOptions = useMemo(() => [
-        {
-            label: selectedTheme === 'dark' ? `✓ ${t.themeSettings.darkTheme}` : t.themeSettings.darkTheme,
-            value: 'dark',
-            infoText: t.themeSettings.darkThemeInfo,
-        },
-        {
-            label: selectedTheme === 'light' ? `✓ ${t.themeSettings.lightTheme}` : t.themeSettings.lightTheme,
-            value: 'light',
-            infoText: t.themeSettings.lightThemeInfo,
-        },
-        {
-            label: selectedTheme === 'github-dark' ? `✓ ${t.themeSettings.githubDark}` : t.themeSettings.githubDark,
-            value: 'github-dark',
-            infoText: t.themeSettings.githubDarkInfo,
-        },
-        {
-            label: selectedTheme === 'rainbow' ? `✓ ${t.themeSettings.rainbow}` : t.themeSettings.rainbow,
-            value: 'rainbow',
-            infoText: t.themeSettings.rainbowInfo,
-        },
-        {
-            label: selectedTheme === 'solarized-dark' ? `✓ ${t.themeSettings.solarizedDark}` : t.themeSettings.solarizedDark,
-            value: 'solarized-dark',
-            infoText: t.themeSettings.solarizedDarkInfo,
-        },
-        {
-            label: selectedTheme === 'nord' ? `✓ ${t.themeSettings.nord}` : t.themeSettings.nord,
-            value: 'nord',
-            infoText: t.themeSettings.nordInfo,
-        },
-        {
-            label: t.themeSettings.back,
-            value: 'back',
-            color: 'gray',
-            infoText: t.themeSettings.backInfo,
-        },
-    ], [selectedTheme, t]);
-    const handleSelect = useCallback((value) => {
-        if (value === 'back') {
-            // Restore original theme if cancelled
-            setThemeType(selectedTheme);
-            onBack();
-        }
-        else {
-            // Confirm and apply the theme (Enter pressed)
-            const newTheme = value;
-            setSelectedTheme(newTheme);
-            setThemeType(newTheme);
-        }
-    }, [onBack, setThemeType, selectedTheme]);
-    const handleSelectionChange = useCallback((newInfoText, value) => {
-        setInfoText(newInfoText);
-        // Preview theme on selection change (navigation)
-        if (value === 'back') {
-            // Restore to selected theme when hovering on "Back"
-            setThemeType(selectedTheme);
-        }
-        else {
-            // Preview the theme
-            setThemeType(value);
-        }
-    }, [setThemeType, selectedTheme]);
-    useInput((_input, key) => {
-        if (key.escape) {
-            // Restore original theme on ESC
-            setThemeType(selectedTheme);
-            onBack();
-        }
-    });
-    return (React.createElement(Box, { flexDirection: "column" },
-        !inlineMode && (React.createElement(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1 },
-            React.createElement(Text, { bold: true, color: "cyan" }, t.themeSettings.title))),
-        React.createElement(Box, { flexDirection: "column", paddingX: 1 },
-            React.createElement(Text, { color: "gray", dimColor: true },
-                t.themeSettings.current,
-                " ",
-                themeOptions.find(opt => opt.value === selectedTheme)?.label.replace('✓ ', '') || selectedTheme)),
-        React.createElement(Menu, { options: themeOptions, onSelect: handleSelect, onSelectionChange: handleSelectionChange }),
-        React.createElement(Box, { flexDirection: "column", paddingX: 1 },
-            React.createElement(Text, { color: "gray", dimColor: true }, t.themeSettings.preview),
-            React.createElement(DiffViewer, { oldContent: sampleOldCode, newContent: sampleNewCode, filename: "example.ts" })),
-        infoText && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(Alert, { variant: "info" }, infoText)))));
-}

package/dist/ui/pages/WelcomeScreen.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type Props = {
-    version?: string;
-    onMenuSelect?: (value: string) => void;
-};
-export default function WelcomeScreen({ version, onMenuSelect, }: Props): React.JSX.Element;
-export {};

package/dist/ui/pages/WelcomeScreen.js

@@ -1,217 +0,0 @@
-import React, { useState, useMemo, useCallback, useEffect, useRef, Suspense } from 'react';
-import { Box, Text, useStdout, Static } from 'ink';
-import { Alert } from '@inkjs/ui';
-import Gradient from 'ink-gradient';
-import ansiEscapes from 'ansi-escapes';
-import Spinner from 'ink-spinner';
-import Menu from '../components/Menu.js';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { useI18n } from '../../i18n/index.js';
-// Lazy load all configuration screens for better startup performance
-const ConfigScreen = React.lazy(() => import('./ConfigScreen.js'));
-const ProxyConfigScreen = React.lazy(() => import('./ProxyConfigScreen.js'));
-const SubAgentConfigScreen = React.lazy(() => import('./SubAgentConfigScreen.js'));
-const SubAgentListScreen = React.lazy(() => import('./SubAgentListScreen.js'));
-const SensitiveCommandConfigScreen = React.lazy(() => import('./SensitiveCommandConfigScreen.js'));
-const CodeBaseConfigScreen = React.lazy(() => import('./CodeBaseConfigScreen.js'));
-const SystemPromptConfigScreen = React.lazy(() => import('./SystemPromptConfigScreen.js'));
-const CustomHeadersScreen = React.lazy(() => import('./CustomHeadersScreen.js'));
-const LanguageSettingsScreen = React.lazy(() => import('./LanguageSettingsScreen.js'));
-const ThemeSettingsScreen = React.lazy(() => import('./ThemeSettingsScreen.js'));
-export default function WelcomeScreen({ version = '1.0.0', onMenuSelect, }) {
-    const { t } = useI18n();
-    const [infoText, setInfoText] = useState(t.welcome.startChatInfo);
-    const [inlineView, setInlineView] = useState('menu');
-    const [editingAgentId, setEditingAgentId] = useState();
-    const { columns: terminalWidth } = useTerminalSize();
-    const { stdout } = useStdout();
-    const isInitialMount = useRef(true);
-    const menuOptions = useMemo(() => [
-        {
-            label: t.welcome.startChat,
-            value: 'chat',
-            infoText: t.welcome.startChatInfo,
-            clearTerminal: true,
-        },
-        {
-            label: t.welcome.apiSettings,
-            value: 'config',
-            infoText: t.welcome.apiSettingsInfo,
-        },
-        {
-            label: t.welcome.proxySettings,
-            value: 'proxy',
-            infoText: t.welcome.proxySettingsInfo,
-        },
-        {
-            label: t.welcome.codebaseSettings,
-            value: 'codebase',
-            infoText: t.welcome.codebaseSettingsInfo,
-        },
-        {
-            label: t.welcome.systemPromptSettings,
-            value: 'systemprompt',
-            infoText: t.welcome.systemPromptSettingsInfo,
-        },
-        {
-            label: t.welcome.customHeadersSettings,
-            value: 'customheaders',
-            infoText: t.welcome.customHeadersSettingsInfo,
-        },
-        {
-            label: t.welcome.mcpSettings,
-            value: 'mcp',
-            infoText: t.welcome.mcpSettingsInfo,
-        },
-        {
-            label: t.welcome.subAgentSettings,
-            value: 'subagent',
-            infoText: t.welcome.subAgentSettingsInfo,
-        },
-        {
-            label: t.welcome.sensitiveCommands,
-            value: 'sensitive-commands',
-            infoText: t.welcome.sensitiveCommandsInfo,
-        },
-        {
-            label: t.welcome.languageSettings,
-            value: 'language',
-            infoText: t.welcome.languageSettingsInfo,
-        },
-        {
-            label: t.welcome.themeSettings,
-            value: 'theme',
-            infoText: t.welcome.themeSettingsInfo,
-        },
-        {
-            label: t.welcome.exit,
-            value: 'exit',
-            color: 'rgb(232, 131, 136)',
-            infoText: t.welcome.exitInfo,
-        },
-    ], [t]);
-    const [remountKey, setRemountKey] = useState(0);
-    const handleSelectionChange = useCallback((newInfoText) => {
-        setInfoText(newInfoText);
-    }, []);
-    const handleInlineMenuSelect = useCallback((value) => {
-        // Handle inline views (config, proxy, codebase, subagent) or pass through to parent
-        if (value === 'config') {
-            setInlineView('config');
-        }
-        else if (value === 'proxy') {
-            setInlineView('proxy-config');
-        }
-        else if (value === 'codebase') {
-            setInlineView('codebase-config');
-        }
-        else if (value === 'subagent') {
-            setInlineView('subagent-list');
-        }
-        else if (value === 'sensitive-commands') {
-            setInlineView('sensitive-commands');
-        }
-        else if (value === 'systemprompt') {
-            setInlineView('systemprompt');
-        }
-        else if (value === 'customheaders') {
-            setInlineView('customheaders');
-        }
-        else if (value === 'language') {
-            setInlineView('language-settings');
-        }
-        else if (value === 'theme') {
-            setInlineView('theme-settings');
-        }
-        else {
-            // Pass through to parent for other actions (chat, exit, etc.)
-            onMenuSelect?.(value);
-        }
-    }, [onMenuSelect]);
-    const handleBackToMenu = useCallback(() => {
-        setInlineView('menu');
-    }, []);
-    const handleConfigSave = useCallback(() => {
-        setInlineView('menu');
-    }, []);
-    const handleSubAgentAdd = useCallback(() => {
-        setEditingAgentId(undefined);
-        setInlineView('subagent-add');
-    }, []);
-    const handleSubAgentEdit = useCallback((agentId) => {
-        setEditingAgentId(agentId);
-        setInlineView('subagent-edit');
-    }, []);
-    const handleSubAgentSave = useCallback(() => {
-        setInlineView('subagent-list');
-    }, []);
-    // Clear terminal and re-render on terminal width change
-    // Use debounce to avoid flickering during continuous resize
-    useEffect(() => {
-        if (isInitialMount.current) {
-            isInitialMount.current = false;
-            return;
-        }
-        const handler = setTimeout(() => {
-            stdout.write(ansiEscapes.clearTerminal);
-            setRemountKey(prev => prev + 1); // Force re-render
-        }, 200); // Add debounce delay to avoid rapid re-renders
-        return () => {
-            clearTimeout(handler);
-        };
-    }, [terminalWidth]); // Remove stdout from dependencies to avoid loops
-    // Loading fallback component for lazy-loaded screens
-    const loadingFallback = (React.createElement(Box, { paddingX: 1 },
-        React.createElement(Text, { color: "cyan" },
-            React.createElement(Spinner, { type: "dots" })),
-        React.createElement(Text, null, " Loading...")));
-    return (React.createElement(Box, { flexDirection: "column", width: terminalWidth },
-        React.createElement(Static, { key: remountKey, items: [
-                React.createElement(Box, { key: "welcome-header", flexDirection: "row", paddingLeft: 2, paddingTop: 1, paddingBottom: 0, width: terminalWidth },
-                    React.createElement(Box, { flexDirection: "column", justifyContent: "center" },
-                        React.createElement(Text, { bold: true },
-                            React.createElement(Gradient, { name: "rainbow" }, t.welcome.title)),
-                        React.createElement(Text, { color: "gray", dimColor: true },
-                            "v",
-                            version,
-                            " \u2022 ",
-                            t.welcome.subtitle))),
-            ] }, item => item),
-        onMenuSelect && inlineView === 'menu' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1 },
-                React.createElement(Menu, { options: menuOptions, onSelect: handleInlineMenuSelect, onSelectionChange: handleSelectionChange })))),
-        inlineView === 'menu' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(Alert, { variant: "info" }, infoText))),
-        inlineView === 'config' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(ConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true })))),
-        inlineView === 'proxy-config' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(ProxyConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true })))),
-        inlineView === 'codebase-config' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(CodeBaseConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true })))),
-        inlineView === 'subagent-list' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(SubAgentListScreen, { onBack: handleBackToMenu, onAdd: handleSubAgentAdd, onEdit: handleSubAgentEdit, inlineMode: true })))),
-        inlineView === 'subagent-add' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(SubAgentConfigScreen, { onBack: () => setInlineView('subagent-list'), onSave: handleSubAgentSave, inlineMode: true })))),
-        inlineView === 'subagent-edit' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(SubAgentConfigScreen, { onBack: () => setInlineView('subagent-list'), onSave: handleSubAgentSave, agentId: editingAgentId, inlineMode: true })))),
-        inlineView === 'sensitive-commands' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(SensitiveCommandConfigScreen, { onBack: handleBackToMenu, inlineMode: true })))),
-        inlineView === 'systemprompt' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(SystemPromptConfigScreen, { onBack: handleBackToMenu })))),
-        inlineView === 'customheaders' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(CustomHeadersScreen, { onBack: handleBackToMenu })))),
-        inlineView === 'language-settings' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(Box, { paddingX: 1 },
-                React.createElement(LanguageSettingsScreen, { onBack: handleBackToMenu, inlineMode: true })))),
-        inlineView === 'theme-settings' && (React.createElement(Suspense, { fallback: loadingFallback },
-            React.createElement(ThemeSettingsScreen, { onBack: handleBackToMenu, inlineMode: true })))));
-}