dexto 1.3.0 → 1.5.0

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

@@ -0,0 +1,22 @@
+/**
+ * McpAddChoice Component
+ * Asks user whether to add from registry or custom
+ * Shown when "Add new server" is selected from McpServerList
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+export type McpAddChoiceType = 'registry' | 'custom' | 'back';
+interface McpAddChoiceProps {
+    isVisible: boolean;
+    onSelect: (choice: McpAddChoiceType) => void;
+    onClose: () => void;
+}
+export interface McpAddChoiceHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * MCP Add Choice - registry vs custom
+ */
+declare const McpAddChoice: React.ForwardRefExoticComponent<McpAddChoiceProps & React.RefAttributes<McpAddChoiceHandle>>;
+export default McpAddChoice;
+//# sourceMappingURL=McpAddChoice.d.ts.map

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

@@ -0,0 +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,8FAyDhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,59 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * McpAddChoice Component
+ * Asks user whether to add from registry or custom
+ * Shown when "Add new server" is selected from McpServerList
+ */
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from 'react';
+import { Box, Text } from 'ink';
+import { BaseSelector } from '../base/BaseSelector.js';
+const CHOICES = [
+    {
+        id: 'registry',
+        type: 'registry',
+        label: 'Explore registry',
+        description: 'Browse available MCP server presets',
+        icon: '📦',
+    },
+    {
+        id: 'custom',
+        type: 'custom',
+        label: 'Add custom server',
+        description: 'Configure your own MCP server',
+        icon: '⚙️',
+    },
+    {
+        id: 'back',
+        type: 'back',
+        label: 'Back',
+        description: 'Return to server list',
+        icon: '←',
+    },
+];
+/**
+ * MCP Add Choice - registry vs custom
+ */
+const McpAddChoice = forwardRef(function McpAddChoice({ isVisible, onSelect, onClose }, ref) {
+    const baseSelectorRef = useRef(null);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Forward handleInput to BaseSelector
+    useImperativeHandle(ref, () => ({
+        handleInput: (input, key) => {
+            return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        },
+    }), []);
+    // Reset selection when becoming visible
+    useEffect(() => {
+        if (isVisible) {
+            setSelectedIndex(0);
+        }
+    }, [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', children: [" - ", item.description] })] }));
+    // Handle selection
+    const handleSelect = (item) => {
+        onSelect(item.type);
+    };
+    return (_jsx(BaseSelector, { ref: baseSelectorRef, items: CHOICES, isVisible: isVisible, isLoading: false, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Add MCP Server", borderColor: "green", emptyMessage: "No options available" }));
+});
+export default McpAddChoice;

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

@@ -0,0 +1,26 @@
+/**
+ * McpAddSelector Component
+ * Shows registry presets for adding MCP servers
+ * (Custom server options are handled separately via McpSelector "add custom")
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import { type ServerRegistryEntry } from '@dexto/registry';
+export type McpAddResult = {
+    type: 'preset';
+    entry: ServerRegistryEntry;
+};
+interface McpAddSelectorProps {
+    isVisible: boolean;
+    onSelect: (result: McpAddResult) => void;
+    onClose: () => void;
+}
+export interface McpAddSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * MCP add selector - shows registry presets only
+ */
+declare const McpAddSelector: React.ForwardRefExoticComponent<McpAddSelectorProps & React.RefAttributes<McpAddSelectorHandle>>;
+export default McpAddSelector;
+//# sourceMappingURL=McpAddSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McpAddSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpAddSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAE1E,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,cAAc,kGAqGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,73 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * McpAddSelector Component
+ * Shows registry presets for adding MCP servers
+ * (Custom server options are handled separately via McpSelector "add custom")
+ */
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from 'react';
+import { Text } from 'ink';
+import { serverRegistry } from '@dexto/registry';
+import { BaseSelector } from '../base/BaseSelector.js';
+/**
+ * MCP add selector - shows registry presets only
+ */
+const McpAddSelector = forwardRef(function McpAddSelector({ isVisible, onSelect, onClose }, ref) {
+    const baseSelectorRef = useRef(null);
+    // Forward handleInput to BaseSelector
+    useImperativeHandle(ref, () => ({
+        handleInput: (input, key) => {
+            return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        },
+    }), []);
+    const [options, setOptions] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Fetch registry entries
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        let cancelled = false;
+        setIsLoading(true);
+        const fetchEntries = async () => {
+            try {
+                const entries = await serverRegistry.getEntries();
+                if (cancelled)
+                    return;
+                // Only show presets that are not already installed
+                const availablePresets = entries.filter((e) => !e.isInstalled);
+                const optionList = availablePresets.map((entry) => ({
+                    id: entry.id,
+                    label: entry.name,
+                    description: entry.description,
+                    icon: entry.icon || '📦',
+                    entry,
+                }));
+                setOptions(optionList);
+                setSelectedIndex(0);
+            }
+            catch {
+                // On error, options remain empty - BaseSelector will show emptyMessage
+                if (!cancelled) {
+                    setOptions([]);
+                }
+            }
+            finally {
+                if (!cancelled) {
+                    setIsLoading(false);
+                }
+            }
+        };
+        void fetchEntries();
+        return () => {
+            cancelled = true;
+        };
+    }, [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', children: [' ', "- ", option.description.slice(0, 40), option.description.length > 40 ? '...' : ''] })] }));
+    // Handle selection
+    const handleSelect = (option) => {
+        onSelect({ type: 'preset', entry: option.entry });
+    };
+    return (_jsx(BaseSelector, { ref: baseSelectorRef, items: options, isVisible: isVisible, isLoading: isLoading, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Add MCP Server (Presets)", borderColor: "green", loadingMessage: "Loading server presets...", emptyMessage: "No server presets available" }));
+});
+export default McpAddSelector;

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

@@ -0,0 +1,21 @@
+/**
+ * McpCustomTypeSelector Component
+ * Shows server type options (stdio/http/sse) for custom MCP server
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import type { McpServerType } from '@dexto/core';
+interface McpCustomTypeSelectorProps {
+    isVisible: boolean;
+    onSelect: (serverType: McpServerType) => void;
+    onClose: () => void;
+}
+export interface McpCustomTypeSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * MCP custom type selector - picks server transport type
+ */
+declare const McpCustomTypeSelector: React.ForwardRefExoticComponent<McpCustomTypeSelectorProps & React.RefAttributes<McpCustomTypeSelectorHandle>>;
+export default McpCustomTypeSelector;
+//# sourceMappingURL=McpCustomTypeSelector.d.ts.map

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

@@ -0,0 +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,gHAqD1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * McpCustomTypeSelector Component
+ * Shows server type options (stdio/http/sse) for custom MCP server
+ */
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from 'react';
+import { Text } from 'ink';
+import { BaseSelector } from '../base/BaseSelector.js';
+const SERVER_TYPE_OPTIONS = [
+    {
+        type: 'stdio',
+        label: 'STDIO',
+        description: 'Local process (npx, uvx, node, python)',
+        icon: '▶️',
+    },
+    {
+        type: 'http',
+        label: 'HTTP',
+        description: 'Remote HTTP server',
+        icon: '🌐',
+    },
+    {
+        type: 'sse',
+        label: 'SSE',
+        description: 'Server-Sent Events endpoint',
+        icon: '📡',
+    },
+];
+/**
+ * MCP custom type selector - picks server transport type
+ */
+const McpCustomTypeSelector = forwardRef(function McpCustomTypeSelector({ isVisible, onSelect, onClose }, ref) {
+    const baseSelectorRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        handleInput: (input, key) => {
+            return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        },
+    }), []);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        if (isVisible) {
+            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', 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: "yellowBright", emptyMessage: "No options available" }));
+});
+export default McpCustomTypeSelector;

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

@@ -0,0 +1,29 @@
+/**
+ * McpCustomWizard Component
+ * Multi-step wizard for collecting custom MCP server configuration
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import type { McpServerType } from '@dexto/core';
+export interface McpCustomConfig {
+    serverType: McpServerType;
+    name: string;
+    command?: string;
+    args?: string[];
+    url?: string;
+}
+interface McpCustomWizardProps {
+    isVisible: boolean;
+    serverType: McpServerType;
+    onComplete: (config: McpCustomConfig) => void;
+    onClose: () => void;
+}
+export interface McpCustomWizardHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * Multi-step wizard for custom MCP server configuration
+ */
+declare const McpCustomWizard: React.ForwardRefExoticComponent<McpCustomWizardProps & React.RefAttributes<McpCustomWizardHandle>>;
+export default McpCustomWizard;
+//# sourceMappingURL=McpCustomWizard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McpCustomWizard.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/McpCustomWizard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC5B,UAAU,EAAE,aAAa,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhB,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AA8FD,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,QAAA,MAAM,eAAe,oGAuLpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,215 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * McpCustomWizard Component
+ * Multi-step wizard for collecting custom MCP server configuration
+ */
+import { useState, useEffect, forwardRef, useImperativeHandle, useCallback } from 'react';
+import { Box, Text } from 'ink';
+const STDIO_STEPS = [
+    {
+        field: 'name',
+        label: 'Server Name',
+        placeholder: 'e.g., my-server',
+        required: true,
+        validate: (v) => (v.trim() ? null : 'Name is required'),
+    },
+    {
+        field: 'command',
+        label: 'Command',
+        placeholder: 'e.g., npx, uvx, node, python',
+        required: true,
+        validate: (v) => (v.trim() ? null : 'Command is required'),
+    },
+    {
+        field: 'args',
+        label: 'Arguments (space-separated, optional)',
+        placeholder: 'e.g., -y @modelcontextprotocol/server-filesystem .',
+        required: false,
+    },
+];
+const HTTP_STEPS = [
+    {
+        field: 'name',
+        label: 'Server Name',
+        placeholder: 'e.g., my-http-server',
+        required: true,
+        validate: (v) => (v.trim() ? null : 'Name is required'),
+    },
+    {
+        field: 'url',
+        label: 'Server URL',
+        placeholder: 'e.g., http://localhost:8080',
+        required: true,
+        validate: (v) => {
+            if (!v.trim())
+                return 'URL is required';
+            try {
+                new URL(v);
+                return null;
+            }
+            catch {
+                return 'Invalid URL format';
+            }
+        },
+    },
+];
+const SSE_STEPS = [
+    {
+        field: 'name',
+        label: 'Server Name',
+        placeholder: 'e.g., my-sse-server',
+        required: true,
+        validate: (v) => (v.trim() ? null : 'Name is required'),
+    },
+    {
+        field: 'url',
+        label: 'SSE Endpoint URL',
+        placeholder: 'e.g., http://localhost:9000/events',
+        required: true,
+        validate: (v) => {
+            if (!v.trim())
+                return 'URL is required';
+            try {
+                new URL(v);
+                return null;
+            }
+            catch {
+                return 'Invalid URL format';
+            }
+        },
+    },
+];
+function getStepsForType(serverType) {
+    switch (serverType) {
+        case 'stdio':
+            return STDIO_STEPS;
+        case 'http':
+            return HTTP_STEPS;
+        case 'sse':
+            return SSE_STEPS;
+    }
+}
+/**
+ * Multi-step wizard for custom MCP server configuration
+ */
+const McpCustomWizard = forwardRef(function McpCustomWizard({ isVisible, serverType, onComplete, onClose }, ref) {
+    const steps = getStepsForType(serverType);
+    const [currentStep, setCurrentStep] = useState(0);
+    const [values, setValues] = useState({});
+    const [currentInput, setCurrentInput] = useState('');
+    const [error, setError] = useState(null);
+    // Reset when becoming visible or server type changes
+    useEffect(() => {
+        if (isVisible) {
+            setCurrentStep(0);
+            setValues({});
+            setCurrentInput('');
+            setError(null);
+        }
+    }, [isVisible, serverType]);
+    const currentStepConfig = steps[currentStep];
+    const handleNext = useCallback(() => {
+        if (!currentStepConfig)
+            return;
+        const value = currentInput.trim();
+        // Validate
+        if (currentStepConfig.validate) {
+            const validationError = currentStepConfig.validate(value);
+            if (validationError) {
+                setError(validationError);
+                return;
+            }
+        }
+        else if (currentStepConfig.required && !value) {
+            setError(`${currentStepConfig.label} is required`);
+            return;
+        }
+        // Save value
+        const newValues = { ...values, [currentStepConfig.field]: value };
+        setValues(newValues);
+        setError(null);
+        setCurrentInput('');
+        // Check if we're done
+        if (currentStep >= steps.length - 1) {
+            // Build config and complete
+            const config = {
+                serverType,
+                name: newValues.name || '',
+            };
+            if (serverType === 'stdio') {
+                if (newValues.command) {
+                    config.command = newValues.command;
+                }
+                if (newValues.args?.trim()) {
+                    config.args = newValues.args.split(/\s+/).filter(Boolean);
+                }
+            }
+            else {
+                if (newValues.url) {
+                    config.url = newValues.url;
+                }
+            }
+            onComplete(config);
+        }
+        else {
+            setCurrentStep(currentStep + 1);
+        }
+    }, [
+        currentInput,
+        currentStep,
+        currentStepConfig,
+        onComplete,
+        serverType,
+        steps.length,
+        values,
+    ]);
+    const handleBack = useCallback(() => {
+        if (currentStep > 0) {
+            setCurrentStep(currentStep - 1);
+            // Restore previous value
+            const prevStep = steps[currentStep - 1];
+            if (prevStep) {
+                setCurrentInput(values[prevStep.field] || '');
+            }
+            setError(null);
+        }
+        else {
+            onClose();
+        }
+    }, [currentStep, onClose, steps, values]);
+    // Handle keyboard input
+    useImperativeHandle(ref, () => ({
+        handleInput: (input, key) => {
+            if (!isVisible)
+                return false;
+            // Escape to go back/close
+            if (key.escape) {
+                handleBack();
+                return true;
+            }
+            // Enter to submit current step
+            if (key.return) {
+                handleNext();
+                return true;
+            }
+            // Backspace
+            if (key.backspace || key.delete) {
+                setCurrentInput((prev) => prev.slice(0, -1));
+                setError(null);
+                return true;
+            }
+            // Regular character input
+            if (input && !key.ctrl && !key.meta) {
+                setCurrentInput((prev) => prev + input);
+                setError(null);
+                return true;
+            }
+            return false;
+        },
+    }), [isVisible, handleBack, handleNext]);
+    if (!isVisible || !currentStepConfig)
+        return null;
+    const serverTypeLabel = serverType.toUpperCase();
+    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

@@ -0,0 +1,22 @@
+/**
+ * McpRemoveSelector Component
+ * Shows installed MCP servers for removal
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import type { DextoAgent } from '@dexto/core';
+interface McpRemoveSelectorProps {
+    isVisible: boolean;
+    onSelect: (serverName: string) => void;
+    onClose: () => void;
+    agent: DextoAgent;
+}
+export interface McpRemoveSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * MCP remove selector - shows installed servers for removal
+ */
+declare const McpRemoveSelector: React.ForwardRefExoticComponent<McpRemoveSelectorProps & React.RefAttributes<McpRemoveSelectorHandle>>;
+export default McpRemoveSelector;
+//# sourceMappingURL=McpRemoveSelector.d.ts.map

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

@@ -0,0 +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,wGAmHtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,74 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * McpRemoveSelector Component
+ * Shows installed MCP servers for removal
+ */
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from 'react';
+import { Text } from 'ink';
+import { BaseSelector } from '../base/BaseSelector.js';
+/**
+ * MCP remove selector - shows installed servers for removal
+ */
+const McpRemoveSelector = forwardRef(function McpRemoveSelector({ isVisible, onSelect, onClose, agent }, ref) {
+    const baseSelectorRef = useRef(null);
+    // Forward handleInput to BaseSelector
+    useImperativeHandle(ref, () => ({
+        handleInput: (input, key) => {
+            return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        },
+    }), []);
+    const [servers, setServers] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Fetch installed servers
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        setIsLoading(true);
+        try {
+            // Get servers with computed status from agent
+            const serverList = agent.getMcpServersWithStatus();
+            // Sort alphabetically
+            serverList.sort((a, b) => a.name.localeCompare(b.name));
+            setServers(serverList);
+            setSelectedIndex(0);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [isVisible, agent]);
+    // Get display icon for status
+    const getStatusIcon = (status) => {
+        switch (status) {
+            case 'connected':
+                return '🔌';
+            case 'disconnected':
+                return '⏸️';
+            case 'error':
+                return '❌';
+        }
+    };
+    // Get display text for status
+    const getStatusText = (status) => {
+        switch (status) {
+            case 'connected':
+                return 'Connected';
+            case 'disconnected':
+                return 'Disabled';
+            case 'error':
+                return 'Failed';
+        }
+    };
+    // Format server item for display
+    const formatItem = (server, isSelected) => (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [getStatusIcon(server.status), " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'gray', bold: isSelected, children: server.name }), _jsxs(Text, { color: server.status === 'connected'
+                    ? 'green'
+                    : server.status === 'disconnected'
+                        ? 'gray'
+                        : '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);
+    };
+    return (_jsx(BaseSelector, { ref: baseSelectorRef, items: servers, isVisible: isVisible, isLoading: isLoading, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Remove MCP Server", borderColor: "red", loadingMessage: "Loading servers...", emptyMessage: "No MCP servers installed" }));
+});
+export default McpRemoveSelector;

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

@@ -0,0 +1,21 @@
+/**
+ * McpSelector Component
+ * Main MCP selector - shows list, add, remove options
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+export type McpAction = 'list' | 'add-preset' | 'add-custom' | 'remove';
+interface McpSelectorProps {
+    isVisible: boolean;
+    onSelect: (action: McpAction) => void;
+    onClose: () => void;
+}
+export interface McpSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * MCP selector - shows main MCP actions
+ */
+declare const McpSelector: React.ForwardRefExoticComponent<McpSelectorProps & React.RefAttributes<McpSelectorHandle>>;
+export default McpSelector;
+//# sourceMappingURL=McpSelector.d.ts.map

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

@@ -0,0 +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,4FA2Df,CAAC;AAEH,eAAe,WAAW,CAAC"}