@mcp-use/cli 1.0.11 → 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;
       })();
     }
   }
@@ -279681,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)) {
@@ -279703,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
@@ -280909,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();
 
@@ -283098,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)("");
@@ -283117,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 () => {
@@ -283130,6 +283162,7 @@ function App2() {
           model,
           connectedServers: servers
         });
+        setCommandSuggestions([...cliService.getCommandRegistry().entries()]);
         setCurrentModel(model);
         setConnectedServers(servers);
         setShowInput(true);
@@ -283466,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 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      !initializationError && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         Box_default,
         {
           marginBottom: 1,
@@ -283481,61 +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.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: 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
@@ -283567,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.11",
+	"version": "1.0.14",
 	"license": "MIT",
 	"description": "CLI for interacting with Model Context Protocol servers via natural language",
 	"keywords": [