@mcp-use/inspector 12.0.4-canary.0 → 20.0.0-beta.0

package/dist/cdn/ToolsTab-CUhwP4rZ.js

@@ -0,0 +1,2067 @@
+import { s as e, t } from "./react-BIs9pQ3H.js";
+import { t as n } from "./jsx-runtime-CIxvMpEo.js";
+import { Pr as r, Rr as i, a, cr as o, f as s, n as c, r as l, sr as u, t as d, ur as f } from "./input-BLxOA7V-.js";
+import { t as p } from "./label-CBvG613A.js";
+import { t as m } from "./AnimatePresence-B4HhIdgq.js";
+import { a as h, i as g, n as _, r as v, t as y } from "./select-BZ_IoKxg.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-Dnl-pZsY.js";
+import { n as P, r as F, t as I } from "./WidgetWrapper-BJJtLqMb.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-D3RcyO9z.js";
+import { a as U, i as ne, n as W, o as re, r as G, s as ie } from "./shared-uMiV6Fx1.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-DtQOLb9R.js";
+import { t as pe } from "./not-found-BcNNsTjS.js";
+import { _ as me, t as he, v as ge } from "./telemetry-Ct6pVkM1.js";
+import { c as _e, o as ve, r as ye } from "./react-yUi9mVK4.js";
+import { n as be } from "./dist-DjXr_YO3.js";
+import { t as Y } from "./spinner-CWcJhIY_.js";
+import { n as xe } from "./InspectorContext-DzXtgyTx.js";
+import { t as Se } from "./textarea-Bj-CT7hC.js";
+import { t as Ce } from "./useViewHostProps-C7vjco2m.js";
+import { t as we } from "./ListTabHeader-8lULn-90.js";
+var Te = b("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]), X = /* @__PURE__ */ e(t(), 1), Z = n();
+function Ee({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRequest: r, focusedIndex: i }) {
+	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, s) => /* @__PURE__ */ (0, Z.jsxs)("div", {
+		className: "relative group",
+		children: [/* @__PURE__ */ (0, Z.jsx)(G, {
+			id: `saved-${e.id}`,
+			isSelected: t?.id === e.id,
+			isFocused: i === s,
+			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)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
+				render: /* @__PURE__ */ (0, Z.jsx)(u, {
+					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)(l, { 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)(d, {
+					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)(u, {
+						variant: "outline",
+						onClick: a,
+						children: "Cancel"
+					}), /* @__PURE__ */ (0, Z.jsxs)(u, {
+						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 || [], u = Object.keys(c).length > 0, f = async (e, t) => {
+		r && await r(e.clipboardData.getData("text"), t) && e.preventDefault();
+	};
+	return u ? /* @__PURE__ */ (0, Z.jsx)("div", {
+		className: "space-y-4",
+		children: Object.entries(c).map(([r, c]) => {
+			let u = $(c, e?.inputSchema || {}), m = Ae(u), b = u.type === "string" && m !== null, x = u, 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)(d, {
+					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: r, isConnected: s, onArgChange: d, 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 && !r && s && (t.preventDefault(), p()), t.key === "Escape" && r && h && (t.preventDefault(), h());
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [
+		e,
+		r,
+		s,
+		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)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
+								render: /* @__PURE__ */ (0, Z.jsxs)(u, {
+									"data-testid": "tool-execution-metadata-button",
+									variant: N ? "default" : "outline",
+									onClick: () => P(!N),
+									disabled: r,
+									size: "sm",
+									className: i(f, 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)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "View tool definition metadata" }) })] }),
+							/* @__PURE__ */ (0, Z.jsxs)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
+								render: /* @__PURE__ */ (0, Z.jsxs)(u, {
+									"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: r,
+									size: "sm",
+									className: i(f, 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)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Copy payload as JSON" }) })] }),
+							/* @__PURE__ */ (0, Z.jsxs)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
+								render: /* @__PURE__ */ (0, Z.jsxs)(u, {
+									"data-testid": "tool-execution-save-button",
+									variant: "outline",
+									onClick: m,
+									disabled: r,
+									size: "sm",
+									className: i(f, 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)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Save request" }) })] }),
+							r && h ? /* @__PURE__ */ (0, Z.jsxs)(c, {
+								open: D ? void 0 : !1,
+								children: [/* @__PURE__ */ (0, Z.jsx)(a, {
+									render: /* @__PURE__ */ (0, Z.jsx)("div", {
+										onMouseEnter: () => A(!0),
+										onMouseLeave: () => A(!1),
+										className: "relative",
+										children: /* @__PURE__ */ (0, Z.jsx)(u, {
+											"data-testid": "tool-execution-cancel-button",
+											onClick: h,
+											variant: D ? "destructive" : "default",
+											size: "sm",
+											className: i(o, 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)(l, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Hover to cancel (or press Esc)" }) })]
+							}) : /* @__PURE__ */ (0, Z.jsx)(u, {
+								"data-testid": "tool-execution-execute-button",
+								onClick: p,
+								disabled: r || !s,
+								size: "sm",
+								className: i(o, T, E),
+								children: r ? /* @__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: d,
+					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, l] = (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 && l(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)(u, {
+									"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)(u, {
+									"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) => l(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)(u, {
+									"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: n, focusedIndex: i }) {
+	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, s) => {
+		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)(r, {
+			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)(c, { children: [/* @__PURE__ */ (0, Z.jsx)(a, {
+				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)(l, { 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: i === s,
+			title: e.name,
+			description: e.description,
+			metadata: h,
+			onClick: () => n(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: i("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: i("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: i("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: i("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: i("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: i("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)(u, {
+		"data-slot": "alert-dialog-action",
+		className: i(e),
+		...t
+	});
+}
+function nt({ className: e, variant: t = "outline", size: n = "default", ...r }) {
+	return /* @__PURE__ */ (0, Z.jsx)(S, {
+		"data-slot": "alert-dialog-cancel",
+		className: i(e),
+		render: /* @__PURE__ */ (0, Z.jsx)(u, {
+			variant: t,
+			size: n
+		}),
+		...r
+	});
+}
+//#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 (fetch("http://127.0.0.1:7371/ingest/4e7482c5-571f-4071-bd09-762c357289f4", {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+				"X-Debug-Session-Id": "831b88"
+			},
+			body: JSON.stringify({
+				sessionId: "831b88",
+				location: "useToolsTabNavigation.ts:auto-select",
+				message: "tools auto-select effect",
+				data: {
+					selectedToolName: f,
+					toolsCount: p.length,
+					toolNames: p.slice(0, 5).map((e) => e.name),
+					toolFound: f ? !!p.find((e) => e.name === f) : !1,
+					currentSelected: o?.name ?? null
+				},
+				timestamp: Date.now(),
+				hypothesisId: "H2"
+			})
+		}).catch(() => {}), !f || p.length === 0) return;
+		let e = p.find((e) => e.name === f);
+		if (e) {
+			fetch("http://127.0.0.1:7371/ingest/4e7482c5-571f-4071-bd09-762c357289f4", {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					"X-Debug-Session-Id": "831b88"
+				},
+				body: JSON.stringify({
+					sessionId: "831b88",
+					location: "useToolsTabNavigation.ts:auto-select-apply",
+					message: "scheduling handleToolSelect",
+					data: { toolName: e.name },
+					timestamp: Date.now(),
+					hypothesisId: "H4"
+				})
+			}).catch(() => {}), 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: o }) {
+	let [c, l] = (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) => {
+		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());
+	}, []), G = (0, X.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()), 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)) && l(e) : (l(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: o,
+		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)(u, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => {
+						Q === "response" ? $("detail") : (l(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: () => {
+								l(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)(s.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: o ? 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)(s.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)(s.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: o ? 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 };