@robota-sdk/agent-cli 3.0.0-beta.33 → 3.0.0-beta.35

package/dist/node/index.cjs

@@ -40,7 +40,7 @@ module.exports = __toCommonJS(index_exports);
 var import_agent_sdk7 = require("@robota-sdk/agent-sdk");
 
 // src/cli.ts
-var import_node_fs3 = require("fs");
+var import_node_fs4 = require("fs");
 var import_node_path5 = require("path");
 var import_node_url = require("url");
 var import_agent_sdk5 = require("@robota-sdk/agent-sdk");
@@ -179,11 +179,11 @@ var PrintTerminal = class {
 };
 
 // src/ui/render.tsx
-var import_ink12 = require("ink");
+var import_ink14 = require("ink");
 
 // src/ui/App.tsx
-var import_react13 = require("react");
-var import_ink11 = require("ink");
+var import_react16 = require("react");
+var import_ink13 = require("ink");
 var import_agent_core3 = require("@robota-sdk/agent-core");
 
 // src/ui/hooks/useSession.ts
@@ -191,25 +191,69 @@ var import_react = require("react");
 var import_agent_sdk = require("@robota-sdk/agent-sdk");
 
 // src/utils/edit-diff.ts
-function generateDiffLines(oldStr, newStr) {
+var import_node_fs2 = require("fs");
+var CONTEXT_LINES = 2;
+function generateDiffLines(oldStr, newStr, startLine = 1) {
   if (oldStr === newStr) return [];
   const lines = [];
-  for (const line of oldStr.split("\n")) {
-    lines.push({ type: "remove", text: line });
+  const oldLines = oldStr.split("\n");
+  const newLines = newStr.split("\n");
+  for (let i = 0; i < oldLines.length; i++) {
+    lines.push({ type: "remove", text: oldLines[i], lineNumber: startLine + i });
   }
-  for (const line of newStr.split("\n")) {
-    lines.push({ type: "add", text: line });
+  for (let i = 0; i < newLines.length; i++) {
+    lines.push({ type: "add", text: newLines[i], lineNumber: startLine + i });
   }
   return lines;
 }
-function extractEditDiff(toolName, toolArgs) {
+function generateDiffLinesWithContext(oldStr, newStr, startLine, filePath) {
+  if (oldStr === newStr) return [];
+  const diffLines = generateDiffLines(oldStr, newStr, startLine);
+  let fileLines;
+  try {
+    fileLines = (0, import_node_fs2.readFileSync)(filePath, "utf-8").split("\n");
+  } catch {
+    return diffLines;
+  }
+  const result = [];
+  const contextStart = Math.max(0, startLine - 1 - CONTEXT_LINES);
+  for (let i = contextStart; i < startLine - 1; i++) {
+    if (i < fileLines.length) {
+      result.push({ type: "context", text: fileLines[i], lineNumber: i + 1 });
+    }
+  }
+  result.push(...diffLines);
+  const newLineCount = newStr.split("\n").length;
+  const afterStart = startLine - 1 + newLineCount;
+  for (let i = afterStart; i < afterStart + CONTEXT_LINES; i++) {
+    if (i < fileLines.length) {
+      result.push({ type: "context", text: fileLines[i], lineNumber: i + 1 });
+    }
+  }
+  return result;
+}
+function extractEditDiff(toolName, toolArgs, startLine) {
   if (toolName !== "Edit" || !toolArgs) return null;
   const filePath = toolArgs.file_path ?? toolArgs.filePath;
   const oldStr = toolArgs.old_string ?? toolArgs.oldString;
   const newStr = toolArgs.new_string ?? toolArgs.newString;
   if (typeof filePath !== "string") return null;
   if (typeof oldStr !== "string" || typeof newStr !== "string") return null;
-  const lines = generateDiffLines(oldStr, newStr);
+  let sl = startLine ?? 0;
+  if (!sl) {
+    try {
+      const fileContent = (0, import_node_fs2.readFileSync)(filePath, "utf-8");
+      const idx = fileContent.indexOf(newStr);
+      if (idx >= 0) {
+        sl = fileContent.substring(0, idx).split("\n").length;
+      } else {
+        sl = 1;
+      }
+    } catch {
+      sl = 1;
+    }
+  }
+  const lines = generateDiffLinesWithContext(oldStr, newStr, sl, filePath);
   if (lines.length === 0) return null;
   return { file: filePath, lines };
 }
@@ -287,9 +331,20 @@ function useSession(props) {
         setActiveTools((prev) => {
           const updated = prev.map((t) => {
             if (!(t.toolName === event.toolName && t.isRunning)) return t;
+            let startLine;
+            if (event.toolResultData && event.toolName === "Edit") {
+              try {
+                const parsed = JSON.parse(event.toolResultData);
+                if (typeof parsed.startLine === "number") {
+                  startLine = parsed.startLine;
+                }
+              } catch {
+              }
+            }
             const editDiff = extractEditDiff(
               event.toolName,
-              t._toolArgs
+              t._toolArgs,
+              startLine
             );
             const finished = {
               ...t,
@@ -481,18 +536,9 @@ async function handlePluginCommand(args, addMessage, callbacks) {
   try {
     switch (subcommand) {
       case "":
-      case void 0: {
-        const plugins = await callbacks.listInstalled();
-        if (plugins.length === 0) {
-          addMessage({ role: "system", content: "No plugins installed." });
-        } else {
-          const lines = plugins.map(
-            (p) => `  ${p.name} \u2014 ${p.description} [${p.enabled ? "enabled" : "disabled"}]`
-          );
-          addMessage({ role: "system", content: `Installed plugins:
-${lines.join("\n")}` });
-        }
-        return { handled: true };
+      case void 0:
+      case "manage": {
+        return { handled: true, triggerPluginTUI: true };
       }
       case "install": {
         if (!subArgs) {
@@ -639,7 +685,7 @@ async function executeSlashCommand(cmd, args, session, addMessage, clearMessages
 
 // src/ui/hooks/useSlashCommands.ts
 var EXIT_DELAY_MS = 500;
-function useSlashCommands(session, addMessage, setMessages, exit, registry, pendingModelChangeRef, setPendingModelId, pluginCallbacks) {
+function useSlashCommands(session, addMessage, setMessages, exit, registry, pendingModelChangeRef, setPendingModelId, pluginCallbacks, setShowPluginTUI) {
   return (0, import_react3.useCallback)(
     async (input) => {
       const parts = input.slice(1).split(/\s+/);
@@ -659,6 +705,9 @@ function useSlashCommands(session, addMessage, setMessages, exit, registry, pend
         pendingModelChangeRef.current = result.pendingModelId;
         setPendingModelId(result.pendingModelId);
       }
+      if (result.triggerPluginTUI) {
+        setShowPluginTUI?.(true);
+      }
       if (result.exitRequested) {
         setTimeout(() => exit(), EXIT_DELAY_MS);
       }
@@ -672,7 +721,8 @@ function useSlashCommands(session, addMessage, setMessages, exit, registry, pend
       registry,
       pendingModelChangeRef,
       setPendingModelId,
-      pluginCallbacks
+      pluginCallbacks,
+      setShowPluginTUI
     ]
   );
 }
@@ -1056,22 +1106,7 @@ function createBuiltinCommands() {
     { name: "cost", description: "Show session info", source: "builtin" },
     { name: "context", description: "Context window info", source: "builtin" },
     { name: "permissions", description: "Permission rules", source: "builtin" },
-    {
-      name: "plugin",
-      description: "Manage plugins",
-      source: "builtin",
-      subcommands: [
-        { name: "install", description: "Install a plugin (name@marketplace)", source: "builtin" },
-        {
-          name: "uninstall",
-          description: "Uninstall a plugin (name@marketplace)",
-          source: "builtin"
-        },
-        { name: "enable", description: "Enable a plugin (name@marketplace)", source: "builtin" },
-        { name: "disable", description: "Disable a plugin (name@marketplace)", source: "builtin" },
-        { name: "marketplace", description: "Manage marketplace sources", source: "builtin" }
-      ]
-    },
+    { name: "plugin", description: "Manage plugins", source: "builtin" },
     { name: "reload-plugins", description: "Reload all plugin resources", source: "builtin" },
     { name: "reset", description: "Delete settings and exit", source: "builtin" },
     { name: "exit", description: "Exit CLI", source: "builtin" }
@@ -1089,7 +1124,7 @@ var BuiltinCommandSource = class {
 };
 
 // src/commands/skill-source.ts
-var import_node_fs2 = require("fs");
+var import_node_fs3 = require("fs");
 var import_node_path2 = require("path");
 var import_node_os = require("os");
 var BOOLEAN_KEYS = /* @__PURE__ */ new Set(["disable-model-invocation", "user-invocable"]);
@@ -1138,27 +1173,27 @@ function buildCommand(frontmatter, content, fallbackName) {
   return cmd;
 }
 function scanSkillsDir(skillsDir) {
-  if (!(0, import_node_fs2.existsSync)(skillsDir)) return [];
+  if (!(0, import_node_fs3.existsSync)(skillsDir)) return [];
   const commands = [];
-  const entries = (0, import_node_fs2.readdirSync)(skillsDir, { withFileTypes: true });
+  const entries = (0, import_node_fs3.readdirSync)(skillsDir, { withFileTypes: true });
   for (const entry of entries) {
     if (!entry.isDirectory()) continue;
     const skillFile = (0, import_node_path2.join)(skillsDir, entry.name, "SKILL.md");
-    if (!(0, import_node_fs2.existsSync)(skillFile)) continue;
-    const content = (0, import_node_fs2.readFileSync)(skillFile, "utf-8");
+    if (!(0, import_node_fs3.existsSync)(skillFile)) continue;
+    const content = (0, import_node_fs3.readFileSync)(skillFile, "utf-8");
     const frontmatter = parseFrontmatter(content);
     commands.push(buildCommand(frontmatter, content, entry.name));
   }
   return commands;
 }
 function scanCommandsDir(commandsDir) {
-  if (!(0, import_node_fs2.existsSync)(commandsDir)) return [];
+  if (!(0, import_node_fs3.existsSync)(commandsDir)) return [];
   const commands = [];
-  const entries = (0, import_node_fs2.readdirSync)(commandsDir, { withFileTypes: true });
+  const entries = (0, import_node_fs3.readdirSync)(commandsDir, { withFileTypes: true });
   for (const entry of entries) {
     if (!entry.isFile() || !entry.name.endsWith(".md")) continue;
     const filePath = (0, import_node_path2.join)(commandsDir, entry.name);
-    const content = (0, import_node_fs2.readFileSync)(filePath, "utf-8");
+    const content = (0, import_node_fs3.readFileSync)(filePath, "utf-8");
     const frontmatter = parseFrontmatter(content);
     const fallbackName = (0, import_node_path2.basename)(entry.name, ".md");
     commands.push(buildCommand(frontmatter, content, fallbackName));
@@ -1338,18 +1373,50 @@ function usePluginCallbacks(cwd) {
     return {
       listInstalled: async () => {
         const plugins = await loader.loadAll();
-        return plugins.map((p) => ({
-          name: p.manifest.name,
-          description: p.manifest.description,
-          enabled: true
+        const enabledMap = settingsStore.getEnabledPlugins();
+        return plugins.map((p) => {
+          const parts = p.pluginDir.split("/");
+          const cacheIdx = parts.indexOf("cache");
+          const marketplaceName = cacheIdx >= 0 ? parts[cacheIdx + 1] : "";
+          const fullId = marketplaceName ? `${p.manifest.name}@${marketplaceName}` : p.manifest.name;
+          return {
+            name: fullId,
+            description: p.manifest.description,
+            enabled: enabledMap[fullId] !== false && enabledMap[p.manifest.name] !== false
+          };
+        });
+      },
+      listAvailablePlugins: async (marketplaceName) => {
+        let manifest;
+        try {
+          manifest = marketplace.fetchManifest(marketplaceName);
+        } catch {
+          return [];
+        }
+        const installed = installer.getInstalledPlugins();
+        const installedNames = new Set(Object.values(installed).map((r) => r.pluginName));
+        return manifest.plugins.map((p) => ({
+          name: p.name,
+          description: p.description,
+          installed: installedNames.has(p.name)
         }));
       },
-      install: async (pluginId) => {
+      install: async (pluginId, scope) => {
         const [name, marketplaceName] = pluginId.split("@");
         if (!name || !marketplaceName) {
           throw new Error("Plugin ID must be in format: name@marketplace");
         }
-        await installer.install(name, marketplaceName);
+        if (scope === "project") {
+          const projectPluginsDir = (0, import_node_path4.join)(cwd, ".robota", "plugins");
+          const projectInstaller = new import_agent_sdk4.BundlePluginInstaller({
+            pluginsDir: projectPluginsDir,
+            settingsStore,
+            marketplaceClient: marketplace
+          });
+          await projectInstaller.install(name, marketplaceName);
+        } else {
+          await installer.install(name, marketplaceName);
+        }
       },
       uninstall: async (pluginId) => {
         await installer.uninstall(pluginId);
@@ -1407,23 +1474,41 @@ function renderMarkdown(md) {
 // src/ui/DiffBlock.tsx
 var import_ink = require("ink");
 var import_jsx_runtime = require("react/jsx-runtime");
-var MAX_DIFF_LINES = 10;
-var TRUNCATED_SHOW = 8;
+var MAX_DIFF_LINES = 12;
+var TRUNCATED_SHOW = 10;
 function DiffBlock({ file, lines }) {
   const truncated = lines.length > MAX_DIFF_LINES;
   const visible = truncated ? lines.slice(0, TRUNCATED_SHOW) : lines;
   const remaining = lines.length - TRUNCATED_SHOW;
+  const maxLineNum = Math.max(...visible.map((l) => l.lineNumber), 0);
+  const numWidth = String(maxLineNum).length;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginLeft: 4, children: [
     file && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "white", dimColor: true, children: [
       "\u2502 ",
       file
     ] }),
-    visible.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: line.type === "remove" ? "red" : "greenBright", children: [
-      "\u2502 ",
-      line.type === "remove" ? "-" : "+",
-      " ",
-      line.text
-    ] }, i)),
+    visible.map((line, i) => {
+      const lineNum = String(line.lineNumber).padStart(numWidth, " ");
+      if (line.type === "context") {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "white", dimColor: true, children: [
+          "\u2502 ",
+          lineNum,
+          " ",
+          line.text
+        ] }, i);
+      }
+      const prefix = line.type === "remove" ? "-" : "+";
+      const bgColor = line.type === "remove" ? "#5c1a1a" : "#1a3d1a";
+      const fgColor = line.type === "remove" ? "#ff9999" : "#99ff99";
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: fgColor, backgroundColor: bgColor, children: [
+        "\u2502 ",
+        lineNum,
+        " ",
+        prefix,
+        " ",
+        line.text
+      ] }, i);
+    }),
     truncated && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "white", dimColor: true, children: [
       "\u2502 ... and ",
       remaining,
@@ -2076,8 +2161,459 @@ function StreamingIndicator({ text, activeTools }) {
   ] });
 }
 
-// src/ui/App.tsx
+// src/ui/PluginTUI.tsx
+var import_react15 = require("react");
+
+// src/ui/MenuSelect.tsx
+var import_react13 = require("react");
+var import_ink11 = require("ink");
 var import_jsx_runtime11 = require("react/jsx-runtime");
+function MenuSelect({
+  title,
+  items,
+  onSelect,
+  onBack,
+  loading,
+  error
+}) {
+  const [selected, setSelected] = (0, import_react13.useState)(0);
+  const selectedRef = (0, import_react13.useRef)(0);
+  const resolvedRef = (0, import_react13.useRef)(false);
+  const doSelect = (0, import_react13.useCallback)(
+    (index) => {
+      if (resolvedRef.current || items.length === 0) return;
+      resolvedRef.current = true;
+      onSelect(items[index].value);
+    },
+    [items, onSelect]
+  );
+  (0, import_ink11.useInput)((input, key) => {
+    if (resolvedRef.current) return;
+    if (key.escape) {
+      resolvedRef.current = true;
+      onBack();
+      return;
+    }
+    if (loading || error || items.length === 0) return;
+    if (key.upArrow) {
+      const next = selectedRef.current > 0 ? selectedRef.current - 1 : selectedRef.current;
+      selectedRef.current = next;
+      setSelected(next);
+    } else if (key.downArrow) {
+      const next = selectedRef.current < items.length - 1 ? selectedRef.current + 1 : selectedRef.current;
+      selectedRef.current = next;
+      setSelected(next);
+    } else if (key.return) {
+      doSelect(selectedRef.current);
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { color: "yellow", bold: true, children: title }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { dimColor: true, children: "Loading..." }) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { color: "red", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { dimColor: true, children: "Press Esc to go back" })
+    ] }),
+    !loading && !error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Box, { flexDirection: "column", marginTop: 1, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Text, { color: i === selected ? "cyan" : void 0, bold: i === selected, children: [
+        i === selected ? "> " : "  ",
+        item.label
+      ] }),
+      item.hint && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Text, { dimColor: true, children: [
+        " ",
+        item.hint
+      ] })
+    ] }, item.value)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { dimColor: true, children: loading || error ? "" : " \u2191\u2193 Navigate  Enter Select  Esc Back" })
+  ] });
+}
+
+// src/ui/TextPrompt.tsx
+var import_react14 = require("react");
+var import_ink12 = require("ink");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function TextPrompt({
+  title,
+  placeholder,
+  onSubmit,
+  onCancel,
+  validate
+}) {
+  const [value, setValue] = (0, import_react14.useState)("");
+  const [error, setError] = (0, import_react14.useState)();
+  const resolvedRef = (0, import_react14.useRef)(false);
+  const valueRef = (0, import_react14.useRef)("");
+  const handleSubmit = (0, import_react14.useCallback)(() => {
+    if (resolvedRef.current) return;
+    const trimmed = valueRef.current.trim();
+    if (!trimmed) return;
+    if (validate) {
+      const err = validate(trimmed);
+      if (err) {
+        setError(err);
+        return;
+      }
+    }
+    resolvedRef.current = true;
+    onSubmit(trimmed);
+  }, [validate, onSubmit]);
+  (0, import_ink12.useInput)((input, key) => {
+    if (resolvedRef.current) return;
+    if (key.escape) {
+      resolvedRef.current = true;
+      onCancel();
+      return;
+    }
+    if (key.return) {
+      handleSubmit();
+      return;
+    }
+    if (key.backspace || key.delete) {
+      valueRef.current = valueRef.current.slice(0, -1);
+      setValue(valueRef.current);
+      setError(void 0);
+      return;
+    }
+    if (input && !key.ctrl && !key.meta) {
+      valueRef.current = valueRef.current + input;
+      setValue(valueRef.current);
+      setError(void 0);
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_ink12.Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ink12.Text, { color: "yellow", bold: true, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_ink12.Box, { marginTop: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ink12.Text, { color: "cyan", children: "> " }),
+      value ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ink12.Text, { children: value }) : placeholder ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ink12.Text, { dimColor: true, children: placeholder }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ink12.Text, { color: "cyan", children: "\u2588" })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ink12.Text, { color: "red", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ink12.Text, { dimColor: true, children: " Enter Submit Esc Cancel" })
+  ] });
+}
+
+// src/ui/plugin-tui-handlers.ts
+function handleMainSelect(value, nav) {
+  if (value === "marketplace") {
+    nav.push({ screen: "marketplace-list" });
+  } else if (value === "installed") {
+    nav.push({ screen: "installed-list" });
+  }
+}
+function handleMarketplaceListSelect(value, nav) {
+  if (value === "__add__") {
+    nav.push({ screen: "marketplace-add" });
+  } else {
+    nav.push({ screen: "marketplace-action", context: { marketplace: value } });
+  }
+}
+function handleMarketplaceActionSelect(value, marketplace, callbacks, nav) {
+  if (value === "browse") {
+    nav.push({ screen: "marketplace-browse", context: { marketplace } });
+  } else if (value === "update") {
+    callbacks.marketplaceUpdate(marketplace).then(() => {
+      nav.notify(`Updated marketplace "${marketplace}".`);
+      nav.pop();
+    }).catch((err) => {
+      nav.notify(`Error: ${err instanceof Error ? err.message : String(err)}`);
+    });
+  } else if (value === "remove") {
+    nav.setConfirm({
+      message: `Remove marketplace "${marketplace}" and all its plugins?`,
+      onConfirm: () => {
+        nav.setConfirm(void 0);
+        callbacks.marketplaceRemove(marketplace).then(() => {
+          nav.notify(`Removed marketplace "${marketplace}".`);
+          nav.popN(2);
+        }).catch((err) => {
+          nav.notify(`Error: ${err instanceof Error ? err.message : String(err)}`);
+        });
+      },
+      onCancel: () => nav.setConfirm(void 0)
+    });
+  }
+}
+function handleMarketplaceBrowseSelect(value, marketplace, items, nav) {
+  const fullId = `${value}@${marketplace}`;
+  const item = items.find((i) => i.value === value);
+  if (item?.hint === "installed") {
+    nav.push({ screen: "installed-action", context: { pluginId: fullId } });
+  } else {
+    nav.push({ screen: "marketplace-install-scope", context: { marketplace, pluginId: fullId } });
+  }
+}
+function handleInstallScopeSelect(value, pluginId, callbacks, nav) {
+  const scope = value;
+  callbacks.install(pluginId, scope).then(() => {
+    nav.notify(`Installed plugin "${pluginId}" (${scope} scope).`);
+    nav.popN(2);
+  }).catch((err) => {
+    nav.notify(`Error: ${err instanceof Error ? err.message : String(err)}`);
+  });
+}
+function handleInstalledListSelect(value, callbacks, nav) {
+  nav.setConfirm({
+    message: `Uninstall plugin "${value}"?`,
+    onConfirm: () => {
+      nav.setConfirm(void 0);
+      callbacks.uninstall(value).then(() => {
+        nav.notify(`Uninstalled plugin "${value}".`);
+        nav.refresh();
+      }).catch((err) => {
+        nav.notify(`Error: ${err instanceof Error ? err.message : String(err)}`);
+      });
+    },
+    onCancel: () => nav.setConfirm(void 0)
+  });
+}
+function handleInstalledActionSelect(value, pluginId, callbacks, nav) {
+  if (value === "uninstall") {
+    nav.setConfirm({
+      message: `Uninstall plugin "${pluginId}"?`,
+      onConfirm: () => {
+        nav.setConfirm(void 0);
+        callbacks.uninstall(pluginId).then(() => {
+          nav.notify(`Uninstalled plugin "${pluginId}".`);
+          nav.popN(2);
+        }).catch((err) => {
+          nav.notify(`Error: ${err instanceof Error ? err.message : String(err)}`);
+        });
+      },
+      onCancel: () => nav.setConfirm(void 0)
+    });
+  }
+}
+
+// src/ui/PluginTUI.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function PluginTUI({ callbacks, onClose, addMessage }) {
+  const [stack, setStack] = (0, import_react15.useState)([{ screen: "main" }]);
+  const [items, setItems] = (0, import_react15.useState)([]);
+  const [loading, setLoading] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)();
+  const [confirm, setConfirm] = (0, import_react15.useState)();
+  const [refreshCounter, setRefreshCounter] = (0, import_react15.useState)(0);
+  const current = stack[stack.length - 1] ?? { screen: "main" };
+  const push = (0, import_react15.useCallback)((state) => {
+    setStack((prev) => [...prev, state]);
+    setItems([]);
+    setError(void 0);
+  }, []);
+  const pop = (0, import_react15.useCallback)(() => {
+    setStack((prev) => {
+      if (prev.length <= 1) {
+        onClose();
+        return prev;
+      }
+      return prev.slice(0, -1);
+    });
+    setItems([]);
+    setError(void 0);
+  }, [onClose]);
+  const popN = (0, import_react15.useCallback)(
+    (n) => {
+      setStack((prev) => {
+        const next = prev.slice(0, Math.max(1, prev.length - n));
+        if (next.length === 0) {
+          onClose();
+          return prev;
+        }
+        return next;
+      });
+      setItems([]);
+      setError(void 0);
+    },
+    [onClose]
+  );
+  const notify = (0, import_react15.useCallback)(
+    (content) => {
+      addMessage?.({ role: "system", content });
+    },
+    [addMessage]
+  );
+  const refresh = (0, import_react15.useCallback)(() => {
+    setItems([]);
+    setRefreshCounter((c) => c + 1);
+  }, []);
+  const nav = { push, pop, popN, notify, setConfirm, refresh };
+  (0, import_react15.useEffect)(() => {
+    const screen2 = current.screen;
+    if (screen2 === "marketplace-list") {
+      setLoading(true);
+      callbacks.marketplaceList().then((sources) => {
+        const baseItems = [{ label: "Add Marketplace", value: "__add__" }];
+        const sourceItems = sources.map((s) => ({
+          label: s.name,
+          value: s.name,
+          hint: s.type
+        }));
+        setItems([...baseItems, ...sourceItems]);
+        setLoading(false);
+      }).catch((err) => {
+        setError(err instanceof Error ? err.message : String(err));
+        setLoading(false);
+      });
+    } else if (screen2 === "marketplace-browse") {
+      const marketplace = current.context?.marketplace ?? "";
+      setLoading(true);
+      callbacks.listAvailablePlugins(marketplace).then((plugins) => {
+        setItems(
+          plugins.map((p) => ({
+            label: p.name,
+            value: p.name,
+            hint: p.installed ? "installed" : p.description
+          }))
+        );
+        setLoading(false);
+      }).catch((err) => {
+        setError(err instanceof Error ? err.message : String(err));
+        setLoading(false);
+      });
+    } else if (screen2 === "installed-list") {
+      setLoading(true);
+      callbacks.listInstalled().then((plugins) => {
+        setItems(
+          plugins.map((p) => ({
+            label: p.name,
+            value: p.name,
+            hint: p.description
+          }))
+        );
+        setLoading(false);
+      }).catch((err) => {
+        setError(err instanceof Error ? err.message : String(err));
+        setLoading(false);
+      });
+    }
+  }, [stack.length, current.screen, current.context?.marketplace, callbacks, refreshCounter]);
+  const handleSelect = (0, import_react15.useCallback)(
+    (value) => {
+      const screen2 = current.screen;
+      const ctx = current.context;
+      if (screen2 === "main") handleMainSelect(value, nav);
+      else if (screen2 === "marketplace-list") handleMarketplaceListSelect(value, nav);
+      else if (screen2 === "marketplace-action")
+        handleMarketplaceActionSelect(value, ctx?.marketplace ?? "", callbacks, nav);
+      else if (screen2 === "marketplace-browse")
+        handleMarketplaceBrowseSelect(value, ctx?.marketplace ?? "", items, nav);
+      else if (screen2 === "marketplace-install-scope")
+        handleInstallScopeSelect(value, ctx?.pluginId ?? "", callbacks, nav);
+      else if (screen2 === "installed-list") handleInstalledListSelect(value, callbacks, nav);
+      else if (screen2 === "installed-action")
+        handleInstalledActionSelect(value, ctx?.pluginId ?? "", callbacks, nav);
+    },
+    [current, items, callbacks, push, pop, popN, notify, setConfirm, refresh]
+  );
+  const handleTextSubmit = (0, import_react15.useCallback)(
+    (value) => {
+      if (current.screen === "marketplace-add") {
+        callbacks.marketplaceAdd(value).then((name) => {
+          notify(`Added marketplace "${name}" from ${value}.`);
+          pop();
+        }).catch((err) => {
+          notify(`Error: ${err instanceof Error ? err.message : String(err)}`);
+          pop();
+        });
+      }
+    },
+    [current.screen, callbacks, notify, pop]
+  );
+  if (confirm) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      ConfirmPrompt,
+      {
+        message: confirm.message,
+        onSelect: (index) => {
+          if (index === 0) confirm.onConfirm();
+          else confirm.onCancel();
+        }
+      }
+    );
+  }
+  const screen = current.screen;
+  if (screen === "marketplace-add") {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      TextPrompt,
+      {
+        title: "Add Marketplace Source",
+        placeholder: "owner/repo or git URL",
+        onSubmit: handleTextSubmit,
+        onCancel: pop,
+        validate: (v) => !v.includes("/") ? "Must be owner/repo or a git URL" : void 0
+      }
+    );
+  }
+  if (screen === "marketplace-action") {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      MenuSelect,
+      {
+        title: `Marketplace: ${current.context?.marketplace ?? ""}`,
+        items: [
+          { label: "Browse plugins", value: "browse" },
+          { label: "Update", value: "update" },
+          { label: "Remove", value: "remove" }
+        ],
+        onSelect: handleSelect,
+        onBack: pop
+      },
+      stack.length
+    );
+  }
+  if (screen === "marketplace-install-scope") {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      MenuSelect,
+      {
+        title: `Install scope for "${current.context?.pluginId ?? ""}"`,
+        items: [
+          { label: "User scope", value: "user" },
+          { label: "Project scope", value: "project" }
+        ],
+        onSelect: handleSelect,
+        onBack: pop
+      },
+      stack.length
+    );
+  }
+  if (screen === "installed-action") {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      MenuSelect,
+      {
+        title: `Plugin: ${current.context?.pluginId ?? ""}`,
+        items: [{ label: "Uninstall", value: "uninstall" }],
+        onSelect: handleSelect,
+        onBack: pop
+      },
+      stack.length
+    );
+  }
+  const titleMap = {
+    main: "Plugin Management",
+    "marketplace-list": "Marketplace",
+    "marketplace-browse": `Browse: ${current.context?.marketplace ?? ""}`,
+    "installed-list": "Installed Plugins"
+  };
+  const staticItemsMap = {
+    main: [
+      { label: "Marketplace", value: "marketplace" },
+      { label: "Installed Plugins", value: "installed" }
+    ]
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    MenuSelect,
+    {
+      title: titleMap[screen] ?? "Plugin Management",
+      items: staticItemsMap[screen] ?? items,
+      onSelect: handleSelect,
+      onBack: pop,
+      loading,
+      error
+    },
+    `${screen}-${stack.length}-${refreshCounter}`
+  );
+}
+
+// src/ui/App.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var EXIT_DELAY_MS2 = 500;
 function mergeHooksIntoConfig(configHooks, pluginHooks) {
   const pluginKeys = Object.keys(pluginHooks);
@@ -2096,7 +2632,7 @@ function mergeHooksIntoConfig(configHooks, pluginHooks) {
   return merged;
 }
 function App(props) {
-  const { exit } = (0, import_ink11.useApp)();
+  const { exit } = (0, import_ink13.useApp)();
   const { registry, pluginHooks } = useCommandRegistry(props.cwd ?? process.cwd());
   const configWithPluginHooks = {
     ...props.config,
@@ -2109,15 +2645,16 @@ function App(props) {
     { ...props, config: configWithPluginHooks }
   );
   const { messages, setMessages, addMessage } = useMessages();
-  const [isThinking, setIsThinking] = (0, import_react13.useState)(false);
+  const [isThinking, setIsThinking] = (0, import_react16.useState)(false);
   const initialCtx = session.getContextState();
-  const [contextState, setContextState] = (0, import_react13.useState)({
+  const [contextState, setContextState] = (0, import_react16.useState)({
     percentage: initialCtx.usedPercentage,
     usedTokens: initialCtx.usedTokens,
     maxTokens: initialCtx.maxTokens
   });
-  const pendingModelChangeRef = (0, import_react13.useRef)(null);
-  const [pendingModelId, setPendingModelId] = (0, import_react13.useState)(null);
+  const pendingModelChangeRef = (0, import_react16.useRef)(null);
+  const [pendingModelId, setPendingModelId] = (0, import_react16.useState)(null);
+  const [showPluginTUI, setShowPluginTUI] = (0, import_react16.useState)(false);
   const pluginCallbacks = usePluginCallbacks(props.cwd ?? process.cwd());
   const handleSlashCommand = useSlashCommands(
     session,
@@ -2127,7 +2664,8 @@ function App(props) {
     registry,
     pendingModelChangeRef,
     setPendingModelId,
-    pluginCallbacks
+    pluginCallbacks,
+    setShowPluginTUI
   );
   const handleSubmit = useSubmitHandler(
     session,
@@ -2138,33 +2676,33 @@ function App(props) {
     setContextState,
     registry
   );
-  (0, import_ink11.useInput)(
+  (0, import_ink13.useInput)(
     (_input, key) => {
       if (key.ctrl && _input === "c") exit();
       if (key.escape && isThinking) session.abort();
     },
-    { isActive: !permissionRequest }
+    { isActive: !permissionRequest && !showPluginTUI }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { color: "cyan", bold: true, children: `
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_ink13.Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_ink13.Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ink13.Text, { color: "cyan", bold: true, children: `
   ____   ___  ____   ___ _____  _
  |  _ \\ / _ \\| __ ) / _ \\_   _|/ \\
  | |_) | | | |  _ \\| | | || | / _ \\
  |  _ <| |_| | |_) | |_| || |/ ___ \\
  |_| \\_\\\\___/|____/ \\___/ |_/_/   \\_\\
 ` }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Text, { dimColor: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_ink13.Text, { dimColor: true, children: [
         " v",
         props.version ?? "0.0.0"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ink11.Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MessageList, { messages }),
-      isThinking && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StreamingIndicator, { text: streamingText, activeTools }) })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_ink13.Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MessageList, { messages }),
+      isThinking && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ink13.Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(StreamingIndicator, { text: streamingText, activeTools }) })
     ] }),
-    permissionRequest && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PermissionPrompt, { request: permissionRequest }),
-    pendingModelId && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    permissionRequest && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PermissionPrompt, { request: permissionRequest }),
+    pendingModelId && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       ConfirmPrompt,
       {
         message: `Change model to ${(0, import_agent_core3.getModelName)(pendingModelId)}? This will restart the session.`,
@@ -2192,7 +2730,15 @@ function App(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    showPluginTUI && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      PluginTUI,
+      {
+        callbacks: pluginCallbacks,
+        onClose: () => setShowPluginTUI(false),
+        addMessage: (msg) => addMessage(msg)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       StatusBar,
       {
         permissionMode: session.getPermissionMode(),
@@ -2205,20 +2751,20 @@ function App(props) {
         contextMaxTokens: contextState.maxTokens
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       InputArea,
       {
         onSubmit: handleSubmit,
-        isDisabled: isThinking || !!permissionRequest,
+        isDisabled: isThinking || !!permissionRequest || showPluginTUI,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ink11.Text, { children: " " })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ink13.Text, { children: " " })
   ] });
 }
 
 // src/ui/render.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function renderApp(options) {
   process.on("unhandledRejection", (reason) => {
     process.stderr.write(`
@@ -2229,7 +2775,7 @@ function renderApp(options) {
 `);
     }
   });
-  const instance = (0, import_ink12.render)(/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(App, { ...options }), {
+  const instance = (0, import_ink14.render)(/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(App, { ...options }), {
     exitOnCtrlC: true
   });
   instance.waitUntilExit().catch((err) => {
@@ -2244,9 +2790,9 @@ function renderApp(options) {
 // src/cli.ts
 var import_meta = {};
 function checkSettingsFile(filePath) {
-  if (!(0, import_node_fs3.existsSync)(filePath)) return "missing";
+  if (!(0, import_node_fs4.existsSync)(filePath)) return "missing";
   try {
-    const raw = (0, import_node_fs3.readFileSync)(filePath, "utf8").trim();
+    const raw = (0, import_node_fs4.readFileSync)(filePath, "utf8").trim();
     if (raw.length === 0) return "incomplete";
     const parsed = JSON.parse(raw);
     const provider = parsed.provider;
@@ -2263,7 +2809,7 @@ function readVersion() {
     const candidates = [(0, import_node_path5.join)(dir, "..", "..", "package.json"), (0, import_node_path5.join)(dir, "..", "package.json")];
     for (const pkgPath of candidates) {
       try {
-        const raw = (0, import_node_fs3.readFileSync)(pkgPath, "utf-8");
+        const raw = (0, import_node_fs4.readFileSync)(pkgPath, "utf-8");
         const pkg = JSON.parse(raw);
         if (pkg.version !== void 0 && pkg.name !== void 0) {
           return pkg.version;
@@ -2351,7 +2897,7 @@ async function ensureConfig(cwd) {
   }
   const language = await promptInput("  Response language (ko/en/ja/zh, default: en): ");
   const settingsDir = (0, import_node_path5.dirname)(userPath);
-  (0, import_node_fs3.mkdirSync)(settingsDir, { recursive: true });
+  (0, import_node_fs4.mkdirSync)(settingsDir, { recursive: true });
   const settings = {
     provider: {
       name: "anthropic",
@@ -2362,7 +2908,7 @@ async function ensureConfig(cwd) {
   if (language) {
     settings.language = language;
   }
-  (0, import_node_fs3.writeFileSync)(userPath, JSON.stringify(settings, null, 2) + "\n", "utf8");
+  (0, import_node_fs4.writeFileSync)(userPath, JSON.stringify(settings, null, 2) + "\n", "utf8");
   process.stdout.write(`
   Config saved to ${userPath}