@modelcontextprotocol/inspector 0.5.1 → 0.6.0

package/README.md

@@ -38,6 +38,10 @@ CLIENT_PORT=8080 SERVER_PORT=9000 npx @modelcontextprotocol/inspector node build
 
 For more details on ways to use the inspector, see the [Inspector section of the MCP docs site](https://modelcontextprotocol.io/docs/tools/inspector). For help with debugging, see the [Debugging guide](https://modelcontextprotocol.io/docs/tools/debugging).
 
+### Authentication
+
+The inspector supports bearer token authentication for SSE connections. Enter your token in the UI when connecting to an MCP server, and it will be sent in the Authorization header.
+
 ### From this repository
 
 If you're working on the inspector itself:

package/client/dist/assets/{OAuthCallback-DmuQ-LZN.js → OAuthCallback-KG5AbO62.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, j as jsxRuntimeExports, S as SESSION_KEYS, a as auth, b as authProvider } from "./index-mKSHihrk.js";
+import { r as reactExports, j as jsxRuntimeExports, S as SESSION_KEYS, a as auth, b as authProvider } from "./index-BK1TrpAN.js";
 const OAuthCallback = () => {
   const hasProcessedRef = reactExports.useRef(false);
   reactExports.useEffect(() => {

package/client/dist/assets/{index-mKSHihrk.js → index-BK1TrpAN.js}

@@ -12151,7 +12151,7 @@ z.union([
   CreateMessageRequestSchema,
   ListRootsRequestSchema
 ]);
-z.union([
+const ServerNotificationSchema = z.union([
   CancelledNotificationSchema,
   ProgressNotificationSchema,
   LoggingMessageNotificationSchema,
@@ -12282,7 +12282,7 @@ class Protocol {
     Promise.resolve().then(() => handler(notification)).catch((error) => this._onerror(new Error(`Uncaught error in notification handler: ${error}`)));
   }
   _onrequest(request) {
-    var _a, _b;
+    var _a, _b, _c;
     const handler = (_a = this._requestHandlers.get(request.method)) !== null && _a !== void 0 ? _a : this.fallbackRequestHandler;
     if (handler === void 0) {
       (_b = this._transport) === null || _b === void 0 ? void 0 : _b.send({
@@ -12297,7 +12297,11 @@ class Protocol {
     }
     const abortController = new AbortController();
     this._requestHandlerAbortControllers.set(request.id, abortController);
-    Promise.resolve().then(() => handler(request, { signal: abortController.signal })).then((result) => {
+    const extra = {
+      signal: abortController.signal,
+      sessionId: (_c = this._transport) === null || _c === void 0 ? void 0 : _c.sessionId
+    };
+    Promise.resolve().then(() => handler(request, extra)).then((result) => {
       var _a2;
       if (abortController.signal.aborted) {
         return;
@@ -13498,7 +13502,7 @@ const StdErrNotificationSchema = NotificationSchema.extend({
 });
 ClientNotificationSchema.or(
   StdErrNotificationSchema
-);
+).or(ServerNotificationSchema);
 class InspectorOAuthClientProvider {
   get redirectUrl() {
     return window.location.origin + "/oauth/callback";
@@ -13551,7 +13555,8 @@ class InspectorOAuthClientProvider {
   }
 }
 const authProvider = new InspectorOAuthClientProvider();
-const DEFAULT_REQUEST_TIMEOUT_MSEC = 1e4;
+const params$1 = new URLSearchParams(window.location.search);
+const DEFAULT_REQUEST_TIMEOUT_MSEC = parseInt(params$1.get("timeout") ?? "") || 1e4;
 function useConnection({
   transportType,
   command,
@@ -13559,6 +13564,7 @@ function useConnection({
   sseUrl,
   env,
   proxyServerUrl,
+  bearerToken,
   requestTimeout = DEFAULT_REQUEST_TIMEOUT_MSEC,
   onNotification,
   onStdErrNotification,
@@ -13665,6 +13671,7 @@ function useConnection({
     return false;
   };
   const connect = async (_e, retryCount = 0) => {
+    var _a;
     try {
       const client = new Client(
         {
@@ -13690,9 +13697,9 @@ function useConnection({
         backendUrl.searchParams.append("url", sseUrl);
       }
       const headers = {};
-      const tokens = await authProvider.tokens();
-      if (tokens) {
-        headers["Authorization"] = `Bearer ${tokens.access_token}`;
+      const token = bearerToken || ((_a = await authProvider.tokens()) == null ? void 0 : _a.access_token);
+      if (token) {
+        headers["Authorization"] = `Bearer ${token}`;
       }
       const clientTransport = new SSEClientTransport(backendUrl, {
         eventSourceInit: {
@@ -13707,6 +13714,10 @@ function useConnection({
           ProgressNotificationSchema,
           onNotification
         );
+        client.setNotificationHandler(
+          ResourceUpdatedNotificationSchema,
+          onNotification
+        );
       }
       if (onStdErrNotification) {
         client.setNotificationHandler(
@@ -17758,16 +17769,12 @@ const Button = reactExports.forwardRef(
 );
 Button.displayName = "Button";
 const PingTab = ({ onPingClick }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "ping", className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-2 flex justify-center items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "ping", className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-2 flex justify-center items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
     {
       onClick: onPingClick,
-      className: "bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white font-bold py-6 px-12 rounded-full shadow-lg transform transition duration-300 hover:scale-110 focus:outline-none focus:ring-4 focus:ring-purple-300 animate-pulse",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-3xl mr-2", children: "🚀" }),
-        "MEGA PING",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-3xl ml-2", children: "💥" })
-      ]
+      className: "font-bold py-6 px-12 rounded-full",
+      children: "Ping Server"
     }
   ) }) });
 };
@@ -22767,6 +22774,10 @@ const ResourcesTab = ({
   readResource,
   selectedResource,
   setSelectedResource,
+  resourceSubscriptionsSupported,
+  resourceSubscriptions,
+  subscribeToResource,
+  unsubscribeFromResource,
   handleCompletion,
   completionsSupported,
   resourceContent,
@@ -22863,18 +22874,38 @@ const ResourcesTab = ({
             children: selectedResource ? selectedResource.name : selectedTemplate ? selectedTemplate.name : "Select a resource or template"
           }
         ),
-        selectedResource && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => readResource(selectedResource.uri),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "w-4 h-4 mr-2" }),
-              "Refresh"
-            ]
-          }
-        )
+        selectedResource && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex row-auto gap-1 justify-end w-2/5", children: [
+          resourceSubscriptionsSupported && !resourceSubscriptions.has(selectedResource.uri) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => subscribeToResource(selectedResource.uri),
+              children: "Subscribe"
+            }
+          ),
+          resourceSubscriptionsSupported && resourceSubscriptions.has(selectedResource.uri) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => unsubscribeFromResource(selectedResource.uri),
+              children: "Unsubscribe"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => readResource(selectedResource.uri),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "w-4 h-4 mr-2" }),
+                "Refresh"
+              ]
+            }
+          )
+        ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4", children: error ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant: "destructive", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "h-4 w-4" }),
@@ -24323,7 +24354,7 @@ const useTheme = () => {
     }, [])
   ];
 };
-const version = "0.5.1";
+const version = "0.6.0";
 const Sidebar = ({
   connectionStatus,
   transportType,
@@ -24336,11 +24367,14 @@ const Sidebar = ({
   setSseUrl,
   env,
   setEnv,
+  bearerToken,
+  setBearerToken,
   onConnect,
   stdErrNotifications
 }) => {
   const [theme, setTheme] = useTheme();
   const [showEnvVars, setShowEnvVars] = reactExports.useState(false);
+  const [showBearerToken, setShowBearerToken] = reactExports.useState(false);
   const [shownEnvVars, setShownEnvVars] = reactExports.useState(/* @__PURE__ */ new Set());
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-80 bg-card border-r border-border flex flex-col h-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "ml-2 text-lg font-semibold", children: [
@@ -24390,17 +24424,46 @@ const Sidebar = ({
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", children: "URL" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Input,
-          {
-            placeholder: "URL",
-            value: sseUrl,
-            onChange: (e) => setSseUrl(e.target.value),
-            className: "font-mono"
-          }
-        )
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", children: "URL" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              placeholder: "URL",
+              value: sseUrl,
+              onChange: (e) => setSseUrl(e.target.value),
+              className: "font-mono"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Button,
+            {
+              variant: "outline",
+              onClick: () => setShowBearerToken(!showBearerToken),
+              className: "flex items-center w-full",
+              children: [
+                showBearerToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "w-4 h-4 mr-2" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "w-4 h-4 mr-2" }),
+                "Authentication"
+              ]
+            }
+          ),
+          showBearerToken && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", children: "Bearer Token" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                placeholder: "Bearer Token",
+                value: bearerToken,
+                onChange: (e) => setBearerToken(e.target.value),
+                className: "font-mono",
+                type: "password"
+              }
+            )
+          ] })
+        ] })
       ] }),
       transportType === "stdio" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -25352,7 +25415,7 @@ var prism = { exports: {} };
           if (typeof document === "undefined") {
             return null;
           }
-          if ("currentScript" in document && 1 < 2) {
+          if (document.currentScript && document.currentScript.tagName === "SCRIPT" && 1 < 2) {
             return (
               /** @type {any} */
               document.currentScript
@@ -27124,9 +27187,10 @@ const params = new URLSearchParams(window.location.search);
 const PROXY_PORT = params.get("proxyPort") ?? "3000";
 const PROXY_SERVER_URL = `http://localhost:${PROXY_PORT}`;
 const App = () => {
+  var _a;
   if (window.location.pathname === "/oauth/callback") {
     const OAuthCallback = React$2.lazy(
-      () => __vitePreload(() => import("./OAuthCallback-DmuQ-LZN.js"), true ? [] : void 0)
+      () => __vitePreload(() => import("./OAuthCallback-KG5AbO62.js"), true ? [] : void 0)
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(OAuthCallback, {}) });
   }
@@ -27158,6 +27222,9 @@ const App = () => {
   const [stdErrNotifications, setStdErrNotifications] = reactExports.useState([]);
   const [roots, setRoots] = reactExports.useState([]);
   const [env, setEnv] = reactExports.useState({});
+  const [bearerToken, setBearerToken] = reactExports.useState(() => {
+    return localStorage.getItem("lastBearerToken") || "";
+  });
   const [pendingSampleRequests, setPendingSampleRequests] = reactExports.useState([]);
   const nextRequestId = reactExports.useRef(0);
   const rootsRef = reactExports.useRef([]);
@@ -27178,6 +27245,7 @@ const App = () => {
   const [selectedResource, setSelectedResource] = reactExports.useState(
     null
   );
+  const [resourceSubscriptions, setResourceSubscriptions] = reactExports.useState(/* @__PURE__ */ new Set());
   const [selectedPrompt, setSelectedPrompt] = reactExports.useState(null);
   const [selectedTool, setSelectedTool] = reactExports.useState(null);
   const [nextResourceCursor, setNextResourceCursor] = reactExports.useState();
@@ -27202,6 +27270,7 @@ const App = () => {
     args,
     sseUrl,
     env,
+    bearerToken,
     proxyServerUrl: PROXY_SERVER_URL,
     onNotification: (notification) => {
       setNotifications((prev) => [...prev, notification]);
@@ -27232,6 +27301,9 @@ const App = () => {
   reactExports.useEffect(() => {
     localStorage.setItem("lastTransportType", transportType);
   }, [transportType]);
+  reactExports.useEffect(() => {
+    localStorage.setItem("lastBearerToken", bearerToken);
+  }, [bearerToken]);
   reactExports.useEffect(() => {
     const serverUrl = params.get("serverUrl");
     if (serverUrl) {
@@ -27323,6 +27395,36 @@ const App = () => {
     );
     setResourceContent(JSON.stringify(response, null, 2));
   };
+  const subscribeToResource = async (uri) => {
+    if (!resourceSubscriptions.has(uri)) {
+      await makeRequest(
+        {
+          method: "resources/subscribe",
+          params: { uri }
+        },
+        z.object({}),
+        "resources"
+      );
+      const clone = new Set(resourceSubscriptions);
+      clone.add(uri);
+      setResourceSubscriptions(clone);
+    }
+  };
+  const unsubscribeFromResource = async (uri) => {
+    if (resourceSubscriptions.has(uri)) {
+      await makeRequest(
+        {
+          method: "resources/unsubscribe",
+          params: { uri }
+        },
+        z.object({}),
+        "resources"
+      );
+      const clone = new Set(resourceSubscriptions);
+      clone.delete(uri);
+      setResourceSubscriptions(clone);
+    }
+  };
   const listPrompts = async () => {
     const response = await makeRequest(
       {
@@ -27393,6 +27495,8 @@ const App = () => {
         setSseUrl,
         env,
         setEnv,
+        bearerToken,
+        setBearerToken,
         onConnect: connectMcpServer,
         stdErrNotifications
       }
@@ -27486,6 +27590,16 @@ const App = () => {
                     clearError("resources");
                     setSelectedResource(resource);
                   },
+                  resourceSubscriptionsSupported: ((_a = serverCapabilities == null ? void 0 : serverCapabilities.resources) == null ? void 0 : _a.subscribe) || false,
+                  resourceSubscriptions,
+                  subscribeToResource: (uri) => {
+                    clearError("resources");
+                    subscribeToResource(uri);
+                  },
+                  unsubscribeFromResource: (uri) => {
+                    clearError("resources");
+                    unsubscribeFromResource(uri);
+                  },
                   handleCompletion,
                   completionsSupported,
                   resourceContent,

package/client/dist/assets/{index-BC_1zPdU.css → index-Dt6l7sEy.css}

@@ -1485,6 +1485,9 @@ video {
 .col-span-2 {
   grid-column: span 2 / span 2;
 }
+.row-auto {
+  grid-row: auto;
+}
 .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -1601,6 +1604,9 @@ video {
 .w-2 {
   width: 0.5rem;
 }
+.w-2\/5 {
+  width: 40%;
+}
 .w-3\.5 {
   width: 0.875rem;
 }
@@ -1654,18 +1660,6 @@ video {
   --tw-translate-y: -50%;
   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));
 }
-.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;
-}
 .cursor-default {
   cursor: default;
 }
@@ -1704,6 +1698,9 @@ video {
 .justify-between {
   justify-content: space-between;
 }
+.gap-1 {
+  gap: 0.25rem;
+}
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1858,17 +1855,6 @@ video {
 .bg-transparent {
   background-color: transparent;
 }
-.bg-gradient-to-r {
-  background-image: linear-gradient(to right, var(--tw-gradient-stops));
-}
-.from-purple-500 {
-  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.to-pink-500 {
-  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
-}
 .p-0 {
   padding: 0px;
 }
@@ -1945,10 +1931,6 @@ video {
 .font-mono {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
-.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -2109,13 +2091,6 @@ video {
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2134,9 +2109,6 @@ video {
 .duration-200 {
   transition-duration: 200ms;
 }
-.duration-300 {
-  transition-duration: 300ms;
-}
 @keyframes enter {
 
   from {
@@ -2154,9 +2126,6 @@ video {
 .duration-200 {
   animation-duration: 200ms;
 }
-.duration-300 {
-  animation-duration: 300ms;
-}
 
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
@@ -2263,12 +2232,6 @@ button[role="checkbox"] {
   border-bottom-width: 0px;
 }
 
-.hover\:scale-110:hover {
-  --tw-scale-x: 1.1;
-  --tw-scale-y: 1.1;
-  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));
-}
-
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
@@ -2294,16 +2257,6 @@ button[role="checkbox"] {
   background-color: hsl(var(--secondary) / 0.8);
 }
 
-.hover\:from-purple-600:hover {
-  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.hover\:to-pink-600:hover {
-  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
-}
-
 .hover\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
@@ -2346,17 +2299,6 @@ button[role="checkbox"] {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus\:ring-4:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-purple-300:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity, 1));
-}
-
 .focus\:ring-ring:focus {
   --tw-ring-color: hsl(var(--ring));
 }

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-mKSHihrk.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BC_1zPdU.css">
+    <script type="module" crossorigin src="/assets/index-BK1TrpAN.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Dt6l7sEy.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modelcontextprotocol/inspector",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Model Context Protocol inspector",
   "license": "MIT",
   "author": "Anthropic, PBC (https://anthropic.com)",
@@ -34,8 +34,8 @@
     "publish-all": "npm publish --workspaces --access public && npm publish --access public"
   },
   "dependencies": {
-    "@modelcontextprotocol/inspector-client": "0.4.1",
-    "@modelcontextprotocol/inspector-server": "0.4.1",
+    "@modelcontextprotocol/inspector-client": "^0.6.0",
+    "@modelcontextprotocol/inspector-server": "^0.6.0",
     "concurrently": "^9.0.1",
     "shell-quote": "^1.8.2",
     "spawn-rx": "^5.1.2",