@mcp-use/inspector 20.0.0-beta.7 → 20.0.0-beta.8

package/dist/cdn/inspector.js

@@ -25,7 +25,7 @@ import { t as vt } from "./trash-2-BhumJAFE.js";
 import { t as yt } from "./wrench-DvK20LUT.js";
 import { t as bt } from "./switch-DHXEA_N5.js";
 import { t as xt } from "./not-found-BajFyZpp.js";
-import { a as St, c as Ct, f as wt, g as Tt, h as Et, i as Dt, l as Ot, m as kt, n as At, p as jt, r as Mt, t as Nt, y as Pt } from "./telemetry-TwPKZlFf.js";
+import { a as St, c as Ct, f as wt, g as Tt, h as Et, i as Dt, l as Ot, m as kt, n as At, p as jt, r as Mt, t as Nt, y as Pt } from "./telemetry-DjQn_Xm9.js";
 import { a as Ft, d as It, i as Lt, n as Rt, u as zt } from "./react-Bl-hSkvn.js";
 import { n as Bt, r as Vt, t as Ht } from "./basePath-B8HuhIMu.js";
 import { a as Ut, i as Wt, n as Gt } from "./servers-Dd0Vcp81.js";
@@ -20786,7 +20786,7 @@ function lr({ isOpen: e, onOpenChange: t, tools: n, prompts: r, resources: a, sa
 }
 //#endregion
 //#region src/client/components/lazy-tabs.tsx
-var ur = (0, N.lazy)(() => import("./ChatTab-DtUGK07C.js").then((e) => ({ default: e.ChatTab }))), dr = (0, N.lazy)(() => import("./ToolsTab-DOAO8HnS.js").then((e) => ({ default: e.ToolsTab }))), fr = (0, N.lazy)(() => import("./PromptsTab-BlXDcau3.js").then((e) => ({ default: e.PromptsTab }))), pr = (0, N.lazy)(() => import("./ResourcesTab-D45_JojP.js").then((e) => ({ default: e.ResourcesTab }))), mr = (0, N.lazy)(() => import("./SamplingTab-r7tImM6L.js").then((e) => ({ default: e.SamplingTab }))), hr = (0, N.lazy)(() => import("./ElicitationTab-PEmEDvC5.js").then((e) => ({ default: e.ElicitationTab }))), gr = (0, N.lazy)(() => import("./NotificationsTab-B7uebqMV.js").then((e) => ({ default: e.NotificationsTab }))), _r = (0, N.lazy)(() => import("./ServerMetadataTab-BM3VhSLf.js").then((e) => ({ default: e.ServerMetadataTab }))), vr = (0, N.lazy)(() => import("./ConnectionSettingsTab-qSVQ1aIF.js").then((e) => ({ default: e.ConnectionSettingsTab })));
+var ur = (0, N.lazy)(() => import("./ChatTab-C-Ysv6Zf.js").then((e) => ({ default: e.ChatTab }))), dr = (0, N.lazy)(() => import("./ToolsTab-BMcnfEWg.js").then((e) => ({ default: e.ToolsTab }))), fr = (0, N.lazy)(() => import("./PromptsTab-DSGYL32k.js").then((e) => ({ default: e.PromptsTab }))), pr = (0, N.lazy)(() => import("./ResourcesTab-d3wxN7xC.js").then((e) => ({ default: e.ResourcesTab }))), mr = (0, N.lazy)(() => import("./SamplingTab-DETdWNJk.js").then((e) => ({ default: e.SamplingTab }))), hr = (0, N.lazy)(() => import("./ElicitationTab-PEmEDvC5.js").then((e) => ({ default: e.ElicitationTab }))), gr = (0, N.lazy)(() => import("./NotificationsTab-B7uebqMV.js").then((e) => ({ default: e.NotificationsTab }))), _r = (0, N.lazy)(() => import("./ServerMetadataTab-BM3VhSLf.js").then((e) => ({ default: e.ServerMetadataTab }))), vr = (0, N.lazy)(() => import("./ConnectionSettingsTab-qSVQ1aIF.js").then((e) => ({ default: e.ConnectionSettingsTab })));
 function yr({ children: e }) {
 	return /* @__PURE__ */ (0, M.jsx)(N.Suspense, {
 		fallback: /* @__PURE__ */ (0, M.jsx)("div", {

package/dist/cdn/{telemetry-TwPKZlFf.js → telemetry-DjQn_Xm9.js}

@@ -162,7 +162,7 @@ function b() {
 			let e = window.__INSPECTOR_VERSION__;
 			if (e !== void 0 && e !== "") return e;
 		}
-		return "20.0.0-beta.6";
+		return "20.0.0-beta.7";
 	} catch {
 		return "0.0.0";
 	}

package/dist/cdn/{useConfig-leHVjdjl.js → useConfig-B_adtnP1.js}

@@ -1,5 +1,5 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { o as n, t as r } from "./telemetry-TwPKZlFf.js";
+import { o as n, t as r } from "./telemetry-DjQn_Xm9.js";
 import { t as i } from "./dist-SxRsB1iS.js";
 //#region src/client/components/chat/types.ts
 var a = /* @__PURE__ */ e(t(), 1), o = {

package/dist/cli.js

@@ -182,7 +182,7 @@ function registerInspectorStaticAssets(app2, basePath = "") {
 var package_default = {
   name: "@mcp-use/inspector",
   type: "module",
-  version: "20.0.0-beta.6",
+  version: "20.0.0-beta.7",
   description: "MCP Inspector - A tool for inspecting and debugging MCP servers",
   author: "",
   license: "MIT",
@@ -385,6 +385,45 @@ function generateCdnShellHtml(config, basePath, assets) {
     <link rel="stylesheet" href="${assets.cssUrl}" />
     <title>Inspector | mcp-use</title>
     <meta name="description" content="Free, open-source MCP Inspector by mcp-use. Connect to any MCP server, test tools, prompts, and resources, inspect RPC logs, and debug MCP apps \u2014 all in your browser." />
+    <style>
+      :root { color-scheme: light dark; }
+      html, body { height: 100%; margin: 0; background-color: #f3f3f3; }
+      #root { height: 100%; }
+      .mcp-boot {
+        display: flex;
+        height: 100%;
+        align-items: center;
+        justify-content: center;
+        background-color: #f3f3f3;
+      }
+      .mcp-boot-inner {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 16px;
+      }
+      .mcp-boot-spinner {
+        width: 32px;
+        height: 32px;
+        color: #52525b;
+        animation: mcp-boot-spin 1s linear infinite;
+      }
+      .mcp-boot-label {
+        margin: 0;
+        font-family: Ubuntu, sans-serif;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        color: #52525b;
+      }
+      @keyframes mcp-boot-spin {
+        to { transform: rotate(360deg); }
+      }
+      @media (prefers-color-scheme: dark) {
+        html, body { background-color: #000; }
+        .mcp-boot { background-color: #000; }
+        .mcp-boot-spinner, .mcp-boot-label { color: #a1a1aa; }
+      }
+    </style>
     <script>window.__INSPECTOR_VERSION__ = ${JSON.stringify(INSPECTOR_VERSION)};</script>
     ${runtimeScripts}
   </head>
@@ -402,7 +441,27 @@ function generateCdnShellHtml(config, basePath, assets) {
         };
       }
     </script>
-    <div id="root"></div>
+    <div id="root">
+      <div class="mcp-boot">
+        <div class="mcp-boot-inner">
+          <svg
+            class="mcp-boot-spinner"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            role="status"
+            aria-label="Loading"
+          >
+            <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+          </svg>
+          <p class="mcp-boot-label">Connecting to MCP server...</p>
+        </div>
+      </div>
+    </div>
     <script type="module" src="${assets.jsUrl}"></script>
   </body>
 </html>`;

package/dist/client/index.js

@@ -8747,7 +8747,7 @@ function ToolResultDisplay({
       (() => {
         const errorMessage = result.error || extractErrorMessage(result.result);
         if (errorMessage) {
-          return /* @__PURE__ */ jsxs21("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3 mx-4", children: [
+          return /* @__PURE__ */ jsxs21("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3 mx-4 mt-4", children: [
             /* @__PURE__ */ jsx35("p", { className: "text-red-800 dark:text-red-300 font-medium", children: "Error:" }),
             /* @__PURE__ */ jsx35("p", { className: "text-red-700 dark:text-red-400 text-sm", children: errorMessage })
           ] });

package/dist/server/cdn-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn-shell.d.ts","sourceRoot":"","sources":["../../src/server/cdn-shell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,IAAI,EAAE,MAAM,MAAM,CAAC;AAC1C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAQzB,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAoFF;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,IAAI,EACT,MAAM,CAAC,EAAE,cAAc,EACvB,QAAQ,GAAE,MAAW,QA2DtB"}
+{"version":3,"file":"cdn-shell.d.ts","sourceRoot":"","sources":["../../src/server/cdn-shell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,IAAI,EAAE,MAAM,MAAM,CAAC;AAC1C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAQzB,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AA+IF;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,IAAI,EACT,MAAM,CAAC,EAAE,cAAc,EACvB,QAAQ,GAAE,MAAW,QA2DtB"}

package/dist/server/cdn-shell.js

@@ -1,8 +1,8 @@
 import {
   registerInspectorCdnShell
-} from "./chunk-UZZDBVKF.js";
+} from "./chunk-XTVIGRTB.js";
 import "./chunk-M5TZA42I.js";
-import "./chunk-5GVQGIAX.js";
+import "./chunk-BD3ROXCC.js";
 import "./chunk-H6ZCIKBS.js";
 import "./chunk-J4FNYLBF.js";
 import "./chunk-WFT4JHYI.js";

package/dist/server/{chunk-5GVQGIAX.js → chunk-BD3ROXCC.js}

@@ -2,7 +2,7 @@
 var package_default = {
   name: "@mcp-use/inspector",
   type: "module",
-  version: "20.0.0-beta.6",
+  version: "20.0.0-beta.7",
   description: "MCP Inspector - A tool for inspecting and debugging MCP servers",
   author: "",
   license: "MIT",

package/dist/server/{chunk-VFVFLXKP.js → chunk-BPXKTFQ5.js}

@@ -1,6 +1,6 @@
 import {
   registerInspectorCdnShell
-} from "./chunk-UZZDBVKF.js";
+} from "./chunk-XTVIGRTB.js";
 import {
   registerInspectorProxyRoutes
 } from "./chunk-UJLXHNQP.js";

package/dist/server/{chunk-UZZDBVKF.js → chunk-XTVIGRTB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-M5TZA42I.js";
 import {
   getInspectorVersion
-} from "./chunk-5GVQGIAX.js";
+} from "./chunk-BD3ROXCC.js";
 import {
   inspectorStylesUrl,
   resolveInspectorAssetUrls,
@@ -71,6 +71,45 @@ function generateCdnShellHtml(config, basePath, assets) {
     <link rel="stylesheet" href="${assets.cssUrl}" />
     <title>Inspector | mcp-use</title>
     <meta name="description" content="Free, open-source MCP Inspector by mcp-use. Connect to any MCP server, test tools, prompts, and resources, inspect RPC logs, and debug MCP apps \u2014 all in your browser." />
+    <style>
+      :root { color-scheme: light dark; }
+      html, body { height: 100%; margin: 0; background-color: #f3f3f3; }
+      #root { height: 100%; }
+      .mcp-boot {
+        display: flex;
+        height: 100%;
+        align-items: center;
+        justify-content: center;
+        background-color: #f3f3f3;
+      }
+      .mcp-boot-inner {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 16px;
+      }
+      .mcp-boot-spinner {
+        width: 32px;
+        height: 32px;
+        color: #52525b;
+        animation: mcp-boot-spin 1s linear infinite;
+      }
+      .mcp-boot-label {
+        margin: 0;
+        font-family: Ubuntu, sans-serif;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        color: #52525b;
+      }
+      @keyframes mcp-boot-spin {
+        to { transform: rotate(360deg); }
+      }
+      @media (prefers-color-scheme: dark) {
+        html, body { background-color: #000; }
+        .mcp-boot { background-color: #000; }
+        .mcp-boot-spinner, .mcp-boot-label { color: #a1a1aa; }
+      }
+    </style>
     <script>window.__INSPECTOR_VERSION__ = ${JSON.stringify(INSPECTOR_VERSION)};</script>
     ${runtimeScripts}
   </head>
@@ -88,7 +127,27 @@ function generateCdnShellHtml(config, basePath, assets) {
         };
       }
     </script>
-    <div id="root"></div>
+    <div id="root">
+      <div class="mcp-boot">
+        <div class="mcp-boot-inner">
+          <svg
+            class="mcp-boot-spinner"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            role="status"
+            aria-label="Loading"
+          >
+            <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+          </svg>
+          <p class="mcp-boot-label">Connecting to MCP server...</p>
+        </div>
+      </div>
+    </div>
     <script type="module" src="${assets.jsUrl}"></script>
   </body>
 </html>`;

package/dist/server/cli.js

@@ -5,11 +5,11 @@ import {
 } from "./chunk-KD7K27XK.js";
 import {
   registerInspectorCdnShell
-} from "./chunk-UZZDBVKF.js";
+} from "./chunk-XTVIGRTB.js";
 import "./chunk-M5TZA42I.js";
 import {
   getInspectorVersion
-} from "./chunk-5GVQGIAX.js";
+} from "./chunk-BD3ROXCC.js";
 import "./chunk-H6ZCIKBS.js";
 import {
   registerInspectorProxyRoutes

package/dist/server/index.js

@@ -1,11 +1,11 @@
 import {
   mountInspector
-} from "./chunk-VFVFLXKP.js";
+} from "./chunk-BPXKTFQ5.js";
 import {
   registerInspectorCdnShell
-} from "./chunk-UZZDBVKF.js";
+} from "./chunk-XTVIGRTB.js";
 import "./chunk-M5TZA42I.js";
-import "./chunk-5GVQGIAX.js";
+import "./chunk-BD3ROXCC.js";
 import "./chunk-H6ZCIKBS.js";
 import {
   registerInspectorProxyRoutes

package/dist/server/middleware.js

@@ -1,9 +1,9 @@
 import {
   mountInspector
-} from "./chunk-VFVFLXKP.js";
-import "./chunk-UZZDBVKF.js";
+} from "./chunk-BPXKTFQ5.js";
+import "./chunk-XTVIGRTB.js";
 import "./chunk-M5TZA42I.js";
-import "./chunk-5GVQGIAX.js";
+import "./chunk-BD3ROXCC.js";
 import "./chunk-H6ZCIKBS.js";
 import "./chunk-UJLXHNQP.js";
 import "./chunk-IKTZUWSX.js";

package/dist/server/version.js

@@ -1,7 +1,7 @@
 import {
   VERSION,
   getInspectorVersion
-} from "./chunk-5GVQGIAX.js";
+} from "./chunk-BD3ROXCC.js";
 import "./chunk-PKBMQBKP.js";
 export {
   VERSION,