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

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

@@ -1,8 +1,12 @@
 import { s as e, t } from "./react-BIs9pQ3H.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";
+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-BoOQpLwo.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
-var s = /* @__PURE__ */ e(t(), 1), c = new class {
+var f = /* @__PURE__ */ e(t(), 1), p = new class {
 	listeners = /* @__PURE__ */ new Set();
 	publish(e) {
 		this.listeners.forEach((t) => {
@@ -19,7 +23,7 @@ var s = /* @__PURE__ */ e(t(), 1), c = new class {
 }();
 //#endregion
 //#region src/client/mcp-apps/csp.ts
-function l(e) {
+function m(e) {
 	let t = (e) => e.replace(/['"<>;]/g, "").trim(), n = (e.connectDomains || []).map(t).filter(Boolean), r = (e.resourceDomains || []).map(t).filter(Boolean), i = (e.frameDomains || []).map(t).filter(Boolean), a = (e.baseUriDomains || []).map(t).filter(Boolean), o = n.length > 0 ? n.join(" ") : "'none'", s = r.length > 0 ? [
 		"data:",
 		"blob:",
@@ -38,7 +42,7 @@ function l(e) {
 		`base-uri ${l}`
 	].join("; ");
 }
-function u(e) {
+function h(e) {
 	if (!e) return {};
 	let t = {};
 	for (let n of e.split(";")) {
@@ -47,13 +51,13 @@ function u(e) {
 	}
 	return t;
 }
-function d(e) {
-	return e ? u(l(e)) : {};
+function g(e) {
+	return e ? h(m(e)) : {};
 }
-function f(e) {
-	return u(e);
+function _(e) {
+	return h(e);
 }
-function p(e) {
+function v(e) {
 	let t = {};
 	for (let n of e) {
 		let e = (n.effectiveDirective || n.directive || "unknown").toLowerCase(), r = n.blockedUri || "(inline)";
@@ -61,7 +65,7 @@ function p(e) {
 	}
 	return t;
 }
-function m(e, t) {
+function y(e, t) {
 	return Array.from(new Set([...Object.keys(e), ...Object.keys(t)])).sort().map((n) => {
 		let r = e[n] ?? [], i = t[n] ?? [], a = Array.from(new Set(r)).sort(), o = Array.from(new Set(i)).sort();
 		return {
@@ -72,7 +76,7 @@ function m(e, t) {
 		};
 	});
 }
-function h(e) {
+function b(e) {
 	let t = [];
 	e.declared || t.push({
 		severity: "warning",
@@ -83,7 +87,7 @@ function h(e) {
 		title: "Permissive mode",
 		detail: "Observed violations are requests a declared policy would block."
 	});
-	let n = p(e.violations);
+	let n = v(e.violations);
 	for (let [r, i] of Object.entries(n)) t.push({
 		severity: e.mode === "permissive" ? "warning" : "error",
 		title: `${i.length} blocked by ${r}`,
@@ -97,8 +101,8 @@ function h(e) {
 }
 //#endregion
 //#region src/client/mcp-apps/logging-transport.ts
-function g(e, t, n) {
-	let i = {
+function x(e, t, n) {
+	let r = {
 		get sessionId() {
 			return e.sessionId;
 		},
@@ -109,15 +113,15 @@ function g(e, t, n) {
 		async start() {
 			return e.start();
 		},
-		async send(i, a) {
-			return r.publish({
+		async send(r, i) {
+			return c.publish({
 				source: "widget",
 				serverId: t,
 				widgetId: n,
 				direction: "send",
 				timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-				message: i
-			}), e.send(i, a);
+				message: r
+			}), e.send(r, i);
 		},
 		async close() {
 			return e.close();
@@ -126,29 +130,29 @@ function g(e, t, n) {
 		onerror: void 0,
 		onmessage: void 0
 	};
-	return Object.defineProperty(i, "onmessage", {
+	return Object.defineProperty(r, "onmessage", {
 		configurable: !0,
 		enumerable: !0,
 		get() {
 			return e.onmessage;
 		},
-		set(i) {
-			if (!i) {
+		set(r) {
+			if (!r) {
 				e.onmessage = void 0;
 				return;
 			}
-			e.onmessage = (e, a) => {
-				r.publish({
+			e.onmessage = (e, i) => {
+				c.publish({
 					source: "widget",
 					serverId: t,
 					widgetId: n,
 					direction: "receive",
 					timestamp: (/* @__PURE__ */ new Date()).toISOString(),
 					message: e
-				}), i(e, a);
+				}), r(e, i);
 			};
 		}
-	}), Object.defineProperty(i, "onclose", {
+	}), Object.defineProperty(r, "onclose", {
 		configurable: !0,
 		enumerable: !0,
 		get() {
@@ -157,7 +161,7 @@ function g(e, t, n) {
 		set(t) {
 			e.onclose = t;
 		}
-	}), Object.defineProperty(i, "onerror", {
+	}), Object.defineProperty(r, "onerror", {
 		configurable: !0,
 		enumerable: !0,
 		get() {
@@ -166,33 +170,30 @@ function g(e, t, n) {
 		set(t) {
 			e.onerror = t;
 		}
-	}), i;
+	}), r;
 }
 //#endregion
 //#region src/client/hooks/useDeviceViewport.ts
-function _(e, t) {
-	return (0, s.useMemo)(() => e === "custom" ? {
-		maxWidth: t.width,
-		maxHeight: t.height
-	} : {
-		maxWidth: o[e].width,
-		maxHeight: o[e].height
-	}, [e, t]);
+function S(e) {
+	return (0, f.useMemo)(() => ({
+		maxWidth: d[e].width,
+		maxHeight: d[e].height
+	}), [e]);
 }
 //#endregion
 //#region src/client/hooks/useMcpAppsHostContext.ts
-function v(e, t) {
+function C(e, t) {
 	return e.getPropertyValue(t).trim();
 }
-function y() {
+function w() {
 	if (typeof window > "u") return {};
 	let e = getComputedStyle(document.documentElement), t = {}, n = (e, n) => {
 		n && (t[e] = n);
-	}, r = v(e, "--background"), i = v(e, "--foreground"), a = v(e, "--card"), o = v(e, "--muted"), s = v(e, "--muted-foreground"), c = v(e, "--primary"), l = v(e, "--primary-foreground"), u = v(e, "--secondary"), d = v(e, "--accent"), f = v(e, "--accent-foreground"), p = v(e, "--destructive"), m = v(e, "--border"), h = v(e, "--ring"), g = v(e, "--radius");
+	}, r = C(e, "--background"), i = C(e, "--foreground"), a = C(e, "--card"), o = C(e, "--muted"), s = C(e, "--muted-foreground"), c = C(e, "--primary"), l = C(e, "--primary-foreground"), u = C(e, "--secondary"), d = C(e, "--accent"), f = C(e, "--accent-foreground"), p = C(e, "--destructive"), m = C(e, "--border"), h = C(e, "--ring"), g = C(e, "--radius");
 	return n("--color-background-primary", r), n("--color-background-secondary", a || u), n("--color-background-tertiary", o || d), n("--color-background-inverse", c), n("--color-background-ghost", d || o), n("--color-background-danger", p), n("--color-text-primary", i), n("--color-text-secondary", s), n("--color-text-tertiary", s), n("--color-text-inverse", l), n("--color-text-ghost", f || s), n("--color-text-danger", p), n("--color-border-primary", m), n("--color-border-secondary", m), n("--color-border-tertiary", m), n("--color-ring-primary", h || m), n("--border-radius-sm", g), n("--border-radius-md", g), n("--border-radius-lg", g), n("--font-sans", "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"), t;
 }
-function b({ theme: e, displayMode: t, maxWidth: n, maxHeight: r, playground: i, deviceType: a, toolCallId: o, toolName: c, toolInput: l, toolOutput: u, toolMetadata: d, tool: f }) {
-	return (0, s.useMemo)(() => ({
+function T({ theme: e, displayMode: t, maxWidth: n, maxHeight: r, playground: i, deviceType: a, toolCallId: o, toolName: s, toolInput: c, toolOutput: l, toolMetadata: u, tool: d }) {
+	return (0, f.useMemo)(() => ({
 		theme: e,
 		displayMode: t,
 		availableDisplayModes: [
@@ -210,10 +211,10 @@ function b({ theme: e, displayMode: t, maxWidth: n, maxHeight: r, playground: i,
 		userAgent: "mcp-use-inspector/0.16.2",
 		deviceCapabilities: i.capabilities,
 		safeAreaInsets: i.safeAreaInsets,
-		styles: { variables: y() },
-		toolInfo: f ? {
+		styles: { variables: w() },
+		toolInfo: d ? {
 			id: o,
-			tool: f
+			tool: d
 		} : void 0
 	}), [
 		e,
@@ -226,24 +227,24 @@ function b({ theme: e, displayMode: t, maxWidth: n, maxHeight: r, playground: i,
 		i.safeAreaInsets,
 		a,
 		o,
+		s,
 		c,
 		l,
 		u,
-		d,
-		f
+		d
 	]);
 }
 //#endregion
-//#region src/client/hooks/useViewHostProps.ts
-var x = {
+//#region src/client/hooks/useViewHostProps.tsx
+var E = n(), D = {
 	name: "mcp-use-inspector",
 	version: "11.0.0"
 };
-function S(e, t) {
-	let n = (0, s.useRef)(e);
+function O(e, t) {
+	let n = (0, f.useRef)(e);
 	n.current = e;
-	let r = (0, s.useRef)(t);
-	return r.current = t, (0, s.useMemo)(() => e ? {
+	let r = (0, f.useRef)(t);
+	return r.current = t, (0, f.useMemo)(() => e ? {
 		callTool: (e, t, r) => n.current.callTool(e, t ?? {}, r),
 		readResource: (e) => r.current(e),
 		get resources() {
@@ -251,34 +252,34 @@ function S(e, t) {
 		}
 	} : null, [e?.id]);
 }
-function C(e) {
-	let { serverId: t, viewId: r, resourceUri: o, toolName: u, toolInput: d, toolOutput: f, toolMetadata: p, tool: m, readResource: h, displayMode: v, onDisplayModeChange: y, inlineMaxWidth: C, chromeless: w, onReady: T } = e, { resolvedTheme: E } = a(), { servers: D } = n(), O = D.find((e) => e.id === t), { playground: k, addWidget: A, removeWidget: j, addCspViolation: M, setWidgetModelContext: N, setWidgetDeclaredCsp: P } = i(), F = k.cspMode === "permissive" ? "permissive" : "widget-declared", { maxWidth: I, maxHeight: L } = _(k.deviceType, k.customViewport), R = b({
-		theme: E,
-		displayMode: v ?? "inline",
-		maxWidth: I,
-		maxHeight: L,
-		playground: k,
-		deviceType: k.deviceType,
-		toolCallId: r,
-		toolName: u,
-		toolInput: d,
-		toolOutput: f,
-		toolMetadata: p,
-		tool: m
-	}), z = (0, s.useRef)(R);
-	z.current = R;
-	let B = S(O, h), V = (0, s.useMemo)(() => B ? {
+function k(e) {
+	let { serverId: t, viewId: n, resourceUri: c, toolName: d, toolInput: h, toolOutput: g, toolMetadata: _, tool: v, readResource: y, displayMode: b, onDisplayModeChange: C, inlineMaxWidth: w, chromeless: k, onReady: A } = e, { resolvedTheme: j } = u(), { servers: M } = a(), N = M.find((e) => e.id === t), { playground: P, addWidget: F, removeWidget: I, addCspViolation: L, setWidgetModelContext: R, setWidgetDeclaredCsp: z } = l(), B = P.cspMode === "permissive" ? "permissive" : "widget-declared", { maxWidth: V, maxHeight: H } = S(P.deviceType), U = T({
+		theme: j,
+		displayMode: b ?? "inline",
+		maxWidth: V,
+		maxHeight: H,
+		playground: P,
+		deviceType: P.deviceType,
+		toolCallId: n,
+		toolName: d,
+		toolInput: h,
+		toolOutput: g,
+		toolMetadata: _,
+		tool: v
+	}), W = (0, f.useRef)(U);
+	W.current = U;
+	let G = O(N, y), K = (0, f.useMemo)(() => G ? {
 		kind: "live",
-		connection: B,
-		resourceUri: o
-	} : null, [B, o]), H = (0, s.useCallback)((e) => g(e, t, r), [t, r]), U = (0, s.useCallback)((e) => {
-		A(r, {
-			toolName: u,
+		connection: G,
+		resourceUri: c
+	} : null, [G, c]), q = (0, f.useCallback)((e) => x(e, t, n), [t, n]), J = (0, f.useCallback)((e) => {
+		F(n, {
+			toolName: d,
 			protocol: "mcp-apps",
-			hostContext: z.current
+			hostContext: W.current
 		});
-		let t = e.declaredCsp, n;
-		F === "permissive" ? n = [
+		let t = e.declaredCsp, r;
+		B === "permissive" ? r = [
 			"default-src * 'unsafe-inline' 'unsafe-eval' data: blob: filesystem: about:",
 			"script-src * 'unsafe-inline' 'unsafe-eval' data: blob:",
 			"style-src * 'unsafe-inline' data: blob:",
@@ -290,17 +291,17 @@ function C(e) {
 			"object-src * data: blob:",
 			"base-uri *",
 			"form-action *"
-		].join("; ") : t && (n = l(t)), P(r, t, n);
+		].join("; ") : t && (r = m(t)), z(n, t, r);
 	}, [
-		A,
-		r,
-		u,
 		F,
-		P
+		n,
+		d,
+		B,
+		z
 	]);
-	(0, s.useEffect)(() => () => j(r), [r, j]);
-	let W = (0, s.useCallback)((e) => {
-		M(r, {
+	(0, f.useEffect)(() => () => I(n), [n, I]);
+	let Y = (0, f.useCallback)((e) => {
+		L(n, {
 			directive: e.directive,
 			effectiveDirective: e.effectiveDirective ?? e.directive,
 			blockedUri: e.blockedUri,
@@ -310,39 +311,54 @@ function C(e) {
 			originalPolicy: e.originalPolicy,
 			timestamp: e.timestamp
 		});
-	}, [M, r]), G = (0, s.useCallback)(({ content: e, structuredContent: t }) => {
-		N(r, {
+	}, [L, n]), X = (0, f.useCallback)(({ content: e, structuredContent: t }) => {
+		R(n, {
 			content: e,
 			structuredContent: t
 		});
 		try {
-			localStorage.setItem(`mcp-use:widget-state:${r}`, JSON.stringify(t));
+			localStorage.setItem(`mcp-use:widget-state:${n}`, JSON.stringify(t));
 		} catch {}
-	}, [N, r]), K = (0, s.useCallback)(({ level: e, data: t }) => {
+	}, [R, n]), Z = (0, f.useCallback)(({ level: e, data: t }) => {
 		let n = e === "warning" ? "warn" : e === "error" ? "error" : "log";
-		c.publish({
+		p.publish({
 			level: n,
 			args: Array.isArray(t) ? t : [t],
 			timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-			url: o
+			url: c
 		});
-	}, [o]);
-	return V ? {
-		source: V,
-		hostInfo: x,
-		hostContext: R,
-		cspMode: F,
-		wrapTransport: H,
-		onCspViolation: W,
-		onModelContextUpdate: G,
-		onLog: K,
-		onResourceResolved: U,
-		displayMode: v,
-		onDisplayModeChange: y,
-		inlineMaxWidth: C,
-		chromeless: w,
-		onReady: T
+	}, [c]), Q = (0, f.useMemo)(() => ({
+		title: N ? o(N) : "MCP Server",
+		iconUrl: N ? s(N) : null
+	}), [N]), $ = (0, f.useCallback)(({ onClick: e, "data-testid": t, "aria-label": n }) => /* @__PURE__ */ (0, E.jsx)(r, {
+		type: "button",
+		variant: "tertiary",
+		size: "icon-sm",
+		className: "rounded-full shadow-sm",
+		"data-testid": t,
+		"aria-label": n,
+		onClick: e,
+		children: /* @__PURE__ */ (0, E.jsx)(i, {})
+	}), []);
+	return K ? {
+		source: K,
+		hostInfo: D,
+		hostContext: U,
+		cspMode: B,
+		wrapTransport: q,
+		onCspViolation: Y,
+		onModelContextUpdate: X,
+		onLog: Z,
+		onResourceResolved: J,
+		displayMode: b,
+		onDisplayModeChange: C,
+		inlineMaxWidth: w ?? (P.deviceType === "mobile" ? V : void 0),
+		chromeless: k,
+		onReady: A,
+		mockOpenAiFileApis: !0,
+		fullscreenHeader: Q,
+		renderFullscreenClose: $
 	} : null;
 }
 //#endregion
-export { d as a, f as i, h as n, c as o, m as r, C as t };
+export { g as a, _ as i, b as n, p as o, y as r, k as t };

package/dist/cdn/{wrench-DzGmCfnb.js → wrench-DvK20LUT.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C5fZZ6oB.js";
+import { t as e } from "./createLucideIcon-BONxC1L5.js";
 var t = e("wrench", [["path", {
 	d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
 	key: "1ngwbx"

package/dist/cdn/{x-C3vRQIYu.js → x-EilKPiCX.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C5fZZ6oB.js";
+import { t as e } from "./createLucideIcon-BONxC1L5.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"

package/dist/cdn/{zap-Mb-pbw2X.js → zap-0Wr9QO7N.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-C5fZZ6oB.js";
+import { t as e } from "./createLucideIcon-BONxC1L5.js";
 var t = e("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"

package/dist/cli.js

@@ -13,6 +13,14 @@ var DEFAULT_REMOTE_ASSETS_URL = `https://cdn.jsdelivr.net/npm/@mcp-use/inspector
 function inspectorStylesUrl(assetsUrl) {
   return assetsUrl.replace(/\.js(?=$|[?#])/, ".css");
 }
+function isDefaultJsdelivrInspectorUrl(url) {
+  return url.startsWith("https://cdn.jsdelivr.net/npm/@mcp-use/inspector@");
+}
+function withInspectorCacheBust(assetsUrl) {
+  if (!isDefaultJsdelivrInspectorUrl(assetsUrl)) return assetsUrl;
+  const sep = assetsUrl.includes("?") ? "&" : "?";
+  return `${assetsUrl}${sep}cb=${crypto.randomUUID()}`;
+}
 function resolveInspectorAssetUrls(inspectorMode2, basePath) {
   const envUrl = process.env.INSPECTOR_ASSETS_URL ?? process.env.MCP_USE_INSPECTOR_ASSETS_URL;
   if (envUrl) {
@@ -174,7 +182,7 @@ function registerInspectorStaticAssets(app2, basePath = "") {
 var package_default = {
   name: "@mcp-use/inspector",
   type: "module",
-  version: "20.0.0-beta.0",
+  version: "20.0.0-beta.9",
   description: "MCP Inspector - A tool for inspecting and debugging MCP servers",
   author: "",
   license: "MIT",
@@ -257,7 +265,7 @@ var package_default = {
     "lint:pnpm": "pnpm lint:fix"
   },
   engines: {
-    node: "^20.19.0 || >=22.12.0"
+    node: ">=22.22.2"
   },
   peerDependencies: {
     "@mcp-use/client": "^2.0.0-alpha.0",
@@ -276,22 +284,15 @@ var package_default = {
     "@hono/node-server": "^1.19.13",
     "@mcp-use/agent": "workspace:*",
     "@mcp-use/client": "workspace:*",
-    "@paper-design/shaders-react": "^0.0.77",
-    "@shikijs/langs": "^3.23.0",
-    "@shikijs/themes": "^3.23.0",
     "class-variance-authority": "^0.7.1",
     clsx: "^2.1.1",
-    "framer-motion": "^12.42.2",
     hono: "^4.12.12",
     "lucide-react": "^0.562.0",
     "markdown-to-jsx": "^9.7.4",
     motion: "^12.34.2",
     open: "^11.0.0",
-    "pdfjs-dist": "^6.1.200",
     "react-resizable-panels": "^4.6.4",
     sonner: "^2.0.7",
-    shiki: "^3.23.0",
-    streamdown: "^2.5.0",
     "tailwind-merge": "^3.5.0"
   },
   publishConfig: {
@@ -384,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>
@@ -401,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>`;
@@ -415,7 +475,16 @@ 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, assets));
+  const serveShell = (c) => {
+    const base = resolveInspectorAssetUrls(config?.inspectorMode, basePath);
+    const jsUrl = withInspectorCacheBust(base.jsUrl);
+    return c.html(
+      generateCdnShellHtml(effectiveConfig, basePath, {
+        jsUrl,
+        cssUrl: inspectorStylesUrl(jsUrl)
+      })
+    );
+  };
   registerInspectorFaviconStatic(app2, basePath);
   app2.get(
     p("/inspector/oauth-popup-closed.html"),
@@ -1067,6 +1136,9 @@ var InvalidUpstreamError = class extends Error {
 };
 
 // src/server/proxy/mcp-proxy.ts
+function isOpenEndedSseResponse(contentType, contentLength) {
+  return contentType.includes("text/event-stream") && !contentLength;
+}
 function mountMcpProxy(app2, options = {}) {
   const basePath = options.path || "/mcp/proxy";
   const enableLogging = options.enableLogging !== false;
@@ -1203,10 +1275,11 @@ function mountMcpProxy(app2, options = {}) {
         }
       });
       const contentType = response.headers.get("content-type") || "";
-      const isSSE = contentType.includes("text/event-stream");
-      const isGetRequest = c.req.method === "GET";
       const upstreamContentLength = response.headers.get("content-length");
-      const isTrueStream = isSSE && isGetRequest && !upstreamContentLength;
+      const isTrueStream = isOpenEndedSseResponse(
+        contentType,
+        upstreamContentLength
+      );
       if (isTrueStream) {
         return new Response(response.body, {
           status: response.status,

package/dist/client/auth/manufact-auth.d.ts

@@ -13,7 +13,9 @@ interface ManufactAuthSnapshot {
 }
 export declare function canShareManufactSession(inspectorUrl: string, cloudOrigin: string): boolean;
 export declare function getSharedManufactSession(chatApiUrl: string): Promise<ManufactUser | null>;
-export declare function authorizeManufact(chatApiUrl: string): Promise<void>;
+export declare function authorizeManufact(chatApiUrl: string, options?: {
+    isRetry?: boolean;
+}): Promise<void>;
 export declare function completeManufactAuthorization(url?: URL): Promise<void>;
 export declare function logoutManufact(chatApiUrl: string, mode: ManufactAuthSnapshot["mode"]): Promise<void>;
 export declare function getManufactAccessToken(chatApiUrl: string): Promise<string | null>;

package/dist/client/auth/manufact-auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manufact-auth.d.ts","sourceRoot":"","sources":["../../../src/client/auth/manufact-auth.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AA6BD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC;CAClC;AA+BD,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,GAClB,OAAO,CAeT;AA0PD,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAE9B;AAgED,wBAAsB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAqEzE;AAED,wBAAsB,6BAA6B,CACjD,GAAG,MAAgC,GAClC,OAAO,CAAC,IAAI,CAAC,CAmCf;AA0FD,wBAAsB,cAAc,CAClC,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,GACjC,OAAO,CAAC,IAAI,CAAC,CAYf;AAED,wBAAsB,sBAAsB,CAC1C,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAIxB;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B,CAiDA"}
+{"version":3,"file":"manufact-auth.d.ts","sourceRoot":"","sources":["../../../src/client/auth/manufact-auth.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AA6BD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC;CAClC;AAgDD,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,GAClB,OAAO,CAeT;AAiUD,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAE9B;AAgED,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAC9B,OAAO,CAAC,IAAI,CAAC,CAsEf;AAED,wBAAsB,6BAA6B,CACjD,GAAG,MAAgC,GAClC,OAAO,CAAC,IAAI,CAAC,CAmCf;AA0FD,wBAAsB,cAAc,CAClC,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,GACjC,OAAO,CAAC,IAAI,CAAC,CAYf;AAED,wBAAsB,sBAAsB,CAC1C,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAIxB;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B,CAiDA"}

package/dist/client/components/ChatTab.d.ts

@@ -64,13 +64,6 @@ export interface ChatTabProps {
     credentials?: RequestCredentials;
     /** Extra headers to send with every streaming request. */
     extraHeaders?: Record<string, string>;
-    /**
-     * True when the hosted inspector's managed key isn't usable because the
-     * selected server is on localhost (the managed backend can't reach it).
-     * Surfaces an explanatory notice on the configure-key empty state so the
-     * BYOK fallback is explained rather than silent. Default: false.
-     */
-    managedKeyUnavailable?: boolean;
     /**
      * Custom body builder for the streaming request.
      * Use to send only `{ messages }` to a server-managed backend.
@@ -100,6 +93,6 @@ export interface ChatTabProps {
     /** Raise ChatHeader above host chrome (cloud embed). */
     elevatedHeader?: boolean;
 }
-export declare function ChatTab({ connection, isConnected, useClientSide, enableKeyboardShortcuts, prompts, serverId, callPrompt, readResource, chatApiUrl, waitForChatApiUrl, initialMessages, managedLlmConfig, managedCloudModel, enableFreeTierUpgrade, clearButtonLabel, hideTitle, hideModelBadge, clearButtonHideIcon, clearButtonHideShortcut, clearButtonVariant, hideClearButton, hideToolSelector, chatQuickQuestions, chatFollowups, streamProtocol, credentials, extraHeaders, body, managedKeyUnavailable, chatStorageProvider, enableChatHistory, activeChatId: controlledActiveChatId, onActiveChatIdChange, titleGenerationReady, activeChatTitle, onChatTitleGenerated, defaultView, systemPromptProvider: externalSystemPromptProvider, elevatedHeader, }: ChatTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatTab({ connection, isConnected, useClientSide, enableKeyboardShortcuts, prompts, serverId, callPrompt, readResource, chatApiUrl, waitForChatApiUrl, initialMessages, managedLlmConfig, managedCloudModel, enableFreeTierUpgrade, clearButtonLabel, hideTitle, hideModelBadge, clearButtonHideIcon, clearButtonHideShortcut, clearButtonVariant, hideClearButton, hideToolSelector, chatQuickQuestions, chatFollowups, streamProtocol, credentials, extraHeaders, body, chatStorageProvider, enableChatHistory, activeChatId: controlledActiveChatId, onActiveChatIdChange, titleGenerationReady, activeChatTitle, onChatTitleGenerated, defaultView, systemPromptProvider: externalSystemPromptProvider, elevatedHeader, }: ChatTabProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ChatTab.d.ts.map