travel-agent-cli 0.3.5 → 0.4.0

package/bin/cli.js

@@ -5,22 +5,43 @@
  * 该脚本作为 npm 包的入口，调用 Python 实现的 main.py
  */
 
-const { spawn } = require('child_process');
-const path = require('path');
-const fs = require('fs');
+import { spawn } from 'child_process';
+import path from 'path';
+import fs from 'fs';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 // 获取包的安装路径
 const packagePath = path.join(__dirname, '..');
 const pythonDir = path.join(packagePath, 'python');
 const mainPy = path.join(pythonDir, 'main.py');
 
+// 检查虚拟环境是否存在
+function getVenvPython() {
+  const venvPaths = [
+    path.join(pythonDir, 'venv', 'bin', 'python'),
+    path.join(pythonDir, '.venv', 'bin', 'python'),
+    path.join(pythonDir, 'venv', 'Scripts', 'python.exe'),
+  ];
+
+  for (const venvPath of venvPaths) {
+    if (fs.existsSync(venvPath)) {
+      return venvPath;
+    }
+  }
+
+  return null;
+}
+
 // 检查 Python 是否可用
 function findPython() {
   const candidates = ['python3', 'python'];
 
   for (const cmd of candidates) {
     try {
-      const { execSync } = require('child_process');
+      const { execSync } = await import('child_process');
       execSync(`${cmd} --version`, { stdio: 'ignore' });
       return cmd;
     } catch (e) {
@@ -31,21 +52,29 @@ function findPython() {
   return null;
 }
 
-// 检查虚拟环境是否存在
-function getVenvPython() {
-  const venvPaths = [
-    path.join(pythonDir, 'venv', 'bin', 'python'),
-    path.join(pythonDir, '.venv', 'bin', 'python'),
-    path.join(pythonDir, 'venv', 'Scripts', 'python.exe'),
-  ];
+// 启动 Ink 交互式 CLI
+function runInteractive() {
+  const interactiveJs = path.join(packagePath, 'interactive.jsx');
 
-  for (const venvPath of venvPaths) {
-    if (fs.existsSync(venvPath)) {
-      return venvPath;
-    }
+  if (!fs.existsSync(interactiveJs)) {
+    console.error(`错误：未找到 interactive.jsx 文件：${interactiveJs}`);
+    process.exit(1);
   }
 
-  return null;
+  // 使用 tsx 运行 JSX
+  const child = spawn('node', ['--import', 'tsx', interactiveJs], {
+    stdio: 'inherit',
+    cwd: packagePath
+  });
+
+  child.on('error', (err) => {
+    console.error('执行失败:', err.message);
+    process.exit(1);
+  });
+
+  child.on('exit', (code) => {
+    process.exit(code || 0);
+  });
 }
 
 // 主函数
@@ -64,24 +93,21 @@ function run() {
   travel-agent <command> [options]
 
 可用命令:
-  run         运行完整工作流（数据采集 → 分析评分 → 路线规划 → 报告生成）
-  analyze     分析旅行产品可行性（市场调研 → 资源评估 → 生成报告）
+  run         运行完整工作流
+  analyze     产品可行性分析
   agents      查看 Agent 团队信息
-  status      显示系统状态（版本、模型、API 配置）
-  model       管理 LLM 模型配置（list/status/use）
-  config      管理配置（--show/--init）
-  flyai       FlyAI 旅行搜索（航班/酒店/景点）
+  status      显示系统状态
+  model       管理 LLM 模型配置
+  config      管理配置
+  flyai       FlyAI 旅行搜索
   interactive 启动交互式 CLI（推荐）
   help        显示帮助信息
 
 示例:
-  travel-agent interactive                    # 启动交互式 CLI（推荐）
-  travel-agent run -k "海岛游"                # 搜索海岛游推荐
-  travel-agent analyze "北欧极光"             # 分析极光旅行产品
-  travel-agent flyai "5 天日本行程规划"       # FlyAI 旅行搜索
-  travel-agent agents                         # 查看 Agent 团队
-  travel-agent model list                     # 查看支持的模型
-  travel-agent --help                         # 显示帮助
+  travel-agent interactive                    # 启动交互式 CLI
+  travel-agent run -k "海岛游"
+  travel-agent analyze "北欧极光"
+  travel-agent flyai "5 天日本行程规划"
 
 选项:
   -h, --help     显示帮助信息
@@ -93,17 +119,23 @@ function run() {
 
   // 版本信息
   if (args.includes('-v') || args.includes('--version')) {
-    const pkg = require(path.join(__dirname, '..', 'package.json'));
+    const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '..', 'package.json'), 'utf8'));
     console.log(`travel-agent-cli v${pkg.version}`);
     process.exit(0);
   }
 
+  // 检查 interactive 命令
+  if (args[0] === 'interactive') {
+    runInteractive();
+    return;
+  }
+
   // 优先使用虚拟环境的 Python
   let pythonCmd = getVenvPython();
 
   // 如果没有虚拟环境，使用系统 Python
   if (!pythonCmd) {
-    pythonCmd = findPython();
+    pythonCmd = await findPython();
   }
 
   if (!pythonCmd) {
@@ -112,30 +144,6 @@ function run() {
     process.exit(1);
   }
 
-  // 检查 interactive 命令
-  const interactivePy = path.join(pythonDir, 'interactive.py');
-  if (args[0] === 'interactive') {
-    if (!fs.existsSync(interactivePy)) {
-      console.error(`错误：未找到 interactive.py 文件：${interactivePy}`);
-      process.exit(1);
-    }
-    const pyArgs = [interactivePy, ...args.slice(1)];
-    const child = spawn(pythonCmd, pyArgs, {
-      stdio: 'inherit',
-      cwd: pythonDir
-    });
-
-    child.on('error', (err) => {
-      console.error('执行失败:', err.message);
-      process.exit(1);
-    });
-
-    child.on('exit', (code) => {
-      process.exit(code || 0);
-    });
-    return;
-  }
-
   // 检查主文件是否存在
   if (!fs.existsSync(mainPy)) {
     console.error(`错误：未找到 main.py 文件：${mainPy}`);

package/interactive.jsx

@@ -0,0 +1,216 @@
+#!/usr/bin/env node
+/**
+ * travel-agent 交互式 CLI - Ink 版本
+ * 基于 React/Ink 实现，类似 Claude Code 的交互方式
+ */
+import React, { useState, useEffect } from 'react';
+import { render, Box, Text, useApp, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import chalk from 'chalk';
+
+// 命令选项
+const commands = [
+  { label: 'run - 运行完整工作流', value: 'run' },
+  { label: 'flyai - FlyAI 旅行搜索', value: 'flyai' },
+  { label: 'analyze - 产品可行性分析', value: 'analyze' },
+  { label: 'model - 模型管理', value: 'model' },
+  { label: 'config - 配置管理', value: 'config' },
+  { label: 'status - 系统状态', value: 'status' },
+  { label: 'agents - 查看 Agent 团队', value: 'agents' },
+  { label: 'help - 帮助信息', value: 'help' },
+];
+
+// 主应用组件
+function App() {
+  const { exit } = useApp();
+  const [input, setInput] = useState('');
+  const [messages, setMessages] = useState([
+    { type: 'system', content: '欢迎使用 travel-agent 交互式 CLI' },
+    { type: 'system', content: '' },
+    { type: 'system', content: '可用命令:' },
+    { type: 'info', content: '  /run      - 运行完整工作流' },
+    { type: 'info', content: '  /flyai    - FlyAI 旅行搜索' },
+    { type: 'info', content: '  /analyze  - 产品可行性分析' },
+    { type: 'info', content: '  /model    - 模型管理' },
+    { type: 'info', content: '  /config   - 配置管理' },
+    { type: 'info', content: '  /status   - 系统状态' },
+    { type: 'info', content: '  /agents   - 查看 Agent 团队' },
+    { type: 'system', content: '' },
+    { type: 'system', content: '快捷键：Ctrl+C 退出，Ctrl+L 清屏，/ 打开命令面板' },
+    { type: 'system', content: '' },
+  ]);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [showCommandPalette, setShowCommandPalette] = useState(false);
+  const [commandInput, setCommandInput] = useState('');
+  const [filteredCommands, setFilteredCommands] = useState(commands);
+  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);
+
+  // 处理键盘输入
+  useInput((inputChar, key) => {
+    // Ctrl+C 退出
+    if (key.ctrl && inputChar === 'c') {
+      exit();
+    }
+
+    // Ctrl+L 清屏
+    if (key.ctrl && inputChar === 'l') {
+      setMessages([
+        { type: 'system', content: '欢迎使用 travel-agent 交互式 CLI' },
+        { type: 'system', content: '' },
+      ]);
+    }
+
+    // / 打开命令面板
+    if (inputChar === '/' && !showCommandPalette) {
+      setShowCommandPalette(true);
+      setCommandInput('');
+      setFilteredCommands(commands);
+      setSelectedCommandIndex(0);
+      return; // 阻止字符输入到 TextInput
+    }
+
+    // Esc 关闭命令面板
+    if (key.escape && showCommandPalette) {
+      setShowCommandPalette(false);
+      setCommandInput('');
+      return;
+    }
+
+    // 命令面板导航
+    if (showCommandPalette) {
+      if (key.upArrow) {
+        setSelectedCommandIndex(prev => Math.max(0, prev - 1));
+        return;
+      }
+      if (key.downArrow) {
+        setSelectedCommandIndex(prev => Math.min(filteredCommands.length - 1, prev + 1));
+        return;
+      }
+      // Enter 提交
+      if (key.return && filteredCommands.length > 0) {
+        const selected = filteredCommands[selectedCommandIndex];
+        setInput('/' + selected.value);
+        setShowCommandPalette(false);
+        setCommandInput('');
+        return;
+      }
+    }
+  });
+
+  // 处理命令提交
+  const handleSubmit = async (value) => {
+    if (!value.trim()) return;
+
+    const userMsg = { type: 'user', content: value };
+    setMessages(prev => [...prev, userMsg]);
+    setInput('');
+    setIsProcessing(true);
+
+    // 模拟处理延迟
+    setTimeout(() => {
+      setMessages(prev => [...prev, {
+        type: 'result',
+        content: `命令 "${value}" 执行完成（演示模式）`
+      }]);
+      setIsProcessing(false);
+    }, 1000);
+  };
+
+  // 命令面板过滤
+  useEffect(() => {
+    if (commandInput) {
+      setFilteredCommands(
+        commands.filter(cmd =>
+          cmd.value.toLowerCase().includes(commandInput.toLowerCase()) ||
+          cmd.label.toLowerCase().includes(commandInput.toLowerCase())
+        )
+      );
+      setSelectedCommandIndex(0);
+    } else {
+      setFilteredCommands(commands);
+    }
+  }, [commandInput]);
+
+  return (
+    <Box flexDirection="column">
+      {/* 头部 */}
+      <Box marginBottom={1}>
+        <Text bold color="cyan">travel-agent</Text>
+        <Text> - AI 驱动的旅行目的地推荐</Text>
+      </Box>
+
+      {/* 消息区域 */}
+      <Box flexDirection="column" marginBottom={1}>
+        {messages.map((msg, i) => (
+          <Box key={i}>
+            {msg.type === 'user' && (
+              <Text color="blue">{'> '}{msg.content}</Text>
+            )}
+            {msg.type === 'system' && (
+              <Text dimColor>{msg.content}</Text>
+            )}
+            {msg.type === 'info' && (
+              <Text color="gray">{msg.content}</Text>
+            )}
+            {msg.type === 'result' && (
+              <Box borderStyle="round" borderColor="green" paddingX={1}>
+                <Text color="green">{msg.content}</Text>
+              </Box>
+            )}
+            {msg.type === 'error' && (
+              <Text color="red">错误：{msg.content}</Text>
+            )}
+          </Box>
+        ))}
+        {isProcessing && (
+          <Text dimColor>正在处理...</Text>
+        )}
+      </Box>
+
+      {/* 命令面板 */}
+      {showCommandPalette && (
+        <Box flexDirection="column" marginBottom={1} borderStyle="single" borderColor="cyan" paddingX={1}>
+          <Box>
+            <Text>命令：/</Text>
+            <Text color="cyan">{commandInput}</Text>
+          </Box>
+          {filteredCommands.map((cmd, i) => (
+            <Box key={cmd.value}>
+              {i === selectedCommandIndex && <Text color="cyan">{'>'} </Text>}
+              {i !== selectedCommandIndex && <Text>  </Text>}
+              <Text color={i === selectedCommandIndex ? 'cyan' : 'gray'}>{cmd.label}</Text>
+            </Box>
+          ))}
+        </Box>
+      )}
+
+      {/* 输入区域 */}
+      <Box>
+        <Text color="blue">{'> '}</Text>
+        <TextInput
+          value={input}
+          onChange={setInput}
+          onSubmit={handleSubmit}
+          placeholder="输入消息或按 / 打开命令面板..."
+          focus={!showCommandPalette}
+        />
+      </Box>
+    </Box>
+  );
+}
+
+// 渲染应用
+const instance = render(<App />, {
+  exitOnCtrlC: false,
+});
+
+// 优雅退出
+process.on('SIGINT', () => {
+  instance.unmount();
+  process.exit(0);
+});
+
+process.on('SIGTERM', () => {
+  instance.unmount();
+  process.exit(0);
+});

package/package.json

@@ -1,15 +1,30 @@
 {
   "name": "travel-agent-cli",
-  "version": "0.3.5",
+  "version": "0.4.0",
   "description": "AI 驱动的旅行目的地推荐 Agent - 命令行工具（集成 FlyAI 旅行搜索）",
+  "type": "module",
   "bin": {
     "travel-agent": "bin/cli.js",
     "travel-agent-cli": "bin/cli.js"
   },
+  "files": [
+    "bin",
+    "python",
+    "scripts",
+    "interactive.jsx"
+  ],
   "scripts": {
     "postinstall": "node scripts/postinstall.js",
     "preuninstall": "node scripts/preuninstall.js"
   },
+  "dependencies": {
+    "ink": "^5.2.0",
+    "react": "^18.3.1",
+    "ink-text-input": "^6.0.0",
+    "ink-select-input": "^6.0.0",
+    "chalk": "^5.4.1",
+    "tsx": "^4.19.2"
+  },
   "keywords": [
     "travel",
     "agent",
@@ -32,12 +47,11 @@
     "directory": "npm-package"
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=18.0.0"
   },
   "os": [
     "darwin",
-    "linux",
-    "win32"
+    "linux"
   ],
   "preferGlobal": true
 }

package/python/interactive.py

@@ -20,6 +20,57 @@ from main import run_command
 from config.settings import get_settings
 
 
+class WhiteInput(Input):
+    """强制白底黑字的 Input 组件"""
+
+    DEFAULT_CSS = """
+    WhiteInput {
+        background: #ffffff !important;
+        color: #000000 !important;
+        height: 3;
+        margin: 1 1 0 1;
+        padding: 1;
+        border: solid #000000;
+    }
+
+    WhiteInput:focus {
+        border: solid #e94560;
+    }
+
+    WhiteInput > .input--cursor {
+        background: #000000 !important;
+        color: #ffffff !important;
+    }
+
+    WhiteInput > .input--selection {
+        background: #cccccc !important;
+        color: #000000 !important;
+    }
+
+    WhiteInput > .input--placeholder, WhiteInput > .input--suggestion {
+        color: #666666 !important;
+    }
+
+    WhiteInput:ansi {
+        background: ansi_white !important;
+        color: ansi_black !important;
+    }
+
+    WhiteInput:ansi > .input--cursor {
+        background: ansi_black !important;
+        color: ansi_white !important;
+    }
+
+    WhiteInput:ansi > .input--selection {
+        background: ansi_default !important;
+    }
+
+    WhiteInput:ansi > .input--placeholder, WhiteInput:ansi > .input--suggestion {
+        text-style: dim !important;
+    }
+    """
+
+
 class CommandProvider(Provider):
     """命令提供者 - 用于命令面板"""
 
@@ -68,8 +119,8 @@ class ChatScreen(Screen):
         with Vertical():
             # 聊天输出区域 - 使用 RichLog 支持 Markdown
             yield RichLog(id="chat-output", highlight=True, markup=True)
-            # 输入区域
-            yield Input(
+            # 输入区域 - 使用自定义 WhiteInput 强制白底黑字
+            yield WhiteInput(
                 placeholder="输入消息或按 / 打开命令面板...",
                 id="chat-input"
             )
@@ -168,7 +219,9 @@ class ChatScreen(Screen):
     def action_submit(self) -> None:
         """提交输入"""
         input_widget = self.query_one("#chat-input", Input)
-        input_widget._submit()
+        # 手动触发提交事件
+        from textual.events import InputSubmitted
+        input_widget.post_message(InputSubmitted(input_widget))
 
     def action_clear(self) -> None:
         """清屏"""
@@ -195,8 +248,15 @@ class TravelAgentApp(App):
     SUB_TITLE = "AI 驱动的旅行目的地推荐"
 
     CSS = """
+    /* 强制使用亮色主题 - 白底黑字 */
+    App {
+        background: #ffffff;
+        color: #000000;
+    }
+
+    /* 主屏幕背景 - 白色 */
     Screen {
-        background: #1a1a2e;
+        background: #ffffff;
     }
 
     Vertical {
@@ -205,7 +265,8 @@ class TravelAgentApp(App):
 
     #chat-output {
         height: 1fr;
-        background: #1a1a2e;
+        background: #ffffff;
+        color: #000000;
         padding: 1;
     }
 
@@ -214,56 +275,157 @@ class TravelAgentApp(App):
         margin: 1 1 0 1;
         padding: 1;
         dock: bottom;
-        background: #16213e;
-        border: solid #0f3460;
+        background: #ffffff;
+        color: #000000;
+        border: solid #000000;
     }
 
     Input#chat-input:focus {
-        background: #16213e;
+        background: #ffffff;
+        color: #000000;
         border: solid #e94560;
     }
 
-    /* Command Palette Styles */
+    /* Command Palette - 强制白底黑字 */
     CommandPalette {
-        background: rgba(26, 26, 46, 0.95);
+        background: #ffffff !important;
+        color: #000000 !important;
     }
 
-    CommandPalette > Vertical {
-        background: #1a1a2e;
-        border: solid #0f3460;
+    CommandPalette > #--container {
+        align: center middle;
+        background: #ffffff !important;
     }
 
-    CommandPalette Input {
-        background: #16213e;
-        color: #eaeaea;
-        border: solid #0f3460;
+    CommandPalette > #--container > Vertical {
+        background: #ffffff !important;
+        border: solid #000000 !important;
+        width: 80;
+        height: auto;
+        max-height: 20;
     }
 
-    CommandPalette Input:focus {
-        background: #16213e;
-        border: solid #e94560;
+    CommandPalette > #--container > Vertical > #--input {
+        background: #ffffff !important;
+        color: #000000 !important;
+    }
+
+    /* Input 主体 */
+    CommandPalette #--input Input {
+        background: #ffffff !important;
+        color: #000000 !important;
+        border: solid #000000 !important;
+    }
+
+    CommandPalette #--input Input:focus {
+        background: #ffffff !important;
+        color: #000000 !important;
+        border: solid #e94560 !important;
+    }
+
+    /* Input 内部子组件 - 使用直接子选择器 */
+    CommandPalette #--input > .input--cursor {
+        background: #000000 !important;
+        color: #ffffff !important;
+    }
+
+    CommandPalette #--input > .input--selection {
+        background: #cccccc !important;
+        color: #000000 !important;
+    }
+
+    CommandPalette #--input > .input--placeholder {
+        color: #666666 !important;
+    }
+
+    CommandPalette #--input > .input--suggestion {
+        color: #666666 !important;
+    }
+
+    /* 输入内容的颜色 - 强制覆盖 */
+    CommandPalette #--input Input * {
+        color: #000000 !important;
+        background: #ffffff !important;
+    }
+
+    CommandPalette #--input SearchIcon {
+        color: #000000 !important;
+    }
+
+    CommandPalette #--input Button {
+        background: #e94560 !important;
+        color: #ffffff !important;
+    }
+
+    CommandPalette #--results {
+        background: #ffffff !important;
+        color: #000000 !important;
+    }
+
+    CommandPalette #--results .option-list {
+        background: #ffffff !important;
+        color: #000000 !important;
+    }
+
+    CommandPalette .option-list__option,
+    CommandPalette .option-list--option {
+        color: #000000 !important;
+        background: #ffffff !important;
+    }
+
+    CommandPalette .option-list__option--highlighted,
+    CommandPalette .option-list--option--highlighted {
+        background: #e94560 !important;
+        color: #ffffff !important;
     }
 
     CommandPalette .command-palette--help-text {
-        color: #6c6c8a;
+        color: #666666 !important;
     }
 
     CommandPalette .command-palette--highlight {
-        text-style: bold;
+        text-style: bold !important;
+        color: #e94560 !important;
+    }
+
+    CommandPalette Static,
+    CommandPalette Label {
+        color: #000000 !important;
+    }
+
+    CommandPalette LoadingIndicator {
+        background: #ffffff;
         color: #e94560;
     }
 
-    CommandPalette Static {
-        color: #eaeaea;
+    /* ANSI 模式覆盖 */
+    CommandPalette:ansi {
+        background: ansi_white !important;
+        color: ansi_black !important;
+    }
+
+    CommandPalette:ansi #--input Input {
+        background: ansi_white !important;
+        color: ansi_black !important;
+    }
+
+    CommandPalette:ansi #--input > .input--cursor {
+        background: ansi_black !important;
+        color: ansi_white !important;
+    }
+
+    CommandPalette:ansi #--input > .input--selection {
+        background: ansi_default !important;
     }
 
-    CommandPalette .option-list__option {
-        color: #eaeaea;
+    CommandPalette:ansi #--input > .input--placeholder,
+    CommandPalette:ansi #--input > .input--suggestion {
+        text-style: dim !important;
     }
 
-    CommandPalette .option-list__option--highlighted {
-        background: #0f3460;
-        color: #ffffff;
+    CommandPalette:ansi .option-list__option {
+        color: ansi_black !important;
+        background: ansi_white !important;
     }
     """
 

package/scripts/postinstall.js

@@ -4,9 +4,13 @@
  * 创建虚拟环境并安装 Python 依赖
  */
 
-const { execSync } = require('child_process');
-const fs = require('fs');
-const path = require('path');
+import { execSync } from 'child_process';
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const packagePath = path.join(__dirname, '..');
 const pythonDir = path.join(packagePath, 'python');