@robota-sdk/agent-cli 3.0.0-beta.34 → 3.0.0-beta.36

package/dist/node/bin.cjs

@@ -163,12 +163,13 @@ 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_agent_core3 = require("@robota-sdk/agent-core");
+var import_react16 = require("react");
+var import_ink13 = require("ink");
+var import_agent_core6 = require("@robota-sdk/agent-core");
+var import_agent_core7 = require("@robota-sdk/agent-core");
 
 // src/ui/hooks/useSession.ts
 var import_react = require("react");
@@ -264,6 +265,7 @@ var NOOP_TERMINAL = {
 function useSession(props) {
   const [permissionRequest, setPermissionRequest] = (0, import_react.useState)(null);
   const [streamingText, setStreamingText] = (0, import_react.useState)("");
+  const streamingTextRef = (0, import_react.useRef)("");
   const [activeTools, setActiveTools] = (0, import_react.useState)([]);
   const permissionQueueRef = (0, import_react.useRef)([]);
   const processingRef = (0, import_react.useRef)(false);
@@ -295,8 +297,15 @@ function useSession(props) {
         processNextPermission();
       });
     };
+    let flushTimer = null;
     const onTextDelta = (delta) => {
-      setStreamingText((prev) => prev + delta);
+      streamingTextRef.current += delta;
+      if (!flushTimer) {
+        flushTimer = setTimeout(() => {
+          setStreamingText(streamingTextRef.current);
+          flushTimer = null;
+        }, 16);
+      }
     };
     const onToolExecution = (event) => {
       if (event.type === "start") {
@@ -375,6 +384,7 @@ function useSession(props) {
   }
   const clearStreamingText = (0, import_react.useCallback)(() => {
     setStreamingText("");
+    streamingTextRef.current = "";
     setActiveTools([]);
   }, []);
   return {
@@ -389,16 +399,11 @@ function useSession(props) {
 // src/ui/hooks/useMessages.ts
 var import_react2 = require("react");
 var MAX_RENDERED_MESSAGES = 100;
-var msgIdCounter = 0;
-function nextId() {
-  msgIdCounter += 1;
-  return `msg_${msgIdCounter}`;
-}
 function useMessages() {
   const [messages, setMessages] = (0, import_react2.useState)([]);
   const addMessage = (0, import_react2.useCallback)((msg) => {
     setMessages((prev) => {
-      const updated = [...prev, { ...msg, id: nextId(), timestamp: /* @__PURE__ */ new Date() }];
+      const updated = [...prev, msg];
       if (updated.length > MAX_RENDERED_MESSAGES) {
         return updated.slice(-MAX_RENDERED_MESSAGES);
       }
@@ -410,6 +415,7 @@ function useMessages() {
 
 // src/ui/hooks/useSlashCommands.ts
 var import_react3 = require("react");
+var import_agent_core = require("@robota-sdk/agent-core");
 
 // src/commands/slash-executor.ts
 var VALID_MODES2 = ["plan", "default", "acceptEdits", "bypassPermissions"];
@@ -520,18 +526,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) {
@@ -678,18 +675,21 @@ 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+/);
       const cmd = parts[0]?.toLowerCase() ?? "";
       const args = parts.slice(1).join(" ");
       const clearMessages = () => setMessages([]);
+      const slashAddMessage = (msg) => {
+        addMessage((0, import_agent_core.createSystemMessage)(msg.content));
+      };
       const result = await executeSlashCommand(
         cmd,
         args,
         session,
-        addMessage,
+        slashAddMessage,
         clearMessages,
         registry,
         pluginCallbacks
@@ -698,6 +698,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);
       }
@@ -711,14 +714,17 @@ function useSlashCommands(session, addMessage, setMessages, exit, registry, pend
       registry,
       pendingModelChangeRef,
       setPendingModelId,
-      pluginCallbacks
+      pluginCallbacks,
+      setShowPluginTUI
     ]
   );
 }
 
 // src/ui/hooks/useSubmitHandler.ts
 var import_react4 = require("react");
+var import_node_crypto = require("crypto");
 var import_agent_sdk2 = require("@robota-sdk/agent-sdk");
+var import_agent_core2 = require("@robota-sdk/agent-core");
 
 // src/utils/tool-call-extractor.ts
 var TOOL_ARG_MAX_LENGTH = 80;
@@ -875,21 +881,50 @@ async function runSessionPrompt(prompt, session, addMessage, clearStreamingText,
       historyBefore
     );
     if (toolSummaries.length > 0) {
-      addMessage({
-        role: "tool",
-        content: JSON.stringify(toolSummaries),
-        toolName: `${toolSummaries.length} tools`
-      });
+      addMessage(
+        (0, import_agent_core2.createToolMessage)(JSON.stringify(toolSummaries), {
+          toolCallId: (0, import_node_crypto.randomUUID)(),
+          name: `${toolSummaries.length} tools`
+        })
+      );
     }
-    addMessage({ role: "assistant", content: response || "(empty response)" });
+    addMessage((0, import_agent_core2.createAssistantMessage)(response || "(empty response)"));
     syncContextState(session, setContextState);
   } catch (err) {
     clearStreamingText();
-    if (err instanceof DOMException && err.name === "AbortError") {
-      addMessage({ role: "system", content: "Cancelled." });
+    const isAbortError = err instanceof DOMException && err.name === "AbortError" || err instanceof Error && (err.message.includes("aborted") || err.message.includes("abort"));
+    if (isAbortError) {
+      const history = session.getHistory();
+      const toolSummaries = extractToolCallsWithDiff(
+        history,
+        historyBefore
+      );
+      if (toolSummaries.length > 0) {
+        addMessage(
+          (0, import_agent_core2.createToolMessage)(JSON.stringify(toolSummaries), {
+            toolCallId: (0, import_node_crypto.randomUUID)(),
+            name: `${toolSummaries.length} tools`
+          })
+        );
+      }
+      const assistantParts = [];
+      let lastAssistantState = "complete";
+      for (let i = historyBefore; i < history.length; i++) {
+        const msg = history[i];
+        if (msg && msg.role === "assistant" && msg.content) {
+          assistantParts.push(msg.content);
+          if (msg.state === "interrupted") lastAssistantState = "interrupted";
+        }
+      }
+      if (assistantParts.length > 0) {
+        addMessage(
+          (0, import_agent_core2.createAssistantMessage)(assistantParts.join("\n\n"), { state: lastAssistantState })
+        );
+      }
+      addMessage((0, import_agent_core2.createSystemMessage)("Interrupted by user."));
     } else {
       const errMsg = err instanceof Error ? err.message : String(err);
-      addMessage({ role: "system", content: `Error: ${errMsg}` });
+      addMessage((0, import_agent_core2.createSystemMessage)(`Error: ${errMsg}`));
     }
   } finally {
     setIsThinking(false);
@@ -942,7 +977,7 @@ function useSubmitHandler(session, addMessage, handleSlashCommand, clearStreamin
           const runInFork = createForkRunner(session);
           const result = await executeSkill(skill, args, { runInFork });
           if (result.mode === "fork") {
-            addMessage({ role: "assistant", content: result.result ?? "(empty response)" });
+            addMessage((0, import_agent_core2.createAssistantMessage)(result.result ?? "(empty response)"));
             syncContextState(session, setContextState);
             return;
           }
@@ -977,7 +1012,7 @@ function useSubmitHandler(session, addMessage, handleSlashCommand, clearStreamin
           hookInput
         );
       }
-      addMessage({ role: "user", content: input });
+      addMessage((0, import_agent_core2.createUserMessage)(input));
       return runSessionPrompt(
         input,
         session,
@@ -1044,16 +1079,16 @@ var CommandRegistry = class {
 };
 
 // src/commands/builtin-source.ts
-var import_agent_core = require("@robota-sdk/agent-core");
+var import_agent_core3 = require("@robota-sdk/agent-core");
 function buildModelSubcommands() {
   const seen = /* @__PURE__ */ new Set();
   const commands = [];
-  for (const model of Object.values(import_agent_core.CLAUDE_MODELS)) {
+  for (const model of Object.values(import_agent_core3.CLAUDE_MODELS)) {
     if (seen.has(model.name)) continue;
     seen.add(model.name);
     commands.push({
       name: model.id,
-      description: `${model.name} (${(0, import_agent_core.formatTokenCount)(model.contextWindow).toUpperCase()})`,
+      description: `${model.name} (${(0, import_agent_core3.formatTokenCount)(model.contextWindow).toUpperCase()})`,
       source: "builtin"
     });
   }
@@ -1095,22 +1130,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" }
@@ -1377,18 +1397,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);
@@ -1431,6 +1483,7 @@ function usePluginCallbacks(cwd) {
 // src/ui/MessageList.tsx
 var import_react7 = __toESM(require("react"), 1);
 var import_ink2 = require("ink");
+var import_agent_core4 = require("@robota-sdk/agent-core");
 
 // src/ui/render-markdown.ts
 var import_marked = require("marked");
@@ -1516,9 +1569,14 @@ function RoleLabel({ role }) {
   }
 }
 function ToolMessage({ message }) {
+  if (!(0, import_agent_core4.isToolMessage)(message)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {});
+  }
+  const toolName = message.name;
+  const content = message.content;
   let summaries = null;
   try {
-    const parsed = JSON.parse(message.content);
+    const parsed = JSON.parse(content);
     if (Array.isArray(parsed) && parsed.length > 0 && typeof parsed[0].line === "string") {
       summaries = parsed;
     }
@@ -1531,9 +1589,9 @@ function ToolMessage({ message }) {
           "Tool:",
           " "
         ] }),
-        message.toolName && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "white", dimColor: true, children: [
+        toolName && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "white", dimColor: true, children: [
           "[",
-          message.toolName,
+          toolName,
           "]"
         ] })
       ] }),
@@ -1549,16 +1607,16 @@ function ToolMessage({ message }) {
       ] }, i))
     ] });
   }
-  const lines = message.content.split("\n").filter((l) => l.trim());
+  const lines = content.split("\n").filter((l) => l.trim());
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { flexDirection: "column", marginBottom: 1, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "white", bold: true, children: [
         "Tool:",
         " "
       ] }),
-      message.toolName && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "white", dimColor: true, children: [
+      toolName && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "white", dimColor: true, children: [
         "[",
-        message.toolName,
+        toolName,
         "]"
       ] })
     ] }),
@@ -1574,21 +1632,15 @@ function ToolMessage({ message }) {
 var MessageItem = import_react7.default.memo(function MessageItem2({
   message
 }) {
-  if (message.role === "tool") {
+  if ((0, import_agent_core4.isToolMessage)(message)) {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ToolMessage, { message });
   }
+  const content = message.content ?? "";
+  const isInterrupted = message.state === "interrupted";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RoleLabel, { role: message.role }),
-      message.toolName && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ink2.Text, { color: "magenta", dimColor: true, children: [
-        "[",
-        message.toolName,
-        "]",
-        " "
-      ] })
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RoleLabel, { role: message.role }) }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { children: " " }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { wrap: "wrap", children: message.role === "assistant" ? renderMarkdown(message.content) : message.content }) })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ink2.Text, { wrap: "wrap", children: (0, import_agent_core4.isAssistantMessage)(message) ? renderMarkdown(content + (isInterrupted ? "\n\n_(interrupted)_" : "")) : content }) })
   ] });
 });
 function MessageList({ messages }) {
@@ -1597,7 +1649,7 @@ function MessageList({ messages }) {
 
 // src/ui/StatusBar.tsx
 var import_ink3 = require("ink");
-var import_agent_core2 = require("@robota-sdk/agent-core");
+var import_agent_core5 = require("@robota-sdk/agent-core");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var CONTEXT_YELLOW_THRESHOLD = 70;
 var CONTEXT_RED_THRESHOLD = 90;
@@ -1637,9 +1689,9 @@ function StatusBar({
             "Context: ",
             Math.round(contextPercentage),
             "% (",
-            (0, import_agent_core2.formatTokenCount)(contextUsedTokens),
+            (0, import_agent_core5.formatTokenCount)(contextUsedTokens),
             "/",
-            (0, import_agent_core2.formatTokenCount)(contextMaxTokens),
+            (0, import_agent_core5.formatTokenCount)(contextMaxTokens),
             ")"
           ] })
         ] }),
@@ -1967,7 +2019,7 @@ function InputArea({ onSubmit, isDisabled, registry }) {
         isSubcommandMode
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Box, { borderStyle: "single", borderColor: isDisabled ? "gray" : "green", paddingLeft: 1, children: isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WaveText, { text: "  Waiting for response..." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ink7.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Box, { borderStyle: "single", borderColor: isDisabled ? "gray" : "green", paddingLeft: 1, children: isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WaveText, { text: "  Waiting for response... (ESC to interrupt)" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ink7.Box, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ink7.Text, { color: "green", bold: true, children: "> " }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         CjkTextInput,
@@ -2103,7 +2155,7 @@ function StreamingIndicator({ text, activeTools }) {
   const hasTools = activeTools.length > 0;
   const hasText = text.length > 0;
   if (!hasTools && !hasText) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ink10.Text, { color: "yellow", children: "Thinking..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {});
   }
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", children: [
     hasTools && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ink10.Box, { flexDirection: "column", marginBottom: 1, children: [
@@ -2133,8 +2185,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);
@@ -2153,7 +2656,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,
@@ -2166,15 +2669,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,
@@ -2184,7 +2688,8 @@ function App(props) {
     registry,
     pendingModelChangeRef,
     setPendingModelId,
-    pluginCallbacks
+    pluginCallbacks,
+    setShowPluginTUI
   );
   const handleSubmit = useSubmitHandler(
     session,
@@ -2195,36 +2700,36 @@ 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.`,
+        message: `Change model to ${(0, import_agent_core6.getModelName)(pendingModelId)}? This will restart the session.`,
         onSelect: (index) => {
           setPendingModelId(null);
           pendingModelChangeRef.current = null;
@@ -2232,28 +2737,38 @@ function App(props) {
             try {
               const settingsPath = getUserSettingsPath();
               updateModelInSettings(settingsPath, pendingModelId);
-              addMessage({
-                role: "system",
-                content: `Model changed to ${(0, import_agent_core3.getModelName)(pendingModelId)}. Restarting...`
-              });
+              addMessage(
+                (0, import_agent_core7.createSystemMessage)(
+                  `Model changed to ${(0, import_agent_core6.getModelName)(pendingModelId)}. Restarting...`
+                )
+              );
               setTimeout(() => exit(), EXIT_DELAY_MS2);
             } catch (err) {
-              addMessage({
-                role: "system",
-                content: `Failed: ${err instanceof Error ? err.message : String(err)}`
-              });
+              addMessage(
+                (0, import_agent_core7.createSystemMessage)(
+                  `Failed: ${err instanceof Error ? err.message : String(err)}`
+                )
+              );
             }
           } else {
-            addMessage({ role: "system", content: "Model change cancelled." });
+            addMessage((0, import_agent_core7.createSystemMessage)("Model change cancelled."));
           }
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    showPluginTUI && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      PluginTUI,
+      {
+        callbacks: pluginCallbacks,
+        onClose: () => setShowPluginTUI(false),
+        addMessage: (msg) => addMessage((0, import_agent_core7.createSystemMessage)(msg.content))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       StatusBar,
       {
         permissionMode: session.getPermissionMode(),
-        modelName: (0, import_agent_core3.getModelName)(props.config.provider.model),
+        modelName: (0, import_agent_core6.getModelName)(props.config.provider.model),
         sessionId: session.getSessionId(),
         messageCount: messages.length,
         isThinking,
@@ -2262,20 +2777,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(`
@@ -2286,7 +2801,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) => {