@yivan-lab/pretty-please 1.0.0

package/dist/src/components/InlineRenderer.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { Text } from 'ink';
+import { theme } from '../ui/theme.js';
+/**
+ * 行内 Markdown 渲染器
+ * 处理 **粗体**、*斜体*、`代码`、~~删除线~~、<u>下划线</u>、链接
+ */
+function RenderInlineInternal({ text, defaultColor }) {
+    const baseColor = defaultColor || theme.text.primary;
+    // 快速路径：纯文本无 markdown
+    if (!/[*_~`<[https?:]/.test(text)) {
+        return React.createElement(Text, { color: baseColor }, text);
+    }
+    const nodes = [];
+    let lastIndex = 0;
+    // 匹配所有行内 markdown 语法（添加删除线、下划线、链接）
+    const inlineRegex = /(~~.+?~~|\*\*[^*]+?\*\*|\*[^*]+?\*|_[^_]+?_|`+[^`]+?`+|\[.*?\]\(.*?\)|<u>.*?<\/u>|https?:\/\/\S+)/g;
+    let match;
+    while ((match = inlineRegex.exec(text)) !== null) {
+        // 添加匹配之前的普通文本
+        if (match.index > lastIndex) {
+            nodes.push(React.createElement(Text, { key: `t-${lastIndex}`, color: baseColor }, text.slice(lastIndex, match.index)));
+        }
+        const fullMatch = match[0];
+        let renderedNode = null;
+        const key = `m-${match.index}`;
+        // **粗体**
+        if (fullMatch.startsWith('**') && fullMatch.endsWith('**') && fullMatch.length > 4) {
+            renderedNode = (React.createElement(Text, { key: key, bold: true, color: baseColor }, fullMatch.slice(2, -2)));
+        }
+        // ~~删除线~~
+        else if (fullMatch.startsWith('~~') && fullMatch.endsWith('~~') && fullMatch.length > 4) {
+            renderedNode = (React.createElement(Text, { key: key, strikethrough: true, color: baseColor }, fullMatch.slice(2, -2)));
+        }
+        // *斜体*
+        else if (fullMatch.startsWith('*') && fullMatch.endsWith('*') && fullMatch.length > 2 && !fullMatch.startsWith('**')) {
+            renderedNode = (React.createElement(Text, { key: key, italic: true, color: baseColor }, fullMatch.slice(1, -1)));
+        }
+        // `行内代码`
+        else if (fullMatch.startsWith('`') && fullMatch.endsWith('`')) {
+            const codeText = fullMatch.slice(1, -1);
+            renderedNode = (React.createElement(Text, { key: key, color: theme.primary }, codeText));
+        }
+        // [链接文本](URL)
+        else if (fullMatch.startsWith('[') && fullMatch.includes('](') && fullMatch.endsWith(')')) {
+            const linkMatch = fullMatch.match(/\[(.*?)\]\((.*?)\)/);
+            if (linkMatch) {
+                const linkText = linkMatch[1];
+                const url = linkMatch[2];
+                renderedNode = (React.createElement(Text, { key: key, color: baseColor },
+                    linkText,
+                    React.createElement(Text, { color: theme.info },
+                        " (",
+                        url,
+                        ")")));
+            }
+        }
+        // <u>下划线</u>
+        else if (fullMatch.startsWith('<u>') && fullMatch.endsWith('</u>') && fullMatch.length > 7) {
+            renderedNode = (React.createElement(Text, { key: key, underline: true, color: baseColor }, fullMatch.slice(3, -4)));
+        }
+        // 裸 URL
+        else if (fullMatch.match(/^https?:\/\//)) {
+            renderedNode = (React.createElement(Text, { key: key, color: theme.info }, fullMatch));
+        }
+        nodes.push(renderedNode || React.createElement(Text, { key: key, color: baseColor }, fullMatch));
+        lastIndex = inlineRegex.lastIndex;
+    }
+    // 添加剩余的普通文本
+    if (lastIndex < text.length) {
+        nodes.push(React.createElement(Text, { key: `t-${lastIndex}`, color: baseColor }, text.slice(lastIndex)));
+    }
+    return React.createElement(React.Fragment, null, nodes);
+}
+export const RenderInline = React.memo(RenderInlineInternal);

package/dist/src/components/MarkdownDisplay.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface MarkdownDisplayProps {
+    text: string;
+    terminalWidth?: number;
+}
+/**
+ * Markdown 主渲染组件
+ * 参考 gemini-cli 的实现
+ * 支持：标题、列表、代码块、表格、粗体、斜体、链接
+ */
+declare function MarkdownDisplayInternal({ text, terminalWidth }: MarkdownDisplayProps): React.JSX.Element;
+export declare const MarkdownDisplay: React.MemoExoticComponent<typeof MarkdownDisplayInternal>;
+export {};

package/dist/src/components/MarkdownDisplay.js

@@ -0,0 +1,197 @@
+import React from 'react';
+import { Text, Box } from 'ink';
+import { theme } from '../ui/theme.js';
+import { ColorizeCode } from './CodeColorizer.js';
+import { TableRenderer } from './TableRenderer.js';
+import { RenderInline } from './InlineRenderer.js';
+/**
+ * Markdown 主渲染组件
+ * 参考 gemini-cli 的实现
+ * 支持：标题、列表、代码块、表格、粗体、斜体、链接
+ */
+function MarkdownDisplayInternal({ text, terminalWidth = 80 }) {
+    if (!text)
+        return React.createElement(React.Fragment, null);
+    const lines = text.split(/\r?\n/);
+    // 正则表达式
+    const headerRegex = /^ *(#{1,4}) +(.*)/;
+    const codeFenceRegex = /^ *(`{3,}|~{3,}) *(\w*?) *$/;
+    const ulItemRegex = /^([ \t]*)([-*+]) +(.*)/;
+    const olItemRegex = /^([ \t]*)(\d+)\. +(.*)/;
+    const hrRegex = /^ *([-*_] *){3,} *$/;
+    // 表格行：支持有无尾部 | 的情况
+    const tableRowRegex = /^\s*\|(.+?)(?:\|)?\s*$/;
+    const tableSeparatorRegex = /^\s*\|?\s*(:?-+:?)\s*(\|\s*(:?-+:?)\s*)+\|?\s*$/;
+    const contentBlocks = [];
+    let inCodeBlock = false;
+    let lastLineEmpty = true;
+    let codeBlockContent = [];
+    let codeBlockLang = null;
+    let codeBlockFence = '';
+    let inTable = false;
+    let tableRows = [];
+    let tableHeaders = [];
+    function addContentBlock(block) {
+        if (block) {
+            contentBlocks.push(block);
+            lastLineEmpty = false;
+        }
+    }
+    lines.forEach((line, index) => {
+        const key = `line-${index}`;
+        // 代码块内部
+        if (inCodeBlock) {
+            const fenceMatch = line.match(codeFenceRegex);
+            if (fenceMatch &&
+                fenceMatch[1].startsWith(codeBlockFence[0]) &&
+                fenceMatch[1].length >= codeBlockFence.length) {
+                // 代码块结束
+                addContentBlock(React.createElement(ColorizeCode, { key: key, code: codeBlockContent.join('\n'), language: codeBlockLang, showLineNumbers: false }));
+                inCodeBlock = false;
+                codeBlockContent = [];
+                codeBlockLang = null;
+                codeBlockFence = '';
+            }
+            else {
+                codeBlockContent.push(line);
+            }
+            return;
+        }
+        const codeFenceMatch = line.match(codeFenceRegex);
+        const headerMatch = line.match(headerRegex);
+        const ulMatch = line.match(ulItemRegex);
+        const olMatch = line.match(olItemRegex);
+        const hrMatch = line.match(hrRegex);
+        const tableRowMatch = line.match(tableRowRegex);
+        const tableSeparatorMatch = line.match(tableSeparatorRegex);
+        // 代码块开始
+        if (codeFenceMatch) {
+            inCodeBlock = true;
+            codeBlockFence = codeFenceMatch[1];
+            codeBlockLang = codeFenceMatch[2] || null;
+        }
+        // 表格开始
+        else if (tableRowMatch && !inTable) {
+            if (index + 1 < lines.length && lines[index + 1].match(tableSeparatorRegex)) {
+                inTable = true;
+                tableHeaders = tableRowMatch[1].split('|').map(cell => cell.trim());
+                tableRows = [];
+            }
+            else {
+                addContentBlock(React.createElement(Box, { key: key },
+                    React.createElement(Text, { wrap: "wrap", color: theme.text.primary },
+                        React.createElement(RenderInline, { text: line, defaultColor: theme.text.primary }))));
+            }
+        }
+        // 表格分隔符
+        else if (inTable && tableSeparatorMatch) {
+            // 跳过分隔符行
+        }
+        // 表格行
+        else if (inTable && tableRowMatch) {
+            const cells = tableRowMatch[1].split('|').map(cell => cell.trim());
+            while (cells.length < tableHeaders.length)
+                cells.push('');
+            if (cells.length > tableHeaders.length)
+                cells.length = tableHeaders.length;
+            tableRows.push(cells);
+        }
+        // 表格结束
+        else if (inTable && !tableRowMatch) {
+            if (tableHeaders.length > 0 && tableRows.length > 0) {
+                addContentBlock(React.createElement(TableRenderer, { key: `table-${contentBlocks.length}`, headers: tableHeaders, rows: tableRows, terminalWidth: terminalWidth }));
+            }
+            inTable = false;
+            tableRows = [];
+            tableHeaders = [];
+            // 处理当前行
+            if (line.trim().length > 0) {
+                addContentBlock(React.createElement(Box, { key: key },
+                    React.createElement(Text, { wrap: "wrap", color: theme.text.primary },
+                        React.createElement(RenderInline, { text: line, defaultColor: theme.text.primary }))));
+            }
+        }
+        // 横线
+        else if (hrMatch) {
+            addContentBlock(React.createElement(Box, { key: key },
+                React.createElement(Text, { color: theme.border }, '─'.repeat(40))));
+        }
+        // 标题
+        else if (headerMatch) {
+            const level = headerMatch[1].length;
+            const headerText = headerMatch[2];
+            let headerNode = null;
+            switch (level) {
+                case 1:
+                    headerNode = (React.createElement(Text, { bold: true, underline: true, color: theme.primary },
+                        React.createElement(RenderInline, { text: headerText, defaultColor: theme.primary })));
+                    break;
+                case 2:
+                    headerNode = (React.createElement(Text, { bold: true, color: theme.secondary },
+                        React.createElement(RenderInline, { text: headerText, defaultColor: theme.secondary })));
+                    break;
+                case 3:
+                    headerNode = (React.createElement(Text, { bold: true, color: theme.info },
+                        React.createElement(RenderInline, { text: headerText, defaultColor: theme.info })));
+                    break;
+                default:
+                    headerNode = (React.createElement(Text, { bold: true, color: theme.text.primary },
+                        React.createElement(RenderInline, { text: headerText, defaultColor: theme.text.primary })));
+                    break;
+            }
+            if (headerNode) {
+                addContentBlock(React.createElement(Box, { key: key, marginTop: lastLineEmpty ? 0 : 1 }, headerNode));
+            }
+        }
+        // 无序列表
+        else if (ulMatch) {
+            const leadingWhitespace = ulMatch[1];
+            const itemText = ulMatch[3];
+            const indentation = leadingWhitespace.length;
+            addContentBlock(React.createElement(Box, { key: key, paddingLeft: indentation + 1, flexDirection: "row" },
+                React.createElement(Box, { width: 2 },
+                    React.createElement(Text, { color: theme.text.primary }, "\u2022 ")),
+                React.createElement(Box, { flexGrow: 1 },
+                    React.createElement(Text, { wrap: "wrap", color: theme.text.primary },
+                        React.createElement(RenderInline, { text: itemText, defaultColor: theme.text.primary })))));
+        }
+        // 有序列表
+        else if (olMatch) {
+            const leadingWhitespace = olMatch[1];
+            const marker = olMatch[2];
+            const itemText = olMatch[3];
+            const indentation = leadingWhitespace.length;
+            const prefix = `${marker}. `;
+            addContentBlock(React.createElement(Box, { key: key, paddingLeft: indentation + 1, flexDirection: "row" },
+                React.createElement(Box, { width: prefix.length },
+                    React.createElement(Text, { color: theme.text.primary }, prefix)),
+                React.createElement(Box, { flexGrow: 1 },
+                    React.createElement(Text, { wrap: "wrap", color: theme.text.primary },
+                        React.createElement(RenderInline, { text: itemText, defaultColor: theme.text.primary })))));
+        }
+        // 空行或普通文本
+        else {
+            if (line.trim().length === 0 && !inCodeBlock) {
+                // 空行：不添加额外的 Box，让段落自然分隔
+                if (!lastLineEmpty) {
+                    lastLineEmpty = true;
+                }
+            }
+            else {
+                const inlineContent = React.createElement(RenderInline, { text: line, defaultColor: theme.text.primary });
+                addContentBlock(React.createElement(Box, { key: key },
+                    React.createElement(Text, { wrap: "wrap", color: theme.text.primary }, inlineContent)));
+            }
+        }
+    });
+    // 处理未闭合的代码块
+    if (inCodeBlock) {
+        addContentBlock(React.createElement(ColorizeCode, { key: "line-eof", code: codeBlockContent.join('\n'), language: codeBlockLang, showLineNumbers: false }));
+    }
+    // 处理未闭合的表格
+    if (inTable && tableHeaders.length > 0 && tableRows.length > 0) {
+        addContentBlock(React.createElement(TableRenderer, { key: `table-${contentBlocks.length}`, headers: tableHeaders, rows: tableRows, terminalWidth: terminalWidth }));
+    }
+    return React.createElement(Box, { flexDirection: "column" }, contentBlocks);
+}
+export const MarkdownDisplay = React.memo(MarkdownDisplayInternal);

package/dist/src/components/MultiStepCommandGenerator.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { type ExecutedStep } from '../multi-step.js';
+interface MultiStepCommandGeneratorProps {
+    prompt: string;
+    debug?: boolean;
+    onStepComplete: (step: {
+        command: string;
+        confirmed: boolean;
+        cancelled?: boolean;
+        hasBuiltin?: boolean;
+        builtins?: string[];
+        reasoning?: string;
+        needsContinue?: boolean;
+        nextStepHint?: string;
+        debugInfo?: any;
+    }) => void;
+    previousSteps?: ExecutedStep[];
+    currentStepNumber?: number;
+}
+/**
+ * MultiStepCommandGenerator 组件 - 多步骤命令生成
+ * 每次只生成一个命令，支持 continue 机制
+ */
+export declare const MultiStepCommandGenerator: React.FC<MultiStepCommandGeneratorProps>;
+export {};

package/dist/src/components/MultiStepCommandGenerator.js

@@ -0,0 +1,142 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { generateMultiStepCommand } from '../multi-step.js';
+import { detectBuiltin, formatBuiltins } from '../builtin-detector.js';
+import { CommandBox } from './CommandBox.js';
+import { ConfirmationPrompt } from './ConfirmationPrompt.js';
+import { Duration } from './Duration.js';
+import { theme } from '../ui/theme.js';
+/**
+ * MultiStepCommandGenerator 组件 - 多步骤命令生成
+ * 每次只生成一个命令，支持 continue 机制
+ */
+export const MultiStepCommandGenerator = ({ prompt, debug, previousSteps = [], currentStepNumber = 1, onStepComplete, }) => {
+    const [state, setState] = useState({ type: 'thinking' });
+    const [thinkDuration, setThinkDuration] = useState(0);
+    const [debugInfo, setDebugInfo] = useState(null);
+    // 初始化：调用 Mastra 生成命令
+    useEffect(() => {
+        const thinkStart = Date.now();
+        generateMultiStepCommand(prompt, previousSteps, { debug })
+            .then((result) => {
+            const thinkEnd = Date.now();
+            setThinkDuration(thinkEnd - thinkStart);
+            // 保存调试信息
+            if (debug && result.debugInfo) {
+                setDebugInfo(result.debugInfo);
+            }
+            setState({
+                type: 'showing_command',
+                stepData: result.stepData,
+            });
+            // 检测 builtin
+            const { hasBuiltin, builtins } = detectBuiltin(result.stepData.command);
+            if (hasBuiltin) {
+                setTimeout(() => {
+                    onStepComplete({
+                        command: result.stepData.command,
+                        confirmed: false,
+                        hasBuiltin: true,
+                        builtins,
+                        reasoning: result.stepData.reasoning,
+                        needsContinue: result.stepData.continue,
+                    });
+                }, 100);
+            }
+        })
+            .catch((error) => {
+            setState({ type: 'error', error: error.message });
+            setTimeout(() => {
+                onStepComplete({
+                    command: '',
+                    confirmed: false,
+                    cancelled: true,
+                });
+            }, 100);
+        });
+    }, [prompt, previousSteps, debug]);
+    // 处理确认
+    const handleConfirm = () => {
+        if (state.type === 'showing_command') {
+            onStepComplete({
+                command: state.stepData.command,
+                confirmed: true,
+                reasoning: state.stepData.reasoning,
+                needsContinue: state.stepData.continue,
+                nextStepHint: state.stepData.nextStepHint,
+                debugInfo: debugInfo,
+            });
+        }
+    };
+    // 处理取消
+    const handleCancel = () => {
+        if (state.type === 'showing_command') {
+            setState({ type: 'cancelled', command: state.stepData.command });
+            setTimeout(() => {
+                onStepComplete({
+                    command: state.stepData.command,
+                    confirmed: false,
+                    cancelled: true,
+                });
+            }, 100);
+        }
+    };
+    return (React.createElement(Box, { flexDirection: "column" },
+        state.type === 'thinking' && (React.createElement(Box, null,
+            React.createElement(Text, { color: theme.info },
+                React.createElement(Spinner, { type: "dots" }),
+                ' ',
+                currentStepNumber === 1 ? '正在思考...' : `正在规划步骤 ${currentStepNumber}...`))),
+        state.type !== 'thinking' && thinkDuration > 0 && (React.createElement(Box, null,
+            React.createElement(Text, { color: theme.success }, "\u2713 \u601D\u8003\u5B8C\u6210 "),
+            React.createElement(Duration, { ms: thinkDuration }))),
+        state.type === 'showing_command' && (React.createElement(React.Fragment, null,
+            debug && debugInfo && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
+                React.createElement(Text, { color: theme.accent }, "\u2501\u2501\u2501 \u8C03\u8BD5\u4FE1\u606F \u2501\u2501\u2501"),
+                React.createElement(Text, { color: theme.text.secondary }, "\u5B8C\u6574\u7CFB\u7EDF\u63D0\u793A\u8BCD:"),
+                React.createElement(Text, { color: theme.text.dim }, debugInfo.fullPrompt),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: theme.text.secondary },
+                        "\u7528\u6237 Prompt: ",
+                        debugInfo.userPrompt)),
+                debugInfo.previousStepsCount > 0 && (React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: theme.text.secondary },
+                        "\u5DF2\u6267\u884C\u6B65\u9AA4\u6570: ",
+                        debugInfo.previousStepsCount))),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: theme.text.secondary }, "AI \u8FD4\u56DE\u7684 JSON:")),
+                React.createElement(Text, { color: theme.text.dim }, JSON.stringify(debugInfo.response, null, 2)),
+                React.createElement(Text, { color: theme.accent }, "\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"))),
+            state.stepData.continue === true && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
+                React.createElement(Text, { color: theme.text.secondary },
+                    "\u6B65\u9AA4 ",
+                    currentStepNumber,
+                    "/?"),
+                state.stepData.reasoning && (React.createElement(Text, { color: theme.text.muted },
+                    "\u539F\u56E0: ",
+                    state.stepData.reasoning)),
+                state.stepData.nextStepHint && (React.createElement(Text, { color: theme.text.muted },
+                    "\u4E0B\u4E00\u6B65: ",
+                    state.stepData.nextStepHint)))),
+            React.createElement(CommandBox, { command: state.stepData.command }),
+            (() => {
+                const { hasBuiltin, builtins } = detectBuiltin(state.stepData.command);
+                if (hasBuiltin) {
+                    return (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+                        React.createElement(Text, { color: theme.error },
+                            "\u26A0\uFE0F  \u6B64\u547D\u4EE4\u5305\u542B shell \u5185\u7F6E\u547D\u4EE4\uFF08",
+                            formatBuiltins(builtins),
+                            "\uFF09\uFF0C\u65E0\u6CD5\u5728\u5B50\u8FDB\u7A0B\u4E2D\u751F\u6548"),
+                        React.createElement(Text, { color: theme.warning }, "\uD83D\uDCA1 \u8BF7\u624B\u52A8\u590D\u5236\u5230\u7EC8\u7AEF\u6267\u884C")));
+                }
+                return null;
+            })(),
+            !detectBuiltin(state.stepData.command).hasBuiltin && (React.createElement(ConfirmationPrompt, { prompt: "\u6267\u884C\uFF1F", onConfirm: handleConfirm, onCancel: handleCancel })))),
+        state.type === 'cancelled' && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: theme.text.secondary }, "\u5DF2\u53D6\u6D88\u6267\u884C"))),
+        state.type === 'error' && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: theme.error },
+                "\u274C \u9519\u8BEF: ",
+                state.error)))));
+};

package/dist/src/components/TableRenderer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface TableRendererProps {
+    headers: string[];
+    rows: string[][];
+    terminalWidth: number;
+}
+/**
+ * 表格渲染组件
+ */
+declare function TableRendererInternal({ headers, rows, terminalWidth }: TableRendererProps): React.JSX.Element;
+export declare const TableRenderer: React.MemoExoticComponent<typeof TableRendererInternal>;
+export {};

package/dist/src/components/TableRenderer.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import stringWidth from 'string-width';
+import { theme } from '../ui/theme.js';
+import { RenderInline } from './InlineRenderer.js';
+/**
+ * 计算纯文本长度（去除 markdown 标记）
+ */
+function getPlainTextLength(text) {
+    const cleanText = text
+        .replace(/\*\*(.*?)\*\*/g, '$1')
+        .replace(/\*(.*?)\*/g, '$1')
+        .replace(/_(.*?)_/g, '$1')
+        .replace(/~~(.*?)~~/g, '$1')
+        .replace(/`(.*?)`/g, '$1')
+        .replace(/<u>(.*?)<\/u>/g, '$1')
+        .replace(/\[(.*?)\]\(.*?\)/g, '$1');
+    return stringWidth(cleanText);
+}
+/**
+ * 计算每列的最佳宽度
+ */
+function calculateColumnWidths(headers, rows, terminalWidth) {
+    const columnCount = headers.length;
+    const minWidths = headers.map((h, i) => {
+        const headerWidth = getPlainTextLength(h);
+        const maxRowWidth = Math.max(...rows.map(row => getPlainTextLength(row[i] || '')));
+        return Math.max(headerWidth, maxRowWidth, 3); // 最小宽度 3
+    });
+    const totalMinWidth = minWidths.reduce((a, b) => a + b, 0) + (columnCount + 1) * 3; // 加边框和间距
+    if (totalMinWidth <= terminalWidth) {
+        return minWidths;
+    }
+    // 如果超宽，平均分配
+    const availableWidth = terminalWidth - (columnCount + 1) * 3;
+    const avgWidth = Math.floor(availableWidth / columnCount);
+    return headers.map(() => Math.max(avgWidth, 5));
+}
+/**
+ * 表格渲染组件
+ */
+function TableRendererInternal({ headers, rows, terminalWidth }) {
+    const columnWidths = calculateColumnWidths(headers, rows, terminalWidth);
+    const baseColor = theme.text.primary;
+    return (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.border }, "\u2502 "),
+            headers.map((header, i) => (React.createElement(React.Fragment, { key: i },
+                React.createElement(Box, { width: columnWidths[i] },
+                    React.createElement(Text, { bold: true, color: theme.primary },
+                        React.createElement(RenderInline, { text: header, defaultColor: theme.primary }))),
+                React.createElement(Text, { color: theme.border }, " \u2502 "))))),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.border }, "\u251C\u2500"),
+            columnWidths.map((width, i) => (React.createElement(React.Fragment, { key: i },
+                React.createElement(Text, { color: theme.border }, '─'.repeat(width)),
+                React.createElement(Text, { color: theme.border }, "\u2500\u253C\u2500"))))),
+        rows.map((row, rowIndex) => (React.createElement(Box, { key: rowIndex },
+            React.createElement(Text, { color: theme.border }, "\u2502 "),
+            row.map((cell, cellIndex) => (React.createElement(React.Fragment, { key: cellIndex },
+                React.createElement(Box, { width: columnWidths[cellIndex] },
+                    React.createElement(Text, { color: baseColor },
+                        React.createElement(RenderInline, { text: cell || '', defaultColor: baseColor }))),
+                React.createElement(Text, { color: theme.border }, " \u2502 ")))))))));
+}
+export const TableRenderer = React.memo(TableRendererInternal);

package/dist/src/config.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 读取配置
+ */
+export function getConfig(): any;
+/**
+ * 保存配置
+ */
+export function saveConfig(config: any): void;
+/**
+ * 设置单个配置项
+ */
+export function setConfigValue(key: any, value: any): any;
+/**
+ * 检查配置是否有效
+ */
+export function isConfigValid(): any;
+/**
+ * 隐藏 API Key 中间部分
+ */
+export function maskApiKey(apiKey: any): any;
+/**
+ * 显示当前配置
+ */
+export function displayConfig(): void;
+/**
+ * 交互式配置向导
+ */
+export function runConfigWizard(): Promise<void>;
+export const CONFIG_DIR: string;