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

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.8";
 	} 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-ZWQMXQQQ.js
 Yp();
-var kue = "1.29.0-canary.7";
+var kue = "1.29.0-canary.8";
 function nI() {
 	return kue;
 }
@@ -137628,8 +137628,16 @@ function i$e({ notifications: e, unreadCount: t, markNotificationRead: n, markAl
 	});
 }
 //#endregion
+//#region src/client/components/shared/TabCountBadge.tsx
+function a$e({ 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/shared/ListTabHeader.tsx
-function a$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, primaryTabTitle: r, secondaryTabTitle: i, primaryCount: a, secondaryCount: o, secondaryIcon: s, primaryIcon: c, searchPlaceholder: l = "Search...", onSearchExpand: u, onSearchChange: d, onSearchBlur: f, onTabSwitch: p, searchInputRef: m, primaryTabName: h, onRefresh: g, isRefreshing: _ = !1 }) {
+function o$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, primaryTabTitle: r, secondaryTabTitle: i, primaryCount: a, secondaryCount: o, secondaryIcon: s, primaryIcon: c, searchPlaceholder: l = "Search...", onSearchExpand: u, onSearchChange: d, onSearchBlur: f, onTabSwitch: p, searchInputRef: m, primaryTabName: h, onRefresh: g, isRefreshing: _ = !1 }) {
 	let v = e === h;
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "flex flex-row items-center justify-between p-4 sm:p-4 py-3 gap-2",
@@ -137703,7 +137711,7 @@ function a$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, primaryTabTitl
 }
 //#endregion
 //#region src/client/components/logging/JsonRpcLoggerView.tsx
-function o$e({ serverIds: e, onCountChange: t, onClearRef: n, onExportRef: r } = {}) {
+function s$e({ serverIds: e, onCountChange: t, onClearRef: n, onExportRef: r } = {}) {
 	let [i, a] = (0, A.useState)([]), o = (0, A.useRef)(null), [s, c] = (0, A.useState)(/* @__PURE__ */ new Set()), [l] = (0, A.useState)(""), u = (e) => {
 		c((t) => {
 			let n = new Set(t);
@@ -137923,7 +137931,7 @@ function R9({ serverId: e, className: t }) {
 			}), /* @__PURE__ */ (0, O.jsx)(jf, { className: `h-4 w-4 text-muted-foreground transition-transform ${i ? "" : "rotate-180"}` })]
 		}), /* @__PURE__ */ (0, O.jsx)("div", {
 			className: `flex-1 overflow-hidden min-h-0 ${i ? "hidden" : ""}`,
-			children: /* @__PURE__ */ (0, O.jsx)(o$e, {
+			children: /* @__PURE__ */ (0, O.jsx)(s$e, {
 				serverIds: [e],
 				onCountChange: r,
 				onClearRef: s,
@@ -137935,7 +137943,7 @@ function R9({ serverId: e, className: t }) {
 R9.displayName = "RpcPanel";
 //#endregion
 //#region src/client/components/prompts/PromptsList.tsx
-function s$e({ prompts: e, selectedPrompt: t, onPromptSelect: n, focusedIndex: r }) {
+function c$e({ prompts: e, selectedPrompt: t, onPromptSelect: n, focusedIndex: r }) {
 	return e.length === 0 ? /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "flex flex-col items-center justify-center h-full p-4 text-center",
 		children: [/* @__PURE__ */ (0, O.jsx)(fp, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, O.jsx)("p", {
@@ -137963,8 +137971,8 @@ function s$e({ prompts: e, selectedPrompt: t, onPromptSelect: n, focusedIndex: r
 }
 //#endregion
 //#region src/client/components/prompts/PromptsTabHeader.tsx
-function c$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, filteredPromptsCount: r, savedPromptsCount: i, onSearchExpand: a, onSearchChange: o, onSearchBlur: s, onTabSwitch: c, searchInputRef: l, onRefresh: u, isRefreshing: d }) {
-	return /* @__PURE__ */ (0, O.jsx)(a$e, {
+function l$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, filteredPromptsCount: r, savedPromptsCount: i, onSearchExpand: a, onSearchChange: o, onSearchBlur: s, onTabSwitch: c, searchInputRef: l, onRefresh: u, isRefreshing: d }) {
+	return /* @__PURE__ */ (0, O.jsx)(o$e, {
 		activeTab: e,
 		isSearchExpanded: t,
 		searchQuery: n,
@@ -137988,7 +137996,7 @@ function c$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, filteredPrompt
 }
 //#endregion
 //#region src/client/components/prompts/SavedPromptsList.tsx
-function l$e({ savedPrompts: e, selectedPrompt: t, onLoadPrompt: n, onDeletePrompt: r, focusedIndex: i }) {
+function u$e({ savedPrompts: e, selectedPrompt: t, onLoadPrompt: n, onDeletePrompt: r, focusedIndex: i }) {
 	return e.length === 0 ? /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "flex flex-col items-center justify-center h-full p-4 text-center",
 		children: [
@@ -138017,7 +138025,7 @@ function l$e({ savedPrompts: e, selectedPrompt: t, onLoadPrompt: n, onDeleteProm
 }
 //#endregion
 //#region src/client/components/prompts/PromptInputForm.tsx
-function u$e({ selectedPrompt: e, promptArgs: t, onArgChange: n }) {
+function d$e({ selectedPrompt: e, promptArgs: t, onArgChange: n }) {
 	let r = e?.arguments || [];
 	if (!(r.length > 0)) return /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "flex items-center justify-center h-32 text-gray-500 dark:text-gray-400 text-sm",
@@ -138132,7 +138140,7 @@ function u$e({ selectedPrompt: e, promptArgs: t, onArgChange: n }) {
 }
 //#endregion
 //#region src/client/components/prompts/PromptExecutionPanel.tsx
-function d$e({ selectedPrompt: e, promptArgs: t, isExecuting: n, isConnected: r, onArgChange: i, onExecute: a, onSave: o }) {
+function f$e({ selectedPrompt: e, promptArgs: t, isExecuting: n, isConnected: r, onArgChange: i, onExecute: a, onSave: o }) {
 	return (0, A.useEffect)(() => {
 		let t = (t) => {
 			(t.metaKey || t.ctrlKey) && t.key === "Enter" && e && !n && r && (t.preventDefault(), a());
@@ -138192,7 +138200,7 @@ function d$e({ selectedPrompt: e, promptArgs: t, isExecuting: n, isConnected: r,
 			})] })
 		}), /* @__PURE__ */ (0, O.jsx)("div", {
 			className: "flex-1 overflow-y-auto px-3 sm:px-6 pb-4 pr-3",
-			children: /* @__PURE__ */ (0, O.jsx)(u$e, {
+			children: /* @__PURE__ */ (0, O.jsx)(d$e, {
 				selectedPrompt: e,
 				promptArgs: t,
 				onArgChange: i
@@ -138211,7 +138219,7 @@ function d$e({ selectedPrompt: e, promptArgs: t, isExecuting: n, isConnected: r,
 }
 //#endregion
 //#region src/client/components/prompts/PromptMessageCard.tsx
-function f$e(e) {
+function p$e(e) {
 	switch (e) {
 		case "system": return "default";
 		case "user": return "outline";
@@ -138219,26 +138227,26 @@ function f$e(e) {
 		default: return "outline";
 	}
 }
-function p$e(e) {
+function m$e(e) {
 	return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function m$e(e) {
+function h$e(e) {
 	return typeof e == "string" ? e : e.text ? e.text : e.type === "resource" && e.resource?.text ? e.resource.text : e.type === "image" ? `[Image: ${e.mimeType || "unknown type"}]` : JSON.stringify(e, null, 2);
 }
-function h$e({ message: e, index: t }) {
+function g$e({ message: e, index: t }) {
 	let [n, r] = (0, A.useState)(!1);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "border border-border rounded-lg overflow-hidden bg-white dark:bg-zinc-900",
 		children: [/* @__PURE__ */ (0, O.jsxs)("div", {
 			className: "flex items-center justify-between px-4 py-2 bg-muted/30 border-b border-border",
 			children: [/* @__PURE__ */ (0, O.jsx)(It, {
-				variant: f$e(e.role),
-				children: p$e(e.role)
+				variant: p$e(e.role),
+				children: m$e(e.role)
 			}), /* @__PURE__ */ (0, O.jsx)(H, {
 				variant: "ghost",
 				size: "sm",
 				onClick: async () => {
-					await pR(m$e(e.content)), r(!0), setTimeout(() => r(!1), 2e3);
+					await pR(h$e(e.content)), r(!0), setTimeout(() => r(!1), 2e3);
 				},
 				className: "h-6 px-2",
 				title: "Copy message content",
@@ -138284,20 +138292,20 @@ function h$e({ message: e, index: t }) {
 }
 //#endregion
 //#region src/client/components/prompts/PromptResultDisplay.tsx
-function g$e(e) {
+function _$e(e) {
 	let t = Date.now() - e, n = Math.floor(t / 1e3), r = Math.floor(n / 60), i = Math.floor(r / 60), a = Math.floor(i / 24);
 	return n < 10 ? "now" : n < 60 ? `${n}s ago` : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : `${a}d ago`;
 }
-function _$e(e) {
+function v$e(e) {
 	return "isError" in e && !e.isError ? null : "error" in e && e.error ? String(e.error) : "isError" in e && e.isError ? "An error occurred" : null;
 }
-function v$e({ results: e, copiedResult: t, previewMode: n = !0, onCopy: r, onDelete: i, onFullscreen: a, onTogglePreview: o, onMaximize: s, isMaximized: c = !1 }) {
+function y$e({ results: e, copiedResult: t, previewMode: n = !0, onCopy: r, onDelete: i, onFullscreen: a, onTogglePreview: o, onMaximize: s, isMaximized: c = !1 }) {
 	let [l, u] = (0, A.useState)(0), [d, f] = (0, A.useState)(""), [p, m] = (0, A.useState)(!0), h = e[0], g = h ? e.filter((e) => e.promptName === h.promptName) : [], _ = g[l] || g[0], v = e.findIndex((e) => e === _);
 	if ((0, A.useEffect)(() => {
 		g.length > 0 && l >= g.length && u(0);
 	}, [g.length, l]), (0, A.useEffect)(() => {
 		let e = () => {
-			_ && f(g$e(_.timestamp));
+			_ && f(_$e(_.timestamp));
 		};
 		e();
 		let t = setInterval(e, 1e3);
@@ -138319,7 +138327,7 @@ function v$e({ results: e, copiedResult: t, previewMode: n = !0, onCopy: r, onDe
 			})
 		})
 	});
-	let y = _.error || _$e(_.result), b = "messages" in _.result && Array.isArray(_.result.messages);
+	let y = _.error || v$e(_.result), b = "messages" in _.result && Array.isArray(_.result.messages);
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "flex flex-col h-full bg-white dark:bg-black border-t dark:border-zinc-700",
 		children: /* @__PURE__ */ (0, O.jsx)("div", {
@@ -138431,7 +138439,7 @@ function v$e({ results: e, copiedResult: t, previewMode: n = !0, onCopy: r, onDe
 						})]
 					}) : p && b ? /* @__PURE__ */ (0, O.jsx)("div", {
 						className: "space-y-3",
-						children: ("messages" in _.result ? _.result.messages : []).map((e, t) => /* @__PURE__ */ (0, O.jsx)(h$e, {
+						children: ("messages" in _.result ? _.result.messages : []).map((e, t) => /* @__PURE__ */ (0, O.jsx)(g$e, {
 							message: e,
 							index: t
 						}, t))
@@ -138446,8 +138454,8 @@ function v$e({ results: e, copiedResult: t, previewMode: n = !0, onCopy: r, onDe
 }
 //#endregion
 //#region src/client/components/PromptsTab.tsx
-var y$e = "mcp-inspector-saved-prompts";
-function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, refreshPrompts: a }) {
+var b$e = "mcp-inspector-saved-prompts";
+function x$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, refreshPrompts: a }) {
 	let [o, s] = (0, A.useState)(!1), [c, l] = (0, A.useState)(null), { selectedPromptName: u, setSelectedPromptName: d } = i0(), [f, p] = (0, A.useState)(null), [m, h] = (0, A.useState)("prompts"), [g, _] = (0, A.useState)([]), [v, y] = (0, A.useState)(!1), [b, x] = (0, A.useState)(""), [S, C] = (0, A.useState)(!1), [w, T] = (0, A.useState)(-1), E = (0, A.useRef)(null), [D, k] = (0, A.useState)(!1), [j, M] = (0, A.useState)("list"), [N, P] = (0, A.useState)(!1), { filteredPrompts: F, selectedPrompt: I, setSelectedPrompt: L, results: ee, handleDeleteResult: te, promptArgs: ne, setPromptArgs: re, isExecuting: ie, handlePromptSelect: R, handleArgChange: z, executeSelectedPrompt: ae, searchQuery: oe, setSearchQuery: se } = gIe({
 		prompts: t,
 		callPrompt: n,
@@ -138477,7 +138485,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 		}
 	})), (0, A.useEffect)(() => {
 		try {
-			let e = localStorage.getItem(y$e);
+			let e = localStorage.getItem(b$e);
 			e && _(JSON.parse(e));
 		} catch (e) {
 			console.error("[PromptsTab] Failed to load saved prompts:", e);
@@ -138485,7 +138493,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 	}, []);
 	let ue = (0, A.useCallback)((e) => {
 		try {
-			localStorage.setItem(y$e, JSON.stringify(e));
+			localStorage.setItem(b$e, JSON.stringify(e));
 		} catch (e) {
 			console.error("[PromptsTab] Failed to save prompts:", e);
 		}
@@ -138692,7 +138700,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 							damping: 30
 						},
 						className: "absolute inset-0 flex flex-col bg-background z-0",
-						children: [/* @__PURE__ */ (0, O.jsx)(c$e, {
+						children: [/* @__PURE__ */ (0, O.jsx)(l$e, {
 							activeTab: m,
 							isSearchExpanded: S,
 							searchQuery: oe,
@@ -138705,12 +138713,12 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 							searchInputRef: E,
 							onRefresh: a ? fe : void 0,
 							isRefreshing: o
-						}), m === "prompts" ? /* @__PURE__ */ (0, O.jsx)(s$e, {
+						}), m === "prompts" ? /* @__PURE__ */ (0, O.jsx)(c$e, {
 							prompts: F,
 							selectedPrompt: I,
 							onPromptSelect: R,
 							focusedIndex: w
-						}) : /* @__PURE__ */ (0, O.jsx)(l$e, {
+						}) : /* @__PURE__ */ (0, O.jsx)(u$e, {
 							savedPrompts: g,
 							selectedPrompt: c,
 							onLoadPrompt: pe,
@@ -138728,7 +138736,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 							damping: 30
 						},
 						className: "absolute inset-0 bg-background z-10",
-						children: /* @__PURE__ */ (0, O.jsx)(d$e, {
+						children: /* @__PURE__ */ (0, O.jsx)(f$e, {
 							selectedPrompt: I,
 							promptArgs: ne,
 							isExecuting: ie,
@@ -138748,7 +138756,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 							damping: 30
 						},
 						className: "absolute inset-0 bg-background z-20",
-						children: /* @__PURE__ */ (0, O.jsx)(v$e, {
+						children: /* @__PURE__ */ (0, O.jsx)(y$e, {
 							results: ee,
 							copiedResult: f,
 							onCopy: me,
@@ -138778,7 +138786,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 							minSize: "30%",
 							children: /* @__PURE__ */ (0, O.jsxs)("div", {
 								className: "flex flex-col h-full overflow-hidden",
-								children: [/* @__PURE__ */ (0, O.jsx)(c$e, {
+								children: [/* @__PURE__ */ (0, O.jsx)(l$e, {
 									activeTab: m,
 									isSearchExpanded: S,
 									searchQuery: oe,
@@ -138791,12 +138799,12 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 									searchInputRef: E,
 									onRefresh: a ? fe : void 0,
 									isRefreshing: o
-								}), m === "prompts" ? /* @__PURE__ */ (0, O.jsx)(s$e, {
+								}), m === "prompts" ? /* @__PURE__ */ (0, O.jsx)(c$e, {
 									prompts: F,
 									selectedPrompt: I,
 									onPromptSelect: R,
 									focusedIndex: w
-								}) : /* @__PURE__ */ (0, O.jsx)(l$e, {
+								}) : /* @__PURE__ */ (0, O.jsx)(u$e, {
 									savedPrompts: g,
 									selectedPrompt: c,
 									onLoadPrompt: pe,
@@ -138820,7 +138828,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 							panelRef: le,
 							defaultSize: "40%",
 							collapsible: !0,
-							children: /* @__PURE__ */ (0, O.jsx)(d$e, {
+							children: /* @__PURE__ */ (0, O.jsx)(f$e, {
 								selectedPrompt: I,
 								promptArgs: ne,
 								isExecuting: ie,
@@ -138835,7 +138843,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 							defaultSize: "60%",
 							children: /* @__PURE__ */ (0, O.jsx)("div", {
 								className: "flex flex-col h-full",
-								children: /* @__PURE__ */ (0, O.jsx)(v$e, {
+								children: /* @__PURE__ */ (0, O.jsx)(y$e, {
 									results: ee,
 									copiedResult: f,
 									onCopy: me,
@@ -138852,7 +138860,7 @@ function b$e({ ref: e, prompts: t, callPrompt: n, serverId: r, isConnected: i, r
 		]
 	});
 }
-b$e.displayName = "PromptsTab";
+x$e.displayName = "PromptsTab";
 //#endregion
 //#region src/client/components/McpUIRenderer.tsx
 function z9(e) {
@@ -138860,7 +138868,7 @@ function z9(e) {
 	let t = e.mimeType.toLowerCase();
 	return t === "text/html" || t === "text/html;profile=mcp-app" || t === "text/html+skybridge" || t === "text/uri-list" || t.startsWith("application/vnd.mcp-ui.remote-dom");
 }
-function x$e({ resource: e, className: t }) {
+function S$e({ resource: e, className: t }) {
 	let n = e, r = (0, A.useMemo)(() => {
 		if (n.text) return n.text;
 		if (n.blob) try {
@@ -138886,7 +138894,7 @@ function x$e({ resource: e, className: t }) {
 }
 //#endregion
 //#region src/client/components/resources/ResourceResultDisplay.tsx
-function S$e(e) {
+function C$e(e) {
 	if ("error" in e && e.error && typeof e.error == "string") return e.error;
 	if (!("isError" in e && e.isError)) return null;
 	if ("contents" in e && Array.isArray(e.contents)) {
@@ -138895,7 +138903,7 @@ function S$e(e) {
 	}
 	return "An error occurred";
 }
-function C$e({ result: e, isLoading: t, previewMode: n, serverId: r, readResource: i, onTogglePreview: a, onCopy: o, onDownload: s, onFullscreen: c, isCopied: l = !1, selectedResource: u, llmConfig: d }) {
+function w$e({ result: e, isLoading: t, previewMode: n, serverId: r, readResource: i, onTogglePreview: a, onCopy: o, onDownload: s, onFullscreen: c, isCopied: l = !1, selectedResource: u, llmConfig: d }) {
 	let f = (0, A.useMemo)(() => ({}), []), [p, m] = (0, A.useState)(null), h = (0, A.useCallback)((e) => {
 		m(e);
 	}, []), [g, _] = (0, A.useState)("inline"), v = [], y;
@@ -138929,7 +138937,7 @@ function C$e({ result: e, isLoading: t, previewMode: n, serverId: r, readResourc
 			children: "Choose a resource from the list to see its data"
 		})]
 	});
-	let j = e.error || (e.result ? S$e(e.result) : null);
+	let j = e.error || (e.result ? C$e(e.result) : null);
 	if (j) return /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "p-4",
 		children: /* @__PURE__ */ (0, O.jsxs)("div", {
@@ -139091,7 +139099,7 @@ function C$e({ result: e, isLoading: t, previewMode: n, serverId: r, readResourc
 					className: "mx-0 size-full",
 					children: /* @__PURE__ */ (0, O.jsx)("div", {
 						className: "w-full h-full",
-						children: /* @__PURE__ */ (0, O.jsx)(x$e, {
+						children: /* @__PURE__ */ (0, O.jsx)(S$e, {
 							resource: e,
 							className: "w-full h-full",
 							customProps: p || void 0
@@ -139130,12 +139138,12 @@ function C$e({ result: e, isLoading: t, previewMode: n, serverId: r, readResourc
 }
 //#endregion
 //#region src/client/components/resources/ResourcesList.tsx
-function w$e(e, t) {
+function T$e(e, t) {
 	if (!e && !t) return /* @__PURE__ */ (0, O.jsx)(Qf, { className: "h-5 w-5" });
 	let n = (e || t || "").toLowerCase();
 	return n.includes("image") ? /* @__PURE__ */ (0, O.jsx)(Xf, { className: "h-5 w-5" }) : n.includes("json") || n.includes("javascript") || n.includes("typescript") ? /* @__PURE__ */ (0, O.jsx)(Yf, { className: "h-5 w-5" }) : n.includes("html") || n.includes("xml") ? /* @__PURE__ */ (0, O.jsx)(ep, { className: "h-5 w-5" }) : n.includes("database") || n.includes("sql") ? /* @__PURE__ */ (0, O.jsx)(Wf, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, O.jsx)(Zf, { className: "h-5 w-5" });
 }
-function T$e({ resources: e, selectedResource: t, onResourceSelect: n, focusedIndex: r }) {
+function E$e({ resources: e, selectedResource: t, onResourceSelect: n, focusedIndex: r }) {
 	return e.length === 0 ? /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "flex flex-col items-center justify-center h-full p-4 text-center",
 		children: [/* @__PURE__ */ (0, O.jsx)(Wf, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, O.jsx)("p", {
@@ -139145,7 +139153,7 @@ function T$e({ resources: e, selectedResource: t, onResourceSelect: n, focusedIn
 	}) : /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "overflow-y-auto flex-1 overscroll-contain",
 		children: e.map((e, i) => {
-			let a = w$e(e.mimeType, e.uri), o = [e.description, e.mimeType && /* @__PURE__ */ (0, O.jsx)("span", {
+			let a = T$e(e.mimeType, e.uri), o = [e.description, e.mimeType && /* @__PURE__ */ (0, O.jsx)("span", {
 				className: "font-mono",
 				children: e.mimeType
 			}, "mime")].filter(Boolean);
@@ -139170,7 +139178,7 @@ function T$e({ resources: e, selectedResource: t, onResourceSelect: n, focusedIn
 }
 //#endregion
 //#region src/client/components/resources/ResourcesTabHeader.tsx
-function E$e({ isSearchExpanded: e, searchQuery: t, filteredResourcesCount: n, onSearchExpand: r, onSearchChange: i, onSearchBlur: a, searchInputRef: o, onRefresh: s, isRefreshing: c = !1 }) {
+function D$e({ isSearchExpanded: e, searchQuery: t, filteredResourcesCount: n, onSearchExpand: r, onSearchChange: i, onSearchBlur: a, searchInputRef: o, onRefresh: s, isRefreshing: c = !1 }) {
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "flex flex-row items-center justify-between p-4 sm:p-4 py-3 gap-2",
 		children: /* @__PURE__ */ (0, O.jsx)("div", {
@@ -139227,7 +139235,7 @@ function E$e({ isSearchExpanded: e, searchQuery: t, filteredResourcesCount: n, o
 }
 //#endregion
 //#region src/client/components/ResourcesTab.tsx
-function D$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected: i, mcpServerUrl: a, refreshResources: o }) {
+function O$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected: i, mcpServerUrl: a, refreshResources: o }) {
 	let [s, c] = (0, A.useState)(!1), [l, u] = (0, A.useState)(null), { selectedResourceUri: d, setSelectedResourceUri: f } = i0(), { llmConfig: p } = X7({ mcpServerUrl: a }), [m, h] = (0, A.useState)(null), [g, _] = (0, A.useState)(!1), [v, y] = (0, A.useState)(""), [b] = (0, A.useState)("resources"), [x, S] = (0, A.useState)(!0), [C, w] = (0, A.useState)(!1), [T, E] = (0, A.useState)(-1), [D, k] = (0, A.useState)(!1), j = (0, A.useRef)(null), M = (0, A.useRef)(null), [N, P] = (0, A.useState)(!1), [F, I] = (0, A.useState)("list");
 	(0, A.useEffect)(() => {
 		let e = () => {
@@ -139431,7 +139439,7 @@ function D$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected:
 						damping: 30
 					},
 					className: "absolute inset-0 flex flex-col bg-background z-0",
-					children: [/* @__PURE__ */ (0, O.jsx)(E$e, {
+					children: [/* @__PURE__ */ (0, O.jsx)(D$e, {
 						activeTab: b,
 						isSearchExpanded: C,
 						searchQuery: v,
@@ -139445,7 +139453,7 @@ function D$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected:
 						isRefreshing: s
 					}), /* @__PURE__ */ (0, O.jsx)("div", {
 						className: "flex flex-col h-full",
-						children: /* @__PURE__ */ (0, O.jsx)(T$e, {
+						children: /* @__PURE__ */ (0, O.jsx)(E$e, {
 							resources: te,
 							selectedResource: l,
 							onResourceSelect: ne,
@@ -139465,7 +139473,7 @@ function D$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected:
 					children: /* @__PURE__ */ (0, O.jsx)("div", {
 						ref: M,
 						className: "h-full",
-						children: /* @__PURE__ */ (0, O.jsx)(C$e, {
+						children: /* @__PURE__ */ (0, O.jsx)(w$e, {
 							result: m,
 							isLoading: g,
 							previewMode: x,
@@ -139497,7 +139505,7 @@ function D$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected:
 							minSize: "30%",
 							children: /* @__PURE__ */ (0, O.jsxs)("div", {
 								className: "flex flex-col h-full overflow-hidden",
-								children: [/* @__PURE__ */ (0, O.jsx)(E$e, {
+								children: [/* @__PURE__ */ (0, O.jsx)(D$e, {
 									activeTab: b,
 									isSearchExpanded: C,
 									searchQuery: v,
@@ -139509,7 +139517,7 @@ function D$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected:
 									searchInputRef: j,
 									onRefresh: o ? ee : void 0,
 									isRefreshing: s
-								}), /* @__PURE__ */ (0, O.jsx)(T$e, {
+								}), /* @__PURE__ */ (0, O.jsx)(E$e, {
 									resources: te,
 									selectedResource: l,
 									onResourceSelect: ne,
@@ -139528,7 +139536,7 @@ function D$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected:
 				children: /* @__PURE__ */ (0, O.jsx)("div", {
 					ref: M,
 					className: "h-full bg-white dark:bg-zinc-900",
-					children: /* @__PURE__ */ (0, O.jsx)(C$e, {
+					children: /* @__PURE__ */ (0, O.jsx)(w$e, {
 						result: m,
 						isLoading: g,
 						previewMode: x,
@@ -139547,10 +139555,10 @@ function D$e({ ref: e, resources: t, readResource: n, serverId: r, isConnected:
 		]
 	});
 }
-D$e.displayName = "ResourcesTab";
+O$e.displayName = "ResourcesTab";
 //#endregion
 //#region src/client/components/sampling/SamplingTabHeader.tsx
-function O$e({ isSearchExpanded: e, searchQuery: t, filteredRequestsCount: n, requestsCount: r, onSearchExpand: i, onSearchChange: a, onSearchBlur: o, onRejectAll: s, searchInputRef: c }) {
+function k$e({ isSearchExpanded: e, searchQuery: t, filteredRequestsCount: n, requestsCount: r, onSearchExpand: i, onSearchChange: a, onSearchBlur: o, onRejectAll: s, searchInputRef: c }) {
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "flex flex-row items-center justify-between p-4 sm:p-4 py-3 gap-2",
 		children: [/* @__PURE__ */ (0, O.jsx)("div", {
@@ -139608,7 +139616,7 @@ function O$e({ isSearchExpanded: e, searchQuery: t, filteredRequestsCount: n, re
 }
 //#endregion
 //#region src/client/components/sampling/SamplingRequestsList.tsx
-function k$e({ requests: e, selectedRequest: t, onRequestSelect: n, focusedIndex: r, formatRelativeTime: i, listRef: a }) {
+function A$e({ requests: e, selectedRequest: t, onRequestSelect: n, focusedIndex: r, formatRelativeTime: i, listRef: a }) {
 	return e.length === 0 ? /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "flex flex-col items-center justify-center h-full p-4 text-center",
 		children: /* @__PURE__ */ (0, O.jsx)(pu, {
@@ -139640,7 +139648,7 @@ function k$e({ requests: e, selectedRequest: t, onRequestSelect: n, focusedIndex
 }
 //#endregion
 //#region src/client/components/sampling/useSamplingLLM.ts
-function A$e({ llmConfig: e }) {
+function j$e({ llmConfig: e }) {
 	return {
 		generateResponse: (0, A.useCallback)(async ({ request: t }) => {
 			if (!e) throw Error("LLM config is not available");
@@ -139682,8 +139690,8 @@ function A$e({ llmConfig: e }) {
 }
 //#endregion
 //#region src/client/components/sampling/SamplingRequestDisplay.tsx
-function j$e({ request: e, onApprove: t, onReject: n, onClose: r, previewMode: i, onTogglePreview: a, isCopied: o, onCopy: s, onDownload: c, onFullscreen: l, llmConfig: d }) {
-	let [f, p] = (0, A.useState)("manual"), [m, h] = (0, A.useState)("stub-model"), [g, v] = (0, A.useState)("endTurn"), [y, b] = (0, A.useState)("assistant"), [x, S] = (0, A.useState)("text"), [C, w] = (0, A.useState)("positive"), [T, E] = (0, A.useState)(""), [D, k] = (0, A.useState)("image/png"), [j, M] = (0, A.useState)(!1), [N, P] = (0, A.useState)(null), { generateResponse: F, isAvailable: I } = A$e({ llmConfig: d });
+function M$e({ request: e, onApprove: t, onReject: n, onClose: r, previewMode: i, onTogglePreview: a, isCopied: o, onCopy: s, onDownload: c, onFullscreen: l, llmConfig: d }) {
+	let [f, p] = (0, A.useState)("manual"), [m, h] = (0, A.useState)("stub-model"), [g, v] = (0, A.useState)("endTurn"), [y, b] = (0, A.useState)("assistant"), [x, S] = (0, A.useState)("text"), [C, w] = (0, A.useState)("positive"), [T, E] = (0, A.useState)(""), [D, k] = (0, A.useState)("image/png"), [j, M] = (0, A.useState)(!1), [N, P] = (0, A.useState)(null), { generateResponse: F, isAvailable: I } = j$e({ llmConfig: d });
 	(0, A.useEffect)(() => {
 		e && (h(f === "llm" && d?.model ? d.model : "stub-model"), v("endTurn"), b("assistant"), S("text"), w("positive"), E(""), k("image/png"), P(null));
 	}, [e?.id]), (0, A.useEffect)(() => {
@@ -140046,7 +140054,7 @@ function j$e({ request: e, onApprove: t, onReject: n, onClose: r, previewMode: i
 }
 //#endregion
 //#region src/client/components/SamplingTab.tsx
-function M$e({ pendingRequests: e, onApprove: t, onReject: n, serverId: r, isConnected: i, mcpServerUrl: a }) {
+function N$e({ pendingRequests: e, onApprove: t, onReject: n, serverId: r, isConnected: i, mcpServerUrl: a }) {
 	let { selectedSamplingRequestId: o, setSelectedSamplingRequestId: s } = i0(), { llmConfig: c } = X7({ mcpServerUrl: a }), [l, u] = (0, A.useState)(null), [d, f] = (0, A.useState)(""), [p, m] = (0, A.useState)(-1), [h, g] = (0, A.useState)(!0), [_, v] = (0, A.useState)(!1), [y, b] = (0, A.useState)(!0), [x, S] = (0, A.useState)(!1), C = (0, A.useRef)(null), w = (0, A.useRef)(null), T = (0, A.useRef)(null), E = (0, A.useRef)(!1);
 	(0, A.useEffect)(() => {
 		if (console.log("[SamplingTab] Auto-selection check:", {
@@ -140182,7 +140190,7 @@ function M$e({ pendingRequests: e, onApprove: t, onReject: n, serverId: r, isCon
 					children: /* @__PURE__ */ (0, O.jsxs)(N9, {
 						defaultSize: 75,
 						minSize: 30,
-						children: [/* @__PURE__ */ (0, O.jsx)(O$e, {
+						children: [/* @__PURE__ */ (0, O.jsx)(k$e, {
 							isSearchExpanded: _,
 							searchQuery: d,
 							filteredRequestsCount: k.length,
@@ -140194,7 +140202,7 @@ function M$e({ pendingRequests: e, onApprove: t, onReject: n, serverId: r, isCon
 							searchInputRef: T
 						}), /* @__PURE__ */ (0, O.jsx)("div", {
 							className: "flex flex-col h-full",
-							children: /* @__PURE__ */ (0, O.jsx)(k$e, {
+							children: /* @__PURE__ */ (0, O.jsx)(A$e, {
 								requests: k,
 								selectedRequest: l,
 								onRequestSelect: j,
@@ -140213,7 +140221,7 @@ function M$e({ pendingRequests: e, onApprove: t, onReject: n, serverId: r, isCon
 				children: /* @__PURE__ */ (0, O.jsx)("div", {
 					ref: w,
 					className: "h-full bg-white dark:bg-zinc-900",
-					children: /* @__PURE__ */ (0, O.jsx)(j$e, {
+					children: /* @__PURE__ */ (0, O.jsx)(M$e, {
 						request: l,
 						onApprove: t,
 						onReject: n,
@@ -140239,7 +140247,7 @@ function M$e({ pendingRequests: e, onApprove: t, onReject: n, serverId: r, isCon
 }
 //#endregion
 //#region src/client/components/tools/SavedRequestsList.tsx
-function N$e({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRequest: r, focusedIndex: i }) {
+function P$e({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRequest: r, focusedIndex: i }) {
 	if (e.length === 0) return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "flex flex-col items-center justify-center h-full p-4 text-center",
 		children: [
@@ -140294,7 +140302,7 @@ function N$e({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteR
 }
 //#endregion
 //#region src/client/components/tools/SaveRequestDialog.tsx
-function P$e({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameChange: r, onSave: i, onCancel: a }) {
+function F$e({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameChange: r, onSave: i, onCancel: a }) {
 	return e ? /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
 		onClick: a,
@@ -140345,7 +140353,7 @@ function B9(e, t) {
 	else return e;
 	return i;
 }
-function F$e(e, t) {
+function I$e(e, t) {
 	if (e?.anyOf && Array.isArray(e.anyOf)) {
 		let n = e.anyOf.find((e) => B9(e, t)?.type !== "null");
 		if (n) return {
@@ -140355,23 +140363,23 @@ function F$e(e, t) {
 	}
 	return e;
 }
-function I$e(e, t) {
-	let n = F$e(e || {}, t);
+function L$e(e, t) {
+	let n = I$e(e || {}, t);
 	return n = B9(n, t), n;
 }
 function V9(e, t) {
-	let n = I$e(e, t);
+	let n = L$e(e, t);
 	if (typeof n.type == "string") return n.type;
 	if (Array.isArray(n.type)) {
 		let e = n.type.find((e) => e !== "null");
 		return typeof e == "string" ? e : void 0;
 	}
 }
-function L$e(e) {
+function R$e(e) {
 	let t = e?.enum;
 	return Array.isArray(t) && t.every((e) => typeof e == "string") ? t : null;
 }
-function R$e(e) {
+function z$e(e) {
 	let t = e.trim().toLowerCase();
 	return [
 		"true",
@@ -140385,16 +140393,16 @@ function R$e(e) {
 		"off"
 	].includes(t) ? !1 : e;
 }
-function z$e(e, t) {
+function B$e(e, t) {
 	if (t === "number" || t === "integer") {
 		let t = e.trim();
 		if (!t) return e;
 		let n = Number(t);
 		return Number.isFinite(n) ? n : e;
 	}
-	return t === "boolean" ? R$e(e) : e;
+	return t === "boolean" ? z$e(e) : e;
 }
-function B$e(e, t) {
+function V$e(e, t) {
 	if (e === void 0) return e;
 	if (t === "object" || t === "array") {
 		if (typeof e == "string") try {
@@ -140414,9 +140422,9 @@ function B$e(e, t) {
 		}
 		return e;
 	}
-	return t === "boolean" ? typeof e == "boolean" ? e : typeof e == "string" ? R$e(e) : e : e;
+	return t === "boolean" ? typeof e == "boolean" ? e : typeof e == "string" ? z$e(e) : e : e;
 }
-function V$e(e) {
+function H$e(e) {
 	let t = "", n = 0, r = !1, i = !1;
 	for (; n < e.length;) {
 		let a = e[n];
@@ -140440,7 +140448,7 @@ function V$e(e) {
 	}
 	return t;
 }
-function H$e(e) {
+function U$e(e) {
 	if (!e || typeof e != "string") return null;
 	let t = e.trim();
 	if (!t.startsWith("{")) return null;
@@ -140449,7 +140457,7 @@ function H$e(e) {
 		if (e && typeof e == "object" && !Array.isArray(e)) return e;
 	} catch {
 		try {
-			let e = V$e(t), n = JSON.parse(e);
+			let e = H$e(t), n = JSON.parse(e);
 			if (n && typeof n == "object" && !Array.isArray(n)) return n;
 		} catch {
 			return null;
@@ -140459,14 +140467,14 @@ function H$e(e) {
 }
 //#endregion
 //#region src/client/components/tools/ToolInputForm.tsx
-function U$e({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, autoFilledFields: i, setFields: a, sendEmptyFields: o, onToggleEmpty: s }) {
+function W$e({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, autoFilledFields: i, setFields: a, sendEmptyFields: o, onToggleEmpty: s }) {
 	let c = e?.inputSchema?.properties || {}, l = e?.inputSchema?.required || [], u = Object.keys(c).length > 0, d = async (e, t) => {
 		r && await r(e.clipboardData.getData("text"), t) && e.preventDefault();
 	};
 	return u ? /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "space-y-4",
 		children: Object.entries(c).map(([r, c]) => {
-			let u = I$e(c, e?.inputSchema || {}), f = L$e(u), p = u.type === "string" && f !== null, m = u;
+			let u = L$e(c, e?.inputSchema || {}), f = R$e(u), p = u.type === "string" && f !== null, m = u;
 			m.required = l.includes(r);
 			let h = t[r], g = "";
 			h != null && (g = typeof h == "string" ? h : typeof h == "object" && h ? JSON.stringify(h, null, 2) : String(h));
@@ -140589,7 +140597,7 @@ function U$e({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, aut
 }
 //#endregion
 //#region src/client/components/tools/ToolExecutionPanel.tsx
-function W$e({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, isConnected: i, onArgChange: a, onExecute: o, onSave: s, onCancel: c, onBulkPaste: l, autoFilledFields: u, setFields: d, sendEmptyFields: f, onToggleEmpty: p }) {
+function G$e({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, isConnected: i, onArgChange: a, onExecute: o, onSave: s, onCancel: c, onBulkPaste: l, autoFilledFields: u, setFields: d, sendEmptyFields: f, onToggleEmpty: p }) {
 	let [m, h] = (0, A.useState)(!1), [g, _] = (0, A.useState)(!1), [v, y] = (0, A.useState)(!1), [b, x] = (0, A.useState)(!1), [S, C] = (0, A.useState)(!1), [w, T] = (0, A.useState)(!1), E = (0, A.useRef)(null);
 	return (0, A.useEffect)(() => {
 		if (E.current && e?.description) {
@@ -140745,7 +140753,7 @@ function W$e({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, i
 							children: S ? /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: ["Show less", /* @__PURE__ */ (0, O.jsx)(Pf, { className: "h-3 w-3" })] }) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: ["Show more", /* @__PURE__ */ (0, O.jsx)(jf, { className: "h-3 w-3" })] })
 						})
 					})]
-				}), /* @__PURE__ */ (0, O.jsx)(U$e, {
+				}), /* @__PURE__ */ (0, O.jsx)(W$e, {
 					selectedTool: e,
 					toolArgs: t,
 					onArgChange: a,
@@ -140795,7 +140803,7 @@ function W$e({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: r, i
 }
 //#endregion
 //#region src/client/components/tools/ToolResultDisplay.tsx
-function G$e({ timestamp: e }) {
+function K$e({ timestamp: e }) {
 	let [t, n] = (0, A.useState)(() => H9(e));
 	return (0, A.useEffect)(() => {
 		let t = () => n(H9(e));
@@ -140808,7 +140816,7 @@ function H9(e) {
 	let t = Date.now() - e, n = Math.floor(t / 1e3), r = Math.floor(n / 60), i = Math.floor(r / 60), a = Math.floor(i / 24);
 	return n < 10 ? "now" : n < 60 ? `${n}s ago` : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : `${a}d ago`;
 }
-function K$e(e) {
+function q$e(e) {
 	if (!e?.isError) return null;
 	let t = e.content;
 	if (Array.isArray(t)) {
@@ -140817,14 +140825,14 @@ function K$e(e) {
 	}
 	return "An error occurred";
 }
-function q$e(e) {
+function J$e(e) {
 	try {
 		return JSON.parse(e), !0;
 	} catch {
 		return !1;
 	}
 }
-function J$e({ content: e }) {
+function Y$e({ content: e }) {
 	let [t, n] = (0, A.useState)(/* @__PURE__ */ new Set()), r = (0, A.useCallback)((e) => {
 		n((t) => {
 			let n = new Set(t);
@@ -140838,7 +140846,7 @@ function J$e({ content: e }) {
 		className: "space-y-4",
 		children: e.map((e, n) => {
 			if (e.type === "text") {
-				let i = e.text || "", a = t.has(n), o = q$e(i), s = o ? (() => {
+				let i = e.text || "", a = t.has(n), o = J$e(i), s = o ? (() => {
 					try {
 						return JSON.parse(i);
 					} catch {
@@ -141060,8 +141068,8 @@ function J$e({ content: e }) {
 		})
 	});
 }
-function Y$e({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy: i, onMaximize: a, isMaximized: o = !1, onRerunTool: s }) {
-	let [c, l] = (0, A.useState)(0), [u, d] = (0, A.useState)(!0), [f, p] = (0, A.useState)(null), [m, h] = (0, A.useState)("inline"), [g, _] = (0, A.useState)(null), v = (0, A.useRef)(!1), y = e[0], b = y ? e.filter((e) => e.toolName === y.toolName) : [], x = b[c] || b[0], S = e.findIndex((e) => e === x), C = (x ? x.error || K$e(x.result) : null) ?? (x == null ? "" : JSON.stringify(x.result, null, 2));
+function X$e({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy: i, onMaximize: a, isMaximized: o = !1, onRerunTool: s }) {
+	let [c, l] = (0, A.useState)(0), [u, d] = (0, A.useState)(!0), [f, p] = (0, A.useState)(null), [m, h] = (0, A.useState)("inline"), [g, _] = (0, A.useState)(null), v = (0, A.useRef)(!1), y = e[0], b = y ? e.filter((e) => e.toolName === y.toolName) : [], x = b[c] || b[0], S = e.findIndex((e) => e === x), C = (x ? x.error || q$e(x.result) : null) ?? (x == null ? "" : JSON.stringify(x.result, null, 2));
 	(0, A.useEffect)(() => {
 		b.length > 0 && c >= b.length && l(0);
 	}, [b.length, c]), (0, A.useEffect)(() => {
@@ -141228,7 +141236,7 @@ function Y$e({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy
 										className: "w-[140px] h-8 text-xs",
 										children: /* @__PURE__ */ (0, O.jsx)(aV, { children: /* @__PURE__ */ (0, O.jsxs)("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ (0, O.jsx)(rp, { className: "h-3 w-3" }), /* @__PURE__ */ (0, O.jsx)(G$e, { timestamp: x.timestamp })]
+											children: [/* @__PURE__ */ (0, O.jsx)(rp, { className: "h-3 w-3" }), /* @__PURE__ */ (0, O.jsx)(K$e, { timestamp: x.timestamp })]
 										}) })
 									}), /* @__PURE__ */ (0, O.jsx)(sV, { children: b.map((e, t) => /* @__PURE__ */ (0, O.jsx)(cV, {
 										value: t.toString(),
@@ -141260,7 +141268,7 @@ function Y$e({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy
 						})
 					]
 				}), (() => {
-					let e = x.error || K$e(x.result);
+					let e = x.error || q$e(x.result);
 					return e ? /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3 mx-4",
 						children: [/* @__PURE__ */ (0, O.jsx)("p", {
@@ -141363,7 +141371,7 @@ function Y$e({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy
 								className: "space-y-0 h-full",
 								children: [ne.map((e, t) => /* @__PURE__ */ (0, O.jsx)("div", {
 									className: "mx-0 size-full",
-									children: /* @__PURE__ */ (0, O.jsx)(x$e, {
+									children: /* @__PURE__ */ (0, O.jsx)(S$e, {
 										resource: e.resource,
 										onUIAction: (e) => {},
 										className: "w-full h-full relative"
@@ -141403,7 +141411,7 @@ function Y$e({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy
 													filename: `structured-content-${x.toolName}-${Date.now()}.json`
 												})]
 											}),
-											te && te.length > 0 && /* @__PURE__ */ (0, O.jsx)(J$e, { content: te }),
+											te && te.length > 0 && /* @__PURE__ */ (0, O.jsx)(Y$e, { content: te }),
 											!e && (!te || te.length === 0) && /* @__PURE__ */ (0, O.jsx)("div", {
 												className: "text-sm text-gray-500 dark:text-gray-400",
 												"data-testid": "tool-execution-results-no-content",
@@ -141435,7 +141443,7 @@ function Y$e({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy
 }
 //#endregion
 //#region src/client/components/tools/ToolsList.tsx
-function X$e({ tools: e, selectedTool: t, onToolSelect: n, focusedIndex: r }) {
+function Z$e({ tools: e, selectedTool: t, onToolSelect: n, focusedIndex: r }) {
 	if (e.length === 0) return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "flex flex-col items-center justify-center h-full p-4 text-center",
 		children: [/* @__PURE__ */ (0, O.jsx)(Gp, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, O.jsx)("p", {
@@ -141487,8 +141495,8 @@ function X$e({ tools: e, selectedTool: t, onToolSelect: n, focusedIndex: r }) {
 }
 //#endregion
 //#region src/client/components/tools/ToolsTabHeader.tsx
-function Z$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, filteredToolsCount: r, savedRequestsCount: i, onSearchExpand: a, onSearchChange: o, onSearchBlur: s, onTabSwitch: c, searchInputRef: l, onRefresh: u, isRefreshing: d }) {
-	return /* @__PURE__ */ (0, O.jsx)(a$e, {
+function Q$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, filteredToolsCount: r, savedRequestsCount: i, onSearchExpand: a, onSearchChange: o, onSearchBlur: s, onTabSwitch: c, searchInputRef: l, onRefresh: u, isRefreshing: d }) {
+	return /* @__PURE__ */ (0, O.jsx)(o$e, {
 		activeTab: e,
 		isSearchExpanded: t,
 		searchQuery: n,
@@ -141512,7 +141520,7 @@ function Z$e({ activeTab: e, isSearchExpanded: t, searchQuery: n, filteredToolsC
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.14__@type_d492cfbed6c88f7a3980b921a627d48d/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
-var Q$e = "AlertDialog", [$$e, e1e] = Bt(Q$e, [Dz]), U9 = Dz(), t1e = (e) => {
+var $$e = "AlertDialog", [e1e, t1e] = Bt($$e, [Dz]), U9 = Dz(), n1e = (e) => {
 	let { __scopeAlertDialog: t, ...n } = e, r = U9(t);
 	return /* @__PURE__ */ (0, O.jsx)(Yz, {
 		...r,
@@ -141520,8 +141528,8 @@ var Q$e = "AlertDialog", [$$e, e1e] = Bt(Q$e, [Dz]), U9 = Dz(), t1e = (e) => {
 		modal: !0
 	});
 };
-t1e.displayName = Q$e;
-var n1e = "AlertDialogTrigger", r1e = A.forwardRef((e, t) => {
+n1e.displayName = $$e;
+var r1e = "AlertDialogTrigger", i1e = A.forwardRef((e, t) => {
 	let { __scopeAlertDialog: n, ...r } = e, i = U9(n);
 	return /* @__PURE__ */ (0, O.jsx)(Xz, {
 		...i,
@@ -141529,16 +141537,16 @@ var n1e = "AlertDialogTrigger", r1e = A.forwardRef((e, t) => {
 		ref: t
 	});
 });
-r1e.displayName = n1e;
-var i1e = "AlertDialogPortal", a1e = (e) => {
+i1e.displayName = r1e;
+var a1e = "AlertDialogPortal", o1e = (e) => {
 	let { __scopeAlertDialog: t, ...n } = e, r = U9(t);
 	return /* @__PURE__ */ (0, O.jsx)(Zz, {
 		...r,
 		...n
 	});
 };
-a1e.displayName = i1e;
-var o1e = "AlertDialogOverlay", s1e = A.forwardRef((e, t) => {
+o1e.displayName = a1e;
+var s1e = "AlertDialogOverlay", c1e = A.forwardRef((e, t) => {
 	let { __scopeAlertDialog: n, ...r } = e, i = U9(n);
 	return /* @__PURE__ */ (0, O.jsx)(Qz, {
 		...i,
@@ -141546,14 +141554,14 @@ var o1e = "AlertDialogOverlay", s1e = A.forwardRef((e, t) => {
 		ref: t
 	});
 });
-s1e.displayName = o1e;
-var W9 = "AlertDialogContent", [c1e, l1e] = $$e(W9), u1e = /* @__PURE__ */ Zt("AlertDialogContent"), d1e = A.forwardRef((e, t) => {
+c1e.displayName = s1e;
+var W9 = "AlertDialogContent", [l1e, u1e] = e1e(W9), d1e = /* @__PURE__ */ Zt("AlertDialogContent"), f1e = A.forwardRef((e, t) => {
 	let { __scopeAlertDialog: n, children: r, ...i } = e, a = U9(n), o = A.useRef(null), s = N(t, o), c = A.useRef(null);
 	return /* @__PURE__ */ (0, O.jsx)(a_e, {
 		contentName: W9,
-		titleName: f1e,
+		titleName: p1e,
 		docsSlug: "alert-dialog",
-		children: /* @__PURE__ */ (0, O.jsx)(c1e, {
+		children: /* @__PURE__ */ (0, O.jsx)(l1e, {
 			scope: n,
 			cancelRef: c,
 			children: /* @__PURE__ */ (0, O.jsxs)($z, {
@@ -141566,13 +141574,13 @@ var W9 = "AlertDialogContent", [c1e, l1e] = $$e(W9), u1e = /* @__PURE__ */ Zt("A
 				}),
 				onPointerDownOutside: (e) => e.preventDefault(),
 				onInteractOutside: (e) => e.preventDefault(),
-				children: [/* @__PURE__ */ (0, O.jsx)(u1e, { children: r }), /* @__PURE__ */ (0, O.jsx)(b1e, { contentRef: o })]
+				children: [/* @__PURE__ */ (0, O.jsx)(d1e, { children: r }), /* @__PURE__ */ (0, O.jsx)(x1e, { contentRef: o })]
 			})
 		})
 	});
 });
-d1e.displayName = W9;
-var f1e = "AlertDialogTitle", p1e = A.forwardRef((e, t) => {
+f1e.displayName = W9;
+var p1e = "AlertDialogTitle", m1e = A.forwardRef((e, t) => {
 	let { __scopeAlertDialog: n, ...r } = e, i = U9(n);
 	return /* @__PURE__ */ (0, O.jsx)(eB, {
 		...i,
@@ -141580,8 +141588,8 @@ var f1e = "AlertDialogTitle", p1e = A.forwardRef((e, t) => {
 		ref: t
 	});
 });
-p1e.displayName = f1e;
-var m1e = "AlertDialogDescription", h1e = A.forwardRef((e, t) => {
+m1e.displayName = p1e;
+var h1e = "AlertDialogDescription", g1e = A.forwardRef((e, t) => {
 	let { __scopeAlertDialog: n, ...r } = e, i = U9(n);
 	return /* @__PURE__ */ (0, O.jsx)(tB, {
 		...i,
@@ -141589,8 +141597,8 @@ var m1e = "AlertDialogDescription", h1e = A.forwardRef((e, t) => {
 		ref: t
 	});
 });
-h1e.displayName = m1e;
-var g1e = "AlertDialogAction", _1e = A.forwardRef((e, t) => {
+g1e.displayName = h1e;
+var _1e = "AlertDialogAction", v1e = A.forwardRef((e, t) => {
 	let { __scopeAlertDialog: n, ...r } = e, i = U9(n);
 	return /* @__PURE__ */ (0, O.jsx)(nB, {
 		...i,
@@ -141598,20 +141606,20 @@ var g1e = "AlertDialogAction", _1e = A.forwardRef((e, t) => {
 		ref: t
 	});
 });
-_1e.displayName = g1e;
-var v1e = "AlertDialogCancel", y1e = A.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = l1e(v1e, n), a = U9(n), o = N(t, i);
+v1e.displayName = _1e;
+var y1e = "AlertDialogCancel", b1e = A.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = u1e(y1e, n), a = U9(n), o = N(t, i);
 	return /* @__PURE__ */ (0, O.jsx)(nB, {
 		...a,
 		...r,
 		ref: o
 	});
 });
-y1e.displayName = v1e;
-var b1e = ({ contentRef: e }) => {
+b1e.displayName = y1e;
+var x1e = ({ contentRef: e }) => {
 	let t = `\`${W9}\` requires a description for the component to be accessible for screen reader users.
 
-You can add a description to the \`${W9}\` by passing a \`${m1e}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+You can add a description to the \`${W9}\` by passing a \`${h1e}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
 
 Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${W9}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
 
@@ -141619,79 +141627,79 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
 	return A.useEffect(() => {
 		document.getElementById(e.current?.getAttribute("aria-describedby")) || console.warn(t);
 	}, [t, e]), null;
-}, x1e = t1e, S1e = a1e, C1e = s1e, w1e = d1e, T1e = _1e, E1e = y1e, D1e = p1e, O1e = h1e;
+}, S1e = n1e, C1e = o1e, w1e = c1e, T1e = f1e, E1e = v1e, D1e = b1e, O1e = m1e, k1e = g1e;
 //#endregion
 //#region src/client/components/ui/alert-dialog.tsx
-function k1e({ ...e }) {
-	return /* @__PURE__ */ (0, O.jsx)(x1e, {
+function A1e({ ...e }) {
+	return /* @__PURE__ */ (0, O.jsx)(S1e, {
 		"data-slot": "alert-dialog",
 		...e
 	});
 }
-function A1e({ ...e }) {
-	return /* @__PURE__ */ (0, O.jsx)(S1e, {
+function j1e({ ...e }) {
+	return /* @__PURE__ */ (0, O.jsx)(C1e, {
 		"data-slot": "alert-dialog-portal",
 		...e
 	});
 }
-function j1e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsx)(C1e, {
+function M1e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsx)(w1e, {
 		"data-slot": "alert-dialog-overlay",
 		className: V("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", e),
 		...t
 	});
 }
-function M1e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsxs)(A1e, { children: [/* @__PURE__ */ (0, O.jsx)(j1e, {}), /* @__PURE__ */ (0, O.jsx)(w1e, {
+function N1e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsxs)(j1e, { children: [/* @__PURE__ */ (0, O.jsx)(M1e, {}), /* @__PURE__ */ (0, O.jsx)(T1e, {
 		"data-slot": "alert-dialog-content",
 		className: V("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", e),
 		...t
 	})] });
 }
-function N1e({ className: e, ...t }) {
+function P1e({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		"data-slot": "alert-dialog-header",
 		className: V("flex flex-col gap-2 text-center sm:text-left", e),
 		...t
 	});
 }
-function P1e({ className: e, ...t }) {
+function F1e({ className: e, ...t }) {
 	return /* @__PURE__ */ (0, O.jsx)("div", {
 		"data-slot": "alert-dialog-footer",
 		className: V("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
 		...t
 	});
 }
-function F1e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsx)(D1e, {
+function I1e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsx)(O1e, {
 		"data-slot": "alert-dialog-title",
 		className: V("text-lg font-semibold", e),
 		...t
 	});
 }
-function I1e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsx)(O1e, {
+function L1e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsx)(k1e, {
 		"data-slot": "alert-dialog-description",
 		className: V("text-muted-foreground text-sm", e),
 		...t
 	});
 }
-function L1e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsx)(T1e, {
+function R1e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsx)(E1e, {
 		className: V(Lt(), e),
 		...t
 	});
 }
-function R1e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsx)(E1e, {
+function z1e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsx)(D1e, {
 		className: V(Lt({ variant: "outline" }), e),
 		...t
 	});
 }
 //#endregion
 //#region src/client/components/ToolsTab.tsx
-var z1e = "mcp-inspector-saved-requests";
-function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isConnected: a, refreshTools: o }) {
+var B1e = "mcp-inspector-saved-requests";
+function V1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isConnected: a, refreshTools: o }) {
 	let [s, c] = (0, A.useState)(!1), [l, u] = (0, A.useState)(null), [d, f] = (0, A.useState)(null), { selectedToolName: p, setSelectedToolName: m } = i0(), [h, g] = (0, A.useState)({}), [_, v] = (0, A.useState)(/* @__PURE__ */ new Set()), [y, b] = (0, A.useState)(/* @__PURE__ */ new Set()), [x, S] = (0, A.useState)([]), [C, w] = (0, A.useState)(!1), [T, E] = (0, A.useState)(null), [D, k] = (0, A.useState)(null), [j, M] = (0, A.useState)(""), [N, P] = (0, A.useState)("tools"), [F, I] = (0, A.useState)([]), [L, ee] = (0, A.useState)(!1), [te, ne] = (0, A.useState)(""), [re, ie] = (0, A.useState)(!1), [R, z] = (0, A.useState)(-1), ae = (0, A.useRef)(null), [oe, se] = (0, A.useState)(!1), [ce, le] = (0, A.useState)("list"), [ue, de] = (0, A.useState)(!1), [fe, pe] = (0, A.useState)({
 		open: !1,
 		parsedObject: {},
@@ -141723,7 +141731,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 		}
 	})), (0, A.useEffect)(() => {
 		try {
-			let e = localStorage.getItem(z1e);
+			let e = localStorage.getItem(B1e);
 			e && I(JSON.parse(e));
 		} catch (e) {
 			console.error("[ToolsTab] Failed to load saved requests:", e);
@@ -141737,7 +141745,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 		_e
 	]), ye = (0, A.useCallback)((e) => {
 		try {
-			localStorage.setItem(z1e, JSON.stringify(e)), I(e);
+			localStorage.setItem(B1e, JSON.stringify(e)), I(e);
 		} catch (e) {
 			console.error("[ToolsTab] Failed to save requests:", e);
 		}
@@ -141851,7 +141859,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 	]);
 	let Te = (0, A.useCallback)((e, t) => {
 		let n = l?.inputSchema || {}, r = l?.inputSchema?.properties?.[e], i = r ? V9(r, n) : "string", a;
-		a = i === "object" || i === "array" || i === "string" ? t : z$e(t, i), g((t) => ({
+		a = i === "object" || i === "array" || i === "string" ? t : B$e(t, i), g((t) => ({
 			...t,
 			[e]: a
 		}));
@@ -141879,7 +141887,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 		});
 	}, []), De = (0, A.useCallback)(async (e, t) => {
 		if (!l) return !1;
-		let n = H$e(e);
+		let n = U$e(e);
 		if (!n) return !1;
 		let r = l.inputSchema?.properties || {}, i = Object.keys(r), a = l.inputSchema || {}, o = [], s = [];
 		return Object.entries(n).forEach(([e, t]) => {
@@ -141934,7 +141942,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 			let r = l.inputSchema.properties[n];
 			if (!r) continue;
 			let i = V9(r, e);
-			t[n] = B$e(y.has(n) ? i === "array" ? "[]" : i === "object" ? "{}" : "" : h[n], i);
+			t[n] = V$e(y.has(n) ? i === "array" ? "[]" : i === "object" ? "{}" : "" : h[n], i);
 		}
 		return t;
 	}, [
@@ -142167,7 +142175,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 								damping: 30
 							},
 							className: "absolute inset-0 flex flex-col bg-background z-0",
-							children: [/* @__PURE__ */ (0, O.jsx)(Z$e, {
+							children: [/* @__PURE__ */ (0, O.jsx)(Q$e, {
 								activeTab: N,
 								isSearchExpanded: re,
 								searchQuery: j,
@@ -142180,12 +142188,12 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 								searchInputRef: ae,
 								onRefresh: o ? we : void 0,
 								isRefreshing: s
-							}), N === "tools" ? /* @__PURE__ */ (0, O.jsx)(X$e, {
+							}), N === "tools" ? /* @__PURE__ */ (0, O.jsx)(Z$e, {
 								tools: be,
 								selectedTool: l,
 								onToolSelect: xe,
 								focusedIndex: R
-							}) : /* @__PURE__ */ (0, O.jsx)(N$e, {
+							}) : /* @__PURE__ */ (0, O.jsx)(P$e, {
 								savedRequests: F,
 								selectedRequest: d,
 								onLoadRequest: Se,
@@ -142203,7 +142211,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 								damping: 30
 							},
 							className: "absolute inset-0 bg-background z-10",
-							children: /* @__PURE__ */ (0, O.jsx)(W$e, {
+							children: /* @__PURE__ */ (0, O.jsx)(G$e, {
 								selectedTool: l,
 								toolArgs: h,
 								payloadToSend: Ae,
@@ -142229,7 +142237,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 								damping: 30
 							},
 							className: "absolute inset-0 bg-background z-20",
-							children: /* @__PURE__ */ (0, O.jsx)(Y$e, {
+							children: /* @__PURE__ */ (0, O.jsx)(X$e, {
 								results: Pe,
 								copiedResult: T,
 								serverId: i,
@@ -142243,7 +142251,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 					]
 				})
 			}),
-			/* @__PURE__ */ (0, O.jsx)(P$e, {
+			/* @__PURE__ */ (0, O.jsx)(F$e, {
 				isOpen: L,
 				requestName: te,
 				defaultPlaceholder: `${l?.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
@@ -142251,12 +142259,12 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 				onSave: Le,
 				onCancel: () => ee(!1)
 			}),
-			/* @__PURE__ */ (0, O.jsx)(k1e, {
+			/* @__PURE__ */ (0, O.jsx)(A1e, {
 				open: fe.open,
 				onOpenChange: (e) => {
 					e || ke();
 				},
-				children: /* @__PURE__ */ (0, O.jsxs)(M1e, { children: [/* @__PURE__ */ (0, O.jsxs)(N1e, { children: [/* @__PURE__ */ (0, O.jsx)(F1e, { children: "Auto-fill fields from pasted object?" }), /* @__PURE__ */ (0, O.jsxs)(I1e, { children: [fe.fieldsToUpdate.length > 0 && /* @__PURE__ */ (0, O.jsxs)("div", {
+				children: /* @__PURE__ */ (0, O.jsxs)(N1e, { children: [/* @__PURE__ */ (0, O.jsxs)(P1e, { children: [/* @__PURE__ */ (0, O.jsx)(I1e, { children: "Auto-fill fields from pasted object?" }), /* @__PURE__ */ (0, O.jsxs)(L1e, { children: [fe.fieldsToUpdate.length > 0 && /* @__PURE__ */ (0, O.jsxs)("div", {
 					className: "mb-3",
 					children: [/* @__PURE__ */ (0, O.jsx)("p", {
 						className: "font-medium mb-2",
@@ -142291,10 +142299,10 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 				}), /* @__PURE__ */ (0, O.jsx)("p", {
 					className: "text-sm font-mono",
 					children: fe.newFields.join(", ")
-				})] })] })] }), /* @__PURE__ */ (0, O.jsxs)(P1e, { children: [/* @__PURE__ */ (0, O.jsx)(R1e, {
+				})] })] })] }), /* @__PURE__ */ (0, O.jsxs)(F1e, { children: [/* @__PURE__ */ (0, O.jsx)(z1e, {
 					onClick: ke,
 					children: "Cancel"
-				}), /* @__PURE__ */ (0, O.jsx)(L1e, {
+				}), /* @__PURE__ */ (0, O.jsx)(R1e, {
 					onClick: Oe,
 					children: "Auto-fill"
 				})] })] })
@@ -142319,7 +142327,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 							minSize: "30%",
 							children: /* @__PURE__ */ (0, O.jsxs)("div", {
 								className: "flex flex-col h-full overflow-hidden",
-								children: [/* @__PURE__ */ (0, O.jsx)(Z$e, {
+								children: [/* @__PURE__ */ (0, O.jsx)(Q$e, {
 									activeTab: N,
 									isSearchExpanded: re,
 									searchQuery: j,
@@ -142332,12 +142340,12 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 									searchInputRef: ae,
 									onRefresh: o ? we : void 0,
 									isRefreshing: s
-								}), N === "tools" ? /* @__PURE__ */ (0, O.jsx)(X$e, {
+								}), N === "tools" ? /* @__PURE__ */ (0, O.jsx)(Z$e, {
 									tools: be,
 									selectedTool: l,
 									onToolSelect: xe,
 									focusedIndex: R
-								}) : /* @__PURE__ */ (0, O.jsx)(N$e, {
+								}) : /* @__PURE__ */ (0, O.jsx)(P$e, {
 									savedRequests: F,
 									selectedRequest: d,
 									onLoadRequest: Se,
@@ -142361,7 +142369,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 							defaultSize: "40%",
 							collapsible: !0,
 							panelRef: _e,
-							children: /* @__PURE__ */ (0, O.jsx)(W$e, {
+							children: /* @__PURE__ */ (0, O.jsx)(G$e, {
 								selectedTool: l,
 								toolArgs: h,
 								payloadToSend: Ae,
@@ -142385,7 +142393,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 							defaultSize: "60%",
 							children: /* @__PURE__ */ (0, O.jsx)("div", {
 								className: "flex flex-col h-full",
-								children: /* @__PURE__ */ (0, O.jsx)(Y$e, {
+								children: /* @__PURE__ */ (0, O.jsx)(X$e, {
 									results: Pe,
 									copiedResult: T,
 									serverId: i,
@@ -142402,7 +142410,7 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 					]
 				})
 			}),
-			/* @__PURE__ */ (0, O.jsx)(P$e, {
+			/* @__PURE__ */ (0, O.jsx)(F$e, {
 				isOpen: L,
 				requestName: te,
 				defaultPlaceholder: `${l?.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
@@ -142410,12 +142418,12 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 				onSave: Le,
 				onCancel: () => ee(!1)
 			}),
-			/* @__PURE__ */ (0, O.jsx)(k1e, {
+			/* @__PURE__ */ (0, O.jsx)(A1e, {
 				open: fe.open,
 				onOpenChange: (e) => {
 					e || ke();
 				},
-				children: /* @__PURE__ */ (0, O.jsxs)(M1e, { children: [/* @__PURE__ */ (0, O.jsxs)(N1e, { children: [/* @__PURE__ */ (0, O.jsx)(F1e, { children: "Auto-fill fields from pasted object?" }), /* @__PURE__ */ (0, O.jsxs)(I1e, { children: [fe.fieldsToUpdate.length > 0 && /* @__PURE__ */ (0, O.jsxs)("div", {
+				children: /* @__PURE__ */ (0, O.jsxs)(N1e, { children: [/* @__PURE__ */ (0, O.jsxs)(P1e, { children: [/* @__PURE__ */ (0, O.jsx)(I1e, { children: "Auto-fill fields from pasted object?" }), /* @__PURE__ */ (0, O.jsxs)(L1e, { children: [fe.fieldsToUpdate.length > 0 && /* @__PURE__ */ (0, O.jsxs)("div", {
 					className: "mb-3",
 					children: [/* @__PURE__ */ (0, O.jsx)("p", {
 						className: "font-medium mb-2",
@@ -142450,10 +142458,10 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 				}), /* @__PURE__ */ (0, O.jsx)("p", {
 					className: "text-sm font-mono",
 					children: fe.newFields.join(", ")
-				})] })] })] }), /* @__PURE__ */ (0, O.jsxs)(P1e, { children: [/* @__PURE__ */ (0, O.jsx)(R1e, {
+				})] })] })] }), /* @__PURE__ */ (0, O.jsxs)(F1e, { children: [/* @__PURE__ */ (0, O.jsx)(z1e, {
 					onClick: ke,
 					children: "Cancel"
-				}), /* @__PURE__ */ (0, O.jsx)(L1e, {
+				}), /* @__PURE__ */ (0, O.jsx)(R1e, {
 					onClick: Oe,
 					children: "Auto-fill"
 				})] })] })
@@ -142461,10 +142469,10 @@ function B1e({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCo
 		]
 	});
 }
-B1e.displayName = "ToolsTab";
+V1e.displayName = "ToolsTab";
 //#endregion
 //#region src/client/components/LayoutContent.tsx
-function V1e({ selectedServer: e, activeTab: t, toolsSearchRef: n, promptsSearchRef: r, resourcesSearchRef: i, children: a }) {
+function H1e({ selectedServer: e, activeTab: t, toolsSearchRef: n, promptsSearchRef: r, resourcesSearchRef: i, children: a }) {
 	let { embeddedConfig: o } = i0();
 	if (!e && o.forceConnected) return o.chatApiUrl ? /* @__PURE__ */ (0, O.jsx)(zZe, {
 		connection: {
@@ -142508,7 +142516,7 @@ function V1e({ selectedServer: e, activeTab: t, toolsSearchRef: n, promptsSearch
 		s("tools") && /* @__PURE__ */ (0, O.jsx)("div", {
 			style: { display: t === "tools" ? "block" : "none" },
 			className: "h-full",
-			children: /* @__PURE__ */ (0, O.jsx)(B1e, {
+			children: /* @__PURE__ */ (0, O.jsx)(V1e, {
 				ref: n,
 				tools: e.tools,
 				callTool: e.callTool,
@@ -142521,7 +142529,7 @@ function V1e({ selectedServer: e, activeTab: t, toolsSearchRef: n, promptsSearch
 		s("prompts") && /* @__PURE__ */ (0, O.jsx)("div", {
 			style: { display: t === "prompts" ? "block" : "none" },
 			className: "h-full",
-			children: /* @__PURE__ */ (0, O.jsx)(b$e, {
+			children: /* @__PURE__ */ (0, O.jsx)(x$e, {
 				ref: r,
 				prompts: e.prompts,
 				callPrompt: (t, n) => e.getPrompt(t, n ? Object.fromEntries(Object.entries(n).map(([e, t]) => [e, typeof t == "string" ? t : String(t ?? "")])) : void 0),
@@ -142533,7 +142541,7 @@ function V1e({ selectedServer: e, activeTab: t, toolsSearchRef: n, promptsSearch
 		s("resources") && /* @__PURE__ */ (0, O.jsx)("div", {
 			style: { display: t === "resources" ? "block" : "none" },
 			className: "h-full",
-			children: /* @__PURE__ */ (0, O.jsx)(D$e, {
+			children: /* @__PURE__ */ (0, O.jsx)(O$e, {
 				ref: i,
 				resources: e.resources,
 				readResource: e.readResource,
@@ -142579,7 +142587,7 @@ function V1e({ selectedServer: e, activeTab: t, toolsSearchRef: n, promptsSearch
 		s("sampling") && /* @__PURE__ */ (0, O.jsx)("div", {
 			style: { display: t === "sampling" ? "block" : "none" },
 			className: "h-full",
-			children: /* @__PURE__ */ (0, O.jsx)(M$e, {
+			children: /* @__PURE__ */ (0, O.jsx)(N$e, {
 				pendingRequests: e.pendingSamplingRequests,
 				onApprove: e.approveSampling,
 				onReject: e.rejectSampling,
@@ -142625,7 +142633,7 @@ function V1e({ selectedServer: e, activeTab: t, toolsSearchRef: n, promptsSearch
 }
 //#endregion
 //#region src/client/components/ui/github-icon.tsx
-function H1e({ className: e }) {
+function U1e({ className: e }) {
 	return /* @__PURE__ */ (0, O.jsxs)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: "24",
@@ -142642,21 +142650,21 @@ function H1e({ className: e }) {
 }
 //#endregion
 //#region src/client/components/ui/tabs.tsx
-var U1e = A.createContext(void 0);
-function W1e() {
-	let e = A.use(U1e);
+var W1e = A.createContext(void 0);
+function G1e() {
+	let e = A.use(W1e);
 	if (!e) throw Error("useTabs must be used within a TabsProvider");
 	return e;
 }
-var G1e = A.createContext(void 0);
-function K1e() {
-	return A.use(G1e);
+var K1e = A.createContext(void 0);
+function q1e() {
+	return A.use(K1e);
 }
 function G9({ ref: e, children: t, defaultValue: n, value: r, onValueChange: i, className: a, collapsed: o, onCollapsedChange: s, ...c }) {
 	let [l, u] = A.useState(n || ""), d = r !== void 0, f = o !== void 0, [p, m] = A.useState(!1), h = A.useCallback((e) => {
 		d || u(e), i?.(e);
 	}, [d, i]);
-	return /* @__PURE__ */ (0, O.jsx)(U1e, {
+	return /* @__PURE__ */ (0, O.jsx)(W1e, {
 		value: {
 			activeValue: d ? r : l,
 			handleValueChange: h,
@@ -142675,7 +142683,7 @@ function G9({ ref: e, children: t, defaultValue: n, value: r, onValueChange: i,
 }
 G9.displayName = "Tabs";
 function K9({ ref: e, children: t, className: n, variant: r = "default", collapsible: i = !1, ...a }) {
-	let { activeValue: o, collapsed: s, handleCollapsedChange: c } = W1e(), [l, u] = A.useState({
+	let { activeValue: o, collapsed: s, handleCollapsedChange: c } = G1e(), [l, u] = A.useState({
 		width: 0,
 		left: 0
 	}), d = A.useRef(null), f = A.useRef(null), p = A.useRef(null), m = A.useCallback(() => {
@@ -142721,7 +142729,7 @@ function K9({ ref: e, children: t, className: n, variant: r = "default", collaps
 	let g = A.useRef(null);
 	return A.useEffect(() => {
 		g.current && (g.current.style.width = `${l.width}px`, g.current.style.left = `${l.left}px`);
-	}, [l]), /* @__PURE__ */ (0, O.jsx)(G1e, {
+	}, [l]), /* @__PURE__ */ (0, O.jsx)(K1e, {
 		value: {
 			variant: r,
 			collapsed: s,
@@ -142743,29 +142751,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;
-	return /* @__PURE__ */ (0, O.jsx)(q1e, {
+var J1e = ({ 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 } = G1e(), m = q1e()?.variant || "default", h = d === t, g = !p || h || s;
+	return /* @__PURE__ */ (0, O.jsx)(J1e, {
 		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
 			]
 		})
 	});
@@ -142773,7 +142782,7 @@ var q1e = ({ children: e, title: t, collapsed: n }) => !t || !n ? e : /* @__PURE
 q9.displayName = "TabsTrigger";
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-context@1.1.3_@types+react@19.2.14_react@19.2.4/node_modules/@radix-ui/react-context/dist/index.mjs
-function J1e(e, t = []) {
+function Y1e(e, t = []) {
 	let n = [];
 	function r(t, r) {
 		let i = A.createContext(r);
@@ -142806,9 +142815,9 @@ function J1e(e, t = []) {
 			} }), [n, r]);
 		};
 	};
-	return i.scopeName = e, [r, Y1e(i, ...t)];
+	return i.scopeName = e, [r, X1e(i, ...t)];
 }
-function Y1e(...e) {
+function X1e(...e) {
 	let t = e[0];
 	if (e.length === 1) return t;
 	let n = () => {
@@ -142831,7 +142840,7 @@ function Y1e(...e) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
-var X1e = /* @__PURE__ */ s(((e) => {
+var Z1e = /* @__PURE__ */ s(((e) => {
 	var t = _();
 	function n(e, t) {
 		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
@@ -142869,7 +142878,7 @@ var X1e = /* @__PURE__ */ s(((e) => {
 	}
 	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
 	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
-})), Z1e = /* @__PURE__ */ s(((e) => {
+})), Q1e = /* @__PURE__ */ s(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e, t) {
 			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
@@ -142915,20 +142924,20 @@ var X1e = /* @__PURE__ */ s(((e) => {
 		var a = _(), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
 		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
-})), Q1e = (/* @__PURE__ */ s(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = X1e() : t.exports = Z1e();
+})), $1e = (/* @__PURE__ */ s(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Z1e() : t.exports = Q1e();
 })))();
-function $1e() {
-	return (0, Q1e.useSyncExternalStore)(e0e, () => !0, () => !1);
-}
 function e0e() {
+	return (0, $1e.useSyncExternalStore)(t0e, () => !0, () => !1);
+}
+function t0e() {
 	return () => {};
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-avatar@1.1.11_@types+react-dom@19.2.3_@types+react@19.2.14__@types+reac_5e99ccf265cbb36ef8e7150da8f5489e/node_modules/@radix-ui/react-avatar/dist/index.mjs
-var J9 = "Avatar", [t0e, n0e] = J1e(J9), [r0e, i0e] = t0e(J9), a0e = A.forwardRef((e, t) => {
+var J9 = "Avatar", [n0e, r0e] = Y1e(J9), [i0e, a0e] = n0e(J9), o0e = A.forwardRef((e, t) => {
 	let { __scopeAvatar: n, ...r } = e, [i, a] = A.useState("idle");
-	return /* @__PURE__ */ (0, O.jsx)(r0e, {
+	return /* @__PURE__ */ (0, O.jsx)(i0e, {
 		scope: n,
 		imageLoadingStatus: i,
 		onImageLoadingStatusChange: a,
@@ -142938,9 +142947,9 @@ var J9 = "Avatar", [t0e, n0e] = J1e(J9), [r0e, i0e] = t0e(J9), a0e = A.forwardRe
 		})
 	});
 });
-a0e.displayName = J9;
-var o0e = "AvatarImage", s0e = A.forwardRef((e, t) => {
-	let { __scopeAvatar: n, src: r, onLoadingStatusChange: i = () => {}, ...a } = e, o = i0e(o0e, n), s = d0e(r, a), c = sn((e) => {
+o0e.displayName = J9;
+var s0e = "AvatarImage", c0e = A.forwardRef((e, t) => {
+	let { __scopeAvatar: n, src: r, onLoadingStatusChange: i = () => {}, ...a } = e, o = a0e(s0e, n), s = f0e(r, a), c = sn((e) => {
 		i(e), o.onImageLoadingStatusChange(e);
 	});
 	return Ht(() => {
@@ -142951,9 +142960,9 @@ var o0e = "AvatarImage", s0e = A.forwardRef((e, t) => {
 		src: r
 	}) : null;
 });
-s0e.displayName = o0e;
-var c0e = "AvatarFallback", l0e = A.forwardRef((e, t) => {
-	let { __scopeAvatar: n, delayMs: r, ...i } = e, a = i0e(c0e, n), [o, s] = A.useState(r === void 0);
+c0e.displayName = s0e;
+var l0e = "AvatarFallback", u0e = A.forwardRef((e, t) => {
+	let { __scopeAvatar: n, delayMs: r, ...i } = e, a = a0e(l0e, n), [o, s] = A.useState(r === void 0);
 	return A.useEffect(() => {
 		if (r !== void 0) {
 			let e = window.setTimeout(() => s(!0), r);
@@ -142964,14 +142973,14 @@ var c0e = "AvatarFallback", l0e = A.forwardRef((e, t) => {
 		ref: t
 	}) : null;
 });
-l0e.displayName = c0e;
-function u0e(e, t) {
+u0e.displayName = l0e;
+function d0e(e, t) {
 	return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
-function d0e(e, { referrerPolicy: t, crossOrigin: n }) {
-	let r = $1e(), i = A.useRef(null), a = r ? (i.current ||= new window.Image(), i.current) : null, [o, s] = A.useState(() => u0e(a, e));
+function f0e(e, { referrerPolicy: t, crossOrigin: n }) {
+	let r = e0e(), i = A.useRef(null), a = r ? (i.current ||= new window.Image(), i.current) : null, [o, s] = A.useState(() => d0e(a, e));
 	return Ht(() => {
-		s(u0e(a, e));
+		s(d0e(a, e));
 	}, [a, e]), Ht(() => {
 		let e = (e) => () => {
 			s(e);
@@ -142987,25 +142996,25 @@ function d0e(e, { referrerPolicy: t, crossOrigin: n }) {
 		t
 	]), o;
 }
-var f0e = a0e, p0e = s0e, m0e = l0e;
+var p0e = o0e, m0e = c0e, h0e = u0e;
 //#endregion
 //#region src/client/components/ui/avatar.tsx
-function h0e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsx)(f0e, {
+function g0e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsx)(p0e, {
 		"data-slot": "avatar",
 		className: V("relative flex size-8 shrink-0 overflow-hidden rounded-full", e),
 		...t
 	});
 }
-function g0e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsx)(p0e, {
+function _0e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsx)(m0e, {
 		"data-slot": "avatar-image",
 		className: V("aspect-square size-full", e),
 		...t
 	});
 }
-function _0e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, O.jsx)(m0e, {
+function v0e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, O.jsx)(h0e, {
 		"data-slot": "avatar-fallback",
 		className: V("flex size-full items-center justify-center rounded-full bg-zinc-200 dark:bg-zinc-700 text-muted-foreground font-medium", e),
 		...t
@@ -143013,10 +143022,10 @@ function _0e({ className: e, ...t }) {
 }
 //#endregion
 //#region src/client/components/HostedUserMenu.tsx
-function v0e(e, t) {
+function y0e(e, t) {
 	return e?.[0] ? e[0].toUpperCase() : t?.[0] ? t[0].toUpperCase() : "U";
 }
-function y0e({ chatApiUrl: e, dashboardUrl: t = "https://manufact.com/cloud", fallback: n = null, onUserResolved: r }) {
+function b0e({ chatApiUrl: e, dashboardUrl: t = "https://manufact.com/cloud", fallback: n = null, onUserResolved: r }) {
 	let [i, a] = (0, A.useState)(null), [o, s] = (0, A.useState)(!1), c = (0, A.useCallback)(() => {
 		let t = !1, n = `${new URL(e).origin}/api/auth/get-session`;
 		return fetch(n, { credentials: "include" }).then((e) => e.ok ? e.json() : null).then((e) => {
@@ -143037,19 +143046,19 @@ function y0e({ chatApiUrl: e, dashboardUrl: t = "https://manufact.com/cloud", fa
 		return window.addEventListener("manufact:session-changed", e), () => window.removeEventListener("manufact:session-changed", e);
 	}, [c]), !o) return null;
 	if (!i) return /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: n });
-	let l = v0e(i.name, i.email), u = i.name ?? i.email ?? "User";
+	let l = y0e(i.name, i.email), u = i.name ?? i.email ?? "User";
 	return /* @__PURE__ */ (0, O.jsxs)(nu, { children: [/* @__PURE__ */ (0, O.jsx)(ru, {
 		asChild: !0,
 		children: /* @__PURE__ */ (0, O.jsx)(H, {
 			variant: "ghost",
 			className: "relative h-8 w-8 shrink-0 rounded-full p-0 mr-2",
 			"aria-label": "User menu",
-			children: /* @__PURE__ */ (0, O.jsxs)(h0e, {
+			children: /* @__PURE__ */ (0, O.jsxs)(g0e, {
 				className: "h-8 w-8 border border-zinc-300 dark:border-zinc-600",
-				children: [/* @__PURE__ */ (0, O.jsx)(g0e, {
+				children: [/* @__PURE__ */ (0, O.jsx)(_0e, {
 					src: i.image ?? "",
 					alt: u
-				}), /* @__PURE__ */ (0, O.jsx)(_0e, {
+				}), /* @__PURE__ */ (0, O.jsx)(v0e, {
 					className: "text-sm",
 					children: l
 				})]
@@ -143088,7 +143097,7 @@ function y0e({ chatApiUrl: e, dashboardUrl: t = "https://manufact.com/cloud", fa
 }
 //#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,
@@ -144514,7 +144523,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 											href: "https://github.com/mcp-use/mcp-use",
 											target: "_blank",
 											rel: "noopener noreferrer",
-											children: [/* @__PURE__ */ (0, O.jsx)(H1e, { className: "h-4 w-4 mr-2" }), "GitHub"]
+											children: [/* @__PURE__ */ (0, O.jsx)(U1e, { className: "h-4 w-4 mr-2" }), "GitHub"]
 										})
 									}),
 									/* @__PURE__ */ (0, O.jsx)(lu, {
@@ -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)(a$e, {
+									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)(a$e, {
+										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,
@@ -144751,7 +144763,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 									href: "https://github.com/mcp-use/mcp-use",
 									target: "_blank",
 									rel: "noopener noreferrer",
-									children: [/* @__PURE__ */ (0, O.jsx)(H1e, { className: "h-4 w-4 mr-2" }), "GitHub"]
+									children: [/* @__PURE__ */ (0, O.jsx)(U1e, { className: "h-4 w-4 mr-2" }), "GitHub"]
 								})
 							}),
 							/* @__PURE__ */ (0, O.jsx)(lu, {
@@ -144767,7 +144779,7 @@ function P0e({ connections: e, selectedServer: t, activeTab: n, onServerSelect:
 					})] }),
 					f.chatApiUrl ? /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ (0, O.jsx)(y0e, {
+						children: [/* @__PURE__ */ (0, O.jsx)(b0e, {
 							chatApiUrl: f.chatApiUrl,
 							onUserResolved: (e) => T(!!e),
 							fallback: /* @__PURE__ */ (0, O.jsx)("span", {
@@ -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,
@@ -145101,7 +145113,7 @@ function F0e({ children: e }) {
 			}),
 			/* @__PURE__ */ (0, O.jsx)("main", {
 				className: ce ? "flex-1 w-full bg-white dark:bg-black p-0 overflow-auto" : "flex-1 w-full mx-auto bg-white dark:bg-black rounded-2xl border border-zinc-200 dark:border-zinc-700 p-0 overflow-auto",
-				children: /* @__PURE__ */ (0, O.jsx)(V1e, {
+				children: /* @__PURE__ */ (0, O.jsx)(H1e, {
 					selectedServer: R,
 					activeTab: m,
 					toolsSearchRef: P,
@@ -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