@yivan-lab/pretty-please 1.0.0

package/dist/src/components/CodeColorizer.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import { Text, Box } from 'ink';
+import { common, createLowlight } from 'lowlight';
+import { theme } from '../ui/theme.js';
+// 创建 lowlight 实例
+const lowlight = createLowlight(common);
+// 语法高亮颜色映射
+const syntaxColors = {
+    'hljs-keyword': theme.code.keyword,
+    'hljs-string': theme.code.string,
+    'hljs-function': theme.code.function,
+    'hljs-comment': theme.code.comment,
+    'hljs-number': theme.primary,
+    'hljs-built_in': theme.secondary,
+    'hljs-title': theme.accent,
+    'hljs-variable': theme.text.primary,
+    'hljs-type': theme.info,
+    'hljs-operator': theme.text.secondary,
+};
+/**
+ * 渲染 HAST 语法树节点
+ */
+function renderHastNode(node, inheritedColor) {
+    if (node.type === 'text') {
+        const color = inheritedColor || theme.code.text;
+        return React.createElement(Text, { color: color }, node.value);
+    }
+    if (node.type === 'element') {
+        const nodeClasses = node.properties?.['className'] || [];
+        let elementColor = undefined;
+        // 查找颜色
+        for (let i = nodeClasses.length - 1; i >= 0; i--) {
+            const className = nodeClasses[i];
+            if (syntaxColors[className]) {
+                elementColor = syntaxColors[className];
+                break;
+            }
+        }
+        const colorToPassDown = elementColor || inheritedColor;
+        // 递归渲染子节点
+        const children = node.children?.map((child, index) => (React.createElement(React.Fragment, { key: index }, renderHastNode(child, colorToPassDown))));
+        return React.createElement(React.Fragment, null, children);
+    }
+    if (node.type === 'root') {
+        if (!node.children || node.children.length === 0) {
+            return null;
+        }
+        return node.children?.map((child, index) => (React.createElement(React.Fragment, { key: index }, renderHastNode(child, inheritedColor))));
+    }
+    return null;
+}
+/**
+ * 高亮并渲染一行代码
+ */
+function highlightLine(line, language) {
+    try {
+        const highlighted = !language || !lowlight.registered(language)
+            ? lowlight.highlightAuto(line)
+            : lowlight.highlight(language, line);
+        const rendered = renderHastNode(highlighted, undefined);
+        return rendered !== null ? rendered : line;
+    }
+    catch {
+        return line;
+    }
+}
+/**
+ * 代码高亮组件
+ */
+function ColorizeCodeInternal({ code, language = null, showLineNumbers = false }) {
+    const codeToHighlight = code.replace(/\n$/, '');
+    const lines = codeToHighlight.split('\n');
+    const padWidth = String(lines.length).length;
+    const renderedLines = lines.map((line, index) => {
+        const contentToRender = highlightLine(line, language);
+        return (React.createElement(Box, { key: index, minHeight: 1 },
+            showLineNumbers && (React.createElement(Text, { color: theme.text.dim }, `${String(index + 1).padStart(padWidth, ' ')} `)),
+            React.createElement(Text, { color: theme.code.text }, contentToRender)));
+    });
+    return (React.createElement(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, paddingY: 1, borderStyle: "round", borderColor: theme.border }, renderedLines));
+}
+export const ColorizeCode = React.memo(ColorizeCodeInternal);

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CommandBoxProps {
+    command: string;
+    title?: string;
+}
+/**
+ * CommandBox 组件 - 显示带边框和标题的命令框
+ */
+export declare const CommandBox: React.FC<CommandBoxProps>;
+export {};

package/dist/src/components/CommandBox.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { theme } from '../ui/theme.js';
+/**
+ * 计算字符串的显示宽度（中文占2个宽度）
+ */
+function getDisplayWidth(str) {
+    let width = 0;
+    for (const char of str) {
+        // 中文、日文、韩文等宽字符占 2 个宽度
+        if (char.match(/[\u4e00-\u9fff\u3400-\u4dbf\uff00-\uffef\u3000-\u303f]/)) {
+            width += 2;
+        }
+        else {
+            width += 1;
+        }
+    }
+    return width;
+}
+/**
+ * CommandBox 组件 - 显示带边框和标题的命令框
+ */
+export const CommandBox = ({ command, title = '生成命令' }) => {
+    const lines = command.split('\n');
+    const titleWidth = getDisplayWidth(title);
+    const maxContentWidth = Math.max(...lines.map(l => getDisplayWidth(l)));
+    const boxWidth = Math.max(maxContentWidth + 4, titleWidth + 6, 20);
+    // 顶部边框：┌─ 生成命令 ─────┐
+    const topPadding = boxWidth - titleWidth - 5;
+    const topBorder = '┌─ ' + title + ' ' + '─'.repeat(topPadding) + '┐';
+    // 底部边框
+    const bottomBorder = '└' + '─'.repeat(boxWidth - 2) + '┘';
+    return (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+        React.createElement(Text, { color: theme.warning }, topBorder),
+        lines.map((line, index) => {
+            const lineWidth = getDisplayWidth(line);
+            const padding = ' '.repeat(boxWidth - lineWidth - 4);
+            return (React.createElement(Text, { key: index },
+                React.createElement(Text, { color: theme.warning }, "\u2502 "),
+                React.createElement(Text, { color: theme.primary }, line),
+                React.createElement(Text, null, padding),
+                React.createElement(Text, { color: theme.warning }, " \u2502")));
+        }),
+        React.createElement(Text, { color: theme.warning }, bottomBorder)));
+};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+interface CommandGeneratorProps {
+    prompt: string;
+    debug?: boolean;
+    onComplete: (result: {
+        command?: string;
+        confirmed?: boolean;
+        cancelled?: boolean;
+        hasBuiltin?: boolean;
+        builtins?: string[];
+        debugInfo?: any;
+        error?: string;
+    }) => void;
+}
+/**
+ * CommandGenerator 组件 - 命令生成和确认（仅用于交互）
+ * 不执行命令，执行交给调用方用原生方式处理
+ */
+export declare const CommandGenerator: React.FC<CommandGeneratorProps>;
+export {};

package/dist/src/components/CommandGenerator.js

@@ -0,0 +1,116 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { generateCommand } from '../ai.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';
+/**
+ * CommandGenerator 组件 - 命令生成和确认（仅用于交互）
+ * 不执行命令，执行交给调用方用原生方式处理
+ */
+export const CommandGenerator = ({ prompt, debug, onComplete }) => {
+    const [state, setState] = useState({ type: 'thinking' });
+    const [thinkDuration, setThinkDuration] = useState(0);
+    const [debugInfo, setDebugInfo] = useState(null);
+    // 初始化：调用 AI 生成命令
+    useEffect(() => {
+        const thinkStart = Date.now();
+        generateCommand(prompt, { debug: debug || false })
+            .then((result) => {
+            const command = debug && typeof result === 'object' ? result.command : result;
+            const thinkEnd = Date.now();
+            setThinkDuration(thinkEnd - thinkStart);
+            if (debug && typeof result === 'object' && 'debug' in result) {
+                setDebugInfo(result.debug);
+            }
+            // 检测 builtin
+            const { hasBuiltin, builtins } = detectBuiltin(command);
+            setState({
+                type: 'showing_command',
+                command,
+                hasBuiltin,
+                builtins,
+            });
+            // 如果是 builtin，直接完成（不执行）
+            if (hasBuiltin) {
+                setTimeout(() => {
+                    onComplete({
+                        command,
+                        confirmed: false,
+                        hasBuiltin: true,
+                        builtins,
+                        debugInfo: debugInfo || undefined,
+                    });
+                }, 100);
+            }
+        })
+            .catch((error) => {
+            setState({ type: 'error', error: error.message });
+            setTimeout(() => {
+                onComplete({ error: error.message });
+            }, 100);
+        });
+    }, [prompt, debug]);
+    // 处理确认
+    const handleConfirm = () => {
+        if (state.type === 'showing_command') {
+            // 返回命令和确认状态，让调用方执行
+            onComplete({
+                command: state.command,
+                confirmed: true,
+                debugInfo: debugInfo || undefined,
+            });
+        }
+    };
+    // 处理取消
+    const handleCancel = () => {
+        if (state.type === 'showing_command') {
+            setState({ type: 'cancelled', command: state.command });
+            setTimeout(() => {
+                onComplete({
+                    command: state.command,
+                    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" }),
+                " \u6B63\u5728\u601D\u8003..."))),
+        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 }))),
+        debugInfo && (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+            React.createElement(Text, { color: theme.accent }, "\u2501\u2501\u2501 \u8C03\u8BD5\u4FE1\u606F \u2501\u2501\u2501"),
+            React.createElement(Text, { color: theme.text.secondary },
+                "\u7CFB\u7EDF\u4FE1\u606F: ",
+                debugInfo.sysinfo),
+            React.createElement(Text, { color: theme.text.secondary },
+                "\u6A21\u578B: ",
+                debugInfo.model),
+            React.createElement(Text, { color: theme.text.secondary }, "System Prompt:"),
+            React.createElement(Text, { dimColor: true }, debugInfo.systemPrompt),
+            React.createElement(Text, { color: theme.text.secondary },
+                "User Prompt: ",
+                debugInfo.userPrompt),
+            React.createElement(Text, { color: theme.accent }, "\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501"))),
+        (state.type === 'showing_command' || state.type === 'cancelled') && (React.createElement(CommandBox, { command: state.command })),
+        state.type === 'showing_command' && state.hasBuiltin && (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(state.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"))),
+        state.type === 'showing_command' && !state.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/ConfigDisplay.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ConfigDisplayProps {
+    onComplete?: () => void;
+}
+/**
+ * ConfigDisplay 组件 - 显示当前配置
+ */
+export declare const ConfigDisplay: React.FC<ConfigDisplayProps>;
+export {};

package/dist/src/components/ConfigDisplay.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { getConfig, maskApiKey } from '../config.js';
+import { theme } from '../ui/theme.js';
+import path from 'path';
+import os from 'os';
+const CONFIG_FILE = path.join(os.homedir(), '.please', 'config.json');
+/**
+ * ConfigDisplay 组件 - 显示当前配置
+ */
+export const ConfigDisplay = ({ onComplete }) => {
+    const config = getConfig();
+    React.useEffect(() => {
+        if (onComplete) {
+            setTimeout(onComplete, 100);
+        }
+    }, [onComplete]);
+    return (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+        React.createElement(Text, { bold: true }, "\u5F53\u524D\u914D\u7F6E:"),
+        React.createElement(Text, { color: theme.text.secondary }, '━'.repeat(40)),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  apiKey:           "),
+            React.createElement(Text, null, maskApiKey(config.apiKey))),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  baseUrl:          "),
+            React.createElement(Text, null, config.baseUrl)),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  model:            "),
+            React.createElement(Text, null, config.model)),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  shellHook:        "),
+            config.shellHook ? (React.createElement(Text, { color: theme.success }, "\u5DF2\u542F\u7528")) : (React.createElement(Text, { color: theme.text.secondary }, "\u672A\u542F\u7528"))),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  chatHistoryLimit: "),
+            React.createElement(Text, null,
+                config.chatHistoryLimit,
+                " \u8F6E")),
+        React.createElement(Text, { color: theme.text.secondary }, '━'.repeat(40)),
+        React.createElement(Text, { color: theme.text.secondary },
+            "\u914D\u7F6E\u6587\u4EF6: ",
+            CONFIG_FILE)));
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ConfigWizardProps {
+    onComplete: () => void;
+}
+/**
+ * ConfigWizard 组件 - 交互式配置向导
+ */
+export declare const ConfigWizard: React.FC<ConfigWizardProps>;
+export {};

package/dist/src/components/ConfigWizard.js

@@ -0,0 +1,72 @@
+import React, { useState } from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import { getConfig, saveConfig, maskApiKey } from '../config.js';
+import { theme } from '../ui/theme.js';
+import path from 'path';
+import os from 'os';
+const CONFIG_FILE = path.join(os.homedir(), '.please', 'config.json');
+/**
+ * ConfigWizard 组件 - 交互式配置向导
+ */
+export const ConfigWizard = ({ onComplete }) => {
+    const config = getConfig();
+    const [step, setStep] = useState('apiKey');
+    const [apiKey, setApiKey] = useState(config.apiKey);
+    const [baseUrl, setBaseUrl] = useState(config.baseUrl);
+    const [model, setModel] = useState(config.model);
+    const handleApiKeySubmit = (value) => {
+        if (value.trim()) {
+            setApiKey(value.trim());
+        }
+        setStep('baseUrl');
+    };
+    const handleBaseUrlSubmit = (value) => {
+        if (value.trim()) {
+            setBaseUrl(value.trim());
+        }
+        setStep('model');
+    };
+    const handleModelSubmit = (value) => {
+        if (value.trim()) {
+            setModel(value.trim());
+        }
+        // 保存配置
+        saveConfig({
+            ...config,
+            apiKey: apiKey || config.apiKey,
+            baseUrl: baseUrl || config.baseUrl,
+            model: model.trim() || config.model,
+        });
+        setStep('done');
+        setTimeout(onComplete, 100);
+    };
+    return (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+        React.createElement(Text, { bold: true, color: theme.accent }, "\uD83D\uDD27 Pretty Please \u914D\u7F6E\u5411\u5BFC"),
+        React.createElement(Text, { color: theme.text.secondary }, '━'.repeat(40)),
+        step === 'apiKey' && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: theme.primary },
+                "\u8BF7\u8F93\u5165 API Key",
+                config.apiKey ? ` (当前: ${maskApiKey(config.apiKey)})` : '',
+                ":",
+                ' '),
+            React.createElement(TextInput, { value: "", onChange: () => { }, onSubmit: handleApiKeySubmit }))),
+        step === 'baseUrl' && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: theme.primary },
+                "\u8BF7\u8F93\u5165 API Base URL (\u56DE\u8F66\u4F7F\u7528 ",
+                baseUrl,
+                "):",
+                ' '),
+            React.createElement(TextInput, { value: "", onChange: () => { }, onSubmit: handleBaseUrlSubmit }))),
+        step === 'model' && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: theme.primary },
+                "\u8BF7\u8F93\u5165\u6A21\u578B\u540D\u79F0 (\u56DE\u8F66\u4F7F\u7528 ",
+                model,
+                "):",
+                ' '),
+            React.createElement(TextInput, { value: "", onChange: () => { }, onSubmit: handleModelSubmit }))),
+        step === 'done' && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
+            React.createElement(Text, { color: theme.text.secondary }, '━'.repeat(40)),
+            React.createElement(Text, { color: theme.success }, "\u2705 \u914D\u7F6E\u5DF2\u4FDD\u5B58\u5230 "),
+            React.createElement(Text, { color: theme.text.secondary }, CONFIG_FILE)))));
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface ConfirmationPromptProps {
+    prompt: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+/**
+ * ConfirmationPrompt 组件 - 单键确认提示
+ * 回车 = 确认，Esc = 取消，Ctrl+C = 退出
+ */
+export declare const ConfirmationPrompt: React.FC<ConfirmationPromptProps>;
+export {};

package/dist/src/components/ConfirmationPrompt.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Text, useInput } from 'ink';
+import { theme } from '../ui/theme.js';
+/**
+ * ConfirmationPrompt 组件 - 单键确认提示
+ * 回车 = 确认，Esc = 取消，Ctrl+C = 退出
+ */
+export const ConfirmationPrompt = ({ prompt, onConfirm, onCancel, }) => {
+    useInput((input, key) => {
+        if (key.return) {
+            // 回车键
+            onConfirm();
+        }
+        else if (key.escape) {
+            // Esc 键
+            onCancel();
+        }
+        else if (key.ctrl && input === 'c') {
+            // Ctrl+C
+            process.exit(0);
+        }
+    });
+    return (React.createElement(Text, null,
+        React.createElement(Text, { bold: true, color: theme.warning }, prompt),
+        React.createElement(Text, { color: theme.text.secondary }, " [\u56DE\u8F66\u6267\u884C / Esc \u53D6\u6D88] ")));
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DurationProps {
+    ms: number;
+}
+/**
+ * Duration 组件 - 显示耗时
+ */
+export declare const Duration: React.FC<DurationProps>;
+export {};

package/dist/src/components/Duration.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Text } from 'ink';
+import { theme } from '../ui/theme.js';
+/**
+ * 格式化耗时
+ */
+function formatDuration(ms) {
+    if (ms < 1000) {
+        return `${ms}ms`;
+    }
+    return `${(ms / 1000).toFixed(2)}s`;
+}
+/**
+ * Duration 组件 - 显示耗时
+ */
+export const Duration = ({ ms }) => {
+    return React.createElement(Text, { color: theme.text.secondary },
+        "(",
+        formatDuration(ms),
+        ")");
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface HistoryDisplayProps {
+    onComplete?: () => void;
+}
+/**
+ * HistoryDisplay 组件 - 显示历史记录
+ */
+export declare const HistoryDisplay: React.FC<HistoryDisplayProps>;
+export {};

package/dist/src/components/HistoryDisplay.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { getHistory, getHistoryFilePath } from '../history.js';
+import { theme } from '../ui/theme.js';
+/**
+ * HistoryDisplay 组件 - 显示历史记录
+ */
+export const HistoryDisplay = ({ onComplete }) => {
+    const history = getHistory();
+    React.useEffect(() => {
+        if (onComplete) {
+            setTimeout(onComplete, 100);
+        }
+    }, [onComplete]);
+    if (history.length === 0) {
+        return (React.createElement(Box, { marginY: 1 },
+            React.createElement(Text, { color: theme.text.secondary }, "\u6682\u65E0\u5386\u53F2\u8BB0\u5F55")));
+    }
+    return (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+        React.createElement(Text, { bold: true }, "\uD83D\uDCDC \u547D\u4EE4\u5386\u53F2:"),
+        React.createElement(Text, { color: theme.text.secondary }, '━'.repeat(50)),
+        history.map((item, index) => {
+            const status = item.executed
+                ? item.exitCode === 0
+                    ? '✓'
+                    : `✗ 退出码:${item.exitCode}`
+                : '(未执行)';
+            const statusColor = item.executed
+                ? item.exitCode === 0
+                    ? theme.success
+                    : theme.error
+                : theme.text.secondary;
+            return (React.createElement(Box, { key: index, flexDirection: "column", marginY: 1 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: theme.text.secondary },
+                        index + 1,
+                        ". "),
+                    React.createElement(Text, { color: theme.primary }, item.userPrompt)),
+                React.createElement(Box, { marginLeft: 3 },
+                    React.createElement(Text, { dimColor: true }, "\u2192 "),
+                    React.createElement(Text, null,
+                        item.command,
+                        " "),
+                    React.createElement(Text, { color: statusColor }, status)),
+                React.createElement(Box, { marginLeft: 3 },
+                    React.createElement(Text, { color: theme.text.secondary }, item.timestamp))));
+        }),
+        React.createElement(Text, { color: theme.text.secondary },
+            "\u5386\u53F2\u6587\u4EF6: ",
+            getHistoryFilePath())));
+};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface HookManagerProps {
+    action: 'status' | 'install' | 'uninstall';
+    onComplete: () => void;
+}
+/**
+ * HookManager 组件 - Hook 管理界面
+ */
+export declare const HookManager: React.FC<HookManagerProps>;
+export {};

package/dist/src/components/HookManager.js

@@ -0,0 +1,88 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { getHookStatus, installShellHook, uninstallShellHook, detectShell, getShellConfigPath, } from '../shell-hook.js';
+import { theme } from '../ui/theme.js';
+/**
+ * HookManager 组件 - Hook 管理界面
+ */
+export const HookManager = ({ action, onComplete }) => {
+    const [status, setStatus] = useState(getHookStatus());
+    const [message, setMessage] = useState(null);
+    const [isProcessing, setIsProcessing] = useState(false);
+    useEffect(() => {
+        const execute = async () => {
+            if (action === 'install') {
+                setIsProcessing(true);
+                const shellType = detectShell();
+                const configPath = getShellConfigPath(shellType);
+                if (shellType === 'unknown') {
+                    setMessage('❌ 不支持的 shell 类型');
+                    setIsProcessing(false);
+                    setTimeout(onComplete, 2000);
+                    return;
+                }
+                const result = await installShellHook();
+                setStatus(getHookStatus());
+                setIsProcessing(false);
+                if (result) {
+                    setMessage(`✅ Shell hook 已安装\n⚠️  请重启终端或执行: source ${configPath}`);
+                }
+                setTimeout(onComplete, 3000);
+            }
+            else if (action === 'uninstall') {
+                setIsProcessing(true);
+                uninstallShellHook();
+                setStatus(getHookStatus());
+                setMessage('✅ Shell hook 已卸载\n⚠️  请重启终端使其生效');
+                setIsProcessing(false);
+                setTimeout(onComplete, 3000);
+            }
+            else {
+                // status
+                setTimeout(onComplete, 100);
+            }
+        };
+        execute();
+    }, [action, onComplete]);
+    if (action === 'install' || action === 'uninstall') {
+        return (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+            React.createElement(Text, { bold: true, color: theme.accent },
+                "\uD83D\uDD27 Shell Hook ",
+                action === 'install' ? '安装' : '卸载',
+                "\u5411\u5BFC"),
+            React.createElement(Text, { color: theme.text.secondary }, '━'.repeat(40)),
+            isProcessing && React.createElement(Text, { color: theme.info }, "\u5904\u7406\u4E2D..."),
+            message && (React.createElement(Box, { flexDirection: "column", marginTop: 1 }, message.split('\n').map((line, i) => (React.createElement(Text, { key: i, color: line.startsWith('✅')
+                    ? theme.success
+                    : line.startsWith('⚠️')
+                        ? theme.warning
+                        : line.startsWith('❌')
+                            ? theme.error
+                            : theme.text.primary }, line)))))));
+    }
+    // Status display
+    return (React.createElement(Box, { flexDirection: "column", marginY: 1 },
+        React.createElement(Text, { bold: true }, "\uD83D\uDCCA Shell Hook \u72B6\u6001"),
+        React.createElement(Text, { color: theme.text.secondary }, '━'.repeat(40)),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: theme.primary }, "  Shell \u7C7B\u578B: "),
+            React.createElement(Text, null, status.shellType)),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  \u914D\u7F6E\u6587\u4EF6:   "),
+            React.createElement(Text, null, status.configPath || '未知')),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  \u5DF2\u5B89\u88C5:     "),
+            status.installed ? (React.createElement(Text, { color: theme.success }, "\u662F")) : (React.createElement(Text, { color: theme.text.secondary }, "\u5426"))),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  \u5DF2\u542F\u7528:     "),
+            status.enabled ? (React.createElement(Text, { color: theme.success }, "\u662F")) : (React.createElement(Text, { color: theme.text.secondary }, "\u5426"))),
+        React.createElement(Box, null,
+            React.createElement(Text, { color: theme.primary }, "  \u5386\u53F2\u6587\u4EF6:   "),
+            React.createElement(Text, null, status.historyFile)),
+        React.createElement(Text, { color: theme.text.secondary }, '━'.repeat(40)),
+        !status.installed && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: theme.text.secondary },
+                "\u63D0\u793A: \u8FD0\u884C ",
+                React.createElement(Text, { color: theme.primary }, "pls hook install"),
+                " \u5B89\u88C5 shell hook")))));
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface RenderInlineProps {
+    text: string;
+    defaultColor?: string;
+}
+/**
+ * 行内 Markdown 渲染器
+ * 处理 **粗体**、*斜体*、`代码`、~~删除线~~、<u>下划线</u>、链接
+ */
+declare function RenderInlineInternal({ text, defaultColor }: RenderInlineProps): React.JSX.Element;
+export declare const RenderInline: React.MemoExoticComponent<typeof RenderInlineInternal>;
+export {};