@within-7/minto 0.0.5-dev.1

package/dist/commands/plugin/PluginBrowser.js

@@ -0,0 +1,180 @@
+import React, { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { getTheme } from "../../utils/theme.js";
+import { getMarketplace } from "../../utils/marketplaceManager.js";
+import { loadAllPlugins } from "../../utils/pluginLoader.js";
+const PluginBrowser = ({
+  marketplace,
+  onNavigate,
+  onBack
+}) => {
+  const theme = getTheme();
+  const [plugins, setPlugins] = useState([]);
+  const [installedPlugins, setInstalledPlugins] = useState(/* @__PURE__ */ new Set());
+  const [selectedPlugins, setSelectedPlugins] = useState(/* @__PURE__ */ new Set());
+  const [focusedIndex, setFocusedIndex] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    loadPluginData();
+  }, [marketplace]);
+  const loadPluginData = () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const marketplaceData = getMarketplace(marketplace);
+      if (!marketplaceData) {
+        setError(`Marketplace "${marketplace}" not found`);
+        setLoading(false);
+        return;
+      }
+      const marketplacePlugins = marketplaceData.manifest.plugins;
+      setPlugins(marketplacePlugins);
+      const installed = loadAllPlugins();
+      const installedNames = new Set(
+        installed.filter(
+          (p) => p.source.type === "marketplace" && "marketplace" in p.source && p.source.marketplace === marketplace
+        ).map((p) => p.manifest.name)
+      );
+      setInstalledPlugins(installedNames);
+      if (marketplacePlugins.length > 0) {
+        setFocusedIndex(0);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  };
+  const focusedPlugin = plugins[focusedIndex];
+  useInput(
+    (input, key) => {
+      if (loading || plugins.length === 0) return;
+      if (key.escape) {
+        onBack();
+      } else if (key.upArrow) {
+        setFocusedIndex((prev) => prev > 0 ? prev - 1 : plugins.length - 1);
+      } else if (key.downArrow) {
+        setFocusedIndex((prev) => prev < plugins.length - 1 ? prev + 1 : 0);
+      } else if (input === " ") {
+        const pluginName = focusedPlugin.name;
+        setSelectedPlugins((prev) => {
+          const newSet = new Set(prev);
+          if (newSet.has(pluginName)) {
+            newSet.delete(pluginName);
+          } else {
+            newSet.add(pluginName);
+          }
+          return newSet;
+        });
+      } else if (key.return) {
+        onNavigate({
+          screen: "plugin-details-install",
+          marketplace,
+          plugin: focusedPlugin.name
+        });
+      }
+    },
+    { isActive: !loading && plugins.length > 0 }
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: theme.secondaryBorder,
+        paddingX: 2,
+        paddingY: 1
+      },
+      /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Loading plugins from ", marketplace, "...")
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: theme.error,
+        paddingX: 2,
+        paddingY: 1
+      },
+      /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "Error"),
+      /* @__PURE__ */ React.createElement(Text, null, error),
+      /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press Esc to go back"))
+    );
+  }
+  if (plugins.length === 0) {
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: theme.secondaryBorder,
+        paddingX: 2,
+        paddingY: 1
+      },
+      /* @__PURE__ */ React.createElement(Text, { bold: true }, marketplace, " \u203A Install plugins"),
+      /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "No plugins available in this marketplace")),
+      /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press Esc to go back"))
+    );
+  }
+  const truncate = (text, maxLength) => {
+    if (text.length <= maxLength) return text;
+    return text.slice(0, maxLength - 3) + "...";
+  };
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.secondaryBorder,
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.primary }, marketplace, " \u203A Install plugins"),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, plugins.map((plugin, index) => {
+      const isFocused = index === focusedIndex;
+      const isSelected = selectedPlugins.has(plugin.name);
+      const isInstalled = installedPlugins.has(plugin.name);
+      return /* @__PURE__ */ React.createElement(
+        PluginListItem,
+        {
+          key: plugin.name,
+          plugin,
+          isFocused,
+          isSelected,
+          isInstalled,
+          theme,
+          truncate
+        }
+      );
+    })),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, selectedPlugins.size > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.success }, selectedPlugins.size, " plugin", selectedPlugins.size > 1 ? "s" : "", " selected"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Space: (de)select \xB7 Enter: details \xB7 \u2191\u2193: navigate \xB7 Esc: back"))
+  );
+};
+const PluginListItem = ({
+  plugin,
+  isFocused,
+  isSelected,
+  isInstalled,
+  theme,
+  truncate
+}) => {
+  const infoItems = [];
+  if (plugin.version) {
+    infoItems.push(`v${plugin.version}`);
+  }
+  if (plugin.category) {
+    infoItems.push(`[${plugin.category}]`);
+  }
+  if (isInstalled) {
+    infoItems.push("(installed)");
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginBottom: 0 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: isFocused ? theme.success : void 0 }, isFocused ? "\u276F " : "  "), /* @__PURE__ */ React.createElement(Text, { color: isFocused ? theme.success : void 0 }, isSelected ? "\u25C9" : "\u25EF", " "), /* @__PURE__ */ React.createElement(Text, { bold: isFocused, color: isInstalled ? theme.dimColor : void 0 }, plugin.name), infoItems.length > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " ", infoItems.join(" "))), plugin.description && /* @__PURE__ */ React.createElement(Box, { marginLeft: 4 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, truncate(plugin.description, 70))));
+};
+export {
+  PluginBrowser
+};
+//# sourceMappingURL=PluginBrowser.js.map

package/dist/commands/plugin/PluginBrowser.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/commands/plugin/PluginBrowser.tsx"],
+  "sourcesContent": ["/**\n * Plugin Browser Component\n *\n * Browse and select plugins from a marketplace with multi-select support\n */\n\nimport React, { useState, useEffect } from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { getMarketplace } from '@utils/marketplaceManager'\nimport { loadAllPlugins } from '@utils/pluginLoader'\nimport { MarketplacePlugin } from '../../types/marketplace'\nimport { NavigationProps } from './types'\n\ninterface PluginBrowserProps extends NavigationProps {\n  marketplace: string\n}\n\nexport const PluginBrowser: React.FC<PluginBrowserProps> = ({\n  marketplace,\n  onNavigate,\n  onBack,\n}) => {\n  const theme = getTheme()\n  const [plugins, setPlugins] = useState<MarketplacePlugin[]>([])\n  const [installedPlugins, setInstalledPlugins] = useState<Set<string>>(new Set())\n  const [selectedPlugins, setSelectedPlugins] = useState<Set<string>>(new Set())\n  const [focusedIndex, setFocusedIndex] = useState(0)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState<string | null>(null)\n\n  useEffect(() => {\n    loadPluginData()\n  }, [marketplace])\n\n  const loadPluginData = () => {\n    try {\n      setLoading(true)\n      setError(null)\n\n      // Load marketplace\n      const marketplaceData = getMarketplace(marketplace)\n      if (!marketplaceData) {\n        setError(`Marketplace \"${marketplace}\" not found`)\n        setLoading(false)\n        return\n      }\n\n      // Load plugins from marketplace\n      const marketplacePlugins = marketplaceData.manifest.plugins\n      setPlugins(marketplacePlugins)\n\n      // Load installed plugins to show which are already installed\n      const installed = loadAllPlugins()\n      const installedNames = new Set(\n        installed\n          .filter(\n            (p) =>\n              p.source.type === 'marketplace' &&\n              'marketplace' in p.source &&\n              p.source.marketplace === marketplace\n          )\n          .map((p) => p.manifest.name)\n      )\n      setInstalledPlugins(installedNames)\n\n      // Focus first plugin if available\n      if (marketplacePlugins.length > 0) {\n        setFocusedIndex(0)\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err))\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const focusedPlugin = plugins[focusedIndex]\n\n  // Keyboard input handling\n  useInput(\n    (input, key) => {\n      if (loading || plugins.length === 0) return\n\n      if (key.escape) {\n        onBack()\n      } else if (key.upArrow) {\n        setFocusedIndex((prev) => (prev > 0 ? prev - 1 : plugins.length - 1))\n      } else if (key.downArrow) {\n        setFocusedIndex((prev) => (prev < plugins.length - 1 ? prev + 1 : 0))\n      } else if (input === ' ') {\n        // Toggle selection with Space\n        const pluginName = focusedPlugin.name\n        setSelectedPlugins((prev) => {\n          const newSet = new Set(prev)\n          if (newSet.has(pluginName)) {\n            newSet.delete(pluginName)\n          } else {\n            newSet.add(pluginName)\n          }\n          return newSet\n        })\n      } else if (key.return) {\n        // View details on Enter\n        onNavigate({\n          screen: 'plugin-details-install',\n          marketplace,\n          plugin: focusedPlugin.name,\n        })\n      }\n    },\n    { isActive: !loading && plugins.length > 0 }\n  )\n\n  if (loading) {\n    return (\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={theme.secondaryBorder}\n        paddingX={2}\n        paddingY={1}\n      >\n        <Text color={theme.primary}>Loading plugins from {marketplace}...</Text>\n      </Box>\n    )\n  }\n\n  if (error) {\n    return (\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={theme.error}\n        paddingX={2}\n        paddingY={1}\n      >\n        <Text color={theme.error}>Error</Text>\n        <Text>{error}</Text>\n        <Box marginTop={1}>\n          <Text dimColor>Press Esc to go back</Text>\n        </Box>\n      </Box>\n    )\n  }\n\n  if (plugins.length === 0) {\n    return (\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={theme.secondaryBorder}\n        paddingX={2}\n        paddingY={1}\n      >\n        <Text bold>{marketplace} \u203A Install plugins</Text>\n        <Box marginTop={1}>\n          <Text dimColor>No plugins available in this marketplace</Text>\n        </Box>\n        <Box marginTop={1}>\n          <Text dimColor>Press Esc to go back</Text>\n        </Box>\n      </Box>\n    )\n  }\n\n  // Helper to truncate text\n  const truncate = (text: string, maxLength: number): string => {\n    if (text.length <= maxLength) return text\n    return text.slice(0, maxLength - 3) + '...'\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={theme.secondaryBorder}\n      paddingX={2}\n      paddingY={1}\n    >\n      <Text bold color={theme.primary}>\n        {marketplace} \u203A Install plugins\n      </Text>\n\n      <Box marginTop={1} flexDirection=\"column\">\n        {plugins.map((plugin, index) => {\n          const isFocused = index === focusedIndex\n          const isSelected = selectedPlugins.has(plugin.name)\n          const isInstalled = installedPlugins.has(plugin.name)\n\n          return (\n            <PluginListItem\n              key={plugin.name}\n              plugin={plugin}\n              isFocused={isFocused}\n              isSelected={isSelected}\n              isInstalled={isInstalled}\n              theme={theme}\n              truncate={truncate}\n            />\n          )\n        })}\n      </Box>\n\n      <Box marginTop={1} flexDirection=\"column\">\n        {selectedPlugins.size > 0 && (\n          <Text color={theme.success}>\n            {selectedPlugins.size} plugin{selectedPlugins.size > 1 ? 's' : ''} selected\n          </Text>\n        )}\n        <Text dimColor>\n          Space: (de)select \u00B7 Enter: details \u00B7 \u2191\u2193: navigate \u00B7 Esc: back\n        </Text>\n      </Box>\n    </Box>\n  )\n}\n\ninterface PluginListItemProps {\n  plugin: MarketplacePlugin\n  isFocused: boolean\n  isSelected: boolean\n  isInstalled: boolean\n  theme: any\n  truncate: (text: string, maxLength: number) => string\n}\n\nconst PluginListItem: React.FC<PluginListItemProps> = ({\n  plugin,\n  isFocused,\n  isSelected,\n  isInstalled,\n  theme,\n  truncate,\n}) => {\n  // Build plugin info line\n  const infoItems: string[] = []\n  if (plugin.version) {\n    infoItems.push(`v${plugin.version}`)\n  }\n  if (plugin.category) {\n    infoItems.push(`[${plugin.category}]`)\n  }\n  if (isInstalled) {\n    infoItems.push('(installed)')\n  }\n\n  return (\n    <Box flexDirection=\"column\" marginBottom={0}>\n      <Box>\n        <Text color={isFocused ? theme.success : undefined}>\n          {isFocused ? '\u276F ' : '  '}\n        </Text>\n        <Text color={isFocused ? theme.success : undefined}>\n          {isSelected ? '\u25C9' : '\u25EF'}{' '}\n        </Text>\n        <Text bold={isFocused} color={isInstalled ? theme.dimColor : undefined}>\n          {plugin.name}\n        </Text>\n        {infoItems.length > 0 && (\n          <Text dimColor> {infoItems.join(' ')}</Text>\n        )}\n      </Box>\n      {plugin.description && (\n        <Box marginLeft={4}>\n          <Text dimColor>{truncate(plugin.description, 70)}</Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/commands/plugin/PluginDetailsInstall.js

@@ -0,0 +1,152 @@
+import React, { useState, useEffect } from "react";
+import { Box, Text } from "ink";
+import { Select } from "../../components/CustomSelect/select.js";
+import { getTheme } from "../../utils/theme.js";
+import { getMarketplace, installPluginFromMarketplace } from "../../utils/marketplaceManager.js";
+import { formatAuthor } from "./utils.js";
+import { spawn } from "child_process";
+const PluginDetailsInstall = ({
+  marketplace,
+  plugin,
+  onNavigate,
+  onBack,
+  onDone
+}) => {
+  const theme = getTheme();
+  const [pluginData, setPluginData] = useState(null);
+  const [installing, setInstalling] = useState(false);
+  const [installError, setInstallError] = useState(null);
+  const [installSuccess, setInstallSuccess] = useState(false);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    loadPluginDetails();
+  }, [marketplace, plugin]);
+  const loadPluginDetails = () => {
+    try {
+      setLoading(true);
+      const marketplaceData = getMarketplace(marketplace);
+      if (!marketplaceData) {
+        setPluginData(null);
+        setLoading(false);
+        return;
+      }
+      const pluginInfo = marketplaceData.manifest.plugins.find((p) => p.name === plugin);
+      setPluginData(pluginInfo || null);
+    } catch (err) {
+      console.error("Error loading plugin details:", err);
+      setPluginData(null);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleInstall = async () => {
+    if (!pluginData) return;
+    setInstalling(true);
+    setInstallError(null);
+    setInstallSuccess(false);
+    try {
+      const installPath = await installPluginFromMarketplace(plugin, marketplace);
+      setInstallSuccess(true);
+      setInstalling(false);
+      setTimeout(() => {
+        onBack();
+      }, 1500);
+    } catch (error) {
+      setInstalling(false);
+      setInstallError(error instanceof Error ? error.message : String(error));
+    }
+  };
+  const handleOpenHomepage = () => {
+    if (!pluginData?.homepage) return;
+    const url = pluginData.homepage;
+    const command = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
+    spawn(command, [url], { detached: true, stdio: "ignore" }).unref();
+  };
+  const handleAction = (value) => {
+    if (value === "install") {
+      handleInstall();
+    } else if (value === "homepage") {
+      handleOpenHomepage();
+    } else if (value === "back") {
+      onBack();
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: theme.secondaryBorder,
+        paddingX: 2,
+        paddingY: 1
+      },
+      /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Loading plugin details...")
+    );
+  }
+  if (!pluginData) {
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: theme.error,
+        paddingX: 2,
+        paddingY: 1
+      },
+      /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "Plugin not found"),
+      /* @__PURE__ */ React.createElement(Text, { dimColor: true }, 'Plugin "', plugin, '" not found in marketplace "', marketplace, '"'),
+      /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Press Esc to go back"))
+    );
+  }
+  const actions = [
+    { label: "Install now", value: "install" }
+  ];
+  if (pluginData.homepage) {
+    actions.push({ label: "Open homepage", value: "homepage" });
+  }
+  actions.push({ label: "Back to plugin list", value: "back" });
+  const formatSource = (source) => {
+    if (typeof source === "string") {
+      return `Relative: ${source}`;
+    }
+    if (source.source === "github") {
+      return `GitHub: ${source.repo}${source.ref ? `@${source.ref}` : ""}`;
+    }
+    if (source.source === "url") {
+      return `URL: ${source.url}`;
+    }
+    if (source.source === "local") {
+      return `Local: ${source.path}`;
+    }
+    return "Unknown";
+  };
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.secondaryBorder,
+      paddingX: 2,
+      paddingY: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.primary }, "Plugin Details"),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column", gap: 0 }, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.success }, pluginData.name), pluginData.version && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " v", pluginData.version), pluginData.category && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " [", pluginData.category, "]")), pluginData.description && /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, null, pluginData.description)), pluginData.author && /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "By: ", formatAuthor(pluginData.author))), pluginData.license && /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "License: ", pluginData.license)), pluginData.homepage && /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Homepage: ", pluginData.homepage)), pluginData.repository && /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Repository: ", pluginData.repository)), /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Source: ", formatSource(pluginData.source))), pluginData.keywords && pluginData.keywords.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Keywords: ", pluginData.keywords.join(", "))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Will install:"), pluginData.agents && pluginData.agents.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, "\u2022 Agents: ", pluginData.agents.join(", "))), pluginData.commands && pluginData.commands.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, "\u2022 Commands: ", pluginData.commands.join(", "))), pluginData.skills && pluginData.skills.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, "\u2022 Skills: ", pluginData.skills.join(", "))), pluginData.hooks && pluginData.hooks.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, "\u2022 Hooks: ", pluginData.hooks.join(", "))), pluginData.mcpServers && pluginData.mcpServers.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, "\u2022 MCP Servers: ", pluginData.mcpServers.join(", "))), !pluginData.agents?.length && !pluginData.commands?.length && !pluginData.skills?.length && !pluginData.hooks?.length && !pluginData.mcpServers?.length && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Components will be auto-discovered from plugin directory")))),
+    installing && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, "Installing ", pluginData.name, "...")),
+    installSuccess && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "\u2713 Successfully installed ", pluginData.name)),
+    installError && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "\u2717 Installation failed"), /* @__PURE__ */ React.createElement(Text, { color: theme.error }, installError)),
+    !installing && !installSuccess && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        options: actions,
+        onChange: handleAction,
+        visibleOptionCount: Math.min(actions.length, 5)
+      }
+    )),
+    !installing && !installSuccess && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2191\u2193: Navigate \xB7 Enter: Select \xB7 Esc: Back"))
+  );
+};
+export {
+  PluginDetailsInstall
+};
+//# sourceMappingURL=PluginDetailsInstall.js.map

package/dist/commands/plugin/PluginDetailsInstall.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/commands/plugin/PluginDetailsInstall.tsx"],
+  "sourcesContent": ["/**\n * Plugin Details & Install Component\n *\n * Shows complete plugin information and installation actions\n */\n\nimport React, { useState, useEffect } from 'react'\nimport { Box, Text } from 'ink'\nimport { Select } from '@components/CustomSelect/select'\nimport { Option } from '@inkjs/ui'\nimport { getTheme } from '@utils/theme'\nimport { getMarketplace, installPluginFromMarketplace } from '@utils/marketplaceManager'\nimport { MarketplacePlugin } from '../../types/marketplace'\nimport { NavigationProps } from './types'\nimport { formatAuthor } from './utils'\nimport { spawn } from 'child_process'\n\ninterface PluginDetailsInstallProps extends NavigationProps {\n  marketplace: string\n  plugin: string\n}\n\nexport const PluginDetailsInstall: React.FC<PluginDetailsInstallProps> = ({\n  marketplace,\n  plugin,\n  onNavigate,\n  onBack,\n  onDone,\n}) => {\n  const theme = getTheme()\n  const [pluginData, setPluginData] = useState<MarketplacePlugin | null>(null)\n  const [installing, setInstalling] = useState(false)\n  const [installError, setInstallError] = useState<string | null>(null)\n  const [installSuccess, setInstallSuccess] = useState(false)\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    loadPluginDetails()\n  }, [marketplace, plugin])\n\n  const loadPluginDetails = () => {\n    try {\n      setLoading(true)\n\n      const marketplaceData = getMarketplace(marketplace)\n      if (!marketplaceData) {\n        setPluginData(null)\n        setLoading(false)\n        return\n      }\n\n      const pluginInfo = marketplaceData.manifest.plugins.find((p) => p.name === plugin)\n      setPluginData(pluginInfo || null)\n    } catch (err) {\n      console.error('Error loading plugin details:', err)\n      setPluginData(null)\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const handleInstall = async () => {\n    if (!pluginData) return\n\n    setInstalling(true)\n    setInstallError(null)\n    setInstallSuccess(false)\n\n    try {\n      // Install the plugin\n      const installPath = await installPluginFromMarketplace(plugin, marketplace)\n\n      setInstallSuccess(true)\n      setInstalling(false)\n\n      // Auto-navigate back after short delay to show success message\n      setTimeout(() => {\n        onBack()\n      }, 1500)\n    } catch (error) {\n      setInstalling(false)\n      setInstallError(error instanceof Error ? error.message : String(error))\n    }\n  }\n\n  const handleOpenHomepage = () => {\n    if (!pluginData?.homepage) return\n\n    // Open URL in default browser\n    const url = pluginData.homepage\n    const command = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start' : 'xdg-open'\n\n    spawn(command, [url], { detached: true, stdio: 'ignore' }).unref()\n  }\n\n  const handleAction = (value: string) => {\n    if (value === 'install') {\n      handleInstall()\n    } else if (value === 'homepage') {\n      handleOpenHomepage()\n    } else if (value === 'back') {\n      onBack()\n    }\n  }\n\n  if (loading) {\n    return (\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={theme.secondaryBorder}\n        paddingX={2}\n        paddingY={1}\n      >\n        <Text color={theme.primary}>Loading plugin details...</Text>\n      </Box>\n    )\n  }\n\n  if (!pluginData) {\n    return (\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={theme.error}\n        paddingX={2}\n        paddingY={1}\n      >\n        <Text color={theme.error}>Plugin not found</Text>\n        <Text dimColor>\n          Plugin \"{plugin}\" not found in marketplace \"{marketplace}\"\n        </Text>\n        <Box marginTop={1}>\n          <Text dimColor>Press Esc to go back</Text>\n        </Box>\n      </Box>\n    )\n  }\n\n  // Build action menu\n  const actions: Option[] = [\n    { label: 'Install now', value: 'install' },\n  ]\n\n  if (pluginData.homepage) {\n    actions.push({ label: 'Open homepage', value: 'homepage' })\n  }\n\n  actions.push({ label: 'Back to plugin list', value: 'back' })\n\n  // Helper to format source\n  const formatSource = (source: any): string => {\n    if (typeof source === 'string') {\n      return `Relative: ${source}`\n    }\n    if (source.source === 'github') {\n      return `GitHub: ${source.repo}${source.ref ? `@${source.ref}` : ''}`\n    }\n    if (source.source === 'url') {\n      return `URL: ${source.url}`\n    }\n    if (source.source === 'local') {\n      return `Local: ${source.path}`\n    }\n    return 'Unknown'\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={theme.secondaryBorder}\n      paddingX={2}\n      paddingY={1}\n    >\n      <Text bold color={theme.primary}>\n        Plugin Details\n      </Text>\n\n      <Box marginTop={1} flexDirection=\"column\" gap={0}>\n        {/* Plugin name and version */}\n        <Text>\n          <Text bold color={theme.success}>\n            {pluginData.name}\n          </Text>\n          {pluginData.version && <Text dimColor> v{pluginData.version}</Text>}\n          {pluginData.category && <Text dimColor> [{pluginData.category}]</Text>}\n        </Text>\n\n        {/* Description */}\n        {pluginData.description && (\n          <Box marginTop={0}>\n            <Text>{pluginData.description}</Text>\n          </Box>\n        )}\n\n        {/* Author */}\n        {pluginData.author && (\n          <Box marginTop={0}>\n            <Text dimColor>By: {formatAuthor(pluginData.author)}</Text>\n          </Box>\n        )}\n\n        {/* License */}\n        {pluginData.license && (\n          <Box marginTop={0}>\n            <Text dimColor>License: {pluginData.license}</Text>\n          </Box>\n        )}\n\n        {/* Homepage */}\n        {pluginData.homepage && (\n          <Box marginTop={0}>\n            <Text dimColor>Homepage: {pluginData.homepage}</Text>\n          </Box>\n        )}\n\n        {/* Repository */}\n        {pluginData.repository && (\n          <Box marginTop={0}>\n            <Text dimColor>Repository: {pluginData.repository}</Text>\n          </Box>\n        )}\n\n        {/* Source */}\n        <Box marginTop={0}>\n          <Text dimColor>Source: {formatSource(pluginData.source)}</Text>\n        </Box>\n\n        {/* Keywords/Tags */}\n        {pluginData.keywords && pluginData.keywords.length > 0 && (\n          <Box marginTop={0}>\n            <Text dimColor>Keywords: {pluginData.keywords.join(', ')}</Text>\n          </Box>\n        )}\n\n        {/* Components */}\n        <Box marginTop={1} flexDirection=\"column\">\n          <Text bold>Will install:</Text>\n          {pluginData.agents && pluginData.agents.length > 0 && (\n            <Box marginLeft={2}>\n              <Text>\u2022 Agents: {pluginData.agents.join(', ')}</Text>\n            </Box>\n          )}\n          {pluginData.commands && pluginData.commands.length > 0 && (\n            <Box marginLeft={2}>\n              <Text>\u2022 Commands: {pluginData.commands.join(', ')}</Text>\n            </Box>\n          )}\n          {pluginData.skills && pluginData.skills.length > 0 && (\n            <Box marginLeft={2}>\n              <Text>\u2022 Skills: {pluginData.skills.join(', ')}</Text>\n            </Box>\n          )}\n          {pluginData.hooks && pluginData.hooks.length > 0 && (\n            <Box marginLeft={2}>\n              <Text>\u2022 Hooks: {pluginData.hooks.join(', ')}</Text>\n            </Box>\n          )}\n          {pluginData.mcpServers && pluginData.mcpServers.length > 0 && (\n            <Box marginLeft={2}>\n              <Text>\u2022 MCP Servers: {pluginData.mcpServers.join(', ')}</Text>\n            </Box>\n          )}\n          {!pluginData.agents?.length &&\n            !pluginData.commands?.length &&\n            !pluginData.skills?.length &&\n            !pluginData.hooks?.length &&\n            !pluginData.mcpServers?.length && (\n              <Box marginLeft={2}>\n                <Text dimColor>Components will be auto-discovered from plugin directory</Text>\n              </Box>\n            )}\n        </Box>\n      </Box>\n\n      {/* Installation status */}\n      {installing && (\n        <Box marginTop={1}>\n          <Text color={theme.primary}>Installing {pluginData.name}...</Text>\n        </Box>\n      )}\n\n      {installSuccess && (\n        <Box marginTop={1}>\n          <Text color={theme.success}>\u2713 Successfully installed {pluginData.name}</Text>\n        </Box>\n      )}\n\n      {installError && (\n        <Box marginTop={1} flexDirection=\"column\">\n          <Text color={theme.error}>\u2717 Installation failed</Text>\n          <Text color={theme.error}>{installError}</Text>\n        </Box>\n      )}\n\n      {/* Action menu */}\n      {!installing && !installSuccess && (\n        <Box marginTop={1}>\n          <Select\n            options={actions}\n            onChange={handleAction}\n            visibleOptionCount={Math.min(actions.length, 5)}\n          />\n        </Box>\n      )}\n\n      {/* Help text */}\n      {!installing && !installSuccess && (\n        <Box marginTop={1}>\n          <Text dimColor>\u2191\u2193: Navigate \u00B7 Enter: Select \u00B7 Esc: Back</Text>\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/commands/plugin/PluginDetailsManage.js

@@ -0,0 +1,200 @@
+import React, { useState, useEffect, useCallback } from "react";
+import { Box, Text, useInput } from "ink";
+import { getPlugin, togglePluginEnabled } from "../../utils/pluginLoader.js";
+import { updateMarketplace, installPluginFromMarketplace } from "../../utils/marketplaceManager.js";
+import { getTheme } from "../../utils/theme.js";
+import { formatAuthor } from "./utils.js";
+import { rmSync } from "fs";
+const PluginDetailsManage = ({
+  plugin,
+  onNavigate,
+  onBack
+}) => {
+  const [pluginData, setPluginData] = useState(plugin);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [showConfirm, setShowConfirm] = useState(false);
+  const [confirmAction, setConfirmAction] = useState(null);
+  const [actionInProgress, setActionInProgress] = useState(false);
+  const [actionMessage, setActionMessage] = useState("");
+  const theme = getTheme();
+  const marketplace = pluginData.source.type === "marketplace" ? pluginData.source.marketplace : null;
+  const loadPluginData = useCallback(() => {
+    const p = getPlugin(plugin.manifest.name);
+    if (p) {
+      setPluginData(p);
+    }
+  }, [plugin]);
+  useEffect(() => {
+    loadPluginData();
+  }, [loadPluginData]);
+  const actions = [
+    {
+      label: pluginData.enabled ? "Disable plugin" : "Enable plugin",
+      value: "toggle"
+    },
+    {
+      label: "Mark for update",
+      value: "mark-update",
+      disabled: !marketplace
+    },
+    {
+      label: "Mark for uninstallation",
+      value: "mark-uninstall"
+    },
+    {
+      label: "Update now",
+      value: "update-now",
+      disabled: !marketplace
+    },
+    {
+      label: "Uninstall now",
+      value: "uninstall-now"
+    },
+    {
+      label: "Open homepage",
+      value: "homepage",
+      disabled: !pluginData.manifest.homepage
+    },
+    {
+      label: "Back to plugin list",
+      value: "back"
+    }
+  ];
+  const availableActions = actions.filter((a) => !a.disabled);
+  const handleAction = useCallback(
+    async (action) => {
+      if (!pluginData) return;
+      switch (action) {
+        case "toggle":
+          try {
+            togglePluginEnabled(pluginData.manifest.name);
+            loadPluginData();
+          } catch (error) {
+            setActionMessage(
+              `Error toggling plugin: ${error instanceof Error ? error.message : String(error)}`
+            );
+          }
+          break;
+        case "mark-update":
+          setActionMessage(`Plugin marked for update`);
+          setTimeout(() => setActionMessage(""), 3e3);
+          break;
+        case "mark-uninstall":
+          setActionMessage(`Plugin marked for uninstallation`);
+          setTimeout(() => setActionMessage(""), 3e3);
+          break;
+        case "update-now":
+          if (marketplace) {
+            setConfirmAction("update-now");
+            setShowConfirm(true);
+          }
+          break;
+        case "uninstall-now":
+          setConfirmAction("uninstall-now");
+          setShowConfirm(true);
+          break;
+        case "homepage":
+          if (pluginData.manifest.homepage) {
+            setActionMessage(`Opening ${pluginData.manifest.homepage}`);
+            setTimeout(() => setActionMessage(""), 3e3);
+          }
+          break;
+        case "back":
+          onBack();
+          break;
+      }
+    },
+    [pluginData, marketplace, loadPluginData, onBack]
+  );
+  const handleConfirmAction = useCallback(async () => {
+    if (!pluginData || !confirmAction) return;
+    setShowConfirm(false);
+    setActionInProgress(true);
+    try {
+      if (confirmAction === "update-now") {
+        setActionMessage("Updating plugin...");
+        if (marketplace) {
+          await updateMarketplace(marketplace);
+          rmSync(pluginData.location, { recursive: true, force: true });
+          await installPluginFromMarketplace(pluginData.manifest.name, marketplace);
+          setActionMessage("Plugin updated successfully!");
+          setTimeout(() => {
+            setActionMessage("");
+            onBack();
+          }, 2e3);
+        }
+      } else if (confirmAction === "uninstall-now") {
+        setActionMessage("Uninstalling plugin...");
+        rmSync(pluginData.location, { recursive: true, force: true });
+        setActionMessage("Plugin uninstalled successfully!");
+        setTimeout(() => {
+          setActionMessage("");
+          onBack();
+        }, 2e3);
+      }
+    } catch (error) {
+      setActionMessage(
+        `Action failed: ${error instanceof Error ? error.message : String(error)}`
+      );
+      setTimeout(() => setActionMessage(""), 5e3);
+    } finally {
+      setActionInProgress(false);
+      setConfirmAction(null);
+    }
+  }, [pluginData, confirmAction, marketplace, onBack]);
+  useInput((input, key) => {
+    if (actionInProgress) return;
+    if (showConfirm) {
+      if (key.return || input === "y") {
+        handleConfirmAction();
+      } else if (key.escape || input === "n") {
+        setShowConfirm(false);
+        setConfirmAction(null);
+      }
+      return;
+    }
+    if (key.escape) {
+      onBack();
+    } else if (key.upArrow) {
+      setSelectedIndex((prev) => Math.max(0, prev - 1));
+    } else if (key.downArrow) {
+      setSelectedIndex((prev) => Math.min(availableActions.length - 1, prev + 1));
+    } else if (key.return) {
+      handleAction(availableActions[selectedIndex].value);
+    }
+  });
+  if (showConfirm && confirmAction) {
+    const confirmMessages = {
+      "update-now": {
+        title: "Confirm Update",
+        message: `Update plugin "${pluginData.manifest.name}" to the latest version?`,
+        warning: "This will uninstall the current version and install the latest."
+      },
+      "uninstall-now": {
+        title: "Confirm Uninstall",
+        message: `Permanently uninstall plugin "${pluginData.manifest.name}"?`,
+        warning: "This action cannot be undone. All plugin files will be removed."
+      }
+    };
+    const confirm = confirmMessages[confirmAction];
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.warning }, confirm.title), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, null, confirm.message), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, confirm.warning), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Y"), "es / ", /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "N"), "o"));
+  }
+  if (actionInProgress) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.primary }, actionMessage));
+  }
+  const componentCounts = [
+    pluginData.agents.length > 0 && `${pluginData.agents.length} agent(s)`,
+    pluginData.commands.length > 0 && `${pluginData.commands.length} command(s)`,
+    pluginData.skills.length > 0 && `${pluginData.skills.length} skill(s)`,
+    pluginData.hooks.length > 0 && `${pluginData.hooks.length} hook(s)`,
+    pluginData.mcpServers.length > 0 && `${pluginData.mcpServers.length} MCP server(s)`
+  ].filter(Boolean);
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.primary }, pluginData.manifest.displayName || pluginData.manifest.name), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, marketplace ? `@${marketplace}` : "local", " \xB7 v", pluginData.manifest.version), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, null, pluginData.manifest.description), pluginData.manifest.author && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "By ", formatAuthor(pluginData.manifest.author)), /* @__PURE__ */ React.createElement(Text, null, "Status:", " ", /* @__PURE__ */ React.createElement(Text, { color: pluginData.enabled ? theme.success : theme.warning }, pluginData.enabled ? "Enabled" : "Disabled")), componentCounts.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Components:"), pluginData.agents.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2022 Agents: ", pluginData.agents.map((a) => a.name).join(", "))), pluginData.commands.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2022 Commands: ", pluginData.commands.map((c) => `/${c.name}`).join(", "))), pluginData.skills.length > 0 && /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2022 Skills: ", pluginData.skills.map((s) => s.name).join(", "))))), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.primary }, "Actions:"), availableActions.map((action, index) => {
+    const isSelected = index === selectedIndex;
+    return /* @__PURE__ */ React.createElement(Box, { key: action.value, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: isSelected ? theme.success : void 0 }, isSelected ? "\u276F " : "  ", action.label));
+  }), actionMessage && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.warning }, actionMessage))), /* @__PURE__ */ React.createElement(Text, null, ""), /* @__PURE__ */ React.createElement(Box, { marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2191\u2193 Navigate \xB7 Enter Select \xB7 Esc Back")));
+};
+export {
+  PluginDetailsManage
+};
+//# sourceMappingURL=PluginDetailsManage.js.map