@dexto/tui 1.6.2

package/dist/components/overlays/PromptAddWizard.js

@@ -0,0 +1,195 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, forwardRef, useImperativeHandle, useCallback } from "react";
+import { Box, Text } from "ink";
+const PROMPT_NAME_REGEX = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+const WIZARD_STEPS = [
+  {
+    field: "name",
+    label: "Prompt Name",
+    placeholder: "e.g., my-prompt (kebab-case)",
+    required: true,
+    validate: (v) => {
+      if (!v.trim()) return "Name is required";
+      if (!PROMPT_NAME_REGEX.test(v.trim())) {
+        return "Name must be kebab-case (lowercase letters, numbers, hyphens)";
+      }
+      return null;
+    }
+  },
+  {
+    field: "title",
+    label: "Title (optional)",
+    placeholder: "e.g., My Custom Prompt",
+    required: false
+  },
+  {
+    field: "description",
+    label: "Description (optional)",
+    placeholder: "e.g., Helps with specific task",
+    required: false
+  },
+  {
+    field: "argumentHint",
+    label: "Arguments (optional)",
+    placeholder: "e.g., [style] [length?] - use ? for optional",
+    required: false
+  },
+  {
+    field: "content",
+    label: "Prompt Content",
+    placeholder: "Use $1, $2 for args, $ARGUMENTS for remaining",
+    required: true,
+    multiline: true,
+    validate: (v) => v.trim() ? null : "Content is required"
+  }
+];
+const PromptAddWizard = forwardRef(
+  function PromptAddWizard2({ isVisible, scope, onComplete, onClose }, ref) {
+    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, scope]);
+    const currentStepConfig = WIZARD_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 >= WIZARD_STEPS.length - 1) {
+        const data = {
+          name: newValues.name || "",
+          content: newValues.content || ""
+        };
+        if (newValues.title?.trim()) {
+          data.title = newValues.title.trim();
+        }
+        if (newValues.description?.trim()) {
+          data.description = newValues.description.trim();
+        }
+        if (newValues.argumentHint?.trim()) {
+          data.argumentHint = newValues.argumentHint.trim();
+        }
+        onComplete(data);
+      } else {
+        setCurrentStep(currentStep + 1);
+      }
+    }, [currentInput, currentStep, currentStepConfig, onComplete, values]);
+    const handleBack = useCallback(() => {
+      if (currentStep > 0) {
+        setCurrentStep(currentStep - 1);
+        const prevStep = WIZARD_STEPS[currentStep - 1];
+        if (prevStep) {
+          setCurrentInput(values[prevStep.field] || "");
+        }
+        setError(null);
+      } else {
+        onClose();
+      }
+    }, [currentStep, onClose, values]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          if (!isVisible) return false;
+          if (key.escape) {
+            handleBack();
+            return true;
+          }
+          if (key.return) {
+            if (currentStepConfig?.multiline && key.shift) {
+              setCurrentInput((prev) => prev + "\n");
+              return true;
+            }
+            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, currentStepConfig]
+    );
+    if (!isVisible || !currentStepConfig) return null;
+    const scopeLabel = scope === "agent" ? "Agent" : "Shared";
+    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 ",
+              scopeLabel,
+              " Prompt"
+            ] }),
+            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+              " ",
+              "(Step ",
+              currentStep + 1,
+              "/",
+              WIZARD_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, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Text, { color: "cyan", children: "> " }),
+              /* @__PURE__ */ jsx(Text, { children: currentInput }),
+              /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+            ] }),
+            currentStepConfig.multiline && /* @__PURE__ */ jsx(Text, { color: "gray", italic: true, children: "(Shift+Enter for newline)" })
+          ] }),
+          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 PromptAddWizard_default = PromptAddWizard;
+export {
+  PromptAddWizard_default as default
+};

package/dist/components/overlays/PromptDeleteSelector.cjs

@@ -0,0 +1,148 @@
+"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 PromptDeleteSelector_exports = {};
+__export(PromptDeleteSelector_exports, {
+  default: () => PromptDeleteSelector_default
+});
+module.exports = __toCommonJS(PromptDeleteSelector_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");
+function isSharedPrompt(prompt) {
+  const metadata = prompt.metadata;
+  if (metadata?.filePath) {
+    return metadata.filePath.includes("/commands/") || metadata.filePath.includes("/.dexto/commands/");
+  }
+  return false;
+}
+function getFilePath(prompt) {
+  const metadata = prompt.metadata;
+  return metadata?.filePath;
+}
+const PromptDeleteSelector = (0, import_react.forwardRef)(
+  function PromptDeleteSelector2({ isVisible, onDelete, onClose, agent }, ref) {
+    const baseSelectorRef = (0, import_react.useRef)(null);
+    const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+    const [deletablePrompts, setDeletablePrompts] = (0, import_react.useState)([]);
+    const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        }
+      }),
+      []
+    );
+    (0, import_react.useEffect)(() => {
+      if (isVisible) {
+        setIsLoading(true);
+        setSelectedIndex(0);
+        agent.listPrompts().then((promptSet) => {
+          const prompts = Object.values(promptSet);
+          const deletable = [];
+          for (const prompt of prompts) {
+            if (prompt.source === "mcp") continue;
+            const filePath = getFilePath(prompt);
+            const isShared = isSharedPrompt(prompt);
+            if (prompt.source === "config" && !isShared) {
+              deletable.push({
+                prompt,
+                sourceType: "config",
+                filePath
+              });
+            } else if (prompt.source === "config" && isShared) {
+              deletable.push({
+                prompt,
+                sourceType: "shared",
+                filePath
+              });
+            } else if (prompt.source === "custom") {
+              deletable.push({
+                prompt,
+                sourceType: "config"
+                // Treat as config for deletion purposes
+              });
+            }
+          }
+          deletable.sort((a, b) => {
+            if (a.sourceType !== b.sourceType) {
+              return a.sourceType === "config" ? -1 : 1;
+            }
+            const aName = a.prompt.displayName || a.prompt.name;
+            const bName = b.prompt.displayName || b.prompt.name;
+            return aName.localeCompare(bName);
+          });
+          setDeletablePrompts(deletable);
+          setIsLoading(false);
+        }).catch(() => {
+          setDeletablePrompts([]);
+          setIsLoading(false);
+        });
+      }
+    }, [isVisible, agent]);
+    const formatItem = (item, isSelected) => {
+      const displayName = item.prompt.displayName || item.prompt.name;
+      const sourceLabel = item.sourceType === "shared" ? "shared" : "config";
+      const sourceColor = item.sourceType === "shared" ? "magenta" : "blue";
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "red" : "white", bold: isSelected, children: displayName }),
+        item.prompt.title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+          " - ",
+          item.prompt.title
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: sourceColor, children: [
+          " (",
+          sourceLabel,
+          ")"
+        ] })
+      ] });
+    };
+    const handleSelect = (item) => {
+      onDelete(item);
+    };
+    const items = (0, import_react.useMemo)(() => {
+      return deletablePrompts;
+    }, [deletablePrompts]);
+    const emptyMessage = "No deletable prompts found.\nMCP prompts cannot be deleted.";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_BaseSelector.BaseSelector,
+        {
+          ref: baseSelectorRef,
+          items,
+          isVisible,
+          isLoading,
+          selectedIndex,
+          onSelectIndex: setSelectedIndex,
+          onSelect: handleSelect,
+          onClose,
+          formatItem,
+          title: "Delete Prompt",
+          borderColor: "red",
+          emptyMessage,
+          maxVisibleItems: 10
+        }
+      ),
+      isVisible && !isLoading && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", italic: true, children: "Note: MCP prompts cannot be deleted (they come from servers)" }) })
+    ] });
+  }
+);
+var PromptDeleteSelector_default = PromptDeleteSelector;

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

@@ -0,0 +1,27 @@
+/**
+ * PromptDeleteSelector Component
+ * Shows list of deletable prompts (config and shared only, not MCP)
+ */
+import React from 'react';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+import type { DextoAgent, PromptInfo } from '@dexto/core';
+export interface DeletablePrompt {
+    prompt: PromptInfo;
+    sourceType: 'config' | 'shared';
+    filePath?: string | undefined;
+}
+interface PromptDeleteSelectorProps {
+    isVisible: boolean;
+    onDelete: (prompt: DeletablePrompt) => void;
+    onClose: () => void;
+    agent: DextoAgent;
+}
+export interface PromptDeleteSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+/**
+ * PromptDeleteSelector - shows deletable prompts
+ */
+declare const PromptDeleteSelector: React.ForwardRefExoticComponent<PromptDeleteSelectorProps & React.RefAttributes<PromptDeleteSelectorHandle>>;
+export default PromptDeleteSelector;
+//# sourceMappingURL=PromptDeleteSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptDeleteSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PromptDeleteSelector.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,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,UAAU,yBAAyB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,0BAA0B;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAwBD;;GAEG;AACH,QAAA,MAAM,oBAAoB,8GA4IzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/overlays/PromptDeleteSelector.js

@@ -0,0 +1,135 @@
+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";
+function isSharedPrompt(prompt) {
+  const metadata = prompt.metadata;
+  if (metadata?.filePath) {
+    return metadata.filePath.includes("/commands/") || metadata.filePath.includes("/.dexto/commands/");
+  }
+  return false;
+}
+function getFilePath(prompt) {
+  const metadata = prompt.metadata;
+  return metadata?.filePath;
+}
+const PromptDeleteSelector = forwardRef(
+  function PromptDeleteSelector2({ isVisible, onDelete, onClose, agent }, ref) {
+    const baseSelectorRef = useRef(null);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [deletablePrompts, setDeletablePrompts] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    useImperativeHandle(
+      ref,
+      () => ({
+        handleInput: (input, key) => {
+          return baseSelectorRef.current?.handleInput(input, key) ?? false;
+        }
+      }),
+      []
+    );
+    useEffect(() => {
+      if (isVisible) {
+        setIsLoading(true);
+        setSelectedIndex(0);
+        agent.listPrompts().then((promptSet) => {
+          const prompts = Object.values(promptSet);
+          const deletable = [];
+          for (const prompt of prompts) {
+            if (prompt.source === "mcp") continue;
+            const filePath = getFilePath(prompt);
+            const isShared = isSharedPrompt(prompt);
+            if (prompt.source === "config" && !isShared) {
+              deletable.push({
+                prompt,
+                sourceType: "config",
+                filePath
+              });
+            } else if (prompt.source === "config" && isShared) {
+              deletable.push({
+                prompt,
+                sourceType: "shared",
+                filePath
+              });
+            } else if (prompt.source === "custom") {
+              deletable.push({
+                prompt,
+                sourceType: "config"
+                // Treat as config for deletion purposes
+              });
+            }
+          }
+          deletable.sort((a, b) => {
+            if (a.sourceType !== b.sourceType) {
+              return a.sourceType === "config" ? -1 : 1;
+            }
+            const aName = a.prompt.displayName || a.prompt.name;
+            const bName = b.prompt.displayName || b.prompt.name;
+            return aName.localeCompare(bName);
+          });
+          setDeletablePrompts(deletable);
+          setIsLoading(false);
+        }).catch(() => {
+          setDeletablePrompts([]);
+          setIsLoading(false);
+        });
+      }
+    }, [isVisible, agent]);
+    const formatItem = (item, isSelected) => {
+      const displayName = item.prompt.displayName || item.prompt.name;
+      const sourceLabel = item.sourceType === "shared" ? "shared" : "config";
+      const sourceColor = item.sourceType === "shared" ? "magenta" : "blue";
+      return /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: isSelected ? "red" : "white", bold: isSelected, children: displayName }),
+        item.prompt.title && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          " - ",
+          item.prompt.title
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { color: sourceColor, children: [
+          " (",
+          sourceLabel,
+          ")"
+        ] })
+      ] });
+    };
+    const handleSelect = (item) => {
+      onDelete(item);
+    };
+    const items = useMemo(() => {
+      return deletablePrompts;
+    }, [deletablePrompts]);
+    const emptyMessage = "No deletable prompts found.\nMCP prompts cannot be deleted.";
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(
+        BaseSelector,
+        {
+          ref: baseSelectorRef,
+          items,
+          isVisible,
+          isLoading,
+          selectedIndex,
+          onSelectIndex: setSelectedIndex,
+          onSelect: handleSelect,
+          onClose,
+          formatItem,
+          title: "Delete Prompt",
+          borderColor: "red",
+          emptyMessage,
+          maxVisibleItems: 10
+        }
+      ),
+      isVisible && !isLoading && items.length > 0 && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", italic: true, children: "Note: MCP prompts cannot be deleted (they come from servers)" }) })
+    ] });
+  }
+);
+var PromptDeleteSelector_default = PromptDeleteSelector;
+export {
+  PromptDeleteSelector_default as default
+};

package/dist/components/overlays/PromptList.cjs

@@ -0,0 +1,169 @@
+"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 PromptList_exports = {};
+__export(PromptList_exports, {
+  default: () => PromptList_default
+});
+module.exports = __toCommonJS(PromptList_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");
+function getSourceIndicator(source) {
+  switch (source) {
+    case "config":
+      return { icon: "\u{1F4C4}", label: "config", color: "blue" };
+    case "custom":
+      return { icon: "\u2728", label: "custom", color: "magenta" };
+    case "mcp":
+      return { icon: "\u{1F50C}", label: "mcp", color: "green" };
+    default:
+      return { icon: "\u{1F4DD}", label: source, color: "gray" };
+  }
+}
+function isSharedPrompt(prompt) {
+  const metadata = prompt.metadata;
+  if (metadata?.filePath) {
+    const normalizedPath = metadata.filePath.replaceAll("\\", "/");
+    return normalizedPath.includes("/commands/") || normalizedPath.includes("/.dexto/commands/");
+  }
+  return false;
+}
+const PromptList = (0, import_react.forwardRef)(function PromptList2({ isVisible, onAction, onLoadIntoInput, onClose, agent }, ref) {
+  const baseSelectorRef = (0, import_react.useRef)(null);
+  const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+  const [prompts, setPrompts] = (0, import_react.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [refreshKey, setRefreshKey] = (0, import_react.useState)(0);
+  const loadPrompts = (0, import_react.useCallback)(() => {
+    setIsLoading(true);
+    setSelectedIndex(0);
+    agent.listPrompts().then((promptSet) => {
+      const promptList = Object.values(promptSet);
+      promptList.sort((a, b) => {
+        const order = { config: 0, custom: 1, mcp: 2 };
+        const aOrder = order[a.source] ?? 3;
+        const bOrder = order[b.source] ?? 3;
+        if (aOrder !== bOrder) return aOrder - bOrder;
+        return (a.displayName || a.name).localeCompare(b.displayName || b.name);
+      });
+      setPrompts(promptList);
+      setIsLoading(false);
+    }).catch((err) => {
+      agent.logger.error(
+        `PromptList: Failed to load prompts: ${err instanceof Error ? err.message : String(err)}`
+      );
+      setPrompts([]);
+      setIsLoading(false);
+    });
+  }, [agent]);
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      handleInput: (input, key) => {
+        return baseSelectorRef.current?.handleInput(input, key) ?? false;
+      },
+      refresh: () => {
+        setRefreshKey((k) => k + 1);
+      }
+    }),
+    []
+  );
+  (0, import_react.useEffect)(() => {
+    if (isVisible) {
+      loadPrompts();
+    }
+  }, [isVisible, refreshKey, loadPrompts]);
+  const items = (0, import_react.useMemo)(() => {
+    return [
+      // Action items at the top
+      { id: "__add__", type: "add" },
+      { id: "__delete__", type: "delete" },
+      // Prompts list
+      ...prompts.map((prompt) => ({
+        id: prompt.name,
+        type: "prompt",
+        prompt
+      }))
+    ];
+  }, [prompts]);
+  const formatItem = (item, isSelected) => {
+    if (item.type === "add") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "green" : "gray", bold: isSelected, children: "+ Add new prompt" }) });
+    }
+    if (item.type === "delete") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "red" : "gray", bold: isSelected, children: "- Delete a prompt" }) });
+    }
+    const prompt = item.prompt;
+    const displayName = prompt.displayName || prompt.name;
+    const metadata = prompt.metadata;
+    const effectiveSource = metadata?.namespace ? String(metadata.namespace) : prompt.source;
+    const sourceInfo = getSourceIndicator(effectiveSource);
+    const isShared = isSharedPrompt(prompt);
+    const sourceLabel = isShared ? "shared" : sourceInfo.label;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: isSelected ? "cyan" : "white", bold: isSelected, children: displayName }),
+      prompt.title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        " - ",
+        prompt.title
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: sourceInfo.color, children: [
+        " (",
+        sourceLabel,
+        ")"
+      ] })
+    ] });
+  };
+  const handleSelect = (item) => {
+    if (item.type === "add") {
+      onAction({ type: "add-prompt" });
+    } else if (item.type === "delete") {
+      onAction({ type: "delete-prompt" });
+    } else if (item.prompt) {
+      onAction({ type: "select-prompt", prompt: item.prompt });
+    }
+  };
+  const handleTab = (item) => {
+    if (item.type === "prompt" && item.prompt) {
+      const displayName = item.prompt.displayName || item.prompt.name;
+      onLoadIntoInput(`/${displayName} `);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_BaseSelector.BaseSelector,
+    {
+      ref: baseSelectorRef,
+      items,
+      isVisible,
+      isLoading,
+      selectedIndex,
+      onSelectIndex: setSelectedIndex,
+      onSelect: handleSelect,
+      onClose,
+      formatItem,
+      onTab: handleTab,
+      supportsTab: true,
+      title: "Prompts",
+      borderColor: "yellowBright",
+      emptyMessage: "No prompts configured",
+      maxVisibleItems: 12
+    }
+  );
+});
+var PromptList_default = PromptList;