aegiscode 3.1.10 → 3.4.2

package/src/ui/components/dialog/InteractiveSelector.tsx

@@ -1,149 +0,0 @@
-/**
- * InteractiveSelector - 交互式选择器组件
- */
-
-import React, { useState, useEffect, useRef } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { themeManager } from '../../themes/index.js';
-import { FocusId, focusManager } from '../../focus/index.js';
-
-export interface SelectorOption<T = string> {
-  value: T;
-  label: string;
-  description?: string;
-  isCurrent?: boolean;
-}
-
-interface InteractiveSelectorProps<T = string> {
-  title: string;
-  options: SelectorOption<T>[];
-  onSelect: (value: T) => void;
-  onCancel: () => void;
-  initialIndex?: number;
-  focusId?: string;
-  maxVisible?: number;
-}
-
-export function InteractiveSelector<T = string>({
-  title,
-  options,
-  onSelect,
-  onCancel,
-  initialIndex = 0,
-  focusId = FocusId.SELECTOR,
-  maxVisible = 10,
-}: InteractiveSelectorProps<T>): React.ReactElement {
-  const theme = themeManager.getTheme();
-  const [selectedIndex, setSelectedIndex] = useState(() => {
-    // Start at current item if one is marked
-    const currentIdx = options.findIndex(o => o.isCurrent);
-    return currentIdx >= 0 ? currentIdx : initialIndex;
-  });
-  const [scrollTop, setScrollTop] = useState(0);
-
-  const selectFiredRef = useRef(false);
-  useEffect(() => { selectFiredRef.current = false; }, [options]);
-
-  // Keep viewport window in sync with cursor
-  useEffect(() => {
-    setScrollTop(prev => {
-      if (selectedIndex < prev) return selectedIndex;
-      if (selectedIndex >= prev + maxVisible) return selectedIndex - maxVisible + 1;
-      return prev;
-    });
-  }, [selectedIndex, maxVisible]);
-
-  useInput((input, key) => {
-    if (focusManager.getCurrentFocus() !== focusId) return;
-
-    if (key.upArrow || input === 'k') {
-      setSelectedIndex(prev => (prev > 0 ? prev - 1 : options.length - 1));
-    } else if (key.downArrow || input === 'j') {
-      setSelectedIndex(prev => (prev < options.length - 1 ? prev + 1 : 0));
-    } else if (key.pageUp) {
-      setSelectedIndex(prev => Math.max(0, prev - maxVisible));
-    } else if (key.pageDown) {
-      setSelectedIndex(prev => Math.min(options.length - 1, prev + maxVisible));
-    } else if (key.return) {
-      if (!selectFiredRef.current) {
-        selectFiredRef.current = true;
-        onSelect(options[selectedIndex].value);
-      }
-    } else if (key.escape || input === 'q') {
-      onCancel();
-    }
-  });
-
-  useEffect(() => {
-    if (selectedIndex >= options.length) setSelectedIndex(0);
-  }, [options.length, selectedIndex]);
-
-  const visibleOptions = options.slice(scrollTop, scrollTop + maxVisible);
-  const hasAbove = scrollTop > 0;
-  const hasBelow = scrollTop + maxVisible < options.length;
-
-  return (
-    <Box
-      flexDirection="column"
-      borderStyle="round"
-      borderColor={theme.colors.primary}
-      paddingX={2}
-      paddingY={1}
-    >
-      <Box marginBottom={1} flexDirection="row" justifyContent="space-between">
-        <Text bold color={theme.colors.primary}>{title}</Text>
-        {options.length > maxVisible && (
-          <Text color={theme.colors.text.muted} dimColor>
-            {selectedIndex + 1}/{options.length}
-          </Text>
-        )}
-      </Box>
-
-      {hasAbove && (
-        <Box>
-          <Text color={theme.colors.text.muted} dimColor>  ↑ {scrollTop} more</Text>
-        </Box>
-      )}
-
-      <Box flexDirection="column">
-        {visibleOptions.map((option, i) => {
-          const absIndex = scrollTop + i;
-          const isSelected = absIndex === selectedIndex;
-          return (
-            <Box key={String(option.value)} flexDirection="row">
-              <Text
-                color={isSelected ? theme.colors.primary : theme.colors.text.primary}
-                bold={isSelected}
-              >
-                {isSelected ? '▸ ' : '  '}
-                {option.label}
-                {option.isCurrent ? ' ✓' : ''}
-              </Text>
-              {option.description && (
-                <Text color={theme.colors.text.muted} dimColor>
-                  {' - '}{option.description}
-                </Text>
-              )}
-            </Box>
-          );
-        })}
-      </Box>
-
-      {hasBelow && (
-        <Box>
-          <Text color={theme.colors.text.muted} dimColor>
-            {'  ↓ '}{options.length - scrollTop - maxVisible} more
-          </Text>
-        </Box>
-      )}
-
-      <Box marginTop={1} borderStyle="single" borderTop borderBottom={false} borderLeft={false} borderRight={false} borderColor={theme.colors.border.light}>
-        <Text color={theme.colors.text.muted} dimColor>
-          ↑/↓ navigate  PgUp/PgDn page  Enter confirm  Esc cancel
-        </Text>
-      </Box>
-    </Box>
-  );
-}
-
-export default InteractiveSelector;

package/src/ui/components/dialog/SetupWizard.tsx

@@ -1,297 +0,0 @@
-/**
- * SetupWizard - Interactive first-run setup guide
- *
- * Saves API keys to ~/.aegiscode/.env — config.json picks them up automatically.
- * Flow: pick provider → enter key → add another? → done
- */
-
-import React, { useState, useCallback } from 'react';
-import { Box, Text, useInput } from 'ink';
-import * as fs from 'node:fs';
-import * as path from 'node:path';
-import * as os from 'node:os';
-import { themeManager } from '../../themes/index.js';
-import { appActions } from '../../../store/index.js';
-
-interface Provider {
-  id: string;
-  label: string;
-  envVar: string;
-  keyUrl: string;
-  noKey?: boolean;
-}
-
-const PROVIDERS: Provider[] = [
-  {
-    id: 'anthropic',
-    label: 'Anthropic (Claude)',
-    envVar: 'ANTHROPIC_API_KEY',
-    keyUrl: 'console.anthropic.com/settings/keys',
-  },
-  {
-    id: 'openai',
-    label: 'OpenAI (GPT)',
-    envVar: 'OPENAI_API_KEY',
-    keyUrl: 'platform.openai.com/api-keys',
-  },
-  {
-    id: 'deepseek',
-    label: 'DeepSeek',
-    envVar: 'DEEPSEEK_API_KEY',
-    keyUrl: 'platform.deepseek.com/api_keys',
-  },
-  {
-    id: 'groq',
-    label: 'Groq',
-    envVar: 'GROQ_API_KEY',
-    keyUrl: 'console.groq.com/keys',
-  },
-  {
-    id: 'gemini',
-    label: 'Google Gemini',
-    envVar: 'GEMINI_API_KEY',
-    keyUrl: 'aistudio.google.com/app/apikey',
-  },
-  {
-    id: 'ollama',
-    label: 'Ollama (local)',
-    envVar: '',
-    keyUrl: '',
-    noKey: true,
-  },
-];
-
-type Step = 'provider' | 'apikey' | 'another' | 'saving' | 'done';
-
-interface SetupWizardProps {
-  onComplete: () => void;
-}
-
-function readEnv(envPath: string): Record<string, string> {
-  const result: Record<string, string> = {};
-  if (!fs.existsSync(envPath)) return result;
-  for (const line of fs.readFileSync(envPath, 'utf-8').split('\n')) {
-    const eq = line.indexOf('=');
-    if (eq < 0 || line.trim().startsWith('#')) continue;
-    result[line.slice(0, eq).trim()] = line.slice(eq + 1).trim();
-  }
-  return result;
-}
-
-function writeEnv(envPath: string, vars: Record<string, string>): void {
-  const lines = Object.entries(vars).map(([k, v]) => `${k}=${v}`);
-  fs.writeFileSync(envPath, lines.join('\n') + '\n', 'utf-8');
-}
-
-export const SetupWizard: React.FC<SetupWizardProps> = ({ onComplete }) => {
-  const theme = themeManager.getTheme();
-  const [step, setStep] = useState<Step>('provider');
-  const [selectedIdx, setSelectedIdx] = useState(0);
-  const [apiKey, setApiKey] = useState('');
-  const [error, setError] = useState<string | null>(null);
-  const [saved, setSaved] = useState<string[]>([]); // env var names already saved this session
-
-  const selectedProvider = PROVIDERS[selectedIdx];
-  const envPath = path.join(os.homedir(), '.aegiscode', '.env');
-
-  const saveKeyToEnv = useCallback((provider: Provider, key: string) => {
-    const configDir = path.join(os.homedir(), '.aegiscode');
-    if (!fs.existsSync(configDir)) fs.mkdirSync(configDir, { recursive: true });
-    const vars = readEnv(envPath);
-    vars[provider.envVar] = key;
-    writeEnv(envPath, vars);
-  }, [envPath]);
-
-  const finalize = useCallback(() => {
-    setStep('saving');
-    // Inject saved env vars into process.env so ConfigManager picks them up immediately
-    const vars = readEnv(envPath);
-    for (const [k, v] of Object.entries(vars)) {
-      if (v && !v.startsWith('YOUR_')) process.env[k] = v;
-    }
-    appActions().setInitializationStatus('ready');
-    setStep('done');
-    setTimeout(() => onComplete(), 300);
-  }, [envPath, onComplete]);
-
-  useInput((input, key) => {
-    if (step === 'provider') {
-      if (key.upArrow) {
-        setSelectedIdx(i => (i > 0 ? i - 1 : PROVIDERS.length - 1));
-      } else if (key.downArrow) {
-        setSelectedIdx(i => (i < PROVIDERS.length - 1 ? i + 1 : 0));
-      } else if (key.return) {
-        if (selectedProvider.noKey) {
-          // Ollama needs no key — mark as done and ask for another
-          setSaved(s => [...s, 'Ollama']);
-          setStep('another');
-        } else {
-          setApiKey('');
-          setError(null);
-          setStep('apikey');
-        }
-      } else if (key.escape) {
-        if (saved.length > 0) {
-          finalize();
-        } else {
-          process.exit(0);
-        }
-      }
-    } else if (step === 'apikey') {
-      if (key.return) {
-        const trimmed = apiKey.trim();
-        if (!trimmed) {
-          setError('Key cannot be empty.');
-          return;
-        }
-        try {
-          saveKeyToEnv(selectedProvider, trimmed);
-          setSaved(s => [...s, selectedProvider.envVar]);
-          setApiKey('');
-          setError(null);
-          setStep('another');
-        } catch (err) {
-          setError((err as Error).message);
-        }
-      } else if (key.escape) {
-        setApiKey('');
-        setError(null);
-        setStep('provider');
-      } else if (key.backspace || key.delete) {
-        setApiKey(prev => prev.slice(0, -1));
-      } else if (input && !key.ctrl && !key.meta && input.length === 1) {
-        setApiKey(prev => prev + input);
-      }
-    } else if (step === 'another') {
-      if (input === 'y' || input === 'Y') {
-        setStep('provider');
-      } else if (input === 'n' || input === 'N' || key.return || key.escape) {
-        finalize();
-      }
-    }
-  });
-
-  const primary = theme.colors.primary;
-  const muted = theme.colors.text?.muted ?? 'gray';
-  const textPrimary = theme.colors.text?.primary ?? 'white';
-
-  if (step === 'saving' || step === 'done') {
-    return (
-      <Box flexDirection="column" padding={1}>
-        <Text color={primary}>◆ Saving configuration...</Text>
-      </Box>
-    );
-  }
-
-  return (
-    <Box flexDirection="column" padding={1}>
-      {/* Header */}
-      <Box marginBottom={1}>
-        <Text bold color={primary}>◆ ÆGIS — Setup</Text>
-      </Box>
-      <Box marginBottom={1}>
-        <Text color={muted}>
-          Keys are saved to <Text color={textPrimary}>~/.aegiscode/.env</Text>
-        </Text>
-      </Box>
-
-      {/* Saved so far */}
-      {saved.length > 0 && (
-        <Box marginBottom={1} flexDirection="column">
-          {saved.map(v => (
-            <Text key={v} color="green">✓ {v}</Text>
-          ))}
-        </Box>
-      )}
-
-      {step === 'provider' && (
-        <>
-          <Box marginBottom={1}>
-            <Text bold color={textPrimary}>Select provider:</Text>
-          </Box>
-          <Box flexDirection="column" marginBottom={1}>
-            {PROVIDERS.map((p, i) => {
-              const isSelected = i === selectedIdx;
-              const alreadySaved = saved.includes(p.envVar || 'Ollama');
-              return (
-                <Box key={p.id}>
-                  <Text color={isSelected ? primary : muted}>
-                    {isSelected ? '❯ ' : '  '}
-                  </Text>
-                  <Text bold={isSelected} color={isSelected ? textPrimary : muted}>
-                    {p.label}
-                  </Text>
-                  <Text color={muted}>
-                    {'  '}
-                  </Text>
-                  <Text color={alreadySaved ? 'green' : muted} dimColor={!alreadySaved}>
-                    {p.noKey ? '(no key needed)' : p.envVar}
-                    {alreadySaved ? ' ✓' : ''}
-                  </Text>
-                </Box>
-              );
-            })}
-          </Box>
-          <Box>
-            <Text color={muted} dimColor>
-              ↑↓ navigate  Enter select{saved.length > 0 ? '  Esc done' : '  Esc exit'}
-            </Text>
-          </Box>
-        </>
-      )}
-
-      {step === 'apikey' && (
-        <>
-          <Box marginBottom={1}>
-            <Text bold color={textPrimary}>
-              {selectedProvider.label}
-            </Text>
-          </Box>
-          <Box marginBottom={1}>
-            <Text color={muted} dimColor>
-              Get your key at: {selectedProvider.keyUrl}
-            </Text>
-          </Box>
-          <Box marginBottom={1}>
-            <Text color={muted}>{selectedProvider.envVar}=</Text>
-          </Box>
-          <Box marginBottom={1} borderStyle="round" borderColor={primary} paddingX={1}>
-            <Text color={textPrimary}>
-              {apiKey.length > 0
-                ? apiKey.slice(0, 8) + '•'.repeat(Math.max(0, apiKey.length - 8))
-                : ''}
-              <Text color={primary}>▏</Text>
-              {apiKey.length === 0 && (
-                <Text color={muted} dimColor>paste your key here</Text>
-              )}
-            </Text>
-          </Box>
-          {error && (
-            <Box marginBottom={1}>
-              <Text color="red">✗ {error}</Text>
-            </Box>
-          )}
-          <Box>
-            <Text color={muted} dimColor>Enter confirm  Esc back</Text>
-          </Box>
-        </>
-      )}
-
-      {step === 'another' && (
-        <>
-          <Box marginBottom={1}>
-            <Text color="green">✓ Saved to ~/.aegiscode/.env</Text>
-          </Box>
-          <Box>
-            <Text color={textPrimary}>Add another provider? </Text>
-            <Text color={primary} bold>y</Text>
-            <Text color={muted}>/</Text>
-            <Text color={primary} bold>n</Text>
-          </Box>
-        </>
-      )}
-    </Box>
-  );
-};
-
-export default SetupWizard;

package/src/ui/components/dialog/UpdatePrompt.tsx

@@ -1,155 +0,0 @@
-/**
- * UpdatePrompt - 版本更新提示组件
- * 
- * 
- * - Update now: 立即执行升级
- * - Skip: 跳过本次提示
- * - Skip until next version: 跳过当前版本的提示
- */
-
-import React, { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
-import type { VersionCheckResult } from '../../../services/VersionChecker.js';
-import {
-  setSkipUntilVersion,
-  getUpgradeCommand,
-  performUpgrade,
-  restartApp,
-} from '../../../services/VersionChecker.js';
-
-interface UpdatePromptProps {
-  versionInfo: VersionCheckResult;
-  onComplete: () => void;
-}
-
-type MenuOption = 'update' | 'skip' | 'skipUntil';
-
-const menuOptions: { key: MenuOption; label: string }[] = [
-  { key: 'update', label: 'Update now' },
-  { key: 'skip', label: 'Skip' },
-  { key: 'skipUntil', label: 'Skip until next version' },
-];
-
-export const UpdatePrompt: React.FC<UpdatePromptProps> = ({
-  versionInfo,
-  onComplete,
-}) => {
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const [isUpdating, setIsUpdating] = useState(false);
-  const [updateResult, setUpdateResult] = useState<string | null>(null);
-
-  useInput(async (input, key) => {
-    if (isUpdating) return;
-
-    // 上下键选
-    if (key.upArrow) {
-      setSelectedIndex((prev) => (prev > 0 ? prev - 1 : menuOptions.length - 1));
-      return;
-    }
-    if (key.downArrow) {
-      setSelectedIndex((prev) => (prev < menuOptions.length - 1 ? prev + 1 : 0));
-      return;
-    }
-
-    // 数字键快速选
-    const numKey = parseInt(input, 10);
-    if (numKey >= 1 && numKey <= menuOptions.length) {
-      setSelectedIndex(numKey - 1);
-      return;
-    }
-
-    // Enter 确认选
-    if (key.return) {
-      const selected = menuOptions[selectedIndex];
-      await handleSelection(selected.key);
-    }
-  });
-
-  const handleSelection = async (option: MenuOption) => {
-    switch (option) {
-      case 'update':
-        setIsUpdating(true);
-        const result = await performUpgrade();
-        setUpdateResult(result.message);
-        if (result.success) {
-          // 升级成功，自动重启应
-          setTimeout(() => restartApp(), 1500);
-        } else {
-          // 升级失败，继续进入应
-          setTimeout(() => onComplete(), 2000);
-        }
-        break;
-
-      case 'skip':
-        onComplete();
-        break;
-
-      case 'skipUntil':
-        if (versionInfo.latestVersion) {
-          await setSkipUntilVersion(versionInfo.latestVersion);
-        }
-        onComplete();
-        break;
-    }
-  };
-
-  // 显示升级结
-  if (updateResult) {
-    return (
-      <Box flexDirection="column" padding={1}>
-        <Text>{updateResult}</Text>
-      </Box>
-    );
-  }
-
-  // 显示升级
-  if (isUpdating) {
-    return (
-      <Box flexDirection="column" padding={1}>
-        <Text color="yellow">⏳ Upgrading...</Text>
-        <Text color="gray">{getUpgradeCommand()}</Text>
-      </Box>
-    );
-  }
-
-  return (
-    <Box flexDirection="column" padding={1}>
-      {/* 标题 */}
-      <Box marginBottom={1}>
-        <Text bold color="cyan">
-          🎉 New version available!
-        </Text>
-      </Box>
-
-      {/* 版本信息 */}
-      <Box marginBottom={1}>
-        <Text>
-          <Text color="gray">{versionInfo.currentVersion}</Text>
-          <Text color="gray"> → </Text>
-          <Text color="green" bold>{versionInfo.latestVersion}</Text>
-        </Text>
-      </Box>
-
-      {/* 菜单选项 */}
-      <Box flexDirection="column" marginBottom={1}>
-        {menuOptions.map((option, index) => (
-          <Box key={option.key}>
-            <Text color={selectedIndex === index ? 'cyan' : 'white'}>
-              {selectedIndex === index ? '❯ ' : '  '}
-              {index + 1}. {option.label}
-            </Text>
-          </Box>
-        ))}
-      </Box>
-
-      {/* 提示 */}
-      <Box>
-        <Text color="gray">
-          Use ↑↓ to navigate, Enter to select, or press 1-3
-        </Text>
-      </Box>
-    </Box>
-  );
-};
-
-export default UpdatePrompt;

package/src/ui/components/dialog/index.ts

@@ -1,8 +0,0 @@
-/**
- * 
- */
-
-export { ConfirmationPrompt } from './ConfirmationPrompt.js';
-export { UpdatePrompt } from './UpdatePrompt.js';
-export { InteractiveSelector, type SelectorOption } from './InteractiveSelector.js';
-export { SetupWizard } from './SetupWizard.js';

package/src/ui/components/index.ts

@@ -1,28 +0,0 @@
-/**
- * UI 组件导出
- * 
- * 
- * - common/    通用组件 (ErrorBoundary, LoadingIndicator)
- * - input/     输入组件 (CustomTextInput, InputArea)
- * - markdown/  Markdown 渲染 (MessageRenderer, CodeHighlighter, parser)
- * - dialog/    对话框组件 (ConfirmationPrompt, UpdatePrompt)
- * - layout/    布局组件 (ChatStatusBar, MessageArea)
- */
-
-// 通用组
-export * from './common/index.js';
-
-// 输入组
-export * from './input/index.js';
-
-// Markdown 组
-export * from './markdown/index.js';
-
-// 对话框组
-export * from './dialog/index.js';
-
-// 布局组
-export * from './layout/index.js';
-
-// 主界
-export { AegisInterface } from './AegisInterface.js';