@mcp-use/inspector 7.0.0-canary.7 → 7.0.0-canary.9

package/dist/cdn/inspector.js

@@ -26903,7 +26903,7 @@ var Ud = class {
 //#region src/client/telemetry/utils.ts
 function of() {
 	try {
-		return "7.0.0-canary.7";
+		return "7.0.0-canary.9";
 	} catch {
 		return "0.0.0";
 	}
@@ -48440,9 +48440,9 @@ var qA, JA, YA, XA, ZA, QA, $A, ej, tj, nj, rj, ij, aj, oj, Kce, qce, sj, cj, lj
 	}(), wue);
 }));
 //#endregion
-//#region ../mcp-use/dist/chunk-2ODU2UT2.js
+//#region ../mcp-use/dist/chunk-FJE4UU4Z.js
 Yp();
-var kue = "1.29.0-canary.7";
+var kue = "1.29.0-canary.9";
 function nI() {
 	return kue;
 }
@@ -142743,29 +142743,30 @@ function K9({ ref: e, children: t, className: n, variant: r = "default", collaps
 	});
 }
 K9.displayName = "TabsList";
-var q1e = ({ children: e, title: t, collapsed: n }) => !t || !n ? e : /* @__PURE__ */ (0, O.jsx)(zd, { children: /* @__PURE__ */ (0, O.jsxs)(Bd, { children: [/* @__PURE__ */ (0, O.jsx)(Vd, { children: e }), /* @__PURE__ */ (0, O.jsx)(Hd, { children: t })] }) }), q9 = A.forwardRef(({ children: e, value: t, className: n, disabled: r, icon: i, title: a, showDot: o = !1, alwaysExpanded: s = !1, ...c }, l) => {
-	let { activeValue: u, handleValueChange: d, collapsed: f } = W1e(), p = K1e()?.variant || "default", m = u === t, h = !f || m || s;
+var q1e = ({ children: e, title: t, collapsed: n }) => !t || !n ? e : /* @__PURE__ */ (0, O.jsx)(zd, { children: /* @__PURE__ */ (0, O.jsxs)(Bd, { children: [/* @__PURE__ */ (0, O.jsx)(Vd, { children: e }), /* @__PURE__ */ (0, O.jsx)(Hd, { children: t })] }) }), q9 = A.forwardRef(({ children: e, value: t, className: n, disabled: r, icon: i, title: a, showDot: o = !1, alwaysExpanded: s = !1, badge: c, ...l }, u) => {
+	let { activeValue: d, handleValueChange: f, collapsed: p } = W1e(), m = K1e()?.variant || "default", h = d === t, g = !p || h || s;
 	return /* @__PURE__ */ (0, O.jsx)(q1e, {
 		title: a,
-		collapsed: f && !h,
+		collapsed: p && !g,
 		children: /* @__PURE__ */ (0, O.jsxs)("button", {
-			ref: l,
+			ref: u,
 			disabled: r,
-			onClick: () => d(t),
+			onClick: () => f(t),
 			"data-tab-value": t,
-			"data-tab-active": m,
+			"data-tab-active": h,
 			role: "tab",
-			"aria-selected": m ? "true" : "false",
-			title: f && !h && a ? a : void 0,
-			className: V("relative z-10 flex-1 inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-all duration-500 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer", p === "default" && "py-2.5", p === "default" && "rounded-md px-4", p === "underline" && "px-6 py-3 border-b-2 border-transparent", m && "text-foreground", !m && "text-muted-foreground hover:text-foreground", n),
-			...c,
+			"aria-selected": h ? "true" : "false",
+			title: p && !g && a ? a : void 0,
+			className: V("relative z-10 flex-1 inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-all duration-500 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer", m === "default" && "py-2.5", m === "default" && "rounded-md px-4", m === "underline" && "px-6 py-3 border-b-2 border-transparent", h && "text-foreground", !h && "text-muted-foreground hover:text-foreground", n),
+			...l,
 			children: [
-				i && /* @__PURE__ */ (0, O.jsx)(i, { className: V("h-4 w-4 transition-all duration-500 ease-in-out", h && "mr-2", !h && "mr-0!") }),
+				i && /* @__PURE__ */ (0, O.jsx)(i, { className: V("h-4 w-4 shrink-0 transition-all duration-500 ease-in-out", g && "mr-2", !g && "mr-0!") }),
 				o && /* @__PURE__ */ (0, O.jsx)("span", { className: "absolute top-1.5 right-1.5 w-2 h-2 bg-orange-500 dark:bg-orange-400 border-2 border-white dark:border-zinc-900 rounded-full transition-opacity duration-300 z-10 animate-status-pulse-orange" }),
 				/* @__PURE__ */ (0, O.jsx)("span", {
-					className: V("transition-all duration-500 ease-in-out overflow-hidden", h ? "w-auto opacity-100" : "w-0 opacity-0"),
+					className: V("min-w-0 transition-all duration-500 ease-in-out overflow-hidden", g ? "w-auto opacity-100" : "w-0 opacity-0"),
 					children: e
-				})
+				}),
+				c
 			]
 		})
 	});
@@ -143087,8 +143088,16 @@ function y0e({ chatApiUrl: e, dashboardUrl: t = "https://manufact.com/cloud", fa
 	})] });
 }
 //#endregion
+//#region src/client/components/shared/TabCountBadge.tsx
+function b0e({ count: e, isActive: t, size: n = "md" }) {
+	return e <= 0 ? null : /* @__PURE__ */ (0, O.jsx)("span", {
+		className: V(t ? "dark:bg-black" : "dark:bg-zinc-700", "shrink-0 ml-1 bg-zinc-200 text-zinc-700 dark:text-zinc-300 rounded-full font-medium", n === "sm" && "text-[10px] px-1.5 py-0.5", n === "md" && "text-xs px-2 py-0.5"),
+		children: e
+	});
+}
+//#endregion
 //#region src/client/components/AddToClientDropdown.tsx
-function b0e({ serverConfig: e, additionalItems: t = [], showClients: n = {
+function x0e({ serverConfig: e, additionalItems: t = [], showClients: n = {
 	cursor: !0,
 	vsCode: !0,
 	vsCodeInsiders: !0,
@@ -143533,7 +143542,7 @@ function Y9({ className: e, state: t = "collapsed", href: n = "https://mcp-use.c
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					children: [
-						/* @__PURE__ */ (0, O.jsx)(x0e, {
+						/* @__PURE__ */ (0, O.jsx)(S0e, {
 							d: "m105.5 34.8.6.6c9.5 9.5 14.4 21.9 14.6 34.4a112.6 112.6 0 0 0 112.2 112.1h.6c12 .4 24 5.1 33.2 14.1l.6.6a50 50 0 0 1-70.1 71.3l-.6-.6A49.9 49.9 0 0 1 182 230 112.6 112.6 0 0 0 73.4 120.7h-.8a49.9 49.9 0 0 1-36.7-14l-.5-.6a50 50 0 0 1-.6-70.2l.6-.5a50 50 0 0 1 69.5-1.2l.6.6Z",
 							times: {
 								T0: 0,
@@ -143543,7 +143552,7 @@ function Y9({ className: e, state: t = "collapsed", href: n = "https://mcp-use.c
 							},
 							total: s
 						}),
-						/* @__PURE__ */ (0, O.jsx)(S0e, {
+						/* @__PURE__ */ (0, O.jsx)(C0e, {
 							cx: 70.3,
 							cy: 232.3,
 							r: 50,
@@ -143555,7 +143564,7 @@ function Y9({ className: e, state: t = "collapsed", href: n = "https://mcp-use.c
 							},
 							total: s
 						}),
-						/* @__PURE__ */ (0, O.jsx)(S0e, {
+						/* @__PURE__ */ (0, O.jsx)(C0e, {
 							cx: 232.3,
 							cy: 70.3,
 							r: 50,
@@ -143582,7 +143591,7 @@ function Y9({ className: e, state: t = "collapsed", href: n = "https://mcp-use.c
 		})]
 	});
 }
-function x0e({ d: e, times: t, total: n }) {
+function S0e({ d: e, times: t, total: n }) {
 	let { T0: r, T1: i, T2: a, T3: o } = t;
 	return /* @__PURE__ */ (0, O.jsx)(Q1.path, {
 		d: e,
@@ -143618,7 +143627,7 @@ function x0e({ d: e, times: t, total: n }) {
 		}
 	});
 }
-function S0e({ cx: e, cy: t, r: n, times: r, total: i }) {
+function C0e({ cx: e, cy: t, r: n, times: r, total: i }) {
 	let { T0: a, T1: o, T2: s, T3: c } = r;
 	return /* @__PURE__ */ (0, O.jsx)(Q1.circle, {
 		cx: e,
@@ -143744,7 +143753,7 @@ function X9({ open: e, onOpenChange: t, serverUrl: n, serverName: r, serverId: i
 }
 //#endregion
 //#region src/client/components/ui/shimmer-button.tsx
-function C0e({ ref: e, shimmerColor: t, shimmerSize: n = "0.05em", shimmerDuration: r = "3s", borderRadius: i = "100px", background: a, className: o, children: s, ...c }) {
+function w0e({ ref: e, shimmerColor: t, shimmerSize: n = "0.05em", shimmerDuration: r = "3s", borderRadius: i = "100px", background: a, className: o, children: s, ...c }) {
 	let { theme: l } = yV();
 	return /* @__PURE__ */ (0, O.jsxs)("button", {
 		style: {
@@ -143772,10 +143781,10 @@ function C0e({ ref: e, shimmerColor: t, shimmerSize: n = "0.05em", shimmerDurati
 		]
 	});
 }
-C0e.displayName = "ShimmerButton";
+w0e.displayName = "ShimmerButton";
 //#endregion
 //#region src/client/components/ui/status-dot.tsx
-function w0e({ status: e }) {
+function T0e({ status: e }) {
 	let { color: t, ringColor: n, tooltip: r } = ((e) => {
 		switch (e) {
 			case "ready": return {
@@ -143805,7 +143814,7 @@ function w0e({ status: e }) {
 }
 //#endregion
 //#region src/client/components/ServerDropdown.tsx
-function T0e({ connections: e, selectedServer: t, onServerSelect: n, onOpenConnectionOptions: r, mobileMode: i = !1 }) {
+function E0e({ connections: e, selectedServer: t, onServerSelect: n, onOpenConnectionOptions: r, mobileMode: i = !1 }) {
 	let a = IR(), [o, s] = (0, A.useState)(!1), [c, l] = (0, A.useState)(null), u = (t) => {
 		let r = e.find((e) => e.id === t);
 		if (!r || r.state !== "ready") {
@@ -143854,7 +143863,7 @@ function T0e({ connections: e, selectedServer: t, onServerSelect: n, onOpenConne
 								children: [/* @__PURE__ */ (0, O.jsx)("div", {
 									className: "font-medium",
 									children: hR(e)
-								}), /* @__PURE__ */ (0, O.jsx)(w0e, { status: e.state })]
+								}), /* @__PURE__ */ (0, O.jsx)(T0e, { status: e.state })]
 							}),
 							/* @__PURE__ */ (0, O.jsxs)("div", {
 								className: "flex items-center gap-1",
@@ -143900,7 +143909,7 @@ function T0e({ connections: e, selectedServer: t, onServerSelect: n, onOpenConne
 			children: [/* @__PURE__ */ (0, O.jsxs)(nu, { children: [
 				/* @__PURE__ */ (0, O.jsx)(ru, {
 					asChild: !0,
-					children: /* @__PURE__ */ (0, O.jsxs)(C0e, {
+					children: /* @__PURE__ */ (0, O.jsxs)(w0e, {
 						className: V("min-w-0 sm:min-w-[200px] p-0 px-1 text-sm h-11 justify-start  text-white dark:text-black border-black dark:border-white hover:bg-gray-800 dark:hover:bg-zinc-100 hover:border-gray-800 dark:hover:border-zinc-200", !t && "pl-4", t && "pr-20"),
 						children: [t && /* @__PURE__ */ (0, O.jsx)(t0, {
 							server: t,
@@ -143983,7 +143992,7 @@ function T0e({ connections: e, selectedServer: t, onServerSelect: n, onOpenConne
 									children: [/* @__PURE__ */ (0, O.jsx)("div", {
 										className: "font-medium",
 										children: hR(e)
-									}), /* @__PURE__ */ (0, O.jsx)(w0e, { status: e.state })]
+									}), /* @__PURE__ */ (0, O.jsx)(T0e, { status: e.state })]
 								}),
 								/* @__PURE__ */ (0, O.jsxs)("div", {
 									className: "flex items-center gap-1",
@@ -144027,7 +144036,7 @@ function T0e({ connections: e, selectedServer: t, onServerSelect: n, onOpenConne
 }
 //#endregion
 //#region src/client/components/LayoutHeader.tsx
-var E0e = [
+var D0e = [
 	{
 		id: "chat",
 		label: "Chat",
@@ -144066,17 +144075,17 @@ var E0e = [
 		icon: Tf
 	}
 ];
-function D0e(e, t) {
+function O0e(e, t) {
 	return e === "tools" ? t.tools.length : e === "prompts" ? t.prompts.length : e === "resources" ? t.resources.length : e === "sampling" ? t.pendingSamplingRequests?.length || 0 : e === "elicitation" ? t.pendingElicitationRequests?.length || 0 : e === "notifications" ? t.unreadNotificationCount : 0;
 }
-function O0e(e, t, n) {
+function k0e(e, t, n) {
 	return n && t > 0 && [
 		"sampling",
 		"elicitation",
 		"notifications"
 	].includes(e);
 }
-function k0e({ collapsed: e, onToggle: t }) {
+function A0e({ collapsed: e, onToggle: t }) {
 	return /* @__PURE__ */ (0, O.jsxs)(Bd, { children: [/* @__PURE__ */ (0, O.jsx)(Vd, {
 		asChild: !0,
 		children: /* @__PURE__ */ (0, O.jsx)("button", {
@@ -144088,7 +144097,7 @@ function k0e({ collapsed: e, onToggle: t }) {
 		})
 	}), /* @__PURE__ */ (0, O.jsx)(Hd, { children: /* @__PURE__ */ (0, O.jsx)("p", { children: e ? "Expand tabs" : "Collapse tabs" }) })] });
 }
-function A0e(e) {
+function j0e(e) {
 	try {
 		let t = new URL(e).hostname.toLowerCase();
 		return t === "localhost" || t === "127.0.0.1" || t === "::1" || t === "0.0.0.0";
@@ -144096,14 +144105,14 @@ function A0e(e) {
 		return !1;
 	}
 }
-function j0e(e) {
+function M0e(e) {
 	try {
 		return new URL(e).hostname.endsWith(".mcp-use.run");
 	} catch {
 		return !1;
 	}
 }
-function M0e(e) {
+function N0e(e) {
 	if (!e) return null;
 	try {
 		let t = new URL(e);
@@ -144116,7 +144125,7 @@ var Z9 = {
 	stopping: "Stopping tunnel…",
 	reconnecting: "Reconnecting…"
 };
-function N0e({ tunnelUrl: e, isTunnelStarting: t, setTunnelUrl: n, setIsTunnelStarting: r, copied: i, setCopied: a, handleCopy: o }) {
+function P0e({ tunnelUrl: e, isTunnelStarting: t, setTunnelUrl: n, setIsTunnelStarting: r, copied: i, setCopied: a, handleCopy: o }) {
 	let [s, c] = (0, A.useState)(!1), [l, u] = (0, A.useState)(null), [d, f] = (0, A.useState)(0), [p, m] = (0, A.useState)(Z9.starting);
 	(0, A.useEffect)(() => {
 		if (!t) {
@@ -144145,7 +144154,7 @@ function N0e({ tunnelUrl: e, isTunnelStarting: t, setTunnelUrl: n, setIsTunnelSt
 				if (e) return;
 				if (u(!!r.fromCli), r.tunnelUrl) n(new URL(r.tunnelUrl).origin);
 				else {
-					let e = M0e(r.mcpUrl ?? null);
+					let e = N0e(r.mcpUrl ?? null);
 					e && n(e);
 				}
 			} catch {
@@ -144350,10 +144359,10 @@ function N0e({ tunnelUrl: e, isTunnelStarting: t, setTunnelUrl: n, setIsTunnelSt
 		})]
 	});
 }
-function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect: r, onTabChange: i, onCommandPaletteOpen: a, onOpenConnectionOptions: o, embedded: s = !1 }) {
-	let { tunnelUrl: c, isTunnelStarting: l, setTunnelUrl: u, setIsTunnelStarting: d, embeddedConfig: f } = i0(), { theme: p, setTheme: m } = yV(), h = !!t && (A0e(t.url) || j0e(t.url) || !!c), [g, _] = (0, A.useState)(!1), [v, y] = (0, A.useState)(!1), [b, x] = (0, A.useState)(!1), [S, C] = (0, A.useState)(!0), [w, T] = (0, A.useState)(!1);
+function F0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect: r, onTabChange: i, onCommandPaletteOpen: a, onOpenConnectionOptions: o, embedded: s = !1 }) {
+	let { tunnelUrl: c, isTunnelStarting: l, setTunnelUrl: u, setIsTunnelStarting: d, embeddedConfig: f } = i0(), { theme: p, setTheme: m } = yV(), h = !!t && (j0e(t.url) || M0e(t.url) || !!c), [g, _] = (0, A.useState)(!1), [v, y] = (0, A.useState)(!1), [b, x] = (0, A.useState)(!1), [S, C] = (0, A.useState)(!0), [w, T] = (0, A.useState)(!1);
 	if (f.singleTab) return null;
-	let E = f.visibleTabs ? E0e.filter((e) => e.id === "separator" || f.visibleTabs.includes(e.id)) : E0e, D = async () => {
+	let E = f.visibleTabs ? D0e.filter((e) => e.id === "separator" || f.visibleTabs.includes(e.id)) : D0e, D = async () => {
 		if (c) try {
 			await pR(`${c}/mcp`), _(!0), vz.success("Tunnel URL copied to clipboard"), setTimeout(() => _(!1), 2e3);
 		} catch {
@@ -144369,7 +144378,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 				children: [
 					!s && /* @__PURE__ */ (0, O.jsx)("div", {
 						className: "flex-1 flex justify-start",
-						children: /* @__PURE__ */ (0, O.jsx)(T0e, {
+						children: /* @__PURE__ */ (0, O.jsx)(E0e, {
 							connections: e,
 							selectedServer: t,
 							onServerSelect: r,
@@ -144390,7 +144399,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 							t && (() => {
 								let e = hR(t);
 								return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
-									/* @__PURE__ */ (0, O.jsx)(b0e, {
+									/* @__PURE__ */ (0, O.jsx)(x0e, {
 										serverConfig: {
 											url: c ? `${c}/mcp` : t.url,
 											name: e,
@@ -144451,7 +144460,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 									})
 								] });
 							})(),
-							h && /* @__PURE__ */ (0, O.jsx)(N0e, {
+							h && /* @__PURE__ */ (0, O.jsx)(P0e, {
 								tunnelUrl: c,
 								isTunnelStarting: l,
 								setTunnelUrl: u,
@@ -144542,21 +144551,23 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 						className: "w-full justify-center",
 						children: E.map((e) => {
 							if (e.id === "separator") return /* @__PURE__ */ (0, O.jsx)("div", { className: "h-5 w-px bg-zinc-300 dark:bg-zinc-600 mx-1 shrink-0" }, "separator");
-							let r = D0e(e.id, t), i = O0e(e.id, r, S);
-							return /* @__PURE__ */ (0, O.jsxs)(q9, {
+							let r = O0e(e.id, t), i = k0e(e.id, r, S);
+							return /* @__PURE__ */ (0, O.jsx)(q9, {
 								value: e.id,
 								"data-testid": `tab-${e.id}`,
 								icon: e.icon,
 								showDot: i,
+								badge: /* @__PURE__ */ (0, O.jsx)(b0e, {
+									count: r,
+									isActive: n === e.id,
+									size: "sm"
+								}),
 								alwaysExpanded: "alwaysExpanded" in e && e.alwaysExpanded,
 								className: V("[&>svg]:mr-0 flex-1 flex-row gap-2 relative", S && "pl-2"),
-								children: [r > 0 && !S && /* @__PURE__ */ (0, O.jsx)("span", {
-									className: V(n === e.id ? "dark:bg-black" : "dark:bg-zinc-700", "bg-zinc-200 text-zinc-700 dark:text-zinc-300 text-[10px] px-1.5 py-0.5 rounded-full font-medium"),
-									children: r
-								}), /* @__PURE__ */ (0, O.jsx)("span", {
+								children: /* @__PURE__ */ (0, O.jsx)("span", {
 									className: "sr-only",
 									children: e.label
-								})]
+								})
 							}, e.id);
 						})
 					})
@@ -144566,7 +144577,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 			className: "hidden lg:flex items-center justify-between gap-3",
 			children: [/* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "flex items-center flex-wrap gap-2 md:space-x-6 space-x-2",
-				children: [!s && /* @__PURE__ */ (0, O.jsx)(T0e, {
+				children: [!s && /* @__PURE__ */ (0, O.jsx)(E0e, {
 					connections: e,
 					selectedServer: t,
 					onServerSelect: r,
@@ -144583,26 +144594,27 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 							collapsible: !0,
 							children: E.map((e) => {
 								if (e.id === "separator") return /* @__PURE__ */ (0, O.jsx)("div", { className: "h-5 w-px bg-zinc-300 dark:bg-zinc-600 mx-1 shrink-0" }, "separator");
-								let r = D0e(e.id, t), i = r > 0 ? `${e.label} (${r})` : e.label, a = O0e(e.id, r, S);
+								let r = O0e(e.id, t), i = r > 0 ? `${e.label} (${r})` : e.label, a = k0e(e.id, r, S);
 								return /* @__PURE__ */ (0, O.jsx)(q9, {
 									value: e.id,
 									"data-testid": `tab-${e.id}`,
 									icon: e.icon,
 									showDot: a,
+									badge: /* @__PURE__ */ (0, O.jsx)(b0e, {
+										count: r,
+										isActive: n === e.id
+									}),
 									alwaysExpanded: "alwaysExpanded" in e && e.alwaysExpanded,
 									className: V("[&>svg]:mr-0 lg:[&>svg]:mr-2 relative", S && "pl-4"),
 									title: i,
-									children: /* @__PURE__ */ (0, O.jsxs)("div", {
+									children: /* @__PURE__ */ (0, O.jsx)("span", {
 										className: "items-center gap-2 hidden lg:flex",
-										children: [e.label, r > 0 && /* @__PURE__ */ (0, O.jsx)("span", {
-											className: V(n === e.id ? " dark:bg-black " : "dark:bg-zinc-700", "bg-zinc-200 text-zinc-700 dark:text-zinc-300 text-xs px-2 py-0.5 rounded-full font-medium"),
-											children: r
-										})]
+										children: e.label
 									})
 								}, e.id);
 							})
 						})
-					}), /* @__PURE__ */ (0, O.jsx)(k0e, {
+					}), /* @__PURE__ */ (0, O.jsx)(A0e, {
 						collapsed: S,
 						onToggle: () => C(!S)
 					})]
@@ -144613,7 +144625,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 					t && (() => {
 						let e = hR(t);
 						return /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
-							/* @__PURE__ */ (0, O.jsx)(b0e, {
+							/* @__PURE__ */ (0, O.jsx)(x0e, {
 								serverConfig: {
 									url: c ? `${c}/mcp` : t.url,
 									name: e,
@@ -144674,7 +144686,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 							})
 						] });
 					})(),
-					h && /* @__PURE__ */ (0, O.jsx)(N0e, {
+					h && /* @__PURE__ */ (0, O.jsx)(P0e, {
 						tunnelUrl: c,
 						isTunnelStarting: l,
 						setTunnelUrl: u,
@@ -144786,7 +144798,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 }
 //#endregion
 //#region src/client/components/Layout.tsx
-function F0e({ children: e }) {
+function I0e({ children: e }) {
 	let t = IR(), n = NR(), { servers: r, addServer: i, removeServer: a, updateServerMetadata: o, updateServer: s, storageLoaded: c } = fR(), l = (0, A.useCallback)((e, t, n, r, a) => {
 		i(e, {
 			url: e,
@@ -145089,7 +145101,7 @@ function F0e({ children: e }) {
 		className: y ? ce ? "h-screen flex flex-col" : "h-screen flex flex-col gap-2 sm:gap-4" : "h-screen bg-[#f3f3f3] dark:bg-black flex flex-col px-2 py-2 sm:px-4 sm:py-4 gap-2 sm:gap-4",
 		style: le,
 		children: [
-			!ce && /* @__PURE__ */ (0, O.jsx)(P0e, {
+			!ce && /* @__PURE__ */ (0, O.jsx)(F0e, {
 				connections: r,
 				selectedServer: R,
 				activeTab: m,
@@ -145146,14 +145158,14 @@ function Q9(e) {
 	} catch {
 		t();
 	}
-	return n.protocol !== "https:" && n.protocol !== "http:" && t(), n.hostname !== encodeURIComponent(n.hostname) && t(), n.username &&= encodeURIComponent(n.username), n.password &&= encodeURIComponent(n.password), n.pathname = n.pathname.slice(0, 1) + encodeURIComponent(n.pathname.slice(1)).replace(/%2f/gi, "/"), n.search = n.search.slice(0, 1) + Array.from(n.searchParams.entries()).map(I0e).join("&"), n.hash = n.hash.slice(0, 1) + encodeURIComponent(n.hash.slice(1)), n.href;
+	return n.protocol !== "https:" && n.protocol !== "http:" && t(), n.hostname !== encodeURIComponent(n.hostname) && t(), n.username &&= encodeURIComponent(n.username), n.password &&= encodeURIComponent(n.password), n.pathname = n.pathname.slice(0, 1) + encodeURIComponent(n.pathname.slice(1)).replace(/%2f/gi, "/"), n.search = n.search.slice(0, 1) + Array.from(n.searchParams.entries()).map(L0e).join("&"), n.hash = n.hash.slice(0, 1) + encodeURIComponent(n.hash.slice(1)), n.href;
 }
 W(Q9, "sanitizeUrl");
-function I0e([e, t]) {
+function L0e([e, t]) {
 	return `${encodeURIComponent(e)}${t.length > 0 ? `=${encodeURIComponent(t)}` : ""}`;
 }
-W(I0e, "sanitizeParam");
-var L0e = class e {
+W(L0e, "sanitizeParam");
+var R0e = class e {
 	static {
 		W(this, "OAuthSessionStore");
 	}
@@ -145327,7 +145339,7 @@ var L0e = class e {
 //#endregion
 //#region ../mcp-use/dist/chunk-ZXGVZARC.js
 Yp();
-var R0e = class {
+var z0e = class {
 	static {
 		W(this, "LocalStorageKVStore");
 	}
@@ -145349,11 +145361,11 @@ var R0e = class {
 		return e;
 	}
 };
-async function z0e(e) {
+async function B0e(e) {
 	return typeof e == "string" ? e : e instanceof URLSearchParams || e instanceof FormData ? Object.fromEntries(e.entries()) : e instanceof Blob ? await e.text() : e;
 }
-W(z0e, "serializeBody");
-var B0e = class {
+W(B0e, "serializeBody");
+var V0e = class {
 	static {
 		W(this, "BrowserOAuthClientProvider");
 	}
@@ -145368,7 +145380,7 @@ var B0e = class {
 	_lastOriginalResource = null;
 	onPopupWindow;
 	constructor(e, t = {}) {
-		this.serverUrl = e, this.session = new L0e(e, t, new R0e()), this.preventAutoAuth = t.preventAutoAuth, this.useRedirectFlow = t.useRedirectFlow, this.oauthProxyUrl = t.oauthProxyUrl, this.connectionUrl = t.connectionUrl, this.staticClientInfo = t.staticClientInfo, this.onPopupWindow = t.onPopupWindow;
+		this.serverUrl = e, this.session = new R0e(e, t, new z0e()), this.preventAutoAuth = t.preventAutoAuth, this.useRedirectFlow = t.useRedirectFlow, this.oauthProxyUrl = t.oauthProxyUrl, this.connectionUrl = t.connectionUrl, this.staticClientInfo = t.staticClientInfo, this.onPopupWindow = t.onPopupWindow;
 	}
 	get storageKeyPrefix() {
 		return this.session.storageKeyPrefix;
@@ -145432,7 +145444,7 @@ var B0e = class {
 					} catch {}
 					return o;
 				}
-				let c = a?.body ? await z0e(a.body) : void 0, l = await (await r(s, {
+				let c = a?.body ? await B0e(a.body) : void 0, l = await (await r(s, {
 					method: "POST",
 					headers: { "Content-Type": "application/json" },
 					body: JSON.stringify({
@@ -145539,7 +145551,7 @@ var B0e = class {
 		}), r;
 	}
 };
-async function V0e() {
+async function H0e() {
 	let e = new URLSearchParams(window.location.search), t = e.get("code"), n = e.get("state"), r = e.get("error"), i = e.get("error_description"), a = "[mcp-callback]";
 	console.log(`${a} Handling callback...`, {
 		code: t,
@@ -145608,7 +145620,7 @@ async function V0e() {
 		} catch (e) {
 			console.warn(`${a} Could not infer OAuth proxy URL:`, e);
 		}
-		console.log(`${a} Re-instantiating provider for server: ${u}`), o = new B0e(u, {
+		console.log(`${a} Re-instantiating provider for server: ${u}`), o = new V0e(u, {
 			...d,
 			oauthProxyUrl: h,
 			connectionUrl: g
@@ -145665,8 +145677,8 @@ async function V0e() {
 		c && localStorage.removeItem(c), o && localStorage.removeItem(o.getKey("last_auth_url"));
 	}
 }
-W(V0e, "onMcpAuthorization");
-async function H0e(e, t = fetch) {
+W(H0e, "onMcpAuthorization");
+async function U0e(e, t = fetch) {
 	let n = e.replace(/\/$/, ""), r = await t(n.endsWith("/mcp") ? n : `${n}/mcp`, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -145684,13 +145696,13 @@ async function H0e(e, t = fetch) {
 		scope: a
 	};
 }
-W(H0e, "probeAuthParams");
+W(U0e, "probeAuthParams");
 //#endregion
 //#region src/client/components/OAuthCallback.tsx
-function U0e() {
+function W0e() {
 	let [e, t] = (0, A.useState)("processing"), [n, r] = (0, A.useState)("");
 	return (0, A.useEffect)(() => {
-		console.log("[OAuthCallback] Component mounted, handling authorization..."), console.log("[OAuthCallback] Current URL:", window.location.href), V0e().then(() => {
+		console.log("[OAuthCallback] Component mounted, handling authorization..."), console.log("[OAuthCallback] Current URL:", window.location.href), H0e().then(() => {
 			console.log("[OAuthCallback] Authorization successful"), t("success");
 		}).catch((e) => {
 			console.error("[OAuthCallback] Authorization failed:", e), t("error"), r(e instanceof Error ? e.message : String(e));
@@ -145739,7 +145751,7 @@ function U0e() {
 }
 //#endregion
 //#region src/client/types/sampling.ts
-var W0e = {
+var G0e = {
 	model: "stub-model",
 	stopReason: "endTurn",
 	role: "assistant",
@@ -145750,7 +145762,7 @@ var W0e = {
 };
 //#endregion
 //#region src/client/components/sampling/SamplingRequestToast.tsx
-function G0e({ requestId: e, serverName: t, onViewDetails: n, onApprove: r, onDeny: i }) {
+function K0e({ requestId: e, serverName: t, onViewDetails: n, onApprove: r, onDeny: i }) {
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "space-y-3",
 		children: [/* @__PURE__ */ (0, O.jsxs)("div", { children: [/* @__PURE__ */ (0, O.jsx)("strong", { children: "Sampling Request Received" }), /* @__PURE__ */ (0, O.jsxs)("p", {
@@ -145771,7 +145783,7 @@ function G0e({ requestId: e, serverName: t, onViewDetails: n, onApprove: r, onDe
 					"data-testid": "sampling-toast-approve",
 					className: "px-3 py-1.5 text-xs font-medium rounded-md hover:bg-accent hover:text-accent-foreground",
 					onClick: (e) => {
-						e.stopPropagation(), r(W0e);
+						e.stopPropagation(), r(G0e);
 					},
 					children: "Approve"
 				}),
@@ -145789,8 +145801,8 @@ function G0e({ requestId: e, serverName: t, onViewDetails: n, onApprove: r, onDe
 }
 //#endregion
 //#region src/client/components/ViewPreview.tsx
-var $9 = "preview-default", K0e = "preview-bundle";
-function q0e(e) {
+var $9 = "preview-default", q0e = "preview-bundle";
+function J0e(e) {
 	if (!e) return {};
 	try {
 		let t = atob(e), n = JSON.parse(t);
@@ -145798,17 +145810,17 @@ function q0e(e) {
 	} catch {}
 	return {};
 }
-function J0e(e, t) {
+function Y0e(e, t) {
 	let n = `ui://widget/${t}`, r = e.find((e) => e.uri.startsWith(`${n}.`) && e.uri.endsWith(".html"));
 	return r ? r.uri : e.find((e) => e.name === t)?.uri;
 }
-function Y0e() {
+function X0e() {
 	let e = globalThis.__mcpUsePreviewBundle;
 	if (!e || typeof e != "object") return;
 	let t = e;
 	if (typeof t.resourceUri == "string") return t;
 }
-function X0e() {
+function Z0e() {
 	(0, A.useEffect)(() => {
 		let e = document.documentElement, t = document.body, n = e.style.margin, r = t.style.margin, i = t.style.overflow;
 		return e.style.margin = "0", t.style.margin = "0", t.style.overflow = "hidden", () => {
@@ -145816,7 +145828,7 @@ function X0e() {
 		};
 	}, []);
 }
-function Z0e(e) {
+function Q0e(e) {
 	(0, A.useEffect)(() => {
 		if (!e) return;
 		let t = !1;
@@ -145830,9 +145842,9 @@ function Z0e(e) {
 		};
 	}, [e]);
 }
-function Q0e({ view: e, bundle: t }) {
+function $0e({ view: e, bundle: t }) {
 	let [n, r] = (0, A.useState)(!1);
-	X0e(), Z0e(n);
+	Z0e(), Q0e(n);
 	let i = (0, A.useMemo)(() => async (e) => {
 		if (e === t.resourceUri) return t.resourceContents;
 		throw Error(`Resource ${e} not in screenshot bundle`);
@@ -145843,7 +145855,7 @@ function Q0e({ view: e, bundle: t }) {
 			height: "100vh"
 		},
 		children: /* @__PURE__ */ (0, O.jsx)(z7, {
-			serverId: K0e,
+			serverId: q0e,
 			toolCallId: (0, A.useMemo)(() => `preview-bundle-${e}-${Date.now().toString(36)}`, [e]),
 			toolName: e,
 			toolInput: t.toolInput,
@@ -145857,8 +145869,8 @@ function Q0e({ view: e, bundle: t }) {
 		})
 	});
 }
-function $0e({ view: e }) {
-	let [t] = xge(), n = (0, A.useMemo)(() => q0e(t.get("props")), [t]), r = (0, A.useMemo)(() => t.get("server") || `${window.location.origin}/mcp`, [t]), i = (0, A.useMemo)(() => {
+function e2e({ view: e }) {
+	let [t] = xge(), n = (0, A.useMemo)(() => J0e(t.get("props")), [t]), r = (0, A.useMemo)(() => t.get("server") || `${window.location.origin}/mcp`, [t]), i = (0, A.useMemo)(() => {
 		let e = t.get("headers");
 		if (e) try {
 			let t = JSON.parse(atob(e));
@@ -145878,7 +145890,7 @@ function $0e({ view: e }) {
 		o
 	]);
 	let l = c?.state === "ready", u = c?.state === "failed", d = (0, A.useMemo)(() => {
-		if (l) return J0e(c.resources, e);
+		if (l) return Y0e(c.resources, e);
 	}, [
 		l,
 		c?.resources,
@@ -145887,7 +145899,7 @@ function $0e({ view: e }) {
 		if (!c?.readResource) throw Error("Server not ready");
 		return c.readResource(e);
 	}, [c]), [m, h] = (0, A.useState)(!1);
-	return Z0e(m), X0e(), u ? /* @__PURE__ */ (0, O.jsxs)("div", {
+	return Q0e(m), Z0e(), u ? /* @__PURE__ */ (0, O.jsxs)("div", {
 		style: {
 			padding: 16,
 			fontFamily: "monospace",
@@ -145942,16 +145954,16 @@ function $0e({ view: e }) {
 		})
 	});
 }
-function e2e() {
-	let e = Ehe().view ?? "", t = (0, A.useMemo)(() => Y0e(), []);
-	return t ? /* @__PURE__ */ (0, O.jsx)(Q0e, {
+function t2e() {
+	let e = Ehe().view ?? "", t = (0, A.useMemo)(() => X0e(), []);
+	return t ? /* @__PURE__ */ (0, O.jsx)($0e, {
 		view: e,
 		bundle: t
-	}) : /* @__PURE__ */ (0, O.jsx)($0e, { view: e });
+	}) : /* @__PURE__ */ (0, O.jsx)(e2e, { view: e });
 }
 //#endregion
 //#region ../../node_modules/.pnpm/next-themes@0.4.6_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next-themes/dist/index.mjs
-var t2e = (e, t, n, r, i, a, o, s) => {
+var n2e = (e, t, n, r, i, a, o, s) => {
 	let c = document.documentElement, l = ["light", "dark"];
 	function u(t) {
 		(Array.isArray(e) ? e : [e]).forEach((e) => {
@@ -145970,10 +145982,10 @@ var t2e = (e, t, n, r, i, a, o, s) => {
 		let e = localStorage.getItem(t) || n;
 		u(o && e === "system" ? f() : e);
 	} catch {}
-}, n2e = A.createContext(void 0), r2e = {
+}, r2e = A.createContext(void 0), i2e = {
 	setTheme: (e) => {},
 	themes: []
-}, i2e = () => A.useContext(n2e) ?? r2e;
+}, a2e = () => A.useContext(r2e) ?? i2e;
 A.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: r, enableColorScheme: i, defaultTheme: a, value: o, themes: s, nonce: c, scriptProps: l }) => {
 	let u = JSON.stringify([
 		n,
@@ -145989,13 +146001,13 @@ A.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: r, enableCo
 		...l,
 		suppressHydrationWarning: !0,
 		nonce: typeof window > "u" ? c : "",
-		dangerouslySetInnerHTML: { __html: `(${t2e.toString()})(${u})` }
+		dangerouslySetInnerHTML: { __html: `(${n2e.toString()})(${u})` }
 	});
 });
 //#endregion
 //#region src/client/components/ui/sonner.tsx
-function a2e({ ...e }) {
-	let { theme: t = "system" } = i2e();
+function o2e({ ...e }) {
+	let { theme: t = "system" } = a2e();
 	return /* @__PURE__ */ (0, O.jsx)(Zge, {
 		theme: t,
 		className: "toaster group",
@@ -146009,13 +146021,13 @@ function a2e({ ...e }) {
 }
 //#endregion
 //#region src/client/App.tsx
-function o2e({ activeTabRef: e }) {
+function s2e({ activeTabRef: e }) {
 	let { activeTab: t } = i0();
 	return (0, A.useEffect)(() => {
 		e.current = t;
 	}, [t, e]), null;
 }
-function s2e() {
+function c2e() {
 	let e = (0, A.useRef)("tools"), t = new URLSearchParams(window.location.search), n = t.get("embedded") === "true", r = t.get("theme"), i = (0, A.useMemo)(() => n ? void 0 : new wme("mcp-inspector-connections"), [n]), a = window.__MCP_PROXY_URL__, o = a ? `${window.location.origin}${a}` : void 0;
 	return (0, A.useEffect)(() => {
 		let e = t.get("auth_error");
@@ -146056,7 +146068,7 @@ function s2e() {
 				console.log("[Inspector] Server state changed:", e, t);
 			},
 			onSamplingRequest: (e, t, n, r, i) => {
-				let a = vz(/* @__PURE__ */ (0, O.jsx)(G0e, {
+				let a = vz(/* @__PURE__ */ (0, O.jsx)(K0e, {
 					requestId: e.id,
 					serverName: n,
 					onViewDetails: () => {
@@ -146092,31 +146104,31 @@ function s2e() {
 				}), { duration: Infinity });
 			},
 			children: /* @__PURE__ */ (0, O.jsxs)(OFe, { children: [
-				/* @__PURE__ */ (0, O.jsx)(o2e, { activeTabRef: e }),
+				/* @__PURE__ */ (0, O.jsx)(s2e, { activeTabRef: e }),
 				/* @__PURE__ */ (0, O.jsx)(mge, {
 					basename: "/inspector",
 					children: /* @__PURE__ */ (0, O.jsxs)(Bhe, { children: [
 						/* @__PURE__ */ (0, O.jsx)(qR, {
 							path: "/oauth/callback",
-							element: /* @__PURE__ */ (0, O.jsx)(U0e, {})
+							element: /* @__PURE__ */ (0, O.jsx)(W0e, {})
 						}),
 						/* @__PURE__ */ (0, O.jsx)(qR, {
 							path: "/preview/:view",
-							element: /* @__PURE__ */ (0, O.jsx)(e2e, {})
+							element: /* @__PURE__ */ (0, O.jsx)(t2e, {})
 						}),
 						/* @__PURE__ */ (0, O.jsx)(qR, {
 							path: "/",
-							element: /* @__PURE__ */ (0, O.jsx)(F0e, { children: /* @__PURE__ */ (0, O.jsx)(DFe, {}) })
+							element: /* @__PURE__ */ (0, O.jsx)(I0e, { children: /* @__PURE__ */ (0, O.jsx)(DFe, {}) })
 						})
 					] })
 				}),
-				/* @__PURE__ */ (0, O.jsx)(a2e, { position: "top-center" })
+				/* @__PURE__ */ (0, O.jsx)(o2e, { position: "top-center" })
 			] })
 		}) })
 	});
 }
 //#endregion
 //#region src/client/main.tsx
-var c2e = document.getElementById("root");
-c2e ? D.createRoot(c2e).render(/* @__PURE__ */ (0, O.jsx)(s2e, {})) : console.error("[inspector] Root element not found");
+var l2e = document.getElementById("root");
+l2e ? D.createRoot(l2e).render(/* @__PURE__ */ (0, O.jsx)(c2e, {})) : console.error("[inspector] Root element not found");
 //#endregion