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

package/dist/node/{chunk-RDPIMQOC.js → chunk-ERF646KY.js}

@@ -149,9 +149,10 @@ var PrintTerminal = class {
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { useState as useState7, useRef as useRef6 } from "react";
-import { Box as Box9, Text as Text11, useApp, useInput as useInput5 } from "ink";
+import { useState as useState10, useRef as useRef8 } from "react";
+import { Box as Box11, Text as Text13, useApp, useInput as useInput7 } from "ink";
 import { getModelName } from "@robota-sdk/agent-core";
+import { createSystemMessage as createSystemMessage3 } from "@robota-sdk/agent-core";
 
 // src/ui/hooks/useSession.ts
 import { useState, useCallback, useRef } from "react";
@@ -247,6 +248,7 @@ var NOOP_TERMINAL = {
 function useSession(props) {
   const [permissionRequest, setPermissionRequest] = useState(null);
   const [streamingText, setStreamingText] = useState("");
+  const streamingTextRef = useRef("");
   const [activeTools, setActiveTools] = useState([]);
   const permissionQueueRef = useRef([]);
   const processingRef = useRef(false);
@@ -278,8 +280,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") {
@@ -358,6 +367,7 @@ function useSession(props) {
   }
   const clearStreamingText = useCallback(() => {
     setStreamingText("");
+    streamingTextRef.current = "";
     setActiveTools([]);
   }, []);
   return {
@@ -372,16 +382,11 @@ function useSession(props) {
 // src/ui/hooks/useMessages.ts
 import { useState as useState2, useCallback as useCallback2 } from "react";
 var MAX_RENDERED_MESSAGES = 100;
-var msgIdCounter = 0;
-function nextId() {
-  msgIdCounter += 1;
-  return `msg_${msgIdCounter}`;
-}
 function useMessages() {
   const [messages, setMessages] = useState2([]);
   const addMessage = useCallback2((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);
       }
@@ -393,6 +398,7 @@ function useMessages() {
 
 // src/ui/hooks/useSlashCommands.ts
 import { useCallback as useCallback3 } from "react";
+import { createSystemMessage } from "@robota-sdk/agent-core";
 
 // src/commands/slash-executor.ts
 var VALID_MODES2 = ["plan", "default", "acceptEdits", "bypassPermissions"];
@@ -503,18 +509,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) {
@@ -661,18 +658,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 useCallback3(
     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(createSystemMessage(msg.content));
+      };
       const result = await executeSlashCommand(
         cmd,
         args,
         session,
-        addMessage,
+        slashAddMessage,
         clearMessages,
         registry,
         pluginCallbacks
@@ -681,6 +681,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);
       }
@@ -694,18 +697,26 @@ function useSlashCommands(session, addMessage, setMessages, exit, registry, pend
       registry,
       pendingModelChangeRef,
       setPendingModelId,
-      pluginCallbacks
+      pluginCallbacks,
+      setShowPluginTUI
     ]
   );
 }
 
 // src/ui/hooks/useSubmitHandler.ts
 import { useCallback as useCallback4 } from "react";
+import { randomUUID } from "crypto";
 import {
   createSubagentSession,
   getBuiltInAgent,
   retrieveAgentToolDeps
 } from "@robota-sdk/agent-sdk";
+import {
+  createUserMessage,
+  createAssistantMessage,
+  createSystemMessage as createSystemMessage2,
+  createToolMessage
+} from "@robota-sdk/agent-core";
 
 // src/utils/tool-call-extractor.ts
 var TOOL_ARG_MAX_LENGTH = 80;
@@ -862,21 +873,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(
+        createToolMessage(JSON.stringify(toolSummaries), {
+          toolCallId: randomUUID(),
+          name: `${toolSummaries.length} tools`
+        })
+      );
     }
-    addMessage({ role: "assistant", content: response || "(empty response)" });
+    addMessage(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(
+          createToolMessage(JSON.stringify(toolSummaries), {
+            toolCallId: 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(
+          createAssistantMessage(assistantParts.join("\n\n"), { state: lastAssistantState })
+        );
+      }
+      addMessage(createSystemMessage2("Interrupted by user."));
     } else {
       const errMsg = err instanceof Error ? err.message : String(err);
-      addMessage({ role: "system", content: `Error: ${errMsg}` });
+      addMessage(createSystemMessage2(`Error: ${errMsg}`));
     }
   } finally {
     setIsThinking(false);
@@ -929,7 +969,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(createAssistantMessage(result.result ?? "(empty response)"));
             syncContextState(session, setContextState);
             return;
           }
@@ -964,7 +1004,7 @@ function useSubmitHandler(session, addMessage, handleSlashCommand, clearStreamin
           hookInput
         );
       }
-      addMessage({ role: "user", content: input });
+      addMessage(createUserMessage(input));
       return runSessionPrompt(
         input,
         session,
@@ -1082,22 +1122,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" }
@@ -1369,18 +1394,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 = join4(cwd, ".robota", "plugins");
+          const projectInstaller = new BundlePluginInstaller({
+            pluginsDir: projectPluginsDir,
+            settingsStore,
+            marketplaceClient: marketplace
+          });
+          await projectInstaller.install(name, marketplaceName);
+        } else {
+          await installer.install(name, marketplaceName);
+        }
       },
       uninstall: async (pluginId) => {
         await installer.uninstall(pluginId);
@@ -1423,6 +1480,7 @@ function usePluginCallbacks(cwd) {
 // src/ui/MessageList.tsx
 import React2 from "react";
 import { Box as Box2, Text as Text2 } from "ink";
+import { isToolMessage, isAssistantMessage } from "@robota-sdk/agent-core";
 
 // src/ui/render-markdown.ts
 import { marked } from "marked";
@@ -1482,7 +1540,7 @@ function DiffBlock({ file, lines }) {
 }
 
 // src/ui/MessageList.tsx
-import { jsx, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs as jsxs2 } from "react/jsx-runtime";
 function RoleLabel({ role }) {
   switch (role) {
     case "user":
@@ -1508,9 +1566,14 @@ function RoleLabel({ role }) {
   }
 }
 function ToolMessage({ message }) {
+  if (!isToolMessage(message)) {
+    return /* @__PURE__ */ jsx(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;
     }
@@ -1523,9 +1586,9 @@ function ToolMessage({ message }) {
           "Tool:",
           " "
         ] }),
-        message.toolName && /* @__PURE__ */ jsxs2(Text2, { color: "white", dimColor: true, children: [
+        toolName && /* @__PURE__ */ jsxs2(Text2, { color: "white", dimColor: true, children: [
           "[",
-          message.toolName,
+          toolName,
           "]"
         ] })
       ] }),
@@ -1541,16 +1604,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__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
     /* @__PURE__ */ jsxs2(Box2, { children: [
       /* @__PURE__ */ jsxs2(Text2, { color: "white", bold: true, children: [
         "Tool:",
         " "
       ] }),
-      message.toolName && /* @__PURE__ */ jsxs2(Text2, { color: "white", dimColor: true, children: [
+      toolName && /* @__PURE__ */ jsxs2(Text2, { color: "white", dimColor: true, children: [
         "[",
-        message.toolName,
+        toolName,
         "]"
       ] })
     ] }),
@@ -1566,21 +1629,15 @@ function ToolMessage({ message }) {
 var MessageItem = React2.memo(function MessageItem2({
   message
 }) {
-  if (message.role === "tool") {
+  if (isToolMessage(message)) {
     return /* @__PURE__ */ jsx(ToolMessage, { message });
   }
+  const content = message.content ?? "";
+  const isInterrupted = message.state === "interrupted";
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs2(Box2, { children: [
-      /* @__PURE__ */ jsx(RoleLabel, { role: message.role }),
-      message.toolName && /* @__PURE__ */ jsxs2(Text2, { color: "magenta", dimColor: true, children: [
-        "[",
-        message.toolName,
-        "]",
-        " "
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx(Box2, { children: /* @__PURE__ */ jsx(RoleLabel, { role: message.role }) }),
     /* @__PURE__ */ jsx(Text2, { children: " " }),
-    /* @__PURE__ */ jsx(Box2, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text2, { wrap: "wrap", children: message.role === "assistant" ? renderMarkdown(message.content) : message.content }) })
+    /* @__PURE__ */ jsx(Box2, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text2, { wrap: "wrap", children: isAssistantMessage(message) ? renderMarkdown(content + (isInterrupted ? "\n\n_(interrupted)_" : "")) : content }) })
   ] });
 });
 function MessageList({ messages }) {
@@ -1959,7 +2016,7 @@ function InputArea({ onSubmit, isDisabled, registry }) {
         isSubcommandMode
       }
     ),
-    /* @__PURE__ */ jsx6(Box5, { borderStyle: "single", borderColor: isDisabled ? "gray" : "green", paddingLeft: 1, children: isDisabled ? /* @__PURE__ */ jsx6(WaveText, { text: "  Waiting for response..." }) : /* @__PURE__ */ jsxs5(Box5, { children: [
+    /* @__PURE__ */ jsx6(Box5, { borderStyle: "single", borderColor: isDisabled ? "gray" : "green", paddingLeft: 1, children: isDisabled ? /* @__PURE__ */ jsx6(WaveText, { text: "  Waiting for response... (ESC to interrupt)" }) : /* @__PURE__ */ jsxs5(Box5, { children: [
       /* @__PURE__ */ jsx6(Text7, { color: "green", bold: true, children: "> " }),
       /* @__PURE__ */ jsx6(
         CjkTextInput,
@@ -2084,7 +2141,7 @@ function PermissionPrompt({ request }) {
 
 // src/ui/StreamingIndicator.tsx
 import { Box as Box8, Text as Text10 } from "ink";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function getToolStyle(t) {
   if (t.isRunning) return { color: "yellow", icon: "\u27F3", strikethrough: false };
   if (t.result === "error") return { color: "red", icon: "\u2717", strikethrough: true };
@@ -2095,7 +2152,7 @@ function StreamingIndicator({ text, activeTools }) {
   const hasTools = activeTools.length > 0;
   const hasText = text.length > 0;
   if (!hasTools && !hasText) {
-    return /* @__PURE__ */ jsx9(Text10, { color: "yellow", children: "Thinking..." });
+    return /* @__PURE__ */ jsx9(Fragment2, {});
   }
   return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
     hasTools && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginBottom: 1, children: [
@@ -2125,8 +2182,459 @@ function StreamingIndicator({ text, activeTools }) {
   ] });
 }
 
-// src/ui/App.tsx
+// src/ui/PluginTUI.tsx
+import { useState as useState9, useEffect as useEffect2, useCallback as useCallback9 } from "react";
+
+// src/ui/MenuSelect.tsx
+import { useState as useState7, useCallback as useCallback7, useRef as useRef6 } from "react";
+import { Box as Box9, Text as Text11, useInput as useInput5 } from "ink";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function MenuSelect({
+  title,
+  items,
+  onSelect,
+  onBack,
+  loading,
+  error
+}) {
+  const [selected, setSelected] = useState7(0);
+  const selectedRef = useRef6(0);
+  const resolvedRef = useRef6(false);
+  const doSelect = useCallback7(
+    (index) => {
+      if (resolvedRef.current || items.length === 0) return;
+      resolvedRef.current = true;
+      onSelect(items[index].value);
+    },
+    [items, onSelect]
+  );
+  useInput5((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__ */ jsxs9(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ jsx10(Text11, { color: "yellow", bold: true, children: title }),
+    loading && /* @__PURE__ */ jsx10(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text11, { dimColor: true, children: "Loading..." }) }),
+    error && /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Text11, { color: "red", children: error }),
+      /* @__PURE__ */ jsx10(Text11, { dimColor: true, children: "Press Esc to go back" })
+    ] }),
+    !loading && !error && /* @__PURE__ */ jsx10(Box9, { flexDirection: "column", marginTop: 1, children: items.map((item, i) => /* @__PURE__ */ jsxs9(Box9, { children: [
+      /* @__PURE__ */ jsxs9(Text11, { color: i === selected ? "cyan" : void 0, bold: i === selected, children: [
+        i === selected ? "> " : "  ",
+        item.label
+      ] }),
+      item.hint && /* @__PURE__ */ jsxs9(Text11, { dimColor: true, children: [
+        " ",
+        item.hint
+      ] })
+    ] }, item.value)) }),
+    /* @__PURE__ */ jsx10(Text11, { dimColor: true, children: loading || error ? "" : " \u2191\u2193 Navigate  Enter Select  Esc Back" })
+  ] });
+}
+
+// src/ui/TextPrompt.tsx
+import { useState as useState8, useRef as useRef7, useCallback as useCallback8 } from "react";
+import { Box as Box10, Text as Text12, useInput as useInput6 } from "ink";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function TextPrompt({
+  title,
+  placeholder,
+  onSubmit,
+  onCancel,
+  validate
+}) {
+  const [value, setValue] = useState8("");
+  const [error, setError] = useState8();
+  const resolvedRef = useRef7(false);
+  const valueRef = useRef7("");
+  const handleSubmit = useCallback8(() => {
+    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]);
+  useInput6((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__ */ jsxs10(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ jsx11(Text12, { color: "yellow", bold: true, children: title }),
+    /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx11(Text12, { color: "cyan", children: "> " }),
+      value ? /* @__PURE__ */ jsx11(Text12, { children: value }) : placeholder ? /* @__PURE__ */ jsx11(Text12, { dimColor: true, children: placeholder }) : null,
+      /* @__PURE__ */ jsx11(Text12, { color: "cyan", children: "\u2588" })
+    ] }),
+    error && /* @__PURE__ */ jsx11(Text12, { color: "red", children: error }),
+    /* @__PURE__ */ jsx11(Text12, { 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
+import { jsx as jsx12 } from "react/jsx-runtime";
+function PluginTUI({ callbacks, onClose, addMessage }) {
+  const [stack, setStack] = useState9([{ screen: "main" }]);
+  const [items, setItems] = useState9([]);
+  const [loading, setLoading] = useState9(false);
+  const [error, setError] = useState9();
+  const [confirm, setConfirm] = useState9();
+  const [refreshCounter, setRefreshCounter] = useState9(0);
+  const current = stack[stack.length - 1] ?? { screen: "main" };
+  const push = useCallback9((state) => {
+    setStack((prev) => [...prev, state]);
+    setItems([]);
+    setError(void 0);
+  }, []);
+  const pop = useCallback9(() => {
+    setStack((prev) => {
+      if (prev.length <= 1) {
+        onClose();
+        return prev;
+      }
+      return prev.slice(0, -1);
+    });
+    setItems([]);
+    setError(void 0);
+  }, [onClose]);
+  const popN = useCallback9(
+    (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 = useCallback9(
+    (content) => {
+      addMessage?.({ role: "system", content });
+    },
+    [addMessage]
+  );
+  const refresh = useCallback9(() => {
+    setItems([]);
+    setRefreshCounter((c) => c + 1);
+  }, []);
+  const nav = { push, pop, popN, notify, setConfirm, refresh };
+  useEffect2(() => {
+    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 = useCallback9(
+    (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 = useCallback9(
+    (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__ */ jsx12(
+      ConfirmPrompt,
+      {
+        message: confirm.message,
+        onSelect: (index) => {
+          if (index === 0) confirm.onConfirm();
+          else confirm.onCancel();
+        }
+      }
+    );
+  }
+  const screen = current.screen;
+  if (screen === "marketplace-add") {
+    return /* @__PURE__ */ jsx12(
+      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__ */ jsx12(
+      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__ */ jsx12(
+      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__ */ jsx12(
+      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__ */ jsx12(
+    MenuSelect,
+    {
+      title: titleMap[screen] ?? "Plugin Management",
+      items: staticItemsMap[screen] ?? items,
+      onSelect: handleSelect,
+      onBack: pop,
+      loading,
+      error
+    },
+    `${screen}-${stack.length}-${refreshCounter}`
+  );
+}
+
+// src/ui/App.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var EXIT_DELAY_MS2 = 500;
 function mergeHooksIntoConfig(configHooks, pluginHooks) {
   const pluginKeys = Object.keys(pluginHooks);
@@ -2158,15 +2666,16 @@ function App(props) {
     { ...props, config: configWithPluginHooks }
   );
   const { messages, setMessages, addMessage } = useMessages();
-  const [isThinking, setIsThinking] = useState7(false);
+  const [isThinking, setIsThinking] = useState10(false);
   const initialCtx = session.getContextState();
-  const [contextState, setContextState] = useState7({
+  const [contextState, setContextState] = useState10({
     percentage: initialCtx.usedPercentage,
     usedTokens: initialCtx.usedTokens,
     maxTokens: initialCtx.maxTokens
   });
-  const pendingModelChangeRef = useRef6(null);
-  const [pendingModelId, setPendingModelId] = useState7(null);
+  const pendingModelChangeRef = useRef8(null);
+  const [pendingModelId, setPendingModelId] = useState10(null);
+  const [showPluginTUI, setShowPluginTUI] = useState10(false);
   const pluginCallbacks = usePluginCallbacks(props.cwd ?? process.cwd());
   const handleSlashCommand = useSlashCommands(
     session,
@@ -2176,7 +2685,8 @@ function App(props) {
     registry,
     pendingModelChangeRef,
     setPendingModelId,
-    pluginCallbacks
+    pluginCallbacks,
+    setShowPluginTUI
   );
   const handleSubmit = useSubmitHandler(
     session,
@@ -2187,33 +2697,33 @@ function App(props) {
     setContextState,
     registry
   );
-  useInput5(
+  useInput7(
     (_input, key) => {
       if (key.ctrl && _input === "c") exit();
       if (key.escape && isThinking) session.abort();
     },
-    { isActive: !permissionRequest }
+    { isActive: !permissionRequest && !showPluginTUI }
   );
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
-      /* @__PURE__ */ jsx10(Text11, { color: "cyan", bold: true, children: `
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx13(Text13, { color: "cyan", bold: true, children: `
   ____   ___  ____   ___ _____  _
  |  _ \\ / _ \\| __ ) / _ \\_   _|/ \\
  | |_) | | | |  _ \\| | | || | / _ \\
  |  _ <| |_| | |_) | |_| || |/ ___ \\
  |_| \\_\\\\___/|____/ \\___/ |_/_/   \\_\\
 ` }),
-      /* @__PURE__ */ jsxs9(Text11, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs11(Text13, { dimColor: true, children: [
         " v",
         props.version ?? "0.0.0"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
-      /* @__PURE__ */ jsx10(MessageList, { messages }),
-      isThinking && /* @__PURE__ */ jsx10(Box9, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx10(StreamingIndicator, { text: streamingText, activeTools }) })
+    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
+      /* @__PURE__ */ jsx13(MessageList, { messages }),
+      isThinking && /* @__PURE__ */ jsx13(Box11, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx13(StreamingIndicator, { text: streamingText, activeTools }) })
     ] }),
-    permissionRequest && /* @__PURE__ */ jsx10(PermissionPrompt, { request: permissionRequest }),
-    pendingModelId && /* @__PURE__ */ jsx10(
+    permissionRequest && /* @__PURE__ */ jsx13(PermissionPrompt, { request: permissionRequest }),
+    pendingModelId && /* @__PURE__ */ jsx13(
       ConfirmPrompt,
       {
         message: `Change model to ${getModelName(pendingModelId)}? This will restart the session.`,
@@ -2224,24 +2734,34 @@ function App(props) {
             try {
               const settingsPath = getUserSettingsPath();
               updateModelInSettings(settingsPath, pendingModelId);
-              addMessage({
-                role: "system",
-                content: `Model changed to ${getModelName(pendingModelId)}. Restarting...`
-              });
+              addMessage(
+                createSystemMessage3(
+                  `Model changed to ${getModelName(pendingModelId)}. Restarting...`
+                )
+              );
               setTimeout(() => exit(), EXIT_DELAY_MS2);
             } catch (err) {
-              addMessage({
-                role: "system",
-                content: `Failed: ${err instanceof Error ? err.message : String(err)}`
-              });
+              addMessage(
+                createSystemMessage3(
+                  `Failed: ${err instanceof Error ? err.message : String(err)}`
+                )
+              );
             }
           } else {
-            addMessage({ role: "system", content: "Model change cancelled." });
+            addMessage(createSystemMessage3("Model change cancelled."));
           }
         }
       }
     ),
-    /* @__PURE__ */ jsx10(
+    showPluginTUI && /* @__PURE__ */ jsx13(
+      PluginTUI,
+      {
+        callbacks: pluginCallbacks,
+        onClose: () => setShowPluginTUI(false),
+        addMessage: (msg) => addMessage(createSystemMessage3(msg.content))
+      }
+    ),
+    /* @__PURE__ */ jsx13(
       StatusBar,
       {
         permissionMode: session.getPermissionMode(),
@@ -2254,20 +2774,20 @@ function App(props) {
         contextMaxTokens: contextState.maxTokens
       }
     ),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx13(
       InputArea,
       {
         onSubmit: handleSubmit,
-        isDisabled: isThinking || !!permissionRequest,
+        isDisabled: isThinking || !!permissionRequest || showPluginTUI,
         registry
       }
     ),
-    /* @__PURE__ */ jsx10(Text11, { children: " " })
+    /* @__PURE__ */ jsx13(Text13, { children: " " })
   ] });
 }
 
 // src/ui/render.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function renderApp(options) {
   process.on("unhandledRejection", (reason) => {
     process.stderr.write(`
@@ -2278,7 +2798,7 @@ function renderApp(options) {
 `);
     }
   });
-  const instance = render(/* @__PURE__ */ jsx11(App, { ...options }), {
+  const instance = render(/* @__PURE__ */ jsx14(App, { ...options }), {
     exitOnCtrlC: true
   });
   instance.waitUntilExit().catch((err) => {