aiexecode 1.0.66 → 1.0.68

package/src/{ui → frontend}/components/SetupWizard.js

@@ -4,24 +4,17 @@
 
 import React, { useState, useRef } from 'react';
 import { Box, Text, useInput } from 'ink';
-import { theme } from '../themes/semantic-tokens.js';
-import { CLAUDE_MODELS, getClaude4Models, getClaude3Models, DEFAULT_CLAUDE_MODEL } from '../../config/claude_models.js';
+import { theme } from '../design/themeColors.js';
 import { OPENAI_MODELS, getGPT5Models, DEFAULT_OPENAI_MODEL } from '../../config/openai_models.js';
-import { ENABLE_ANTHROPIC_PROVIDER } from '../../config/feature_flags.js';
 
 const STEPS = {
-    PROVIDER: 'provider',
     OPENAI_KEY: 'openai_key',
     OPENAI_MODEL: 'openai_model',
-    OPENAI_EFFORT: 'openai_effort',
-    ANTHROPIC_KEY: 'anthropic_key',
-    ANTHROPIC_MODEL: 'anthropic_model'
+    OPENAI_EFFORT: 'openai_effort'
 };
 
 export function SetupWizard({ onComplete, onCancel }) {
-    // Feature flag에 따라 초기 단계 결정
-    const initialStep = ENABLE_ANTHROPIC_PROVIDER ? STEPS.PROVIDER : STEPS.OPENAI_KEY;
-    const [step, setStep] = useState(initialStep);
+    const [step, setStep] = useState(STEPS.OPENAI_KEY);
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [textInput, setTextInput] = useState('');
 
@@ -30,13 +23,11 @@ export function SetupWizard({ onComplete, onCancel }) {
         AI_PROVIDER: 'openai',
         OPENAI_API_KEY: '',
         OPENAI_MODEL: DEFAULT_OPENAI_MODEL,
-        OPENAI_REASONING_EFFORT: 'medium',
-        ANTHROPIC_API_KEY: '',
-        ANTHROPIC_MODEL: DEFAULT_CLAUDE_MODEL
+        OPENAI_REASONING_EFFORT: 'medium'
     });
 
     // 현재 스텝이 텍스트 입력인지 선택지인지 판단
-    const isTextInputStep = step === STEPS.OPENAI_KEY || step === STEPS.ANTHROPIC_KEY;
+    const isTextInputStep = step === STEPS.OPENAI_KEY;
 
     const completeSetup = () => {
         if (onComplete) {
@@ -47,17 +38,6 @@ export function SetupWizard({ onComplete, onCancel }) {
 
     const handleStepComplete = () => {
         switch (step) {
-            case STEPS.PROVIDER:
-                if (selectedIndex === 0) {
-                    settingsRef.current.AI_PROVIDER = 'openai';
-                    setStep(STEPS.OPENAI_KEY);
-                } else {
-                    settingsRef.current.AI_PROVIDER = 'anthropic';
-                    setStep(STEPS.ANTHROPIC_KEY);
-                }
-                setSelectedIndex(0);
-                break;
-
             case STEPS.OPENAI_KEY:
                 if (!textInput.trim()) {
                     return;
@@ -84,24 +64,6 @@ export function SetupWizard({ onComplete, onCancel }) {
                 // 완료
                 completeSetup();
                 break;
-
-            case STEPS.ANTHROPIC_KEY:
-                if (!textInput.trim()) {
-                    return;
-                }
-                settingsRef.current.ANTHROPIC_API_KEY = textInput.trim();
-                setStep(STEPS.ANTHROPIC_MODEL);
-                setTextInput('');
-                setSelectedIndex(0);
-                break;
-
-            case STEPS.ANTHROPIC_MODEL:
-                // 중앙 설정에서 모든 Claude 모델 목록 가져오기
-                const anthropicModels = [...getClaude4Models(), ...getClaude3Models()];
-                settingsRef.current.ANTHROPIC_MODEL = anthropicModels[selectedIndex];
-                // 완료
-                completeSetup();
-                break;
         }
     };
 
@@ -150,14 +112,10 @@ export function SetupWizard({ onComplete, onCancel }) {
 
     const getMaxIndexForStep = (currentStep) => {
         switch (currentStep) {
-            case STEPS.PROVIDER:
-                return ENABLE_ANTHROPIC_PROVIDER ? 1 : 0; // 2 options if enabled, 1 if disabled
             case STEPS.OPENAI_MODEL:
                 return getGPT5Models().length - 1;
             case STEPS.OPENAI_EFFORT:
                 return 3; // 4 options
-            case STEPS.ANTHROPIC_MODEL:
-                return [...getClaude4Models(), ...getClaude3Models()].length - 1;
             default:
                 return 0;
         }
@@ -179,28 +137,9 @@ export function SetupWizard({ onComplete, onCancel }) {
 
     const renderStep = () => {
         switch (step) {
-            case STEPS.PROVIDER:
-                const providerOptions = ENABLE_ANTHROPIC_PROVIDER
-                    ? [
-                        'OpenAI (GPT-5, GPT-4, o1 series)',
-                        'Anthropic (Claude series)'
-                    ]
-                    : [
-                        'OpenAI (GPT-5, GPT-4, o1 series)'
-                    ];
-
-                return React.createElement(Box, { flexDirection: 'column' },
-                    React.createElement(Text, { bold: true, color: theme.text.accent }, '1. Choose AI Provider:'),
-                    React.createElement(Text, null),
-                    renderOptions(providerOptions),
-                    React.createElement(Text, null),
-                    React.createElement(Text, { dimColor: true }, '↑↓: Navigate  Enter: Confirm')
-                );
-
             case STEPS.OPENAI_KEY:
-                const openaiKeyStep = ENABLE_ANTHROPIC_PROVIDER ? '2' : '1';
                 return React.createElement(Box, { flexDirection: 'column' },
-                    React.createElement(Text, { bold: true, color: theme.text.accent }, `${openaiKeyStep}. OpenAI API Key:`),
+                    React.createElement(Text, { bold: true, color: theme.text.accent }, '1. OpenAI API Key:'),
                     React.createElement(Text, { color: theme.text.secondary }, '   Get your API key from: https://platform.openai.com/account/api-keys'),
                     React.createElement(Text, null),
                     React.createElement(Box, {
@@ -215,9 +154,8 @@ export function SetupWizard({ onComplete, onCancel }) {
                 );
 
             case STEPS.OPENAI_MODEL:
-                const openaiModelStep = ENABLE_ANTHROPIC_PROVIDER ? '3' : '2';
                 return React.createElement(Box, { flexDirection: 'column' },
-                    React.createElement(Text, { bold: true, color: theme.text.accent }, `${openaiModelStep}. Choose Model:`),
+                    React.createElement(Text, { bold: true, color: theme.text.accent }, '2. Choose Model:'),
                     React.createElement(Text, null),
                     renderOptions(
                         getGPT5Models().map(modelId => {
@@ -230,9 +168,8 @@ export function SetupWizard({ onComplete, onCancel }) {
                 );
 
             case STEPS.OPENAI_EFFORT:
-                const openaiEffortStep = ENABLE_ANTHROPIC_PROVIDER ? '4' : '3';
                 return React.createElement(Box, { flexDirection: 'column' },
-                    React.createElement(Text, { bold: true, color: theme.text.accent }, `${openaiEffortStep}. Reasoning Effort:`),
+                    React.createElement(Text, { bold: true, color: theme.text.accent }, '3. Reasoning Effort:'),
                     React.createElement(Text, null),
                     renderOptions([
                         'minimal (Fastest)',
@@ -244,36 +181,6 @@ export function SetupWizard({ onComplete, onCancel }) {
                     React.createElement(Text, { dimColor: true }, '↑↓: Navigate  Enter: Confirm')
                 );
 
-            case STEPS.ANTHROPIC_KEY:
-                return React.createElement(Box, { flexDirection: 'column' },
-                    React.createElement(Text, { bold: true, color: theme.text.accent }, '2. Anthropic API Key:'),
-                    React.createElement(Text, { color: theme.text.secondary }, '   Get your API key from: https://console.anthropic.com/settings/keys'),
-                    React.createElement(Text, null),
-                    React.createElement(Box, {
-                        borderStyle: 'round',
-                        borderColor: theme.border.focused,
-                        paddingX: 1
-                    },
-                        React.createElement(Text, null, textInput ? '*'.repeat(textInput.length) : ' ')
-                    ),
-                    React.createElement(Text, null),
-                    React.createElement(Text, { dimColor: true }, 'Type your API key and press Enter')
-                );
-
-            case STEPS.ANTHROPIC_MODEL:
-                return React.createElement(Box, { flexDirection: 'column' },
-                    React.createElement(Text, { bold: true, color: theme.text.accent }, '3. Choose Model:'),
-                    React.createElement(Text, null),
-                    renderOptions(
-                        [...getClaude4Models(), ...getClaude3Models()].map(modelId => {
-                            const model = CLAUDE_MODELS[modelId];
-                            return `${modelId} (${model.name})`;
-                        })
-                    ),
-                    React.createElement(Text, null),
-                    React.createElement(Text, { dimColor: true }, '↑↓: Navigate  Enter: Confirm')
-                );
-
             default:
                 return null;
         }

package/src/{ui → frontend}/components/ToolApprovalPrompt.js

@@ -4,7 +4,7 @@
 
 import React, { useState, useEffect } from 'react';
 import { Box, Text, useInput } from 'ink';
-import { theme } from '../themes/semantic-tokens.js';
+import { theme } from '../design/themeColors.js';
 import { FileDiffViewer } from './FileDiffViewer.js';
 import { common, createLowlight } from 'lowlight';
 import { getToolDisplayName } from '../../system/tool_registry.js';
@@ -42,14 +42,14 @@ export function ToolApprovalPrompt({ toolName, args, onDecision, mcpToolInfo = n
     return React.createElement(Box, {
         flexDirection: 'column',
         borderStyle: 'round',
-        borderColor: 'yellow',
+        borderColor: theme.brand.dark,
         paddingX: 1,
         flexGrow: 1
     },
         // Tool info
         React.createElement(Box, { flexDirection: 'column', marginBottom: 0, marginTop: 0 },
             React.createElement(Box, { marginBottom: 0 },
-                React.createElement(Text, { bold: true, color: 'cyan' }, 'Tool '),
+                React.createElement(Text, { bold: true, color: theme.brand.light }, 'Tool '),
                 React.createElement(Text, { color: 'white' }, displayName)
             ),
             renderToolArgs(toolName, args, mcpToolInfo)
@@ -61,11 +61,11 @@ export function ToolApprovalPrompt({ toolName, args, onDecision, mcpToolInfo = n
             ...choices.map((choice, index) =>
                 React.createElement(Box, { key: index, marginLeft: 1 },
                     React.createElement(Text, {
-                        color: index === selectedIndex ? 'cyan' : 'white',
+                        color: index === selectedIndex ? theme.brand.light : 'white',
                         bold: index === selectedIndex
                     }, index === selectedIndex ? '› ' : '  '),
                     React.createElement(Text, {
-                        color: index === selectedIndex ? 'cyan' : 'white'
+                        color: index === selectedIndex ? theme.brand.light : 'white'
                     }, choice.label)
                 )
             )
@@ -196,12 +196,12 @@ function renderToolArgs(toolName, args, mcpToolInfo = null) {
         return React.createElement(Box, { flexDirection: 'column', marginTop: 0 },
             // Server info
             React.createElement(Box, { marginBottom: 0 },
-                React.createElement(Text, { bold: true, color: 'cyan' }, 'Server '),
+                React.createElement(Text, { bold: true, color: theme.brand.light }, 'Server '),
                 React.createElement(Text, { color: 'white' }, mcpToolInfo.server)
             ),
             // Description (박스 안에 담기)
             mcpToolInfo.description && React.createElement(Box, { flexDirection: 'column', marginTop: 0 },
-                React.createElement(Text, { bold: true, color: 'cyan' }, 'Description'),
+                React.createElement(Text, { bold: true, color: theme.brand.light }, 'Description'),
                 React.createElement(Box, {
                     borderStyle: 'single',
                     borderColor: '#444444',
@@ -213,7 +213,7 @@ function renderToolArgs(toolName, args, mcpToolInfo = null) {
             ),
             // Arguments (JSON 하이라이팅)
             React.createElement(Box, { flexDirection: 'column', marginTop: 0 },
-                React.createElement(Text, { bold: true, color: 'cyan' }, 'Arguments'),
+                React.createElement(Text, { bold: true, color: theme.brand.light }, 'Arguments'),
                 React.createElement(Box, {
                     borderStyle: 'single',
                     borderColor: '#444444',
@@ -292,7 +292,7 @@ function renderToolArgs(toolName, args, mcpToolInfo = null) {
 
         return React.createElement(Box, { flexDirection: 'column', marginTop: 0 },
             React.createElement(Box, {},
-                React.createElement(Text, { bold: true, color: 'cyan' }, 'File '),
+                React.createElement(Text, { bold: true, color: theme.brand.light }, 'File '),
                 React.createElement(Text, { color: 'white' }, toDisplayPath(args.file_path))
             ),
             React.createElement(Box, {
@@ -372,7 +372,7 @@ function renderToolArgs(toolName, args, mcpToolInfo = null) {
 
         return React.createElement(Box, { flexDirection: 'column', marginTop: 0 },
             React.createElement(Box, { marginBottom: 0 },
-                React.createElement(Text, { bold: true, color: 'cyan' }, 'File '),
+                React.createElement(Text, { bold: true, color: theme.brand.light }, 'File '),
                 React.createElement(Text, { color: 'white' }, toDisplayPath(args.file_path))
             ),
             oldContent !== null ? React.createElement(FileDiffViewer, {
@@ -383,7 +383,8 @@ function renderToolArgs(toolName, args, mcpToolInfo = null) {
                 newContent: args.new_content || '',
                 contextBefore: contextBefore,
                 contextAfter: contextAfter,
-                contextStartLine: contextStartLine
+                contextStartLine: contextStartLine,
+                showHeader: false
             }) : React.createElement(Text, { color: 'gray' }, 'Loading...')
         );
     }
@@ -414,7 +415,7 @@ function renderToolArgs(toolName, args, mcpToolInfo = null) {
 
         return React.createElement(Box, { flexDirection: 'column', marginTop: 0 },
             React.createElement(Box, { marginBottom: 0 },
-                React.createElement(Text, { bold: true, color: 'cyan' }, 'File '),
+                React.createElement(Text, { bold: true, color: theme.brand.light }, 'File '),
                 React.createElement(Text, { color: 'white' }, toDisplayPath(args.file_path))
             ),
             diffData ? (
@@ -429,7 +430,8 @@ function renderToolArgs(toolName, args, mcpToolInfo = null) {
                         contextBefore: diffData.contextBefore,
                         contextAfter: diffData.contextAfter,
                         contextStartLine: diffData.contextStartLine,
-                        isReplaceMode: true
+                        isReplaceMode: true,
+                        showHeader: false
                     })
             ) : React.createElement(Text, { color: 'gray' }, 'Loading...')
         );
@@ -437,7 +439,7 @@ function renderToolArgs(toolName, args, mcpToolInfo = null) {
 
     // 기타 도구
     return React.createElement(Box, { flexDirection: 'column', marginTop: 0 },
-        React.createElement(Text, { bold: true, color: 'cyan' }, 'Arguments'),
+        React.createElement(Text, { bold: true, color: theme.brand.light }, 'Arguments'),
         React.createElement(Box, {
             borderStyle: 'single',
             borderColor: 'gray',

package/src/frontend/design/themeColors.js

@@ -0,0 +1,42 @@
+/**
+ * Theme Colors - Color definitions for theming
+ */
+
+const defaultTheme = {
+    text: {
+        primary: '#E0E0E0',
+        secondary: '#888888',
+        accent: '#3fbe96',
+        link: '#3fbe96',
+    },
+    background: {
+        default: '#1E1E1E',
+        highlight: '#2D2D2D',
+    },
+    border: {
+        default: '#333333',
+        focused: '#333333',
+    },
+    ui: {
+        symbol: '#666666',
+        gradient: ['#00D9FF', '#7B68EE'],
+    },
+    status: {
+        error: '#FF0055',
+        warning: '#FFAA00',
+        success: '#00FF88',
+        info: '#00A8FF',
+    },
+    brand: {
+        dark: '#418972',
+        light: '#3fbe96',
+    },
+};
+
+const currentTheme = defaultTheme;
+
+export const theme = new Proxy({}, {
+    get(target, prop) {
+        return currentTheme[prop];
+    }
+});

package/src/{ui → frontend}/index.js

@@ -5,7 +5,7 @@
 import React from 'react';
 import { render } from 'ink';
 import { App } from './App.js';
-import { ConsolePatcher } from './utils/ConsolePatcher.js';
+import { OutputRedirector } from './utils/outputRedirector.js';
 import { createDebugLogger } from '../util/debug_log.js';
 
 const debugLog = createDebugLogger('ui.log', 'index');
@@ -14,9 +14,9 @@ export function startUI({ onSubmit, onClearScreen, onExit, commands = [], model
     debugLog(`startUI called - model: ${model}, version: ${version}, commands: ${commands.length}, initialHistory: ${initialHistory.length}`);
 
     // Patch console methods to prevent interference with Ink rendering
-    const consolePatcher = new ConsolePatcher();
-    consolePatcher.patch();
-    debugLog('ConsolePatcher patched');
+    const outputRedirector = new OutputRedirector();
+    outputRedirector.patch();
+    debugLog('OutputRedirector patched');
 
     // Disable terminal line wrapping to reduce rendering artifacts
     // This prevents the terminal from wrapping lines itself, letting Ink handle all wrapping
@@ -36,7 +36,7 @@ export function startUI({ onSubmit, onClearScreen, onExit, commands = [], model
         }),
         {
             // Use patchConsole option to prevent console output from interfering
-            patchConsole: false, // We're handling this manually with ConsolePatcher
+            patchConsole: false, // We're handling this manually with OutputRedirector
             // Don't exit on Ctrl+C - let the app handle it
             exitOnCtrlC: false,
             // Debug mode ON - prevents clearing terminal and preserves previous content
@@ -52,8 +52,8 @@ export function startUI({ onSubmit, onClearScreen, onExit, commands = [], model
         debugLog('wrappedUnmount called - cleaning up UI');
         // Re-enable line wrapping
         process.stdout.write('\x1b[?7h');
-        consolePatcher.cleanup();
-        debugLog('ConsolePatcher cleanup completed');
+        outputRedirector.cleanup();
+        debugLog('OutputRedirector cleanup completed');
         originalUnmount();
         debugLog('UI unmounted');
     };