tianxincode 1.0.0

package/dist/components/App.js

@@ -0,0 +1,639 @@
+/**
+ * App 主组件
+ *
+ * 这是 TXCode CLI 模式的主界面组件，使用 Ink (类 React) 库渲染到终端
+ *
+ * 核心功能：
+ * 1. 用户输入处理 - 接收键盘输入，支持命令和聊天
+ * 2. 消息展示 - 显示用户/AI 的聊天消息
+ * 3. AI 调用 - 调用 AI 服务处理用户问题
+ * 4. 工具调用展示 - 实时显示 AI 的思考和工具调用过程
+ * 5. 文件选择 - 支持 @ 符号触发文件选择器
+ * 6. 模型选择 - 支持 /model 命令切换 AI 模型
+ * 7. 状态显示 - 显示 Token 使用量、压缩比例等
+ */
+import React, { useState, useEffect, useCallback } from 'react';
+import { Box, Text, useInput, useApp, Static } from 'ink';
+import { v4 as uuidv4 } from 'uuid';
+import * as fs from 'fs';
+import * as path from 'path';
+import { executeCommand } from '../cli/commands.js';
+import { sessionService } from '../modules/session/index.js';
+import { memoryService } from '../modules/memory/index.js';
+import { aiService } from '../modules/ai/index.js';
+/**
+ * App 主组件函数
+ *
+ * 组件状态说明：
+ * - input: 用户输入的文本
+ * - cursorPosition: 光标位置 (支持光标左右移动)
+ * - messages: 聊天消息列表
+ * - status: 当前状态 (idle/thinking)
+ * - currentSession: 当前会话 ID
+ * - error: 错误信息
+ * - tokenStats: Token 统计
+ * - compressionPercent: 压缩百分比
+ * - currentModelName: 当前模型名称
+ * - fileSelectMode: 文件选择模式
+ * - modelSelectMode: 模型选择模式
+ * - inputHistory: 输入历史 (上下键遍历)
+ */
+export function App() {
+    // ========== Hooks ==========
+    // useApp() 提供 Ink 应用的上下文，包含 exit() 方法用于退出程序
+    const { exit } = useApp();
+    // ========== 输入相关状态 ==========
+    /** 用户输入的文本 */
+    const [input, setInput] = useState('');
+    /** 光标在输入框中的位置 */
+    const [cursorPosition, setCursorPosition] = useState(0);
+    // ========== 消息相关状态 ==========
+    /** 聊天消息列表 */
+    const [messages, setMessages] = useState([]);
+    /** 当前状态：idle(空闲) 或 thinking(AI 思考中) */
+    const [status, setStatus] = useState('idle');
+    /** 当前会话 ID */
+    const [currentSession, setCurrentSession] = useState(null);
+    /** 错误信息 */
+    const [error, setError] = useState(null);
+    // ========== 统计相关状态 ==========
+    /** Token 统计 */
+    const [tokenStats, setTokenStats] = useState({
+        promptTokens: 0,
+        completionTokens: 0,
+        totalTokens: 0,
+    });
+    /** 压缩百分比 */
+    const [compressionPercent, setCompressionPercent] = useState(0);
+    /** 当前模型名称 */
+    const [currentModelName, setCurrentModelName] = useState('deepseek-chat');
+    // ========== 文件选择相关状态 ==========
+    /** 是否处于文件选择模式 */
+    const [fileSelectMode, setFileSelectMode] = useState(false);
+    /** 当前目录路径 */
+    const [currentDir, setCurrentDir] = useState('');
+    /** 基础目录路径 */
+    const [baseDir, setBaseDir] = useState('');
+    /** 文件列表 */
+    const [fileList, setFileList] = useState([]);
+    /** 当前选中项索引 */
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // ========== 模型选择相关状态 ==========
+    /** 是否处于模型选择模式 */
+    const [modelSelectMode, setModelSelectMode] = useState(false);
+    /** 模型列表 */
+    const [modelList, setModelList] = useState([]);
+    /** 当前选中模型索引 */
+    const [modelSelectedIndex, setModelSelectedIndex] = useState(0);
+    // ========== 输入历史相关状态 ==========
+    /** 输入历史记录 */
+    const [inputHistory, setInputHistory] = useState([]);
+    /** 当前历史记录索引 */
+    const [historyIndex, setHistoryIndex] = useState(-1);
+    // ========== 辅助函数 ==========
+    /**
+     * 加载目录内容 - 用于文件选择器
+     * @param dir - 目录路径
+     * @param resetBaseDir - 是否重置基础目录
+     */
+    const loadDirectory = useCallback((dir, resetBaseDir = false) => {
+        try {
+            // 设置基础目录 (如果是首次或需要重置)
+            if (!baseDir || resetBaseDir) {
+                setBaseDir(dir);
+            }
+            const files = [];
+            // 添加父目录选项 (..)
+            const parentDir = path.dirname(dir);
+            if (parentDir !== dir) {
+                files.push({ name: '..', path: parentDir, isDirectory: true });
+            }
+            // 读取目录内容
+            const entries = fs.readdirSync(dir, { withFileTypes: true });
+            for (const entry of entries) {
+                if (entry.name === '.' || entry.name === '..')
+                    continue;
+                const fullPath = path.join(dir, entry.name);
+                files.push({
+                    name: entry.name,
+                    path: fullPath,
+                    isDirectory: entry.isDirectory()
+                });
+            }
+            files.sort((a, b) => {
+                if (a.name === '..')
+                    return -1;
+                if (b.name === '..')
+                    return 1;
+                if (a.isDirectory && !b.isDirectory)
+                    return -1;
+                if (!a.isDirectory && b.isDirectory)
+                    return 1;
+                return a.name.localeCompare(b.name);
+            });
+            setFileList(files.slice(0, 50));
+            setCurrentDir(dir);
+            setSelectedIndex(0);
+        }
+        catch (err) {
+            setFileList([]);
+        }
+    }, [baseDir]);
+    /**
+     * 加载可用模型列表 - 从配置服务获取所有可用的 AI 模型
+     */
+    const loadModels = useCallback(async () => {
+        try {
+            const { configService } = await import('../modules/config/index.js');
+            const providers = configService.getProviders();
+            const models = [];
+            // 遍历所有提供商，获取其模型列表
+            for (const provider of providers) {
+                const providerModels = configService.getModels(provider.id);
+                for (const m of providerModels) {
+                    models.push({ id: m.id, name: `${provider.name}/${m.name}` });
+                }
+            }
+            // 如果没有模型，添加默认模型
+            if (models.length === 0) {
+                models.push({ id: 'deepseek-chat', name: 'deepseek-chat' });
+            }
+            setModelList(models);
+            setModelSelectedIndex(0);
+        }
+        catch (err) {
+            setModelList([]);
+        }
+    }, []);
+    // ========== 初始化 ==========
+    useEffect(() => {
+        const session = sessionService.getCurrent();
+        if (session) {
+            setCurrentSession(session.id);
+            const msgs = memoryService.getPermanentMessages(session.id);
+            setMessages(msgs.map(m => ({
+                id: uuidv4(),
+                role: m.role,
+                content: m.content,
+                timestamp: new Date(m.createdAt),
+            })));
+        }
+        const loadCurrentModel = async () => {
+            try {
+                const { configService } = await import('../modules/config/index.js');
+                const provider = configService.getDefaultProvider();
+                if (provider) {
+                    setCurrentModelName(provider.name);
+                }
+            }
+            catch { }
+        };
+        loadCurrentModel();
+    }, []);
+    // ========== 消息管理 ==========
+    /**
+     * 添加消息到列表 - 防止重复添加相同的消息
+     * @param role - 消息角色
+     * @param content - 消息内容
+     */
+    const addMessage = useCallback((role, content) => {
+        const contentKey = `${role}:${content.slice(0, 100)}`;
+        setMessages(prev => {
+            // 检查最后一条消息是否相同 (防重复)
+            const lastMsg = prev[prev.length - 1];
+            if (lastMsg && lastMsg.role === role && lastMsg.content === content) {
+                return prev;
+            }
+            const msg = {
+                id: uuidv4(),
+                role,
+                content,
+                timestamp: new Date(),
+            };
+            return [...prev, msg];
+        });
+    }, []);
+    // ========== 核心业务逻辑 ==========
+    /**
+     * 提交用户输入 - 处理流程：
+     * 1. 检查输入是否有效
+     * 2. 如果是命令 (/开头)，执行命令
+     * 3. 否则调用 AI 服务处理
+     * 4. 更新 UI 和状态
+     */
+    const handleSubmit = useCallback(async () => {
+        // 验证输入：不能为空，且当前不在思考中
+        if (!input.trim() || status === 'thinking')
+            return;
+        // ========== 准备输入 ==========
+        const trimmedInput = input.trim();
+        setInput(''); // 清空输入框
+        setCursorPosition(0); // 重置光标位置
+        setError(null); // 清空错误
+        // ========== 命令处理 ==========
+        // 以 / 开头的输入作为命令处理
+        if (trimmedInput.startsWith('/')) {
+            const result = await executeCommand(trimmedInput);
+            if (result.message) {
+                addMessage('system', result.message);
+            }
+            if (result.data?.exit) {
+                exit();
+            }
+            if (result.data?.id && result.success) {
+                setCurrentSession(result.data.id);
+            }
+            return;
+        }
+        addMessage('user', trimmedInput);
+        let sessionId = currentSession;
+        if (!sessionId) {
+            const session = sessionService.create('Chat Session');
+            sessionId = session.id;
+            setCurrentSession(sessionId);
+            sessionService.switchTo(sessionId);
+        }
+        setStatus('thinking');
+        try {
+            const result = await aiService.chatWithReAct(trimmedInput, {
+                sessionId: sessionId,
+                memoryService,
+                onStep: (state, iteration) => {
+                    if (state.thought) {
+                        const thoughtPreview = state.thought.length > 150
+                            ? state.thought.slice(0, 150) + '...'
+                            : state.thought;
+                        addMessage('system', `💭 ${thoughtPreview}`);
+                    }
+                    const actionNames = {
+                        'read_file': '读取文件',
+                        'write_file': '创建文件',
+                        'edit_file': '编辑文件',
+                        'execute_bash': '执行命令',
+                        'bash': '执行命令',
+                        'find_files': '搜索文件',
+                        'grep': '搜索内容',
+                        'glob': '文件匹配',
+                        'loadSkill': '加载技能',
+                        'todowrite': '任务列表',
+                        'task': '任务代理',
+                        'webfetch': '网页获取',
+                        'question': '提问',
+                    };
+                    const actionName = actionNames[state.action] || state.action;
+                    let stepInfo = `🔧 ${actionName}`;
+                    if (state.actionInput) {
+                        try {
+                            const inputObj = typeof state.actionInput === 'string'
+                                ? JSON.parse(state.actionInput)
+                                : state.actionInput;
+                            if (state.action === 'read_file') {
+                                const offset = inputObj.offset ?? 1;
+                                const limit = inputObj.limit ?? 300;
+                                stepInfo += `: ${inputObj.file_path} (行${offset}-${offset + limit - 1})`;
+                            }
+                            else if (state.action === 'edit_file') {
+                                stepInfo += `: ${inputObj.file_path}`;
+                            }
+                            else if (state.action === 'write_file') {
+                                stepInfo += `: ${inputObj.file_path}`;
+                            }
+                            else if (state.action === 'execute_bash' || state.action === 'bash') {
+                                stepInfo += `: ${inputObj.command?.slice(0, 50)}`;
+                            }
+                            else if (state.action === 'find_files' || state.action === 'glob') {
+                                stepInfo += `: ${inputObj.pattern}`;
+                            }
+                            else if (state.action === 'grep') {
+                                stepInfo += `: ${inputObj.pattern}`;
+                            }
+                            else if (state.action === 'loadSkill') {
+                                stepInfo += `: ${inputObj.skillPath}`;
+                            }
+                            else if (state.action === 'webfetch') {
+                                stepInfo += `: ${inputObj.url?.slice(0, 50)}`;
+                            }
+                            else if (state.action === 'todowrite') {
+                                if (inputObj.todos && Array.isArray(inputObj.todos)) {
+                                    stepInfo += `: ${inputObj.todos.length} 个任务`;
+                                }
+                                if (state.observation && typeof state.observation === 'object' && state.observation.metadata?.todos) {
+                                    const todos = state.observation.metadata.todos;
+                                    const statusIcons = {
+                                        completed: '✅',
+                                        in_progress: '🔄',
+                                        pending: '⬜',
+                                        cancelled: '❌'
+                                    };
+                                    for (const todo of todos) {
+                                        const icon = statusIcons[todo.status] || '⬜';
+                                        const name = todo.content || todo.name || '';
+                                        addMessage('system', `  ${icon} ${name}`);
+                                    }
+                                }
+                            }
+                            else if (state.action === 'question') {
+                                stepInfo += `: ${inputObj.questions?.length || 0} 个问题`;
+                            }
+                            else {
+                                const keys = Object.keys(inputObj);
+                                if (keys.length > 0) {
+                                    const firstKey = keys[0];
+                                    const val = inputObj[firstKey];
+                                    if (typeof val === 'string') {
+                                        stepInfo += `: ${val.slice(0, 50)}`;
+                                    }
+                                    else if (typeof val === 'number') {
+                                        stepInfo += `: ${val}`;
+                                    }
+                                }
+                            }
+                        }
+                        catch { }
+                    }
+                    if (state.observation) {
+                        const obsStr = typeof state.observation === 'string'
+                            ? state.observation
+                            : JSON.stringify(state.observation);
+                        const isFailed = obsStr.startsWith('错误:') ||
+                            obsStr.startsWith('Error:') ||
+                            obsStr.includes('未找到') ||
+                            obsStr.includes('不存在');
+                        if (isFailed) {
+                            addMessage('system', `${stepInfo} ❌`);
+                        }
+                        else {
+                            addMessage('system', `${stepInfo} ✓`);
+                        }
+                    }
+                    else {
+                        addMessage('system', stepInfo);
+                    }
+                },
+            });
+            if (result.answer) {
+                addMessage('assistant', result.answer);
+                memoryService.addMessage(sessionId, 'assistant', result.answer, true);
+            }
+            if (result.usage) {
+                setTokenStats(prev => ({
+                    promptTokens: prev.promptTokens + result.usage.promptTokens,
+                    completionTokens: prev.completionTokens + result.usage.completionTokens,
+                    totalTokens: prev.totalTokens + result.usage.totalTokens,
+                }));
+            }
+            if (sessionId) {
+                const stats = memoryService.getSessionStats(sessionId);
+                if (stats.totalMessages > 0) {
+                    const compressPercent = Math.round((stats.compressedCount / stats.totalMessages) * 100);
+                    setCompressionPercent(compressPercent);
+                }
+            }
+        }
+        catch (err) {
+            const errorMsg = err instanceof Error ? err.message : 'Unknown error';
+            setError(errorMsg);
+            addMessage('system', `错误: ${errorMsg}`);
+        }
+        finally {
+            setStatus('idle');
+        }
+    }, [input, status, currentSession, addMessage, exit]);
+    // ========== 键盘输入处理 ==========
+    /**
+     * useInput Hook - 处理所有键盘输入事件
+     * 根据当前模式 (普通/文件选择/模型选择) 执行不同逻辑
+     */
+    useInput((char, key) => {
+        // ========== 文件选择模式 ==========
+        if (fileSelectMode) {
+            const keyAny = key;
+            if (keyAny.upArrow) {
+                setSelectedIndex(prev => Math.max(0, prev - 1));
+            }
+            else if (keyAny.downArrow) {
+                setSelectedIndex(prev => Math.min(fileList.length - 1, prev + 1));
+            }
+            else if (key.return) {
+                if (fileList[selectedIndex]) {
+                    const selected = fileList[selectedIndex];
+                    if (selected.isDirectory || selected.name === '..') {
+                        const newInput = input + selected.name + '/';
+                        setInput(newInput);
+                        setCursorPosition(newInput.length);
+                        loadDirectory(selected.path);
+                    }
+                    else {
+                        const fullPath = selected.path;
+                        const effectiveBaseDir = baseDir || process.cwd();
+                        let relativePath = path.relative(effectiveBaseDir, fullPath);
+                        relativePath = relativePath.split(path.sep).join('/');
+                        const atIndex = input.lastIndexOf('@');
+                        const newInput = atIndex !== -1
+                            ? input.slice(0, atIndex + 1) + relativePath + ' '
+                            : input + relativePath + ' ';
+                        setInput(newInput);
+                        setCursorPosition(newInput.length);
+                        setFileSelectMode(false);
+                        setFileList([]);
+                        setBaseDir('');
+                    }
+                }
+            }
+            else if (key.escape) {
+                setFileSelectMode(false);
+                setFileList([]);
+                setBaseDir('');
+            }
+            return;
+        }
+        if (modelSelectMode) {
+            const keyAny = key;
+            if (keyAny.upArrow) {
+                setModelSelectedIndex(prev => Math.max(0, prev - 1));
+            }
+            else if (keyAny.downArrow) {
+                setModelSelectedIndex(prev => Math.min(modelList.length - 1, prev + 1));
+            }
+            else if (key.return) {
+                if (modelList[modelSelectedIndex]) {
+                    setCurrentModelName(modelList[modelSelectedIndex].name);
+                    addMessage('system', `已切换到模型: ${modelList[modelSelectedIndex].name}`);
+                }
+                setModelSelectMode(false);
+                setModelList([]);
+            }
+            else if (key.escape) {
+                setModelSelectMode(false);
+                setModelList([]);
+            }
+            return;
+        }
+        const keyAny = key;
+        if (keyAny.upArrow) {
+            if (inputHistory.length > 0) {
+                const newIndex = historyIndex < inputHistory.length - 1 ? historyIndex + 1 : historyIndex;
+                setHistoryIndex(newIndex);
+                const historyInput = inputHistory[inputHistory.length - 1 - newIndex];
+                setInput(historyInput);
+                setCursorPosition(historyInput.length);
+            }
+            return;
+        }
+        if (keyAny.downArrow) {
+            if (historyIndex > 0) {
+                const newIndex = historyIndex - 1;
+                setHistoryIndex(newIndex);
+                const historyInput = inputHistory[inputHistory.length - 1 - newIndex];
+                setInput(historyInput);
+                setCursorPosition(historyInput.length);
+            }
+            else if (historyIndex === 0) {
+                setHistoryIndex(-1);
+                setInput('');
+                setCursorPosition(0);
+            }
+            return;
+        }
+        if (keyAny.leftArrow) {
+            setCursorPosition(prev => Math.max(0, prev - 1));
+            return;
+        }
+        if (keyAny.rightArrow) {
+            setCursorPosition(prev => Math.min(input.length, prev + 1));
+            return;
+        }
+        if (key.return) {
+            if (input === '/model') {
+                setModelSelectMode(true);
+                loadModels();
+                return;
+            }
+            if (input.trim()) {
+                setInputHistory(prev => [...prev, input]);
+                setHistoryIndex(-1);
+            }
+            handleSubmit();
+        }
+        else if (key.backspace || key.delete) {
+            if (cursorPosition > 0) {
+                const newInput = input.slice(0, cursorPosition - 1) + input.slice(cursorPosition);
+                setInput(newInput);
+                setCursorPosition(prev => prev - 1);
+                setHistoryIndex(-1);
+                if ((newInput.endsWith('/') || newInput.endsWith(path.sep)) && newInput.length > 1) {
+                    const inputPath = newInput.endsWith('//') || newInput.endsWith(path.sep + path.sep)
+                        ? newInput.slice(0, -1)
+                        : newInput;
+                    const dirPath = path.isAbsolute(inputPath) ? inputPath : path.resolve(process.cwd(), inputPath);
+                    setFileSelectMode(true);
+                    loadDirectory(dirPath);
+                }
+            }
+        }
+        else if (key.escape) {
+            exit();
+        }
+        else if (char && !key.ctrl && !key.meta) {
+            const newInput = input.slice(0, cursorPosition) + char + input.slice(cursorPosition);
+            setInput(newInput);
+            setCursorPosition(prev => prev + char.length);
+            setHistoryIndex(-1);
+            if (char === '@') {
+                setFileSelectMode(true);
+                loadDirectory(process.cwd(), true);
+            }
+            if (newInput === '/model') {
+                setModelSelectMode(true);
+                loadModels();
+            }
+        }
+    });
+    // ========== UI 渲染 ==========
+    const sessionText = currentSession ? `${currentSession.slice(0, 8)}` : '无会话';
+    const isToolCall = (content) => {
+        return content.startsWith('🔧') ||
+            content.startsWith('✓') ||
+            content.startsWith('* ');
+    };
+    const isThought = (content) => {
+        return content.startsWith('💭') || content.startsWith('~ ');
+    };
+    const formatToolCall = (content) => {
+        if (content.startsWith('🔧 ')) {
+            return content.replace('🔧 ', '* ').replace(' ✓', '').replace(' ❌', '');
+        }
+        return content;
+    };
+    const formatThought = (content) => {
+        if (content.startsWith('💭 ')) {
+            return content.replace('💭 ', '~ ');
+        }
+        return content;
+    };
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Static, { items: messages }, (msg) => {
+                const isError = msg.role === 'system' && msg.content.startsWith('错误:');
+                const isTool = msg.role === 'system' && isToolCall(msg.content);
+                const isThoughtMsg = msg.role === 'system' && isThought(msg.content);
+                if (msg.role === 'user') {
+                    return (React.createElement(Box, { key: msg.id, backgroundColor: "#121212", paddingX: 2, paddingY: 1, borderLeft: "2", borderColor: "#27272a", marginBottom: 1 },
+                        React.createElement(Text, { bold: true, color: "#f4f4f5" },
+                            "# ",
+                            msg.content)));
+                }
+                if (msg.role === 'assistant') {
+                    return (React.createElement(Box, { key: msg.id, marginBottom: 1, paddingLeft: 2 },
+                        React.createElement(Text, { color: "#d4d4d8" }, msg.content)));
+                }
+                if (isThoughtMsg) {
+                    return (React.createElement(Box, { key: msg.id, marginBottom: 1, paddingLeft: 2 },
+                        React.createElement(Text, { bold: true, color: "cyan" }, formatThought(msg.content))));
+                }
+                if (isTool) {
+                    return (React.createElement(Box, { key: msg.id, marginBottom: 1, paddingLeft: 2 },
+                        React.createElement(Text, { dimColor: true }, formatToolCall(msg.content))));
+                }
+                if (isError) {
+                    return (React.createElement(Box, { key: msg.id, marginBottom: 1, paddingLeft: 2 },
+                        React.createElement(Text, { color: "red" }, msg.content)));
+                }
+                return null;
+            }),
+            status === 'thinking' && (React.createElement(Box, { marginBottom: 1, paddingLeft: 2 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "\u25A3 Build"),
+                React.createElement(Text, { dimColor: true },
+                    " \u00B7 ",
+                    currentModelName)))),
+        React.createElement(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, marginBottom: 1 },
+            React.createElement(Text, { dimColor: true }, '> '),
+            React.createElement(Text, null, input.slice(0, cursorPosition)),
+            React.createElement(Text, { color: "cyan" }, "\u258B"),
+            React.createElement(Text, null, input.slice(cursorPosition))),
+        fileSelectMode && (React.createElement(Box, { flexDirection: "column", marginBottom: 1, paddingX: 1 },
+            React.createElement(Text, { dimColor: true },
+                currentDir || '/',
+                " (\u2191\u2193 \u9009\u62E9, Enter \u786E\u8BA4, ESC \u53D6\u6D88)"),
+            fileList.slice(0, 15).map((file, index) => (React.createElement(Box, { key: file.path },
+                React.createElement(Text, null, index === selectedIndex ? (React.createElement(Text, { bold: true, color: "green" }, `▶ ${file.name}${file.isDirectory ? '/' : ''}`)) : (React.createElement(Text, { dimColor: true }, `  ${file.name}${file.isDirectory ? '/' : ''}`)))))),
+            fileList.length === 0 && (React.createElement(Text, { dimColor: true }, "\u7A7A\u76EE\u5F55...")))),
+        modelSelectMode && (React.createElement(Box, { flexDirection: "column", marginBottom: 1, paddingX: 1 },
+            React.createElement(Text, { dimColor: true }, "\u9009\u62E9\u6A21\u578B (\u2191\u2193 \u9009\u62E9, Enter \u786E\u8BA4, ESC \u53D6\u6D88):"),
+            modelList.map((model, index) => (React.createElement(Box, { key: model.id },
+                React.createElement(Text, null, index === modelSelectedIndex ? (React.createElement(Text, { bold: true, color: "green" }, `▶ ${model.name}`)) : (React.createElement(Text, { dimColor: true }, `  ${model.name}`)))))),
+            modelList.length === 0 && (React.createElement(Text, { dimColor: true }, "\u672A\u627E\u5230\u6A21\u578B...")))),
+        React.createElement(Box, { paddingX: 2 },
+            React.createElement(Text, { dimColor: true },
+                "\u5C31\u7EEA | \u6A21\u578B: ",
+                currentModelName,
+                tokenStats.totalTokens > 0 && ` | Token: ${tokenStats.totalTokens}`,
+                compressionPercent > 0 && ` | 压缩: ${compressionPercent}%`,
+                ` | 会话: ${sessionText}`,
+                ' | /help 帮助 | ESC 退出')),
+        error && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: "red" },
+                "\u9519\u8BEF: ",
+                error)))));
+}
+//# sourceMappingURL=App.js.map