@mcp-use/inspector 20.0.0-beta.4 → 20.0.0-beta.41

package/dist/cdn/ToolsTab-Dm4vCB8D.js

@@ -1,2033 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { Pr as n, Rr as r, a as i, cr as a, f as o, n as s, r as c, sr as l, t as u, ur as d } from "./input-C2OBd4PJ.js";
-import { t as f } from "./jsx-runtime-CIxvMpEo.js";
-import { t as p } from "./label-B9Jmm9be.js";
-import { t as m } from "./AnimatePresence-Dcw-FOy8.js";
-import { a as h, i as g, n as _, r as v, t as y } from "./select-DDdiIPR2.js";
-import { t as b } from "./createLucideIcon-C5fZZ6oB.js";
-import { A as x, _ as S, c as C, d as w, g as T, h as E, m as D, n as O, o as k, p as A, r as j, s as M, t as ee, v as N } from "./dialog-BsDpuJd3.js";
-import { n as P, r as F, t as I } from "./WidgetWrapper-DeiogRXV.js";
-import { a as L, i as R, t as z } from "./browser-CbQIH4w2.js";
-import { n as B, t as te } from "./zap-Mb-pbw2X.js";
-import { t as V } from "./code-V_0nf5rg.js";
-import { t as H } from "./JSONDisplay-BFxf5oEu.js";
-import { a as U, i as ne, n as W, o as re, r as G, s as ie } from "./shared-DaILIQPP.js";
-import { t as K } from "./history-Csw4rb44.js";
-import { t as ae } from "./maximize-BALCV_ep.js";
-import { n as oe, t as se } from "./save-Tgil_AJZ.js";
-import { n as ce, t as le } from "./useSavedRequests-Ci2I919u.js";
-import { t as q } from "./play-vuZ5PLnI.js";
-import { t as ue } from "./trash-2-RwpJY5SL.js";
-import { t as de } from "./wrench-DzGmCfnb.js";
-import { t as fe } from "./x-C3vRQIYu.js";
-import { t as J } from "./switch-C3IyQuid.js";
-import { t as pe } from "./not-found-DEtSM_Wd.js";
-import { _ as me, t as he, v as ge } from "./telemetry-BbhH1Z_E.js";
-import { c as _e, o as ve, r as ye } from "./react-0oJnFpBS.js";
-import { n as be } from "./dist-DaMB0Su9.js";
-import { t as Y } from "./spinner-jQtC7EBj.js";
-import { n as xe } from "./InspectorContext-UjtEbNod.js";
-import { t as Se } from "./textarea-DSbwcFVt.js";
-import { t as Ce } from "./useViewHostProps-ru80AnlT.js";
-import { t as we } from "./ListTabHeader-Cv-GmtGF.js";
-var Te = b("chevron-up", [["path", {
-	d: "m18 15-6-6-6 6",
-	key: "153udz"
-}]]), X = /* @__PURE__ */ e(t(), 1), Z = f();
-function Ee({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRequest: r, focusedIndex: a }) {
-	if (e.length === 0) return /* @__PURE__ */ (0, Z.jsxs)("div", {
-		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
-		children: [
-			/* @__PURE__ */ (0, Z.jsx)(F, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }),
-			/* @__PURE__ */ (0, Z.jsx)("p", {
-				className: "text-gray-500 dark:text-gray-400 mb-2",
-				children: "No saved requests yet"
-			}),
-			/* @__PURE__ */ (0, Z.jsx)("p", {
-				className: "text-xs text-gray-400 dark:text-gray-500",
-				children: "Execute a tool and click Save to store requests"
-			})
-		]
-	});
-	let o = (e, t) => {
-		e.stopPropagation(), t();
-	};
-	return /* @__PURE__ */ (0, Z.jsx)("div", { children: e.map((e, u) => /* @__PURE__ */ (0, Z.jsxs)("div", {
-		className: "relative group",
-		children: [/* @__PURE__ */ (0, Z.jsx)(G, {
-			id: `saved-${e.id}`,
-			isSelected: t?.id === e.id,
-			isFocused: a === u,
-			title: e.name,
-			description: e.toolName,
-			metadata: /* @__PURE__ */ (0, Z.jsx)("div", {
-				className: "flex flex-col gap-1",
-				children: /* @__PURE__ */ (0, Z.jsx)("span", {
-					className: "text-xs text-gray-400 dark:text-gray-500",
-					children: new Date(e.savedAt).toLocaleString()
-				})
-			}),
-			onClick: () => n(e)
-		}), /* @__PURE__ */ (0, Z.jsx)("div", {
-			className: "absolute top-1/2 right-2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity z-10",
-			children: /* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-				render: /* @__PURE__ */ (0, Z.jsx)(l, {
-					variant: "secondary",
-					size: "sm",
-					onClick: (t) => o(t, () => r(e.id)),
-					className: "h-8 w-8 p-0",
-					children: /* @__PURE__ */ (0, Z.jsx)(ue, { className: "h-4 w-4" })
-				}),
-				nativeButton: !0
-			}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Delete saved request" }) })] })
-		})]
-	}, e.id)) });
-}
-//#endregion
-//#region src/client/components/tools/SaveRequestDialog.tsx
-function De({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameChange: r, onSave: i, onCancel: a }) {
-	return e ? /* @__PURE__ */ (0, Z.jsx)("div", {
-		className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
-		onClick: a,
-		children: /* @__PURE__ */ (0, Z.jsxs)("div", {
-			className: "bg-white dark:bg-zinc-800 rounded-lg p-6 w-[400px] shadow-xl border border-gray-200 dark:border-zinc-700",
-			onClick: (e) => e.stopPropagation(),
-			children: [/* @__PURE__ */ (0, Z.jsx)("h3", {
-				className: "text-lg font-semibold mb-4 text-gray-900 dark:text-gray-100",
-				children: "Save Request"
-			}), /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)(p, {
-					htmlFor: "request-name",
-					children: "Request Name (optional)"
-				}), /* @__PURE__ */ (0, Z.jsx)(u, {
-					id: "request-name",
-					value: t,
-					onChange: (e) => r(e.target.value),
-					placeholder: n,
-					className: "mt-2",
-					onKeyDown: (e) => {
-						e.key === "Enter" && i();
-					},
-					autoFocus: !0
-				})] }), /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "flex justify-end gap-2",
-					children: [/* @__PURE__ */ (0, Z.jsx)(l, {
-						variant: "outline",
-						onClick: a,
-						children: "Cancel"
-					}), /* @__PURE__ */ (0, Z.jsxs)(l, {
-						onClick: i,
-						children: [/* @__PURE__ */ (0, Z.jsx)(se, { className: "h-4 w-4 mr-2" }), "Save"]
-					})]
-				})]
-			})]
-		})
-	}) : null;
-}
-//#endregion
-//#region src/client/components/tools/schema-utils.ts
-function Oe(e, t) {
-	if (!e?.$ref) return e;
-	let n = e.$ref;
-	if (!n.startsWith("#/")) return e;
-	let r = n.substring(2).split("/"), i = t;
-	for (let t of r) if (i && typeof i == "object" && t in i) i = i[t];
-	else return e;
-	return i;
-}
-function Q(e, t) {
-	if (e?.anyOf && Array.isArray(e.anyOf)) {
-		let n = e.anyOf.find((e) => Oe(e, t)?.type !== "null");
-		if (n) return {
-			...Oe(n, t),
-			nullable: !0
-		};
-	}
-	return e;
-}
-function $(e, t) {
-	let n = Q(e || {}, t);
-	return n = Oe(n, t), n;
-}
-function ke(e, t) {
-	let n = $(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 Ae(e) {
-	let t = e?.enum;
-	return Array.isArray(t) && t.every((e) => typeof e == "string") ? t : null;
-}
-function je(e) {
-	let t = e.trim().toLowerCase();
-	return [
-		"true",
-		"1",
-		"yes",
-		"on"
-	].includes(t) ? !0 : [
-		"false",
-		"0",
-		"no",
-		"off"
-	].includes(t) ? !1 : e;
-}
-function Me(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" ? je(e) : e;
-}
-function Ne(e, t) {
-	if (e === void 0) return e;
-	if (t === "object" || t === "array") {
-		if (typeof e == "string") try {
-			return JSON.parse(e);
-		} catch {
-			return e;
-		}
-		return e;
-	}
-	if (t === "number" || t === "integer") {
-		if (typeof e == "number") return e;
-		if (typeof e == "string") {
-			let t = e.trim();
-			if (!t) return e;
-			let n = Number(t);
-			return Number.isFinite(n) ? n : e;
-		}
-		return e;
-	}
-	return t === "boolean" ? typeof e == "boolean" ? e : typeof e == "string" ? je(e) : e : e;
-}
-function Pe(e) {
-	let t = "", n = 0, r = !1, i = !1;
-	for (; n < e.length;) {
-		let a = e[n];
-		if (i) {
-			t += a, i = !1, n++;
-			continue;
-		}
-		if (a === "\\") {
-			i = !0, t += a, n++;
-			continue;
-		}
-		if (a === "`") {
-			r ? (t += "\"", r = !1) : (t += "\"", r = !0), n++;
-			continue;
-		}
-		if (r && a === "\"") {
-			t += "\\\"", n++;
-			continue;
-		}
-		t += a, n++;
-	}
-	return t;
-}
-function Fe(e) {
-	if (!e || typeof e != "string") return null;
-	let t = e.trim();
-	if (!t.startsWith("{")) return null;
-	try {
-		let e = JSON.parse(t);
-		if (e && typeof e == "object" && !Array.isArray(e)) return e;
-	} catch {
-		try {
-			let e = Pe(t), n = JSON.parse(e);
-			if (n && typeof n == "object" && !Array.isArray(n)) return n;
-		} catch {
-			return null;
-		}
-	}
-	return null;
-}
-//#endregion
-//#region src/client/components/tools/ToolInputForm.tsx
-function Ie({ 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 || [], d = Object.keys(c).length > 0, f = async (e, t) => {
-		r && await r(e.clipboardData.getData("text"), t) && e.preventDefault();
-	};
-	return d ? /* @__PURE__ */ (0, Z.jsx)("div", {
-		className: "space-y-4",
-		children: Object.entries(c).map(([r, c]) => {
-			let d = $(c, e?.inputSchema || {}), m = Ae(d), b = d.type === "string" && m !== null, x = d, S = l.includes(r), C = t[r], w = "";
-			C != null && (w = typeof C == "string" ? C : typeof C == "object" && C ? JSON.stringify(C, null, 2) : String(C));
-			let T = x.type === "object" || x.type === "array", E = T ? x.type === "array" ? "array" : "object" : "string", D = a?.has(r) ?? !0, O = s && (x.type === "string" || T);
-			return T ? /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "flex items-start justify-between gap-2",
-					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ (0, Z.jsxs)(p, {
-							htmlFor: r,
-							className: "text-sm font-medium",
-							children: [r, S && /* @__PURE__ */ (0, Z.jsx)("span", {
-								className: "text-red-500 ml-1",
-								children: "*"
-							})]
-						}), x?.description && /* @__PURE__ */ (0, Z.jsx)("p", {
-							className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400",
-							children: x.description
-						})]
-					}), O && s && /* @__PURE__ */ (0, Z.jsxs)("div", {
-						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ (0, Z.jsx)("span", {
-							className: "text-xs text-muted-foreground whitespace-nowrap",
-							children: E === "array" ? "Send empty array explicitly" : "Send empty object explicitly"
-						}), /* @__PURE__ */ (0, Z.jsx)(J, {
-							checked: o?.has(r) ?? !1,
-							onCheckedChange: (e) => s(r, E, e),
-							"aria-label": E === "array" ? "Send empty array" : "Send empty object",
-							title: E === "array" ? "Send empty array []" : "Send empty object {}"
-						})]
-					})]
-				}), /* @__PURE__ */ (0, Z.jsx)(Se, {
-					id: r,
-					"data-testid": `tool-param-${r}`,
-					value: w,
-					onChange: (e) => n(r, e.target.value),
-					onPaste: (e) => f(e, r),
-					placeholder: `Enter ${r}`,
-					disabled: o?.has(r) ?? !1,
-					className: `min-h-[100px] ${D ? "" : "opacity-70"} ${i?.has(r) ? "animate-pulse ring-2 ring-green-500 dark:ring-green-400" : ""}`
-				})]
-			}, r) : b && m ? /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsxs)(p, {
-					htmlFor: r,
-					className: "text-sm font-medium",
-					children: [r, S && /* @__PURE__ */ (0, Z.jsx)("span", {
-						className: "text-red-500 ml-1",
-						children: "*"
-					})]
-				}), x.description && /* @__PURE__ */ (0, Z.jsx)("p", {
-					className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400",
-					children: x.description
-				})] }), /* @__PURE__ */ (0, Z.jsxs)(y, {
-					value: String(t[r] || ""),
-					onValueChange: (e) => n(r, e),
-					children: [/* @__PURE__ */ (0, Z.jsx)(g, {
-						id: r,
-						className: `w-full ${D ? "" : "opacity-70"}`,
-						"data-testid": `tool-param-${r}`,
-						children: /* @__PURE__ */ (0, Z.jsx)(h, { placeholder: "Select an option" })
-					}), /* @__PURE__ */ (0, Z.jsx)(_, { children: m.map((e, t) => /* @__PURE__ */ (0, Z.jsx)(v, {
-						value: e,
-						children: x.enumNames?.[t] || e
-					}, e)) })]
-				})]
-			}, r) : /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "flex items-start justify-between gap-2",
-					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ (0, Z.jsxs)(p, {
-							htmlFor: r,
-							className: "text-sm font-medium",
-							children: [r, S && /* @__PURE__ */ (0, Z.jsx)("span", {
-								className: "text-red-500 ml-1",
-								children: "*"
-							})]
-						}), x?.description && /* @__PURE__ */ (0, Z.jsx)("p", {
-							className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400",
-							children: x.description
-						})]
-					}), O && s && /* @__PURE__ */ (0, Z.jsxs)("div", {
-						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ (0, Z.jsx)("span", {
-							className: "text-xs text-muted-foreground whitespace-nowrap",
-							children: "Send empty string"
-						}), /* @__PURE__ */ (0, Z.jsx)(J, {
-							checked: o?.has(r) ?? !1,
-							onCheckedChange: (e) => s(r, "string", e),
-							"aria-label": "Send empty string",
-							title: "Send empty string"
-						})]
-					})]
-				}), /* @__PURE__ */ (0, Z.jsx)(u, {
-					id: r,
-					"data-testid": `tool-param-${r}`,
-					value: w,
-					onChange: (e) => n(r, e.target.value),
-					onPaste: (e) => f(e, r),
-					placeholder: `Enter ${r}`,
-					disabled: o?.has(r) ?? !1,
-					className: `${D ? "" : "opacity-70"} ${i?.has(r) ? "animate-pulse ring-2 ring-green-500 dark:ring-green-400" : ""}`
-				})]
-			}, r);
-		})
-	}) : /* @__PURE__ */ (0, Z.jsx)("div", {
-		className: "flex items-center justify-center h-32 text-gray-500 dark:text-gray-400 text-sm",
-		children: "No parameters required"
-	});
-}
-//#endregion
-//#region src/client/components/tools/ToolExecutionPanel.tsx
-function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: o, isConnected: u, onArgChange: f, onExecute: p, onSave: m, onCancel: h, onBulkPaste: g, autoFilledFields: _, setFields: v, sendEmptyFields: y, onToggleEmpty: b }) {
-	let S = "hidden @[700px]/tool-exec:inline", w = "hidden @[700px]/tool-exec:inline shrink-0 text-[10px] leading-none border border-current/30 p-1 rounded-full", T = "max-[699px]/tool-exec:size-8 max-[699px]/tool-exec:min-w-8 max-[699px]/tool-exec:shrink-0 max-[699px]/tool-exec:gap-0 max-[699px]/tool-exec:rounded-full max-[699px]/tool-exec:px-0 max-[699px]/tool-exec:py-0", E = "max-[699px]/tool-exec:!pr-0", [D, A] = (0, X.useState)(!1), [N, P] = (0, X.useState)(!1), [F, I] = (0, X.useState)(!1), [B, te] = (0, X.useState)(!1), [U, ne] = (0, X.useState)(!1), W = (0, X.useRef)(null);
-	return (0, X.useEffect)(() => {
-		if (W.current && e?.description) {
-			let e = W.current, t = parseFloat(getComputedStyle(e).lineHeight), n = e.scrollHeight;
-			ne(Math.round(n / t) > 3), te(!1);
-		}
-	}, [e?.description]), (0, X.useEffect)(() => {
-		let t = (t) => {
-			(t.metaKey || t.ctrlKey) && t.key === "Enter" && e && !o && u && (t.preventDefault(), p()), t.key === "Escape" && o && h && (t.preventDefault(), h());
-		};
-		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-	}, [
-		e,
-		o,
-		u,
-		p,
-		h
-	]), e ? /* @__PURE__ */ (0, Z.jsxs)("div", {
-		className: "flex flex-col h-full @container/tool-exec",
-		children: [
-			/* @__PURE__ */ (0, Z.jsx)("div", {
-				className: "shrink-0 p-3 sm:p-5 pt-3 sm:pt-4 pb-2 sm:pb-2 sm:pr-4",
-				children: /* @__PURE__ */ (0, Z.jsx)("div", { children: /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "flex flex-row items-center justify-between mb-0 gap-2",
-					children: [/* @__PURE__ */ (0, Z.jsx)("h3", {
-						className: "text-base sm:text-lg font-semibold",
-						"data-testid": "tool-execution-title",
-						children: e.name
-					}), /* @__PURE__ */ (0, Z.jsxs)("div", {
-						className: "flex gap-2 shrink-0",
-						children: [
-							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
-									"data-testid": "tool-execution-metadata-button",
-									variant: N ? "default" : "outline",
-									onClick: () => P(!N),
-									disabled: o,
-									size: "sm",
-									className: r(d, T),
-									title: "View tool metadata",
-									children: [/* @__PURE__ */ (0, Z.jsx)(V, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
-										className: S,
-										children: "Metadata"
-									})]
-								}),
-								nativeButton: !0
-							}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "View tool definition metadata" }) })] }),
-							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
-									"data-testid": "tool-execution-copy-payload-button",
-									variant: "outline",
-									onClick: async () => {
-										if (e) try {
-											await z(JSON.stringify(n ?? t, null, 2)), I(!0), setTimeout(() => I(!1), 2e3);
-										} catch {}
-									},
-									disabled: o,
-									size: "sm",
-									className: r(d, T),
-									title: "Copy payload as JSON",
-									children: [F ? /* @__PURE__ */ (0, Z.jsx)(L, { className: "text-green-600" }) : /* @__PURE__ */ (0, Z.jsx)(R, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
-										className: S,
-										children: F ? "Copied!" : "Payload"
-									})]
-								}),
-								nativeButton: !0
-							}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Copy payload as JSON" }) })] }),
-							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
-									"data-testid": "tool-execution-save-button",
-									variant: "outline",
-									onClick: m,
-									disabled: o,
-									size: "sm",
-									className: r(d, T),
-									title: "Save request",
-									children: [/* @__PURE__ */ (0, Z.jsx)(se, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
-										className: S,
-										children: "Save"
-									})]
-								}),
-								nativeButton: !0
-							}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Save request" }) })] }),
-							o && h ? /* @__PURE__ */ (0, Z.jsxs)(s, {
-								open: D ? void 0 : !1,
-								children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-									render: /* @__PURE__ */ (0, Z.jsx)("div", {
-										onMouseEnter: () => A(!0),
-										onMouseLeave: () => A(!1),
-										className: "relative",
-										children: /* @__PURE__ */ (0, Z.jsx)(l, {
-											"data-testid": "tool-execution-cancel-button",
-											onClick: h,
-											variant: D ? "destructive" : "default",
-											size: "sm",
-											className: r(a, T, E, "transition-all"),
-											children: D ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
-												/* @__PURE__ */ (0, Z.jsx)(fe, {}),
-												/* @__PURE__ */ (0, Z.jsx)("span", {
-													className: S,
-													children: "Cancel"
-												}),
-												/* @__PURE__ */ (0, Z.jsx)("span", {
-													className: w,
-													children: "Esc"
-												})
-											] }) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(Y, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
-												className: S,
-												children: "Executing..."
-											})] })
-										})
-									}),
-									nativeButton: !1
-								}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Hover to cancel (or press Esc)" }) })]
-							}) : /* @__PURE__ */ (0, Z.jsx)(l, {
-								"data-testid": "tool-execution-execute-button",
-								onClick: p,
-								disabled: o || !u,
-								size: "sm",
-								className: r(a, T, E),
-								children: o ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(Y, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
-									className: S,
-									children: "Executing..."
-								})] }) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
-									/* @__PURE__ */ (0, Z.jsx)(q, {}),
-									/* @__PURE__ */ (0, Z.jsx)("span", {
-										className: S,
-										children: "Execute"
-									}),
-									/* @__PURE__ */ (0, Z.jsx)("span", {
-										className: w,
-										children: "⌘↵"
-									})
-								] })
-							})
-						]
-					})]
-				}) })
-			}),
-			/* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "flex-1 overflow-y-auto px-3 sm:px-5 pb-4 pr-3",
-				children: [e.description && /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "relative mb-6",
-					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-						className: "relative",
-						children: [/* @__PURE__ */ (0, Z.jsx)("p", {
-							ref: W,
-							"data-testid": "tool-execution-description",
-							className: `text-sm text-gray-600 dark:text-gray-400 leading-relaxed transition-all duration-300 ${!B && U ? "line-clamp-3" : ""}`,
-							children: e.description
-						}), U && !B && /* @__PURE__ */ (0, Z.jsx)("div", { className: "absolute bottom-0 left-0 right-0 h-[1.4em] bg-linear-to-t from-white/95 dark:from-black/95 via-white/55 dark:via-black/55 to-transparent pointer-events-none" })]
-					}), U && /* @__PURE__ */ (0, Z.jsx)("div", {
-						className: "flex justify-end",
-						children: /* @__PURE__ */ (0, Z.jsx)("button", {
-							onClick: () => te(!B),
-							className: "relative z-10 inline-flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 mt-1 transition-colors",
-							children: B ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: ["Show less", /* @__PURE__ */ (0, Z.jsx)(Te, { className: "h-3 w-3" })] }) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: ["Show more", /* @__PURE__ */ (0, Z.jsx)(x, { className: "h-3 w-3" })] })
-						})
-					})]
-				}), /* @__PURE__ */ (0, Z.jsx)(Ie, {
-					selectedTool: e,
-					toolArgs: t,
-					onArgChange: f,
-					onBulkPaste: g,
-					autoFilledFields: _,
-					setFields: v,
-					sendEmptyFields: y,
-					onToggleEmpty: b
-				})]
-			}),
-			/* @__PURE__ */ (0, Z.jsx)(ee, {
-				open: N,
-				onOpenChange: P,
-				children: /* @__PURE__ */ (0, Z.jsxs)(j, {
-					scrollable: !0,
-					className: "max-w-3xl max-h-[80vh]",
-					children: [/* @__PURE__ */ (0, Z.jsx)(k, {
-						sticky: !0,
-						children: /* @__PURE__ */ (0, Z.jsx)(C, { children: "Tool Definition" })
-					}), /* @__PURE__ */ (0, Z.jsx)(O, { children: /* @__PURE__ */ (0, Z.jsx)(M, {
-						onCopy: async () => {
-							e && await z(JSON.stringify(e, null, 2));
-						},
-						children: /* @__PURE__ */ (0, Z.jsx)(H, {
-							data: e,
-							filename: `tool-definition-${e.name}-${Date.now()}.json`
-						})
-					}) })]
-				})
-			})
-		]
-	}) : /* @__PURE__ */ (0, Z.jsxs)("div", {
-		className: "flex flex-col items-center justify-center h-full p-4 text-center",
-		children: [/* @__PURE__ */ (0, Z.jsx)("p", {
-			className: "text-gray-500 dark:text-gray-400 mb-2",
-			children: "Select a tool to get started"
-		}), /* @__PURE__ */ (0, Z.jsx)("p", {
-			className: "text-xs text-gray-400 dark:text-gray-500",
-			children: "Choose a tool from the list to view its details and execute it"
-		})]
-	});
-}
-//#endregion
-//#region src/client/components/tools/ToolResultDisplay.tsx
-function Re({ timestamp: e }) {
-	let [t, n] = (0, X.useState)(() => ze(e));
-	return (0, X.useEffect)(() => {
-		let t = () => n(ze(e));
-		t();
-		let r = setInterval(t, 1e3);
-		return () => clearInterval(r);
-	}, [e]), /* @__PURE__ */ (0, Z.jsx)("span", { children: t });
-}
-function ze(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 Be(e) {
-	if (!e?.isError) return null;
-	let t = e.content;
-	if (Array.isArray(t)) {
-		let e = t.filter((e) => e.type === "text").map((e) => e.text).filter(Boolean);
-		if (e.length > 0) return e.join("\n");
-	}
-	return "An error occurred";
-}
-function Ve(e) {
-	try {
-		return JSON.parse(e), !0;
-	} catch {
-		return !1;
-	}
-}
-function He({ content: e }) {
-	let [t, n] = (0, X.useState)(/* @__PURE__ */ new Set()), r = (0, X.useCallback)((e) => {
-		n((t) => {
-			let n = new Set(t);
-			return n.has(e) ? n.delete(e) : n.add(e), n;
-		});
-	}, []);
-	return !Array.isArray(e) || e.length === 0 ? /* @__PURE__ */ (0, Z.jsx)("div", {
-		className: "text-sm text-gray-500 dark:text-gray-400",
-		children: "No content"
-	}) : /* @__PURE__ */ (0, Z.jsx)("div", {
-		className: "space-y-4",
-		children: e.map((e, n) => {
-			if (e.type === "text") {
-				let i = e.text || "", a = t.has(n), o = Ve(i), s = o ? (() => {
-					try {
-						return JSON.parse(i);
-					} catch {
-						return null;
-					}
-				})() : null;
-				return /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-							children: ["Text Content", a ? " (formatted)" : ""]
-						}), o && /* @__PURE__ */ (0, Z.jsx)("button", {
-							type: "button",
-							onClick: () => r(n),
-							className: "text-xs text-blue-600 dark:text-blue-400 hover:underline",
-							"data-testid": `tool-result-format-toggle-${n}`,
-							children: a ? "Show as text" : "Try to format"
-						})]
-					}), a && s !== null ? /* @__PURE__ */ (0, Z.jsx)(H, {
-						data: s,
-						filename: `content-${n}.json`
-					}) : /* @__PURE__ */ (0, Z.jsx)("div", {
-						className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 font-mono text-sm whitespace-pre-wrap break-words",
-						"data-testid": "tool-execution-results-text-content",
-						children: i
-					})]
-				}, n);
-			}
-			if (e.type === "image") return /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-					children: "Image Content"
-				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3",
-					children: [/* @__PURE__ */ (0, Z.jsx)("img", {
-						src: `data:${e.mimeType || "image/png"};base64,${e.data}`,
-						alt: "Result",
-						className: "max-w-full rounded",
-						"data-testid": "tool-execution-results-image-content"
-					}), e.annotations && /* @__PURE__ */ (0, Z.jsx)("div", {
-						className: "mt-2 text-xs text-gray-500 dark:text-gray-400",
-						children: /* @__PURE__ */ (0, Z.jsx)(H, {
-							data: e.annotations,
-							filename: `image-annotations-${n}.json`,
-							"data-testid": "tool-execution-results-image-annotations"
-						})
-					})]
-				})]
-			}, n);
-			if (e.type === "audio") return /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-					children: "Audio Content"
-				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3",
-					children: [/* @__PURE__ */ (0, Z.jsx)("audio", {
-						controls: !0,
-						src: `data:${e.mimeType || "audio/wav"};base64,${e.data}`,
-						className: "w-full",
-						"data-testid": "tool-execution-results-audio-content"
-					}), e.annotations && /* @__PURE__ */ (0, Z.jsx)("div", {
-						className: "mt-2 text-xs text-gray-500 dark:text-gray-400",
-						children: /* @__PURE__ */ (0, Z.jsx)(H, {
-							data: e.annotations,
-							filename: `audio-annotations-${n}.json`,
-							"data-testid": "tool-execution-results-audio-annotations"
-						})
-					})]
-				})]
-			}, n);
-			if (e.type === "resource_link") return /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-					children: "Resource Link"
-				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 space-y-2",
-					children: [
-						/* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "font-mono text-sm break-all",
-							children: [
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-gray-600 dark:text-gray-400",
-									children: "URI:"
-								}),
-								" ",
-								e.uri
-							]
-						}),
-						e.name && /* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "text-sm",
-							children: [
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-gray-600 dark:text-gray-400",
-									children: "Name:"
-								}),
-								" ",
-								e.name
-							]
-						}),
-						e.description && /* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "text-sm",
-							children: [
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-gray-600 dark:text-gray-400",
-									children: "Description:"
-								}),
-								" ",
-								e.description
-							]
-						}),
-						e.mimeType && /* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "text-sm",
-							children: [
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-gray-600 dark:text-gray-400",
-									children: "MIME Type:"
-								}),
-								" ",
-								e.mimeType
-							]
-						}),
-						e.annotations && /* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "mt-2",
-							children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-								className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
-								children: "Annotations:"
-							}), /* @__PURE__ */ (0, Z.jsx)(H, {
-								data: e.annotations,
-								filename: `resource-link-annotations-${n}.json`,
-								"data-testid": "tool-execution-results-resource-link-annotations"
-							})]
-						})
-					]
-				})]
-			}, n);
-			if (e.type === "resource") {
-				let t = e.resource || {};
-				return /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-						className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-						children: "Embedded Resource"
-					}), /* @__PURE__ */ (0, Z.jsxs)("div", {
-						className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 space-y-2",
-						children: [
-							/* @__PURE__ */ (0, Z.jsxs)("div", {
-								className: "font-mono text-sm break-all",
-								"data-testid": "tool-execution-results-resource-uri",
-								children: [
-									/* @__PURE__ */ (0, Z.jsx)("span", {
-										className: "text-gray-600 dark:text-gray-400",
-										children: "URI:"
-									}),
-									" ",
-									t.uri
-								]
-							}),
-							t.mimeType && /* @__PURE__ */ (0, Z.jsxs)("div", {
-								className: "text-sm",
-								children: [
-									/* @__PURE__ */ (0, Z.jsx)("span", {
-										className: "text-gray-600 dark:text-gray-400",
-										"data-testid": "tool-execution-results-mime-type",
-										children: "MIME Type:"
-									}),
-									" ",
-									t.mimeType
-								]
-							}),
-							t.text && /* @__PURE__ */ (0, Z.jsxs)("div", {
-								"data-testid": "tool-execution-results-resource-text-content",
-								children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-									className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
-									children: "Content:"
-								}), /* @__PURE__ */ (0, Z.jsx)("div", {
-									className: "bg-white dark:bg-black rounded p-2 font-mono text-sm whitespace-pre-wrap break-words max-h-60 overflow-y-auto",
-									children: t.text
-								})]
-							}),
-							t.blob && /* @__PURE__ */ (0, Z.jsxs)("div", {
-								className: "text-sm text-gray-600 dark:text-gray-400",
-								children: [
-									"[Binary content: ",
-									t.blob.length || 0,
-									" bytes]"
-								]
-							}),
-							t.annotations && /* @__PURE__ */ (0, Z.jsxs)("div", {
-								className: "mt-2",
-								children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-									className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
-									children: "Annotations:"
-								}), /* @__PURE__ */ (0, Z.jsx)(H, {
-									data: t.annotations,
-									filename: `resource-annotations-${n}.json`,
-									"data-testid": "tool-execution-results-resource-annotations"
-								})]
-							})
-						]
-					})]
-				}, n);
-			}
-			return /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-					children: ["Unknown Content Type: ", e.type || "N/A"]
-				}), /* @__PURE__ */ (0, Z.jsx)(H, {
-					data: e,
-					filename: `content-${n}.json`,
-					"data-testid": "tool-execution-results-unknown-content"
-				})]
-			}, n);
-		})
-	});
-}
-function Ue({ serverId: e, viewId: t, toolName: n, resourceUri: r, toolInput: i, toolOutput: a, toolMetadata: o, readResource: s, customProps: c, displayMode: l, onDisplayModeChange: u, onSendFollowUp: d }) {
-	let f = Ce({
-		serverId: e,
-		viewId: t,
-		resourceUri: r,
-		toolName: n,
-		toolInput: i,
-		toolOutput: a,
-		toolMetadata: o,
-		readResource: s,
-		displayMode: l,
-		onDisplayModeChange: u
-	});
-	if (!f) return /* @__PURE__ */ (0, Z.jsx)(I, {
-		className: "w-full h-full min-h-[240px]",
-		children: /* @__PURE__ */ (0, Z.jsx)(Y, { className: "size-5" })
-	});
-	let p = l === "inline" ? "w-full h-full flex items-center justify-center relative p-4 min-h-0" : "w-full h-full relative p-4", m = c ? JSON.stringify(c) : "no-custom-props";
-	return /* @__PURE__ */ (0, Z.jsx)(I, {
-		className: "w-full h-full min-h-[240px]",
-		children: /* @__PURE__ */ (0, Z.jsx)(ye, {
-			viewId: t,
-			toolName: n,
-			toolInput: i,
-			toolOutput: a,
-			customProps: c,
-			className: p,
-			onMessage: (e) => {
-				e.length > 0 && d && d(e);
-			},
-			...f
-		}, m)
-	});
-}
-function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy: i, onMaximize: a, isMaximized: o = !1, onRerunTool: s }) {
-	let [c, u] = (0, X.useState)(0), [d, f] = (0, X.useState)(!0), [p, m] = (0, X.useState)(null), [h, b] = (0, X.useState)("inline"), [x, S] = (0, X.useState)(null), C = (0, X.useRef)(!1), w = e[0], T = w ? e.filter((e) => e.toolName === w.toolName) : [], E = T[c] || T[0], D = e.findIndex((e) => e === E), O = (E ? E.error || Be(E.result) : null) ?? (E == null ? "" : JSON.stringify(E.result, null, 2));
-	(0, X.useEffect)(() => {
-		T.length > 0 && c >= T.length && u(0);
-	}, [T.length, c]), (0, X.useEffect)(() => {
-		C.current = !1, m(null);
-	}, [w?.toolName]);
-	let k = (0, X.useMemo)(() => E?.args, [E?.timestamp, c]), A = (0, X.useMemo)(() => E?.result, [
-		E?.timestamp,
-		E?.duration,
-		c
-	]), j = (0, X.useCallback)((e) => r(e), [r]), M = (0, X.useCallback)((e) => {
-		let t = e.filter((e) => e.type === "text" && "text" in e).map((e) => e.text).join("\n"), n = e.filter((e) => e.type === "image").length, r = e.filter((e) => e.type === "resource").length, i = [n > 0 && `${n} image${n > 1 ? "s" : ""}`, r > 0 && `${r} resource${r > 1 ? "s" : ""}`].filter(Boolean).join(", ");
-		be.info("Widget follow-up", {
-			description: [t, i].filter(Boolean).join(" — "),
-			duration: 5e3
-		});
-	}, []), ee = (0, X.useMemo)(() => E && _e(E.toolMeta) ? "mcp-apps" : null, [E]), N = (0, X.useMemo)(() => E?.toolMeta ? ve(E.toolMeta) : null, [E?.toolMeta]), F = (0, X.useMemo)(() => ee === "mcp-apps" && !!N, [ee, N]), I = (0, X.useMemo)(() => E?.result?.content || [], [E]), z = (0, X.useMemo)(() => N || null, [N]), B = (0, X.useMemo)(() => !!(I && I.length > 0 || E?.result?.structuredContent), [I, E]), V = (0, X.useMemo)(() => !F && B, [F, B]), U = (0, X.useMemo)(() => {
-		let e = [];
-		return F && N && e.push({
-			mode: "mcp-apps",
-			label: "Component (MCP Apps)"
-		}), e.push({
-			mode: "json",
-			label: "Raw JSON"
-		}), e;
-	}, [F, N]);
-	return (0, X.useEffect)(() => {
-		if (U.length === 0) return;
-		let e = p && U.some((e) => e.mode === p), t = U.find((e) => e.mode !== "json");
-		if (t) {
-			let n = C.current;
-			if (C.current = !0, !p || !e || p === "json" && !n) {
-				m(t.mode);
-				return;
-			}
-		} else (!p || !e) && m("json");
-	}, [U, p]), e.length === 0 ? /* @__PURE__ */ (0, Z.jsx)("div", {
-		className: "flex flex-col h-full bg-white dark:bg-black border-t dark:border-zinc-700",
-		children: /* @__PURE__ */ (0, Z.jsx)("div", {
-			className: "flex-1 overflow-y-auto h-full",
-			children: /* @__PURE__ */ (0, Z.jsx)("div", {
-				className: "flex items-center justify-center h-full",
-				children: /* @__PURE__ */ (0, Z.jsx)("div", {
-					className: "text-center",
-					children: /* @__PURE__ */ (0, Z.jsx)(pe, {
-						vertical: !0,
-						noBorder: !0,
-						message: "No Results yet"
-					})
-				})
-			})
-		})
-	}) : /* @__PURE__ */ (0, Z.jsxs)("div", {
-		className: "relative flex flex-col h-full bg-white dark:bg-black border-t dark:border-zinc-700",
-		children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-			className: "flex-1 overflow-y-auto h-full",
-			children: /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "space-y-0 flex flex-col flex-1 h-full",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: `sticky top-0 z-40 flex items-center gap-2 px-4 pt-2 backdrop-blur-xs bg-white/50 dark:bg-black/50 ${F || V ? "border-b border-gray-200 dark:border-zinc-600 pb-2" : ""}`,
-					children: [
-						/* @__PURE__ */ (0, Z.jsx)("h3", {
-							className: "text-sm font-medium hidden sm:block",
-							children: "Response"
-						}),
-						E.duration !== void 0 && /* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "hidden sm:flex items-center gap-1",
-							children: [/* @__PURE__ */ (0, Z.jsx)(te, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ (0, Z.jsxs)("span", {
-								className: "text-xs text-gray-500 dark:text-gray-400",
-								children: [E.duration, "ms"]
-							})]
-						}),
-						F && /* @__PURE__ */ (0, Z.jsx)("div", {
-							className: "flex items-center gap-4 sm:ml-4",
-							children: /* @__PURE__ */ (0, Z.jsx)("div", {
-								className: "flex items-center gap-2",
-								children: U.map((e, t) => /* @__PURE__ */ (0, Z.jsxs)(X.Fragment, { children: [t > 0 && /* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-xs text-zinc-400",
-									children: "|"
-								}), /* @__PURE__ */ (0, Z.jsx)("button", {
-									"data-testid": `tool-result-view-${e.mode}`,
-									onClick: () => m(e.mode),
-									className: `text-xs font-medium ${p === e.mode ? "text-black dark:text-white" : "text-zinc-500 dark:text-zinc-400"}`,
-									children: e.label
-								})] }, e.mode))
-							})
-						}),
-						V && /* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "flex items-center gap-2 sm:ml-4",
-							children: [
-								/* @__PURE__ */ (0, Z.jsx)("button", {
-									onClick: () => f(!0),
-									className: `text-xs font-medium ${d ? "text-black dark:text-white" : "text-zinc-500 dark:text-zinc-400"}`,
-									children: "Formatted"
-								}),
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-xs text-zinc-400",
-									children: "|"
-								}),
-								/* @__PURE__ */ (0, Z.jsx)("button", {
-									onClick: () => f(!1),
-									className: `text-xs font-medium ${d ? "text-zinc-500 dark:text-zinc-400" : "text-black dark:text-white"}`,
-									children: "Raw"
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, Z.jsxs)("div", {
-							className: "ml-auto flex items-center gap-1",
-							children: [
-								o && s && /* @__PURE__ */ (0, Z.jsxs)(l, {
-									"data-testid": "tool-result-rerun",
-									variant: "ghost",
-									size: "sm",
-									onClick: s,
-									title: "Re-run with same arguments",
-									children: [/* @__PURE__ */ (0, Z.jsx)(q, { className: "h-4 w-4" }), /* @__PURE__ */ (0, Z.jsx)("span", {
-										className: "hidden sm:inline ml-1",
-										children: "Re-run"
-									})]
-								}),
-								F && a && /* @__PURE__ */ (0, Z.jsx)(l, {
-									"data-testid": "tool-result-maximize",
-									variant: "ghost",
-									size: "sm",
-									onClick: a,
-									title: o ? "Restore" : "Maximize",
-									children: o ? /* @__PURE__ */ (0, Z.jsx)(oe, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, Z.jsx)(ae, { className: "h-4 w-4" })
-								}),
-								T.length > 1 && /* @__PURE__ */ (0, Z.jsxs)(y, {
-									value: c.toString(),
-									onValueChange: (e) => u(parseInt(e)),
-									children: [/* @__PURE__ */ (0, Z.jsx)(g, {
-										className: "w-[140px] h-8 text-xs",
-										leading: /* @__PURE__ */ (0, Z.jsxs)("div", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ (0, Z.jsx)(K, { className: "h-3 w-3" }), /* @__PURE__ */ (0, Z.jsx)(Re, { timestamp: E.timestamp })]
-										})
-									}), /* @__PURE__ */ (0, Z.jsx)(_, { children: T.map((e, t) => /* @__PURE__ */ (0, Z.jsx)(v, {
-										value: t.toString(),
-										children: /* @__PURE__ */ (0, Z.jsxs)("div", {
-											className: "flex items-center gap-2",
-											children: [
-												/* @__PURE__ */ (0, Z.jsx)(K, { className: "h-3 w-3" }),
-												/* @__PURE__ */ (0, Z.jsx)("span", { children: ze(e.timestamp) }),
-												/* @__PURE__ */ (0, Z.jsxs)("span", {
-													className: "text-xs text-muted-foreground",
-													children: [
-														"(",
-														new Date(e.timestamp).toLocaleTimeString(),
-														")"
-													]
-												})
-											]
-										})
-									}, t)) })]
-								}),
-								/* @__PURE__ */ (0, Z.jsx)(l, {
-									"data-testid": `tool-result-copy-${D}`,
-									variant: "ghost",
-									size: "sm",
-									onClick: () => i(D, O),
-									children: t === D ? /* @__PURE__ */ (0, Z.jsx)(L, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, Z.jsx)(R, { className: "h-4 w-4" })
-								})
-							]
-						})
-					]
-				}), (() => {
-					let e = E.error || Be(E.result);
-					return e ? /* @__PURE__ */ (0, Z.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, Z.jsx)("p", {
-							className: "text-red-800 dark:text-red-300 font-medium",
-							children: "Error:"
-						}), /* @__PURE__ */ (0, Z.jsx)("p", {
-							className: "text-red-700 dark:text-red-400 text-sm",
-							children: e
-						})]
-					}) : (() => {
-						if (!p) return /* @__PURE__ */ (0, Z.jsx)("div", {
-							className: "flex items-center justify-center w-full h-[200px]",
-							children: /* @__PURE__ */ (0, Z.jsx)(Y, { className: "size-5" })
-						});
-						switch (p) {
-							case "mcp-apps": return !F || !N ? /* @__PURE__ */ (0, Z.jsx)("div", {
-								className: "px-4 pt-4",
-								children: /* @__PURE__ */ (0, Z.jsx)("div", {
-									className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3",
-									children: /* @__PURE__ */ (0, Z.jsx)("p", {
-										className: "text-sm text-red-600 dark:text-red-400",
-										children: "MCP Apps resource not available"
-									})
-								})
-							}) : /* @__PURE__ */ (0, Z.jsxs)("div", {
-								className: "flex flex-1 relative flex-col min-h-0",
-								children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-									className: "absolute top-2 right-2 z-30 flex items-center gap-2",
-									children: /* @__PURE__ */ (0, Z.jsx)(P, {
-										toolCallId: `tool-${E.timestamp}`,
-										displayMode: h,
-										onDisplayModeChange: b,
-										propsContext: "tool",
-										resourceUri: N,
-										toolInput: E.args,
-										resourceAnnotations: E.toolMeta,
-										llmConfig: null,
-										resource: null,
-										onPropsChange: S
-									})
-								}), /* @__PURE__ */ (0, Z.jsx)(Ue, {
-									serverId: n,
-									viewId: `tool-${E.timestamp}`,
-									toolName: E.toolName,
-									toolInput: k,
-									toolOutput: A,
-									toolMetadata: E.toolMeta,
-									resourceUri: N,
-									readResource: j,
-									customProps: x || void 0,
-									displayMode: h,
-									onDisplayModeChange: b,
-									onSendFollowUp: M
-								}, `mcp-apps-${E.timestamp}`)]
-							});
-							case "json":
-								if (V && d) {
-									let e = E.result?.structuredContent;
-									return /* @__PURE__ */ (0, Z.jsxs)("div", {
-										className: "px-4 pt-4 space-y-4",
-										"data-testid": "tool-execution-results-content",
-										children: [
-											e && /* @__PURE__ */ (0, Z.jsxs)("div", {
-												className: "space-y-2",
-												"data-testid": "tool-execution-results-structured-content",
-												children: [/* @__PURE__ */ (0, Z.jsx)("div", {
-													className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-													children: "Structured Content"
-												}), /* @__PURE__ */ (0, Z.jsx)(H, {
-													data: e,
-													filename: `structured-content-${E.toolName}-${Date.now()}.json`
-												})]
-											}),
-											I && I.length > 0 && /* @__PURE__ */ (0, Z.jsx)(He, { content: I }),
-											!e && (!I || I.length === 0) && /* @__PURE__ */ (0, Z.jsx)("div", {
-												className: "text-sm text-gray-500 dark:text-gray-400",
-												"data-testid": "tool-execution-results-no-content",
-												children: "No content to display"
-											})
-										]
-									});
-								}
-								return /* @__PURE__ */ (0, Z.jsx)("div", {
-									className: "px-4 pt-4",
-									children: /* @__PURE__ */ (0, Z.jsx)(H, {
-										data: E.result,
-										filename: `tool-result-${E.toolName}-${Date.now()}.json`
-									})
-								});
-							default: return null;
-						}
-					})();
-				})()]
-			})
-		}), z && p === "mcp-apps" && /* @__PURE__ */ (0, Z.jsx)("div", {
-			className: "absolute bottom-0 left-1/2 -translate-x-1/2 z-40 pointer-events-none",
-			children: /* @__PURE__ */ (0, Z.jsx)("span", {
-				className: "text-[11px] bg-gray-200 dark:bg-zinc-800 text-gray-500 dark:text-gray-400 px-3 py-0.5 rounded-t-xl font-mono max-w-[320px] truncate block",
-				children: z
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/client/components/tools/ToolsList.tsx
-function Ge({ tools: e, selectedTool: t, onToolSelect: r, focusedIndex: a }) {
-	if (e.length === 0) return /* @__PURE__ */ (0, Z.jsxs)("div", {
-		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
-		children: [/* @__PURE__ */ (0, Z.jsx)(de, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, Z.jsx)("p", {
-			className: "text-gray-500 dark:text-gray-400",
-			children: "No tools available"
-		})]
-	});
-	let o = e.some((e) => e.inputSchema?.properties && Object.keys(e.inputSchema.properties).length > 0);
-	return /* @__PURE__ */ (0, Z.jsx)("div", { children: e.map((e, l) => {
-		let u = e._meta, d = _e(u) ? "mcp-apps" : null, f = e.inputSchema?.properties, p = f ? Object.keys(f).length : 0, m = o && p > 0 && /* @__PURE__ */ (0, Z.jsxs)(n, {
-			variant: "outline",
-			className: "text-xs border-gray-300 dark:border-zinc-600 text-gray-600 dark:text-gray-400",
-			children: [p, " params"]
-		}), h = d === "mcp-apps" || m ? /* @__PURE__ */ (0, Z.jsxs)("div", {
-			className: "flex items-center gap-1.5",
-			children: [d === "mcp-apps" && /* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-				render: /* @__PURE__ */ (0, Z.jsx)("span", {
-					className: "inline-flex",
-					children: /* @__PURE__ */ (0, Z.jsx)(ce, { className: "h-3.5 w-3.5" })
-				}),
-				nativeButton: !1
-			}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "UI widget" }) })] }), m]
-		}) : void 0;
-		return /* @__PURE__ */ (0, Z.jsx)(G, {
-			id: `tool-${e.name}`,
-			"data-testid": `tool-item-${e.name}`,
-			isSelected: t?.name === e.name,
-			isFocused: a === l,
-			title: e.name,
-			description: e.description,
-			metadata: h,
-			onClick: () => r(e)
-		}, e.name);
-	}) });
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/alert-dialog/root/AlertDialogRoot.mjs
-function Ke(e) {
-	return A(e, "alert-dialog");
-}
-//#endregion
-//#region src/client/components/ui/alert-dialog.tsx
-function qe({ ...e }) {
-	return /* @__PURE__ */ (0, Z.jsx)(Ke, {
-		"data-slot": "alert-dialog",
-		...e
-	});
-}
-function Je({ ...e }) {
-	return /* @__PURE__ */ (0, Z.jsx)(D, {
-		"data-slot": "alert-dialog-portal",
-		...e
-	});
-}
-function Ye({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(N, {
-		"data-slot": "alert-dialog-overlay",
-		className: r("fixed inset-0 isolate z-50 bg-black/50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", e),
-		...t
-	});
-}
-function Xe({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ (0, Z.jsxs)(Je, { children: [/* @__PURE__ */ (0, Z.jsx)(Ye, {}), /* @__PURE__ */ (0, Z.jsx)(E, {
-		"data-slot": "alert-dialog-content",
-		"data-size": t,
-		className: r("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
-		...n
-	})] });
-}
-function Ze({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)("div", {
-		"data-slot": "alert-dialog-header",
-		className: r("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", e),
-		...t
-	});
-}
-function Qe({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)("div", {
-		"data-slot": "alert-dialog-footer",
-		className: r("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", e),
-		...t
-	});
-}
-function $e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(w, {
-		"data-slot": "alert-dialog-title",
-		className: r("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", e),
-		...t
-	});
-}
-function et({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(T, {
-		"data-slot": "alert-dialog-description",
-		className: r("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
-		...t
-	});
-}
-function tt({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(l, {
-		"data-slot": "alert-dialog-action",
-		className: r(e),
-		...t
-	});
-}
-function nt({ className: e, variant: t = "outline", size: n = "default", ...i }) {
-	return /* @__PURE__ */ (0, Z.jsx)(S, {
-		"data-slot": "alert-dialog-cancel",
-		className: r(e),
-		render: /* @__PURE__ */ (0, Z.jsx)(l, {
-			variant: t,
-			size: n
-		}),
-		...i
-	});
-}
-//#endregion
-//#region src/client/components/tools/useToolExecution.ts
-function rt({ selectedTool: e, payloadToSend: t, toolArgs: n, callTool: r, readResource: i, serverId: a }) {
-	let [o, s] = (0, X.useState)([]), [c, l] = (0, X.useState)(!1), [u, d] = (0, X.useState)(null), [f, p] = (0, X.useState)(null), m = (0, X.useCallback)(async () => {
-		if (!e || c) return;
-		let o = new AbortController();
-		p(o), l(!0);
-		let u = Date.now();
-		try {
-			let c = t, l = e?._meta || e?.metadata, d = l?.ui?.resourceUri;
-			if (d && typeof d == "string") {
-				try {
-					await i(d);
-				} catch {}
-				s([{
-					toolName: e.name,
-					args: c,
-					result: null,
-					timestamp: u,
-					duration: 0,
-					toolMeta: l
-				}]);
-			}
-			let f = await r(e.name, c, {
-				timeout: 6e5,
-				resetTimeoutOnProgress: !0,
-				signal: o.signal
-			}), p = Date.now() - u, m = f?._meta ?? l;
-			he(new me({
-				toolName: e.name,
-				serverId: a,
-				success: !0,
-				duration: p
-			})).catch(() => {}), window.dispatchEvent(new Event("mcp-tool-executed")), s(d && typeof d == "string" ? (e) => e.map((e, t) => t === 0 ? {
-				...e,
-				result: f,
-				duration: p,
-				toolMeta: m
-			} : e) : (t) => [{
-				toolName: e.name,
-				args: n,
-				result: f,
-				timestamp: u,
-				duration: p,
-				toolMeta: m
-			}, ...t]);
-		} catch (t) {
-			let r = Date.now() - u;
-			he(new me({
-				toolName: e.name,
-				serverId: a,
-				success: !1,
-				duration: r,
-				error: t instanceof Error ? t.message : String(t)
-			})).catch(() => {}), window.dispatchEvent(new Event("mcp-tool-executed"));
-			let i = e?._meta || e?.metadata, o = {
-				toolName: e.name,
-				args: n,
-				result: null,
-				error: t instanceof Error ? t.message : String(t),
-				timestamp: u,
-				duration: r,
-				toolMeta: i
-			};
-			i?.ui?.resourceUri ? s([o]) : s((e) => [o, ...e]);
-		} finally {
-			l(!1);
-		}
-	}, [
-		e,
-		t,
-		n,
-		c,
-		r,
-		i,
-		a
-	]), h = (0, X.useCallback)(async (e, t) => {
-		try {
-			await z(t), d(e), setTimeout(() => d(null), 2e3);
-		} catch (e) {
-			console.error("[ToolsTab] Failed to copy result:", e);
-		}
-	}, []), g = (0, X.useCallback)((e) => {
-		s((t) => t.filter((t, n) => n !== e));
-	}, []), _ = (0, X.useMemo)(() => e ? o.filter((t) => t.toolName === e.name) : [], [o, e]);
-	return {
-		results: o,
-		setResults: s,
-		isExecuting: c,
-		copiedResult: u,
-		executeTool: m,
-		handleCopyResult: h,
-		handleDeleteResult: g,
-		handleFullscreen: (0, X.useCallback)((e) => {
-			let t = _[e];
-			if (!t) return;
-			let n = window.open("", "_blank", "width=800,height=600");
-			n && (n.document.write(`
-            <html>
-              <head><title>${t.toolName} Result</title></head>
-              <body><pre>${JSON.stringify(t.result, null, 2)}</pre></body>
-            </html>
-          `), n.document.close());
-		}, [_]),
-		filteredResults: _,
-		cancelExecution: (0, X.useCallback)(() => {
-			f?.abort(), p(null), l(!1);
-		}, [f])
-	};
-}
-//#endregion
-//#region src/client/components/tools/useToolsTabNavigation.ts
-function it({ ref: e, activeTab: t, filteredTools: n, savedRequests: r, searchQuery: i, setSearchQuery: a, selectedTool: o, results: s, isExecuting: c, handleToolSelect: l, loadSavedRequest: u, refreshTools: d, selectedToolName: f, tools: p, setSelectedToolName: m }) {
-	let [h, g] = (0, X.useState)(!1), [_, v] = (0, X.useState)(-1), y = (0, X.useRef)(null), [b, x] = (0, X.useState)(!1), [S, C] = (0, X.useState)("list"), [w, T] = (0, X.useState)(!1);
-	(0, X.useEffect)(() => {
-		let e = () => x(window.innerWidth < 1024);
-		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, []), (0, X.useEffect)(() => {
-		C(o ? "detail" : "list");
-	}, [o]), (0, X.useEffect)(() => {
-		b && s.length > 0 && !c && C("response");
-	}, [
-		s,
-		c,
-		b
-	]), (0, X.useImperativeHandle)(e, () => ({
-		focusSearch: () => {
-			g(!0), setTimeout(() => y.current?.focus(), 0);
-		},
-		blurSearch: () => {
-			a(""), g(!1), y.current?.blur();
-		}
-	})), (0, X.useEffect)(() => {
-		h && y.current?.focus();
-	}, [h]);
-	let E = (0, X.useCallback)(() => {
-		i.trim() || g(!1);
-	}, [i]), D = (0, X.useCallback)(async () => {
-		if (d) {
-			T(!0);
-			try {
-				await d();
-			} finally {
-				T(!1);
-			}
-		}
-	}, [d]);
-	return (0, X.useEffect)(() => {
-		t !== "tools" && g(!1);
-	}, [t]), (0, X.useEffect)(() => {
-		v(-1);
-	}, [i, t]), (0, X.useEffect)(() => {
-		let e = (e) => {
-			let i = e.target;
-			if (i.tagName === "INPUT" || i.tagName === "TEXTAREA" || i.contentEditable === "true" || e.metaKey || e.ctrlKey || e.altKey) return;
-			let a = t === "tools" ? n : r;
-			if (e.key === "ArrowDown") e.preventDefault(), v((e) => e + 1 >= a.length ? 0 : e + 1);
-			else if (e.key === "ArrowUp") e.preventDefault(), v((e) => e - 1 < 0 ? a.length - 1 : e - 1);
-			else if (e.key === "Enter" && _ >= 0) if (e.preventDefault(), t === "tools") {
-				let e = n[_];
-				e && l(e);
-			} else {
-				let e = r[_];
-				e && u(e);
-			}
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [
-		_,
-		n,
-		r,
-		t,
-		l,
-		u
-	]), (0, X.useEffect)(() => {
-		if (_ >= 0) {
-			let e = t === "tools" ? `tool-${n[_]?.name}` : `saved-${r[_]?.id}`;
-			document.getElementById(e)?.scrollIntoView({
-				behavior: "smooth",
-				block: "nearest"
-			});
-		}
-	}, [
-		_,
-		n,
-		r,
-		t
-	]), (0, X.useEffect)(() => {
-		if (!f || p.length === 0) return;
-		let e = p.find((e) => e.name === f);
-		if (e) {
-			m(null);
-			let t = setTimeout(() => {
-				l(e), document.getElementById(`tool-${e.name}`)?.scrollIntoView({
-					behavior: "smooth",
-					block: "nearest"
-				});
-			}, 100);
-			return () => clearTimeout(t);
-		}
-	}, [
-		f,
-		p,
-		l,
-		m
-	]), {
-		isSearchExpanded: h,
-		setIsSearchExpanded: g,
-		focusedIndex: _,
-		searchInputRef: y,
-		isMobile: b,
-		mobileView: S,
-		setMobileView: C,
-		isRefreshing: w,
-		handleSearchBlur: E,
-		handleRefresh: D
-	};
-}
-//#endregion
-//#region src/client/components/ToolsTab.tsx
-function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isConnected: a, refreshTools: s }) {
-	let [c, u] = (0, X.useState)(null), [d, f] = (0, X.useState)(null), { selectedToolName: p, setSelectedToolName: h } = xe(), [g, _] = (0, X.useState)({}), [v, y] = (0, X.useState)(/* @__PURE__ */ new Set()), [b, x] = (0, X.useState)(/* @__PURE__ */ new Set()), [S, C] = (0, X.useState)(""), [w, T] = (0, X.useState)("tools"), { savedRequests: E, saveSavedRequests: D } = le(), [O, k] = (0, X.useState)(!1), [A, j] = (0, X.useState)(""), [M, ee] = (0, X.useState)(!1), [N, P] = (0, X.useState)({
-		open: !1,
-		parsedObject: {},
-		fieldsToUpdate: [],
-		newFields: [],
-		resolve: null
-	}), [I, L] = (0, X.useState)(/* @__PURE__ */ new Set()), R = ie(), z = ie(), te = (0, X.useCallback)(() => {
-		M ? (R.current && R.current.expand(), z.current && z.current.expand(), ee(!1)) : (R.current && R.current.collapse(), z.current && z.current.collapse(), ee(!0));
-	}, [
-		M,
-		R,
-		z
-	]), V = (0, X.useMemo)(() => {
-		if (!S.trim()) return t;
-		let e = S.toLowerCase();
-		return t.filter((t) => t.name.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
-	}, [t, S]), H = (0, X.useCallback)((e) => {
-		u(e);
-		let t = {}, n = /* @__PURE__ */ new Set();
-		e.inputSchema?.properties && Object.entries(e.inputSchema.properties).forEach(([e, r]) => {
-			let i = r;
-			i.default !== void 0 && (t[e] = i.default, n.add(e));
-		}), _(t), y(n), x(/* @__PURE__ */ new Set());
-	}, []), G = (0, X.useCallback)((e) => {
-		let n = t.find((t) => t.name === e.toolName);
-		n && (u(n), _(e.args), y(new Set(Object.keys(e.args))), x(/* @__PURE__ */ new Set()), f(e));
-	}, [t]);
-	(0, X.useEffect)(() => {
-		if (c) {
-			let e = t.find((e) => e.name === c.name);
-			e ? e !== c && (JSON.stringify(e.inputSchema) !== JSON.stringify(c.inputSchema) || e.description !== c.description || JSON.stringify(e?._meta) !== JSON.stringify(c?._meta)) && u(e) : (u(null), h(null));
-		}
-	}, [
-		t,
-		c,
-		h
-	]);
-	let K = (0, X.useCallback)((e, t) => {
-		let n = c?.inputSchema || {}, r = c?.inputSchema?.properties?.[e], i = r ? ke(r, n) : "string", a;
-		a = i === "object" || i === "array" || i === "string" ? t : Me(t, i), _((t) => ({
-			...t,
-			[e]: a
-		}));
-		let o = String(t).trim() === "";
-		y((t) => {
-			let n = new Set(t);
-			return o ? n.delete(e) : n.add(e), n;
-		}), x((t) => {
-			let n = new Set(t);
-			return n.delete(e), n;
-		});
-	}, [c]), ae = (0, X.useCallback)((e, t, n) => {
-		if (n) {
-			let n = t === "array" ? "[]" : t === "object" ? "{}" : "";
-			_((t) => ({
-				...t,
-				[e]: n
-			})), y((t) => new Set(t).add(e)), x((t) => new Set(t).add(e));
-		} else x((t) => {
-			let n = new Set(t);
-			return n.delete(e), n;
-		}), y((t) => {
-			let n = new Set(t);
-			return n.delete(e), n;
-		});
-	}, []), oe = (0, X.useCallback)(async (e, t) => {
-		if (!c) return !1;
-		let n = Fe(e);
-		if (!n) return !1;
-		let r = c.inputSchema?.properties || {}, i = Object.keys(r), a = c.inputSchema || {}, o = [], s = [];
-		return Object.entries(n).forEach(([e, t]) => {
-			if (i.includes(e)) {
-				let n = r[e], i = ke(n, a), c = t;
-				i === "object" || i === "array" ? typeof t == "object" && t ? c = JSON.stringify(t, null, 2) : typeof t == "string" && (c = t) : c = typeof t == "object" && t ? JSON.stringify(t) : String(t);
-				let l = g[e];
-				l != null && l !== "" ? o.push({
-					key: e,
-					oldValue: l,
-					newValue: c
-				}) : (s.push(e), K(e, String(c)));
-			}
-		}), o.length === 0 && s.length === 0 ? !1 : o.length === 0 ? (L(new Set(s)), setTimeout(() => L(/* @__PURE__ */ new Set()), 2e3), !0) : new Promise((e) => {
-			P({
-				open: !0,
-				parsedObject: n,
-				fieldsToUpdate: o,
-				newFields: s,
-				resolve: e
-			});
-		});
-	}, [
-		c,
-		g,
-		K
-	]), se = (0, X.useCallback)(() => {
-		if (!N.resolve) return;
-		N.fieldsToUpdate.forEach(({ key: e, newValue: t }) => {
-			K(e, String(t));
-		});
-		let e = [...N.fieldsToUpdate.map((e) => e.key), ...N.newFields];
-		L(new Set(e)), setTimeout(() => L(/* @__PURE__ */ new Set()), 2e3), N.resolve(!0), P({
-			open: !1,
-			parsedObject: {},
-			fieldsToUpdate: [],
-			newFields: [],
-			resolve: null
-		});
-	}, [N, K]), ce = (0, X.useCallback)(() => {
-		N.resolve && (N.resolve(!1), P({
-			open: !1,
-			parsedObject: {},
-			fieldsToUpdate: [],
-			newFields: [],
-			resolve: null
-		}));
-	}, [N]), q = (0, X.useMemo)(() => {
-		if (!c?.inputSchema?.properties) return {};
-		let e = c.inputSchema || {}, t = {};
-		for (let n of v) {
-			let r = c.inputSchema.properties[n];
-			if (!r) continue;
-			let i = ke(r, e);
-			t[n] = Ne(b.has(n) ? i === "array" ? "[]" : i === "object" ? "{}" : "" : g[n], i);
-		}
-		return t;
-	}, [
-		c,
-		g,
-		v,
-		b
-	]), { isExecuting: ue, copiedResult: fe, executeTool: J, handleCopyResult: pe, handleDeleteResult: me, handleFullscreen: _e, filteredResults: ve, cancelExecution: ye, results: be } = rt({
-		selectedTool: c,
-		payloadToSend: q,
-		toolArgs: g,
-		callTool: n,
-		readResource: r,
-		serverId: i
-	}), { isSearchExpanded: Y, setIsSearchExpanded: Se, focusedIndex: Ce, searchInputRef: Te, isMobile: Oe, mobileView: Q, setMobileView: $, isRefreshing: Ae, handleSearchBlur: je, handleRefresh: Pe } = it({
-		ref: e,
-		activeTab: w,
-		filteredTools: V,
-		savedRequests: E,
-		searchQuery: S,
-		setSearchQuery: C,
-		selectedTool: c,
-		results: be,
-		isExecuting: ue,
-		handleToolSelect: H,
-		loadSavedRequest: G,
-		refreshTools: s,
-		selectedToolName: p,
-		tools: t,
-		setSelectedToolName: h
-	}), Ie = (0, X.useCallback)(() => {
-		c && (j(""), k(!0));
-	}, [c]), Re = (0, X.useCallback)(() => {
-		if (!c) return;
-		let e = {
-			id: `${Date.now()}-${Math.random()}`,
-			name: A.trim() || `${c.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
-			toolName: c.name,
-			args: q,
-			savedAt: Date.now(),
-			serverId: c._serverId,
-			serverName: c._serverName
-		};
-		D([...E, e]), he(new ge({
-			toolName: c.name,
-			serverId: i
-		})).catch(() => {}), k(!1), j("");
-	}, [
-		c,
-		A,
-		q,
-		E,
-		D,
-		i
-	]), ze = (0, X.useCallback)((e) => {
-		D(E.filter((t) => t.id !== e)), d?.id === e && f(null);
-	}, [
-		E,
-		D,
-		d
-	]);
-	return Oe ? /* @__PURE__ */ (0, Z.jsxs)("div", {
-		className: "h-full flex flex-col overflow-hidden relative bg-background",
-		children: [
-			Q !== "list" && /* @__PURE__ */ (0, Z.jsxs)("div", {
-				className: "flex items-center gap-2 p-2 border-b shrink-0 bg-background z-10",
-				children: [/* @__PURE__ */ (0, Z.jsx)(l, {
-					variant: "ghost",
-					size: "sm",
-					onClick: () => {
-						Q === "response" ? $("detail") : (u(null), $("list"));
-					},
-					className: "p-0 h-8 w-8",
-					children: /* @__PURE__ */ (0, Z.jsx)(B, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "flex items-center text-sm font-medium",
-					children: [
-						/* @__PURE__ */ (0, Z.jsx)("button", {
-							onClick: () => {
-								u(null), $("list");
-							},
-							className: "text-muted-foreground hover:text-foreground hover:underline cursor-pointer",
-							children: "Tools"
-						}),
-						Q === "detail" && /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("span", {
-							className: "mx-2 text-muted-foreground",
-							children: "/"
-						}), /* @__PURE__ */ (0, Z.jsx)("button", {
-							onClick: () => {
-								$("response");
-							},
-							className: Q === "detail" ? "text-foreground hover:underline" : Q === "response" ? "text-muted-foreground hover:text-foreground hover:underline cursor-pointer" : "text-muted-foreground",
-							children: "Execute"
-						})] }),
-						Q === "response" && /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)("span", {
-							className: "mx-2 text-muted-foreground",
-							children: "/"
-						}), /* @__PURE__ */ (0, Z.jsx)("span", {
-							className: "text-foreground",
-							children: "Response"
-						})] })
-					]
-				})]
-			}),
-			/* @__PURE__ */ (0, Z.jsx)("div", {
-				className: "flex-1 relative overflow-hidden",
-				children: /* @__PURE__ */ (0, Z.jsxs)(m, {
-					initial: !1,
-					mode: "popLayout",
-					children: [
-						Q === "list" && /* @__PURE__ */ (0, Z.jsx)(o.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, Z.jsx)(W, { children: (e) => /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(we, {
-								isScrolled: e,
-								activeTab: w,
-								isSearchExpanded: Y,
-								searchQuery: S,
-								primaryTabName: "tools",
-								secondaryTabName: "saved",
-								primaryTabTitle: "Tools",
-								secondaryTabTitle: "Saved",
-								primaryCount: V.length,
-								secondaryCount: E.length,
-								primaryIcon: de,
-								secondaryIcon: F,
-								searchPlaceholder: "Search tools...",
-								onSearchExpand: () => Se(!0),
-								onSearchChange: C,
-								onSearchBlur: je,
-								onTabSwitch: () => T(w === "tools" ? "saved" : "tools"),
-								searchInputRef: Te,
-								onRefresh: s ? Pe : void 0,
-								isRefreshing: Ae
-							}), w === "tools" ? /* @__PURE__ */ (0, Z.jsx)(Ge, {
-								tools: V,
-								selectedTool: c,
-								onToolSelect: H,
-								focusedIndex: Ce
-							}) : /* @__PURE__ */ (0, Z.jsx)(Ee, {
-								savedRequests: E,
-								selectedRequest: d,
-								onLoadRequest: G,
-								onDeleteRequest: ze,
-								focusedIndex: Ce
-							})] }) })
-						}, "list"),
-						Q === "detail" && /* @__PURE__ */ (0, Z.jsx)(o.div, {
-							initial: { x: "100%" },
-							animate: { x: 0 },
-							exit: { x: "-100%" },
-							transition: {
-								type: "spring",
-								stiffness: 300,
-								damping: 30
-							},
-							className: "absolute inset-0 bg-background z-10",
-							children: /* @__PURE__ */ (0, Z.jsx)(Le, {
-								selectedTool: c,
-								toolArgs: g,
-								payloadToSend: q,
-								isExecuting: ue,
-								isConnected: a,
-								onArgChange: K,
-								onExecute: J,
-								onSave: Ie,
-								onBulkPaste: oe,
-								autoFilledFields: I,
-								setFields: v,
-								sendEmptyFields: b,
-								onToggleEmpty: ae
-							})
-						}, "detail"),
-						Q === "response" && /* @__PURE__ */ (0, Z.jsx)(o.div, {
-							initial: { x: "100%" },
-							animate: { x: 0 },
-							exit: { x: "100%" },
-							transition: {
-								type: "spring",
-								stiffness: 300,
-								damping: 30
-							},
-							className: "absolute inset-0 bg-background z-20",
-							children: /* @__PURE__ */ (0, Z.jsx)(We, {
-								results: ve,
-								copiedResult: fe,
-								serverId: i,
-								readResource: r,
-								onCopy: pe,
-								onDelete: me,
-								onFullscreen: _e,
-								onRerunTool: J
-							})
-						}, "response")
-					]
-				})
-			}),
-			/* @__PURE__ */ (0, Z.jsx)(De, {
-				isOpen: O,
-				requestName: A,
-				defaultPlaceholder: `${c?.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
-				onRequestNameChange: j,
-				onSave: Re,
-				onCancel: () => k(!1)
-			}),
-			/* @__PURE__ */ (0, Z.jsx)(qe, {
-				open: N.open,
-				onOpenChange: (e) => {
-					e || ce();
-				},
-				children: /* @__PURE__ */ (0, Z.jsxs)(Xe, { children: [/* @__PURE__ */ (0, Z.jsxs)(Ze, { children: [/* @__PURE__ */ (0, Z.jsx)($e, { children: "Auto-fill fields from pasted object?" }), /* @__PURE__ */ (0, Z.jsxs)(et, { children: [N.fieldsToUpdate.length > 0 && /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "mb-3",
-					children: [/* @__PURE__ */ (0, Z.jsx)("p", {
-						className: "font-medium mb-2",
-						children: "The following fields will be updated:"
-					}), /* @__PURE__ */ (0, Z.jsx)("ul", {
-						className: "text-sm space-y-1 max-h-[200px] overflow-y-auto",
-						children: N.fieldsToUpdate.map(({ key: e, oldValue: t, newValue: n }) => /* @__PURE__ */ (0, Z.jsxs)("li", {
-							className: "font-mono",
-							children: [
-								/* @__PURE__ */ (0, Z.jsxs)("span", {
-									className: "font-semibold",
-									children: [e, ":"]
-								}),
-								" ",
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-red-600 dark:text-red-400 line-through",
-									children: typeof t == "object" ? JSON.stringify(t).substring(0, 30) + "..." : String(t).substring(0, 30)
-								}),
-								" ",
-								"→",
-								" ",
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-green-600 dark:text-green-400",
-									children: typeof n == "string" && n.length > 30 ? n.substring(0, 30) + "..." : String(n).substring(0, 30)
-								})
-							]
-						}, e))
-					})]
-				}), N.newFields.length > 0 && /* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)("p", {
-					className: "font-medium mb-1",
-					children: "New fields to be filled:"
-				}), /* @__PURE__ */ (0, Z.jsx)("p", {
-					className: "text-sm font-mono",
-					children: N.newFields.join(", ")
-				})] })] })] }), /* @__PURE__ */ (0, Z.jsxs)(Qe, { children: [/* @__PURE__ */ (0, Z.jsx)(nt, {
-					onClick: ce,
-					children: "Cancel"
-				}), /* @__PURE__ */ (0, Z.jsx)(tt, {
-					onClick: se,
-					children: "Auto-fill"
-				})] })] })
-			})
-		]
-	}) : /* @__PURE__ */ (0, Z.jsxs)(re, {
-		orientation: "horizontal",
-		className: "h-full",
-		children: [
-			/* @__PURE__ */ (0, Z.jsx)(U, {
-				id: "left-panel",
-				defaultSize: "33%",
-				minSize: 250,
-				collapsedSize: 0,
-				collapsible: !0,
-				className: "flex flex-col h-full relative",
-				panelRef: R,
-				children: /* @__PURE__ */ (0, Z.jsx)("div", {
-					className: "flex h-full flex-col overflow-hidden border-r dark:border-zinc-700",
-					children: /* @__PURE__ */ (0, Z.jsx)(W, { children: (e) => /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(we, {
-						isScrolled: e,
-						activeTab: w,
-						isSearchExpanded: Y,
-						searchQuery: S,
-						primaryTabName: "tools",
-						secondaryTabName: "saved",
-						primaryTabTitle: "Tools",
-						secondaryTabTitle: "Saved",
-						primaryCount: V.length,
-						secondaryCount: E.length,
-						primaryIcon: de,
-						secondaryIcon: F,
-						searchPlaceholder: "Search tools...",
-						onSearchExpand: () => Se(!0),
-						onSearchChange: C,
-						onSearchBlur: je,
-						onTabSwitch: () => T(w === "tools" ? "saved" : "tools"),
-						searchInputRef: Te,
-						onRefresh: s ? Pe : void 0,
-						isRefreshing: Ae
-					}), w === "tools" ? /* @__PURE__ */ (0, Z.jsx)(Ge, {
-						tools: V,
-						selectedTool: c,
-						onToolSelect: H,
-						focusedIndex: Ce
-					}) : /* @__PURE__ */ (0, Z.jsx)(Ee, {
-						savedRequests: E,
-						selectedRequest: d,
-						onLoadRequest: G,
-						onDeleteRequest: ze,
-						focusedIndex: Ce
-					})] }) })
-				})
-			}),
-			/* @__PURE__ */ (0, Z.jsx)(ne, { withHandle: !0 }),
-			/* @__PURE__ */ (0, Z.jsx)(U, {
-				defaultSize: "67%",
-				children: /* @__PURE__ */ (0, Z.jsxs)(re, {
-					orientation: "vertical",
-					children: [
-						/* @__PURE__ */ (0, Z.jsx)(U, {
-							defaultSize: "40%",
-							collapsible: !0,
-							panelRef: z,
-							children: /* @__PURE__ */ (0, Z.jsx)(Le, {
-								selectedTool: c,
-								toolArgs: g,
-								payloadToSend: q,
-								isExecuting: ue,
-								isConnected: a,
-								onArgChange: K,
-								onExecute: J,
-								onSave: Ie,
-								onCancel: ye,
-								onBulkPaste: oe,
-								autoFilledFields: I,
-								setFields: v,
-								sendEmptyFields: b,
-								onToggleEmpty: ae
-							})
-						}),
-						/* @__PURE__ */ (0, Z.jsx)(ne, { withHandle: !0 }),
-						/* @__PURE__ */ (0, Z.jsx)(U, {
-							defaultSize: "60%",
-							children: /* @__PURE__ */ (0, Z.jsx)("div", {
-								className: "flex flex-col h-full",
-								children: /* @__PURE__ */ (0, Z.jsx)(We, {
-									results: ve,
-									copiedResult: fe,
-									serverId: i,
-									readResource: r,
-									onCopy: pe,
-									onDelete: me,
-									onFullscreen: _e,
-									onMaximize: te,
-									isMaximized: M,
-									onRerunTool: J
-								})
-							})
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ (0, Z.jsx)(De, {
-				isOpen: O,
-				requestName: A,
-				defaultPlaceholder: `${c?.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
-				onRequestNameChange: j,
-				onSave: Re,
-				onCancel: () => k(!1)
-			}),
-			/* @__PURE__ */ (0, Z.jsx)(qe, {
-				open: N.open,
-				onOpenChange: (e) => {
-					e || ce();
-				},
-				children: /* @__PURE__ */ (0, Z.jsxs)(Xe, { children: [/* @__PURE__ */ (0, Z.jsxs)(Ze, { children: [/* @__PURE__ */ (0, Z.jsx)($e, { children: "Auto-fill fields from pasted object?" }), /* @__PURE__ */ (0, Z.jsxs)(et, { children: [N.fieldsToUpdate.length > 0 && /* @__PURE__ */ (0, Z.jsxs)("div", {
-					className: "mb-3",
-					children: [/* @__PURE__ */ (0, Z.jsx)("p", {
-						className: "font-medium mb-2",
-						children: "The following fields will be updated:"
-					}), /* @__PURE__ */ (0, Z.jsx)("ul", {
-						className: "text-sm space-y-1 max-h-[200px] overflow-y-auto",
-						children: N.fieldsToUpdate.map(({ key: e, oldValue: t, newValue: n }) => /* @__PURE__ */ (0, Z.jsxs)("li", {
-							className: "font-mono",
-							children: [
-								/* @__PURE__ */ (0, Z.jsxs)("span", {
-									className: "font-semibold",
-									children: [e, ":"]
-								}),
-								" ",
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-red-600 dark:text-red-400 line-through",
-									children: typeof t == "object" ? JSON.stringify(t).substring(0, 30) + "..." : String(t).substring(0, 30)
-								}),
-								" ",
-								"→",
-								" ",
-								/* @__PURE__ */ (0, Z.jsx)("span", {
-									className: "text-green-600 dark:text-green-400",
-									children: typeof n == "string" && n.length > 30 ? n.substring(0, 30) + "..." : String(n).substring(0, 30)
-								})
-							]
-						}, e))
-					})]
-				}), N.newFields.length > 0 && /* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)("p", {
-					className: "font-medium mb-1",
-					children: "New fields to be filled:"
-				}), /* @__PURE__ */ (0, Z.jsx)("p", {
-					className: "text-sm font-mono",
-					children: N.newFields.join(", ")
-				})] })] })] }), /* @__PURE__ */ (0, Z.jsxs)(Qe, { children: [/* @__PURE__ */ (0, Z.jsx)(nt, {
-					onClick: ce,
-					children: "Cancel"
-				}), /* @__PURE__ */ (0, Z.jsx)(tt, {
-					onClick: se,
-					children: "Auto-fill"
-				})] })] })
-			})
-		]
-	});
-}
-at.displayName = "ToolsTab";
-//#endregion
-export { at as ToolsTab };