mcp-use 1.9.1-canary.1 → 1.10.0-canary.11

package/dist/{chunk-QREDNTLS.js → chunk-5S5DWSKI.js}

@@ -1,6 +1,6 @@
 import {
   BaseConnector
-} from "./chunk-ZQUCGISK.js";
+} from "./chunk-NNQUSDFU.js";
 import {
   __name
 } from "./chunk-3GQAWCBQ.js";

package/dist/{chunk-MUZ5WYE3.js → chunk-5UB2K5L6.js}

@@ -1,10 +1,13 @@
 import {
   BrowserMCPClient
-} from "./chunk-D22NUQTL.js";
+} from "./chunk-LXYUQEEE.js";
 import {
   BrowserOAuthClientProvider,
   sanitizeUrl
-} from "./chunk-3R5PDYIN.js";
+} from "./chunk-J75I2C26.js";
+import {
+  Tel
+} from "./chunk-PESKSVLQ.js";
 import {
   __name
 } from "./chunk-3GQAWCBQ.js";
@@ -133,8 +136,20 @@ function useMcp(options) {
         }
       }
       connectingRef.current = false;
+      if (url) {
+        Tel.getInstance().trackUseMcpConnection({
+          url,
+          transportType,
+          success: false,
+          errorType: connectionError?.name || "UnknownError",
+          hasOAuth: !!authProviderRef.current,
+          hasSampling: !!samplingCallback,
+          hasElicitation: !!onElicitation
+        }).catch(() => {
+        });
+      }
     },
-    [addLog]
+    [addLog, url, transportType, samplingCallback, onElicitation]
   );
   const connect = useCallback(async () => {
     if (!enabled || !url) {
@@ -243,6 +258,15 @@ function useMcp(options) {
         );
         setState("ready");
         successfulTransportRef.current = transportTypeParam;
+        Tel.getInstance().trackUseMcpConnection({
+          url,
+          transportType: transportTypeParam,
+          success: true,
+          hasOAuth: !!authProviderRef.current,
+          hasSampling: !!samplingCallback,
+          hasElicitation: !!onElicitation
+        }).catch(() => {
+        });
         setTools(session.connector.tools || []);
         const resourcesResult = await session.connector.listAllResources();
         setResources(resourcesResult.resources || []);
@@ -260,15 +284,16 @@ function useMcp(options) {
         }
         return "success";
       } catch (err) {
-        const errorMessage = err?.message || String(err);
-        if (err.code === 401 || errorMessage.includes("401") || errorMessage.includes("Unauthorized")) {
+        const error2 = err;
+        const errorMessage = error2?.message || String(err);
+        if (error2.code === 401 || errorMessage.includes("401") || errorMessage.includes("Unauthorized")) {
           if (authProviderRef.current) {
             addLog(
               "info",
               "Authentication required. OAuth provider available."
             );
             try {
-              const { auth } = await import("@modelcontextprotocol/sdk/client/auth.js");
+              const { auth } = await import("@mcp-use/modelcontextprotocol-sdk/client/auth.js");
               const baseUrl = new URL(url).origin;
               auth(authProviderRef.current, { serverUrl: baseUrl }).catch(
                 () => {
@@ -309,7 +334,10 @@ function useMcp(options) {
           );
           return "failed";
         }
-        failConnection(errorMessage, err);
+        failConnection(
+          errorMessage,
+          error2 instanceof Error ? error2 : new Error(String(error2))
+        );
         return "failed";
       }
     }, "tryConnectWithTransport");
@@ -363,6 +391,7 @@ function useMcp(options) {
         );
       }
       addLog("info", `Calling tool: ${name}`, args);
+      const startTime = Date.now();
       try {
         const serverName = "inspector-server";
         const session = clientRef.current.getSession(serverName);
@@ -375,9 +404,22 @@ function useMcp(options) {
           options2
         );
         addLog("info", `Tool "${name}" call successful:`, result);
+        Tel.getInstance().trackUseMcpToolCall({
+          toolName: name,
+          success: true,
+          executionTimeMs: Date.now() - startTime
+        }).catch(() => {
+        });
         return result;
       } catch (err) {
         addLog("error", `Tool "${name}" call failed:`, err);
+        Tel.getInstance().trackUseMcpToolCall({
+          toolName: name,
+          success: false,
+          errorType: err instanceof Error ? err.name : "UnknownError",
+          executionTimeMs: Date.now() - startTime
+        }).catch(() => {
+        });
         throw err;
       }
     },
@@ -433,7 +475,7 @@ function useMcp(options) {
         });
         authProviderRef.current = freshAuthProvider;
         addLog("info", "Triggering fresh OAuth authorization...");
-        const { auth } = await import("@modelcontextprotocol/sdk/client/auth.js");
+        const { auth } = await import("@mcp-use/modelcontextprotocol-sdk/client/auth.js");
         const baseUrl = new URL(url).origin;
         auth(freshAuthProvider, {
           serverUrl: baseUrl
@@ -441,7 +483,7 @@ function useMcp(options) {
           addLog(
             "info",
             "OAuth flow initiated:",
-            err?.message || "Redirecting..."
+            err instanceof Error ? err.message : "Redirecting..."
           );
         });
       } catch (authError) {
@@ -527,9 +569,20 @@ function useMcp(options) {
         }
         const result = await session.connector.readResource(uri);
         addLog("info", "Resource read successful:", result);
+        Tel.getInstance().trackUseMcpResourceRead({
+          resourceUri: uri,
+          success: true
+        }).catch(() => {
+        });
         return result;
       } catch (err) {
         addLog("error", "Resource read failed:", err);
+        Tel.getInstance().trackUseMcpResourceRead({
+          resourceUri: uri,
+          success: false,
+          errorType: err instanceof Error ? err.name : "UnknownError"
+        }).catch(() => {
+        });
         throw err;
       }
     },
@@ -1183,7 +1236,8 @@ function WidgetControls({
       const result = await callTool(toolName, args);
       setActionResult(`Success: ${JSON.stringify(result, null, 2)}`);
     } catch (error) {
-      setActionResult(`Error: ${error.message}`);
+      const err = error;
+      setActionResult(`Error: ${err.message}`);
     }
   }, "handleCallTool");
   const handleSendFollowUpMessage = /* @__PURE__ */ __name(async () => {
@@ -1192,7 +1246,8 @@ function WidgetControls({
       await sendFollowUpMessage(followUpMessage);
       setActionResult("Follow-up message sent successfully");
     } catch (error) {
-      setActionResult(`Error: ${error.message}`);
+      const err = error;
+      setActionResult(`Error: ${err.message}`);
     }
   }, "handleSendFollowUpMessage");
   const handleOpenExternal = /* @__PURE__ */ __name(() => {
@@ -1200,7 +1255,8 @@ function WidgetControls({
       openExternal(externalUrl);
       setActionResult(`Opened external link: ${externalUrl}`);
     } catch (error) {
-      setActionResult(`Error: ${error.message}`);
+      const err = error;
+      setActionResult(`Error: ${err.message}`);
     }
   }, "handleOpenExternal");
   const handleRequestDisplayMode = /* @__PURE__ */ __name(async (mode) => {
@@ -1209,7 +1265,8 @@ function WidgetControls({
       const result = await requestDisplayMode(mode);
       setActionResult(`Display mode granted: ${result.mode}`);
     } catch (error) {
-      setActionResult(`Error: ${error.message}`);
+      const err = error;
+      setActionResult(`Error: ${err.message}`);
     }
   }, "handleRequestDisplayMode");
   const handleSetState = /* @__PURE__ */ __name(async () => {
@@ -1219,7 +1276,8 @@ function WidgetControls({
       await setState(newState);
       setActionResult(`State updated: ${JSON.stringify(newState, null, 2)}`);
     } catch (error) {
-      setActionResult(`Error: ${error.message}`);
+      const err = error;
+      setActionResult(`Error: ${err.message}`);
     }
   }, "handleSetState");
   const handleFullscreen = /* @__PURE__ */ __name(async () => {

package/dist/{chunk-33U4IA4N.js → chunk-B5N3LQQU.js}

@@ -2,14 +2,15 @@ import {
   ElicitationValidationError
 } from "./chunk-KUEVOU4M.js";
 import {
+  Telemetry,
   generateUUID
-} from "./chunk-MTHLLDCX.js";
+} from "./chunk-PESKSVLQ.js";
 import {
   __name
 } from "./chunk-3GQAWCBQ.js";
 
 // src/server/tools/tool-execution-helpers.ts
-import { toJsonSchemaCompat } from "@modelcontextprotocol/sdk/server/zod-json-schema-compat.js";
+import { toJsonSchemaCompat } from "@mcp-use/modelcontextprotocol-sdk/server/zod-json-schema-compat.js";
 function findSessionContext(sessions, initialRequestContext, extraProgressToken, extraSendNotification) {
   let requestContext = initialRequestContext;
   let session;
@@ -196,6 +197,9 @@ function createSampleMethod(createMessage, progressToken, sendNotification) {
         `Sampling timed out after ${timeout}ms`
       );
       console.log("[SAMPLING DEBUG] Got result:", result);
+      Telemetry.getInstance().trackServerContext({
+        contextType: "sample"
+      }).catch((e) => console.debug(`Failed to track sample context: ${e}`));
       return result;
     } catch (error) {
       console.error("[SAMPLING DEBUG] Error during sampling:", error);
@@ -219,6 +223,9 @@ function createElicitMethod(elicitInput) {
     const { timeout } = options ?? {};
     const sdkTimeout = timeout && timeout !== Infinity ? timeout : 2147483647;
     const result = await elicitInput(sdkParams, { timeout: sdkTimeout });
+    Telemetry.getInstance().trackServerContext({
+      contextType: "elicit"
+    }).catch((e) => console.debug(`Failed to track elicit context: ${e}`));
     if (zodSchema && result.action === "accept" && result.data) {
       try {
         const validatedData = zodSchema.parse(result.data);
@@ -227,9 +234,10 @@ function createElicitMethod(elicitInput) {
           data: validatedData
         };
       } catch (error) {
+        const err = error;
         throw new ElicitationValidationError(
-          `Elicitation data validation failed: ${error.message}`,
-          error
+          `Elicitation data validation failed: ${err.message}`,
+          err
         );
       }
     }
@@ -302,10 +310,79 @@ function createLogMethod(sendNotification, minLogLevel) {
         logger: logger || "tool"
       }
     });
+    Telemetry.getInstance().trackServerContext({
+      contextType: "notification",
+      notificationType: "message"
+    }).catch(
+      (e) => console.debug(`Failed to track notification context: ${e}`)
+    );
   };
 }
 __name(createLogMethod, "createLogMethod");
-function createEnhancedContext(baseContext, createMessage, elicitInput, progressToken, sendNotification, minLogLevel) {
+function createClientCapabilityChecker(clientCapabilities) {
+  const caps = clientCapabilities || {};
+  return {
+    can(capability) {
+      return capability in caps;
+    },
+    capabilities() {
+      return { ...caps };
+    }
+  };
+}
+__name(createClientCapabilityChecker, "createClientCapabilityChecker");
+function createSendNotificationMethod(sessionId, sessions) {
+  if (!sessionId || !sessions) {
+    return void 0;
+  }
+  return async (method, params) => {
+    const session = sessions.get(sessionId);
+    if (!session?.sendNotification) {
+      console.warn(
+        `[MCP] Cannot send notification to session ${sessionId} - no sendNotification function`
+      );
+      return;
+    }
+    try {
+      await session.sendNotification({
+        method,
+        params: params || {}
+      });
+    } catch (error) {
+      console.error(
+        `[MCP] Error sending notification to session ${sessionId}:`,
+        error
+      );
+    }
+  };
+}
+__name(createSendNotificationMethod, "createSendNotificationMethod");
+function createSendNotificationToSessionMethod(sessions) {
+  if (!sessions) {
+    return void 0;
+  }
+  return async (sessionId, method, params) => {
+    const session = sessions.get(sessionId);
+    if (!session?.sendNotification) {
+      return false;
+    }
+    try {
+      await session.sendNotification({
+        method,
+        params: params || {}
+      });
+      return true;
+    } catch (error) {
+      console.error(
+        `[MCP] Error sending notification to session ${sessionId}:`,
+        error
+      );
+      return false;
+    }
+  };
+}
+__name(createSendNotificationToSessionMethod, "createSendNotificationToSessionMethod");
+function createEnhancedContext(baseContext, createMessage, elicitInput, progressToken, sendNotification, minLogLevel, clientCapabilities, sessionId, sessions) {
   const enhancedContext = baseContext ? Object.create(baseContext) : {};
   enhancedContext.sample = createSampleMethod(
     createMessage,
@@ -318,6 +395,23 @@ function createEnhancedContext(baseContext, createMessage, elicitInput, progress
     sendNotification
   );
   enhancedContext.log = createLogMethod(sendNotification, minLogLevel);
+  enhancedContext.client = createClientCapabilityChecker(clientCapabilities);
+  if (sessionId) {
+    enhancedContext.session = {
+      sessionId
+    };
+  }
+  const sendNotificationMethod = createSendNotificationMethod(
+    sessionId,
+    sessions
+  );
+  if (sendNotificationMethod) {
+    enhancedContext.sendNotification = sendNotificationMethod;
+  }
+  const sendNotificationToSessionMethod = createSendNotificationToSessionMethod(sessions);
+  if (sendNotificationToSessionMethod) {
+    enhancedContext.sendNotificationToSession = sendNotificationToSessionMethod;
+  }
   return enhancedContext;
 }
 __name(createEnhancedContext, "createEnhancedContext");

package/dist/{chunk-3R5PDYIN.js → chunk-J75I2C26.js}

@@ -261,7 +261,7 @@ var BrowserOAuthClientProvider = class {
 };
 
 // src/auth/callback.ts
-import { auth } from "@modelcontextprotocol/sdk/client/auth.js";
+import { auth } from "@mcp-use/modelcontextprotocol-sdk/client/auth.js";
 async function onMcpAuthorization() {
   const queryParams = new URLSearchParams(window.location.search);
   const code = queryParams.get("code");
@@ -369,16 +369,44 @@ async function onMcpAuthorization() {
       );
     }
     try {
-      document.body.innerHTML = `
-            <div style="font-family: sans-serif; padding: 20px;">
-            <h1>Authentication Error</h1>
-            <p style="color: red; background-color: #ffebeb; border: 1px solid red; padding: 10px; border-radius: 4px;">
-                ${errorMessage}
-            </p>
-            <p>You can close this window or <a href="#" onclick="window.close(); return false;">click here to close</a>.</p>
-            <pre style="font-size: 0.8em; color: #555; margin-top: 20px; white-space: pre-wrap;">${err instanceof Error ? err.stack : ""}</pre>
-            </div>
-        `;
+      document.body.innerHTML = "";
+      const container = document.createElement("div");
+      container.style.fontFamily = "sans-serif";
+      container.style.padding = "20px";
+      const heading = document.createElement("h1");
+      heading.textContent = "Authentication Error";
+      container.appendChild(heading);
+      const errorPara = document.createElement("p");
+      errorPara.style.color = "red";
+      errorPara.style.backgroundColor = "#ffebeb";
+      errorPara.style.border = "1px solid red";
+      errorPara.style.padding = "10px";
+      errorPara.style.borderRadius = "4px";
+      errorPara.textContent = errorMessage;
+      container.appendChild(errorPara);
+      const closePara = document.createElement("p");
+      closePara.textContent = "You can close this window or ";
+      const closeLink = document.createElement("a");
+      closeLink.href = "#";
+      closeLink.textContent = "click here to close";
+      closeLink.onclick = (e) => {
+        e.preventDefault();
+        window.close();
+        return false;
+      };
+      closePara.appendChild(closeLink);
+      closePara.appendChild(document.createTextNode("."));
+      container.appendChild(closePara);
+      if (err instanceof Error && err.stack) {
+        const stackPre = document.createElement("pre");
+        stackPre.style.fontSize = "0.8em";
+        stackPre.style.color = "#555";
+        stackPre.style.marginTop = "20px";
+        stackPre.style.whiteSpace = "pre-wrap";
+        stackPre.textContent = err.stack;
+        container.appendChild(stackPre);
+      }
+      document.body.appendChild(container);
     } catch (displayError) {
       console.error(
         `${logPrefix} Could not display error in callback window:`,