aiexecode 1.0.94 → 1.0.98

package/src/commands/skills.js

@@ -0,0 +1,46 @@
+import { uiEvents } from '../system/ui_events.js';
+import { formatSkillList, findSkillByName, loadSkillAsPrompt } from '../system/skill_loader.js';
+
+/**
+ * /skills 커맨드 - 스킬 목록 조회 및 스킬 정보 확인
+ *
+ * 사용법:
+ *   /skills           - 모든 스킬 목록 표시
+ *   /skills <name>    - 특정 스킬 상세 정보 표시
+ */
+export default {
+    name: 'skills',
+    description: 'List available skills or show skill details',
+    usage: '/skills [skill-name]',
+    handler: async (args, context) => {
+        if (!args || args.length === 0) {
+            // 스킬 목록 표시
+            const skillList = await formatSkillList();
+            uiEvents.addSystemMessage(skillList);
+            return;
+        }
+
+        // 특정 스킬 정보 표시
+        const skillName = args[0];
+        const skill = await findSkillByName(skillName);
+
+        if (!skill) {
+            uiEvents.addSystemMessage(`Skill not found: ${skillName}\n\nUse /skills to see available skills.`);
+            return;
+        }
+
+        const info = [
+            `Skill: ${skill.name}`,
+            `Source: ${skill.source}`,
+            `Path: ${skill.path}`,
+            '',
+            'Frontmatter:',
+            JSON.stringify(skill.frontmatter, null, 2),
+            '',
+            'Content Preview:',
+            skill.content.substring(0, 500) + (skill.content.length > 500 ? '...' : '')
+        ].join('\n');
+
+        uiEvents.addSystemMessage(info);
+    }
+};

package/src/config/ai_models.js

@@ -5,6 +5,13 @@
  * 새 모델 추가 시 이 파일만 수정하면 됩니다.
  */
 
+/**
+ * 공식 지원 Provider 목록
+ * 런타임에서 이 목록에 포함된 provider의 모델만 노출됩니다.
+ * 다른 provider의 구현 코드는 유지되지만 사용자에게 노출되지 않습니다.
+ */
+export const ENABLED_PROVIDERS = ['zai'];
+
 export const AI_MODELS = {
     // ========================================
     // Claude 시리즈
@@ -62,6 +69,49 @@ export const AI_MODELS = {
         maxTokens: 4096,
     },
 
+    // ========================================
+    // Z.AI GLM 시리즈 (Anthropic API 호환)
+    // - interleaved-thinking 지원
+    // - 프롬프트 캐싱 지원 (cache_read_input_tokens)
+    // - 서버 측 웹 검색 지원
+    // ========================================
+    'glm-4.7': {
+        provider: 'zai',
+        name: 'GLM-4.7',
+        contextWindow: 200000,  // 200K
+        maxTokens: 128000,      // 128K
+        supportsThinking: true,
+        supportsCaching: true,
+        supportsServerTools: true,
+    },
+    'glm-4.6': {
+        provider: 'zai',
+        name: 'GLM-4.6',
+        contextWindow: 200000,  // 200K
+        maxTokens: 128000,      // 128K
+        supportsThinking: true,
+        supportsCaching: true,
+        supportsServerTools: true,
+    },
+    'glm-4.5-air': {
+        provider: 'zai',
+        name: 'GLM-4.5 Air',
+        contextWindow: 128000,  // 128K
+        maxTokens: 96000,       // 96K
+        supportsThinking: true,
+        supportsCaching: true,
+        supportsServerTools: true,
+    },
+    'glm-4.5': {
+        provider: 'zai',
+        name: 'GLM-4.5',
+        contextWindow: 128000,  // 128K
+        maxTokens: 96000,       // 96K
+        supportsThinking: true,
+        supportsCaching: true,
+        supportsServerTools: true,
+    },
+
     // ========================================
     // Google Gemini 시리즈
     // ========================================
@@ -137,6 +187,14 @@ export function getModelInfo(modelId) {
     return AI_MODELS[modelId] || null;
 }
 
+/**
+ * 모델이 공식 지원 provider인지 확인
+ */
+export function isModelEnabled(modelId) {
+    const model = AI_MODELS[modelId];
+    return model ? ENABLED_PROVIDERS.includes(model.provider) : false;
+}
+
 /**
  * 모델 ID로 max_tokens 가져오기
  */
@@ -154,16 +212,21 @@ export function getContextWindow(modelId) {
 }
 
 /**
- * 모든 모델 ID 목록 가져오기
+ * 모든 모델 ID 목록 가져오기 (공식 지원 provider만)
  */
 export function getAllModelIds() {
-    return Object.keys(AI_MODELS);
+    return Object.keys(AI_MODELS).filter(
+        modelId => ENABLED_PROVIDERS.includes(AI_MODELS[modelId].provider)
+    );
 }
 
 /**
- * 특정 제조사의 모델 ID 목록 가져오기
+ * 특정 제조사의 모델 ID 목록 가져오기 (공식 지원 provider만)
  */
 export function getModelsByProvider(provider) {
+    if (!ENABLED_PROVIDERS.includes(provider)) {
+        return [];
+    }
     return Object.keys(AI_MODELS).filter(
         modelId => AI_MODELS[modelId].provider === provider
     );
@@ -177,14 +240,51 @@ export function getGPT5Models() {
 }
 
 /**
- * Reasoning 지원 모델 ID 목록
+ * Reasoning 지원 모델 ID 목록 (공식 지원 provider만)
  */
 export function getReasoningModels() {
     return Object.keys(AI_MODELS).filter(
-        modelId => AI_MODELS[modelId].supportsReasoning
+        modelId => AI_MODELS[modelId].supportsReasoning &&
+                   ENABLED_PROVIDERS.includes(AI_MODELS[modelId].provider)
+    );
+}
+
+/**
+ * Thinking 지원 모델 ID 목록 (Z.AI GLM 등, 공식 지원 provider만)
+ */
+export function getThinkingModels() {
+    return Object.keys(AI_MODELS).filter(
+        modelId => AI_MODELS[modelId].supportsThinking &&
+                   ENABLED_PROVIDERS.includes(AI_MODELS[modelId].provider)
+    );
+}
+
+/**
+ * 캐싱 지원 모델 ID 목록 (공식 지원 provider만)
+ */
+export function getCachingModels() {
+    return Object.keys(AI_MODELS).filter(
+        modelId => AI_MODELS[modelId].supportsCaching &&
+                   ENABLED_PROVIDERS.includes(AI_MODELS[modelId].provider)
     );
 }
 
+/**
+ * 특정 모델이 thinking을 지원하는지 확인
+ */
+export function supportsThinking(modelId) {
+    const model = AI_MODELS[modelId];
+    return model?.supportsThinking || false;
+}
+
+/**
+ * 특정 모델이 캐싱을 지원하는지 확인
+ */
+export function supportsCaching(modelId) {
+    const model = AI_MODELS[modelId];
+    return model?.supportsCaching || false;
+}
+
 /**
  * 특정 모델이 특정 reasoning effort를 지원하는지 확인
  */
@@ -199,7 +299,7 @@ export function supportsReasoningEffort(modelId, effort) {
 /**
  * 기본 권장 모델 ID
  */
-export const DEFAULT_MODEL = 'gpt-5-mini';
+export const DEFAULT_MODEL = 'glm-4.5';
 
 // ========================================
 // 하위 호환성을 위한 별칭 (Deprecated)

package/src/config/constants.js

@@ -0,0 +1,71 @@
+/**
+ * 전역 상수 정의
+ * 하드코딩된 값들을 중앙에서 관리합니다.
+ */
+
+// ============================================
+// Session 관련 상수
+// ============================================
+
+/** 서브미션 이름의 최대 길이 */
+export const SUB_MISSION_MAX_LENGTH = 120;
+
+/** 기본 최대 반복 횟수 */
+export const DEFAULT_MAX_ITERATIONS = 50;
+
+/** reasoning만 있는 응답의 최대 허용 횟수 */
+export const MAX_REASONING_ONLY_RESPONSES = 5;
+
+// ============================================
+// Ripgrep 관련 상수
+// ============================================
+
+/** 기본 타임아웃 (ms) */
+export const RIPGREP_DEFAULT_TIMEOUT_MS = 120000;
+
+/** 기본 최대 매치 수 */
+export const RIPGREP_DEFAULT_MAX_COUNT = 500;
+
+/** 최대 출력 크기 (bytes) */
+export const RIPGREP_MAX_OUTPUT_SIZE = 30000;
+
+// ============================================
+// File Reader 관련 상수
+// ============================================
+
+/** 파일 읽기 최대 줄 수 */
+export const FILE_READER_MAX_LINES = 2000;
+
+/** 파일 크기 제한 (bytes) - 10MB */
+export const FILE_READER_MAX_SIZE_BYTES = 10 * 1024 * 1024;
+
+// ============================================
+// AI 요청 관련 상수
+// ============================================
+
+/** 컨텍스트 trim 후 재시도를 위한 메시지 최소 수 */
+export const MIN_MESSAGES_FOR_RETRY = 3;
+
+// ============================================
+// UI/Output 관련 상수
+// ============================================
+
+/** 출력 클램핑 최대 길이 */
+export const OUTPUT_CLAMP_MAX_LENGTH = 30000;
+
+// ============================================
+// MCP 관련 상수
+// ============================================
+
+/** MCP 서버 연결 타임아웃 (ms) */
+export const MCP_CONNECTION_TIMEOUT_MS = 30000;
+
+// ============================================
+// 에러 재시도 관련 상수
+// ============================================
+
+/** 세션 저장 최대 재시도 횟수 */
+export const SESSION_SAVE_MAX_RETRIES = 3;
+
+/** 세션 저장 재시도 지연 (ms) */
+export const SESSION_SAVE_RETRY_DELAY_MS = 1000;

package/src/frontend/App.js

@@ -888,6 +888,14 @@ export function App({ onSubmit, onClearScreen, onExit, commands = [], model, ver
             if (event.todos) {
                 debugLog(`[handleTodosUpdate] Updating todos: ${event.todos.length} items`);
                 setTodos(event.todos);
+
+                // 모든 todo가 completed 상태면 잠시 후 자동으로 제거
+                const allCompleted = event.todos.length > 0 && event.todos.every(todo => todo.status === 'completed');
+                if (allCompleted) {
+                    setTimeout(() => {
+                        setTodos([]);
+                    }, 1500);
+                }
             }
         };
 

package/src/frontend/components/AutocompleteMenu.js

@@ -21,13 +21,19 @@ export function AutocompleteMenu({ suggestions = [], activeIndex = 0 }) {
         React.createElement(Text, { color: theme.text.secondary, bold: true }, 'Suggestions'),
         suggestions.map((suggestion, index) => {
             const isActive = index === activeIndex;
+            // 아이콘이 있으면 표시, 없으면 값만 표시
+            const icon = suggestion.icon || '';
+            const displayText = suggestion.displayValue || suggestion.value;
+            const prefix = icon ? `${icon} ` : '';
+
             return React.createElement(Box, { key: index, marginLeft: 1 },
                 React.createElement(Text, {
                     color: isActive ? theme.text.accent : theme.text.primary,
                     bold: isActive
                 },
                     isActive ? '▶ ' : '  ',
-                    suggestion.value,
+                    prefix,
+                    displayText,
                     suggestion.description && React.createElement(Text, { color: theme.text.secondary },
                         ' - ' + suggestion.description)
                 )

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})`;
                         })