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

package/dist/cdn/{ResourcesTab-KfamsM6-.js → ResourcesTab-BJxaJgKU.js}

@@ -1,25 +1,27 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { Pr as r, f as i, sr as a } from "./input-BLxOA7V-.js";
-import { t as o } from "./AnimatePresence-B4HhIdgq.js";
-import { n as s, r as c, t as l } from "./WidgetWrapper-D29YDxIu.js";
-import { t as u } from "./brush-B_mKhyxG.js";
-import { a as d, i as f, t as p } from "./browser-CbQIH4w2.js";
-import { n as m, t as h } from "./zap-Mb-pbw2X.js";
-import { t as g } from "./clock-CmUbSx_B.js";
-import { t as _ } from "./code-V_0nf5rg.js";
-import { a as v, t as y } from "./JSONDisplay-D3RcyO9z.js";
-import { t as b } from "./folder-open-B3lu2rG_.js";
-import { a as x, i as S, n as C, o as w, r as T, t as E } from "./shared-uMiV6Fx1.js";
-import { t as D } from "./maximize-BALCV_ep.js";
-import { d as O, t as k } from "./telemetry-Ct6pVkM1.js";
-import { c as A, r as j, s as M } from "./react-BxO-uEDZ.js";
-import { t as N } from "./spinner-CWcJhIY_.js";
-import { n as P } from "./InspectorContext-DzXtgyTx.js";
-import { t as F } from "./useConfig-CwxZ6Quj.js";
-import { t as I } from "./useViewHostProps-Dr6W2ooF.js";
+import { f as n, sr as r } from "./input-BCpgLXU1.js";
+import { n as i } from "./createLucideIcon-BONxC1L5.js";
+import { t as a } from "./button-CB4uOoUV.js";
+import { t as o } from "./AnimatePresence-D1bZ5_-l.js";
+import { n as s, t as c } from "./MCPAppsDebugControls-BIiauZ_A.js";
+import { t as l } from "./brush-CelVvMGp.js";
+import { a as u, i as d, t as f } from "./browser-DG2Z8392.js";
+import { n as p, t as m } from "./zap-0Wr9QO7N.js";
+import { t as h } from "./clock-YMF8Gtw5.js";
+import { t as g } from "./code-C8sN2OGR.js";
+import { a as _, t as v } from "./JSONDisplay-BJqMz7Ny.js";
+import { t as y } from "./folder-open-aM8CPtBO.js";
+import { a as b, i as x, n as S, o as C, r as w, t as T } from "./shared-CJVHJhag.js";
+import { t as E } from "./maximize-hSOCz133.js";
+import { d as D, t as O } from "./telemetry-B6Xh2ktb.js";
+import { c as k, r as A, s as j } from "./react-BtzXvzGh.js";
+import { t as M } from "./spinner-Be1GlSGX.js";
+import { n as N } from "./InspectorContext-BBKCdfmK.js";
+import { t as P } from "./useConfig-CLBnK-B4.js";
+import { t as F } from "./useViewHostProps-DRWpI0-w.js";
+import { t as I } from "./WidgetWrapper-BlbQAh_X.js";
 //#region src/client/components/resources/ResourceResultDisplay.tsx
-var L = /* @__PURE__ */ e(t(), 1), R = n();
+var L = /* @__PURE__ */ e(t(), 1), R = i();
 function z(e) {
 	if ("error" in e && e.error && typeof e.error == "string") return e.error;
 	if (!("isError" in e && e.isError)) return null;
@@ -30,54 +32,54 @@ function z(e) {
 	return "An error occurred";
 }
 function B({ serverId: e, viewId: t, resourceUri: n, toolOutput: r, toolMetadata: i, readResource: a, customProps: o, displayMode: s, onDisplayModeChange: c }) {
-	let u = (0, L.useMemo)(() => ({}), []), d = I({
+	let l = (0, L.useMemo)(() => ({}), []), u = F({
 		serverId: e,
 		viewId: t,
 		resourceUri: n,
 		toolName: n,
-		toolInput: u,
+		toolInput: l,
 		toolOutput: r,
 		toolMetadata: i,
 		readResource: a,
 		displayMode: s,
 		onDisplayModeChange: c
 	});
-	if (!d) return /* @__PURE__ */ (0, R.jsx)(l, {
+	if (!u) return /* @__PURE__ */ (0, R.jsx)(I, {
 		className: "w-full h-full min-h-[240px]",
-		children: /* @__PURE__ */ (0, R.jsx)(N, { className: "size-5" })
+		children: /* @__PURE__ */ (0, R.jsx)(M, { className: "size-5" })
 	});
-	let f = s === "inline" ? "w-full h-full flex items-center justify-center relative p-4 min-h-0" : "w-full h-full relative p-4", p = o ? JSON.stringify(o) : "no-custom-props";
-	return /* @__PURE__ */ (0, R.jsx)(l, {
+	let d = s === "inline" ? "w-full h-full flex items-center justify-center relative p-4 min-h-0" : "w-full h-full relative p-4", f = o ? JSON.stringify(o) : "no-custom-props";
+	return /* @__PURE__ */ (0, R.jsx)(I, {
 		className: "w-full h-full min-h-[240px]",
-		children: /* @__PURE__ */ (0, R.jsx)(j, {
+		children: /* @__PURE__ */ (0, R.jsx)(A, {
 			viewId: t,
 			toolName: n,
-			toolInput: u,
+			toolInput: l,
 			toolOutput: r,
 			customProps: o,
-			className: f,
-			...d
-		}, p)
+			className: d,
+			...u
+		}, f)
 	});
 }
-function V({ result: e, isLoading: t, previewMode: n, serverId: i, readResource: o, onTogglePreview: c, onCopy: l, onDownload: p, onFullscreen: m, isCopied: b = !1, selectedResource: x, llmConfig: S }) {
+function V({ result: e, isLoading: t, previewMode: n, serverId: i, readResource: o, onTogglePreview: s, onCopy: f, onDownload: p, onFullscreen: y, isCopied: b = !1, selectedResource: x, llmConfig: S }) {
 	let [C, w] = (0, L.useState)(null), T = (0, L.useCallback)((e) => {
 		w(e);
-	}, []), [E, O] = (0, L.useState)("inline"), k = e?.result && "contents" in e.result && Array.isArray(e.result.contents) && e.result.contents[0]?._meta || {}, j = {
+	}, []), [D, O] = (0, L.useState)("inline"), A = e?.result && "contents" in e.result && Array.isArray(e.result.contents) && e.result.contents[0]?._meta || {}, N = {
 		...e?.resourceAnnotations,
-		...k
+		...A
 	}, P = (0, L.useMemo)(() => {
-		let e = j?.["mcp-use/propsSchema"];
+		let e = N?.["mcp-use/propsSchema"];
 		if (!e) return [];
 		let t = e.def?.shape;
 		return t ? Object.entries(t).filter(([, e]) => {
 			let t = e?.def?.type ?? e?.type;
 			return t !== "optional" && t !== "default";
 		}).map(([e]) => e) : e.required ?? [];
-	}, [j]), F = A(j) ? "mcp-apps" : null, I = e?.result && "contents" in e.result && Array.isArray(e.result.contents) && e.result.contents.some((e) => M(e.mimeType)), V = j?.ui?.resourceUri || k?.ui?.resourceUri || (I ? e.uri : void 0), H = (F === "mcp-apps" || I) && !!V, U = P.length > 0 && !C;
+	}, [N]), F = k(N) ? "mcp-apps" : null, I = e?.result && "contents" in e.result && Array.isArray(e.result.contents) && e.result.contents.some((e) => j(e.mimeType)), V = N?.ui?.resourceUri || A?.ui?.resourceUri || (I ? e.uri : void 0), H = (F === "mcp-apps" || I) && !!V, U = P.length > 0 && !C;
 	if (t) return /* @__PURE__ */ (0, R.jsx)("div", {
 		className: "flex absolute left-0 top-0 items-center justify-center w-full h-full",
-		children: /* @__PURE__ */ (0, R.jsx)(N, { className: "size-5" })
+		children: /* @__PURE__ */ (0, R.jsx)(M, { className: "size-5" })
 	});
 	if (!e) return /* @__PURE__ */ (0, R.jsxs)("div", {
 		className: "flex flex-col items-center justify-center h-full p-4 text-center",
@@ -111,7 +113,7 @@ function V({ result: e, isLoading: t, previewMode: n, serverId: i, readResource:
 				children: [
 					/* @__PURE__ */ (0, R.jsxs)("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ (0, R.jsx)(g, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ (0, R.jsx)("span", {
+						children: [/* @__PURE__ */ (0, R.jsx)(h, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ (0, R.jsx)("span", {
 							className: "text-xs text-gray-500 dark:text-gray-400",
 							children: new Date(e.timestamp).toLocaleTimeString()
 						})]
@@ -120,7 +122,7 @@ function V({ result: e, isLoading: t, previewMode: n, serverId: i, readResource:
 						let t = e?.duration ?? e.result?.duration ?? e.result?.metrics?.durationMs;
 						return t === void 0 ? null : /* @__PURE__ */ (0, R.jsxs)("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ (0, R.jsx)(h, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ (0, R.jsxs)("span", {
+							children: [/* @__PURE__ */ (0, R.jsx)(m, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ (0, R.jsxs)("span", {
 								className: "text-xs text-gray-500 dark:text-gray-400",
 								children: [t, "ms"]
 							})]
@@ -138,27 +140,27 @@ function V({ result: e, isLoading: t, previewMode: n, serverId: i, readResource:
 					H && /* @__PURE__ */ (0, R.jsxs)(a, {
 						variant: "ghost",
 						size: "sm",
-						onClick: c,
+						onClick: s,
 						className: n ? "" : "text-purple-600 dark:text-purple-400",
-						children: [n ? /* @__PURE__ */ (0, R.jsx)(_, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ (0, R.jsx)(u, { className: "h-4 w-4 mr-1" }), n ? "JSON" : "Preview"]
+						children: [n ? /* @__PURE__ */ (0, R.jsx)(g, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ (0, R.jsx)(l, { className: "h-4 w-4 mr-1" }), n ? "JSON" : "Preview"]
 					}),
 					/* @__PURE__ */ (0, R.jsx)(a, {
 						variant: "ghost",
 						size: "sm",
-						onClick: l,
-						children: b ? /* @__PURE__ */ (0, R.jsx)(d, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, R.jsx)(f, { className: "h-4 w-4" })
+						onClick: f,
+						children: b ? /* @__PURE__ */ (0, R.jsx)(u, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, R.jsx)(d, { className: "h-4 w-4" })
 					}),
 					/* @__PURE__ */ (0, R.jsx)(a, {
 						variant: "ghost",
 						size: "sm",
 						onClick: p,
-						children: /* @__PURE__ */ (0, R.jsx)(v, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ (0, R.jsx)(_, { className: "h-4 w-4" })
 					}),
 					/* @__PURE__ */ (0, R.jsx)(a, {
 						variant: "ghost",
 						size: "sm",
-						onClick: m,
-						children: /* @__PURE__ */ (0, R.jsx)(D, { className: "h-4 w-4" })
+						onClick: y,
+						children: /* @__PURE__ */ (0, R.jsx)(E, { className: "h-4 w-4" })
 					})
 				]
 			})]
@@ -169,13 +171,13 @@ function V({ result: e, isLoading: t, previewMode: n, serverId: i, readResource:
 				"data-testid": "resource-widget-preview",
 				children: [/* @__PURE__ */ (0, R.jsx)("div", {
 					className: "absolute top-2 right-2 z-10 flex items-center gap-2",
-					children: /* @__PURE__ */ (0, R.jsx)(s, {
+					children: /* @__PURE__ */ (0, R.jsx)(c, {
 						toolCallId: `resource-${e.timestamp}`,
-						displayMode: E,
+						displayMode: D,
 						onDisplayModeChange: O,
 						propsContext: "resource",
 						resourceUri: e.uri,
-						resourceAnnotations: j,
+						resourceAnnotations: N,
 						llmConfig: S || null,
 						resource: x || null,
 						onPropsChange: T,
@@ -192,23 +194,23 @@ function V({ result: e, isLoading: t, previewMode: n, serverId: i, readResource:
 					viewId: `resource-${e.timestamp}`,
 					resourceUri: V,
 					toolOutput: e.result,
-					toolMetadata: j,
+					toolMetadata: N,
 					readResource: o,
 					customProps: C || void 0,
-					displayMode: E,
+					displayMode: D,
 					onDisplayModeChange: O
 				})]
 			}) : /* @__PURE__ */ (0, R.jsx)("div", {
 				className: "px-4 pt-4",
 				"data-testid": "resource-result-json",
-				children: /* @__PURE__ */ (0, R.jsx)(y, {
+				children: /* @__PURE__ */ (0, R.jsx)(v, {
 					data: e.result,
 					filename: `resource-${e.uri.replace(/[^a-zA-Z0-9]/g, "-")}-mcp-apps-${Date.now()}.json`
 				})
 			}) : /* @__PURE__ */ (0, R.jsx)("div", {
 				className: "px-4 pt-4",
 				"data-testid": "resource-result-json",
-				children: /* @__PURE__ */ (0, R.jsx)(y, {
+				children: /* @__PURE__ */ (0, R.jsx)(v, {
 					data: e.result,
 					filename: `resource-${e.uri.replace(/[^a-zA-Z0-9]/g, "-")}-${Date.now()}.json`
 				})
@@ -221,7 +223,7 @@ function V({ result: e, isLoading: t, previewMode: n, serverId: i, readResource:
 function H({ resources: e, selectedResource: t, onResourceSelect: n, focusedIndex: r }) {
 	return e.length === 0 ? /* @__PURE__ */ (0, R.jsxs)("div", {
 		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
-		children: [/* @__PURE__ */ (0, R.jsx)(c, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, R.jsx)("p", {
+		children: [/* @__PURE__ */ (0, R.jsx)(s, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, R.jsx)("p", {
 			className: "text-gray-500 dark:text-gray-400",
 			children: "No resources available"
 		})]
@@ -230,7 +232,7 @@ function H({ resources: e, selectedResource: t, onResourceSelect: n, focusedInde
 			className: "font-mono",
 			children: e.mimeType
 		}, "mime")].filter(Boolean);
-		return /* @__PURE__ */ (0, R.jsx)(T, {
+		return /* @__PURE__ */ (0, R.jsx)(w, {
 			id: `resource-${e.uri}`,
 			"data-testid": `resource-item-${e.name}`,
 			isSelected: t?.uri === e.uri,
@@ -249,16 +251,16 @@ function H({ resources: e, selectedResource: t, onResourceSelect: n, focusedInde
 }
 //#endregion
 //#region src/client/components/ResourcesTab.tsx
-function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s, mcpServerUrl: c, refreshResources: l }) {
-	let [u, d] = (0, L.useState)(!1), [f, h] = (0, L.useState)(null), { selectedResourceUri: g, setSelectedResourceUri: _ } = P(), { llmConfig: v } = F({ mcpServerUrl: c }), [y, T] = (0, L.useState)(null), [D, A] = (0, L.useState)(!1), [j, M] = (0, L.useState)(""), [N] = (0, L.useState)("resources"), [I, z] = (0, L.useState)(!0), [B, U] = (0, L.useState)(!1), [W, G] = (0, L.useState)(-1), [K, q] = (0, L.useState)(!1), J = (0, L.useRef)(null), Y = (0, L.useRef)(null), [ee, te] = (0, L.useState)(!1), [X, Z] = (0, L.useState)("list");
+function U({ ref: e, resources: t, readResource: r, serverId: i, isConnected: s, mcpServerUrl: c, refreshResources: l }) {
+	let [u, d] = (0, L.useState)(!1), [m, h] = (0, L.useState)(null), { selectedResourceUri: g, setSelectedResourceUri: _ } = N(), { llmConfig: v } = P({ mcpServerUrl: c }), [w, E] = (0, L.useState)(null), [k, A] = (0, L.useState)(!1), [j, M] = (0, L.useState)(""), [F] = (0, L.useState)("resources"), [I, z] = (0, L.useState)(!0), [B, U] = (0, L.useState)(!1), [W, G] = (0, L.useState)(-1), [K, q] = (0, L.useState)(!1), J = (0, L.useRef)(null), Y = (0, L.useRef)(null), [ee, te] = (0, L.useState)(!1), [X, Z] = (0, L.useState)("list");
 	(0, L.useEffect)(() => {
 		let e = () => {
 			te(window.innerWidth < 1024);
 		};
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []), (0, L.useEffect)(() => {
-		Z(f ? "detail" : "list");
-	}, [f]), (0, L.useImperativeHandle)(e, () => ({
+		Z(m ? "detail" : "list");
+	}, [m]), (0, L.useImperativeHandle)(e, () => ({
 		focusSearch: () => {
 			U(!0), setTimeout(() => {
 				J.current && J.current.focus();
@@ -290,14 +292,14 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 			A(!0);
 			let t = Date.now();
 			try {
-				let i = await n(e.uri);
-				k(new O({
+				let n = await r(e.uri);
+				O(new D({
 					resourceUri: e.uri,
-					serverId: r,
+					serverId: i,
 					success: !0
-				})).catch(() => {}), T({
+				})).catch(() => {}), E({
 					uri: e.uri,
-					result: i,
+					result: n,
 					timestamp: t,
 					resourceAnnotations: {
 						...e.annotations,
@@ -305,12 +307,12 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 					}
 				});
 			} catch (n) {
-				k(new O({
+				O(new D({
 					resourceUri: e.uri,
-					serverId: r,
+					serverId: i,
 					success: !1,
 					error: n instanceof Error ? n.message : "Unknown error"
-				})).catch(() => {}), T({
+				})).catch(() => {}), E({
 					uri: e.uri,
 					result: {
 						contents: [],
@@ -328,13 +330,13 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 			}
 		}
 	}, [
-		n,
 		r,
+		i,
 		s
 	]);
 	(0, L.useEffect)(() => {
 		G(-1);
-	}, [j, N]), (0, L.useEffect)(() => {
+	}, [j, F]), (0, L.useEffect)(() => {
 		let e = (e) => {
 			let t = e.target;
 			if (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.contentEditable === "true" || e.metaKey || e.ctrlKey || e.altKey) return;
@@ -369,27 +371,7 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 	}, [W, Q]), (0, L.useEffect)(() => {
 		if (g && t.length > 0) {
 			let e = t.find((e) => e.uri === g);
-			fetch("http://127.0.0.1:7371/ingest/4e7482c5-571f-4071-bd09-762c357289f4", {
-				method: "POST",
-				headers: {
-					"Content-Type": "application/json",
-					"X-Debug-Session-Id": "831b88"
-				},
-				body: JSON.stringify({
-					sessionId: "831b88",
-					location: "ResourcesTab.tsx:auto-select",
-					message: "resources auto-select effect",
-					data: {
-						selectedResourceUri: g,
-						resourcesCount: t.length,
-						resourceFound: !!e,
-						willSelect: !!(e && f?.uri !== e.uri),
-						currentSelected: f?.uri ?? null
-					},
-					timestamp: Date.now(),
-					hypothesisId: "H2-compare"
-				})
-			}).catch(() => {}), e && f?.uri !== e.uri && (_(null), setTimeout(() => {
+			e && m?.uri !== e.uri && (_(null), setTimeout(() => {
 				$(e);
 				let t = document.getElementById(`resource-${e.uri}`);
 				t && t.scrollIntoView({
@@ -401,29 +383,29 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 	}, [
 		g,
 		t,
-		f,
+		m,
 		$,
 		_
 	]), (0, L.useEffect)(() => {
-		if (f) {
-			let e = t.find((e) => e.uri === f.uri);
-			e && e !== f && (e.description !== f.description || e.mimeType !== f.mimeType || e.name !== f.name) && h(e);
+		if (m) {
+			let e = t.find((e) => e.uri === m.uri);
+			e && e !== m && (e.description !== m.description || e.mimeType !== m.mimeType || e.name !== m.name) && h(e);
 		}
-	}, [t, f]);
+	}, [t, m]);
 	let ie = (0, L.useCallback)(async () => {
-		if (y) try {
-			await p(JSON.stringify(y.result, null, 2)), q(!0), setTimeout(() => q(!1), 2e3);
+		if (w) try {
+			await f(JSON.stringify(w.result, null, 2)), q(!0), setTimeout(() => q(!1), 2e3);
 		} catch (e) {
 			console.error("[ResourcesTab] Failed to copy result:", e);
 		}
-	}, [y]), ae = (0, L.useCallback)(() => {
-		if (y) try {
-			let e = new globalThis.Blob([JSON.stringify(y.result, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
+	}, [w]), ae = (0, L.useCallback)(() => {
+		if (w) try {
+			let e = new globalThis.Blob([JSON.stringify(w.result, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
 			n.href = t, n.download = `resource-${Date.now()}.json`, document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(t);
 		} catch (e) {
 			console.error("[ResourcesTab] Failed to download result:", e);
 		}
-	}, [y]), oe = (0, L.useCallback)(async () => {
+	}, [w]), oe = (0, L.useCallback)(async () => {
 		if (Y.current) try {
 			document.fullscreenElement ? await document.exitFullscreen() : await Y.current.requestFullscreen();
 		} catch (e) {
@@ -441,7 +423,7 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 					h(null), Z("list");
 				},
 				className: "p-0 h-8 w-8",
-				children: /* @__PURE__ */ (0, R.jsx)(m, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ (0, R.jsx)(p, { className: "h-4 w-4" })
 			}), /* @__PURE__ */ (0, R.jsxs)("div", {
 				className: "flex items-center text-sm font-medium",
 				children: [/* @__PURE__ */ (0, R.jsx)("button", {
@@ -463,7 +445,7 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 			children: /* @__PURE__ */ (0, R.jsxs)(o, {
 				initial: !1,
 				mode: "popLayout",
-				children: [X === "list" && /* @__PURE__ */ (0, R.jsx)(i.div, {
+				children: [X === "list" && /* @__PURE__ */ (0, R.jsx)(n.div, {
 					initial: { x: "-100%" },
 					animate: { x: 0 },
 					exit: { x: "-100%" },
@@ -473,10 +455,10 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 						damping: 30
 					},
 					className: "absolute inset-0 flex flex-col bg-background z-0",
-					children: /* @__PURE__ */ (0, R.jsx)(C, { children: (e) => /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)(E, {
+					children: /* @__PURE__ */ (0, R.jsx)(S, { children: (e) => /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)(T, {
 						isScrolled: e,
 						title: "Resources",
-						icon: b,
+						icon: y,
 						count: Q.length,
 						isSearchExpanded: B,
 						searchQuery: j,
@@ -489,11 +471,11 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 						isRefreshing: u
 					}), /* @__PURE__ */ (0, R.jsx)(H, {
 						resources: Q,
-						selectedResource: f,
+						selectedResource: m,
 						onResourceSelect: $,
 						focusedIndex: W
 					})] }) })
-				}, "list"), X === "detail" && /* @__PURE__ */ (0, R.jsx)(i.div, {
+				}, "list"), X === "detail" && /* @__PURE__ */ (0, R.jsx)(n.div, {
 					initial: { x: "100%" },
 					animate: { x: 0 },
 					exit: { x: "100%" },
@@ -507,35 +489,35 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 						ref: Y,
 						className: "h-full",
 						children: /* @__PURE__ */ (0, R.jsx)(V, {
-							result: y,
-							isLoading: D,
+							result: w,
+							isLoading: k,
 							previewMode: I,
-							serverId: r,
-							readResource: n,
+							serverId: i,
+							readResource: r,
 							onTogglePreview: () => z(!I),
 							onCopy: ie,
 							onDownload: ae,
 							onFullscreen: oe,
 							isCopied: K,
-							selectedResource: f,
+							selectedResource: m,
 							llmConfig: v
 						})
 					})
 				}, "detail")]
 			})
 		})]
-	}) : /* @__PURE__ */ (0, R.jsxs)(w, {
+	}) : /* @__PURE__ */ (0, R.jsxs)(C, {
 		orientation: "horizontal",
 		className: "h-full",
 		children: [
-			/* @__PURE__ */ (0, R.jsx)(x, {
+			/* @__PURE__ */ (0, R.jsx)(b, {
 				defaultSize: "33%",
 				children: /* @__PURE__ */ (0, R.jsx)("div", {
 					className: "flex h-full flex-col overflow-hidden border-r dark:border-zinc-700",
-					children: /* @__PURE__ */ (0, R.jsx)(C, { children: (e) => /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)(E, {
+					children: /* @__PURE__ */ (0, R.jsx)(S, { children: (e) => /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)(T, {
 						isScrolled: e,
 						title: "Resources",
-						icon: b,
+						icon: y,
 						count: Q.length,
 						isSearchExpanded: B,
 						searchQuery: j,
@@ -548,30 +530,30 @@ function U({ ref: e, resources: t, readResource: n, serverId: r, isConnected: s,
 						isRefreshing: u
 					}), /* @__PURE__ */ (0, R.jsx)(H, {
 						resources: Q,
-						selectedResource: f,
+						selectedResource: m,
 						onResourceSelect: $,
 						focusedIndex: W
 					})] }) })
 				})
 			}),
-			/* @__PURE__ */ (0, R.jsx)(S, {}),
-			/* @__PURE__ */ (0, R.jsx)(x, {
+			/* @__PURE__ */ (0, R.jsx)(x, {}),
+			/* @__PURE__ */ (0, R.jsx)(b, {
 				defaultSize: "67%",
 				children: /* @__PURE__ */ (0, R.jsx)("div", {
 					ref: Y,
 					className: "h-full bg-white dark:bg-zinc-900",
 					children: /* @__PURE__ */ (0, R.jsx)(V, {
-						result: y,
-						isLoading: D,
+						result: w,
+						isLoading: k,
 						previewMode: I,
-						serverId: r,
-						readResource: n,
+						serverId: i,
+						readResource: r,
 						onTogglePreview: () => z(!I),
 						onCopy: ie,
 						onDownload: ae,
 						onFullscreen: oe,
 						isCopied: K,
-						selectedResource: f,
+						selectedResource: m,
 						llmConfig: v
 					})
 				})