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

package/dist/node/index.cjs

@@ -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
@@ -536,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) {
@@ -694,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+/);
@@ -714,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);
       }
@@ -727,7 +721,8 @@ function useSlashCommands(session, addMessage, setMessages, exit, registry, pend
       registry,
       pendingModelChangeRef,
       setPendingModelId,
-      pluginCallbacks
+      pluginCallbacks,
+      setShowPluginTUI
     ]
   );
 }
@@ -1111,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" }
@@ -1393,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);
@@ -2149,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);
@@ -2169,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,
@@ -2182,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,
@@ -2200,7 +2664,8 @@ function App(props) {
     registry,
     pendingModelChangeRef,
     setPendingModelId,
-    pluginCallbacks
+    pluginCallbacks,
+    setShowPluginTUI
   );
   const handleSubmit = useSubmitHandler(
     session,
@@ -2211,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.`,
@@ -2265,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(),
@@ -2278,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(`
@@ -2302,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) => {