"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 McpCustomTypeSelector_exports = {};
__export(McpCustomTypeSelector_exports, {
  default: () => McpCustomTypeSelector_default
});
module.exports = __toCommonJS(McpCustomTypeSelector_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 SERVER_TYPE_OPTIONS = [
  {
    type: "stdio",
    label: "STDIO",
    description: "Local process (npx, uvx, node, python)",
    icon: "\u25B6\uFE0F"
  },
  {
    type: "http",
    label: "HTTP",
    description: "Remote HTTP server",
    icon: "\u{1F310}"
  },
  {
    type: "sse",
    label: "SSE",
    description: "Server-Sent Events endpoint",
    icon: "\u{1F4E1}"
  }
];
const McpCustomTypeSelector = (0, import_react.forwardRef)(
  function McpCustomTypeSelector2({ 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 [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.type);
    };
    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
      import_BaseSelector.BaseSelector,
      {
        ref: baseSelectorRef,
        items: SERVER_TYPE_OPTIONS,
        isVisible,
        isLoading: false,
        selectedIndex,
        onSelectIndex: setSelectedIndex,
        onSelect: handleSelect,
        onClose,
        formatItem,
        title: "Select Server Type",
        borderColor: "yellowBright",
        emptyMessage: "No options available"
      }
    );
  }
);
var McpCustomTypeSelector_default = McpCustomTypeSelector;
