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

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

@@ -1,6 +1,6 @@
-import { n as e, o as t, r as n, t as r } from "./index-browser-Dm3R1Mfe.js";
+import { i as e, t } from "./index-browser-nWAQnCTk.js";
 //#region src/client/telemetry/events.ts
-var i = class {
+var n = class {
 	name = "mcp_inspector_open";
 	properties;
 	constructor(e) {
@@ -9,7 +9,7 @@ var i = class {
 			connection_count: e.connectionCount
 		};
 	}
-}, a = class {
+}, r = class {
 	name = "mcp_tool_execution";
 	properties;
 	constructor(e) {
@@ -21,7 +21,7 @@ var i = class {
 			error: e.error
 		};
 	}
-}, o = class {
+}, i = class {
 	name = "mcp_resource_read";
 	properties;
 	constructor(e) {
@@ -32,7 +32,7 @@ var i = class {
 			error: e.error
 		};
 	}
-}, s = class {
+}, a = class {
 	name = "mcp_prompt_call";
 	properties;
 	constructor(e) {
@@ -43,7 +43,7 @@ var i = class {
 			error: e.error
 		};
 	}
-}, c = class {
+}, o = class {
 	name = "mcp_server_connection";
 	properties;
 	constructor(e) {
@@ -55,7 +55,7 @@ var i = class {
 			error: e.error
 		};
 	}
-}, l = class {
+}, s = class {
 	name = "mcp_chat_message";
 	properties;
 	constructor(e) {
@@ -71,7 +71,7 @@ var i = class {
 			error: e.error
 		};
 	}
-}, u = class {
+}, c = class {
 	name = "mcp_server_added";
 	properties;
 	constructor(e) {
@@ -82,19 +82,19 @@ var i = class {
 			via_proxy: e.viaProxy
 		};
 	}
-}, d = class {
+}, l = class {
 	name = "mcp_server_removed";
 	properties;
 	constructor(e) {
 		this.properties = { server_id: e.serverId };
 	}
-}, f = class {
+}, u = class {
 	name = "mcp_command_palette_open";
 	properties;
 	constructor(e) {
 		this.properties = { trigger: e.trigger };
 	}
-}, p = class {
+}, d = class {
 	name = "mcp_tool_saved";
 	properties;
 	constructor(e) {
@@ -103,7 +103,7 @@ var i = class {
 			server_id: e.serverId
 		};
 	}
-}, m = class {
+}, f = class {
 	name = "mcp_tunnel_action";
 	properties;
 	constructor(e) {
@@ -113,13 +113,13 @@ var i = class {
 			tunnel_url: e.tunnelUrl
 		};
 	}
-}, h = class {
+}, p = class {
 	name = "mcp_deploy_click";
 	properties;
 	constructor(e) {
 		this.properties = { referrer: e.referrer };
 	}
-}, g = class {
+}, m = class {
 	name = "mcp_chat_configured";
 	properties;
 	constructor(e) {
@@ -128,7 +128,7 @@ var i = class {
 			model: e.model
 		};
 	}
-}, _ = class {
+}, h = class {
 	name = "mcp_tab_navigation";
 	properties;
 	constructor(e) {
@@ -137,13 +137,13 @@ var i = class {
 			previous_tab: e.previousTab
 		};
 	}
-}, v = class {
+}, g = class {
 	name = "mcp_add_to_client";
 	properties;
 	constructor(e) {
 		this.properties = { client: e.client };
 	}
-}, y = class {
+}, _ = class {
 	name = "mcp_session_duration";
 	properties;
 	constructor(e) {
@@ -156,85 +156,53 @@ var i = class {
 };
 //#endregion
 //#region src/client/telemetry/utils.ts
-function b() {
+function v() {
 	try {
 		if (typeof window < "u") {
 			let e = window.__INSPECTOR_VERSION__;
 			if (e !== void 0 && e !== "") return e;
 		}
-		return "20.0.0-beta.6";
+		return "20.0.0-beta.8";
 	} catch {
 		return "0.0.0";
 	}
 }
 //#endregion
 //#region src/client/telemetry/init.ts
-var x = "mcp_inspector_telemetry_disabled", S = "mcp_inspector_telemetry_user_id", C = "mcp_inspector_telemetry_download_version", w = "MCP_USE_ANONYMIZED_TELEMETRY", T = "mcp_use_user_id";
-function E() {
+var y = "mcp_inspector_telemetry_disabled", b = "mcp_inspector_telemetry_user_id", x = "MCP_USE_ANONYMIZED_TELEMETRY", S = "mcp_use_user_id";
+function C() {
 	return typeof localStorage < "u" && typeof localStorage.getItem == "function" && typeof localStorage.setItem == "function";
 }
-function D() {
-	if (typeof window > "u") return "standalone";
-	let e = window.__MCP_INSPECTOR_MODE__;
-	return e === "standalone" || e === "embedded" || e === "cloud" ? e : "standalone";
-}
-function O(e, t) {
-	let n = (e) => e.split("-")[0].split(".").map((e) => parseInt(e, 10) || 0), r = n(e), i = n(t), a = Math.max(r.length, i.length);
-	for (let e = 0; e < a; e++) {
-		let t = r[e] ?? 0, n = i[e] ?? 0;
-		if (t !== n) return t > n;
-	}
-	return !1;
-}
-function k() {
-	if (E()) try {
-		if (localStorage.getItem(x) === "true" && localStorage.getItem(w) !== "false" && localStorage.setItem(w, "false"), !localStorage.getItem(T)) {
-			let e = localStorage.getItem(S);
-			e && localStorage.setItem(T, e);
+function w() {
+	if (C()) try {
+		if (localStorage.getItem(y) === "true" && localStorage.getItem(x) !== "false" && localStorage.setItem(x, "false"), !localStorage.getItem(S)) {
+			let e = localStorage.getItem(b);
+			e && localStorage.setItem(S, e);
 		}
 	} catch {}
 }
-async function A() {
-	if (!(typeof window > "u" || !E())) try {
-		let t = e.getInstance();
-		if (!t.isEnabled) return;
-		let i = b(), a = !1, o = !1, s = localStorage.getItem(C);
-		if (s ? O(i, s) && (a = !0, localStorage.setItem(C, i)) : (a = !0, o = !0, localStorage.setItem(C, i)), !a) return;
-		n({
-			triggered_by: "initialization",
-			mcp_use_version: i,
-			user_id: t.userId,
-			event: "package_download",
-			first_download: o,
-			language: "typescript",
-			source: "inspector",
-			package: "inspector",
-			mode: D()
-		}, r);
-	} catch {}
-}
-function j() {
-	k(), t("inspector"), e.getInstance().setProductVersion(b()), A();
+function T() {
+	w(), e("inspector"), t.getInstance().setProductVersion(v());
 }
 //#endregion
 //#region src/client/telemetry/capture.ts
-function M() {
+function E() {
 	if (typeof window > "u") return "standalone";
 	let e = window.__MCP_INSPECTOR_MODE__;
 	return e === "standalone" || e === "embedded" || e === "cloud" ? e : "standalone";
 }
-async function N(t) {
-	await e.getInstance().capture({
-		name: t.name,
+async function D(e) {
+	await t.getInstance().capture({
+		name: e.name,
 		properties: {
-			...t.properties,
+			...e.properties,
 			package: "inspector",
-			mode: M()
+			mode: E()
 		}
 	});
 }
-async function P(e) {
-	await N(new i(e));
+async function O(e) {
+	await D(new n(e));
 }
 //#endregion
-export { a as _, v as a, f as c, o as d, u as f, _ as g, y as h, b as i, h as l, d as m, P as n, g as o, c as p, j as r, l as s, N as t, s as u, p as v, m as y };
+export { r as _, g as a, u as c, i as d, c as f, h as g, _ as h, v as i, p as l, l as m, O as n, m as o, o as p, T as r, s, D as t, a as u, d as v, f as y };

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

@@ -1,6 +1,6 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { o as n, t as r } from "./telemetry-TwPKZlFf.js";
-import { t as i } from "./dist-SxRsB1iS.js";
+import { o as n, t as r } from "./telemetry-X2tRdL3U.js";
+import { t as i } from "./dist-8Z7HZAGn.js";
 //#region src/client/components/chat/types.ts
 var a = /* @__PURE__ */ e(t(), 1), o = {
 	openai: "gpt-5.6-terra",

package/dist/cdn/{useViewHostProps-CDOm2w6u.js → useViewHostProps-DMArgRGs.js}

@@ -2,7 +2,7 @@ import { s as e, t } from "./react-BIs9pQ3H.js";
 import { n } from "./createLucideIcon-BONxC1L5.js";
 import { t as r } from "./button-CB4uOoUV.js";
 import { t as i } from "./x-EilKPiCX.js";
-import { d as a } from "./react-Bl-hSkvn.js";
+import { d as a } from "./react-8UPT_kVF.js";
 import { n as o, r as s } from "./servers-Dd0Vcp81.js";
 import { i as c, r as l, s as u, t as d } from "./WidgetDebugContext-B6yoOVVV.js";
 //#region src/client/console-log-bus.ts

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.8",
   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

@@ -88,12 +88,7 @@ var MCPAddToClientEvent = class {
 };
 
 // src/client/telemetry/init.ts
-import {
-  Tel,
-  setTelemetrySource,
-  captureScarf,
-  SCARF_GATEWAY_URL
-} from "@mcp-use/client";
+import { Tel, setTelemetrySource } from "@mcp-use/client";
 
 // src/client/telemetry/capture.ts
 import { Tel as Tel2 } from "@mcp-use/client";
@@ -8747,7 +8742,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/client/telemetry/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../src/client/telemetry/init.ts"],"names":[],"mappings":"AAsHA,wBAAgB,sBAAsB,IAAI,IAAI,CAK7C"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../src/client/telemetry/init.ts"],"names":[],"mappings":"AAmCA,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}

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-BIKA6WIX.js";
 import "./chunk-M5TZA42I.js";
-import "./chunk-5GVQGIAX.js";
+import "./chunk-3WVGQOQX.js";
 import "./chunk-H6ZCIKBS.js";
 import "./chunk-J4FNYLBF.js";
 import "./chunk-WFT4JHYI.js";

package/dist/server/{chunk-5GVQGIAX.js → chunk-3WVGQOQX.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.8",
   description: "MCP Inspector - A tool for inspecting and debugging MCP servers",
   author: "",
   license: "MIT",

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-M5TZA42I.js";
 import {
   getInspectorVersion
-} from "./chunk-5GVQGIAX.js";
+} from "./chunk-3WVGQOQX.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/{chunk-VFVFLXKP.js → chunk-KB6CHWZ4.js}

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

package/dist/server/cli.js

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

package/dist/server/index.js

@@ -1,11 +1,11 @@
 import {
   mountInspector
-} from "./chunk-VFVFLXKP.js";
+} from "./chunk-KB6CHWZ4.js";
 import {
   registerInspectorCdnShell
-} from "./chunk-UZZDBVKF.js";
+} from "./chunk-BIKA6WIX.js";
 import "./chunk-M5TZA42I.js";
-import "./chunk-5GVQGIAX.js";
+import "./chunk-3WVGQOQX.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-KB6CHWZ4.js";
+import "./chunk-BIKA6WIX.js";
 import "./chunk-M5TZA42I.js";
-import "./chunk-5GVQGIAX.js";
+import "./chunk-3WVGQOQX.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-3WVGQOQX.js";
 import "./chunk-PKBMQBKP.js";
 export {
   VERSION,