@mcp-use/cli 1.0.11 → 1.0.15

package/dist/cli.js

@@ -225853,11 +225853,11 @@ var require_react_jsx_runtime_development = __commonJS({
             return jsxWithValidation(type, props, key, false);
           }
         }
-        var jsx10 = jsxWithValidationDynamic;
-        var jsxs7 = jsxWithValidationStatic;
+        var jsx11 = jsxWithValidationDynamic;
+        var jsxs8 = jsxWithValidationStatic;
         exports2.Fragment = REACT_FRAGMENT_TYPE;
-        exports2.jsx = jsx10;
-        exports2.jsxs = jsxs7;
+        exports2.jsx = jsx11;
+        exports2.jsxs = jsxs8;
       })();
     }
   }
@@ -279210,6 +279210,9 @@ var LLMService = class {
   getAvailableProviders() {
     return Object.entries(PROVIDERS).filter(([, providerInfo]) => this.getApiKey(providerInfo.envVar)).map(([providerName]) => providerName);
   }
+  getAllProviderNames() {
+    return Object.keys(PROVIDERS);
+  }
   isAnyProviderAvailable() {
     return this.getAvailableProviders().length > 0;
   }
@@ -279681,7 +279684,7 @@ var MCPConfigService = class {
           success: false,
           message: `Server(s) already exist: ${conflicts.join(
             ", "
-          )}. Please use different names.`
+          )}. Please use different names. If you want to connect to it, use /server connect <name>.`
         };
       }
       for (const [name, serverConfig] of Object.entries(servers)) {
@@ -279703,7 +279706,10 @@ var MCPConfigService = class {
         success: true,
         message: `Configured ${serverNames.length} server(s)!
 
-${serverList}`,
+${serverList}
+				 
+
+Use /server connect <name> to connect to it.`,
         data: {
           serversAdded: true,
           serverNames
@@ -280374,7 +280380,13 @@ var CLIService = class {
   registerCommands() {
     this.commandRegistry.set("/model", {
       handler: (args) => this.llmService.handleModelCommand(args),
-      description: "Choose your LLM provider and model"
+      description: "Choose your LLM provider and model",
+      getSuggestions: async (args) => {
+        if (args.length <= 1) {
+          return this.llmService.getAllProviderNames();
+        }
+        return [];
+      }
     });
     this.commandRegistry.set("/models", {
       handler: () => this.llmService.handleListModelsCommand(),
@@ -280394,7 +280406,8 @@ var CLIService = class {
     });
     this.commandRegistry.set("/server", {
       handler: (args) => this.handleServerCommand(args),
-      description: "Manage MCP servers"
+      description: "Manage MCP servers",
+      getSuggestions: () => ["add", "connect", "disconnect"]
     });
     this.commandRegistry.set("/server add", {
       handler: () => this.handleServerAddCommand(),
@@ -280402,11 +280415,19 @@ var CLIService = class {
     });
     this.commandRegistry.set("/server connect", {
       handler: async (args) => this.handleServerConnectCommand(args),
-      description: "Connect to a configured server"
+      description: "Connect to a configured server",
+      getSuggestions: async () => {
+        const configured = Object.keys(
+          this.mcpConfigService.getConfiguredServers()
+        );
+        const connected = this.agentService.getConnectedServerNames();
+        return configured.filter((s5) => !connected.includes(s5));
+      }
     });
     this.commandRegistry.set("/server disconnect", {
       handler: async (args) => this.handleServerDisconnectCommand(args),
-      description: "Disconnect from a server"
+      description: "Disconnect from a server",
+      getSuggestions: async () => this.agentService.getConnectedServerNames()
     });
     this.commandRegistry.set("/servers", {
       handler: () => this.handleListServersCommand(),
@@ -280886,29 +280907,82 @@ Connected servers: ${connectedServers.join(
         message: "Server name is required.\n\nUsage: /server disconnect <server_name>"
       };
     }
-    if (!this.agentService.isServerConnected(serverName)) {
-      return {
-        type: "error",
-        message: `Server "${serverName}" is not connected.`
-      };
-    }
     try {
-      this.agentService.disconnectServer(serverName);
+      await this.agentService.disconnectServer(serverName);
+      await this.initializeAgent();
       return {
-        type: "success",
-        message: `\u2705 Disconnected from server "${serverName}".`,
-        data: { reinitializeAgent: true }
+        type: "server_action",
+        message: `Disconnected from server: ${serverName}`,
+        data: {
+          reinitializeAgent: true,
+          serverName,
+          action: "disconnect"
+        }
       };
     } catch (error) {
-      Logger.error(`Failed to disconnect from server ${serverName}`, {
-        error: error instanceof Error ? error.message : String(error)
-      });
       return {
         type: "error",
-        message: `Failed to disconnect from server "${serverName}": ${error instanceof Error ? error.message : "Unknown error"}`
+        message: `Failed to disconnect from ${serverName}: ${error instanceof Error ? error.message : "Unknown error"}`
       };
     }
   }
+  /**
+   * Gets command suggestions based on the user's input.
+   * It can suggest commands, subcommands, or arguments.
+   * @param text The full input string from the user.
+   * @returns A promise that resolves to an array of suggestion strings.
+   */
+  async getSuggestions(text) {
+    const parts = text.trim().split(/\s+/);
+    const commandName = parts[0] || "";
+    if (!text.includes(" ")) {
+      return [...this.commandRegistry.keys()].filter(
+        (c4) => c4.startsWith(commandName) && !c4.includes(" ")
+      );
+    }
+    const getPotentialCommands = (input) => {
+      const result = [];
+      const ps = input.trim().split(" ");
+      if (ps.length >= 2) {
+        const twoPartCmd = `${ps[0]} ${ps[1]}`;
+        if (this.commandRegistry.has(twoPartCmd)) {
+          result.push({
+            cmd: twoPartCmd,
+            entry: this.commandRegistry.get(twoPartCmd),
+            args: ps.slice(2)
+          });
+        }
+      }
+      if (this.commandRegistry.has(ps[0])) {
+        result.push({
+          cmd: ps[0],
+          entry: this.commandRegistry.get(ps[0]),
+          args: ps.slice(1)
+        });
+      }
+      return result;
+    };
+    const potentialCommands = getPotentialCommands(text);
+    if (potentialCommands.length === 0) {
+      return [];
+    }
+    const { entry, args } = potentialCommands.length > 1 && potentialCommands[0].cmd.length > potentialCommands[1].cmd.length ? potentialCommands[0] : potentialCommands.at(-1);
+    if (entry.getSuggestions) {
+      const suggestions = await entry.getSuggestions(args);
+      const lastArg = text.endsWith(" ") ? "" : args.at(-1) || "";
+      const filtered = suggestions.filter((s5) => s5.startsWith(lastArg));
+      const baseCommand = text.endsWith(" ") ? text : text.slice(0, -lastArg.length);
+      return filtered.map((s5) => `${baseCommand}${s5}`);
+    }
+    return [];
+  }
+  /**
+   * Returns the command registry.
+   * @returns The map of registered commands
+   */
+  getCommandRegistry() {
+    return this.commandRegistry;
+  }
 };
 var cliService = new CLIService();
 
@@ -283098,8 +283172,24 @@ var Footer = ({
   );
 };
 
-// source/app.tsx
+// source/components/CommandSuggestions.tsx
 var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
+function CommandSuggestions({
+  suggestions,
+  query
+}) {
+  const filteredSuggestions = suggestions.filter((s5) => s5.startsWith(query));
+  if (filteredSuggestions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { borderStyle: "round", paddingX: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { bold: true, children: "SUGGESTIONS" }),
+    filteredSuggestions.slice(0, 5).map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { children: suggestion }) }, suggestion))
+  ] }) });
+}
+
+// source/app.tsx
+var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
 function App2() {
   const [messages2, setMessages] = (0, import_react26.useState)([]);
   const [input, setInput] = (0, import_react26.useState)("");
@@ -283117,6 +283207,7 @@ function App2() {
   const [inputHistory, setInputHistory] = (0, import_react26.useState)([]);
   const [historyIndex, setHistoryIndex] = (0, import_react26.useState)(-1);
   const [tempInput, setTempInput] = (0, import_react26.useState)("");
+  const [suggestions, setSuggestions] = (0, import_react26.useState)([]);
   const { stdout } = use_stdout_default();
   (0, import_react26.useEffect)(() => {
     const initializeMCP = async () => {
@@ -283146,6 +283237,17 @@ function App2() {
     };
     initializeMCP();
   }, []);
+  (0, import_react26.useEffect)(() => {
+    const fetchSuggestions = async () => {
+      if (input.startsWith("/")) {
+        const suggs = await cliService.getSuggestions(input);
+        setSuggestions(suggs);
+      } else {
+        setSuggestions([]);
+      }
+    };
+    fetchSuggestions();
+  }, [input]);
   use_input_default((inputChar, key) => {
     if (key.ctrl && inputChar === "c") {
       process.exit(0);
@@ -283466,13 +283568,13 @@ function App2() {
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "column", minHeight: stdout.rows || 24, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [
-      initializationError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Text, { color: "red", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { flexDirection: "column", minHeight: stdout.rows || 24, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [
+      initializationError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Text, { color: "red", children: [
         "\u274C ",
         initializationError
       ] }) }),
-      !initializationError && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      !initializationError && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         Box_default,
         {
           marginBottom: 1,
@@ -283481,61 +283583,64 @@ function App2() {
           borderColor: "blue",
           padding: 2,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AsciiLogo, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "gray", children: "Welcome to MCP-Use CLI!" }),
-            currentModel.includes("No") ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "column", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "yellow", children: currentModel }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "gray", children: "Choose a model to get started - the CLI will help you set up the API key." }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "cyan", children: "Try: /model openai gpt-4o-mini" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "gray", children: "Or use /models to see all options, /help for commands." })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "column", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "gray", children: "Type your message and press Enter to start chatting." }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "gray", children: "Use slash commands like /help, /model, or /status for configuration." })
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AsciiLogo, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "gray", children: "Welcome to MCP-Use CLI!" }),
+            currentModel.includes("No") ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { flexDirection: "column", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "yellow", children: currentModel }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "gray", children: "Choose a model to get started - the CLI will help you set up the API key." }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "cyan", children: "Try: /model openai gpt-4o-mini" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "gray", children: "Or use /models to see all options, /help for commands." })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { flexDirection: "column", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "gray", children: "Type your message and press Enter to start chatting." }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "gray", children: "Use slash commands like /help, /model, or /status for configuration." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(dist_default5, { name: "vice", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { children: "To support us check out https://mcp-use.com \u2764\uFE0F \u2B50" }) }) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(dist_default5, { name: "vice", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { children: "To support us check out https://mcp-use.com \u2764\uFE0F \u2B50" }) }) }) })
           ]
         }
       ),
-      !initializationError && messages2.length === 0 && isLoading && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "blue", children: "\u{1F504} Initializing MCP service..." }) }),
-      messages2.map((message) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MessageRenderer, { message })),
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { marginRight: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { color: "blue", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Spinner_default, { type: "mcpuse" }) }) }) })
+      !initializationError && messages2.length === 0 && isLoading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "blue", children: "\u{1F504} Initializing MCP service..." }) }),
+      messages2.map((message) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MessageRenderer, { message })),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box_default, { marginRight: 1, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { color: "blue", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Spinner_default, { type: "mcpuse" }) }) }) })
     ] }),
-    showInput && !initializationError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      Box_default,
-      {
-        borderStyle: "round",
-        borderColor: isWaitingForApiKey ? "yellow" : isWaitingForServerConfig ? "blue" : "gray",
-        minHeight: 3,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "row", width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { marginRight: 1, alignSelf: "flex-start", flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            Text,
-            {
-              color: isWaitingForApiKey ? "yellow" : isWaitingForServerConfig ? "blue" : "green",
-              bold: true,
-              children: isWaitingForApiKey ? "\u{1F511}" : isWaitingForServerConfig ? "\u{1F527}" : "\u276F"
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            InputPrompt,
-            {
-              value: input,
-              onChange: setInput,
-              onSubmit: handleSubmit,
-              onHistoryUp: handleHistoryUp,
-              onHistoryDown: handleHistoryDown,
-              placeholder: isWaitingForApiKey ? `Enter ${pendingProvider.toUpperCase()} API key...` : isWaitingForServerConfig ? "Enter server configuration..." : "Type your message...",
-              mask: isWaitingForApiKey ? "*" : void 0
-            }
-          )
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Footer, { servers: connectedServers, modelSlug: currentModel })
+    showInput && !initializationError && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
+      input.startsWith("/") && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CommandSuggestions, { suggestions, query: input }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        Box_default,
+        {
+          borderStyle: "round",
+          borderColor: isWaitingForApiKey ? "yellow" : isWaitingForServerConfig ? "blue" : "gray",
+          minHeight: 3,
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Box_default, { flexDirection: "row", width: "100%", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Box_default, { marginRight: 1, alignSelf: "flex-start", flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              Text,
+              {
+                color: isWaitingForApiKey ? "yellow" : isWaitingForServerConfig ? "blue" : "green",
+                bold: true,
+                children: isWaitingForApiKey ? "\u{1F511}" : isWaitingForServerConfig ? "\u{1F527}" : "\u276F"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              InputPrompt,
+              {
+                value: input,
+                onChange: setInput,
+                onSubmit: handleSubmit,
+                onHistoryUp: handleHistoryUp,
+                onHistoryDown: handleHistoryDown,
+                placeholder: isWaitingForApiKey ? `Enter ${pendingProvider.toUpperCase()} API key...` : isWaitingForServerConfig ? "Enter server configuration..." : "Type your message...",
+                mask: isWaitingForApiKey ? "*" : void 0
+              }
+            )
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Footer, { servers: connectedServers, modelSlug: currentModel })
   ] });
 }
 
 // source/cli.tsx
-var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
 meow_default(
   `
 	Usage
@@ -283567,7 +283672,7 @@ meow_default(
     }
   }
 );
-render_default(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(App2, {}));
+render_default(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(App2, {}));
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mcp-use/cli",
-	"version": "1.0.11",
+	"version": "1.0.15",
 	"license": "MIT",
 	"description": "CLI for interacting with Model Context Protocol servers via natural language",
 	"keywords": [