@mcp-use/cli 1.0.10 → 1.0.14

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;
       })();
     }
   }
@@ -279363,9 +279363,7 @@ var LLMService = class {
   }
   createLLM() {
     if (!this.currentLLMConfig) {
-      throw new Error(
-        "No LLM configured. Use /model command to select a provider and model."
-      );
+      return null;
     }
     const config3 = this.currentLLMConfig;
     const providerInfo = PROVIDERS[config3.provider];
@@ -279683,7 +279681,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)) {
@@ -279705,7 +279703,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
@@ -279969,10 +279970,10 @@ This command will test if the server package can be started manually.`
 
 Command: ${result.command}
 
-\u26A0\uFE0F Note: This will attempt to run the server command manually.
+ Note: This will attempt to run the server command manually.
 Check the console for output and errors.
 
-\u{1F4A1} Try running this command manually in your terminal:
+ Try running this command manually in your terminal:
 ${result.command}`,
       data: { testServer: true, serverName, command: result.command }
     };
@@ -280202,14 +280203,14 @@ Available slash commands:
     statusText += "\n";
     if (!currentConfig) {
       if (availableProviders.length === 0) {
-        statusText += "\u26A0\uFE0F No model selected\n";
+        statusText += " No model selected\n";
         statusText += "\nChoose a model to get started:\n";
         statusText += "\u2022 /model openai gpt-4o-mini\n";
         statusText += "\u2022 /model anthropic claude-3-5-sonnet-20241022\n";
         statusText += "\u2022 /model google gemini-1.5-pro\n";
         statusText += "\nThe CLI will help you set up API keys when needed.";
       } else {
-        statusText += "\u26A0\uFE0F No model selected\n";
+        statusText += " No model selected\n";
         statusText += `
 Available providers: ${availableProviders.join(
           ", "
@@ -280845,7 +280846,7 @@ Configured servers: ${configuredServers.join(
       await this.agentService.connectServer(serverName, serverConfig);
       return {
         type: "success",
-        message: `\u2705 Connected to server "${serverName}"!`,
+        message: `Connected to server "${serverName}"!`,
         data: { reinitializeAgent: true }
       };
     } catch (error) {
@@ -280911,6 +280912,13 @@ Connected servers: ${connectedServers.join(
       };
     }
   }
+  /**
+   * Returns the command registry.
+   * @returns The map of registered commands
+   */
+  getCommandRegistry() {
+    return this.commandRegistry;
+  }
 };
 var cliService = new CLIService();
 
@@ -282934,7 +282942,7 @@ function ToolStatus({ tools, error }) {
         "\u274C Error: ",
         error
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: "\u{1F4A1} This might indicate:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: " This might indicate:" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { marginLeft: 2, flexDirection: "column", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: "\u2022 MCP servers failed to start" }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: "\u2022 Connection issues with configured servers" })
@@ -283100,8 +283108,29 @@ 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(
+    ([command]) => command.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: "COMMANDS" }),
+    filteredSuggestions.map(([command, { description }]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Box_default, { flexDirection: "row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Box_default, { width: 20, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { children: command }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { children: description })
+    ] }, command))
+  ] }) });
+}
+
+// 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)("");
@@ -283119,6 +283148,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 [commandSuggestions, setCommandSuggestions] = (0, import_react26.useState)([]);
   const { stdout } = use_stdout_default();
   (0, import_react26.useEffect)(() => {
     const initializeMCP = async () => {
@@ -283132,6 +283162,7 @@ function App2() {
           model,
           connectedServers: servers
         });
+        setCommandSuggestions([...cliService.getCommandRegistry().entries()]);
         setCurrentModel(model);
         setConnectedServers(servers);
         setShowInput(true);
@@ -283360,6 +283391,17 @@ function App2() {
     };
     setMessages((prev) => [...prev, userMessage]);
     setInput("");
+    if (currentModel.includes("No") && !trimmedInput.startsWith("/")) {
+      const errorMessage = {
+        id: (Date.now() + 1).toString(),
+        role: "assistant",
+        content: `No model configured. Use /model to select a provider and model.`,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      setMessages((prev) => [...prev, errorMessage]);
+      setIsLoading(false);
+      return;
+    }
     setIsLoading(true);
     try {
       const stream = cliService.sendMessage(trimmedInput);
@@ -283457,13 +283499,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 && messages2.length === 0 && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      !initializationError && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         Box_default,
         {
           marginBottom: 1,
@@ -283472,64 +283514,70 @@ 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.jsxs)(Text, { color: "yellow", children: [
-                "\u26A0\uFE0F ",
-                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: "\u{1F4A1} 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: commandSuggestions,
+          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
@@ -283561,7 +283609,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.10",
+	"version": "1.0.14",
 	"license": "MIT",
 	"description": "CLI for interacting with Model Context Protocol servers via natural language",
 	"keywords": [