@modelcontextprotocol/inspector 0.17.5 → 0.19.0

package/client/dist/assets/{index-DH5T2nDo.css → index-6PUMPh30.css}

@@ -281,7 +281,7 @@ pre[class*="language-"] {
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }/*
-! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -863,10 +863,17 @@ video {
 .row-auto {
   grid-row: auto;
 }
+.m-0 {
+  margin: 0px;
+}
 .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
 .my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -953,6 +960,9 @@ video {
 .h-10 {
   height: 2.5rem;
 }
+.h-12 {
+  height: 3rem;
+}
 .h-2 {
   height: 0.5rem;
 }
@@ -1016,6 +1026,12 @@ video {
 .min-h-\[60px\] {
   min-height: 60px;
 }
+.w-1\/3 {
+  width: 33.333333%;
+}
+.w-12 {
+  width: 3rem;
+}
 .w-2 {
   width: 0.5rem;
 }
@@ -1100,6 +1116,15 @@ video {
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+@keyframes pulse {
+
+  50% {
+    opacity: .5;
+  }
+}
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 @keyframes spin {
 
   to {
@@ -1534,6 +1559,9 @@ video {
 .font-semibold {
   font-weight: 600;
 }
+.capitalize {
+  text-transform: capitalize;
+}
 .italic {
   font-style: italic;
 }
@@ -1667,6 +1695,14 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
+.text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
+}
 .text-yellow-800 {
   --tw-text-opacity: 1;
   color: rgb(133 77 14 / var(--tw-text-opacity, 1));
@@ -1680,6 +1716,9 @@ video {
 .opacity-100 {
   opacity: 1;
 }
+.opacity-20 {
+  opacity: 0.2;
+}
 .opacity-50 {
   opacity: 0.5;
 }

package/client/dist/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/mcp.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>MCP Inspector</title>
-    <script type="module" crossorigin src="/assets/index-CneFQkmB.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DH5T2nDo.css">
+    <script type="module" crossorigin src="/assets/index-3HVc23AL.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-6PUMPh30.css">
   </head>
   <body>
     <div id="root" class="w-full"></div>

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@modelcontextprotocol/inspector",
-  "version": "0.17.5",
+  "version": "0.19.0",
   "description": "Model Context Protocol inspector",
-  "license": "MIT",
-  "author": "Anthropic, PBC (https://anthropic.com)",
+  "license": "SEE LICENSE IN LICENSE",
+  "author": "Model Context Protocol a Series of LF Projects, LLC.",
   "homepage": "https://modelcontextprotocol.io",
   "bugs": "https://github.com/modelcontextprotocol/inspector/issues",
   "type": "module",
@@ -47,10 +47,10 @@
     "check-version": "node scripts/check-version-consistency.js"
   },
   "dependencies": {
-    "@modelcontextprotocol/inspector-cli": "^0.17.5",
-    "@modelcontextprotocol/inspector-client": "^0.17.5",
-    "@modelcontextprotocol/inspector-server": "^0.17.5",
-    "@modelcontextprotocol/sdk": "^1.23.0",
+    "@modelcontextprotocol/inspector-cli": "^0.19.0",
+    "@modelcontextprotocol/inspector-client": "^0.19.0",
+    "@modelcontextprotocol/inspector-server": "^0.19.0",
+    "@modelcontextprotocol/sdk": "^1.25.2",
     "concurrently": "^9.2.0",
     "node-fetch": "^3.3.2",
     "open": "^10.2.0",

package/server/build/index.js

@@ -8,7 +8,7 @@ const fetch = nodeFetch;
 const Headers = NodeHeaders;
 import { SSEClientTransport, SseError, } from "@modelcontextprotocol/sdk/client/sse.js";
 import { StdioClientTransport, getDefaultEnvironment, } from "@modelcontextprotocol/sdk/client/stdio.js";
-import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
+import { StreamableHTTPClientTransport, StreamableHTTPError, } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
 import { StreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
 import { SSEServerTransport } from "@modelcontextprotocol/sdk/server/sse.js";
 import express from "express";
@@ -30,6 +30,21 @@ const { values } = parseArgs({
         "server-url": { type: "string", default: "" },
     },
 });
+/**
+ * Helper function to detect 401 Unauthorized errors from various transport types.
+ * StreamableHTTPClientTransport throws a generic Error with "HTTP 401" in the message
+ * when there's no authProvider configured, while SSEClientTransport throws SseError.
+ */
+const is401Error = (error) => {
+    if (error instanceof SseError && error.code === 401)
+        return true;
+    if (error instanceof StreamableHTTPError && error.code === 401)
+        return true;
+    if (error instanceof Error &&
+        (error.message.includes("HTTP 401") || error.message.includes("(401)")))
+        return true;
+    return false;
+};
 // Function to get HTTP headers.
 const getHttpHeaders = (req) => {
     const headers = {};
@@ -388,8 +403,8 @@ app.post("/mcp", originValidationMiddleware, authMiddleware, async (req, res) =>
             await webAppTransport.handleRequest(req, res, req.body);
         }
         catch (error) {
-            if (error instanceof SseError && error.code === 401) {
-                console.error("Received 401 Unauthorized from MCP server:", error.message);
+            if (is401Error(error)) {
+                console.error("Received 401 Unauthorized from MCP server:", error instanceof Error ? error.message : error);
                 res.status(401).json(error);
                 return;
             }
@@ -521,7 +536,7 @@ app.get("/stdio", originValidationMiddleware, authMiddleware, async (req, res) =
         });
     }
     catch (error) {
-        if (error instanceof SseError && error.code === 401) {
+        if (is401Error(error)) {
             console.error("Received 401 Unauthorized from MCP server. Authentication failure.");
             res.status(401).json(error);
             return;
@@ -552,7 +567,7 @@ app.get("/sse", originValidationMiddleware, authMiddleware, async (req, res) =>
         });
     }
     catch (error) {
-        if (error instanceof SseError && error.code === 401) {
+        if (is401Error(error)) {
             console.error("Received 401 Unauthorized from MCP server. Authentication failure.");
             res.status(401).json(error);
             return;

package/server/build/mcpProxy.js

@@ -26,7 +26,9 @@ export default function mcpProxy({ transportToClient, transportToServer, }) {
                     id: message.id,
                     error: {
                         code: -32001,
-                        message: error.message,
+                        message: error.cause
+                            ? `${error.message} (cause: ${error.cause})`
+                            : error.message,
                         data: error,
                     },
                 };