@mcp-use/inspector 20.0.0-beta.0 → 20.0.0-beta.1

package/dist/cdn/{react-yUi9mVK4.js → react-BxO-uEDZ.js}

@@ -3536,32 +3536,38 @@ function sa(e) {
 	};
 }
 function ca(e) {
-	let t = null, n = Date.now(), r = e.healthCheckIntervalMs ?? 1e4, i = e.healthCheckTimeoutMs ?? 3e4;
+	let t = null, n = Date.now(), r = !1, i = e.healthCheckIntervalMs ?? 1e4, a = e.healthCheckTimeoutMs ?? 3e4;
 	return t = setInterval(async () => {
-		if (!e.isMountedRef.current || e.stateRef.current !== "ready") {
-			t &&= (clearInterval(t), null);
-			return;
-		}
-		try {
-			let t = e.gatewayUrl || e.url;
-			if (!t) return;
-			let r = e.getAuthHeaders ? await e.getAuthHeaders() : {}, i = await fetch(t, {
-				method: "HEAD",
-				headers: {
-					...e.allHeaders,
-					...r
-				},
-				signal: AbortSignal.timeout(5e3)
-			});
-			if (i.ok || i.status < 500) n = Date.now();
-			else throw Error(`Server returned ${i.status}`);
-		} catch {
-			let r = Date.now() - n;
-			r > i && (e.addLog("warn", `Connection appears to be broken (no response for ${Math.round(r / 1e3)}s), attempting to reconnect...`), t &&= (clearInterval(t), null), e.autoReconnectRef.current && e.isMountedRef.current && (e.setState("discovering"), e.addLog("info", "Auto-reconnecting to MCP server..."), setTimeout(() => {
-				e.isMountedRef.current && e.stateRef.current === "discovering" && e.connect();
-			}, typeof e.autoReconnectRef.current == "number" ? e.autoReconnectRef.current : e.defaultReconnectDelay)));
+		if (!r) {
+			if (!e.isMountedRef.current || e.stateRef.current !== "ready") {
+				t &&= (clearInterval(t), null);
+				return;
+			}
+			try {
+				let i = e.gatewayUrl || e.url;
+				if (!i) return;
+				let a = e.getAuthHeaders ? await e.getAuthHeaders() : {}, o = await fetch(i, {
+					method: "HEAD",
+					headers: {
+						...e.allHeaders,
+						...a
+					},
+					signal: AbortSignal.timeout(5e3)
+				});
+				if (o.status === 405 || o.status === 404) {
+					r = !0, n = Date.now(), t &&= (clearInterval(t), null);
+					return;
+				}
+				if (o.ok || o.status < 500) n = Date.now();
+				else throw Error(`Server returned ${o.status}`);
+			} catch {
+				let r = Date.now() - n;
+				r > a && (e.addLog("warn", `Connection appears to be broken (no response for ${Math.round(r / 1e3)}s), attempting to reconnect...`), t &&= (clearInterval(t), null), e.autoReconnectRef.current && e.isMountedRef.current && (e.setState("discovering"), e.addLog("info", "Auto-reconnecting to MCP server..."), setTimeout(() => {
+					e.isMountedRef.current && e.stateRef.current === "discovering" && e.connect();
+				}, typeof e.autoReconnectRef.current == "number" ? e.autoReconnectRef.current : e.defaultReconnectDelay)));
+			}
 		}
-	}, r), () => {
+	}, i), () => {
 		t &&= (clearInterval(t), null);
 	};
 }
@@ -4879,8 +4885,8 @@ function Na({ children: e, mcpServers: t, defaultCallbackUrl: n, defaultOAuthPro
 		h,
 		ae,
 		o
-	]);
-	return /* @__PURE__ */ M.createElement(Aa.Provider, { value: N }, e, I.map((e) => /* @__PURE__ */ M.createElement(Ma, {
+	]), oe = typeof window < "u" && /\/oauth\/callback\/?$/.test(window.location.pathname);
+	return /* @__PURE__ */ M.createElement(Aa.Provider, { value: N }, e, !oe && I.map((e) => /* @__PURE__ */ M.createElement(Ma, {
 		key: `${e.id}-v${ee[e.id] ?? 0}`,
 		id: e.id,
 		options: e.options,

package/dist/cdn/{useViewHostProps-C7vjco2m.js → useViewHostProps-Dr6W2ooF.js}

@@ -1,5 +1,5 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { d as n } from "./react-yUi9mVK4.js";
+import { d as n } from "./react-BxO-uEDZ.js";
 import { i as r, r as i, s as a, t as o } from "./WidgetDebugContext-D4usL_MA.js";
 //#region src/client/console-log-bus.ts
 var s = /* @__PURE__ */ e(t(), 1), c = new class {

package/dist/cli.js

@@ -7,6 +7,53 @@ import { cors as cors2 } from "hono/cors";
 import { logger as logger2 } from "hono/logger";
 import open from "open";
 
+// src/server/asset-urls.ts
+var JSDELIVR_INSPECTOR_TAG = "beta";
+var DEFAULT_REMOTE_ASSETS_URL = `https://cdn.jsdelivr.net/npm/@mcp-use/inspector@${JSDELIVR_INSPECTOR_TAG}/dist/cdn/inspector.js`;
+function inspectorStylesUrl(assetsUrl) {
+  return assetsUrl.replace(/\.js(?=$|[?#])/, ".css");
+}
+function resolveInspectorAssetUrls(inspectorMode2, basePath) {
+  const envUrl = process.env.INSPECTOR_ASSETS_URL ?? process.env.MCP_USE_INSPECTOR_ASSETS_URL;
+  if (envUrl) {
+    return {
+      jsUrl: envUrl,
+      cssUrl: inspectorStylesUrl(envUrl),
+      useLocal: false
+    };
+  }
+  const legacyBase = process.env.INSPECTOR_CDN_BASE;
+  if (legacyBase) {
+    const base = legacyBase.replace(/\/$/, "");
+    if (/\.js(?:$|[?#])/.test(base)) {
+      return {
+        jsUrl: base,
+        cssUrl: inspectorStylesUrl(base),
+        useLocal: false
+      };
+    }
+    return {
+      jsUrl: `${base}/inspector.js`,
+      cssUrl: `${base}/inspector.css`,
+      useLocal: false
+    };
+  }
+  if (inspectorMode2 === "standalone") {
+    const prefix = basePath;
+    return {
+      jsUrl: `${prefix}/dist/cdn/inspector.js`,
+      cssUrl: `${prefix}/dist/cdn/inspector.css`,
+      useLocal: true
+    };
+  }
+  const jsUrl = DEFAULT_REMOTE_ASSETS_URL;
+  return {
+    jsUrl,
+    cssUrl: inspectorStylesUrl(jsUrl),
+    useLocal: false
+  };
+}
+
 // src/server/favicon-links.ts
 var FAVICON_CACHE_VERSION = "4";
 var INSPECTOR_FAVICON_ASSETS = [
@@ -39,8 +86,12 @@ var CONTENT_TYPES = {
 function resolveFaviconDir() {
   const here = path.dirname(fileURLToPath(import.meta.url));
   for (const dir of [
+    path.resolve(here, "cdn"),
+    // dist/cli.js (bundled)
     path.resolve(here, "../cdn"),
+    // dist/server/*.js
     path.resolve(here, "../../public")
+    // src/server/*.ts (dev)
   ]) {
     if (existsSync(path.join(dir, "favicon-black.svg"))) {
       return dir;
@@ -69,6 +120,56 @@ function registerInspectorFaviconStatic(app2, basePath = "") {
   }
 }
 
+// src/server/static-assets.ts
+import { existsSync as existsSync2, readFileSync as readFileSync2 } from "fs";
+import path2 from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+var CONTENT_TYPES2 = {
+  ".js": "application/javascript",
+  ".css": "text/css",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".ico": "image/x-icon",
+  ".webmanifest": "application/manifest+json"
+};
+function resolveDistCdnDir() {
+  const here = path2.dirname(fileURLToPath2(import.meta.url));
+  for (const dir of [
+    path2.resolve(here, "cdn"),
+    // dist/cli.js (bundled)
+    path2.resolve(here, "../cdn")
+    // dist/server/*.js
+  ]) {
+    if (existsSync2(path2.join(dir, "inspector.js"))) {
+      return dir;
+    }
+  }
+  throw new Error(
+    "Inspector bundle not found (expected dist/cdn/inspector.js)"
+  );
+}
+function registerInspectorStaticAssets(app2, basePath = "") {
+  const cdnDir = resolveDistCdnDir();
+  const mountPath = `${basePath}/dist/cdn`;
+  app2.get(`${mountPath}/*`, (c) => {
+    const subPath = c.req.path.slice(mountPath.length);
+    const relative = subPath.startsWith("/") ? subPath.slice(1) : subPath;
+    if (!relative || relative.includes("..")) {
+      return c.notFound();
+    }
+    const file = path2.resolve(cdnDir, relative);
+    const root = cdnDir.endsWith(path2.sep) ? cdnDir : `${cdnDir}${path2.sep}`;
+    if (!file.startsWith(root) || !existsSync2(file)) {
+      return c.notFound();
+    }
+    const ext = path2.extname(file);
+    return c.body(readFileSync2(file), 200, {
+      "Content-Type": CONTENT_TYPES2[ext] ?? "application/octet-stream",
+      "Cache-Control": "public, max-age=3600"
+    });
+  });
+}
+
 // package.json
 var package_default = {
   name: "@mcp-use/inspector",
@@ -130,7 +231,7 @@ var package_default = {
     "build:server": "tsup 'src/server/**/*.ts' --format esm --out-dir dist/server && tsc -p tsconfig.server.json --emitDeclarationOnly --declaration",
     "build:cli": "tsup src/server/cli.ts --format esm --out-dir dist/",
     prepublishOnly: "pnpm --filter @mcp-use/client build && pnpm build",
-    start: "node dist/server/server.js",
+    start: "node dist/cli.js --port 3000",
     preview: "vite preview",
     "type-check": "tsc --noEmit",
     lint: "eslint .",
@@ -230,15 +331,12 @@ function getInspectorVersion() {
 
 // src/server/cdn-shell.ts
 var INSPECTOR_VERSION = getInspectorVersion();
-var CDN_BASE = process.env.INSPECTOR_CDN_BASE ?? "https://inspector-cdn.mcp-use.com";
-var CDN_JS_URL = `${CDN_BASE}/inspector@${INSPECTOR_VERSION}.js`;
-var CDN_CSS_URL = `${CDN_BASE}/inspector@${INSPECTOR_VERSION}.css`;
 var OAUTH_POPUP_CLOSED_HTML = `<!doctype html>
 <html lang="en"><head><meta charset="utf-8"><title>Signed in</title><meta name="robots" content="noindex"><style>html,body{margin:0;height:100%;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#4b5563;background:#fff}</style></head>
 <body><div>Signed in. You can close this window.</div>
 <script>try{if(window.opener&&!window.opener.closed)window.opener.postMessage({type:"manufact:oauth-complete"},"*")}catch(e){}try{window.close()}catch(e){}</script>
 </body></html>`;
-function generateCdnShellHtml(config, basePath = "") {
+function generateCdnShellHtml(config, basePath, assets) {
   const scripts = [];
   if (config?.basePath !== void 0) {
     scripts.push(
@@ -283,7 +381,7 @@ function generateCdnShellHtml(config, basePath = "") {
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet" />
-    <link rel="stylesheet" href="${CDN_CSS_URL}" />
+    <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." />
     <script>window.__INSPECTOR_VERSION__ = ${JSON.stringify(INSPECTOR_VERSION)};</script>
@@ -304,11 +402,12 @@ function generateCdnShellHtml(config, basePath = "") {
       }
     </script>
     <div id="root"></div>
-    <script type="module" src="${CDN_JS_URL}"></script>
+    <script type="module" src="${assets.jsUrl}"></script>
   </body>
 </html>`;
 }
 function registerInspectorCdnShell(app2, config, basePath = "") {
+  const assets = resolveInspectorAssetUrls(config?.inspectorMode, basePath);
   const p = (suffix) => `${basePath}${suffix}`;
   const effectiveConfig = {
     ...config,
@@ -316,7 +415,7 @@ function registerInspectorCdnShell(app2, config, basePath = "") {
     proxyUrl: config?.proxyUrl !== void 0 ? config.proxyUrl : p("/inspector/api/proxy"),
     disableTelemetry: config?.disableTelemetry ?? process.env.MCP_USE_ANONYMIZED_TELEMETRY === "false"
   };
-  const serveShell = (c) => c.html(generateCdnShellHtml(effectiveConfig, basePath));
+  const serveShell = (c) => c.html(generateCdnShellHtml(effectiveConfig, basePath, assets));
   registerInspectorFaviconStatic(app2, basePath);
   app2.get(
     p("/inspector/oauth-popup-closed.html"),
@@ -343,6 +442,9 @@ function registerInspectorCdnShell(app2, config, basePath = "") {
       return c.redirect(`${p("/inspector")}${url.search}`);
     });
   }
+  if (assets.useLocal) {
+    registerInspectorStaticAssets(app2, basePath);
+  }
 }
 
 // src/server/proxy/mcp-proxy.ts
@@ -645,18 +747,18 @@ function classifyMetadataTarget(serverUrl, target, binding) {
   return void 0;
 }
 function protectedResourceMetadataUrls(serverUrl) {
-  const path2 = serverUrl.pathname === "/" ? "" : serverUrl.pathname;
+  const path3 = serverUrl.pathname === "/" ? "" : serverUrl.pathname;
   return [
-    new URL(`/.well-known/oauth-protected-resource${path2}`, serverUrl.origin),
+    new URL(`/.well-known/oauth-protected-resource${path3}`, serverUrl.origin),
     new URL("/.well-known/oauth-protected-resource", serverUrl.origin)
   ];
 }
 function authorizationServerMetadataUrls(issuer) {
-  const path2 = issuer.pathname === "/" ? "" : issuer.pathname;
+  const path3 = issuer.pathname === "/" ? "" : issuer.pathname;
   return [
-    new URL(`/.well-known/oauth-authorization-server${path2}`, issuer.origin),
-    new URL(`/.well-known/openid-configuration${path2}`, issuer.origin),
-    new URL(`${path2 || ""}/.well-known/openid-configuration`, issuer.origin)
+    new URL(`/.well-known/oauth-authorization-server${path3}`, issuer.origin),
+    new URL(`/.well-known/openid-configuration${path3}`, issuer.origin),
+    new URL(`${path3 || ""}/.well-known/openid-configuration`, issuer.origin)
   ];
 }
 async function bindProtectedResource(metadata, serverUrl, binding, allowLoopback) {

package/dist/server/asset-urls.d.ts

@@ -0,0 +1,14 @@
+/** How the inspector is being served (telemetry + hosted UI behavior). */
+export type InspectorMode = "standalone" | "embedded" | "cloud";
+/** npm dist-tag for remote inspector bundles (matches mcp-use server). */
+export declare const JSDELIVR_INSPECTOR_TAG = "beta";
+export declare const DEFAULT_REMOTE_ASSETS_URL = "https://cdn.jsdelivr.net/npm/@mcp-use/inspector@beta/dist/cdn/inspector.js";
+/** Derive the stylesheet URL from a bundle script URL. */
+export declare function inspectorStylesUrl(assetsUrl: string): string;
+export type InspectorAssetUrls = {
+    jsUrl: string;
+    cssUrl: string;
+    useLocal: boolean;
+};
+export declare function resolveInspectorAssetUrls(inspectorMode: InspectorMode | undefined, basePath: string): InspectorAssetUrls;
+//# sourceMappingURL=asset-urls.d.ts.map

package/dist/server/asset-urls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-urls.d.ts","sourceRoot":"","sources":["../../src/server/asset-urls.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;AAEhE,0EAA0E;AAC1E,eAAO,MAAM,sBAAsB,SAAS,CAAC;AAE7C,eAAO,MAAM,yBAAyB,+EAAoG,CAAC;AAE3I,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,aAAa,GAAG,SAAS,EACxC,QAAQ,EAAE,MAAM,GACf,kBAAkB,CA6CpB"}

package/dist/server/asset-urls.js

@@ -0,0 +1,13 @@
+import {
+  DEFAULT_REMOTE_ASSETS_URL,
+  JSDELIVR_INSPECTOR_TAG,
+  inspectorStylesUrl,
+  resolveInspectorAssetUrls
+} from "./chunk-KBVKS4J5.js";
+import "./chunk-PKBMQBKP.js";
+export {
+  DEFAULT_REMOTE_ASSETS_URL,
+  JSDELIVR_INSPECTOR_TAG,
+  inspectorStylesUrl,
+  resolveInspectorAssetUrls
+};

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

@@ -1,6 +1,6 @@
 import type { Hono } from "hono";
-/** How the inspector is being served (telemetry + hosted UI behavior). */
-export type InspectorMode = "standalone" | "embedded" | "cloud";
+import { type InspectorMode } from "./asset-urls.js";
+export type { InspectorMode } from "./asset-urls.js";
 export type CdnShellConfig = {
     basePath?: string;
     devMode?: boolean;
@@ -12,7 +12,7 @@ export type CdnShellConfig = {
     disableTelemetry?: boolean;
 };
 /**
- * Serve the inspector UI from CDN at `${basePath}/inspector`.
+ * Serve the inspector UI at `${basePath}/inspector`.
  */
 export declare function registerInspectorCdnShell(app: Hono, config?: CdnShellConfig, basePath?: string): void;
 //# sourceMappingURL=cdn-shell.d.ts.map

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;AAY1C,0EAA0E;AAC1E,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;AAEhE,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;AAgFF;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,IAAI,EACT,MAAM,CAAC,EAAE,cAAc,EACvB,QAAQ,GAAE,MAAW,QA8CtB"}
+{"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,EAA6B,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQhF,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,QAmDtB"}

package/dist/server/cdn-shell.js

@@ -1,8 +1,10 @@
 import {
   registerInspectorCdnShell
-} from "./chunk-TPHRVELX.js";
-import "./chunk-THQ67TSE.js";
-import "./chunk-ESODOPDD.js";
+} from "./chunk-VDUV6LR6.js";
+import "./chunk-M5TZA42I.js";
+import "./chunk-Y2GBQOQW.js";
+import "./chunk-KBVKS4J5.js";
+import "./chunk-J4FNYLBF.js";
 import "./chunk-WFT4JHYI.js";
 import "./chunk-PKBMQBKP.js";
 export {

package/dist/server/{chunk-J67FVPHF.js → chunk-IXYK6ZOY.js}

@@ -1,6 +1,6 @@
 import {
   registerInspectorCdnShell
-} from "./chunk-TPHRVELX.js";
+} from "./chunk-VDUV6LR6.js";
 import {
   registerInspectorProxyRoutes
 } from "./chunk-5B3SXGZP.js";

package/dist/server/{chunk-ESODOPDD.js → chunk-J4FNYLBF.js}

@@ -15,8 +15,12 @@ var CONTENT_TYPES = {
 function resolveFaviconDir() {
   const here = path.dirname(fileURLToPath(import.meta.url));
   for (const dir of [
+    path.resolve(here, "cdn"),
+    // dist/cli.js (bundled)
     path.resolve(here, "../cdn"),
+    // dist/server/*.js
     path.resolve(here, "../../public")
+    // src/server/*.ts (dev)
   ]) {
     if (existsSync(path.join(dir, "favicon-black.svg"))) {
       return dir;

package/dist/server/chunk-KBVKS4J5.js

@@ -0,0 +1,53 @@
+// src/server/asset-urls.ts
+var JSDELIVR_INSPECTOR_TAG = "beta";
+var DEFAULT_REMOTE_ASSETS_URL = `https://cdn.jsdelivr.net/npm/@mcp-use/inspector@${JSDELIVR_INSPECTOR_TAG}/dist/cdn/inspector.js`;
+function inspectorStylesUrl(assetsUrl) {
+  return assetsUrl.replace(/\.js(?=$|[?#])/, ".css");
+}
+function resolveInspectorAssetUrls(inspectorMode, basePath) {
+  const envUrl = process.env.INSPECTOR_ASSETS_URL ?? process.env.MCP_USE_INSPECTOR_ASSETS_URL;
+  if (envUrl) {
+    return {
+      jsUrl: envUrl,
+      cssUrl: inspectorStylesUrl(envUrl),
+      useLocal: false
+    };
+  }
+  const legacyBase = process.env.INSPECTOR_CDN_BASE;
+  if (legacyBase) {
+    const base = legacyBase.replace(/\/$/, "");
+    if (/\.js(?:$|[?#])/.test(base)) {
+      return {
+        jsUrl: base,
+        cssUrl: inspectorStylesUrl(base),
+        useLocal: false
+      };
+    }
+    return {
+      jsUrl: `${base}/inspector.js`,
+      cssUrl: `${base}/inspector.css`,
+      useLocal: false
+    };
+  }
+  if (inspectorMode === "standalone") {
+    const prefix = basePath;
+    return {
+      jsUrl: `${prefix}/dist/cdn/inspector.js`,
+      cssUrl: `${prefix}/dist/cdn/inspector.css`,
+      useLocal: true
+    };
+  }
+  const jsUrl = DEFAULT_REMOTE_ASSETS_URL;
+  return {
+    jsUrl,
+    cssUrl: inspectorStylesUrl(jsUrl),
+    useLocal: false
+  };
+}
+
+export {
+  JSDELIVR_INSPECTOR_TAG,
+  DEFAULT_REMOTE_ASSETS_URL,
+  inspectorStylesUrl,
+  resolveInspectorAssetUrls
+};

package/dist/server/chunk-M5TZA42I.js

@@ -0,0 +1,54 @@
+// src/server/static-assets.ts
+import { existsSync, readFileSync } from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+var CONTENT_TYPES = {
+  ".js": "application/javascript",
+  ".css": "text/css",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".ico": "image/x-icon",
+  ".webmanifest": "application/manifest+json"
+};
+function resolveDistCdnDir() {
+  const here = path.dirname(fileURLToPath(import.meta.url));
+  for (const dir of [
+    path.resolve(here, "cdn"),
+    // dist/cli.js (bundled)
+    path.resolve(here, "../cdn")
+    // dist/server/*.js
+  ]) {
+    if (existsSync(path.join(dir, "inspector.js"))) {
+      return dir;
+    }
+  }
+  throw new Error(
+    "Inspector bundle not found (expected dist/cdn/inspector.js)"
+  );
+}
+function registerInspectorStaticAssets(app, basePath = "") {
+  const cdnDir = resolveDistCdnDir();
+  const mountPath = `${basePath}/dist/cdn`;
+  app.get(`${mountPath}/*`, (c) => {
+    const subPath = c.req.path.slice(mountPath.length);
+    const relative = subPath.startsWith("/") ? subPath.slice(1) : subPath;
+    if (!relative || relative.includes("..")) {
+      return c.notFound();
+    }
+    const file = path.resolve(cdnDir, relative);
+    const root = cdnDir.endsWith(path.sep) ? cdnDir : `${cdnDir}${path.sep}`;
+    if (!file.startsWith(root) || !existsSync(file)) {
+      return c.notFound();
+    }
+    const ext = path.extname(file);
+    return c.body(readFileSync(file), 200, {
+      "Content-Type": CONTENT_TYPES[ext] ?? "application/octet-stream",
+      "Cache-Control": "public, max-age=3600"
+    });
+  });
+}
+
+export {
+  resolveDistCdnDir,
+  registerInspectorStaticAssets
+};

package/dist/server/{chunk-TPHRVELX.js → chunk-VDUV6LR6.js}

@@ -1,24 +1,27 @@
+import {
+  registerInspectorStaticAssets
+} from "./chunk-M5TZA42I.js";
 import {
   getInspectorVersion
-} from "./chunk-THQ67TSE.js";
+} from "./chunk-Y2GBQOQW.js";
+import {
+  resolveInspectorAssetUrls
+} from "./chunk-KBVKS4J5.js";
 import {
   registerInspectorFaviconStatic
-} from "./chunk-ESODOPDD.js";
+} from "./chunk-J4FNYLBF.js";
 import {
   renderInspectorFaviconLinks
 } from "./chunk-WFT4JHYI.js";
 
 // src/server/cdn-shell.ts
 var INSPECTOR_VERSION = getInspectorVersion();
-var CDN_BASE = process.env.INSPECTOR_CDN_BASE ?? "https://inspector-cdn.mcp-use.com";
-var CDN_JS_URL = `${CDN_BASE}/inspector@${INSPECTOR_VERSION}.js`;
-var CDN_CSS_URL = `${CDN_BASE}/inspector@${INSPECTOR_VERSION}.css`;
 var OAUTH_POPUP_CLOSED_HTML = `<!doctype html>
 <html lang="en"><head><meta charset="utf-8"><title>Signed in</title><meta name="robots" content="noindex"><style>html,body{margin:0;height:100%;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#4b5563;background:#fff}</style></head>
 <body><div>Signed in. You can close this window.</div>
 <script>try{if(window.opener&&!window.opener.closed)window.opener.postMessage({type:"manufact:oauth-complete"},"*")}catch(e){}try{window.close()}catch(e){}</script>
 </body></html>`;
-function generateCdnShellHtml(config, basePath = "") {
+function generateCdnShellHtml(config, basePath, assets) {
   const scripts = [];
   if (config?.basePath !== void 0) {
     scripts.push(
@@ -63,7 +66,7 @@ function generateCdnShellHtml(config, basePath = "") {
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet" />
-    <link rel="stylesheet" href="${CDN_CSS_URL}" />
+    <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." />
     <script>window.__INSPECTOR_VERSION__ = ${JSON.stringify(INSPECTOR_VERSION)};</script>
@@ -84,11 +87,12 @@ function generateCdnShellHtml(config, basePath = "") {
       }
     </script>
     <div id="root"></div>
-    <script type="module" src="${CDN_JS_URL}"></script>
+    <script type="module" src="${assets.jsUrl}"></script>
   </body>
 </html>`;
 }
 function registerInspectorCdnShell(app, config, basePath = "") {
+  const assets = resolveInspectorAssetUrls(config?.inspectorMode, basePath);
   const p = (suffix) => `${basePath}${suffix}`;
   const effectiveConfig = {
     ...config,
@@ -96,7 +100,7 @@ function registerInspectorCdnShell(app, config, basePath = "") {
     proxyUrl: config?.proxyUrl !== void 0 ? config.proxyUrl : p("/inspector/api/proxy"),
     disableTelemetry: config?.disableTelemetry ?? process.env.MCP_USE_ANONYMIZED_TELEMETRY === "false"
   };
-  const serveShell = (c) => c.html(generateCdnShellHtml(effectiveConfig, basePath));
+  const serveShell = (c) => c.html(generateCdnShellHtml(effectiveConfig, basePath, assets));
   registerInspectorFaviconStatic(app, basePath);
   app.get(
     p("/inspector/oauth-popup-closed.html"),
@@ -123,6 +127,9 @@ function registerInspectorCdnShell(app, config, basePath = "") {
       return c.redirect(`${p("/inspector")}${url.search}`);
     });
   }
+  if (assets.useLocal) {
+    registerInspectorStaticAssets(app, basePath);
+  }
 }
 
 export {

package/dist/server/{chunk-THQ67TSE.js → chunk-Y2GBQOQW.js}

@@ -59,7 +59,7 @@ var package_default = {
     "build:server": "tsup 'src/server/**/*.ts' --format esm --out-dir dist/server && tsc -p tsconfig.server.json --emitDeclarationOnly --declaration",
     "build:cli": "tsup src/server/cli.ts --format esm --out-dir dist/",
     prepublishOnly: "pnpm --filter @mcp-use/client build && pnpm build",
-    start: "node dist/server/server.js",
+    start: "node dist/cli.js --port 3000",
     preview: "vite preview",
     "type-check": "tsc --noEmit",
     lint: "eslint .",

package/dist/server/cli.js

@@ -5,18 +5,20 @@ import {
 } from "./chunk-KD7K27XK.js";
 import {
   registerInspectorCdnShell
-} from "./chunk-TPHRVELX.js";
+} from "./chunk-VDUV6LR6.js";
+import "./chunk-M5TZA42I.js";
 import {
   getInspectorVersion
-} from "./chunk-THQ67TSE.js";
-import "./chunk-ESODOPDD.js";
-import "./chunk-WFT4JHYI.js";
+} from "./chunk-Y2GBQOQW.js";
+import "./chunk-KBVKS4J5.js";
 import {
   registerInspectorProxyRoutes
 } from "./chunk-5B3SXGZP.js";
 import "./chunk-IKTZUWSX.js";
 import "./chunk-6XWDZEFF.js";
 import "./chunk-K2F2AJOI.js";
+import "./chunk-J4FNYLBF.js";
+import "./chunk-WFT4JHYI.js";
 import "./chunk-PKBMQBKP.js";
 
 // src/server/cli.ts

package/dist/server/favicon-static.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favicon-static.d.ts","sourceRoot":"","sources":["../../src/server/favicon-static.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAyBjC,uEAAuE;AACvE,wBAAgB,8BAA8B,CAC5C,GAAG,EAAE,IAAI,EACT,QAAQ,GAAE,MAAW,QAmBtB"}
+{"version":3,"file":"favicon-static.d.ts","sourceRoot":"","sources":["../../src/server/favicon-static.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AA0BjC,uEAAuE;AACvE,wBAAgB,8BAA8B,CAC5C,GAAG,EAAE,IAAI,EACT,QAAQ,GAAE,MAAW,QAmBtB"}

package/dist/server/favicon-static.js

@@ -1,6 +1,6 @@
 import {
   registerInspectorFaviconStatic
-} from "./chunk-ESODOPDD.js";
+} from "./chunk-J4FNYLBF.js";
 import "./chunk-WFT4JHYI.js";
 import "./chunk-PKBMQBKP.js";
 export {

package/dist/server/index.js

@@ -1,18 +1,20 @@
 import {
   mountInspector
-} from "./chunk-J67FVPHF.js";
+} from "./chunk-IXYK6ZOY.js";
 import {
   registerInspectorCdnShell
-} from "./chunk-TPHRVELX.js";
-import "./chunk-THQ67TSE.js";
-import "./chunk-ESODOPDD.js";
-import "./chunk-WFT4JHYI.js";
+} from "./chunk-VDUV6LR6.js";
+import "./chunk-M5TZA42I.js";
+import "./chunk-Y2GBQOQW.js";
+import "./chunk-KBVKS4J5.js";
 import {
   registerInspectorProxyRoutes
 } from "./chunk-5B3SXGZP.js";
 import "./chunk-IKTZUWSX.js";
 import "./chunk-6XWDZEFF.js";
 import "./chunk-K2F2AJOI.js";
+import "./chunk-J4FNYLBF.js";
+import "./chunk-WFT4JHYI.js";
 import "./chunk-PKBMQBKP.js";
 export {
   mountInspector,