@dexto/tui 1.6.2

package/dist/components/overlays/PluginActions.cjs

@@ -0,0 +1,108 @@
+"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 PluginActions_exports = {};
+__export(PluginActions_exports, {
+  default: () => PluginActions_default
+});
+module.exports = __toCommonJS(PluginActions_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 PluginActions = (0, import_react.forwardRef)(function PluginActions2({ isVisible, plugin, onAction, onClose }, ref) {
+  const baseSelectorRef = (0, import_react.useRef)(null);
+  const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        return baseSelectorRef.current?.handleInput(input, key) ?? false;
+      }
+    }),
+    []
+  );
+  (0, import_react.useEffect)(() => {
+    if (isVisible) {
+      setSelectedIndex(0);
+    }
+  }, [isVisible, plugin]);
+  const items = (0, import_react.useMemo)(() => {
+    if (!plugin) return [];
+    return [
+      {
+        id: "back",
+        type: "back",
+        label: "Back to list",
+        icon: "\u2190",
+        color: "gray"
+      },
+      {
+        id: "uninstall",
+        type: "uninstall",
+        label: "Uninstall",
+        icon: "\u{1F5D1}",
+        color: "red"
+      }
+    ];
+  }, [plugin]);
+  const formatItem = (item, isSelected) => {
+    const isBack = item.type === "back";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isBack ? "gray" : isSelected ? item.color : "gray", children: [
+        item.icon,
+        " "
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ink.Text,
+        {
+          color: isBack ? isSelected ? "white" : "gray" : isSelected ? item.color : "white",
+          bold: isSelected && !isBack,
+          children: item.label
+        }
+      )
+    ] });
+  };
+  const handleSelect = (item) => {
+    if (!plugin) return;
+    onAction({ type: item.type, plugin });
+  };
+  if (!plugin) return null;
+  const version = plugin.version || "unknown";
+  const scopeBadge = plugin.scope ? ` [${plugin.scope}]` : "";
+  const title = `\u{1F4E6} ${plugin.name}@${version}${scopeBadge}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_BaseSelector.BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items,
+      isVisible,
+      isLoading: false,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title,
+      borderColor: "magenta",
+      emptyMessage: "No actions available"
+    }
+  );
+});
+var PluginActions_default = PluginActions;

package/dist/components/overlays/PluginActions.d.ts

@@ -0,0 +1,27 @@
+/**
+ * PluginActions Component
+ * Clean action menu for a selected plugin
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import type { ListedPlugin } from '@dexto/agent-management';
+export type PluginActionType = 'uninstall' | 'back';
+export interface PluginActionResult {
+    type: PluginActionType;
+    plugin: ListedPlugin;
+}
+interface PluginActionsProps {
+    isVisible: boolean;
+    plugin: ListedPlugin | null;
+    onAction: (action: PluginActionResult) => void;
+    onClose: () => void;
+}
+export interface PluginActionsHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * Plugin Actions - action menu for a specific plugin
+ */
+declare const PluginActions: React.ForwardRefExoticComponent<PluginActionsProps & React.RefAttributes<PluginActionsHandle>>;
+export default PluginActions;
+//# sourceMappingURL=PluginActions.d.ts.map

package/dist/components/overlays/PluginActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginActions.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginActions.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,YAAY,CAAC;CACxB;AAED,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAUD;;GAEG;AACH,QAAA,MAAM,aAAa,gGA+FjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/components/overlays/PluginActions.js

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect,
+  forwardRef,
+  useRef,
+  useImperativeHandle,
+  useMemo
+} from "react";
+import { Box, Text } from "ink";
+import { BaseSelector } from "../base/BaseSelector.js";
+const PluginActions = forwardRef(function PluginActions2({ isVisible, plugin, onAction, onClose }, ref) {
+  const baseSelectorRef = useRef(null);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useImperativeHandle(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        return baseSelectorRef.current?.handleInput(input, key) ?? false;
+      }
+    }),
+    []
+  );
+  useEffect(() => {
+    if (isVisible) {
+      setSelectedIndex(0);
+    }
+  }, [isVisible, plugin]);
+  const items = useMemo(() => {
+    if (!plugin) return [];
+    return [
+      {
+        id: "back",
+        type: "back",
+        label: "Back to list",
+        icon: "\u2190",
+        color: "gray"
+      },
+      {
+        id: "uninstall",
+        type: "uninstall",
+        label: "Uninstall",
+        icon: "\u{1F5D1}",
+        color: "red"
+      }
+    ];
+  }, [plugin]);
+  const formatItem = (item, isSelected) => {
+    const isBack = item.type === "back";
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ jsxs(Text, { color: isBack ? "gray" : isSelected ? item.color : "gray", children: [
+        item.icon,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          color: isBack ? isSelected ? "white" : "gray" : isSelected ? item.color : "white",
+          bold: isSelected && !isBack,
+          children: item.label
+        }
+      )
+    ] });
+  };
+  const handleSelect = (item) => {
+    if (!plugin) return;
+    onAction({ type: item.type, plugin });
+  };
+  if (!plugin) return null;
+  const version = plugin.version || "unknown";
+  const scopeBadge = plugin.scope ? ` [${plugin.scope}]` : "";
+  const title = `\u{1F4E6} ${plugin.name}@${version}${scopeBadge}`;
+  return /* @__PURE__ */ jsx(
+    BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items,
+      isVisible,
+      isLoading: false,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title,
+      borderColor: "magenta",
+      emptyMessage: "No actions available"
+    }
+  );
+});
+var PluginActions_default = PluginActions;
+export {
+  PluginActions_default as default
+};

package/dist/components/overlays/PluginList.cjs

@@ -0,0 +1,115 @@
+"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 PluginList_exports = {};
+__export(PluginList_exports, {
+  default: () => PluginList_default
+});
+module.exports = __toCommonJS(PluginList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+var import_agent_management = require("@dexto/agent-management");
+var import_BaseSelector = require("../base/BaseSelector.js");
+const PluginList = (0, import_react.forwardRef)(function PluginList2({ isVisible, onPluginSelect, 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 [plugins, setPlugins] = (0, import_react.useState)([]);
+  const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    if (isVisible) {
+      setIsLoading(true);
+      try {
+        const installedPlugins = (0, import_agent_management.listInstalledPlugins)();
+        setPlugins(installedPlugins);
+      } catch {
+        setPlugins([]);
+      } finally {
+        setIsLoading(false);
+        setSelectedIndex(0);
+      }
+    }
+  }, [isVisible]);
+  const items = (0, import_react.useMemo)(() => {
+    const list = [{ type: "back" }];
+    list.push(...plugins.map((plugin) => ({ type: "plugin", plugin })));
+    return list;
+  }, [plugins]);
+  const formatItem = (item, isSelected) => {
+    if (item.type === "back") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u2190 " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "white" : "gray", children: "Back to menu" })
+      ] });
+    }
+    const plugin = item.plugin;
+    const version = plugin.version || "unknown";
+    const scopeBadge = plugin.scope ? ` [${plugin.scope}]` : "";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "white" : "gray", children: "\u{1F4E6} " }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: plugin.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", dimColor: true, children: [
+          "@",
+          version
+        ] }),
+        scopeBadge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", dimColor: true, children: scopeBadge })
+      ] }),
+      isSelected && plugin.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: plugin.description }) }),
+      isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", dimColor: true, children: plugin.path }) })
+    ] });
+  };
+  const handleSelect = (item) => {
+    if (item.type === "back") {
+      onClose();
+    } else {
+      onPluginSelect(item.plugin);
+    }
+  };
+  const pluginCount = plugins.length;
+  const title = pluginCount > 0 ? `Installed Plugins (${pluginCount})` : "Installed Plugins";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_BaseSelector.BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items,
+      isVisible,
+      isLoading,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title,
+      borderColor: "cyan",
+      emptyMessage: "No plugins installed. Browse the marketplace to find plugins."
+    }
+  );
+});
+var PluginList_default = PluginList;

package/dist/components/overlays/PluginList.d.ts

@@ -0,0 +1,21 @@
+/**
+ * PluginList Component
+ * Clean table-like view of installed plugins
+ */
+import React from 'react';
+import { type ListedPlugin } from '@dexto/agent-management';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+interface PluginListProps {
+    isVisible: boolean;
+    onPluginSelect: (plugin: ListedPlugin) => void;
+    onClose: () => void;
+}
+export interface PluginListHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * Plugin list overlay - shows installed plugins in clean table format
+ */
+declare const PluginList: React.ForwardRefExoticComponent<PluginListProps & React.RefAttributes<PluginListHandle>>;
+export default PluginList;
+//# sourceMappingURL=PluginList.d.ts.map

package/dist/components/overlays/PluginList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginList.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAON,MAAM,OAAO,CAAC;AAEf,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,UAAU,eAAe;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAaD;;GAEG;AACH,QAAA,MAAM,UAAU,0FA0Hd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/components/overlays/PluginList.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect,
+  forwardRef,
+  useRef,
+  useImperativeHandle,
+  useMemo
+} from "react";
+import { Box, Text } from "ink";
+import { listInstalledPlugins } from "@dexto/agent-management";
+import { BaseSelector } from "../base/BaseSelector.js";
+const PluginList = forwardRef(function PluginList2({ isVisible, onPluginSelect, onClose }, ref) {
+  const baseSelectorRef = useRef(null);
+  useImperativeHandle(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        return baseSelectorRef.current?.handleInput(input, key) ?? false;
+      }
+    }),
+    []
+  );
+  const [plugins, setPlugins] = useState([]);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    if (isVisible) {
+      setIsLoading(true);
+      try {
+        const installedPlugins = listInstalledPlugins();
+        setPlugins(installedPlugins);
+      } catch {
+        setPlugins([]);
+      } finally {
+        setIsLoading(false);
+        setSelectedIndex(0);
+      }
+    }
+  }, [isVisible]);
+  const items = useMemo(() => {
+    const list = [{ type: "back" }];
+    list.push(...plugins.map((plugin) => ({ type: "plugin", plugin })));
+    return list;
+  }, [plugins]);
+  const formatItem = (item, isSelected) => {
+    if (item.type === "back") {
+      return /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2190 " }),
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? "white" : "gray", children: "Back to menu" })
+      ] });
+    }
+    const plugin = item.plugin;
+    const version = plugin.version || "unknown";
+    const scopeBadge = plugin.scope ? ` [${plugin.scope}]` : "";
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? "white" : "gray", children: "\u{1F4E6} " }),
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: plugin.name }),
+        /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+          "@",
+          version
+        ] }),
+        scopeBadge && /* @__PURE__ */ jsx(Text, { color: "yellow", dimColor: true, children: scopeBadge })
+      ] }),
+      isSelected && plugin.description && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: plugin.description }) }),
+      isSelected && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: plugin.path }) })
+    ] });
+  };
+  const handleSelect = (item) => {
+    if (item.type === "back") {
+      onClose();
+    } else {
+      onPluginSelect(item.plugin);
+    }
+  };
+  const pluginCount = plugins.length;
+  const title = pluginCount > 0 ? `Installed Plugins (${pluginCount})` : "Installed Plugins";
+  return /* @__PURE__ */ jsx(
+    BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items,
+      isVisible,
+      isLoading,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title,
+      borderColor: "cyan",
+      emptyMessage: "No plugins installed. Browse the marketplace to find plugins."
+    }
+  );
+});
+var PluginList_default = PluginList;
+export {
+  PluginList_default as default
+};

package/dist/components/overlays/PluginManager.cjs

@@ -0,0 +1,106 @@
+"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 PluginManager_exports = {};
+__export(PluginManager_exports, {
+  default: () => PluginManager_default
+});
+module.exports = __toCommonJS(PluginManager_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 PLUGIN_OPTIONS = [
+  {
+    action: "list",
+    label: "Installed Plugins",
+    hint: "View, manage, uninstall",
+    icon: "\u{1F4E6}"
+  },
+  {
+    action: "marketplace",
+    label: "Browse Marketplace",
+    hint: "Find and install plugins",
+    icon: "\u{1F6D2}"
+  },
+  {
+    action: "back",
+    label: "Back",
+    hint: "",
+    icon: "\u2190"
+  }
+];
+const PluginManager = (0, import_react.forwardRef)(function PluginManager2({ isVisible, onAction, 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) => {
+    const isBack = option.action === "back";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "gray", children: isSelected ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: isBack ? "gray" : isSelected ? "white" : "gray", children: [
+        option.icon,
+        " "
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isBack ? "gray" : isSelected ? "cyan" : "white", bold: isSelected, children: option.label }),
+      option.hint && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", dimColor: true, children: [
+        " ",
+        "\u2014 ",
+        option.hint
+      ] })
+    ] });
+  };
+  const handleSelect = (option) => {
+    if (option.action === "back") {
+      onClose();
+    } else {
+      onAction(option.action);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_BaseSelector.BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items: PLUGIN_OPTIONS,
+      isVisible,
+      isLoading: false,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      title: "Plugins",
+      borderColor: "magenta",
+      emptyMessage: "No options available"
+    }
+  );
+});
+var PluginManager_default = PluginManager;

package/dist/components/overlays/PluginManager.d.ts

@@ -0,0 +1,21 @@
+/**
+ * PluginManager Component
+ * Main menu for plugin management - clean, minimal interface
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+export type PluginAction = 'list' | 'marketplace' | 'back';
+interface PluginManagerProps {
+    isVisible: boolean;
+    onAction: (action: PluginAction) => void;
+    onClose: () => void;
+}
+export interface PluginManagerHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * Plugin manager overlay - main menu for plugin management
+ */
+declare const PluginManager: React.ForwardRefExoticComponent<PluginManagerProps & React.RefAttributes<PluginManagerHandle>>;
+export default PluginManager;
+//# sourceMappingURL=PluginManager.d.ts.map

package/dist/components/overlays/PluginManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManager.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PluginManager.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAuE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAG/D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,CAAC;AAE3D,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AA8BD;;GAEG;AACH,QAAA,MAAM,aAAa,gGAwEjB,CAAC;AAEH,eAAe,aAAa,CAAC"}