@mcp-use/inspector 20.0.0-beta.13 → 20.0.0-beta.15

package/dist/cdn/ToolsTab-Dm6n5OxE.js

@@ -1,2045 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { a as n, f as r, n as i, r as a, sr as o, t as s } from "./input-BCpgLXU1.js";
-import { n as c, t as l } from "./createLucideIcon-BONxC1L5.js";
-import { U as u, i as d, n as f, t as p } from "./button-CB4uOoUV.js";
-import { t as m } from "./label-A0UGV8FE.js";
-import { t as h } from "./AnimatePresence-D1bZ5_-l.js";
-import { a as g, i as _, n as v, r as y, t as b } from "./select-CCFHjOGk.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-CJGnC5Ag.js";
-import { n as P, t as F } from "./MCPAppsDebugControls-C01DPDJv.js";
-import { a as te, i as I, t as L } from "./browser-DG2Z8392.js";
-import { n as R, t as z } from "./zap-0Wr9QO7N.js";
-import { t as B } from "./code-C8sN2OGR.js";
-import { t as V } from "./JSONDisplay-BJqMz7Ny.js";
-import { a as H, i as U, n as W, o as G, r as ne, s as re } from "./shared-CJVHJhag.js";
-import { t as ie } from "./history-BfUFpL1d.js";
-import { t as ae } from "./maximize-hSOCz133.js";
-import { n as oe, t as K } from "./save-CmdEPUAm.js";
-import { n as se, t as ce } from "./useSavedRequests-mSIsDd4c.js";
-import { t as le } from "./play-B1leulYf.js";
-import { t as q } from "./trash-2-BhumJAFE.js";
-import { t as ue } from "./wrench-DvK20LUT.js";
-import { t as de } from "./x-EilKPiCX.js";
-import { t as fe } from "./switch-DHXEA_N5.js";
-import { t as pe } from "./not-found-BajFyZpp.js";
-import { _ as J, t as me, v as he } from "./telemetry-DyrOzsAR.js";
-import { c as Y, o as ge } from "./react-BiVEwoxA.js";
-import { n as _e } from "./dist-CTJnCYmk.js";
-import { t as X } from "./spinner-Be1GlSGX.js";
-import { n as ve } from "./InspectorContext-BBKCdfmK.js";
-import { t as ye } from "./textarea-CwmI8_uI.js";
-import { t as be } from "./WidgetWrapper-BlbQAh_X.js";
-import { t as xe } from "./McpAppsViewPanel-07_iHrne.js";
-import { t as Se } from "./ListTabHeader-DzmTtN1e.js";
-var Ce = l("chevron-up", [["path", {
-	d: "m18 15-6-6-6 6",
-	key: "153udz"
-}]]), Z = /* @__PURE__ */ e(t(), 1), Q = c();
-function we({ savedRequests: e, selectedRequest: t, onLoadRequest: r, onDeleteRequest: o, focusedIndex: s }) {
-	if (e.length === 0) return /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
-		children: [
-			/* @__PURE__ */ (0, Q.jsx)(P, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }),
-			/* @__PURE__ */ (0, Q.jsx)("p", {
-				className: "text-gray-500 dark:text-gray-400 mb-2",
-				children: "No saved requests yet"
-			}),
-			/* @__PURE__ */ (0, Q.jsx)("p", {
-				className: "text-xs text-gray-400 dark:text-gray-500",
-				children: "Execute a tool and click Save to store requests"
-			})
-		]
-	});
-	let c = (e, t) => {
-		e.stopPropagation(), t();
-	};
-	return /* @__PURE__ */ (0, Q.jsx)("div", { children: e.map((e, l) => /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: "relative group",
-		children: [/* @__PURE__ */ (0, Q.jsx)(ne, {
-			id: `saved-${e.id}`,
-			isSelected: t?.id === e.id,
-			isFocused: s === l,
-			title: e.name,
-			description: e.toolName,
-			metadata: /* @__PURE__ */ (0, Q.jsx)("div", {
-				className: "flex flex-col gap-1",
-				children: /* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "text-xs text-gray-400 dark:text-gray-500",
-					children: new Date(e.savedAt).toLocaleString()
-				})
-			}),
-			onClick: () => r(e)
-		}), /* @__PURE__ */ (0, Q.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, Q.jsxs)(i, { children: [/* @__PURE__ */ (0, Q.jsx)(n, {
-				render: /* @__PURE__ */ (0, Q.jsx)(p, {
-					variant: "secondary",
-					size: "sm",
-					onClick: (t) => c(t, () => o(e.id)),
-					className: "h-8 w-8 p-0",
-					children: /* @__PURE__ */ (0, Q.jsx)(q, { className: "h-4 w-4" })
-				}),
-				nativeButton: !0
-			}), /* @__PURE__ */ (0, Q.jsx)(a, { children: /* @__PURE__ */ (0, Q.jsx)("p", { children: "Delete saved request" }) })] })
-		})]
-	}, e.id)) });
-}
-//#endregion
-//#region src/client/components/tools/SaveRequestDialog.tsx
-function Te({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameChange: r, onSave: i, onCancel: a }) {
-	return e ? /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50",
-		onClick: a,
-		children: /* @__PURE__ */ (0, Q.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, Q.jsx)("h3", {
-				className: "text-lg font-semibold mb-4 text-gray-900 dark:text-gray-100",
-				children: "Save Request"
-			}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)(m, {
-					htmlFor: "request-name",
-					children: "Request Name (optional)"
-				}), /* @__PURE__ */ (0, Q.jsx)(s, {
-					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, Q.jsxs)("div", {
-					className: "flex justify-end gap-2",
-					children: [/* @__PURE__ */ (0, Q.jsx)(p, {
-						variant: "outline",
-						onClick: a,
-						children: "Cancel"
-					}), /* @__PURE__ */ (0, Q.jsxs)(p, {
-						onClick: i,
-						children: [/* @__PURE__ */ (0, Q.jsx)(K, { className: "h-4 w-4 mr-2" }), "Save"]
-					})]
-				})]
-			})]
-		})
-	}) : null;
-}
-//#endregion
-//#region src/client/components/tools/schema-utils.ts
-function Ee(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 De(e, t) {
-	if (e?.anyOf && Array.isArray(e.anyOf)) {
-		let n = e.anyOf.find((e) => Ee(e, t)?.type !== "null");
-		if (n) return {
-			...Ee(n, t),
-			nullable: !0
-		};
-	}
-	return e;
-}
-function Oe(e, t) {
-	let n = De(e || {}, t);
-	return n = Ee(n, t), n;
-}
-function ke(e, t) {
-	let n = Oe(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: c }) {
-	let l = e?.inputSchema?.properties || {}, u = e?.inputSchema?.required || [], d = Object.keys(l).length > 0, f = async (e, t) => {
-		r && await r(e.clipboardData.getData("text"), t) && e.preventDefault();
-	};
-	return d ? /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "space-y-4",
-		children: Object.entries(l).map(([r, l]) => {
-			let d = Oe(l, e?.inputSchema || {}), p = Ae(d), h = d.type === "string" && p !== null, x = d, S = u.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 = c && (x.type === "string" || T);
-			return T ? /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "flex items-start justify-between gap-2",
-					children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ (0, Q.jsxs)(m, {
-							htmlFor: r,
-							className: "text-sm font-medium",
-							children: [r, S && /* @__PURE__ */ (0, Q.jsx)("span", {
-								className: "text-red-500 ml-1",
-								children: "*"
-							})]
-						}), x?.description && /* @__PURE__ */ (0, Q.jsx)("p", {
-							className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400",
-							children: x.description
-						})]
-					}), O && c && /* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-							className: "text-xs text-muted-foreground whitespace-nowrap",
-							children: E === "array" ? "Send empty array explicitly" : "Send empty object explicitly"
-						}), /* @__PURE__ */ (0, Q.jsx)(fe, {
-							checked: o?.has(r) ?? !1,
-							onCheckedChange: (e) => c(r, E, e),
-							"aria-label": E === "array" ? "Send empty array" : "Send empty object",
-							title: E === "array" ? "Send empty array []" : "Send empty object {}"
-						})]
-					})]
-				}), /* @__PURE__ */ (0, Q.jsx)(ye, {
-					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) : h && p ? /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsxs)(m, {
-					htmlFor: r,
-					className: "text-sm font-medium",
-					children: [r, S && /* @__PURE__ */ (0, Q.jsx)("span", {
-						className: "text-red-500 ml-1",
-						children: "*"
-					})]
-				}), x.description && /* @__PURE__ */ (0, Q.jsx)("p", {
-					className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400",
-					children: x.description
-				})] }), /* @__PURE__ */ (0, Q.jsxs)(b, {
-					value: String(t[r] || ""),
-					onValueChange: (e) => n(r, e),
-					children: [/* @__PURE__ */ (0, Q.jsx)(_, {
-						id: r,
-						className: `w-full ${D ? "" : "opacity-70"}`,
-						"data-testid": `tool-param-${r}`,
-						children: /* @__PURE__ */ (0, Q.jsx)(g, { placeholder: "Select an option" })
-					}), /* @__PURE__ */ (0, Q.jsx)(v, { children: p.map((e, t) => /* @__PURE__ */ (0, Q.jsx)(y, {
-						value: e,
-						children: x.enumNames?.[t] || e
-					}, e)) })]
-				})]
-			}, r) : /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "flex items-start justify-between gap-2",
-					children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ (0, Q.jsxs)(m, {
-							htmlFor: r,
-							className: "text-sm font-medium",
-							children: [r, S && /* @__PURE__ */ (0, Q.jsx)("span", {
-								className: "text-red-500 ml-1",
-								children: "*"
-							})]
-						}), x?.description && /* @__PURE__ */ (0, Q.jsx)("p", {
-							className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400",
-							children: x.description
-						})]
-					}), O && c && /* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-							className: "text-xs text-muted-foreground whitespace-nowrap",
-							children: "Send empty string"
-						}), /* @__PURE__ */ (0, Q.jsx)(fe, {
-							checked: o?.has(r) ?? !1,
-							onCheckedChange: (e) => c(r, "string", e),
-							"aria-label": "Send empty string",
-							title: "Send empty string"
-						})]
-					})]
-				}), /* @__PURE__ */ (0, Q.jsx)(s, {
-					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, Q.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: r, isExecuting: o, isConnected: s, onArgChange: c, onExecute: l, 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, Z.useState)(!1), [N, P] = (0, Z.useState)(!1), [F, R] = (0, Z.useState)(!1), [z, H] = (0, Z.useState)(!1), [U, W] = (0, Z.useState)(!1), G = (0, Z.useRef)(null);
-	return (0, Z.useEffect)(() => {
-		if (G.current && e?.description) {
-			let e = G.current, t = parseFloat(getComputedStyle(e).lineHeight), n = e.scrollHeight;
-			W(Math.round(n / t) > 3), H(!1);
-		}
-	}, [e?.description]), (0, Z.useEffect)(() => {
-		let t = (t) => {
-			(t.metaKey || t.ctrlKey) && t.key === "Enter" && e && !o && s && (t.preventDefault(), l()), t.key === "Escape" && o && h && (t.preventDefault(), h());
-		};
-		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-	}, [
-		e,
-		o,
-		s,
-		l,
-		h
-	]), e ? /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: "flex flex-col h-full @container/tool-exec",
-		children: [
-			/* @__PURE__ */ (0, Q.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, Q.jsx)("div", { children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "flex flex-row items-center justify-between mb-0 gap-2",
-					children: [/* @__PURE__ */ (0, Q.jsx)("h3", {
-						className: "text-base sm:text-lg font-semibold",
-						"data-testid": "tool-execution-title",
-						children: e.name
-					}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "flex gap-2 shrink-0",
-						children: [
-							/* @__PURE__ */ (0, Q.jsxs)(i, { children: [/* @__PURE__ */ (0, Q.jsx)(n, {
-								render: /* @__PURE__ */ (0, Q.jsxs)(p, {
-									"data-testid": "tool-execution-metadata-button",
-									variant: N ? "default" : "outline",
-									onClick: () => P(!N),
-									disabled: o,
-									size: "sm",
-									className: u(d, T),
-									title: "View tool metadata",
-									children: [/* @__PURE__ */ (0, Q.jsx)(B, {}), /* @__PURE__ */ (0, Q.jsx)("span", {
-										className: S,
-										children: "Metadata"
-									})]
-								}),
-								nativeButton: !0
-							}), /* @__PURE__ */ (0, Q.jsx)(a, { children: /* @__PURE__ */ (0, Q.jsx)("p", { children: "View tool definition metadata" }) })] }),
-							/* @__PURE__ */ (0, Q.jsxs)(i, { children: [/* @__PURE__ */ (0, Q.jsx)(n, {
-								render: /* @__PURE__ */ (0, Q.jsxs)(p, {
-									"data-testid": "tool-execution-copy-payload-button",
-									variant: "outline",
-									onClick: async () => {
-										if (e) try {
-											await L(JSON.stringify(r ?? t, null, 2)), R(!0), setTimeout(() => R(!1), 2e3);
-										} catch {}
-									},
-									disabled: o,
-									size: "sm",
-									className: u(d, T),
-									title: "Copy payload as JSON",
-									children: [F ? /* @__PURE__ */ (0, Q.jsx)(te, { className: "text-green-600" }) : /* @__PURE__ */ (0, Q.jsx)(I, {}), /* @__PURE__ */ (0, Q.jsx)("span", {
-										className: S,
-										children: F ? "Copied!" : "Payload"
-									})]
-								}),
-								nativeButton: !0
-							}), /* @__PURE__ */ (0, Q.jsx)(a, { children: /* @__PURE__ */ (0, Q.jsx)("p", { children: "Copy payload as JSON" }) })] }),
-							/* @__PURE__ */ (0, Q.jsxs)(i, { children: [/* @__PURE__ */ (0, Q.jsx)(n, {
-								render: /* @__PURE__ */ (0, Q.jsxs)(p, {
-									"data-testid": "tool-execution-save-button",
-									variant: "outline",
-									onClick: m,
-									disabled: o,
-									size: "sm",
-									className: u(d, T),
-									title: "Save request",
-									children: [/* @__PURE__ */ (0, Q.jsx)(K, {}), /* @__PURE__ */ (0, Q.jsx)("span", {
-										className: S,
-										children: "Save"
-									})]
-								}),
-								nativeButton: !0
-							}), /* @__PURE__ */ (0, Q.jsx)(a, { children: /* @__PURE__ */ (0, Q.jsx)("p", { children: "Save request" }) })] }),
-							o && h ? /* @__PURE__ */ (0, Q.jsxs)(i, {
-								open: D ? void 0 : !1,
-								children: [/* @__PURE__ */ (0, Q.jsx)(n, {
-									render: /* @__PURE__ */ (0, Q.jsx)("div", {
-										onMouseEnter: () => A(!0),
-										onMouseLeave: () => A(!1),
-										className: "relative",
-										children: /* @__PURE__ */ (0, Q.jsx)(p, {
-											"data-testid": "tool-execution-cancel-button",
-											onClick: h,
-											variant: D ? "destructive" : "default",
-											size: "sm",
-											className: u(f, T, E, "transition-all"),
-											children: D ? /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [
-												/* @__PURE__ */ (0, Q.jsx)(de, {}),
-												/* @__PURE__ */ (0, Q.jsx)("span", {
-													className: S,
-													children: "Cancel"
-												}),
-												/* @__PURE__ */ (0, Q.jsx)("span", {
-													className: w,
-													children: "Esc"
-												})
-											] }) : /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)(X, {}), /* @__PURE__ */ (0, Q.jsx)("span", {
-												className: S,
-												children: "Executing..."
-											})] })
-										})
-									}),
-									nativeButton: !1
-								}), /* @__PURE__ */ (0, Q.jsx)(a, { children: /* @__PURE__ */ (0, Q.jsx)("p", { children: "Hover to cancel (or press Esc)" }) })]
-							}) : /* @__PURE__ */ (0, Q.jsx)(p, {
-								"data-testid": "tool-execution-execute-button",
-								onClick: l,
-								disabled: o || !s,
-								size: "sm",
-								className: u(f, T, E),
-								children: o ? /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)(X, {}), /* @__PURE__ */ (0, Q.jsx)("span", {
-									className: S,
-									children: "Executing..."
-								})] }) : /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [
-									/* @__PURE__ */ (0, Q.jsx)(le, {}),
-									/* @__PURE__ */ (0, Q.jsx)("span", {
-										className: S,
-										children: "Execute"
-									}),
-									/* @__PURE__ */ (0, Q.jsx)("span", {
-										className: w,
-										children: "⌘↵"
-									})
-								] })
-							})
-						]
-					})]
-				}) })
-			}),
-			/* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "flex-1 overflow-y-auto px-3 sm:px-5 pb-4 pr-3",
-				children: [e.description && /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "relative mb-6",
-					children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "relative",
-						children: [/* @__PURE__ */ (0, Q.jsx)("p", {
-							ref: G,
-							"data-testid": "tool-execution-description",
-							className: `text-sm text-gray-600 dark:text-gray-400 leading-relaxed transition-all duration-300 ${!z && U ? "line-clamp-3" : ""}`,
-							children: e.description
-						}), U && !z && /* @__PURE__ */ (0, Q.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, Q.jsx)("div", {
-						className: "flex justify-end",
-						children: /* @__PURE__ */ (0, Q.jsx)("button", {
-							onClick: () => H(!z),
-							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: z ? /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: ["Show less", /* @__PURE__ */ (0, Q.jsx)(Ce, { className: "h-3 w-3" })] }) : /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: ["Show more", /* @__PURE__ */ (0, Q.jsx)(x, { className: "h-3 w-3" })] })
-						})
-					})]
-				}), /* @__PURE__ */ (0, Q.jsx)(Ie, {
-					selectedTool: e,
-					toolArgs: t,
-					onArgChange: c,
-					onBulkPaste: g,
-					autoFilledFields: _,
-					setFields: v,
-					sendEmptyFields: y,
-					onToggleEmpty: b
-				})]
-			}),
-			/* @__PURE__ */ (0, Q.jsx)(ee, {
-				open: N,
-				onOpenChange: P,
-				children: /* @__PURE__ */ (0, Q.jsxs)(j, {
-					scrollable: !0,
-					className: "max-w-3xl max-h-[80vh]",
-					children: [/* @__PURE__ */ (0, Q.jsx)(k, {
-						sticky: !0,
-						children: /* @__PURE__ */ (0, Q.jsx)(C, { children: "Tool Definition" })
-					}), /* @__PURE__ */ (0, Q.jsx)(O, { children: /* @__PURE__ */ (0, Q.jsx)(M, {
-						onCopy: async () => {
-							e && await L(JSON.stringify(e, null, 2));
-						},
-						children: /* @__PURE__ */ (0, Q.jsx)(V, {
-							data: e,
-							filename: `tool-definition-${e.name}-${Date.now()}.json`
-						})
-					}) })]
-				})
-			})
-		]
-	}) : /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: "flex flex-col items-center justify-center h-full p-4 text-center",
-		children: [/* @__PURE__ */ (0, Q.jsx)("p", {
-			className: "text-gray-500 dark:text-gray-400 mb-2",
-			children: "Select a tool to get started"
-		}), /* @__PURE__ */ (0, Q.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, Z.useState)(() => ze(e));
-	return (0, Z.useEffect)(() => {
-		let t = () => n(ze(e));
-		t();
-		let r = setInterval(t, 1e3);
-		return () => clearInterval(r);
-	}, [e]), /* @__PURE__ */ (0, Q.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 $(e) {
-	try {
-		return JSON.parse(e), !0;
-	} catch {
-		return !1;
-	}
-}
-function Ve({ content: e }) {
-	let [t, n] = (0, Z.useState)(/* @__PURE__ */ new Set()), r = (0, Z.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, Q.jsx)("div", {
-		className: "text-sm text-gray-500 dark:text-gray-400",
-		children: "No content"
-	}) : /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "space-y-4",
-		children: e.map((e, n) => {
-			if (e.type === "text") {
-				let i = e.text || "", a = t.has(n), o = $(i), s = o ? (() => {
-					try {
-						return JSON.parse(i);
-					} catch {
-						return null;
-					}
-				})() : null;
-				return /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-							children: ["Text Content", a ? " (formatted)" : ""]
-						}), o && /* @__PURE__ */ (0, Q.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, Q.jsx)(V, {
-						data: s,
-						filename: `content-${n}.json`
-					}) : /* @__PURE__ */ (0, Q.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, Q.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-					children: "Image Content"
-				}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3",
-					children: [/* @__PURE__ */ (0, Q.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, Q.jsx)("div", {
-						className: "mt-2 text-xs text-gray-500 dark:text-gray-400",
-						children: /* @__PURE__ */ (0, Q.jsx)(V, {
-							data: e.annotations,
-							filename: `image-annotations-${n}.json`,
-							"data-testid": "tool-execution-results-image-annotations"
-						})
-					})]
-				})]
-			}, n);
-			if (e.type === "audio") return /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-					children: "Audio Content"
-				}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3",
-					children: [/* @__PURE__ */ (0, Q.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, Q.jsx)("div", {
-						className: "mt-2 text-xs text-gray-500 dark:text-gray-400",
-						children: /* @__PURE__ */ (0, Q.jsx)(V, {
-							data: e.annotations,
-							filename: `audio-annotations-${n}.json`,
-							"data-testid": "tool-execution-results-audio-annotations"
-						})
-					})]
-				})]
-			}, n);
-			if (e.type === "resource_link") return /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-					children: "Resource Link"
-				}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 space-y-2",
-					children: [
-						/* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "font-mono text-sm break-all",
-							children: [
-								/* @__PURE__ */ (0, Q.jsx)("span", {
-									className: "text-gray-600 dark:text-gray-400",
-									children: "URI:"
-								}),
-								" ",
-								e.uri
-							]
-						}),
-						e.name && /* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "text-sm",
-							children: [
-								/* @__PURE__ */ (0, Q.jsx)("span", {
-									className: "text-gray-600 dark:text-gray-400",
-									children: "Name:"
-								}),
-								" ",
-								e.name
-							]
-						}),
-						e.description && /* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "text-sm",
-							children: [
-								/* @__PURE__ */ (0, Q.jsx)("span", {
-									className: "text-gray-600 dark:text-gray-400",
-									children: "Description:"
-								}),
-								" ",
-								e.description
-							]
-						}),
-						e.mimeType && /* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "text-sm",
-							children: [
-								/* @__PURE__ */ (0, Q.jsx)("span", {
-									className: "text-gray-600 dark:text-gray-400",
-									children: "MIME Type:"
-								}),
-								" ",
-								e.mimeType
-							]
-						}),
-						e.annotations && /* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "mt-2",
-							children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-								className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
-								children: "Annotations:"
-							}), /* @__PURE__ */ (0, Q.jsx)(V, {
-								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, Q.jsxs)("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-						className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-						children: "Embedded Resource"
-					}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 space-y-2",
-						children: [
-							/* @__PURE__ */ (0, Q.jsxs)("div", {
-								className: "font-mono text-sm break-all",
-								"data-testid": "tool-execution-results-resource-uri",
-								children: [
-									/* @__PURE__ */ (0, Q.jsx)("span", {
-										className: "text-gray-600 dark:text-gray-400",
-										children: "URI:"
-									}),
-									" ",
-									t.uri
-								]
-							}),
-							t.mimeType && /* @__PURE__ */ (0, Q.jsxs)("div", {
-								className: "text-sm",
-								children: [
-									/* @__PURE__ */ (0, Q.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, Q.jsxs)("div", {
-								"data-testid": "tool-execution-results-resource-text-content",
-								children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-									className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
-									children: "Content:"
-								}), /* @__PURE__ */ (0, Q.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, Q.jsxs)("div", {
-								className: "text-sm text-gray-600 dark:text-gray-400",
-								children: [
-									"[Binary content: ",
-									t.blob.length || 0,
-									" bytes]"
-								]
-							}),
-							t.annotations && /* @__PURE__ */ (0, Q.jsxs)("div", {
-								className: "mt-2",
-								children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-									className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
-									children: "Annotations:"
-								}), /* @__PURE__ */ (0, Q.jsx)(V, {
-									data: t.annotations,
-									filename: `resource-annotations-${n}.json`,
-									"data-testid": "tool-execution-results-resource-annotations"
-								})]
-							})
-						]
-					})]
-				}, n);
-			}
-			return /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-					children: ["Unknown Content Type: ", e.type || "N/A"]
-				}), /* @__PURE__ */ (0, Q.jsx)(V, {
-					data: e,
-					filename: `content-${n}.json`,
-					"data-testid": "tool-execution-results-unknown-content"
-				})]
-			}, n);
-		})
-	});
-}
-function He({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy: i, onMaximize: a, isMaximized: o = !1, onRerunTool: s, onWidgetHeightChange: c }) {
-	let [l, u] = (0, Z.useState)(0), [d, f] = (0, Z.useState)(!0), [m, h] = (0, Z.useState)(null), [g, x] = (0, Z.useState)("inline"), [S, C] = (0, Z.useState)(null), w = (0, Z.useRef)(!1), T = e[0], E = T ? e.filter((e) => e.toolName === T.toolName) : [], D = E[l] || E[0], O = e.findIndex((e) => e === D), k = (D ? D.error || Be(D.result) : null) ?? (D == null ? "" : JSON.stringify(D.result, null, 2));
-	(0, Z.useEffect)(() => {
-		E.length > 0 && l >= E.length && u(0);
-	}, [E.length, l]), (0, Z.useEffect)(() => {
-		w.current = !1, h(null);
-	}, [T?.toolName]);
-	let A = (0, Z.useMemo)(() => D?.args, [D?.timestamp, l]), j = (0, Z.useMemo)(() => D?.result, [
-		D?.timestamp,
-		D?.duration,
-		l
-	]), M = (0, Z.useCallback)((e) => r(e), [r]), ee = (0, Z.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(", ");
-		_e.info("Widget follow-up", {
-			description: [t, i].filter(Boolean).join(" — "),
-			duration: 5e3
-		});
-	}, []), N = (0, Z.useMemo)(() => D && Y(D.toolMeta) ? "mcp-apps" : null, [D]), P = (0, Z.useMemo)(() => D?.toolMeta ? ge(D.toolMeta) : null, [D?.toolMeta]), L = (0, Z.useMemo)(() => N === "mcp-apps" && !!P, [N, P]), R = (0, Z.useMemo)(() => D?.result?.content || [], [D]), B = (0, Z.useMemo)(() => P || null, [P]), H = (0, Z.useMemo)(() => !!(R && R.length > 0 || D?.result?.structuredContent), [R, D]), U = (0, Z.useMemo)(() => !L && H, [L, H]), W = (0, Z.useMemo)(() => {
-		let e = [];
-		return L && P && e.push({
-			mode: "mcp-apps",
-			label: "Component (MCP Apps)"
-		}), e.push({
-			mode: "json",
-			label: "Raw JSON"
-		}), e;
-	}, [L, P]);
-	return (0, Z.useEffect)(() => {
-		if (W.length === 0) return;
-		let e = m && W.some((e) => e.mode === m), t = W.find((e) => e.mode !== "json");
-		if (t) {
-			let n = w.current;
-			if (w.current = !0, !m || !e || m === "json" && !n) {
-				h(t.mode);
-				return;
-			}
-		} else (!m || !e) && h("json");
-	}, [W, m]), (0, Z.useEffect)(() => {
-		c && (e.length === 0 || m !== "mcp-apps" || g !== "inline" || !L) && c(null);
-	}, [
-		c,
-		e.length,
-		m,
-		g,
-		L
-	]), e.length === 0 ? /* @__PURE__ */ (0, Q.jsx)("div", {
-		className: "flex flex-col h-full bg-white dark:bg-black",
-		children: /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "flex-1 overflow-y-auto h-full",
-			children: /* @__PURE__ */ (0, Q.jsx)("div", {
-				className: "flex items-center justify-center h-full",
-				children: /* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "text-center",
-					children: /* @__PURE__ */ (0, Q.jsx)(pe, {
-						vertical: !0,
-						noBorder: !0,
-						message: "No Results yet"
-					})
-				})
-			})
-		})
-	}) : /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: "relative flex flex-col h-full bg-white dark:bg-black",
-		children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "flex-1 overflow-y-auto h-full",
-			children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "space-y-0 flex flex-col flex-1 h-full",
-				children: [/* @__PURE__ */ (0, Q.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 ${L || U ? "border-b border-gray-200 dark:border-zinc-600 pb-2" : ""}`,
-					children: [
-						/* @__PURE__ */ (0, Q.jsx)("h3", {
-							className: "text-sm font-medium hidden sm:block",
-							children: "Response"
-						}),
-						D.duration !== void 0 && /* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "hidden sm:flex items-center gap-1",
-							children: [/* @__PURE__ */ (0, Q.jsx)(z, { className: "h-3 w-3 text-gray-400" }), /* @__PURE__ */ (0, Q.jsxs)("span", {
-								className: "text-xs text-gray-500 dark:text-gray-400",
-								children: [D.duration, "ms"]
-							})]
-						}),
-						L && /* @__PURE__ */ (0, Q.jsx)("div", {
-							className: "flex items-center gap-4 sm:ml-4",
-							children: /* @__PURE__ */ (0, Q.jsx)("div", {
-								className: "flex items-center gap-2",
-								children: W.map((e, t) => /* @__PURE__ */ (0, Q.jsxs)(Z.Fragment, { children: [t > 0 && /* @__PURE__ */ (0, Q.jsx)("span", {
-									className: "text-xs text-zinc-400",
-									children: "|"
-								}), /* @__PURE__ */ (0, Q.jsx)("button", {
-									"data-testid": `tool-result-view-${e.mode}`,
-									onClick: () => h(e.mode),
-									className: `text-xs font-medium ${m === e.mode ? "text-black dark:text-white" : "text-zinc-500 dark:text-zinc-400"}`,
-									children: e.label
-								})] }, e.mode))
-							})
-						}),
-						U && /* @__PURE__ */ (0, Q.jsxs)("div", {
-							className: "flex items-center gap-2 sm:ml-4",
-							children: [
-								/* @__PURE__ */ (0, Q.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, Q.jsx)("span", {
-									className: "text-xs text-zinc-400",
-									children: "|"
-								}),
-								/* @__PURE__ */ (0, Q.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, Q.jsxs)("div", {
-							className: "ml-auto flex items-center gap-1",
-							children: [
-								o && s && /* @__PURE__ */ (0, Q.jsxs)(p, {
-									"data-testid": "tool-result-rerun",
-									variant: "ghost",
-									size: "sm",
-									onClick: s,
-									title: "Re-run with same arguments",
-									children: [/* @__PURE__ */ (0, Q.jsx)(le, { className: "h-4 w-4" }), /* @__PURE__ */ (0, Q.jsx)("span", {
-										className: "hidden sm:inline ml-1",
-										children: "Re-run"
-									})]
-								}),
-								L && a && /* @__PURE__ */ (0, Q.jsx)(p, {
-									"data-testid": "tool-result-maximize",
-									variant: "ghost",
-									size: "sm",
-									onClick: a,
-									title: o ? "Restore" : "Maximize",
-									children: o ? /* @__PURE__ */ (0, Q.jsx)(oe, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, Q.jsx)(ae, { className: "h-4 w-4" })
-								}),
-								E.length > 1 && /* @__PURE__ */ (0, Q.jsxs)(b, {
-									value: l.toString(),
-									onValueChange: (e) => u(parseInt(e)),
-									children: [/* @__PURE__ */ (0, Q.jsx)(_, {
-										className: "w-[140px] h-8 text-xs",
-										leading: /* @__PURE__ */ (0, Q.jsxs)("div", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ (0, Q.jsx)(ie, { className: "h-3 w-3" }), /* @__PURE__ */ (0, Q.jsx)(Re, { timestamp: D.timestamp })]
-										})
-									}), /* @__PURE__ */ (0, Q.jsx)(v, { children: E.map((e, t) => /* @__PURE__ */ (0, Q.jsx)(y, {
-										value: t.toString(),
-										children: /* @__PURE__ */ (0, Q.jsxs)("div", {
-											className: "flex items-center gap-2",
-											children: [
-												/* @__PURE__ */ (0, Q.jsx)(ie, { className: "h-3 w-3" }),
-												/* @__PURE__ */ (0, Q.jsx)("span", { children: ze(e.timestamp) }),
-												/* @__PURE__ */ (0, Q.jsxs)("span", {
-													className: "text-xs text-muted-foreground",
-													children: [
-														"(",
-														new Date(e.timestamp).toLocaleTimeString(),
-														")"
-													]
-												})
-											]
-										})
-									}, t)) })]
-								}),
-								/* @__PURE__ */ (0, Q.jsx)(p, {
-									"data-testid": `tool-result-copy-${O}`,
-									variant: "ghost",
-									size: "sm",
-									onClick: () => i(O, k),
-									children: t === O ? /* @__PURE__ */ (0, Q.jsx)(te, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, Q.jsx)(I, { className: "h-4 w-4" })
-								})
-							]
-						})
-					]
-				}), (() => {
-					let e = D.error || Be(D.result);
-					return e ? /* @__PURE__ */ (0, Q.jsxs)("div", {
-						className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded p-3 mx-4 mt-4",
-						children: [/* @__PURE__ */ (0, Q.jsx)("p", {
-							className: "text-red-800 dark:text-red-300 font-medium",
-							children: "Error:"
-						}), /* @__PURE__ */ (0, Q.jsx)("p", {
-							className: "text-red-700 dark:text-red-400 text-sm",
-							children: e
-						})]
-					}) : (() => {
-						if (!m) return /* @__PURE__ */ (0, Q.jsx)("div", {
-							className: "flex items-center justify-center w-full h-[200px]",
-							children: /* @__PURE__ */ (0, Q.jsx)(X, { className: "size-5" })
-						});
-						switch (m) {
-							case "mcp-apps": return !L || !P ? /* @__PURE__ */ (0, Q.jsx)("div", {
-								className: "px-4 pt-4",
-								children: /* @__PURE__ */ (0, Q.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, Q.jsx)("p", {
-										className: "text-sm text-red-600 dark:text-red-400",
-										children: "MCP Apps resource not available"
-									})
-								})
-							}) : /* @__PURE__ */ (0, Q.jsxs)(be, {
-								className: "relative flex flex-1 w-full min-h-[240px] items-stretch",
-								children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-									className: "absolute top-2 right-2 z-30 flex items-center gap-2",
-									children: /* @__PURE__ */ (0, Q.jsx)(F, {
-										toolCallId: `tool-${D.timestamp}`,
-										displayMode: g,
-										onDisplayModeChange: x,
-										propsContext: "tool",
-										resourceUri: P,
-										toolInput: D.args,
-										resourceAnnotations: D.toolMeta,
-										llmConfig: null,
-										resource: null,
-										onPropsChange: C
-									})
-								}), /* @__PURE__ */ (0, Q.jsx)("div", {
-									className: "flex min-h-0 flex-1 flex-col pt-11",
-									children: /* @__PURE__ */ (0, Q.jsx)(xe, {
-										serverId: n,
-										viewId: `tool-${D.timestamp}`,
-										toolName: D.toolName,
-										toolInput: A,
-										toolOutput: j,
-										toolMetadata: D.toolMeta,
-										resourceUri: P,
-										readResource: M,
-										customProps: S || void 0,
-										displayMode: g,
-										onDisplayModeChange: x,
-										onSendFollowUp: ee,
-										onWidgetHeightChange: c ? (e) => c(e) : void 0,
-										noWrapper: !0
-									}, `mcp-apps-${D.timestamp}`)
-								})]
-							});
-							case "json":
-								if (U && d) {
-									let e = D.result?.structuredContent;
-									return /* @__PURE__ */ (0, Q.jsxs)("div", {
-										className: "px-4 pt-4 space-y-4",
-										"data-testid": "tool-execution-results-content",
-										children: [
-											e && /* @__PURE__ */ (0, Q.jsxs)("div", {
-												className: "space-y-2",
-												"data-testid": "tool-execution-results-structured-content",
-												children: [/* @__PURE__ */ (0, Q.jsx)("div", {
-													className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-													children: "Structured Content"
-												}), /* @__PURE__ */ (0, Q.jsx)(V, {
-													data: e,
-													filename: `structured-content-${D.toolName}-${Date.now()}.json`
-												})]
-											}),
-											R && R.length > 0 && /* @__PURE__ */ (0, Q.jsx)(Ve, { content: R }),
-											!e && (!R || R.length === 0) && /* @__PURE__ */ (0, Q.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, Q.jsx)("div", {
-									className: "px-4 pt-4",
-									children: /* @__PURE__ */ (0, Q.jsx)(V, {
-										data: D.result,
-										filename: `tool-result-${D.toolName}-${Date.now()}.json`
-									})
-								});
-							default: return null;
-						}
-					})();
-				})()]
-			})
-		}), B && m === "mcp-apps" && /* @__PURE__ */ (0, Q.jsx)("div", {
-			className: "absolute bottom-0 left-1/2 -translate-x-1/2 z-40 pointer-events-none",
-			children: /* @__PURE__ */ (0, Q.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: B
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/client/components/tools/ToolsList.tsx
-function Ue({ tools: e, selectedTool: t, onToolSelect: r, focusedIndex: s }) {
-	if (e.length === 0) return /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: "flex flex-1 flex-col items-center justify-center p-4 text-center",
-		children: [/* @__PURE__ */ (0, Q.jsx)(ue, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, Q.jsx)("p", {
-			className: "text-gray-500 dark:text-gray-400",
-			children: "No tools available"
-		})]
-	});
-	let c = e.some((e) => e.inputSchema?.properties && Object.keys(e.inputSchema.properties).length > 0);
-	return /* @__PURE__ */ (0, Q.jsx)("div", { children: e.map((e, l) => {
-		let u = e._meta, d = Y(u) ? "mcp-apps" : null, f = e.inputSchema?.properties, p = f ? Object.keys(f).length : 0, m = c && p > 0 && /* @__PURE__ */ (0, Q.jsxs)(o, {
-			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, Q.jsxs)("div", {
-			className: "flex items-center gap-1.5",
-			children: [d === "mcp-apps" && /* @__PURE__ */ (0, Q.jsxs)(i, { children: [/* @__PURE__ */ (0, Q.jsx)(n, {
-				render: /* @__PURE__ */ (0, Q.jsx)("span", {
-					className: "inline-flex",
-					children: /* @__PURE__ */ (0, Q.jsx)(se, { className: "h-3.5 w-3.5" })
-				}),
-				nativeButton: !1
-			}), /* @__PURE__ */ (0, Q.jsx)(a, { children: /* @__PURE__ */ (0, Q.jsx)("p", { children: "UI widget" }) })] }), m]
-		}) : void 0;
-		return /* @__PURE__ */ (0, Q.jsx)(ne, {
-			id: `tool-${e.name}`,
-			"data-testid": `tool-item-${e.name}`,
-			isSelected: t?.name === e.name,
-			isFocused: s === 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 We(e) {
-	return A(e, "alert-dialog");
-}
-//#endregion
-//#region src/client/components/ui/alert-dialog.tsx
-function Ge({ ...e }) {
-	return /* @__PURE__ */ (0, Q.jsx)(We, {
-		"data-slot": "alert-dialog",
-		...e
-	});
-}
-function Ke({ ...e }) {
-	return /* @__PURE__ */ (0, Q.jsx)(D, {
-		"data-slot": "alert-dialog-portal",
-		...e
-	});
-}
-function qe({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Q.jsx)(N, {
-		"data-slot": "alert-dialog-overlay",
-		className: u("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 Je({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ (0, Q.jsxs)(Ke, { children: [/* @__PURE__ */ (0, Q.jsx)(qe, {}), /* @__PURE__ */ (0, Q.jsx)(E, {
-		"data-slot": "alert-dialog-content",
-		"data-size": t,
-		className: u("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 Ye({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Q.jsx)("div", {
-		"data-slot": "alert-dialog-header",
-		className: u("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 Xe({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Q.jsx)("div", {
-		"data-slot": "alert-dialog-footer",
-		className: u("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 Ze({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Q.jsx)(w, {
-		"data-slot": "alert-dialog-title",
-		className: u("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 Qe({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Q.jsx)(T, {
-		"data-slot": "alert-dialog-description",
-		className: u("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
-		...t
-	});
-}
-function $e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Q.jsx)(p, {
-		"data-slot": "alert-dialog-action",
-		className: u(e),
-		...t
-	});
-}
-function et({ className: e, variant: t = "outline", size: n = "default", ...r }) {
-	return /* @__PURE__ */ (0, Q.jsx)(S, {
-		"data-slot": "alert-dialog-cancel",
-		className: u(e),
-		render: /* @__PURE__ */ (0, Q.jsx)(p, {
-			variant: t,
-			size: n
-		}),
-		...r
-	});
-}
-//#endregion
-//#region src/client/components/tools/useToolExecution.ts
-function tt({ selectedTool: e, payloadToSend: t, toolArgs: n, callTool: r, readResource: i, serverId: a }) {
-	let [o, s] = (0, Z.useState)([]), [c, l] = (0, Z.useState)(!1), [u, d] = (0, Z.useState)(null), [f, p] = (0, Z.useState)(null), m = (0, Z.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;
-			me(new J({
-				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;
-			me(new J({
-				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, Z.useCallback)(async (e, t) => {
-		try {
-			await L(t), d(e), setTimeout(() => d(null), 2e3);
-		} catch (e) {
-			console.error("[ToolsTab] Failed to copy result:", e);
-		}
-	}, []), g = (0, Z.useCallback)((e) => {
-		s((t) => t.filter((t, n) => n !== e));
-	}, []), _ = (0, Z.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, Z.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, Z.useCallback)(() => {
-			f?.abort(), p(null), l(!1);
-		}, [f])
-	};
-}
-//#endregion
-//#region src/client/components/tools/useToolsTabNavigation.ts
-function nt({ 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, Z.useState)(!1), [_, v] = (0, Z.useState)(-1), y = (0, Z.useRef)(null), [b, x] = (0, Z.useState)(!1), [S, C] = (0, Z.useState)("list"), [w, T] = (0, Z.useState)(!1);
-	(0, Z.useEffect)(() => {
-		let e = () => x(window.innerWidth < 1024);
-		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, []), (0, Z.useEffect)(() => {
-		C(o ? "detail" : "list");
-	}, [o]), (0, Z.useEffect)(() => {
-		if (!b || s.length === 0) return;
-		let e = s[0];
-		(!c || e?.result === null) && C("response");
-	}, [
-		s,
-		c,
-		b
-	]), (0, Z.useImperativeHandle)(e, () => ({
-		focusSearch: () => {
-			g(!0), setTimeout(() => y.current?.focus(), 0);
-		},
-		blurSearch: () => {
-			a(""), g(!1), y.current?.blur();
-		}
-	})), (0, Z.useEffect)(() => {
-		h && y.current?.focus();
-	}, [h]);
-	let E = (0, Z.useCallback)(() => {
-		i.trim() || g(!1);
-	}, [i]), D = (0, Z.useCallback)(async () => {
-		if (d) {
-			T(!0);
-			try {
-				await d();
-			} finally {
-				T(!1);
-			}
-		}
-	}, [d]);
-	return (0, Z.useEffect)(() => {
-		t !== "tools" && g(!1);
-	}, [t]), (0, Z.useEffect)(() => {
-		v(-1);
-	}, [i, t]), (0, Z.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, Z.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, Z.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
-var rt = 200, it = 140;
-function at({ ref: e, tools: t, callTool: n, readResource: i, serverId: a, isConnected: o, refreshTools: s }) {
-	let [c, l] = (0, Z.useState)(null), [u, d] = (0, Z.useState)(null), { selectedToolName: f, setSelectedToolName: m } = ve(), [g, _] = (0, Z.useState)({}), [v, y] = (0, Z.useState)(/* @__PURE__ */ new Set()), [b, x] = (0, Z.useState)(/* @__PURE__ */ new Set()), [S, C] = (0, Z.useState)(""), [w, T] = (0, Z.useState)("tools"), { savedRequests: E, saveSavedRequests: D } = ce(), [O, k] = (0, Z.useState)(!1), [A, j] = (0, Z.useState)(""), [M, ee] = (0, Z.useState)(!1), [N, F] = (0, Z.useState)({
-		open: !1,
-		parsedObject: {},
-		fieldsToUpdate: [],
-		newFields: [],
-		resolve: null
-	}), [te, I] = (0, Z.useState)(/* @__PURE__ */ new Set()), L = re(), z = re(), B = re(), V = (0, Z.useRef)(null), ne = (0, Z.useRef)(!1), ie = (0, Z.useRef)(!1), ae = (0, Z.useRef)(!0), oe = (0, Z.useCallback)(() => {
-		M ? (L.current && L.current.expand(), z.current && z.current.expand(), ee(!1)) : (L.current && L.current.collapse(), z.current && z.current.collapse(), ee(!0));
-	}, [
-		M,
-		L,
-		z
-	]), K = (0, Z.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]), se = (0, Z.useCallback)((e) => {
-		l(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());
-	}, []), le = (0, Z.useCallback)((e) => {
-		let n = t.find((t) => t.name === e.toolName);
-		n && (l(n), _(e.args), y(new Set(Object.keys(e.args))), x(/* @__PURE__ */ new Set()), d(e));
-	}, [t]);
-	(0, Z.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)) && l(e) : (l(null), m(null));
-		}
-	}, [
-		t,
-		c,
-		m
-	]);
-	let q = (0, Z.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]), de = (0, Z.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;
-		});
-	}, []), fe = (0, Z.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), q(e, String(c)));
-			}
-		}), o.length === 0 && s.length === 0 ? !1 : o.length === 0 ? (I(new Set(s)), setTimeout(() => I(/* @__PURE__ */ new Set()), 2e3), !0) : new Promise((e) => {
-			F({
-				open: !0,
-				parsedObject: n,
-				fieldsToUpdate: o,
-				newFields: s,
-				resolve: e
-			});
-		});
-	}, [
-		c,
-		g,
-		q
-	]), pe = (0, Z.useCallback)(() => {
-		if (!N.resolve) return;
-		N.fieldsToUpdate.forEach(({ key: e, newValue: t }) => {
-			q(e, String(t));
-		});
-		let e = [...N.fieldsToUpdate.map((e) => e.key), ...N.newFields];
-		I(new Set(e)), setTimeout(() => I(/* @__PURE__ */ new Set()), 2e3), N.resolve(!0), F({
-			open: !1,
-			parsedObject: {},
-			fieldsToUpdate: [],
-			newFields: [],
-			resolve: null
-		});
-	}, [N, q]), J = (0, Z.useCallback)(() => {
-		N.resolve && (N.resolve(!1), F({
-			open: !1,
-			parsedObject: {},
-			fieldsToUpdate: [],
-			newFields: [],
-			resolve: null
-		}));
-	}, [N]), Y = (0, Z.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: ge, copiedResult: _e, executeTool: X, handleCopyResult: ye, handleDeleteResult: be, handleFullscreen: xe, filteredResults: Ce, cancelExecution: Ee, results: De } = tt({
-		selectedTool: c,
-		payloadToSend: Y,
-		toolArgs: g,
-		callTool: n,
-		readResource: i,
-		serverId: a
-	}), Oe = Ce[0]?.timestamp;
-	(0, Z.useEffect)(() => {
-		ne.current = !1, ae.current = !0;
-		let e = requestAnimationFrame(() => {
-			ae.current = !1;
-		});
-		return () => cancelAnimationFrame(e);
-	}, [Oe]);
-	let Ae = (0, Z.useCallback)(() => {
-		ie.current || ae.current || (ne.current = !0);
-	}, []), je = (0, Z.useCallback)((e) => {
-		if (e === null || M || ne.current) return;
-		let t = B.current, n = V.current;
-		if (!t || !n) return;
-		let r = n.offsetHeight;
-		if (r <= 0) return;
-		let i = t.getSize().inPixels, a = e + it, o = r - rt;
-		if (a <= i || o <= i) return;
-		let s = Math.min(a, o);
-		s <= i || (ie.current = !0, t.resize(s), requestAnimationFrame(() => {
-			ie.current = !1;
-		}));
-	}, [M, B]), { isSearchExpanded: Pe, setIsSearchExpanded: Ie, focusedIndex: Re, searchInputRef: ze, isMobile: Be, mobileView: $, setMobileView: Ve, isRefreshing: We, handleSearchBlur: Ke, handleRefresh: qe } = nt({
-		ref: e,
-		activeTab: w,
-		filteredTools: K,
-		savedRequests: E,
-		searchQuery: S,
-		setSearchQuery: C,
-		selectedTool: c,
-		results: De,
-		isExecuting: ge,
-		handleToolSelect: se,
-		loadSavedRequest: le,
-		refreshTools: s,
-		selectedToolName: f,
-		tools: t,
-		setSelectedToolName: m
-	}), at = (0, Z.useCallback)(() => {
-		c && (j(""), k(!0));
-	}, [c]), ot = (0, Z.useCallback)(() => {
-		if (!c) return;
-		let e = {
-			id: `${Date.now()}-${Math.random()}`,
-			name: A.trim() || `${c.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
-			toolName: c.name,
-			args: Y,
-			savedAt: Date.now(),
-			serverId: c._serverId,
-			serverName: c._serverName
-		};
-		D([...E, e]), me(new he({
-			toolName: c.name,
-			serverId: a
-		})).catch(() => {}), k(!1), j("");
-	}, [
-		c,
-		A,
-		Y,
-		E,
-		D,
-		a
-	]), st = (0, Z.useCallback)((e) => {
-		D(E.filter((t) => t.id !== e)), u?.id === e && d(null);
-	}, [
-		E,
-		D,
-		u
-	]);
-	return Be ? /* @__PURE__ */ (0, Q.jsxs)("div", {
-		className: "h-full flex flex-col overflow-hidden relative bg-background",
-		children: [
-			$ !== "list" && /* @__PURE__ */ (0, Q.jsxs)("div", {
-				className: "flex items-center gap-2 p-2 border-b shrink-0 bg-background z-10",
-				children: [/* @__PURE__ */ (0, Q.jsx)(p, {
-					variant: "ghost",
-					size: "sm",
-					onClick: () => {
-						$ === "response" ? Ve("detail") : (l(null), Ve("list"));
-					},
-					className: "p-0 h-8 w-8",
-					children: /* @__PURE__ */ (0, Q.jsx)(R, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "flex items-center text-sm font-medium",
-					children: [
-						/* @__PURE__ */ (0, Q.jsx)("button", {
-							onClick: () => {
-								l(null), Ve("list");
-							},
-							className: "text-muted-foreground hover:text-foreground hover:underline cursor-pointer",
-							children: "Tools"
-						}),
-						$ === "detail" && /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-							className: "mx-2 text-muted-foreground",
-							children: "/"
-						}), /* @__PURE__ */ (0, Q.jsx)("button", {
-							onClick: () => {
-								Ve("response");
-							},
-							className: $ === "detail" ? "text-foreground hover:underline" : $ === "response" ? "text-muted-foreground hover:text-foreground hover:underline cursor-pointer" : "text-muted-foreground",
-							children: "Execute"
-						})] }),
-						$ === "response" && /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
-							className: "mx-2 text-muted-foreground",
-							children: "/"
-						}), /* @__PURE__ */ (0, Q.jsx)("span", {
-							className: "text-foreground",
-							children: "Response"
-						})] })
-					]
-				})]
-			}),
-			/* @__PURE__ */ (0, Q.jsx)("div", {
-				className: "flex-1 relative overflow-hidden",
-				children: /* @__PURE__ */ (0, Q.jsxs)(h, {
-					initial: !1,
-					mode: "popLayout",
-					children: [
-						$ === "list" && /* @__PURE__ */ (0, Q.jsx)(r.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, Q.jsx)(W, { children: (e) => /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)(Se, {
-								isScrolled: e,
-								activeTab: w,
-								isSearchExpanded: Pe,
-								searchQuery: S,
-								primaryTabName: "tools",
-								secondaryTabName: "saved",
-								primaryTabTitle: "Tools",
-								secondaryTabTitle: "Saved",
-								primaryCount: K.length,
-								secondaryCount: E.length,
-								primaryIcon: ue,
-								secondaryIcon: P,
-								searchPlaceholder: "Search tools...",
-								onSearchExpand: () => Ie(!0),
-								onSearchChange: C,
-								onSearchBlur: Ke,
-								onTabSwitch: () => T(w === "tools" ? "saved" : "tools"),
-								searchInputRef: ze,
-								onRefresh: s ? qe : void 0,
-								isRefreshing: We
-							}), w === "tools" ? /* @__PURE__ */ (0, Q.jsx)(Ue, {
-								tools: K,
-								selectedTool: c,
-								onToolSelect: se,
-								focusedIndex: Re
-							}) : /* @__PURE__ */ (0, Q.jsx)(we, {
-								savedRequests: E,
-								selectedRequest: u,
-								onLoadRequest: le,
-								onDeleteRequest: st,
-								focusedIndex: Re
-							})] }) })
-						}, "list"),
-						$ === "detail" && /* @__PURE__ */ (0, Q.jsx)(r.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, Q.jsx)(Le, {
-								selectedTool: c,
-								toolArgs: g,
-								payloadToSend: Y,
-								isExecuting: ge,
-								isConnected: o,
-								onArgChange: q,
-								onExecute: X,
-								onSave: at,
-								onBulkPaste: fe,
-								autoFilledFields: te,
-								setFields: v,
-								sendEmptyFields: b,
-								onToggleEmpty: de
-							})
-						}, "detail"),
-						$ === "response" && /* @__PURE__ */ (0, Q.jsx)(r.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, Q.jsx)(He, {
-								results: Ce,
-								copiedResult: _e,
-								serverId: a,
-								readResource: i,
-								onCopy: ye,
-								onDelete: be,
-								onFullscreen: xe,
-								onRerunTool: X
-							})
-						}, "response")
-					]
-				})
-			}),
-			/* @__PURE__ */ (0, Q.jsx)(Te, {
-				isOpen: O,
-				requestName: A,
-				defaultPlaceholder: `${c?.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
-				onRequestNameChange: j,
-				onSave: ot,
-				onCancel: () => k(!1)
-			}),
-			/* @__PURE__ */ (0, Q.jsx)(Ge, {
-				open: N.open,
-				onOpenChange: (e) => {
-					e || J();
-				},
-				children: /* @__PURE__ */ (0, Q.jsxs)(Je, { children: [/* @__PURE__ */ (0, Q.jsxs)(Ye, { children: [/* @__PURE__ */ (0, Q.jsx)(Ze, { children: "Auto-fill fields from pasted object?" }), /* @__PURE__ */ (0, Q.jsxs)(Qe, { children: [N.fieldsToUpdate.length > 0 && /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "mb-3",
-					children: [/* @__PURE__ */ (0, Q.jsx)("p", {
-						className: "font-medium mb-2",
-						children: "The following fields will be updated:"
-					}), /* @__PURE__ */ (0, Q.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, Q.jsxs)("li", {
-							className: "font-mono",
-							children: [
-								/* @__PURE__ */ (0, Q.jsxs)("span", {
-									className: "font-semibold",
-									children: [e, ":"]
-								}),
-								" ",
-								/* @__PURE__ */ (0, Q.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, Q.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, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("p", {
-					className: "font-medium mb-1",
-					children: "New fields to be filled:"
-				}), /* @__PURE__ */ (0, Q.jsx)("p", {
-					className: "text-sm font-mono",
-					children: N.newFields.join(", ")
-				})] })] })] }), /* @__PURE__ */ (0, Q.jsxs)(Xe, { children: [/* @__PURE__ */ (0, Q.jsx)(et, {
-					onClick: J,
-					children: "Cancel"
-				}), /* @__PURE__ */ (0, Q.jsx)($e, {
-					onClick: pe,
-					children: "Auto-fill"
-				})] })] })
-			})
-		]
-	}) : /* @__PURE__ */ (0, Q.jsxs)(G, {
-		orientation: "horizontal",
-		className: "h-full",
-		children: [
-			/* @__PURE__ */ (0, Q.jsx)(H, {
-				id: "left-panel",
-				defaultSize: "33%",
-				minSize: 250,
-				collapsedSize: 0,
-				collapsible: !0,
-				className: "flex flex-col h-full relative",
-				panelRef: L,
-				children: /* @__PURE__ */ (0, Q.jsx)("div", {
-					className: "flex h-full flex-col overflow-hidden",
-					children: /* @__PURE__ */ (0, Q.jsx)(W, { children: (e) => /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)(Se, {
-						isScrolled: e,
-						activeTab: w,
-						isSearchExpanded: Pe,
-						searchQuery: S,
-						primaryTabName: "tools",
-						secondaryTabName: "saved",
-						primaryTabTitle: "Tools",
-						secondaryTabTitle: "Saved",
-						primaryCount: K.length,
-						secondaryCount: E.length,
-						primaryIcon: ue,
-						secondaryIcon: P,
-						searchPlaceholder: "Search tools...",
-						onSearchExpand: () => Ie(!0),
-						onSearchChange: C,
-						onSearchBlur: Ke,
-						onTabSwitch: () => T(w === "tools" ? "saved" : "tools"),
-						searchInputRef: ze,
-						onRefresh: s ? qe : void 0,
-						isRefreshing: We
-					}), w === "tools" ? /* @__PURE__ */ (0, Q.jsx)(Ue, {
-						tools: K,
-						selectedTool: c,
-						onToolSelect: se,
-						focusedIndex: Re
-					}) : /* @__PURE__ */ (0, Q.jsx)(we, {
-						savedRequests: E,
-						selectedRequest: u,
-						onLoadRequest: le,
-						onDeleteRequest: st,
-						focusedIndex: Re
-					})] }) })
-				})
-			}),
-			/* @__PURE__ */ (0, Q.jsx)(U, { withHandle: !0 }),
-			/* @__PURE__ */ (0, Q.jsx)(H, {
-				defaultSize: "67%",
-				children: /* @__PURE__ */ (0, Q.jsxs)(G, {
-					orientation: "vertical",
-					elementRef: V,
-					onLayoutChanged: Ae,
-					children: [
-						/* @__PURE__ */ (0, Q.jsx)(H, {
-							id: "tool-params",
-							defaultSize: "40%",
-							minSize: `${rt}px`,
-							collapsible: !0,
-							panelRef: z,
-							children: /* @__PURE__ */ (0, Q.jsx)(Le, {
-								selectedTool: c,
-								toolArgs: g,
-								payloadToSend: Y,
-								isExecuting: ge,
-								isConnected: o,
-								onArgChange: q,
-								onExecute: X,
-								onSave: at,
-								onCancel: Ee,
-								onBulkPaste: fe,
-								autoFilledFields: te,
-								setFields: v,
-								sendEmptyFields: b,
-								onToggleEmpty: de
-							})
-						}),
-						/* @__PURE__ */ (0, Q.jsx)(U, { withHandle: !0 }),
-						/* @__PURE__ */ (0, Q.jsx)(H, {
-							id: "tool-result",
-							defaultSize: "60%",
-							panelRef: B,
-							children: /* @__PURE__ */ (0, Q.jsx)("div", {
-								className: "flex flex-col h-full",
-								children: /* @__PURE__ */ (0, Q.jsx)(He, {
-									results: Ce,
-									copiedResult: _e,
-									serverId: a,
-									readResource: i,
-									onCopy: ye,
-									onDelete: be,
-									onFullscreen: xe,
-									onMaximize: oe,
-									isMaximized: M,
-									onRerunTool: X,
-									onWidgetHeightChange: je
-								})
-							})
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ (0, Q.jsx)(Te, {
-				isOpen: O,
-				requestName: A,
-				defaultPlaceholder: `${c?.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
-				onRequestNameChange: j,
-				onSave: ot,
-				onCancel: () => k(!1)
-			}),
-			/* @__PURE__ */ (0, Q.jsx)(Ge, {
-				open: N.open,
-				onOpenChange: (e) => {
-					e || J();
-				},
-				children: /* @__PURE__ */ (0, Q.jsxs)(Je, { children: [/* @__PURE__ */ (0, Q.jsxs)(Ye, { children: [/* @__PURE__ */ (0, Q.jsx)(Ze, { children: "Auto-fill fields from pasted object?" }), /* @__PURE__ */ (0, Q.jsxs)(Qe, { children: [N.fieldsToUpdate.length > 0 && /* @__PURE__ */ (0, Q.jsxs)("div", {
-					className: "mb-3",
-					children: [/* @__PURE__ */ (0, Q.jsx)("p", {
-						className: "font-medium mb-2",
-						children: "The following fields will be updated:"
-					}), /* @__PURE__ */ (0, Q.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, Q.jsxs)("li", {
-							className: "font-mono",
-							children: [
-								/* @__PURE__ */ (0, Q.jsxs)("span", {
-									className: "font-semibold",
-									children: [e, ":"]
-								}),
-								" ",
-								/* @__PURE__ */ (0, Q.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, Q.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, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)("p", {
-					className: "font-medium mb-1",
-					children: "New fields to be filled:"
-				}), /* @__PURE__ */ (0, Q.jsx)("p", {
-					className: "text-sm font-mono",
-					children: N.newFields.join(", ")
-				})] })] })] }), /* @__PURE__ */ (0, Q.jsxs)(Xe, { children: [/* @__PURE__ */ (0, Q.jsx)(et, {
-					onClick: J,
-					children: "Cancel"
-				}), /* @__PURE__ */ (0, Q.jsx)($e, {
-					onClick: pe,
-					children: "Auto-fill"
-				})] })] })
-			})
-		]
-	});
-}
-at.displayName = "ToolsTab";
-//#endregion
-export { at as ToolsTab };