aiexecode 1.0.94 → 1.0.127

package/src/frontend/components/BackgroundProcessList.js

@@ -0,0 +1,175 @@
+/**
+ * BackgroundProcessList Component
+ * 백그라운드 프로세스 목록을 표시하고 관리하는 컴포넌트
+ *
+ * - 방향키로 선택
+ * - k 키로 선택된 프로세스 종료
+ * - q 키로 목록 닫기
+ */
+
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { theme } from '../design/themeColors.js';
+
+const getStatusIcon = (status) => {
+    switch (status) {
+        case 'running':
+            return '●';
+        case 'completed':
+            return '✓';
+        case 'failed':
+            return '✗';
+        case 'killed':
+            return '⊘';
+        default:
+            return '?';
+    }
+};
+
+const getStatusColor = (status) => {
+    switch (status) {
+        case 'running':
+            return theme.brand.light;
+        case 'completed':
+            return 'green';
+        case 'failed':
+            return theme.status.error;
+        case 'killed':
+            return theme.text.secondary;
+        default:
+            return theme.text.primary;
+    }
+};
+
+const formatDuration = (startedAt, endedAt) => {
+    const end = endedAt ? new Date(endedAt) : new Date();
+    const start = new Date(startedAt);
+    const diffMs = end - start;
+
+    if (diffMs < 1000) return `${diffMs}ms`;
+    if (diffMs < 60000) return `${Math.round(diffMs / 1000)}s`;
+    if (diffMs < 3600000) return `${Math.round(diffMs / 60000)}m`;
+    return `${Math.round(diffMs / 3600000)}h`;
+};
+
+const truncateCommand = (command, maxLength = 50) => {
+    if (command.length <= maxLength) return command;
+    return command.substring(0, maxLength - 3) + '...';
+};
+
+export function BackgroundProcessList({
+    processes,
+    isActive,
+    onKill,
+    onClose,
+    onSelect,
+    onToggleFocus
+}) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+
+    // 프로세스 목록이 변경되면 선택 인덱스 조정
+    useEffect(() => {
+        if (selectedIndex >= processes.length) {
+            setSelectedIndex(Math.max(0, processes.length - 1));
+        }
+    }, [processes.length, selectedIndex]);
+
+    // 키보드 입력 처리
+    useInput((input, key) => {
+        if (!isActive) return;
+
+        if (key.upArrow) {
+            setSelectedIndex(prev => Math.max(0, prev - 1));
+        } else if (key.downArrow) {
+            setSelectedIndex(prev => Math.min(processes.length - 1, prev + 1));
+        } else if (input === 'k' || input === 'K') {
+            const selected = processes[selectedIndex];
+            if (selected && selected.status === 'running' && onKill) {
+                onKill(selected.id);
+            }
+        } else if (input === 'q' || input === 'Q' || key.escape) {
+            if (onClose) onClose();
+        } else if (key.return) {
+            const selected = processes[selectedIndex];
+            if (selected && onSelect) {
+                onSelect(selected);
+            }
+        }
+    }, { isActive });
+
+    if (!processes || processes.length === 0) {
+        return React.createElement(Box, { flexDirection: "column", marginTop: 1 },
+            React.createElement(Text, { color: theme.text.secondary },
+                'No background processes'
+            )
+        );
+    }
+
+    return React.createElement(Box, { flexDirection: "column", marginTop: 1 },
+        // 프로세스 목록
+        ...processes.map((proc, index) => {
+            const isSelected = index === selectedIndex && isActive;
+            const statusIcon = getStatusIcon(proc.status);
+            const statusColor = getStatusColor(proc.status);
+            const duration = formatDuration(proc.startedAt, proc.endedAt);
+            const command = truncateCommand(proc.command);
+
+            return React.createElement(Box, {
+                key: proc.id,
+                marginLeft: 1
+            },
+                // 선택 표시
+                React.createElement(Text, {
+                    color: isSelected ? theme.brand.light : theme.text.secondary
+                }, isSelected ? '▸ ' : '  '),
+
+                // 상태 아이콘
+                React.createElement(Text, { color: statusColor }, statusIcon),
+                React.createElement(Text, null, ' '),
+
+                // ID
+                React.createElement(Text, {
+                    color: theme.text.secondary,
+                    dimColor: !isSelected
+                }, `[${proc.id}]`),
+                React.createElement(Text, null, ' '),
+
+                // PID
+                React.createElement(Text, {
+                    color: theme.text.secondary,
+                    dimColor: !isSelected
+                }, `pid:${proc.pid}`),
+                React.createElement(Text, null, ' '),
+
+                // 시간
+                React.createElement(Text, {
+                    color: proc.status === 'running' ? theme.brand.light : theme.text.secondary,
+                    dimColor: !isSelected && proc.status !== 'running'
+                }, duration),
+                React.createElement(Text, null, ' '),
+
+                // 명령어
+                React.createElement(Text, {
+                    color: isSelected ? theme.text.primary : theme.text.secondary,
+                    bold: isSelected
+                }, command)
+            );
+        })
+    );
+}
+
+/**
+ * 간단한 백그라운드 프로세스 상태 표시 (헤더용)
+ */
+export function BackgroundProcessBadge({ count, onClick }) {
+    if (count === 0) return null;
+
+    return React.createElement(Box, {
+        marginLeft: 1
+    },
+        React.createElement(Text, {
+            color: theme.brand.light,
+            bold: true
+        }, `[BG: ${count}]`)
+    );
+}

package/src/frontend/components/ConversationItem.js

@@ -12,7 +12,7 @@ import { getToolDisplayName, formatToolCall } from '../../system/tool_registry.j
 import { getFileSnapshot } from '../../system/file_integrity.js';
 import { safeMkdir, safeAppendFile } from '../../util/safe_fs.js';
 import { resolve, join, dirname } from 'path';
-import { DEBUG_LOG_DIR } from '../../util/config.js';
+import { DEBUG_LOG_DIR, isDebugModeEnabled } from '../../util/config.js';
 import { createHash } from 'crypto';
 import { createDebugLogger } from '../../util/debug_log.js';
 import { prepareEditReplaceDiff } from '../utils/diffUtils.js';
@@ -59,15 +59,17 @@ function logOldStringEvidence(evidence) {
         logEntry += JSON.stringify(evidence.resultArgs, null, 2) + '\n';
 
         // Convert sync operations to async (non-blocking)
-        setImmediate(async () => {
-            try {
-                // 디렉토리가 없으면 생성 (recursive: true 이므로 이미 존재해도 에러 없음)
-                await safeMkdir(dir, { recursive: true });
-                await safeAppendFile(OLDSTRING_LOG_FILE, logEntry);
-            } catch (err) {
-                // Ignore logging errors
-            }
-        });
+        if (isDebugModeEnabled()) {
+            setImmediate(async () => {
+                try {
+                    // 디렉토리가 없으면 생성 (recursive: true 이므로 이미 존재해도 에러 없음)
+                    await safeMkdir(dir, { recursive: true });
+                    await safeAppendFile(OLDSTRING_LOG_FILE, logEntry);
+                } catch (err) {
+                    // Ignore logging errors
+                }
+            });
+        }
     } catch (err) {
         // Ignore logging errors
     }
@@ -85,6 +87,7 @@ const TYPE_CONFIG = {
     thinking: { icon: '◇ ', color: theme.text.link, bold: false },
     code_execution: { icon: '• ', color: theme.status.warning, bold: false },
     code_result: { icon: '◀ ', color: theme.status.success, bold: false },
+    skill_invoked: { icon: '• ', color: theme.text.accent, bold: true },
     default: { icon: '• ', color: theme.text.primary, bold: false }
 };
 
@@ -590,6 +593,19 @@ function StandardDisplay({ item, isPending, hasFollowingResult, nextItem, isLast
         );
     }
 
+    // 스킬 실행 알림 - 녹색 굵은 글씨
+    if (type === 'skill_invoked') {
+        return React.createElement(Box, { flexDirection: "row", marginBottom, marginTop, marginLeft: 2, width: '100%' },
+            React.createElement(Text, {
+                color: config.color,
+                bold: config.bold
+            }, config.icon),
+            React.createElement(Box, { flexDirection: "column", flexGrow: 1 },
+                React.createElement(Text, { color: theme.text.accent, bold: true }, text)
+            )
+        );
+    }
+
     // edit_file_range와 edit_file_replace: 성공한 경우와 denied된 경우 tool_result를 숨김
     if (type === 'tool_result' && (toolName === 'edit_file_range' || toolName === 'edit_file_replace')) {
         const originalResult = item.result?.originalResult;

package/src/frontend/components/CurrentModelView.js

@@ -8,11 +8,11 @@ import { theme } from '../design/themeColors.js';
 
 export function CurrentModelView({ provider, modelId, modelInfo }) {
     const providerColors = {
-        openai: 'cyan'
+        zai: 'cyan'
     };
 
     const providerEmojis = {
-        openai: '🤖'
+        zai: '🤖'
     };
 
     return React.createElement(Box, {

package/src/frontend/components/HelpView.js

@@ -5,7 +5,7 @@
 import React from 'react';
 import { Box, Text } from 'ink';
 
-export function HelpView({ commands }) {
+export function HelpView({ commands, customCommands = [], skills = [] }) {
     // 커맨드를 카테고리별로 분류
     const aiCommands = commands.filter(cmd =>
         ['model', 'reasoning_effort', 'apikey'].includes(cmd.name)
@@ -59,6 +59,96 @@ export function HelpView({ commands }) {
         );
     };
 
+    // 커스텀 커맨드 렌더링
+    const renderCustomCommands = () => {
+        if (customCommands.length === 0) return null;
+
+        return React.createElement(Box, {
+            flexDirection: 'column',
+            borderStyle: 'round',
+            borderColor: 'gray',
+            paddingX: 2,
+            paddingY: 1,
+            marginBottom: 1
+        },
+            React.createElement(Text, {
+                bold: true,
+                color: 'cyan'
+            }, '📋 Custom Commands'),
+            React.createElement(Text, null),
+
+            customCommands.map(cmd =>
+                React.createElement(Box, {
+                    key: cmd.name,
+                    flexDirection: 'column',
+                    marginBottom: 1
+                },
+                    React.createElement(Box, { flexDirection: 'row', gap: 1 },
+                        React.createElement(Text, { color: 'green', bold: true }, '•'),
+                        React.createElement(Text, { color: 'white', bold: true },
+                            `/${cmd.name}${cmd.argumentHint ? ' ' + cmd.argumentHint : ''}`
+                        ),
+                        React.createElement(Text, { color: 'gray', dimColor: true },
+                            ` (${cmd.source})`
+                        )
+                    ),
+                    cmd.description && React.createElement(Box, {
+                        flexDirection: 'row',
+                        marginLeft: 2
+                    },
+                        React.createElement(Text, { color: 'gray' },
+                            cmd.description.substring(0, 60) + (cmd.description.length > 60 ? '...' : '')
+                        )
+                    )
+                )
+            )
+        );
+    };
+
+    // 스킬 렌더링
+    const renderSkills = () => {
+        if (skills.length === 0) return null;
+
+        return React.createElement(Box, {
+            flexDirection: 'column',
+            borderStyle: 'round',
+            borderColor: 'gray',
+            paddingX: 2,
+            paddingY: 1,
+            marginBottom: 1
+        },
+            React.createElement(Text, {
+                bold: true,
+                color: 'cyan'
+            }, '🎯 Skills'),
+            React.createElement(Text, null),
+
+            skills.map(skill =>
+                React.createElement(Box, {
+                    key: skill.name,
+                    flexDirection: 'column',
+                    marginBottom: 1
+                },
+                    React.createElement(Box, { flexDirection: 'row', gap: 1 },
+                        React.createElement(Text, { color: 'green', bold: true }, '•'),
+                        React.createElement(Text, { color: 'white', bold: true }, `/${skill.name}`),
+                        React.createElement(Text, { color: 'gray', dimColor: true },
+                            ` (${skill.source})`
+                        )
+                    ),
+                    skill.description && React.createElement(Box, {
+                        flexDirection: 'row',
+                        marginLeft: 2
+                    },
+                        React.createElement(Text, { color: 'gray' },
+                            skill.description.substring(0, 60) + (skill.description.length > 60 ? '...' : '')
+                        )
+                    )
+                )
+            )
+        );
+    };
+
     return React.createElement(Box, {
         flexDirection: 'column',
         paddingX: 2,
@@ -89,6 +179,12 @@ export function HelpView({ commands }) {
         // Other Commands
         renderCommandGroup('🔧 Other', otherCommands),
 
+        // Custom Commands
+        renderCustomCommands(),
+
+        // Skills
+        renderSkills(),
+
         // Footer
         React.createElement(Box, {
             flexDirection: 'column',
@@ -104,7 +200,15 @@ export function HelpView({ commands }) {
             React.createElement(Text, {
                 dimColor: true,
                 italic: true
-            }, '💡 Press Ctrl+C to cancel current operation')
+            }, '💡 Press Ctrl+C to cancel current operation'),
+            React.createElement(Text, {
+                dimColor: true,
+                italic: true
+            }, '💡 Custom commands: ~/.aiexe/commands/ or .aiexe/commands/'),
+            React.createElement(Text, {
+                dimColor: true,
+                italic: true
+            }, '💡 Skills: ~/.aiexe/skills/ or .aiexe/skills/')
         )
     );
 }

package/src/frontend/components/Input.js

@@ -7,6 +7,7 @@ import { Box, Text } from 'ink';
 import { theme } from '../design/themeColors.js';
 import { useKeypress, keyMatchers, Command } from '../hooks/useKeypress.js';
 import { useCompletion } from '../hooks/useCompletion.js';
+import { useFileCompletion } from '../hooks/useFileCompletion.js';
 import { AutocompleteMenu } from './AutocompleteMenu.js';
 import { cpSlice, cpLen } from '../utils/inputBuffer.js';
 import { uiEvents } from '../../system/ui_events.js';
@@ -48,18 +49,31 @@ function InputPromptComponent({ buffer, onSubmit, onClearScreen, onExit, command
     // placeholder가 제공되지 않으면 무작위로 선택 (컴포넌트 마운트 시 한 번만)
     const defaultPlaceholder = useMemo(() => placeholder || getRandomPlaceholder(), []);
 
-    const completionRaw = useCompletion(buffer, commands);
+    const commandCompletionRaw = useCompletion(buffer, commands);
+    const fileCompletionRaw = useFileCompletion(buffer);
+
+    // Stabilize completion objects to prevent handleInput from being recreated
+    const commandCompletion = useMemo(() => commandCompletionRaw, [
+        commandCompletionRaw.showSuggestions,
+        commandCompletionRaw.suggestions.length,
+        commandCompletionRaw.activeSuggestionIndex,
+        commandCompletionRaw.handleAutocomplete,
+        commandCompletionRaw.navigateUp,
+        commandCompletionRaw.navigateDown
+    ]);
 
-    // Stabilize completion object to prevent handleInput from being recreated
-    const completion = useMemo(() => completionRaw, [
-        completionRaw.showSuggestions,
-        completionRaw.suggestions.length,
-        completionRaw.activeSuggestionIndex,
-        completionRaw.handleAutocomplete,
-        completionRaw.navigateUp,
-        completionRaw.navigateDown
+    const fileCompletion = useMemo(() => fileCompletionRaw, [
+        fileCompletionRaw.showSuggestions,
+        fileCompletionRaw.suggestions.length,
+        fileCompletionRaw.activeSuggestionIndex,
+        fileCompletionRaw.handleAutocomplete,
+        fileCompletionRaw.navigateUp,
+        fileCompletionRaw.navigateDown
     ]);
 
+    // 파일 자동완성 우선, 그 다음 명령어 자동완성
+    const completion = fileCompletion.showSuggestions ? fileCompletion : commandCompletion;
+
 
     const handleSubmitAndClear = useCallback((submittedValue) => {
         buffer.setText('');
@@ -139,9 +153,17 @@ function InputPromptComponent({ buffer, onSubmit, onClearScreen, onExit, command
             // If suggestions are shown, accept the active suggestion
             if (completion.showSuggestions && completion.suggestions.length > 0) {
                 const targetIndex = completion.activeSuggestionIndex === -1 ? 0 : completion.activeSuggestionIndex;
+                const suggestion = completion.suggestions[targetIndex];
+
+                // 파일 자동완성인 경우 (@로 시작) 완성만 하고 submit하지 않음
+                if (suggestion.value.startsWith('@')) {
+                    completion.handleAutocomplete(targetIndex);
+                    return;
+                }
+
+                // 명령어 자동완성인 경우 완성 후 바로 실행
                 completion.handleAutocomplete(targetIndex);
-                // Execute the command immediately
-                const completedCommand = completion.suggestions[targetIndex].value;
+                const completedCommand = suggestion.value;
                 handleSubmitAndClear(completedCommand);
                 return;
             }

package/src/frontend/components/ModelListView.js

@@ -40,7 +40,7 @@ export function ModelListView({ modelsByProvider }) {
         React.createElement(Text, { key: 'spacer2' }, null),
         React.createElement(Text, { key: 'usage', bold: true }, 'Usage:'),
         React.createElement(Text, { key: 'usage-cmd' }, '  /model <model-id>'),
-        React.createElement(Text, { key: 'usage-example', dimColor: true }, '  Example: /model gpt-5')
+        React.createElement(Text, { key: 'usage-example', dimColor: true }, '  Example: /model glm-4.5')
     );
 
     return React.createElement(Box, {

package/src/frontend/components/SetupWizard.js

@@ -5,7 +5,22 @@
 import React, { useState, useRef } from 'react';
 import { Box, Text, useInput } from 'ink';
 import { theme } from '../design/themeColors.js';
-import { AI_MODELS, getAllModelIds, DEFAULT_MODEL } from '../../config/ai_models.js';
+import { AI_MODELS, getAllModelIds, getModelsByProvider, DEFAULT_MODEL } from '../../config/ai_models.js';
+
+/**
+ * API 키 스타일로 provider 감지
+ * @param {string} apiKey - API 키
+ * @returns {string|null} provider 이름 또는 null
+ */
+function detectProviderFromApiKey(apiKey) {
+    if (!apiKey || typeof apiKey !== 'string') return null;
+
+    // Z.AI API 키 형식: 32자리 hex + '.' + 16자리 영숫자
+    if (/^[a-f0-9]{32}\.[A-Za-z0-9]{16}$/.test(apiKey)) {
+        return 'zai';
+    }
+    return null;
+}
 
 const STEPS = {
     API_KEY: 'api_key',
@@ -17,6 +32,8 @@ export function SetupWizard({ onComplete, onCancel }) {
     const [step, setStep] = useState(STEPS.API_KEY);
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [textInput, setTextInput] = useState('');
+    const [detectedProvider, setDetectedProvider] = useState(null);
+    const [errorMessage, setErrorMessage] = useState('');
 
     // settings를 ref로 관리하여 stale closure 문제 방지
     const settingsRef = useRef({
@@ -25,6 +42,14 @@ export function SetupWizard({ onComplete, onCancel }) {
         REASONING_EFFORT: 'medium'
     });
 
+    // 감지된 provider에 따른 모델 목록
+    const getAvailableModels = () => {
+        if (detectedProvider) {
+            return getModelsByProvider(detectedProvider);
+        }
+        return getAllModelIds();
+    };
+
     // 현재 스텝이 텍스트 입력인지 선택지인지 판단
     const isTextInputStep = step === STEPS.API_KEY;
 
@@ -41,14 +66,26 @@ export function SetupWizard({ onComplete, onCancel }) {
                 if (!textInput.trim()) {
                     return;
                 }
-                settingsRef.current.API_KEY = textInput.trim();
+                const apiKey = textInput.trim();
+                // API 키 스타일로 provider 감지
+                const provider = detectProviderFromApiKey(apiKey);
+                if (!provider) {
+                    // 유효하지 않은 API 키 형식
+                    setErrorMessage('Invalid API key format. Please use Z.AI API key.');
+                    setTextInput('');
+                    return;
+                }
+                // 유효한 API 키
+                setErrorMessage('');
+                settingsRef.current.API_KEY = apiKey;
+                setDetectedProvider(provider);
                 setStep(STEPS.MODEL);
                 setTextInput('');
                 setSelectedIndex(0);
                 break;
 
             case STEPS.MODEL:
-                const models = getAllModelIds();
+                const models = getAvailableModels();
                 const selectedModel = models[selectedIndex];
                 settingsRef.current.MODEL = selectedModel;
 
@@ -97,6 +134,10 @@ export function SetupWizard({ onComplete, onCancel }) {
 
             if (input && !key.ctrl && !key.meta) {
                 setTextInput(prev => prev + input);
+                // 입력 시 에러 메시지 클리어
+                if (errorMessage) {
+                    setErrorMessage('');
+                }
             }
             return;
         }
@@ -118,7 +159,7 @@ export function SetupWizard({ onComplete, onCancel }) {
     const getMaxIndexForStep = (currentStep) => {
         switch (currentStep) {
             case STEPS.MODEL:
-                return getAllModelIds().length - 1;
+                return getAvailableModels().length - 1;
             case STEPS.REASONING_EFFORT:
                 return 3; // 4 options
             default:
@@ -145,16 +186,18 @@ export function SetupWizard({ onComplete, onCancel }) {
             case STEPS.API_KEY:
                 return React.createElement(Box, { flexDirection: 'column' },
                     React.createElement(Text, { bold: true, color: theme.text.accent }, '1. API Key:'),
-                    React.createElement(Text, { color: theme.text.secondary }, '   Get your API key from: https://platform.openai.com/account/api-keys or https://console.anthropic.com/settings/keys'),
+                    React.createElement(Text, { color: theme.text.secondary }, '   Get your API key from: https://z.ai/manage-apikey/apikey-list'),
                     React.createElement(Text, null),
                     React.createElement(Box, {
                         borderStyle: 'round',
-                        borderColor: theme.border.focused,
+                        borderColor: errorMessage ? theme.status.error : theme.border.focused,
                         paddingX: 1
                     },
                         React.createElement(Text, null, textInput ? '*'.repeat(textInput.length) : ' ')
                     ),
-                    React.createElement(Text, null),
+                    errorMessage
+                        ? React.createElement(Text, { color: theme.status.error }, errorMessage)
+                        : React.createElement(Text, null),
                     React.createElement(Text, { dimColor: true }, 'Type your API key and press Enter')
                 );
 
@@ -163,7 +206,7 @@ export function SetupWizard({ onComplete, onCancel }) {
                     React.createElement(Text, { bold: true, color: theme.text.accent }, '2. Choose Model:'),
                     React.createElement(Text, null),
                     renderOptions(
-                        getAllModelIds().map(modelId => {
+                        getAvailableModels().map(modelId => {
                             const model = AI_MODELS[modelId];
                             return `${modelId} (${model.name})`;
                         })