dexto 1.4.0 → 1.5.0

package/dist/cli/ink-cli/components/overlays/CustomModelWizard.js

@@ -1,86 +1,91 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * CustomModelWizard Component
- * Multi-step wizard for adding a custom openai-compatible model
+ * Multi-step wizard for adding custom models (openai-compatible, openrouter, litellm, glama, bedrock)
+ *
+ * Architecture:
+ * - Provider configs centralized in ./custom-model-wizard/provider-config.ts
+ * - Shared UI components in ./custom-model-wizard/shared/
+ * - This file is the orchestrator - handles state, navigation, and keyboard input
  */
-import { useState, useEffect, forwardRef, useImperativeHandle, useCallback } from 'react';
+import { useState, useEffect, forwardRef, useImperativeHandle, useCallback, useRef, } from 'react';
 import { Box, Text } from 'ink';
-import { saveCustomModel } from '@dexto/agent-management';
+import { saveCustomModel, deleteCustomModel, CUSTOM_MODEL_PROVIDERS, saveProviderApiKey, getProviderKeyStatus, resolveApiKeyForProvider, determineApiKeyStorage, } from '@dexto/agent-management';
 import { logger } from '@dexto/core';
-const WIZARD_STEPS = [
-    {
-        field: 'name',
-        label: 'Model Name',
-        placeholder: 'e.g., llama-3-70b, mixtral-8x7b',
-        required: true,
-        validate: (v) => (v.trim() ? null : 'Model name is required'),
-    },
-    {
-        field: 'baseURL',
-        label: 'API Base URL',
-        placeholder: 'e.g., http://localhost:11434/v1',
-        required: true,
-        validate: (v) => {
-            if (!v.trim())
-                return 'Base URL is required';
-            try {
-                const url = new URL(v);
-                if (!['http:', 'https:'].includes(url.protocol)) {
-                    return 'URL must use http:// or https://';
-                }
-                return null;
-            }
-            catch {
-                return 'Invalid URL format';
-            }
-        },
-    },
-    {
-        field: 'displayName',
-        label: 'Display Name (optional)',
-        placeholder: 'e.g., My Local Llama 3',
-        required: false,
-    },
-    {
-        field: 'maxInputTokens',
-        label: 'Max Input Tokens (optional)',
-        placeholder: 'e.g., 128000 (leave blank for default)',
-        required: false,
-        validate: (v) => {
-            if (!v.trim())
-                return null;
-            const num = parseInt(v, 10);
-            if (isNaN(num) || num <= 0)
-                return 'Must be a positive number';
-            return null;
-        },
-    },
-];
+// Import from new modular architecture
+import { getProviderConfig, getAvailableProviders, runAsyncValidation, } from './custom-model-wizard/provider-config.js';
+import { ProviderSelector, WizardStepInput, SetupInfoBanner, ApiKeyStep, } from './custom-model-wizard/shared/index.js';
+import LocalModelWizard from './custom-model-wizard/LocalModelWizard.js';
 /**
- * Multi-step wizard for custom model configuration
+ * Multi-step wizard for custom model configuration.
+ * Uses data-driven provider configs instead of scattered conditionals.
  */
-const CustomModelWizard = forwardRef(function CustomModelWizard({ isVisible, onComplete, onClose }, ref) {
+const CustomModelWizard = forwardRef(function CustomModelWizard({ isVisible, onComplete, onClose, initialModel }, ref) {
+    // Provider selection (step 0) then wizard steps
+    const [selectedProvider, setSelectedProvider] = useState(null);
+    const [providerIndex, setProviderIndex] = useState(0);
     const [currentStep, setCurrentStep] = useState(0);
     const [values, setValues] = useState({});
     const [currentInput, setCurrentInput] = useState('');
     const [error, setError] = useState(null);
     const [isSaving, setIsSaving] = useState(false);
+    const [isValidating, setIsValidating] = useState(false);
+    // Track original name when editing (to handle renames)
+    const [originalName, setOriginalName] = useState(null);
+    const isEditing = initialModel !== null && initialModel !== undefined;
+    // Ref for LocalModelWizard (specialized wizard for 'local' provider)
+    const localModelWizardRef = useRef(null);
+    // Get provider config (data-driven, no conditionals)
+    const providerConfig = selectedProvider ? getProviderConfig(selectedProvider) : null;
+    const wizardSteps = providerConfig?.steps ?? [];
+    const currentStepConfig = wizardSteps[currentStep];
     // Reset when becoming visible
     useEffect(() => {
         if (isVisible) {
+            if (initialModel) {
+                // Editing mode - pre-populate from initialModel
+                const provider = initialModel.provider ?? 'openai-compatible';
+                setSelectedProvider(provider);
+                setOriginalName(initialModel.name);
+                setValues({
+                    name: initialModel.name,
+                    baseURL: initialModel.baseURL ?? '',
+                    displayName: initialModel.displayName ?? '',
+                    maxInputTokens: initialModel.maxInputTokens?.toString() ?? '',
+                    apiKey: initialModel.apiKey ?? '',
+                });
+                setCurrentStep(0);
+                setCurrentInput(initialModel.name);
+                setProviderIndex(CUSTOM_MODEL_PROVIDERS.indexOf(provider));
+            }
+            else {
+                // Adding mode - reset everything
+                setSelectedProvider(null);
+                setOriginalName(null);
+                setProviderIndex(0);
+                setCurrentStep(0);
+                setValues({});
+                setCurrentInput('');
+            }
+            setError(null);
+            setIsSaving(false);
+            setIsValidating(false);
+        }
+    }, [isVisible, initialModel]);
+    const handleProviderSelect = useCallback(() => {
+        const provider = CUSTOM_MODEL_PROVIDERS[providerIndex];
+        if (provider) {
+            setSelectedProvider(provider);
             setCurrentStep(0);
-            setValues({});
             setCurrentInput('');
             setError(null);
-            setIsSaving(false);
         }
-    }, [isVisible]);
-    const currentStepConfig = WIZARD_STEPS[currentStep];
+    }, [providerIndex]);
     const handleNext = useCallback(async () => {
-        if (!currentStepConfig || isSaving)
+        if (!currentStepConfig || !selectedProvider || isSaving || isValidating)
             return;
         const value = currentInput.trim();
-        // Validate
+        // Sync validation
         if (currentStepConfig.validate) {
             const validationError = currentStepConfig.validate(value);
             if (validationError) {
@@ -92,65 +97,147 @@ const CustomModelWizard = forwardRef(function CustomModelWizard({ isVisible, onC
             setError(`${currentStepConfig.label} is required`);
             return;
         }
+        // Async validation (data-driven - no provider-specific conditionals)
+        const asyncError = await (async () => {
+            setIsValidating(true);
+            setError(null);
+            try {
+                return await runAsyncValidation(selectedProvider, currentStepConfig.field, value);
+            }
+            finally {
+                setIsValidating(false);
+            }
+        })();
+        if (asyncError) {
+            setError(asyncError);
+            return;
+        }
         // Save value
         const newValues = { ...values, [currentStepConfig.field]: value };
         setValues(newValues);
         setError(null);
         setCurrentInput('');
         // Check if we're done
-        if (currentStep >= WIZARD_STEPS.length - 1) {
-            // Build model and save
-            const model = {
-                name: newValues.name || '',
-                baseURL: newValues.baseURL || '',
-            };
-            if (newValues.displayName?.trim()) {
-                model.displayName = newValues.displayName.trim();
-            }
-            if (newValues.maxInputTokens?.trim()) {
-                model.maxInputTokens = parseInt(newValues.maxInputTokens, 10);
-            }
-            // Save to storage
-            setIsSaving(true);
+        if (currentStep >= wizardSteps.length - 1) {
+            await saveModel(newValues);
+        }
+        else {
+            const nextStep = currentStep + 1;
+            setCurrentStep(nextStep);
+            // Pre-populate next step from stored values (for edit mode)
+            const nextStepConfig = wizardSteps[nextStep];
+            const nextValue = nextStepConfig ? newValues[nextStepConfig.field] : undefined;
+            setCurrentInput(nextValue ?? '');
+        }
+    }, [
+        currentInput,
+        currentStep,
+        currentStepConfig,
+        isSaving,
+        isValidating,
+        selectedProvider,
+        values,
+        wizardSteps,
+    ]);
+    /**
+     * Build and save the model using provider config's buildModel function.
+     */
+    const saveModel = useCallback(async (finalValues) => {
+        if (!selectedProvider || !providerConfig)
+            return;
+        // Build model using provider config (no conditionals!)
+        const model = providerConfig.buildModel(finalValues, selectedProvider);
+        // Handle API key storage
+        const userEnteredKey = finalValues.apiKey?.trim();
+        const providerKeyStatus = getProviderKeyStatus(selectedProvider);
+        const existingProviderKey = resolveApiKeyForProvider(selectedProvider);
+        const keyStorage = determineApiKeyStorage(selectedProvider, userEnteredKey, providerKeyStatus.hasApiKey, existingProviderKey);
+        if (keyStorage.saveToProviderEnvVar && userEnteredKey) {
             try {
-                await saveCustomModel(model);
-                onComplete(model);
+                await saveProviderApiKey(selectedProvider, userEnteredKey, process.cwd());
             }
             catch (err) {
-                logger.error(`Failed to save custom model: ${err instanceof Error ? err.message : 'Unknown error'}`);
-                setError(`Failed to save: ${err instanceof Error ? err.message : 'Unknown error'}`);
-                setIsSaving(false);
+                logger.warn(`Failed to save provider API key: ${err instanceof Error ? err.message : 'Unknown error'}`);
+                // Fall back to per-model storage
+                keyStorage.saveAsPerModel = true;
             }
         }
-        else {
-            setCurrentStep(currentStep + 1);
+        if (keyStorage.saveAsPerModel && userEnteredKey) {
+            model.apiKey = userEnteredKey;
         }
-    }, [currentInput, currentStep, currentStepConfig, isSaving, onComplete, values]);
+        // Save to storage
+        setIsSaving(true);
+        try {
+            // If editing and name changed, delete the old model first
+            if (originalName && originalName !== model.name) {
+                try {
+                    await deleteCustomModel(originalName);
+                }
+                catch (err) {
+                    // Log but continue - old model might already be deleted
+                    logger.warn(`Failed to delete old model "${originalName}" during rename: ${err instanceof Error ? err.message : String(err)}`);
+                }
+            }
+            await saveCustomModel(model);
+            onComplete(model);
+        }
+        catch (err) {
+            logger.error(`Failed to save custom model: ${err instanceof Error ? err.message : 'Unknown error'}`);
+            setError(`Failed to save: ${err instanceof Error ? err.message : 'Unknown error'}`);
+            setIsSaving(false);
+        }
+    }, [selectedProvider, providerConfig, originalName, onComplete]);
     const handleBack = useCallback(() => {
         if (currentStep > 0) {
             setCurrentStep(currentStep - 1);
             // Restore previous value
-            const prevStep = WIZARD_STEPS[currentStep - 1];
+            const prevStep = wizardSteps[currentStep - 1];
             if (prevStep) {
                 setCurrentInput(values[prevStep.field] || '');
             }
             setError(null);
         }
+        else if (selectedProvider) {
+            // Go back to provider selection
+            setSelectedProvider(null);
+            setError(null);
+        }
         else {
             onClose();
         }
-    }, [currentStep, onClose, values]);
+    }, [currentStep, onClose, selectedProvider, values, wizardSteps]);
     // Handle keyboard input
     useImperativeHandle(ref, () => ({
         handleInput: (input, key) => {
-            if (!isVisible || isSaving)
+            if (!isVisible || isSaving || isValidating)
                 return false;
+            // Delegate to LocalModelWizard when local provider is selected
+            if (selectedProvider === 'local' && localModelWizardRef.current) {
+                return localModelWizardRef.current.handleInput(input, key);
+            }
             // Escape to go back/close
             if (key.escape) {
                 handleBack();
                 return true;
             }
-            // Enter to submit current step
+            // Provider selection mode
+            if (!selectedProvider) {
+                const providers = getAvailableProviders();
+                if (key.upArrow) {
+                    setProviderIndex((prev) => prev > 0 ? prev - 1 : providers.length - 1);
+                    return true;
+                }
+                if (key.downArrow) {
+                    setProviderIndex((prev) => prev < providers.length - 1 ? prev + 1 : 0);
+                    return true;
+                }
+                if (key.return) {
+                    handleProviderSelect();
+                    return true;
+                }
+                return true; // Consume all input during provider selection
+            }
+            // Wizard step mode
             if (key.return) {
                 void handleNext();
                 return true;
@@ -169,9 +256,31 @@ const CustomModelWizard = forwardRef(function CustomModelWizard({ isVisible, onC
             }
             return false;
         },
-    }), [isVisible, isSaving, handleBack, handleNext]);
-    if (!isVisible || !currentStepConfig)
+    }), [
+        isVisible,
+        isSaving,
+        isValidating,
+        handleBack,
+        handleNext,
+        handleProviderSelect,
+        selectedProvider,
+    ]);
+    if (!isVisible)
+        return null;
+    // Provider selection screen (using shared component)
+    if (!selectedProvider) {
+        return _jsx(ProviderSelector, { selectedIndex: providerIndex, isEditing: isEditing });
+    }
+    // Local provider uses specialized wizard with download support
+    if (selectedProvider === 'local') {
+        return (_jsx(LocalModelWizard, { ref: localModelWizardRef, isVisible: isVisible, onComplete: onComplete, onClose: () => {
+                // Go back to provider selection instead of closing completely
+                setSelectedProvider(null);
+            } }));
+    }
+    // Wizard steps screen for other providers
+    if (!currentStepConfig || !providerConfig)
         return null;
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, marginTop: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "green", children: "Add Custom Model" }), _jsxs(Text, { dimColor: true, children: [' ', "(Step ", currentStep + 1, "/", WIZARD_STEPS.length, ")"] })] }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [currentStepConfig.label, ":"] }), _jsx(Text, { dimColor: true, children: currentStepConfig.placeholder })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: "> " }), _jsx(Text, { children: currentInput }), _jsx(Text, { color: "cyan", children: "_" })] }), error && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "red", children: error }) })), isSaving && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: "Saving..." }) })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Enter to continue \u2022 Esc to ", currentStep > 0 ? 'go back' : 'cancel'] }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, marginTop: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "green", children: isEditing ? 'Edit Custom Model' : 'Add Custom Model' }), _jsxs(Text, { color: "gray", children: [' ', "(", providerConfig.displayName, ") Step ", currentStep + 1, "/", wizardSteps.length] })] }), providerConfig.setupInfo && currentStep === 0 && (_jsx(SetupInfoBanner, { title: providerConfig.setupInfo.title, description: providerConfig.setupInfo.description, docsUrl: providerConfig.setupInfo.docsUrl })), _jsx(WizardStepInput, { step: currentStepConfig, currentInput: currentInput, error: error, isValidating: isValidating, isSaving: isSaving, additionalContent: currentStepConfig.field === 'apiKey' ? (_jsx(ApiKeyStep, { provider: selectedProvider })) : undefined }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: ["Enter to continue \u2022 Esc to", ' ', currentStep > 0 ? 'go back' : 'back to provider'] }) })] }));
 });
 export default CustomModelWizard;

package/dist/cli/ink-cli/components/overlays/LogLevelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogLevelSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/LogLevelSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAkBD;;GAEG;AACH,QAAA,MAAM,gBAAgB,sGA8FrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LogLevelSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/LogLevelSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAkBD;;GAEG;AACH,QAAA,MAAM,gBAAgB,sGAyFrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/cli/ink-cli/components/overlays/LogLevelSelector.js

@@ -49,11 +49,11 @@ const LogLevelSelector = forwardRef(function LogLevelSelector({ isVisible, onSel
         }
     }, [isVisible, agent]);
     // Format level item for display
-    const formatItem = (option, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [option.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: option.level }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', dimColor: !isSelected, children: [' ', "- ", option.description] }), option.isCurrent && (_jsxs(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: [' ', "\u2190 Current"] }))] }));
+    const formatItem = (option, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [option.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: option.level }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', children: [" - ", option.description] }), option.isCurrent && (_jsxs(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: [' ', "\u2190 Current"] }))] }));
     // Handle selection
     const handleSelect = (option) => {
         onSelect(option.level);
     };
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(BaseSelector, { ref: baseSelectorRef, items: levels, isVisible: isVisible, isLoading: false, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Select Log Level", borderColor: "yellow", emptyMessage: "No log levels available" }), logFilePath && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", dimColor: true, children: ["\uD83D\uDCC1 Log file: ", logFilePath] }) }))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(BaseSelector, { ref: baseSelectorRef, items: levels, isVisible: isVisible, isLoading: false, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Select Log Level", borderColor: "yellowBright", emptyMessage: "No log levels available" }), logFilePath && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: ["\uD83D\uDCC1 Log file: ", logFilePath] }) }))] }));
 });
 export default LogLevelSelector;

package/dist/cli/ink-cli/components/overlays/McpAddChoice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpAddChoice.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpAddChoice.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D,UAAU,iBAAiB;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAkCD;;GAEG;AACH,QAAA,MAAM,YAAY,8FA4DhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"McpAddChoice.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpAddChoice.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D,UAAU,iBAAiB;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAkCD;;GAEG;AACH,QAAA,MAAM,YAAY,8FAyDhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/cli/ink-cli/components/overlays/McpAddChoice.js

@@ -49,7 +49,7 @@ const McpAddChoice = forwardRef(function McpAddChoice({ isVisible, onSelect, onC
         }
     }, [isVisible]);
     // Format item for display
-    const formatItem = (item, isSelected) => (_jsxs(Box, { children: [_jsxs(Text, { children: [item.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: item.label }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', dimColor: !isSelected, children: [' ', "- ", item.description] })] }));
+    const formatItem = (item, isSelected) => (_jsxs(Box, { children: [_jsxs(Text, { children: [item.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: item.label }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', children: [" - ", item.description] })] }));
     // Handle selection
     const handleSelect = (item) => {
         onSelect(item.type);

package/dist/cli/ink-cli/components/overlays/McpAddSelector.js

@@ -63,7 +63,7 @@ const McpAddSelector = forwardRef(function McpAddSelector({ isVisible, onSelect,
         };
     }, [isVisible]);
     // Format option for display
-    const formatItem = (option, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [option.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: option.label }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', dimColor: !isSelected, children: [' ', "- ", option.description.slice(0, 40), option.description.length > 40 ? '...' : ''] })] }));
+    const formatItem = (option, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [option.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: option.label }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', children: [' ', "- ", option.description.slice(0, 40), option.description.length > 40 ? '...' : ''] })] }));
     // Handle selection
     const handleSelect = (option) => {
         onSelect({ type: 'preset', entry: option.entry });

package/dist/cli/ink-cli/components/overlays/McpCustomTypeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpCustomTypeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpCustomTypeSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,UAAU,0BAA0B;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,2BAA2B;IACxC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA8BD;;GAEG;AACH,QAAA,MAAM,qBAAqB,gHAwD1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"McpCustomTypeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpCustomTypeSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,UAAU,0BAA0B;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,2BAA2B;IACxC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA8BD;;GAEG;AACH,QAAA,MAAM,qBAAqB,gHAqD1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/cli/ink-cli/components/overlays/McpCustomTypeSelector.js

@@ -42,10 +42,10 @@ const McpCustomTypeSelector = forwardRef(function McpCustomTypeSelector({ isVisi
             setSelectedIndex(0);
         }
     }, [isVisible]);
-    const formatItem = (option, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [option.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: option.label }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', dimColor: !isSelected, children: [' ', "- ", option.description] })] }));
+    const formatItem = (option, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [option.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: option.label }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', children: [" - ", option.description] })] }));
     const handleSelect = (option) => {
         onSelect(option.type);
     };
-    return (_jsx(BaseSelector, { ref: baseSelectorRef, items: SERVER_TYPE_OPTIONS, isVisible: isVisible, isLoading: false, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Select Server Type", borderColor: "yellow", emptyMessage: "No options available" }));
+    return (_jsx(BaseSelector, { ref: baseSelectorRef, items: SERVER_TYPE_OPTIONS, isVisible: isVisible, isLoading: false, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Select Server Type", borderColor: "yellowBright", emptyMessage: "No options available" }));
 });
 export default McpCustomTypeSelector;

package/dist/cli/ink-cli/components/overlays/McpCustomWizard.js

@@ -210,6 +210,6 @@ const McpCustomWizard = forwardRef(function McpCustomWizard({ isVisible, serverT
     if (!isVisible || !currentStepConfig)
         return null;
     const serverTypeLabel = serverType.toUpperCase();
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Add Custom ", serverTypeLabel, " Server"] }), _jsxs(Text, { dimColor: true, children: [' ', "(Step ", currentStep + 1, "/", steps.length, ")"] })] }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [currentStepConfig.label, ":"] }), _jsx(Text, { dimColor: true, children: currentStepConfig.placeholder })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: "> " }), _jsx(Text, { children: currentInput }), _jsx(Text, { color: "cyan", children: "_" })] }), error && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "red", children: error }) })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Enter to continue \u2022 Esc to ", currentStep > 0 ? 'go back' : 'cancel'] }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellowBright", paddingX: 1, marginTop: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "yellowBright", children: ["Add Custom ", serverTypeLabel, " Server"] }), _jsxs(Text, { color: "gray", children: [' ', "(Step ", currentStep + 1, "/", steps.length, ")"] })] }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [currentStepConfig.label, ":"] }), _jsx(Text, { color: "gray", children: currentStepConfig.placeholder })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: "> " }), _jsx(Text, { children: currentInput }), _jsx(Text, { color: "cyan", children: "_" })] }), error && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "red", children: error }) })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: ["Enter to continue \u2022 Esc to ", currentStep > 0 ? 'go back' : 'cancel'] }) })] }));
 });
 export default McpCustomWizard;

package/dist/cli/ink-cli/components/overlays/McpRemoveSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpRemoveSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpRemoveSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAwC,MAAM,aAAa,CAAC;AAGpF,UAAU,sBAAsB;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,wGAoHtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"McpRemoveSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpRemoveSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAwC,MAAM,aAAa,CAAC;AAGpF,UAAU,sBAAsB;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,wGAmHtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cli/ink-cli/components/overlays/McpRemoveSelector.js

@@ -64,7 +64,7 @@ const McpRemoveSelector = forwardRef(function McpRemoveSelector({ isVisible, onS
                     ? 'green'
                     : server.status === 'disconnected'
                         ? 'gray'
-                        : 'red', dimColor: !isSelected, children: [' ', "- ", getStatusText(server.status)] }), server.error && (_jsxs(Text, { color: "gray", dimColor: true, children: [' ', "(", server.error.slice(0, 30), server.error.length > 30 ? '...' : '', ")"] }))] }));
+                        : 'red', children: [' ', "- ", getStatusText(server.status)] }), server.error && (_jsxs(Text, { color: "gray", children: [' ', "(", server.error.slice(0, 30), server.error.length > 30 ? '...' : '', ")"] }))] }));
     // Handle selection
     const handleSelect = (server) => {
         onSelect(server.name);

package/dist/cli/ink-cli/components/overlays/McpSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,CAAC;AAExE,UAAU,gBAAgB;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA0BD;;GAEG;AACH,QAAA,MAAM,WAAW,4FA8Df,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"McpSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpSelector.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,CAAC;AAExE,UAAU,gBAAgB;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA0BD;;GAEG;AACH,QAAA,MAAM,WAAW,4FA2Df,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/cli/ink-cli/components/overlays/McpSelector.js

@@ -42,7 +42,7 @@ const McpSelector = forwardRef(function McpSelector({ isVisible, onSelect, onClo
         }
     }, [isVisible]);
     // Format option for display
-    const formatItem = (option, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [option.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: option.label }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', dimColor: !isSelected, children: [' ', "- ", option.description] })] }));
+    const formatItem = (option, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [option.icon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: option.label }), _jsxs(Text, { color: isSelected ? 'white' : 'gray', children: [" - ", option.description] })] }));
     // Handle selection
     const handleSelect = (option) => {
         onSelect(option.action);

package/dist/cli/ink-cli/components/overlays/McpServerActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpServerActions.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpServerActions.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,MAAM,EAAE,eAAe,CAAC;CAC3B;AAED,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,gBAAgB,sGA8GrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"McpServerActions.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpServerActions.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,MAAM,WAAW,eAAe;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,MAAM,EAAE,eAAe,CAAC;CAC3B;AAED,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,gBAAgB,sGA0GrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/cli/ink-cli/components/overlays/McpServerActions.js

@@ -37,7 +37,7 @@ const McpServerActions = forwardRef(function McpServerActions({ isVisible, serve
                 type: 'disable',
                 label: 'Disable server',
                 icon: '⏸️',
-                color: 'yellow',
+                color: 'orange',
             });
         }
         else {
@@ -69,7 +69,7 @@ const McpServerActions = forwardRef(function McpServerActions({ isVisible, serve
     }, [server]);
     // Format item for display
     const formatItem = (item, isSelected) => {
-        return (_jsxs(Box, { children: [_jsxs(Text, { children: [item.icon, " "] }), _jsx(Text, { color: isSelected ? item.color : 'gray', bold: isSelected, dimColor: !isSelected, children: item.label })] }));
+        return (_jsxs(Box, { children: [_jsxs(Text, { children: [item.icon, " "] }), _jsx(Text, { color: isSelected ? item.color : 'gray', bold: isSelected, children: item.label })] }));
     };
     // Handle selection
     const handleSelect = (item) => {

package/dist/cli/ink-cli/components/overlays/McpServerList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpServerList.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpServerList.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAuB,MAAM,aAAa,CAAC;AAGpF,MAAM,MAAM,mBAAmB,GACzB;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,eAAe,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAE1B,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAoCD;;GAEG;AACH,QAAA,MAAM,aAAa,gGA6HjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"McpServerList.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpServerList.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAuB,MAAM,aAAa,CAAC;AAGpF,MAAM,MAAM,mBAAmB,GACzB;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,eAAe,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAE1B,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAoCD;;GAEG;AACH,QAAA,MAAM,aAAa,gGA4HjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/cli/ink-cli/components/overlays/McpServerList.js

@@ -93,7 +93,7 @@ const McpServerList = forwardRef(function McpServerList({ isVisible, onAction, o
                         ? 'green'
                         : server.status === 'disconnected'
                             ? 'gray'
-                            : 'red', dimColor: !isSelected, children: ["[", statusText, "]"] })] }));
+                            : 'red', children: ["[", statusText, "]"] })] }));
     };
     // Handle selection
     const handleSelect = (item) => {

package/dist/cli/ink-cli/components/overlays/ModelSelectorRefactored.d.ts

@@ -2,17 +2,17 @@
  * ModelSelector Component (Refactored)
  * Features:
  * - Search filtering
- * - Custom models support (add/delete)
- * - Keyboard shortcuts: Shift+D to delete custom model
+ * - Custom models support (add/edit/delete via arrow navigation)
  */
-import React from 'react';
 import type { Key } from '../../hooks/useInputOrchestrator.js';
 import type { DextoAgent, LLMProvider } from '@dexto/core';
+import { type CustomModel } from '@dexto/agent-management';
 interface ModelSelectorProps {
     isVisible: boolean;
-    onSelectModel: (provider: LLMProvider, model: string, baseURL?: string) => void;
+    onSelectModel: (provider: LLMProvider, model: string, displayName?: string, baseURL?: string) => void;
     onClose: () => void;
     onAddCustomModel: () => void;
+    onEditCustomModel: (model: CustomModel) => void;
     agent: DextoAgent;
 }
 export interface ModelSelectorHandle {
@@ -21,6 +21,6 @@ export interface ModelSelectorHandle {
 /**
  * Model selector with search and custom model support
  */
-declare const ModelSelector: React.ForwardRefExoticComponent<ModelSelectorProps & React.RefAttributes<ModelSelectorHandle>>;
+declare const ModelSelector: import("react").ForwardRefExoticComponent<ModelSelectorProps & import("react").RefAttributes<ModelSelectorHandle>>;
 export default ModelSelector;
 //# sourceMappingURL=ModelSelectorRefactored.d.ts.map

package/dist/cli/ink-cli/components/overlays/ModelSelectorRefactored.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSelectorRefactored.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/ModelSelectorRefactored.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG3D,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA0BD;;GAEG;AACH,QAAA,MAAM,aAAa,gGAyZjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ModelSelectorRefactored.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/ModelSelectorRefactored.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE3D,OAAO,EAIH,KAAK,WAAW,EACnB,MAAM,yBAAyB,CAAC;AAEjC,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CACX,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,MAAM,KACf,IAAI,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA0BD;;GAEG;AACH,QAAA,MAAM,aAAa,oHAmmBjB,CAAC;AAEH,eAAe,aAAa,CAAC"}