@within-7/minto 0.0.5-dev.1

package/dist/commands/plugin.js

@@ -0,0 +1,523 @@
+import React, { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { SimpleSpinner } from "../components/Spinner.js";
+import {
+  loadAllPlugins,
+  getPlugin,
+  listPlugins
+} from "../utils/pluginLoader.js";
+import {
+  addMarketplace,
+  removeMarketplace,
+  updateMarketplace,
+  listMarketplaces,
+  installPluginFromMarketplace
+} from "../utils/marketplaceManager.js";
+import { MarketplaceError } from "../types/marketplace.js";
+import { rmSync } from "fs";
+import { getTheme } from "../utils/theme.js";
+import { MainMenu } from "./plugin/MainMenu.js";
+import { MarketplaceSelector } from "./plugin/MarketplaceSelector.js";
+import { PluginBrowser } from "./plugin/PluginBrowser.js";
+import { PluginDetailsInstall } from "./plugin/PluginDetailsInstall.js";
+import { InstalledPluginsManager } from "./plugin/InstalledPluginsManager.js";
+import { InstalledPluginsByMarketplace } from "./plugin/InstalledPluginsByMarketplace.js";
+import { PluginDetailsManage } from "./plugin/PluginDetailsManage.js";
+import { AddMarketplaceForm } from "./plugin/AddMarketplaceForm.js";
+import { MarketplaceManager } from "./plugin/MarketplaceManager.js";
+const PluginList = ({ onDone }) => {
+  const [plugins, setPlugins] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const theme = getTheme();
+  useEffect(() => {
+    try {
+      const loadedPlugins = loadAllPlugins();
+      setPlugins(loadedPlugins);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+      onDone();
+    }
+  }, [onDone]);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Loading plugins...");
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "Error: ", error);
+  }
+  if (plugins.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: theme.warning }, "No plugins installed."), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Install plugins with: /plugin install <name>[@marketplace]"));
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: theme.success }, "Installed Plugins (", plugins.length, ")"), /* @__PURE__ */ React.createElement(Text, null, ""), plugins.map((plugin2) => {
+    const componentCounts = [
+      plugin2.agents.length > 0 && `${plugin2.agents.length} agent${plugin2.agents.length !== 1 ? "s" : ""}`,
+      plugin2.commands.length > 0 && `${plugin2.commands.length} command${plugin2.commands.length !== 1 ? "s" : ""}`,
+      plugin2.skills.length > 0 && `${plugin2.skills.length} skill${plugin2.skills.length !== 1 ? "s" : ""}`,
+      plugin2.hooks.length > 0 && `${plugin2.hooks.length} hook${plugin2.hooks.length !== 1 ? "s" : ""}`,
+      plugin2.mcpServers.length > 0 && `${plugin2.mcpServers.length} MCP server${plugin2.mcpServers.length !== 1 ? "s" : ""}`
+    ].filter(Boolean);
+    return /* @__PURE__ */ React.createElement(Box, { key: plugin2.manifest.name, flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary, bold: true }, plugin2.manifest.displayName || plugin2.manifest.name), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " v", plugin2.manifest.version), !plugin2.enabled && /* @__PURE__ */ React.createElement(Text, { color: theme.warning }, " (disabled)")), plugin2.manifest.description && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  ", plugin2.manifest.description), componentCounts.length > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  Components: ", componentCounts.join(", ")), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  Location: ", plugin2.source.type === "local" ? plugin2.source.path : plugin2.location));
+  }));
+};
+const PluginInfo = ({ pluginName, onDone }) => {
+  const [plugin2, setPlugin] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const theme = getTheme();
+  useEffect(() => {
+    try {
+      const loadedPlugin = getPlugin(pluginName);
+      if (!loadedPlugin) {
+        setError(`Plugin "${pluginName}" not found`);
+      } else {
+        setPlugin(loadedPlugin);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+      onDone();
+    }
+  }, [pluginName, onDone]);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Loading plugin info...");
+  }
+  if (error || !plugin2) {
+    return /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "Error: ", error || "Plugin not found");
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: theme.success }, plugin2.manifest.displayName || plugin2.manifest.name), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Name:"), " ", plugin2.manifest.name), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Version:"), " ", plugin2.manifest.version), plugin2.manifest.description && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Description:"), " ", plugin2.manifest.description), plugin2.manifest.author && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Author:"), " ", plugin2.manifest.author), plugin2.manifest.license && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "License:"), " ", plugin2.manifest.license), plugin2.manifest.homepage && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Homepage:"), " ", plugin2.manifest.homepage), plugin2.manifest.repository && /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Repository:"), " ", plugin2.manifest.repository), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Location:"), " ", plugin2.location), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Source:"), " ", plugin2.source.type), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Enabled:"), " ", plugin2.enabled ? "Yes" : "No")), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.primary }, "Components:"), plugin2.agents.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Agents (", plugin2.agents.length, "):"), plugin2.agents.map((agent) => /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  \u2022 ", agent.name, agent.config.description ? ` - ${agent.config.description}` : ""))), plugin2.commands.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Commands (", plugin2.commands.length, "):"), plugin2.commands.map((command) => /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  \u2022 /", command.name, command.config.description ? ` - ${command.config.description}` : ""))), plugin2.skills.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Skills (", plugin2.skills.length, "):"), plugin2.skills.map((skill) => /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  \u2022 ", skill.name, skill.config.description ? ` - ${skill.config.description}` : ""))), plugin2.hooks.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Hooks (", plugin2.hooks.length, "):"), plugin2.hooks.map((hook) => /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  \u2022 ", hook.name, " (", hook.config.event, ")"))), plugin2.mcpServers.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "MCP Servers (", plugin2.mcpServers.length, "):"), plugin2.mcpServers.map((server) => /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  \u2022 ", server.name, " - ", server.config.command))), plugin2.agents.length === 0 && plugin2.commands.length === 0 && plugin2.skills.length === 0 && plugin2.hooks.length === 0 && plugin2.mcpServers.length === 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  No components loaded"), plugin2.manifest.engines && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.primary }, "Requirements:"), plugin2.manifest.engines.minto && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  Minto: ", plugin2.manifest.engines.minto), plugin2.manifest.engines["claude-code"] && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  Claude Code: ", plugin2.manifest.engines["claude-code"]), plugin2.manifest.engines.node && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  Node: ", plugin2.manifest.engines.node)));
+};
+const PluginInstall = ({ pluginSpec, onDone }) => {
+  const [status, setStatus] = useState("installing");
+  const [message, setMessage] = useState("");
+  const [installedPath, setInstalledPath] = useState("");
+  const theme = getTheme();
+  useEffect(() => {
+    const installPlugin = async () => {
+      try {
+        const [pluginName, marketplaceName] = pluginSpec.split("@");
+        if (!pluginName) {
+          throw new Error("Plugin name is required");
+        }
+        setMessage(`Installing plugin "${pluginName}"${marketplaceName ? ` from marketplace "${marketplaceName}"` : ""}...`);
+        const path = await installPluginFromMarketplace(pluginName, marketplaceName);
+        setInstalledPath(path);
+        setMessage(`Successfully installed "${pluginName}" to ${path}`);
+        setStatus("success");
+      } catch (err) {
+        if (err instanceof MarketplaceError) {
+          setMessage(`Installation failed: ${err.message}`);
+        } else {
+          setMessage(`Installation failed: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        setStatus("error");
+      } finally {
+        onDone();
+      }
+    };
+    installPlugin();
+  }, [pluginSpec, onDone]);
+  const color = status === "success" ? theme.success : status === "error" ? theme.error : theme.primary;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color }, message), status === "success" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Plugin is now available. Use /plugin info ", pluginSpec.split("@")[0], " to see details.")));
+};
+const PluginUninstall = ({ pluginName, onDone }) => {
+  const [status, setStatus] = useState("uninstalling");
+  const [message, setMessage] = useState("");
+  const theme = getTheme();
+  useEffect(() => {
+    const uninstallPlugin = () => {
+      try {
+        setMessage(`Uninstalling plugin "${pluginName}"...`);
+        const plugin2 = getPlugin(pluginName);
+        if (!plugin2) {
+          throw new Error(`Plugin "${pluginName}" not found`);
+        }
+        rmSync(plugin2.location, { recursive: true, force: true });
+        setMessage(`Successfully uninstalled "${pluginName}"`);
+        setStatus("success");
+      } catch (err) {
+        setMessage(`Uninstallation failed: ${err instanceof Error ? err.message : String(err)}`);
+        setStatus("error");
+      } finally {
+        onDone();
+      }
+    };
+    uninstallPlugin();
+  }, [pluginName, onDone]);
+  const color = status === "success" ? theme.success : status === "error" ? theme.error : theme.primary;
+  return /* @__PURE__ */ React.createElement(Text, { color }, message);
+};
+const PluginValidate = ({ pluginName, onDone }) => {
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const theme = getTheme();
+  useEffect(() => {
+    const validatePlugins = () => {
+      try {
+        const pluginsToValidate = pluginName ? [{ name: pluginName, path: "", manifest: void 0 }] : listPlugins();
+        const validationResults = pluginsToValidate.map(({ name, path }) => {
+          const errors = [];
+          try {
+            const plugin2 = getPlugin(name);
+            if (!plugin2) {
+              errors.push("Plugin not found");
+              return { plugin: name, valid: false, errors };
+            }
+            if (!plugin2.manifest.name) errors.push("Missing required field: name");
+            if (!plugin2.manifest.version) errors.push("Missing required field: version");
+            if (!plugin2.manifest.description) errors.push("Missing required field: description");
+            if (plugin2.manifest.version && !/^\d+\.\d+\.\d+$/.test(plugin2.manifest.version)) {
+              errors.push("Invalid version format (must be semver: X.Y.Z)");
+            }
+            if (plugin2.manifest.name && !/^[a-z0-9-]+$/.test(plugin2.manifest.name)) {
+              errors.push("Invalid name format (must be lowercase alphanumeric with hyphens)");
+            }
+            const checkComponents = (items, type) => {
+              items.forEach((item) => {
+                if (!item.filePath) {
+                  errors.push(`${type} "${item.name}" has no file path`);
+                }
+              });
+            };
+            checkComponents(plugin2.agents, "Agent");
+            checkComponents(plugin2.commands, "Command");
+            checkComponents(plugin2.skills, "Skill");
+            return { plugin: name, valid: errors.length === 0, errors };
+          } catch (err) {
+            errors.push(err instanceof Error ? err.message : String(err));
+            return { plugin: name, valid: false, errors };
+          }
+        });
+        setResults(validationResults);
+      } finally {
+        setLoading(false);
+        onDone();
+      }
+    };
+    validatePlugins();
+  }, [pluginName, onDone]);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Validating plugins...");
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: theme.primary }, "Plugin Validation Results"), /* @__PURE__ */ React.createElement(Text, null, ""), results.map((result) => /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: result.valid ? theme.success : theme.error }, result.valid ? "\u2713" : "\u2717"), /* @__PURE__ */ React.createElement(Text, null, " ", result.plugin), result.valid && /* @__PURE__ */ React.createElement(Text, { color: theme.success }, " - Valid")), result.errors.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 2 }, result.errors.map((error, idx) => /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "\u2022 ", error))))));
+};
+const MarketplaceListView = ({ onDone }) => {
+  const [marketplaces, setMarketplaces] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const theme = getTheme();
+  useEffect(() => {
+    try {
+      const registered = listMarketplaces();
+      setMarketplaces(registered);
+    } finally {
+      setLoading(false);
+      onDone();
+    }
+  }, [onDone]);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Loading marketplaces...");
+  }
+  if (marketplaces.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: theme.warning }, "No marketplaces registered."), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Register a marketplace with: /plugin marketplace add <source>"));
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: theme.success }, "Registered Marketplaces (", marketplaces.length, ")"), /* @__PURE__ */ React.createElement(Text, null, ""), marketplaces.map((marketplace) => /* @__PURE__ */ React.createElement(Box, { key: marketplace.name, flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: theme.primary, bold: true }, marketplace.name), !marketplace.enabled && /* @__PURE__ */ React.createElement(Text, { color: theme.warning }, " (disabled)")), marketplace.manifest.metadata?.description && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  ", marketplace.manifest.metadata.description), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, `  Plugins: ${marketplace.manifest.plugins.length}`, ` | Owner: ${marketplace.manifest.owner.name}`), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, `  Source: ${marketplace.source.type}`, marketplace.source.type === "github" && ` (${marketplace.source.repo})`, marketplace.source.type === "url" && ` (${marketplace.source.url})`, marketplace.source.type === "local" && ` (${marketplace.source.path})`), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, `  Last updated: ${new Date(marketplace.lastUpdated).toLocaleString()}`))));
+};
+const MarketplaceAdd = ({ source, onDone }) => {
+  const [status, setStatus] = useState("adding");
+  const [message, setMessage] = useState("");
+  const [marketplace, setMarketplace] = useState(null);
+  const theme = getTheme();
+  useEffect(() => {
+    const addMarketplaceAsync = async () => {
+      try {
+        setMessage(`Registering marketplace from "${source}"...`);
+        const registered = await addMarketplace(source);
+        setMarketplace(registered);
+        setMessage(`Successfully registered marketplace "${registered.name}"`);
+        setStatus("success");
+      } catch (err) {
+        if (err instanceof MarketplaceError) {
+          setMessage(`Registration failed: ${err.message}`);
+        } else {
+          setMessage(`Registration failed: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        setStatus("error");
+      } finally {
+        onDone();
+      }
+    };
+    addMarketplaceAsync();
+  }, [source, onDone]);
+  const color = status === "success" ? theme.success : status === "error" ? theme.error : theme.primary;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color }, message), status === "success" && marketplace && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Marketplace contains ", marketplace.manifest.plugins.length, " plugin(s)"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Use /plugin marketplace list to see all marketplaces")));
+};
+const MarketplaceUpdate = ({ name, onDone }) => {
+  const [status, setStatus] = useState("updating");
+  const [message, setMessage] = useState("");
+  const theme = getTheme();
+  useEffect(() => {
+    const updateMarketplaceAsync = async () => {
+      try {
+        setMessage(`Updating marketplace "${name}"...`);
+        await updateMarketplace(name);
+        setMessage(`Successfully updated marketplace "${name}"`);
+        setStatus("success");
+      } catch (err) {
+        if (err instanceof MarketplaceError) {
+          setMessage(`Update failed: ${err.message}`);
+        } else {
+          setMessage(`Update failed: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        setStatus("error");
+      } finally {
+        onDone();
+      }
+    };
+    updateMarketplaceAsync();
+  }, [name, onDone]);
+  const color = status === "success" ? theme.success : status === "error" ? theme.error : theme.primary;
+  return /* @__PURE__ */ React.createElement(Text, { color }, message);
+};
+const MarketplaceRemove = ({ name, onDone }) => {
+  const [status, setStatus] = useState("removing");
+  const [message, setMessage] = useState("");
+  const theme = getTheme();
+  useEffect(() => {
+    const removeMarketplaceSync = () => {
+      try {
+        setMessage(`Removing marketplace "${name}"...`);
+        removeMarketplace(name);
+        setMessage(`Successfully removed marketplace "${name}"`);
+        setStatus("success");
+      } catch (err) {
+        if (err instanceof MarketplaceError) {
+          setMessage(`Removal failed: ${err.message}`);
+        } else {
+          setMessage(`Removal failed: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        setStatus("error");
+      } finally {
+        onDone();
+      }
+    };
+    removeMarketplaceSync();
+  }, [name, onDone]);
+  const color = status === "success" ? theme.success : status === "error" ? theme.error : theme.primary;
+  return /* @__PURE__ */ React.createElement(Text, { color }, message);
+};
+const ErrorMessage = ({ message, onDone }) => {
+  const theme = getTheme();
+  React.useEffect(() => {
+    onDone();
+  }, [onDone]);
+  return /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "Error: ", message);
+};
+const MarketplaceDetails = ({ marketplace: marketplaceName, onNavigate, onBack, onDone }) => {
+  const theme = getTheme();
+  const [removing, setRemoving] = useState(false);
+  const [updating, setUpdating] = useState(false);
+  const [error, setError] = useState();
+  const marketplace = listMarketplaces().find(
+    (m) => m.name === marketplaceName
+  );
+  useInput((input, key) => {
+    if (key.escape) onBack();
+    else if (input === "r" && !removing && !updating) {
+      setRemoving(true);
+      removeMarketplaceAction();
+    } else if (input === "u" && !removing && !updating) {
+      setUpdating(true);
+      updateMarketplaceAction();
+    } else if (input === "p" && !removing && !updating) {
+      onNavigate({
+        screen: "installed-plugins-by-marketplace",
+        marketplace: marketplaceName
+      });
+    }
+  });
+  const removeMarketplaceAction = () => {
+    try {
+      removeMarketplace(marketplaceName);
+      onBack();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+      setRemoving(false);
+    }
+  };
+  const updateMarketplaceAction = async () => {
+    try {
+      await updateMarketplace(marketplaceName);
+      setUpdating(false);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+      setUpdating(false);
+    }
+  };
+  if (!marketplace) {
+    return /* @__PURE__ */ React.createElement(Box, { padding: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "Marketplace not found: ", marketplaceName));
+  }
+  if (removing) {
+    return /* @__PURE__ */ React.createElement(Box, { padding: 1 }, /* @__PURE__ */ React.createElement(SimpleSpinner, null), /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, " Removing marketplace..."));
+  }
+  if (updating) {
+    return /* @__PURE__ */ React.createElement(Box, { padding: 1 }, /* @__PURE__ */ React.createElement(SimpleSpinner, null), /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, " Updating marketplace..."));
+  }
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.primary,
+      padding: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.success }, marketplace.name),
+    marketplace.manifest.metadata?.description && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, marketplace.manifest.metadata.description)),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Plugins: "), /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, marketplace.manifest.plugins.length)),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Owner: "), /* @__PURE__ */ React.createElement(Text, null, marketplace.manifest.owner.name)),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Source: "), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, marketplace.source.type, marketplace.source.type === "github" && ` (${marketplace.source.repo})`, marketplace.source.type === "url" && ` (${marketplace.source.url})`, marketplace.source.type === "local" && ` (${marketplace.source.path})`)),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Last updated: "), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, new Date(marketplace.lastUpdated).toLocaleString())),
+    error && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "Error: ", error)),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "p"), " to view plugins from this marketplace"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "u"), " to update marketplace"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "r"), " to remove marketplace"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "Esc"), " to go back"))
+  );
+};
+const InteractivePluginCommand = ({ onDone }) => {
+  const [navigationStack, setNavigationStack] = useState([
+    { screen: "main-menu" }
+  ]);
+  const currentState = navigationStack[navigationStack.length - 1];
+  const handleNavigate = (newState) => {
+    setNavigationStack((prev) => [...prev, newState]);
+  };
+  const handleBack = () => {
+    if (navigationStack.length > 1) {
+      setNavigationStack((prev) => prev.slice(0, -1));
+    } else {
+      onDone();
+    }
+  };
+  switch (currentState.screen) {
+    case "main-menu":
+      return /* @__PURE__ */ React.createElement(MainMenu, { onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "marketplace-selector":
+      return /* @__PURE__ */ React.createElement(MarketplaceSelector, { onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "plugin-browser":
+      return /* @__PURE__ */ React.createElement(PluginBrowser, { marketplace: currentState.marketplace, onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "plugin-details-install":
+      return /* @__PURE__ */ React.createElement(PluginDetailsInstall, { marketplace: currentState.marketplace, plugin: currentState.plugin, onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "installed-plugins-manager":
+      return /* @__PURE__ */ React.createElement(InstalledPluginsManager, { key: navigationStack.length, onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "installed-plugins-by-marketplace":
+      return /* @__PURE__ */ React.createElement(InstalledPluginsByMarketplace, { marketplace: currentState.marketplace, onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "plugin-details-manage":
+      return /* @__PURE__ */ React.createElement(PluginDetailsManage, { plugin: currentState.plugin, onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "add-marketplace":
+      return /* @__PURE__ */ React.createElement(AddMarketplaceForm, { onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "marketplace-manager":
+      return /* @__PURE__ */ React.createElement(MarketplaceManager, { onNavigate: handleNavigate, onBack: handleBack, onDone });
+    case "marketplace-details":
+      return /* @__PURE__ */ React.createElement(MarketplaceDetails, { marketplace: currentState.marketplace, onNavigate: handleNavigate, onBack: handleBack, onDone });
+    default:
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: "red" }, "Unknown screen state"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press Esc to exit"));
+  }
+};
+const LegacyPluginCommand = ({ args, onDone }) => {
+  const theme = getTheme();
+  const parts = args.trim().split(/\s+/).filter(Boolean);
+  const subcommand = parts[0];
+  const subArgs = parts.slice(1);
+  React.useEffect(() => {
+    if (!subcommand || subcommand === "help" || subcommand === "--help") {
+      onDone();
+    }
+  }, [subcommand, onDone]);
+  if (!subcommand || subcommand === "help" || subcommand === "--help") {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true, underline: true, color: theme.primary }, "Plugin Management Commands"), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin list"), " - List all installed plugins"), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin info <name>"), " - Show detailed plugin information"), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin install <name>[@marketplace]"), " - Install plugin from marketplace"), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin uninstall <name>"), " - Remove installed plugin"), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin validate [name]"), " - Validate plugin manifest and components"), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.primary }, "Marketplace Commands:"), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin marketplace add <source>"), " - Register new marketplace"), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin marketplace list"), " - List registered marketplaces"), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin marketplace update <name>"), " - Update marketplace manifest"), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "/plugin marketplace remove <name>"), " - Unregister marketplace"), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Examples:"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  /plugin list"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  /plugin info my-plugin"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  /plugin install awesome-plugin@official"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "  /plugin marketplace add owner/repo"));
+  }
+  switch (subcommand) {
+    case "list":
+      return /* @__PURE__ */ React.createElement(PluginList, { onDone });
+    case "info":
+      if (subArgs.length === 0) {
+        return /* @__PURE__ */ React.createElement(ErrorMessage, { message: "Plugin name required. Usage: /plugin info <name>", onDone });
+      }
+      return /* @__PURE__ */ React.createElement(PluginInfo, { pluginName: subArgs[0], onDone });
+    case "install":
+      if (subArgs.length === 0) {
+        return /* @__PURE__ */ React.createElement(ErrorMessage, { message: "Plugin spec required. Usage: /plugin install <name>[@marketplace]", onDone });
+      }
+      return /* @__PURE__ */ React.createElement(PluginInstall, { pluginSpec: subArgs[0], onDone });
+    case "uninstall":
+      if (subArgs.length === 0) {
+        return /* @__PURE__ */ React.createElement(ErrorMessage, { message: "Plugin name required. Usage: /plugin uninstall <name>", onDone });
+      }
+      return /* @__PURE__ */ React.createElement(PluginUninstall, { pluginName: subArgs[0], onDone });
+    case "validate":
+      return /* @__PURE__ */ React.createElement(PluginValidate, { pluginName: subArgs[0], onDone });
+    case "marketplace":
+      const marketplaceSubcommand = subArgs[0];
+      const marketplaceArgs = subArgs.slice(1);
+      switch (marketplaceSubcommand) {
+        case "list":
+          return /* @__PURE__ */ React.createElement(MarketplaceListView, { onDone });
+        case "add":
+          if (marketplaceArgs.length === 0) {
+            return /* @__PURE__ */ React.createElement(ErrorMessage, { message: "Source required. Usage: /plugin marketplace add <source>", onDone });
+          }
+          return /* @__PURE__ */ React.createElement(MarketplaceAdd, { source: marketplaceArgs[0], onDone });
+        case "update":
+          if (marketplaceArgs.length === 0) {
+            return /* @__PURE__ */ React.createElement(ErrorMessage, { message: "Marketplace name required. Usage: /plugin marketplace update <name>", onDone });
+          }
+          return /* @__PURE__ */ React.createElement(MarketplaceUpdate, { name: marketplaceArgs[0], onDone });
+        case "remove":
+          if (marketplaceArgs.length === 0) {
+            return /* @__PURE__ */ React.createElement(ErrorMessage, { message: "Marketplace name required. Usage: /plugin marketplace remove <name>", onDone });
+          }
+          return /* @__PURE__ */ React.createElement(MarketplaceRemove, { name: marketplaceArgs[0], onDone });
+        default:
+          return /* @__PURE__ */ React.createElement(
+            ErrorMessage,
+            {
+              message: `Unknown marketplace subcommand: ${marketplaceSubcommand}. Use /plugin help for usage.`,
+              onDone
+            }
+          );
+      }
+    default:
+      return /* @__PURE__ */ React.createElement(
+        ErrorMessage,
+        {
+          message: `Unknown subcommand: ${subcommand}. Use /plugin help for usage.`,
+          onDone
+        }
+      );
+  }
+};
+const PluginCommand = ({ args, onDone }) => {
+  if (args.trim()) {
+    return /* @__PURE__ */ React.createElement(LegacyPluginCommand, { args, onDone });
+  } else {
+    return /* @__PURE__ */ React.createElement(InteractivePluginCommand, { onDone });
+  }
+};
+const plugin = {
+  type: "local-jsx",
+  name: "plugin",
+  description: "Manage plugins and plugin marketplaces (interactive)",
+  isEnabled: true,
+  isHidden: false,
+  aliases: ["plugins"],
+  async call(onDone, _context) {
+    return /* @__PURE__ */ React.createElement(PluginCommand, { args: "", onDone });
+  },
+  userFacingName() {
+    return "plugin";
+  }
+};
+var plugin_default = plugin;
+export {
+  plugin_default as default
+};
+//# sourceMappingURL=plugin.js.map