@mcp-use/inspector 20.0.0-beta.14 → 20.0.0-beta.16

package/dist/cdn/ResourcesTab-DQS24z5p.js

@@ -1,566 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.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-w5NRWhlZ.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-e4uEESP7.js";
-import { c as k, r as A, s as j } from "./react-BDA-xrgK.js";
-import { t as M } from "./spinner-Be1GlSGX.js";
-import { n as N } from "./InspectorContext-BBKCdfmK.js";
-import { t as P } from "./useConfig-Dw_6Ztzr.js";
-import { t as F } from "./useViewHostProps-BPApUBaM.js";
-import { t as I } from "./WidgetWrapper-BlbQAh_X.js";
-//#region src/client/components/resources/ResourceResultDisplay.tsx
-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;
-	if ("contents" in e && Array.isArray(e.contents)) {
-		let t = e.contents.filter((e) => "text" in e).map((e) => e.text).filter(Boolean);
-		if (t.length > 0) return t.join("\n");
-	}
-	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 l = (0, L.useMemo)(() => ({}), []), u = F({
-		serverId: e,
-		viewId: t,
-		resourceUri: n,
-		toolName: n,
-		toolInput: l,
-		toolOutput: r,
-		toolMetadata: i,
-		readResource: a,
-		displayMode: s,
-		onDisplayModeChange: c
-	});
-	if (!u) return /* @__PURE__ */ (0, R.jsx)(I, {
-		className: "w-full h-full min-h-[240px]",
-		children: /* @__PURE__ */ (0, R.jsx)(M, { className: "size-5" })
-	});
-	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)(A, {
-			viewId: t,
-			toolName: n,
-			toolInput: l,
-			toolOutput: r,
-			customProps: o,
-			className: d,
-			...u
-		}, f)
-	});
-}
-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);
-	}, []), [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,
-		...A
-	}, P = (0, L.useMemo)(() => {
-		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 ?? [];
-	}, [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)(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",
-		children: [/* @__PURE__ */ (0, R.jsx)("p", {
-			className: "text-gray-500 dark:text-gray-400 mb-2",
-			children: "Select a resource to view its contents"
-		}), /* @__PURE__ */ (0, R.jsx)("p", {
-			className: "text-xs text-gray-400 dark:text-gray-500",
-			children: "Choose a resource from the list to see its data"
-		})]
-	});
-	let W = e.error || (e.result ? z(e.result) : null);
-	return W ? /* @__PURE__ */ (0, R.jsx)("div", {
-		className: "p-4",
-		children: /* @__PURE__ */ (0, R.jsxs)("div", {
-			className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3",
-			children: [/* @__PURE__ */ (0, R.jsx)("p", {
-				className: "text-red-800 dark:text-red-300 font-medium",
-				children: "Error:"
-			}), /* @__PURE__ */ (0, R.jsx)("p", {
-				className: "text-red-700 dark:text-red-400 text-sm",
-				children: W
-			})]
-		})
-	}) : /* @__PURE__ */ (0, R.jsxs)("div", {
-		className: "flex flex-col h-full",
-		children: [/* @__PURE__ */ (0, R.jsxs)("div", {
-			className: "shrink-0 px-4 py-3 border-b border-gray-200 dark:border-zinc-700 flex items-center justify-between",
-			children: [/* @__PURE__ */ (0, R.jsxs)("div", {
-				className: "flex items-center gap-2",
-				children: [
-					/* @__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.jsx)("span", {
-							className: "text-xs text-gray-500 dark:text-gray-400",
-							children: new Date(e.timestamp).toLocaleTimeString()
-						})]
-					}),
-					(() => {
-						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)(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"]
-							})]
-						});
-					})(),
-					H && /* @__PURE__ */ (0, R.jsx)(r, {
-						variant: "outline",
-						className: "text-xs bg-green-50 dark:bg-green-900/20 border-none border-green-200 dark:border-green-800/50 text-green-600 dark:text-green-400",
-						children: "MCP Apps"
-					})
-				]
-			}), /* @__PURE__ */ (0, R.jsxs)("div", {
-				className: "flex items-center gap-1",
-				children: [
-					H && /* @__PURE__ */ (0, R.jsxs)(a, {
-						variant: "ghost",
-						size: "sm",
-						onClick: s,
-						className: n ? "" : "text-purple-600 dark:text-purple-400",
-						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: 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)(_, { className: "h-4 w-4" })
-					}),
-					/* @__PURE__ */ (0, R.jsx)(a, {
-						variant: "ghost",
-						size: "sm",
-						onClick: y,
-						children: /* @__PURE__ */ (0, R.jsx)(E, { className: "h-4 w-4" })
-					})
-				]
-			})]
-		}), /* @__PURE__ */ (0, R.jsx)("div", {
-			className: "flex-1 overflow-y-auto relative",
-			children: H && i && o && V ? n ? /* @__PURE__ */ (0, R.jsxs)("div", {
-				className: "flex flex-1 h-full relative flex-col min-h-0",
-				"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)(c, {
-						toolCallId: `resource-${e.timestamp}`,
-						displayMode: D,
-						onDisplayModeChange: O,
-						propsContext: "resource",
-						resourceUri: e.uri,
-						resourceAnnotations: N,
-						llmConfig: S || null,
-						resource: x || null,
-						onPropsChange: T,
-						requiredProps: P.length > 0 && !C ? P : void 0
-					})
-				}), U ? /* @__PURE__ */ (0, R.jsx)("div", {
-					className: "flex items-center justify-center w-full h-full min-h-[200px] rounded-xl border-2 border-dashed border-gray-300 dark:border-zinc-600 bg-gray-50 dark:bg-zinc-800/50 m-4",
-					children: /* @__PURE__ */ (0, R.jsx)("p", {
-						className: "text-sm text-gray-500 dark:text-gray-400 text-center px-6",
-						children: "This widget requires props, set or generate them in the props debugger"
-					})
-				}) : /* @__PURE__ */ (0, R.jsx)(B, {
-					serverId: i,
-					viewId: `resource-${e.timestamp}`,
-					resourceUri: V,
-					toolOutput: e.result,
-					toolMetadata: N,
-					readResource: o,
-					customProps: C || void 0,
-					displayMode: D,
-					onDisplayModeChange: O
-				})]
-			}) : /* @__PURE__ */ (0, R.jsx)("div", {
-				className: "px-4 pt-4",
-				"data-testid": "resource-result-json",
-				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)(v, {
-					data: e.result,
-					filename: `resource-${e.uri.replace(/[^a-zA-Z0-9]/g, "-")}-${Date.now()}.json`
-				})
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/client/components/resources/ResourcesList.tsx
-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)(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"
-		})]
-	}) : /* @__PURE__ */ (0, R.jsx)("div", { children: e.map((e, i) => {
-		let a = [e.description, e.mimeType && /* @__PURE__ */ (0, R.jsx)("span", {
-			className: "font-mono",
-			children: e.mimeType
-		}, "mime")].filter(Boolean);
-		return /* @__PURE__ */ (0, R.jsx)(w, {
-			id: `resource-${e.uri}`,
-			"data-testid": `resource-item-${e.name}`,
-			isSelected: t?.uri === e.uri,
-			isFocused: r === i,
-			title: e.name,
-			description: a.length > 0 ? /* @__PURE__ */ (0, R.jsxs)("span", {
-				className: "flex flex-col gap-1",
-				children: [e.description && /* @__PURE__ */ (0, R.jsx)("span", { children: e.description }), e.mimeType && /* @__PURE__ */ (0, R.jsx)("span", {
-					className: "text-xs text-gray-500 dark:text-gray-500 font-mono",
-					children: e.mimeType
-				})]
-			}) : void 0,
-			onClick: () => n(e)
-		}, e.uri);
-	}) });
-}
-//#endregion
-//#region src/client/components/ResourcesTab.tsx
-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(m ? "detail" : "list");
-	}, [m]), (0, L.useImperativeHandle)(e, () => ({
-		focusSearch: () => {
-			U(!0), setTimeout(() => {
-				J.current && J.current.focus();
-			}, 0);
-		},
-		blurSearch: () => {
-			M(""), U(!1), J.current && J.current.blur();
-		}
-	})), (0, L.useEffect)(() => {
-		B && J.current && J.current.focus();
-	}, [B]);
-	let ne = (0, L.useCallback)(() => {
-		j.trim() || U(!1);
-	}, [j]), re = (0, L.useCallback)(async () => {
-		if (l) {
-			d(!0);
-			try {
-				await l();
-			} finally {
-				d(!1);
-			}
-		}
-	}, [l]), Q = (0, L.useMemo)(() => {
-		if (!j) return t;
-		let e = j.toLowerCase();
-		return t.filter((t) => t.name.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e) || t.uri.toLowerCase().includes(e));
-	}, [t, j]), $ = (0, L.useCallback)(async (e) => {
-		if (h(e), s) {
-			A(!0);
-			let t = Date.now();
-			try {
-				let n = await r(e.uri);
-				O(new D({
-					resourceUri: e.uri,
-					serverId: i,
-					success: !0
-				})).catch(() => {}), E({
-					uri: e.uri,
-					result: n,
-					timestamp: t,
-					resourceAnnotations: {
-						...e.annotations,
-						...e._meta || {}
-					}
-				});
-			} catch (n) {
-				O(new D({
-					resourceUri: e.uri,
-					serverId: i,
-					success: !1,
-					error: n instanceof Error ? n.message : "Unknown error"
-				})).catch(() => {}), E({
-					uri: e.uri,
-					result: {
-						contents: [],
-						_meta: {}
-					},
-					error: n instanceof Error ? n.message : "Unknown error",
-					timestamp: t,
-					resourceAnnotations: {
-						...e.annotations,
-						...e._meta || {}
-					}
-				});
-			} finally {
-				A(!1);
-			}
-		}
-	}, [
-		r,
-		i,
-		s
-	]);
-	(0, L.useEffect)(() => {
-		G(-1);
-	}, [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;
-			let n = Q;
-			if (e.key === "ArrowDown") e.preventDefault(), G((e) => {
-				let t = e + 1;
-				return t >= n.length ? 0 : t;
-			});
-			else if (e.key === "ArrowUp") e.preventDefault(), G((e) => {
-				let t = e - 1;
-				return t < 0 ? n.length - 1 : t;
-			});
-			else if (e.key === "Enter" && W >= 0) {
-				e.preventDefault();
-				let t = Q[W];
-				t && $(t);
-			}
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [
-		W,
-		Q,
-		$
-	]), (0, L.useEffect)(() => {
-		if (W >= 0) {
-			let e = `resource-${Q[W]?.uri}`, t = document.getElementById(e);
-			t && t.scrollIntoView({
-				behavior: "smooth",
-				block: "nearest"
-			});
-		}
-	}, [W, Q]), (0, L.useEffect)(() => {
-		if (g && t.length > 0) {
-			let e = t.find((e) => e.uri === g);
-			e && m?.uri !== e.uri && (_(null), setTimeout(() => {
-				$(e);
-				let t = document.getElementById(`resource-${e.uri}`);
-				t && t.scrollIntoView({
-					behavior: "smooth",
-					block: "nearest"
-				});
-			}, 100));
-		}
-	}, [
-		g,
-		t,
-		m,
-		$,
-		_
-	]), (0, L.useEffect)(() => {
-		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, m]);
-	let ie = (0, L.useCallback)(async () => {
-		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);
-		}
-	}, [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);
-		}
-	}, [w]), oe = (0, L.useCallback)(async () => {
-		if (Y.current) try {
-			document.fullscreenElement ? await document.exitFullscreen() : await Y.current.requestFullscreen();
-		} catch (e) {
-			console.error("[ResourcesTab] Failed to toggle fullscreen:", e);
-		}
-	}, []);
-	return ee ? /* @__PURE__ */ (0, R.jsxs)("div", {
-		className: "h-full flex flex-col overflow-hidden relative bg-background",
-		children: [X !== "list" && /* @__PURE__ */ (0, R.jsxs)("div", {
-			className: "flex items-center gap-2 p-2 border-b shrink-0 bg-background z-10",
-			children: [/* @__PURE__ */ (0, R.jsx)(a, {
-				variant: "ghost",
-				size: "sm",
-				onClick: () => {
-					h(null), Z("list");
-				},
-				className: "p-0 h-8 w-8",
-				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", {
-					onClick: () => {
-						h(null), Z("list");
-					},
-					className: "text-muted-foreground hover:text-foreground hover:underline cursor-pointer",
-					children: "Resources"
-				}), X === "detail" && /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)("span", {
-					className: "mx-2 text-muted-foreground",
-					children: "/"
-				}), /* @__PURE__ */ (0, R.jsx)("span", {
-					className: "text-foreground",
-					children: "Content"
-				})] })]
-			})]
-		}), /* @__PURE__ */ (0, R.jsx)("div", {
-			className: "flex-1 relative overflow-hidden",
-			children: /* @__PURE__ */ (0, R.jsxs)(o, {
-				initial: !1,
-				mode: "popLayout",
-				children: [X === "list" && /* @__PURE__ */ (0, R.jsx)(n.div, {
-					initial: { x: "-100%" },
-					animate: { x: 0 },
-					exit: { x: "-100%" },
-					transition: {
-						type: "spring",
-						stiffness: 300,
-						damping: 30
-					},
-					className: "absolute inset-0 flex flex-col bg-background z-0",
-					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: y,
-						count: Q.length,
-						isSearchExpanded: B,
-						searchQuery: j,
-						searchPlaceholder: "Search resources...",
-						onSearchExpand: () => U(!0),
-						onSearchChange: M,
-						onSearchBlur: ne,
-						searchInputRef: J,
-						onRefresh: l ? re : void 0,
-						isRefreshing: u
-					}), /* @__PURE__ */ (0, R.jsx)(H, {
-						resources: Q,
-						selectedResource: m,
-						onResourceSelect: $,
-						focusedIndex: W
-					})] }) })
-				}, "list"), X === "detail" && /* @__PURE__ */ (0, R.jsx)(n.div, {
-					initial: { x: "100%" },
-					animate: { x: 0 },
-					exit: { x: "100%" },
-					transition: {
-						type: "spring",
-						stiffness: 300,
-						damping: 30
-					},
-					className: "absolute inset-0 bg-white dark:bg-zinc-900 z-10",
-					children: /* @__PURE__ */ (0, R.jsx)("div", {
-						ref: Y,
-						className: "h-full",
-						children: /* @__PURE__ */ (0, R.jsx)(V, {
-							result: w,
-							isLoading: k,
-							previewMode: I,
-							serverId: i,
-							readResource: r,
-							onTogglePreview: () => z(!I),
-							onCopy: ie,
-							onDownload: ae,
-							onFullscreen: oe,
-							isCopied: K,
-							selectedResource: m,
-							llmConfig: v
-						})
-					})
-				}, "detail")]
-			})
-		})]
-	}) : /* @__PURE__ */ (0, R.jsxs)(C, {
-		orientation: "horizontal",
-		className: "h-full",
-		children: [
-			/* @__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)(S, { children: (e) => /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)(T, {
-						isScrolled: e,
-						title: "Resources",
-						icon: y,
-						count: Q.length,
-						isSearchExpanded: B,
-						searchQuery: j,
-						searchPlaceholder: "Search resources...",
-						onSearchExpand: () => U(!0),
-						onSearchChange: M,
-						onSearchBlur: ne,
-						searchInputRef: J,
-						onRefresh: l ? re : void 0,
-						isRefreshing: u
-					}), /* @__PURE__ */ (0, R.jsx)(H, {
-						resources: Q,
-						selectedResource: m,
-						onResourceSelect: $,
-						focusedIndex: W
-					})] }) })
-				})
-			}),
-			/* @__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: w,
-						isLoading: k,
-						previewMode: I,
-						serverId: i,
-						readResource: r,
-						onTogglePreview: () => z(!I),
-						onCopy: ie,
-						onDownload: ae,
-						onFullscreen: oe,
-						isCopied: K,
-						selectedResource: m,
-						llmConfig: v
-					})
-				})
-			})
-		]
-	});
-}
-U.displayName = "ResourcesTab";
-//#endregion
-export { U as ResourcesTab };