dexto 1.3.0 → 1.5.0

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

@@ -0,0 +1,52 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * McpSelector Component
+ * Main MCP selector - shows list, add, remove options
+ */
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from 'react';
+import { Text } from 'ink';
+import { BaseSelector } from '../base/BaseSelector.js';
+const MCP_OPTIONS = [
+    { action: 'list', label: 'list', description: 'List connected servers', icon: '📋' },
+    {
+        action: 'add-preset',
+        label: 'add preset',
+        description: 'Add from registry presets',
+        icon: '📦',
+    },
+    {
+        action: 'add-custom',
+        label: 'add custom',
+        description: 'Add custom server (stdio/http/sse)',
+        icon: '⚙️',
+    },
+    { action: 'remove', label: 'remove', description: 'Remove a server', icon: '🗑️' },
+];
+/**
+ * MCP selector - shows main MCP actions
+ */
+const McpSelector = forwardRef(function McpSelector({ 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] = useState(MCP_OPTIONS);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Reset selection when becoming visible
+    useEffect(() => {
+        if (isVisible) {
+            setSelectedIndex(0);
+        }
+    }, [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] })] }));
+    // Handle selection
+    const handleSelect = (option) => {
+        onSelect(option.action);
+    };
+    return (_jsx(BaseSelector, { ref: baseSelectorRef, items: options, isVisible: isVisible, isLoading: false, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "MCP Servers", borderColor: "magenta", emptyMessage: "No options available" }));
+});
+export default McpSelector;

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

@@ -0,0 +1,28 @@
+/**
+ * McpServerActions Component
+ * Shows actions for a selected MCP server: enable/disable, delete
+ * Second screen when selecting a server from McpServerList
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import type { McpServerStatus } from '@dexto/core';
+export type McpServerActionType = 'enable' | 'disable' | 'delete' | 'back';
+export interface McpServerAction {
+    type: McpServerActionType;
+    server: McpServerStatus;
+}
+interface McpServerActionsProps {
+    isVisible: boolean;
+    server: McpServerStatus | null;
+    onAction: (action: McpServerAction) => void;
+    onClose: () => void;
+}
+export interface McpServerActionsHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * MCP Server Actions - enable/disable, delete for a specific server
+ */
+declare const McpServerActions: React.ForwardRefExoticComponent<McpServerActionsProps & React.RefAttributes<McpServerActionsHandle>>;
+export default McpServerActions;
+//# sourceMappingURL=McpServerActions.d.ts.map

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

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

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

@@ -0,0 +1,84 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * McpServerActions Component
+ * Shows actions for a selected MCP server: enable/disable, delete
+ * Second screen when selecting a server from McpServerList
+ */
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, } from 'react';
+import { Box, Text } from 'ink';
+import { BaseSelector } from '../base/BaseSelector.js';
+/**
+ * MCP Server Actions - enable/disable, delete for a specific server
+ */
+const McpServerActions = forwardRef(function McpServerActions({ isVisible, server, onAction, 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 or server changes
+    useEffect(() => {
+        if (isVisible) {
+            setSelectedIndex(0);
+        }
+    }, [isVisible, server]);
+    // Build action items based on server state
+    const items = useMemo(() => {
+        if (!server)
+            return [];
+        const actions = [];
+        // Enable/Disable based on current state
+        if (server.enabled) {
+            actions.push({
+                id: 'disable',
+                type: 'disable',
+                label: 'Disable server',
+                icon: '⏸️',
+                color: 'orange',
+            });
+        }
+        else {
+            actions.push({
+                id: 'enable',
+                type: 'enable',
+                label: 'Enable server',
+                icon: '▶️',
+                color: 'green',
+            });
+        }
+        // Delete option
+        actions.push({
+            id: 'delete',
+            type: 'delete',
+            label: 'Delete server',
+            icon: '🗑️',
+            color: 'red',
+        });
+        // Back option
+        actions.push({
+            id: 'back',
+            type: 'back',
+            label: 'Back to server list',
+            icon: '←',
+            color: 'gray',
+        });
+        return actions;
+    }, [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, children: item.label })] }));
+    };
+    // Handle selection
+    const handleSelect = (item) => {
+        if (!server)
+            return;
+        onAction({ type: item.type, server });
+    };
+    if (!server)
+        return null;
+    return (_jsx(BaseSelector, { ref: baseSelectorRef, items: items, isVisible: isVisible, isLoading: false, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: `Server: ${server.name}`, borderColor: "magenta", emptyMessage: "No actions available" }));
+});
+export default McpServerActions;

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

@@ -0,0 +1,29 @@
+/**
+ * McpServerList Component
+ * Shows list of configured MCP servers with their status
+ * First screen of /mcp command - select a server or add new
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import type { DextoAgent, McpServerStatus } from '@dexto/core';
+export type McpServerListAction = {
+    type: 'select-server';
+    server: McpServerStatus;
+} | {
+    type: 'add-new';
+};
+interface McpServerListProps {
+    isVisible: boolean;
+    onAction: (action: McpServerListAction) => void;
+    onClose: () => void;
+    agent: DextoAgent;
+}
+export interface McpServerListHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * MCP Server List - shows all configured servers and add option
+ */
+declare const McpServerList: React.ForwardRefExoticComponent<McpServerListProps & React.RefAttributes<McpServerListHandle>>;
+export default McpServerList;
+//# sourceMappingURL=McpServerList.d.ts.map

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

@@ -0,0 +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,gGA4HjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * McpServerList Component
+ * Shows list of configured MCP servers with their status
+ * First screen of /mcp command - select a server or add new
+ */
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, } from 'react';
+import { Box, Text } from 'ink';
+import { BaseSelector } from '../base/BaseSelector.js';
+/**
+ * Get status icon based on server state
+ */
+function getStatusIcon(status) {
+    switch (status) {
+        case 'connected':
+            return '🟢';
+        case 'disconnected':
+            return '⚪';
+        case 'error':
+            return '🔴';
+    }
+}
+/**
+ * Get status text based on server state
+ */
+function getStatusText(status) {
+    switch (status) {
+        case 'connected':
+            return 'connected';
+        case 'disconnected':
+            return 'disabled';
+        case 'error':
+            return 'failed';
+    }
+}
+/**
+ * MCP Server List - shows all configured servers and add option
+ */
+const McpServerList = forwardRef(function McpServerList({ isVisible, onAction, onClose, agent }, ref) {
+    const baseSelectorRef = useRef(null);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [servers, setServers] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    // Forward handleInput to BaseSelector
+    useImperativeHandle(ref, () => ({
+        handleInput: (input, key) => {
+            return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        },
+    }), []);
+    // Load servers when becoming visible
+    useEffect(() => {
+        if (isVisible) {
+            setIsLoading(true);
+            setSelectedIndex(0);
+            // Get all servers with computed status from agent
+            const serverList = agent.getMcpServersWithStatus();
+            // Sort: connected first, then disconnected, then error
+            serverList.sort((a, b) => {
+                const order = {
+                    connected: 0,
+                    disconnected: 1,
+                    error: 2,
+                };
+                return order[a.status] - order[b.status];
+            });
+            setServers(serverList);
+            setIsLoading(false);
+        }
+    }, [isVisible, agent]);
+    // Build list items: servers + "Add new server" at bottom
+    const items = useMemo(() => {
+        const list = servers.map((server) => ({
+            id: server.name,
+            isAddNew: false,
+            server,
+        }));
+        // Add "Add new server" option at the end
+        list.push({
+            id: '__add_new__',
+            isAddNew: true,
+        });
+        return list;
+    }, [servers]);
+    // Format item for display
+    const formatItem = (item, isSelected) => {
+        if (item.isAddNew) {
+            return (_jsx(Box, { children: _jsx(Text, { color: isSelected ? 'green' : 'gray', bold: isSelected, children: "+ Add new server" }) }));
+        }
+        const server = item.server;
+        const statusIcon = getStatusIcon(server.status);
+        const statusText = getStatusText(server.status);
+        return (_jsxs(Box, { children: [_jsxs(Text, { children: [statusIcon, " "] }), _jsx(Text, { color: isSelected ? 'cyan' : 'white', bold: isSelected, children: server.name }), _jsxs(Text, { color: "gray", children: [" (", server.type, ") "] }), _jsxs(Text, { color: server.status === 'connected'
+                        ? 'green'
+                        : server.status === 'disconnected'
+                            ? 'gray'
+                            : 'red', children: ["[", statusText, "]"] })] }));
+    };
+    // Handle selection
+    const handleSelect = (item) => {
+        if (item.isAddNew) {
+            onAction({ type: 'add-new' });
+        }
+        else if (item.server) {
+            onAction({ type: 'select-server', server: item.server });
+        }
+    };
+    return (_jsx(BaseSelector, { ref: baseSelectorRef, items: items, isVisible: isVisible, isLoading: isLoading, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "MCP Servers", borderColor: "magenta", emptyMessage: "No servers configured" }));
+});
+export default McpServerList;

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

@@ -1,19 +1,26 @@
 /**
  * ModelSelector Component (Refactored)
- * Now a thin wrapper around BaseSelector
- * Eliminates ~200 lines of code by using base component
+ * Features:
+ * - Search filtering
+ * - Custom models support (add/edit/delete via arrow navigation)
  */
-import { type DextoAgent, type LLMProvider } from '@dexto/core';
+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) => void;
+    onSelectModel: (provider: LLMProvider, model: string, displayName?: string, baseURL?: string) => void;
     onClose: () => void;
+    onAddCustomModel: () => void;
+    onEditCustomModel: (model: CustomModel) => void;
     agent: DextoAgent;
 }
+export interface ModelSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
 /**
- * Model selector - now a thin wrapper around BaseSelector
- * Provides data fetching and formatting only
+ * Model selector with search and custom model support
  */
-export default function ModelSelector({ isVisible, onSelectModel, onClose, agent, }: ModelSelectorProps): import("react/jsx-runtime").JSX.Element;
-export {};
+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;;;;GAIG;AAIH,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAGxE,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAWD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,SAAS,EACT,aAAa,EACb,OAAO,EACP,KAAK,GACR,EAAE,kBAAkB,2CAkHpB"}
+{"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"}