@dexto/tui 1.6.2

package/dist/components/overlays/McpCustomWizard.js

@@ -0,0 +1,238 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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;
+  }
+}
+const McpCustomWizard = forwardRef(
+  function McpCustomWizard2({ 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);
+    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();
+      if (currentStepConfig.validate) {
+        const validationError = currentStepConfig.validate(value);
+        if (validationError) {
+          setError(validationError);
+          return;
+        }
+      } else if (currentStepConfig.required && !value) {
+        setError(`${currentStepConfig.label} is required`);
+        return;
+      }
+      const newValues = { ...values, [currentStepConfig.field]: value };
+      setValues(newValues);
+      setError(null);
+      setCurrentInput("");
+      if (currentStep >= steps.length - 1) {
+        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);
+        const prevStep = steps[currentStep - 1];
+        if (prevStep) {
+          setCurrentInput(values[prevStep.field] || "");
+        }
+        setError(null);
+      } else {
+        onClose();
+      }
+    }, [currentStep, onClose, steps, values]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          if (!isVisible) return false;
+          if (key.escape) {
+            handleBack();
+            return true;
+          }
+          if (key.return) {
+            handleNext();
+            return true;
+          }
+          if (key.backspace || key.delete) {
+            setCurrentInput((prev) => prev.slice(0, -1));
+            setError(null);
+            return true;
+          }
+          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 /* @__PURE__ */ jsxs(
+      Box,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: "yellowBright",
+        paddingX: 1,
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+            /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellowBright", children: [
+              "Add Custom ",
+              serverTypeLabel,
+              " Server"
+            ] }),
+            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+              " ",
+              "(Step ",
+              currentStep + 1,
+              "/",
+              steps.length,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+              currentStepConfig.label,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: currentStepConfig.placeholder })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+            /* @__PURE__ */ jsx(Text, { children: currentInput }),
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+          ] }),
+          error && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            "Enter to continue \u2022 Esc to ",
+            currentStep > 0 ? "go back" : "cancel"
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+var McpCustomWizard_default = McpCustomWizard;
+export {
+  McpCustomWizard_default as default
+};

package/dist/components/overlays/McpRemoveSelector.cjs

@@ -0,0 +1,127 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var McpRemoveSelector_exports = {};
+__export(McpRemoveSelector_exports, {
+  default: () => McpRemoveSelector_default
+});
+module.exports = __toCommonJS(McpRemoveSelector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+var import_BaseSelector = require("../base/BaseSelector.js");
+const McpRemoveSelector = (0, import_react.forwardRef)(
+  function McpRemoveSelector2({ isVisible, onSelect, onClose, agent }, ref) {
+    const baseSelectorRef = (0, import_react.useRef)(null);
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        }
+      }),
+      []
+    );
+    const [servers, setServers] = (0, import_react.useState)([]);
+    const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+    const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+    (0, import_react.useEffect)(() => {
+      if (!isVisible) return;
+      setIsLoading(true);
+      try {
+        const serverList = agent.getMcpServersWithStatus();
+        serverList.sort((a, b) => a.name.localeCompare(b.name));
+        setServers(serverList);
+        setSelectedIndex(0);
+      } finally {
+        setIsLoading(false);
+      }
+    }, [isVisible, agent]);
+    const getStatusIcon = (status) => {
+      switch (status) {
+        case "connected":
+          return "\u{1F50C}";
+        case "disconnected":
+          return "\u23F8\uFE0F";
+        case "auth-required":
+          return "\u{1F510}";
+        case "error":
+          return "!";
+      }
+    };
+    const getStatusText = (status) => {
+      switch (status) {
+        case "connected":
+          return "Connected";
+        case "disconnected":
+          return "Disabled";
+        case "auth-required":
+          return "Auth required";
+        case "error":
+          return "Failed";
+      }
+    };
+    const formatItem = (server, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
+        getStatusIcon(server.status),
+        " "
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: server.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_ink.Text,
+        {
+          color: server.status === "connected" ? "green" : server.status === "disconnected" ? "gray" : server.status === "auth-required" ? "yellow" : "red",
+          children: [
+            " ",
+            "- ",
+            getStatusText(server.status)
+          ]
+        }
+      ),
+      server.error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        " ",
+        "(",
+        server.error.slice(0, 30),
+        server.error.length > 30 ? "..." : "",
+        ")"
+      ] })
+    ] });
+    const handleSelect = (server) => {
+      onSelect(server.name);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_BaseSelector.BaseSelector,
+      {
+        ref: baseSelectorRef,
+        items: servers,
+        isVisible,
+        isLoading,
+        selectedIndex,
+        onSelectIndex: setSelectedIndex,
+        onSelect: handleSelect,
+        onClose,
+        formatItem,
+        title: "Remove MCP Server",
+        borderColor: "red",
+        loadingMessage: "Loading servers...",
+        emptyMessage: "No MCP servers installed"
+      }
+    );
+  }
+);
+var McpRemoveSelector_default = McpRemoveSelector;

package/dist/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/components/overlays/McpRemoveSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpRemoveSelector.d.ts","sourceRoot":"","sources":["../../../src/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,wGAyHtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/overlays/McpRemoveSelector.js

@@ -0,0 +1,107 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle } from "react";
+import { Text } from "ink";
+import { BaseSelector } from "../base/BaseSelector.js";
+const McpRemoveSelector = forwardRef(
+  function McpRemoveSelector2({ isVisible, onSelect, onClose, agent }, ref) {
+    const baseSelectorRef = useRef(null);
+    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);
+    useEffect(() => {
+      if (!isVisible) return;
+      setIsLoading(true);
+      try {
+        const serverList = agent.getMcpServersWithStatus();
+        serverList.sort((a, b) => a.name.localeCompare(b.name));
+        setServers(serverList);
+        setSelectedIndex(0);
+      } finally {
+        setIsLoading(false);
+      }
+    }, [isVisible, agent]);
+    const getStatusIcon = (status) => {
+      switch (status) {
+        case "connected":
+          return "\u{1F50C}";
+        case "disconnected":
+          return "\u23F8\uFE0F";
+        case "auth-required":
+          return "\u{1F510}";
+        case "error":
+          return "!";
+      }
+    };
+    const getStatusText = (status) => {
+      switch (status) {
+        case "connected":
+          return "Connected";
+        case "disconnected":
+          return "Disabled";
+        case "auth-required":
+          return "Auth required";
+        case "error":
+          return "Failed";
+      }
+    };
+    const formatItem = (server, isSelected) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Text, { children: [
+        getStatusIcon(server.status),
+        " "
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: server.name }),
+      /* @__PURE__ */ jsxs(
+        Text,
+        {
+          color: server.status === "connected" ? "green" : server.status === "disconnected" ? "gray" : server.status === "auth-required" ? "yellow" : "red",
+          children: [
+            " ",
+            "- ",
+            getStatusText(server.status)
+          ]
+        }
+      ),
+      server.error && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        " ",
+        "(",
+        server.error.slice(0, 30),
+        server.error.length > 30 ? "..." : "",
+        ")"
+      ] })
+    ] });
+    const handleSelect = (server) => {
+      onSelect(server.name);
+    };
+    return /* @__PURE__ */ jsx(
+      BaseSelector,
+      {
+        ref: baseSelectorRef,
+        items: servers,
+        isVisible,
+        isLoading,
+        selectedIndex,
+        onSelectIndex: setSelectedIndex,
+        onSelect: handleSelect,
+        onClose,
+        formatItem,
+        title: "Remove MCP Server",
+        borderColor: "red",
+        loadingMessage: "Loading servers...",
+        emptyMessage: "No MCP servers installed"
+      }
+    );
+  }
+);
+var McpRemoveSelector_default = McpRemoveSelector;
+export {
+  McpRemoveSelector_default as default
+};

package/dist/components/overlays/McpSelector.cjs

@@ -0,0 +1,94 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var McpSelector_exports = {};
+__export(McpSelector_exports, {
+  default: () => McpSelector_default
+});
+module.exports = __toCommonJS(McpSelector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+var import_BaseSelector = require("../base/BaseSelector.js");
+const MCP_OPTIONS = [
+  { action: "list", label: "list", description: "List connected servers", icon: "\u{1F4CB}" },
+  {
+    action: "add-preset",
+    label: "add preset",
+    description: "Add from registry presets",
+    icon: "\u{1F4E6}"
+  },
+  {
+    action: "add-custom",
+    label: "add custom",
+    description: "Add custom server (stdio/http/sse)",
+    icon: "\u2699\uFE0F"
+  },
+  { action: "remove", label: "remove", description: "Remove a server", icon: "\u{1F5D1}\uFE0F" }
+];
+const McpSelector = (0, import_react.forwardRef)(function McpSelector2({ isVisible, onSelect, onClose }, ref) {
+  const baseSelectorRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        return baseSelectorRef.current?.handleInput(input, key) ?? false;
+      }
+    }),
+    []
+  );
+  const [options] = (0, import_react.useState)(MCP_OPTIONS);
+  const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (isVisible) {
+      setSelectedIndex(0);
+    }
+  }, [isVisible]);
+  const formatItem = (option, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { children: [
+      option.icon,
+      " "
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: option.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isSelected ? "white" : "gray", children: [
+      " - ",
+      option.description
+    ] })
+  ] });
+  const handleSelect = (option) => {
+    onSelect(option.action);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_BaseSelector.BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items: options,
+      isVisible,
+      isLoading: false,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title: "MCP Servers",
+      borderColor: "magenta",
+      emptyMessage: "No options available"
+    }
+  );
+});
+var McpSelector_default = McpSelector;

package/dist/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/components/overlays/McpSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpSelector.d.ts","sourceRoot":"","sources":["../../../src/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/components/overlays/McpSelector.js

@@ -0,0 +1,74 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+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: "\u{1F4CB}" },
+  {
+    action: "add-preset",
+    label: "add preset",
+    description: "Add from registry presets",
+    icon: "\u{1F4E6}"
+  },
+  {
+    action: "add-custom",
+    label: "add custom",
+    description: "Add custom server (stdio/http/sse)",
+    icon: "\u2699\uFE0F"
+  },
+  { action: "remove", label: "remove", description: "Remove a server", icon: "\u{1F5D1}\uFE0F" }
+];
+const McpSelector = forwardRef(function McpSelector2({ isVisible, onSelect, onClose }, ref) {
+  const baseSelectorRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        return baseSelectorRef.current?.handleInput(input, key) ?? false;
+      }
+    }),
+    []
+  );
+  const [options] = useState(MCP_OPTIONS);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useEffect(() => {
+    if (isVisible) {
+      setSelectedIndex(0);
+    }
+  }, [isVisible]);
+  const formatItem = (option, isSelected) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      option.icon,
+      " "
+    ] }),
+    /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", bold: isSelected, children: option.label }),
+    /* @__PURE__ */ jsxs(Text, { color: isSelected ? "white" : "gray", children: [
+      " - ",
+      option.description
+    ] })
+  ] });
+  const handleSelect = (option) => {
+    onSelect(option.action);
+  };
+  return /* @__PURE__ */ jsx(
+    BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items: options,
+      isVisible,
+      isLoading: false,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title: "MCP Servers",
+      borderColor: "magenta",
+      emptyMessage: "No options available"
+    }
+  );
+});
+var McpSelector_default = McpSelector;
+export {
+  McpSelector_default as default
+};