@mcp-use/inspector 20.0.0-beta.6 → 20.0.0-beta.8

package/dist/cdn/{ToolsTab-6xaVH43x.js → ToolsTab-BMcnfEWg.js}

@@ -1,106 +1,107 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { Pr as n, Rr as r, a as i, cr as a, f as o, n as s, r as c, sr as l, t as u, ur as d } from "./input-C2OBd4PJ.js";
-import { t as f } from "./jsx-runtime-CIxvMpEo.js";
-import { t as p } from "./label-B9Jmm9be.js";
-import { t as m } from "./AnimatePresence-Dcw-FOy8.js";
-import { a as h, i as g, n as _, r as v, t as y } from "./select-DDdiIPR2.js";
-import { t as b } from "./createLucideIcon-C5fZZ6oB.js";
-import { A as x, _ as S, c as C, d as w, g as T, h as E, m as D, n as O, o as k, p as A, r as j, s as M, t as ee, v as N } from "./dialog-BsDpuJd3.js";
-import { n as P, r as F, t as I } from "./WidgetWrapper-CruwjBOd.js";
-import { a as L, i as R, t as z } from "./browser-CbQIH4w2.js";
-import { n as B, t as te } from "./zap-Mb-pbw2X.js";
-import { t as V } from "./code-V_0nf5rg.js";
-import { t as H } from "./JSONDisplay-BFxf5oEu.js";
-import { a as U, i as ne, n as W, o as re, r as G, s as ie } from "./shared-DaILIQPP.js";
-import { t as K } from "./history-Csw4rb44.js";
-import { t as ae } from "./maximize-BALCV_ep.js";
-import { n as oe, t as se } from "./save-Tgil_AJZ.js";
-import { n as ce, t as le } from "./useSavedRequests-Ci2I919u.js";
-import { t as q } from "./play-vuZ5PLnI.js";
-import { t as ue } from "./trash-2-RwpJY5SL.js";
-import { t as de } from "./wrench-DzGmCfnb.js";
-import { t as fe } from "./x-C3vRQIYu.js";
-import { t as J } from "./switch-C3IyQuid.js";
-import { t as pe } from "./not-found-DEtSM_Wd.js";
-import { _ as me, t as he, v as ge } from "./telemetry-C7Ytz2BG.js";
-import { c as _e, o as ve, r as ye } from "./react-BLtCruam.js";
-import { n as be } from "./dist-DaMB0Su9.js";
-import { t as Y } from "./spinner-jQtC7EBj.js";
-import { n as xe } from "./InspectorContext-UjtEbNod.js";
-import { t as Se } from "./textarea-DSbwcFVt.js";
-import { t as Ce } from "./useViewHostProps-CINeSkth.js";
-import { t as we } from "./ListTabHeader-Cv-GmtGF.js";
-var Te = b("chevron-up", [["path", {
+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-BpP-Ifap.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-DjQn_Xm9.js";
+import { c as Y, o as ge } from "./react-Bl-hSkvn.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-jlsYQ7uS.js";
+import { t as Se } from "./ListTabHeader-DzmTtN1e.js";
+var Ce = l("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"
-}]]), X = /* @__PURE__ */ e(t(), 1), Z = f();
-function Ee({ savedRequests: e, selectedRequest: t, onLoadRequest: n, onDeleteRequest: r, focusedIndex: a }) {
-	if (e.length === 0) return /* @__PURE__ */ (0, Z.jsxs)("div", {
+}]]), 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, Z.jsx)(F, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }),
-			/* @__PURE__ */ (0, Z.jsx)("p", {
+			/* @__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, Z.jsx)("p", {
+			/* @__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 o = (e, t) => {
+	let c = (e, t) => {
 		e.stopPropagation(), t();
 	};
-	return /* @__PURE__ */ (0, Z.jsx)("div", { children: e.map((e, u) => /* @__PURE__ */ (0, Z.jsxs)("div", {
+	return /* @__PURE__ */ (0, Q.jsx)("div", { children: e.map((e, l) => /* @__PURE__ */ (0, Q.jsxs)("div", {
 		className: "relative group",
-		children: [/* @__PURE__ */ (0, Z.jsx)(G, {
+		children: [/* @__PURE__ */ (0, Q.jsx)(ne, {
 			id: `saved-${e.id}`,
 			isSelected: t?.id === e.id,
-			isFocused: a === u,
+			isFocused: s === l,
 			title: e.name,
 			description: e.toolName,
-			metadata: /* @__PURE__ */ (0, Z.jsx)("div", {
+			metadata: /* @__PURE__ */ (0, Q.jsx)("div", {
 				className: "flex flex-col gap-1",
-				children: /* @__PURE__ */ (0, Z.jsx)("span", {
+				children: /* @__PURE__ */ (0, Q.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", {
+			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, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-				render: /* @__PURE__ */ (0, Z.jsx)(l, {
+			children: /* @__PURE__ */ (0, Q.jsxs)(i, { children: [/* @__PURE__ */ (0, Q.jsx)(n, {
+				render: /* @__PURE__ */ (0, Q.jsx)(p, {
 					variant: "secondary",
 					size: "sm",
-					onClick: (t) => o(t, () => r(e.id)),
+					onClick: (t) => c(t, () => o(e.id)),
 					className: "h-8 w-8 p-0",
-					children: /* @__PURE__ */ (0, Z.jsx)(ue, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ (0, Q.jsx)(q, { className: "h-4 w-4" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Delete saved request" }) })] })
+			}), /* @__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 De({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameChange: r, onSave: i, onCancel: a }) {
-	return e ? /* @__PURE__ */ (0, Z.jsx)("div", {
+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, Z.jsxs)("div", {
+		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, Z.jsx)("h3", {
+			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, Z.jsxs)("div", {
+			}), /* @__PURE__ */ (0, Q.jsxs)("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)(p, {
+				children: [/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsx)(m, {
 					htmlFor: "request-name",
 					children: "Request Name (optional)"
-				}), /* @__PURE__ */ (0, Z.jsx)(u, {
+				}), /* @__PURE__ */ (0, Q.jsx)(s, {
 					id: "request-name",
 					value: t,
 					onChange: (e) => r(e.target.value),
@@ -110,15 +111,15 @@ function De({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameCha
 						e.key === "Enter" && i();
 					},
 					autoFocus: !0
-				})] }), /* @__PURE__ */ (0, Z.jsxs)("div", {
+				})] }), /* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "flex justify-end gap-2",
-					children: [/* @__PURE__ */ (0, Z.jsx)(l, {
+					children: [/* @__PURE__ */ (0, Q.jsx)(p, {
 						variant: "outline",
 						onClick: a,
 						children: "Cancel"
-					}), /* @__PURE__ */ (0, Z.jsxs)(l, {
+					}), /* @__PURE__ */ (0, Q.jsxs)(p, {
 						onClick: i,
-						children: [/* @__PURE__ */ (0, Z.jsx)(se, { className: "h-4 w-4 mr-2" }), "Save"]
+						children: [/* @__PURE__ */ (0, Q.jsx)(K, { className: "h-4 w-4 mr-2" }), "Save"]
 					})]
 				})]
 			})]
@@ -127,7 +128,7 @@ function De({ isOpen: e, requestName: t, defaultPlaceholder: n, onRequestNameCha
 }
 //#endregion
 //#region src/client/components/tools/schema-utils.ts
-function Oe(e, t) {
+function Ee(e, t) {
 	if (!e?.$ref) return e;
 	let n = e.$ref;
 	if (!n.startsWith("#/")) return e;
@@ -136,22 +137,22 @@ function Oe(e, t) {
 	else return e;
 	return i;
 }
-function Q(e, t) {
+function De(e, t) {
 	if (e?.anyOf && Array.isArray(e.anyOf)) {
-		let n = e.anyOf.find((e) => Oe(e, t)?.type !== "null");
+		let n = e.anyOf.find((e) => Ee(e, t)?.type !== "null");
 		if (n) return {
-			...Oe(n, t),
+			...Ee(n, t),
 			nullable: !0
 		};
 	}
 	return e;
 }
-function $(e, t) {
-	let n = Q(e || {}, t);
-	return n = Oe(n, t), n;
+function Oe(e, t) {
+	let n = De(e || {}, t);
+	return n = Ee(n, t), n;
 }
 function ke(e, t) {
-	let n = $(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");
@@ -250,46 +251,46 @@ function Fe(e) {
 }
 //#endregion
 //#region src/client/components/tools/ToolInputForm.tsx
-function Ie({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, autoFilledFields: i, setFields: a, sendEmptyFields: o, onToggleEmpty: s }) {
-	let c = e?.inputSchema?.properties || {}, l = e?.inputSchema?.required || [], d = Object.keys(c).length > 0, f = async (e, t) => {
+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, Z.jsx)("div", {
+	return d ? /* @__PURE__ */ (0, Q.jsx)("div", {
 		className: "space-y-4",
-		children: Object.entries(c).map(([r, c]) => {
-			let d = $(c, e?.inputSchema || {}), m = Ae(d), b = d.type === "string" && m !== null, x = d, S = l.includes(r), C = t[r], w = "";
+		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 = s && (x.type === "string" || T);
-			return T ? /* @__PURE__ */ (0, Z.jsxs)("div", {
+			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, Z.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "flex items-start justify-between gap-2",
-					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ (0, Z.jsxs)(p, {
+						children: [/* @__PURE__ */ (0, Q.jsxs)(m, {
 							htmlFor: r,
 							className: "text-sm font-medium",
-							children: [r, S && /* @__PURE__ */ (0, Z.jsx)("span", {
+							children: [r, S && /* @__PURE__ */ (0, Q.jsx)("span", {
 								className: "text-red-500 ml-1",
 								children: "*"
 							})]
-						}), x?.description && /* @__PURE__ */ (0, Z.jsx)("p", {
+						}), x?.description && /* @__PURE__ */ (0, Q.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", {
+					}), O && c && /* @__PURE__ */ (0, Q.jsxs)("div", {
 						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ (0, Z.jsx)("span", {
+						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, Z.jsx)(J, {
+						}), /* @__PURE__ */ (0, Q.jsx)(fe, {
 							checked: o?.has(r) ?? !1,
-							onCheckedChange: (e) => s(r, E, e),
+							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, Z.jsx)(Se, {
+				}), /* @__PURE__ */ (0, Q.jsx)(ye, {
 					id: r,
 					"data-testid": `tool-param-${r}`,
 					value: w,
@@ -299,61 +300,61 @@ function Ie({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, auto
 					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", {
+			}, r) : h && p ? /* @__PURE__ */ (0, Q.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsxs)(p, {
+				children: [/* @__PURE__ */ (0, Q.jsxs)("div", { children: [/* @__PURE__ */ (0, Q.jsxs)(m, {
 					htmlFor: r,
 					className: "text-sm font-medium",
-					children: [r, S && /* @__PURE__ */ (0, Z.jsx)("span", {
+					children: [r, S && /* @__PURE__ */ (0, Q.jsx)("span", {
 						className: "text-red-500 ml-1",
 						children: "*"
 					})]
-				}), x.description && /* @__PURE__ */ (0, Z.jsx)("p", {
+				}), 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, Z.jsxs)(y, {
+				})] }), /* @__PURE__ */ (0, Q.jsxs)(b, {
 					value: String(t[r] || ""),
 					onValueChange: (e) => n(r, e),
-					children: [/* @__PURE__ */ (0, Z.jsx)(g, {
+					children: [/* @__PURE__ */ (0, Q.jsx)(_, {
 						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, {
+						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, Z.jsxs)("div", {
+			}, r) : /* @__PURE__ */ (0, Q.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "flex items-start justify-between gap-2",
-					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ (0, Z.jsxs)(p, {
+						children: [/* @__PURE__ */ (0, Q.jsxs)(m, {
 							htmlFor: r,
 							className: "text-sm font-medium",
-							children: [r, S && /* @__PURE__ */ (0, Z.jsx)("span", {
+							children: [r, S && /* @__PURE__ */ (0, Q.jsx)("span", {
 								className: "text-red-500 ml-1",
 								children: "*"
 							})]
-						}), x?.description && /* @__PURE__ */ (0, Z.jsx)("p", {
+						}), x?.description && /* @__PURE__ */ (0, Q.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", {
+					}), O && c && /* @__PURE__ */ (0, Q.jsxs)("div", {
 						className: "flex items-center gap-2 shrink-0",
-						children: [/* @__PURE__ */ (0, Z.jsx)("span", {
+						children: [/* @__PURE__ */ (0, Q.jsx)("span", {
 							className: "text-xs text-muted-foreground whitespace-nowrap",
 							children: "Send empty string"
-						}), /* @__PURE__ */ (0, Z.jsx)(J, {
+						}), /* @__PURE__ */ (0, Q.jsx)(fe, {
 							checked: o?.has(r) ?? !1,
-							onCheckedChange: (e) => s(r, "string", e),
+							onCheckedChange: (e) => c(r, "string", e),
 							"aria-label": "Send empty string",
 							title: "Send empty string"
 						})]
 					})]
-				}), /* @__PURE__ */ (0, Z.jsx)(u, {
+				}), /* @__PURE__ */ (0, Q.jsx)(s, {
 					id: r,
 					"data-testid": `tool-param-${r}`,
 					value: w,
@@ -365,144 +366,144 @@ function Ie({ selectedTool: e, toolArgs: t, onArgChange: n, onBulkPaste: r, auto
 				})]
 			}, r);
 		})
-	}) : /* @__PURE__ */ (0, Z.jsx)("div", {
+	}) : /* @__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: n, isExecuting: o, isConnected: u, onArgChange: f, onExecute: p, onSave: m, onCancel: h, onBulkPaste: g, autoFilledFields: _, setFields: v, sendEmptyFields: y, onToggleEmpty: b }) {
-	let S = "hidden @[700px]/tool-exec:inline", w = "hidden @[700px]/tool-exec:inline shrink-0 text-[10px] leading-none border border-current/30 p-1 rounded-full", T = "max-[699px]/tool-exec:size-8 max-[699px]/tool-exec:min-w-8 max-[699px]/tool-exec:shrink-0 max-[699px]/tool-exec:gap-0 max-[699px]/tool-exec:rounded-full max-[699px]/tool-exec:px-0 max-[699px]/tool-exec:py-0", E = "max-[699px]/tool-exec:!pr-0", [D, A] = (0, X.useState)(!1), [N, P] = (0, X.useState)(!1), [F, I] = (0, X.useState)(!1), [B, te] = (0, X.useState)(!1), [U, ne] = (0, X.useState)(!1), W = (0, X.useRef)(null);
-	return (0, X.useEffect)(() => {
-		if (W.current && e?.description) {
-			let e = W.current, t = parseFloat(getComputedStyle(e).lineHeight), n = e.scrollHeight;
-			ne(Math.round(n / t) > 3), te(!1);
+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, X.useEffect)(() => {
+	}, [e?.description]), (0, Z.useEffect)(() => {
 		let t = (t) => {
-			(t.metaKey || t.ctrlKey) && t.key === "Enter" && e && !o && u && (t.preventDefault(), p()), t.key === "Escape" && o && h && (t.preventDefault(), h());
+			(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,
-		u,
-		p,
+		s,
+		l,
 		h
-	]), e ? /* @__PURE__ */ (0, Z.jsxs)("div", {
+	]), e ? /* @__PURE__ */ (0, Q.jsxs)("div", {
 		className: "flex flex-col h-full @container/tool-exec",
 		children: [
-			/* @__PURE__ */ (0, Z.jsx)("div", {
+			/* @__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, Z.jsx)("div", { children: /* @__PURE__ */ (0, Z.jsxs)("div", {
+				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, Z.jsx)("h3", {
+					children: [/* @__PURE__ */ (0, Q.jsx)("h3", {
 						className: "text-base sm:text-lg font-semibold",
 						"data-testid": "tool-execution-title",
 						children: e.name
-					}), /* @__PURE__ */ (0, Z.jsxs)("div", {
+					}), /* @__PURE__ */ (0, Q.jsxs)("div", {
 						className: "flex gap-2 shrink-0",
 						children: [
-							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
+							/* @__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: r(d, T),
+									className: u(d, T),
 									title: "View tool metadata",
-									children: [/* @__PURE__ */ (0, Z.jsx)(V, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
+									children: [/* @__PURE__ */ (0, Q.jsx)(B, {}), /* @__PURE__ */ (0, Q.jsx)("span", {
 										className: S,
 										children: "Metadata"
 									})]
 								}),
 								nativeButton: !0
-							}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "View tool definition metadata" }) })] }),
-							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
+							}), /* @__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 z(JSON.stringify(n ?? t, null, 2)), I(!0), setTimeout(() => I(!1), 2e3);
+											await L(JSON.stringify(r ?? t, null, 2)), R(!0), setTimeout(() => R(!1), 2e3);
 										} catch {}
 									},
 									disabled: o,
 									size: "sm",
-									className: r(d, T),
+									className: u(d, T),
 									title: "Copy payload as JSON",
-									children: [F ? /* @__PURE__ */ (0, Z.jsx)(L, { className: "text-green-600" }) : /* @__PURE__ */ (0, Z.jsx)(R, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
+									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, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Copy payload as JSON" }) })] }),
-							/* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-								render: /* @__PURE__ */ (0, Z.jsxs)(l, {
+							}), /* @__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: r(d, T),
+									className: u(d, T),
 									title: "Save request",
-									children: [/* @__PURE__ */ (0, Z.jsx)(se, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
+									children: [/* @__PURE__ */ (0, Q.jsx)(K, {}), /* @__PURE__ */ (0, Q.jsx)("span", {
 										className: S,
 										children: "Save"
 									})]
 								}),
 								nativeButton: !0
-							}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Save request" }) })] }),
-							o && h ? /* @__PURE__ */ (0, Z.jsxs)(s, {
+							}), /* @__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, Z.jsx)(i, {
-									render: /* @__PURE__ */ (0, Z.jsx)("div", {
+								children: [/* @__PURE__ */ (0, Q.jsx)(n, {
+									render: /* @__PURE__ */ (0, Q.jsx)("div", {
 										onMouseEnter: () => A(!0),
 										onMouseLeave: () => A(!1),
 										className: "relative",
-										children: /* @__PURE__ */ (0, Z.jsx)(l, {
+										children: /* @__PURE__ */ (0, Q.jsx)(p, {
 											"data-testid": "tool-execution-cancel-button",
 											onClick: h,
 											variant: D ? "destructive" : "default",
 											size: "sm",
-											className: r(a, T, E, "transition-all"),
-											children: D ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [
-												/* @__PURE__ */ (0, Z.jsx)(fe, {}),
-												/* @__PURE__ */ (0, Z.jsx)("span", {
+											className: 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, Z.jsx)("span", {
+												/* @__PURE__ */ (0, Q.jsx)("span", {
 													className: w,
 													children: "Esc"
 												})
-											] }) : /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(Y, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
+											] }) : /* @__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, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "Hover to cancel (or press Esc)" }) })]
-							}) : /* @__PURE__ */ (0, Z.jsx)(l, {
+								}), /* @__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: p,
-								disabled: o || !u,
+								onClick: l,
+								disabled: o || !s,
 								size: "sm",
-								className: r(a, T, E),
-								children: o ? /* @__PURE__ */ (0, Z.jsxs)(Z.Fragment, { children: [/* @__PURE__ */ (0, Z.jsx)(Y, {}), /* @__PURE__ */ (0, Z.jsx)("span", {
+								className: 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, Z.jsxs)(Z.Fragment, { children: [
-									/* @__PURE__ */ (0, Z.jsx)(q, {}),
-									/* @__PURE__ */ (0, Z.jsx)("span", {
+								})] }) : /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [
+									/* @__PURE__ */ (0, Q.jsx)(le, {}),
+									/* @__PURE__ */ (0, Q.jsx)("span", {
 										className: S,
 										children: "Execute"
 									}),
-									/* @__PURE__ */ (0, Z.jsx)("span", {
+									/* @__PURE__ */ (0, Q.jsx)("span", {
 										className: w,
 										children: "⌘↵"
 									})
@@ -512,30 +513,30 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: o, is
 					})]
 				}) })
 			}),
-			/* @__PURE__ */ (0, Z.jsxs)("div", {
+			/* @__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, Z.jsxs)("div", {
+				children: [e.description && /* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "relative mb-6",
-					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ (0, Z.jsx)("p", {
-							ref: W,
+						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 ${!B && U ? "line-clamp-3" : ""}`,
+							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 && !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", {
+						}), 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, Z.jsx)("button", {
-							onClick: () => te(!B),
+						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: 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" })] })
+							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, Z.jsx)(Ie, {
+				}), /* @__PURE__ */ (0, Q.jsx)(Ie, {
 					selectedTool: e,
 					toolArgs: t,
-					onArgChange: f,
+					onArgChange: c,
 					onBulkPaste: g,
 					autoFilledFields: _,
 					setFields: v,
@@ -543,20 +544,20 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: o, is
 					onToggleEmpty: b
 				})]
 			}),
-			/* @__PURE__ */ (0, Z.jsx)(ee, {
+			/* @__PURE__ */ (0, Q.jsx)(ee, {
 				open: N,
 				onOpenChange: P,
-				children: /* @__PURE__ */ (0, Z.jsxs)(j, {
+				children: /* @__PURE__ */ (0, Q.jsxs)(j, {
 					scrollable: !0,
 					className: "max-w-3xl max-h-[80vh]",
-					children: [/* @__PURE__ */ (0, Z.jsx)(k, {
+					children: [/* @__PURE__ */ (0, Q.jsx)(k, {
 						sticky: !0,
-						children: /* @__PURE__ */ (0, Z.jsx)(C, { children: "Tool Definition" })
-					}), /* @__PURE__ */ (0, Z.jsx)(O, { children: /* @__PURE__ */ (0, Z.jsx)(M, {
+						children: /* @__PURE__ */ (0, Q.jsx)(C, { children: "Tool Definition" })
+					}), /* @__PURE__ */ (0, Q.jsx)(O, { children: /* @__PURE__ */ (0, Q.jsx)(M, {
 						onCopy: async () => {
-							e && await z(JSON.stringify(e, null, 2));
+							e && await L(JSON.stringify(e, null, 2));
 						},
-						children: /* @__PURE__ */ (0, Z.jsx)(H, {
+						children: /* @__PURE__ */ (0, Q.jsx)(V, {
 							data: e,
 							filename: `tool-definition-${e.name}-${Date.now()}.json`
 						})
@@ -564,12 +565,12 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: o, is
 				})
 			})
 		]
-	}) : /* @__PURE__ */ (0, Z.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, Q.jsxs)("div", {
 		className: "flex flex-col items-center justify-center h-full p-4 text-center",
-		children: [/* @__PURE__ */ (0, Z.jsx)("p", {
+		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, Z.jsx)("p", {
+		}), /* @__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"
 		})]
@@ -578,13 +579,13 @@ function Le({ selectedTool: e, toolArgs: t, payloadToSend: n, isExecuting: o, is
 //#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] = (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, Z.jsx)("span", { children: t });
+	}, [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);
@@ -599,73 +600,73 @@ function Be(e) {
 	}
 	return "An error occurred";
 }
-function Ve(e) {
+function $(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) => {
+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, Z.jsx)("div", {
+	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, Z.jsx)("div", {
+	}) : /* @__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 = Ve(i), s = o ? (() => {
+				let i = e.text || "", a = t.has(n), o = $(i), s = o ? (() => {
 					try {
 						return JSON.parse(i);
 					} catch {
 						return null;
 					}
 				})() : null;
-				return /* @__PURE__ */ (0, Z.jsxs)("div", {
+				return /* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, Q.jsxs)("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+						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, Z.jsx)("button", {
+						}), 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, Z.jsx)(H, {
+					}), a && s !== null ? /* @__PURE__ */ (0, Q.jsx)(V, {
 						data: s,
 						filename: `content-${n}.json`
-					}) : /* @__PURE__ */ (0, Z.jsx)("div", {
+					}) : /* @__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, Z.jsxs)("div", {
+			if (e.type === "image") return /* @__PURE__ */ (0, Q.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+				children: [/* @__PURE__ */ (0, Q.jsx)("div", {
 					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
 					children: "Image Content"
-				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
+				}), /* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3",
-					children: [/* @__PURE__ */ (0, Z.jsx)("img", {
+					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, Z.jsx)("div", {
+					}), e.annotations && /* @__PURE__ */ (0, Q.jsx)("div", {
 						className: "mt-2 text-xs text-gray-500 dark:text-gray-400",
-						children: /* @__PURE__ */ (0, Z.jsx)(H, {
+						children: /* @__PURE__ */ (0, Q.jsx)(V, {
 							data: e.annotations,
 							filename: `image-annotations-${n}.json`,
 							"data-testid": "tool-execution-results-image-annotations"
@@ -673,21 +674,21 @@ function He({ content: e }) {
 					})]
 				})]
 			}, n);
-			if (e.type === "audio") return /* @__PURE__ */ (0, Z.jsxs)("div", {
+			if (e.type === "audio") return /* @__PURE__ */ (0, Q.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+				children: [/* @__PURE__ */ (0, Q.jsx)("div", {
 					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
 					children: "Audio Content"
-				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
+				}), /* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3",
-					children: [/* @__PURE__ */ (0, Z.jsx)("audio", {
+					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, Z.jsx)("div", {
+					}), e.annotations && /* @__PURE__ */ (0, Q.jsx)("div", {
 						className: "mt-2 text-xs text-gray-500 dark:text-gray-400",
-						children: /* @__PURE__ */ (0, Z.jsx)(H, {
+						children: /* @__PURE__ */ (0, Q.jsx)(V, {
 							data: e.annotations,
 							filename: `audio-annotations-${n}.json`,
 							"data-testid": "tool-execution-results-audio-annotations"
@@ -695,18 +696,18 @@ function He({ content: e }) {
 					})]
 				})]
 			}, n);
-			if (e.type === "resource_link") return /* @__PURE__ */ (0, Z.jsxs)("div", {
+			if (e.type === "resource_link") return /* @__PURE__ */ (0, Q.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+				children: [/* @__PURE__ */ (0, Q.jsx)("div", {
 					className: "text-xs font-medium text-gray-500 dark:text-gray-400",
 					children: "Resource Link"
-				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
+				}), /* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 space-y-2",
 					children: [
-						/* @__PURE__ */ (0, Z.jsxs)("div", {
+						/* @__PURE__ */ (0, Q.jsxs)("div", {
 							className: "font-mono text-sm break-all",
 							children: [
-								/* @__PURE__ */ (0, Z.jsx)("span", {
+								/* @__PURE__ */ (0, Q.jsx)("span", {
 									className: "text-gray-600 dark:text-gray-400",
 									children: "URI:"
 								}),
@@ -714,10 +715,10 @@ function He({ content: e }) {
 								e.uri
 							]
 						}),
-						e.name && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						e.name && /* @__PURE__ */ (0, Q.jsxs)("div", {
 							className: "text-sm",
 							children: [
-								/* @__PURE__ */ (0, Z.jsx)("span", {
+								/* @__PURE__ */ (0, Q.jsx)("span", {
 									className: "text-gray-600 dark:text-gray-400",
 									children: "Name:"
 								}),
@@ -725,10 +726,10 @@ function He({ content: e }) {
 								e.name
 							]
 						}),
-						e.description && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						e.description && /* @__PURE__ */ (0, Q.jsxs)("div", {
 							className: "text-sm",
 							children: [
-								/* @__PURE__ */ (0, Z.jsx)("span", {
+								/* @__PURE__ */ (0, Q.jsx)("span", {
 									className: "text-gray-600 dark:text-gray-400",
 									children: "Description:"
 								}),
@@ -736,10 +737,10 @@ function He({ content: e }) {
 								e.description
 							]
 						}),
-						e.mimeType && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						e.mimeType && /* @__PURE__ */ (0, Q.jsxs)("div", {
 							className: "text-sm",
 							children: [
-								/* @__PURE__ */ (0, Z.jsx)("span", {
+								/* @__PURE__ */ (0, Q.jsx)("span", {
 									className: "text-gray-600 dark:text-gray-400",
 									children: "MIME Type:"
 								}),
@@ -747,12 +748,12 @@ function He({ content: e }) {
 								e.mimeType
 							]
 						}),
-						e.annotations && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						e.annotations && /* @__PURE__ */ (0, Q.jsxs)("div", {
 							className: "mt-2",
-							children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+							children: [/* @__PURE__ */ (0, Q.jsx)("div", {
 								className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
 								children: "Annotations:"
-							}), /* @__PURE__ */ (0, Z.jsx)(H, {
+							}), /* @__PURE__ */ (0, Q.jsx)(V, {
 								data: e.annotations,
 								filename: `resource-link-annotations-${n}.json`,
 								"data-testid": "tool-execution-results-resource-link-annotations"
@@ -763,19 +764,19 @@ function He({ content: e }) {
 			}, n);
 			if (e.type === "resource") {
 				let t = e.resource || {};
-				return /* @__PURE__ */ (0, Z.jsxs)("div", {
+				return /* @__PURE__ */ (0, Q.jsxs)("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+					children: [/* @__PURE__ */ (0, Q.jsx)("div", {
 						className: "text-xs font-medium text-gray-500 dark:text-gray-400",
 						children: "Embedded Resource"
-					}), /* @__PURE__ */ (0, Z.jsxs)("div", {
+					}), /* @__PURE__ */ (0, Q.jsxs)("div", {
 						className: "bg-gray-50 dark:bg-zinc-900 rounded-lg p-3 space-y-2",
 						children: [
-							/* @__PURE__ */ (0, Z.jsxs)("div", {
+							/* @__PURE__ */ (0, Q.jsxs)("div", {
 								className: "font-mono text-sm break-all",
 								"data-testid": "tool-execution-results-resource-uri",
 								children: [
-									/* @__PURE__ */ (0, Z.jsx)("span", {
+									/* @__PURE__ */ (0, Q.jsx)("span", {
 										className: "text-gray-600 dark:text-gray-400",
 										children: "URI:"
 									}),
@@ -783,10 +784,10 @@ function He({ content: e }) {
 									t.uri
 								]
 							}),
-							t.mimeType && /* @__PURE__ */ (0, Z.jsxs)("div", {
+							t.mimeType && /* @__PURE__ */ (0, Q.jsxs)("div", {
 								className: "text-sm",
 								children: [
-									/* @__PURE__ */ (0, Z.jsx)("span", {
+									/* @__PURE__ */ (0, Q.jsx)("span", {
 										className: "text-gray-600 dark:text-gray-400",
 										"data-testid": "tool-execution-results-mime-type",
 										children: "MIME Type:"
@@ -795,17 +796,17 @@ function He({ content: e }) {
 									t.mimeType
 								]
 							}),
-							t.text && /* @__PURE__ */ (0, Z.jsxs)("div", {
+							t.text && /* @__PURE__ */ (0, Q.jsxs)("div", {
 								"data-testid": "tool-execution-results-resource-text-content",
-								children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+								children: [/* @__PURE__ */ (0, Q.jsx)("div", {
 									className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
 									children: "Content:"
-								}), /* @__PURE__ */ (0, Z.jsx)("div", {
+								}), /* @__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, Z.jsxs)("div", {
+							t.blob && /* @__PURE__ */ (0, Q.jsxs)("div", {
 								className: "text-sm text-gray-600 dark:text-gray-400",
 								children: [
 									"[Binary content: ",
@@ -813,12 +814,12 @@ function He({ content: e }) {
 									" bytes]"
 								]
 							}),
-							t.annotations && /* @__PURE__ */ (0, Z.jsxs)("div", {
+							t.annotations && /* @__PURE__ */ (0, Q.jsxs)("div", {
 								className: "mt-2",
-								children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+								children: [/* @__PURE__ */ (0, Q.jsx)("div", {
 									className: "text-xs text-gray-500 dark:text-gray-400 mb-1",
 									children: "Annotations:"
-								}), /* @__PURE__ */ (0, Z.jsx)(H, {
+								}), /* @__PURE__ */ (0, Q.jsx)(V, {
 									data: t.annotations,
 									filename: `resource-annotations-${n}.json`,
 									"data-testid": "tool-execution-results-resource-annotations"
@@ -828,12 +829,12 @@ function He({ content: e }) {
 					})]
 				}, n);
 			}
-			return /* @__PURE__ */ (0, Z.jsxs)("div", {
+			return /* @__PURE__ */ (0, Q.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, Z.jsxs)("div", {
+				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, Z.jsx)(H, {
+				}), /* @__PURE__ */ (0, Q.jsx)(V, {
 					data: e,
 					filename: `content-${n}.json`,
 					"data-testid": "tool-execution-results-unknown-content"
@@ -842,86 +843,60 @@ function He({ content: e }) {
 		})
 	});
 }
-function Ue({ serverId: e, viewId: t, toolName: n, resourceUri: r, toolInput: i, toolOutput: a, toolMetadata: o, readResource: s, customProps: c, displayMode: l, onDisplayModeChange: u, onSendFollowUp: d }) {
-	let f = Ce({
-		serverId: e,
-		viewId: t,
-		resourceUri: r,
-		toolName: n,
-		toolInput: i,
-		toolOutput: a,
-		toolMetadata: o,
-		readResource: s,
-		displayMode: l,
-		onDisplayModeChange: u
-	});
-	if (!f) return /* @__PURE__ */ (0, Z.jsx)(I, {
-		className: "w-full h-full min-h-[240px]",
-		children: /* @__PURE__ */ (0, Z.jsx)(Y, { className: "size-5" })
-	});
-	let p = l === "inline" ? "w-full h-full flex items-center justify-center relative p-4 min-h-0" : "w-full h-full relative p-4", m = c ? JSON.stringify(c) : "no-custom-props";
-	return /* @__PURE__ */ (0, Z.jsx)(I, {
-		className: "w-full h-full min-h-[240px]",
-		children: /* @__PURE__ */ (0, Z.jsx)(ye, {
-			viewId: t,
-			toolName: n,
-			toolInput: i,
-			toolOutput: a,
-			customProps: c,
-			className: p,
-			onMessage: (e) => {
-				e.length > 0 && d && d(e);
-			},
-			...f
-		}, m)
-	});
-}
-function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy: i, onMaximize: a, isMaximized: o = !1, onRerunTool: s }) {
-	let [c, u] = (0, X.useState)(0), [d, f] = (0, X.useState)(!0), [p, m] = (0, X.useState)(null), [h, b] = (0, X.useState)("inline"), [x, S] = (0, X.useState)(null), C = (0, X.useRef)(!1), w = e[0], T = w ? e.filter((e) => e.toolName === w.toolName) : [], E = T[c] || T[0], D = e.findIndex((e) => e === E), O = (E ? E.error || Be(E.result) : null) ?? (E == null ? "" : JSON.stringify(E.result, null, 2));
-	(0, X.useEffect)(() => {
-		T.length > 0 && c >= T.length && u(0);
-	}, [T.length, c]), (0, X.useEffect)(() => {
-		C.current = !1, m(null);
-	}, [w?.toolName]);
-	let k = (0, X.useMemo)(() => E?.args, [E?.timestamp, c]), A = (0, X.useMemo)(() => E?.result, [
-		E?.timestamp,
-		E?.duration,
-		c
-	]), j = (0, X.useCallback)((e) => r(e), [r]), M = (0, X.useCallback)((e) => {
+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(", ");
-		be.info("Widget follow-up", {
+		_e.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)(() => {
+	}, []), 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 F && N && e.push({
+		return L && P && 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");
+	}, [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 = C.current;
-			if (C.current = !0, !p || !e || p === "json" && !n) {
-				m(t.mode);
+			let n = w.current;
+			if (w.current = !0, !m || !e || m === "json" && !n) {
+				h(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", {
+		} 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, Z.jsx)("div", {
+			children: /* @__PURE__ */ (0, Q.jsx)("div", {
 				className: "flex items-center justify-center h-full",
-				children: /* @__PURE__ */ (0, Z.jsx)("div", {
+				children: /* @__PURE__ */ (0, Q.jsx)("div", {
 					className: "text-center",
-					children: /* @__PURE__ */ (0, Z.jsx)(pe, {
+					children: /* @__PURE__ */ (0, Q.jsx)(pe, {
 						vertical: !0,
 						noBorder: !0,
 						message: "No Results yet"
@@ -929,99 +904,99 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 				})
 			})
 		})
-	}) : /* @__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", {
+	}) : /* @__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, Z.jsxs)("div", {
+			children: /* @__PURE__ */ (0, Q.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, 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, Z.jsx)("h3", {
+						/* @__PURE__ */ (0, Q.jsx)("h3", {
 							className: "text-sm font-medium hidden sm:block",
 							children: "Response"
 						}),
-						E.duration !== void 0 && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						D.duration !== void 0 && /* @__PURE__ */ (0, Q.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", {
+							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: [E.duration, "ms"]
+								children: [D.duration, "ms"]
 							})]
 						}),
-						F && /* @__PURE__ */ (0, Z.jsx)("div", {
+						L && /* @__PURE__ */ (0, Q.jsx)("div", {
 							className: "flex items-center gap-4 sm:ml-4",
-							children: /* @__PURE__ */ (0, Z.jsx)("div", {
+							children: /* @__PURE__ */ (0, Q.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", {
+								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, Z.jsx)("button", {
+								}), /* @__PURE__ */ (0, Q.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"}`,
+									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))
 							})
 						}),
-						V && /* @__PURE__ */ (0, Z.jsxs)("div", {
+						U && /* @__PURE__ */ (0, Q.jsxs)("div", {
 							className: "flex items-center gap-2 sm:ml-4",
 							children: [
-								/* @__PURE__ */ (0, Z.jsx)("button", {
+								/* @__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, Z.jsx)("span", {
+								/* @__PURE__ */ (0, Q.jsx)("span", {
 									className: "text-xs text-zinc-400",
 									children: "|"
 								}),
-								/* @__PURE__ */ (0, Z.jsx)("button", {
+								/* @__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, Z.jsxs)("div", {
+						/* @__PURE__ */ (0, Q.jsxs)("div", {
 							className: "ml-auto flex items-center gap-1",
 							children: [
-								o && s && /* @__PURE__ */ (0, Z.jsxs)(l, {
+								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, Z.jsx)(q, { className: "h-4 w-4" }), /* @__PURE__ */ (0, Z.jsx)("span", {
+									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"
 									})]
 								}),
-								F && a && /* @__PURE__ */ (0, Z.jsx)(l, {
+								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, Z.jsx)(oe, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, Z.jsx)(ae, { className: "h-4 w-4" })
+									children: o ? /* @__PURE__ */ (0, Q.jsx)(oe, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, Q.jsx)(ae, { className: "h-4 w-4" })
 								}),
-								T.length > 1 && /* @__PURE__ */ (0, Z.jsxs)(y, {
-									value: c.toString(),
+								E.length > 1 && /* @__PURE__ */ (0, Q.jsxs)(b, {
+									value: l.toString(),
 									onValueChange: (e) => u(parseInt(e)),
-									children: [/* @__PURE__ */ (0, Z.jsx)(g, {
+									children: [/* @__PURE__ */ (0, Q.jsx)(_, {
 										className: "w-[140px] h-8 text-xs",
-										leading: /* @__PURE__ */ (0, Z.jsxs)("div", {
+										leading: /* @__PURE__ */ (0, Q.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 })]
+											children: [/* @__PURE__ */ (0, Q.jsx)(ie, { className: "h-3 w-3" }), /* @__PURE__ */ (0, Q.jsx)(Re, { timestamp: D.timestamp })]
 										})
-									}), /* @__PURE__ */ (0, Z.jsx)(_, { children: T.map((e, t) => /* @__PURE__ */ (0, Z.jsx)(v, {
+									}), /* @__PURE__ */ (0, Q.jsx)(v, { children: E.map((e, t) => /* @__PURE__ */ (0, Q.jsx)(y, {
 										value: t.toString(),
-										children: /* @__PURE__ */ (0, Z.jsxs)("div", {
+										children: /* @__PURE__ */ (0, Q.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", {
+												/* @__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: [
 														"(",
@@ -1033,93 +1008,98 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 										})
 									}, t)) })]
 								}),
-								/* @__PURE__ */ (0, Z.jsx)(l, {
-									"data-testid": `tool-result-copy-${D}`,
+								/* @__PURE__ */ (0, Q.jsx)(p, {
+									"data-testid": `tool-result-copy-${O}`,
 									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" })
+									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 = 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", {
+					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, Z.jsx)("p", {
+						}), /* @__PURE__ */ (0, Q.jsx)("p", {
 							className: "text-red-700 dark:text-red-400 text-sm",
 							children: e
 						})]
 					}) : (() => {
-						if (!p) return /* @__PURE__ */ (0, Z.jsx)("div", {
+						if (!m) return /* @__PURE__ */ (0, Q.jsx)("div", {
 							className: "flex items-center justify-center w-full h-[200px]",
-							children: /* @__PURE__ */ (0, Z.jsx)(Y, { className: "size-5" })
+							children: /* @__PURE__ */ (0, Q.jsx)(X, { className: "size-5" })
 						});
-						switch (p) {
-							case "mcp-apps": return !F || !N ? /* @__PURE__ */ (0, Z.jsx)("div", {
+						switch (m) {
+							case "mcp-apps": return !L || !P ? /* @__PURE__ */ (0, Q.jsx)("div", {
 								className: "px-4 pt-4",
-								children: /* @__PURE__ */ (0, Z.jsx)("div", {
+								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, Z.jsx)("p", {
+									children: /* @__PURE__ */ (0, Q.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", {
+							}) : /* @__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, Z.jsx)(P, {
-										toolCallId: `tool-${E.timestamp}`,
-										displayMode: h,
-										onDisplayModeChange: b,
+									children: /* @__PURE__ */ (0, Q.jsx)(F, {
+										toolCallId: `tool-${D.timestamp}`,
+										displayMode: g,
+										onDisplayModeChange: x,
 										propsContext: "tool",
-										resourceUri: N,
-										toolInput: E.args,
-										resourceAnnotations: E.toolMeta,
+										resourceUri: P,
+										toolInput: D.args,
+										resourceAnnotations: D.toolMeta,
 										llmConfig: null,
 										resource: null,
-										onPropsChange: S
+										onPropsChange: C
 									})
-								}), /* @__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}`)]
+								}), /* @__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 (V && d) {
-									let e = E.result?.structuredContent;
-									return /* @__PURE__ */ (0, Z.jsxs)("div", {
+								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, Z.jsxs)("div", {
+											e && /* @__PURE__ */ (0, Q.jsxs)("div", {
 												className: "space-y-2",
 												"data-testid": "tool-execution-results-structured-content",
-												children: [/* @__PURE__ */ (0, Z.jsx)("div", {
+												children: [/* @__PURE__ */ (0, Q.jsx)("div", {
 													className: "text-xs font-medium text-gray-500 dark:text-gray-400",
 													children: "Structured Content"
-												}), /* @__PURE__ */ (0, Z.jsx)(H, {
+												}), /* @__PURE__ */ (0, Q.jsx)(V, {
 													data: e,
-													filename: `structured-content-${E.toolName}-${Date.now()}.json`
+													filename: `structured-content-${D.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", {
+											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"
@@ -1127,11 +1107,11 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 										]
 									});
 								}
-								return /* @__PURE__ */ (0, Z.jsx)("div", {
+								return /* @__PURE__ */ (0, Q.jsx)("div", {
 									className: "px-4 pt-4",
-									children: /* @__PURE__ */ (0, Z.jsx)(H, {
-										data: E.result,
-										filename: `tool-result-${E.toolName}-${Date.now()}.json`
+									children: /* @__PURE__ */ (0, Q.jsx)(V, {
+										data: D.result,
+										filename: `tool-result-${D.toolName}-${Date.now()}.json`
 									})
 								});
 							default: return null;
@@ -1139,46 +1119,46 @@ function We({ results: e, copiedResult: t, serverId: n, readResource: r, onCopy:
 					})();
 				})()]
 			})
-		}), z && p === "mcp-apps" && /* @__PURE__ */ (0, Z.jsx)("div", {
+		}), 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, Z.jsx)("span", {
+			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: z
+				children: B
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/client/components/tools/ToolsList.tsx
-function Ge({ tools: e, selectedTool: t, onToolSelect: r, focusedIndex: a }) {
-	if (e.length === 0) return /* @__PURE__ */ (0, Z.jsxs)("div", {
+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, Z.jsx)(de, { className: "h-12 w-12 text-gray-400 dark:text-gray-600 mb-3" }), /* @__PURE__ */ (0, Z.jsx)("p", {
+		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 o = e.some((e) => e.inputSchema?.properties && Object.keys(e.inputSchema.properties).length > 0);
-	return /* @__PURE__ */ (0, Z.jsx)("div", { children: e.map((e, l) => {
-		let u = e._meta, d = _e(u) ? "mcp-apps" : null, f = e.inputSchema?.properties, p = f ? Object.keys(f).length : 0, m = o && p > 0 && /* @__PURE__ */ (0, Z.jsxs)(n, {
+	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, Z.jsxs)("div", {
+		}), h = d === "mcp-apps" || m ? /* @__PURE__ */ (0, Q.jsxs)("div", {
 			className: "flex items-center gap-1.5",
-			children: [d === "mcp-apps" && /* @__PURE__ */ (0, Z.jsxs)(s, { children: [/* @__PURE__ */ (0, Z.jsx)(i, {
-				render: /* @__PURE__ */ (0, Z.jsx)("span", {
+			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, Z.jsx)(ce, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ (0, Q.jsx)(se, { className: "h-3.5 w-3.5" })
 				}),
 				nativeButton: !1
-			}), /* @__PURE__ */ (0, Z.jsx)(c, { children: /* @__PURE__ */ (0, Z.jsx)("p", { children: "UI widget" }) })] }), m]
+			}), /* @__PURE__ */ (0, Q.jsx)(a, { children: /* @__PURE__ */ (0, Q.jsx)("p", { children: "UI widget" }) })] }), m]
 		}) : void 0;
-		return /* @__PURE__ */ (0, Z.jsx)(G, {
+		return /* @__PURE__ */ (0, Q.jsx)(ne, {
 			id: `tool-${e.name}`,
 			"data-testid": `tool-item-${e.name}`,
 			isSelected: t?.name === e.name,
-			isFocused: a === l,
+			isFocused: s === l,
 			title: e.name,
 			description: e.description,
 			metadata: h,
@@ -1188,88 +1168,88 @@ function Ge({ tools: e, selectedTool: t, onToolSelect: r, focusedIndex: a }) {
 }
 //#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) {
+function We(e) {
 	return A(e, "alert-dialog");
 }
 //#endregion
 //#region src/client/components/ui/alert-dialog.tsx
-function qe({ ...e }) {
-	return /* @__PURE__ */ (0, Z.jsx)(Ke, {
+function Ge({ ...e }) {
+	return /* @__PURE__ */ (0, Q.jsx)(We, {
 		"data-slot": "alert-dialog",
 		...e
 	});
 }
-function Je({ ...e }) {
-	return /* @__PURE__ */ (0, Z.jsx)(D, {
+function Ke({ ...e }) {
+	return /* @__PURE__ */ (0, Q.jsx)(D, {
 		"data-slot": "alert-dialog-portal",
 		...e
 	});
 }
-function Ye({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(N, {
+function qe({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, Q.jsx)(N, {
 		"data-slot": "alert-dialog-overlay",
-		className: r("fixed inset-0 isolate z-50 bg-black/50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", e),
+		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 Xe({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ (0, Z.jsxs)(Je, { children: [/* @__PURE__ */ (0, Z.jsx)(Ye, {}), /* @__PURE__ */ (0, Z.jsx)(E, {
+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: r("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
+		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 Ze({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)("div", {
+function Ye({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, Q.jsx)("div", {
 		"data-slot": "alert-dialog-header",
-		className: r("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", e),
+		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 Qe({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)("div", {
+function Xe({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, Q.jsx)("div", {
 		"data-slot": "alert-dialog-footer",
-		className: r("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", e),
+		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 $e({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(w, {
+function Ze({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, Q.jsx)(w, {
 		"data-slot": "alert-dialog-title",
-		className: r("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", e),
+		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 et({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(T, {
+function Qe({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, Q.jsx)(T, {
 		"data-slot": "alert-dialog-description",
-		className: r("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", e),
+		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 tt({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, Z.jsx)(l, {
+function $e({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, Q.jsx)(p, {
 		"data-slot": "alert-dialog-action",
-		className: r(e),
+		className: u(e),
 		...t
 	});
 }
-function nt({ className: e, variant: t = "outline", size: n = "default", ...i }) {
-	return /* @__PURE__ */ (0, Z.jsx)(S, {
+function et({ className: e, variant: t = "outline", size: n = "default", ...r }) {
+	return /* @__PURE__ */ (0, Q.jsx)(S, {
 		"data-slot": "alert-dialog-cancel",
-		className: r(e),
-		render: /* @__PURE__ */ (0, Z.jsx)(l, {
+		className: u(e),
+		render: /* @__PURE__ */ (0, Q.jsx)(p, {
 			variant: t,
 			size: n
 		}),
-		...i
+		...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 () => {
+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);
@@ -1294,7 +1274,7 @@ function rt({ selectedTool: e, payloadToSend: t, toolArgs: n, callTool: r, readR
 				resetTimeoutOnProgress: !0,
 				signal: o.signal
 			}), p = Date.now() - u, m = f?._meta ?? l;
-			he(new me({
+			me(new J({
 				toolName: e.name,
 				serverId: a,
 				success: !0,
@@ -1314,7 +1294,7 @@ function rt({ selectedTool: e, payloadToSend: t, toolArgs: n, callTool: r, readR
 			}, ...t]);
 		} catch (t) {
 			let r = Date.now() - u;
-			he(new me({
+			me(new J({
 				toolName: e.name,
 				serverId: a,
 				success: !1,
@@ -1342,15 +1322,15 @@ function rt({ selectedTool: e, payloadToSend: t, toolArgs: n, callTool: r, readR
 		r,
 		i,
 		a
-	]), h = (0, X.useCallback)(async (e, t) => {
+	]), h = (0, Z.useCallback)(async (e, t) => {
 		try {
-			await z(t), d(e), setTimeout(() => d(null), 2e3);
+			await L(t), d(e), setTimeout(() => d(null), 2e3);
 		} catch (e) {
 			console.error("[ToolsTab] Failed to copy result:", e);
 		}
-	}, []), g = (0, X.useCallback)((e) => {
+	}, []), g = (0, Z.useCallback)((e) => {
 		s((t) => t.filter((t, n) => n !== e));
-	}, []), _ = (0, X.useMemo)(() => e ? o.filter((t) => t.toolName === e.name) : [], [o, e]);
+	}, []), _ = (0, Z.useMemo)(() => e ? o.filter((t) => t.toolName === e.name) : [], [o, e]);
 	return {
 		results: o,
 		setResults: s,
@@ -1359,7 +1339,7 @@ function rt({ selectedTool: e, payloadToSend: t, toolArgs: n, callTool: r, readR
 		executeTool: m,
 		handleCopyResult: h,
 		handleDeleteResult: g,
-		handleFullscreen: (0, X.useCallback)((e) => {
+		handleFullscreen: (0, Z.useCallback)((e) => {
 			let t = _[e];
 			if (!t) return;
 			let n = window.open("", "_blank", "width=800,height=600");
@@ -1371,39 +1351,41 @@ function rt({ selectedTool: e, payloadToSend: t, toolArgs: n, callTool: r, readR
           `), n.document.close());
 		}, [_]),
 		filteredResults: _,
-		cancelExecution: (0, X.useCallback)(() => {
+		cancelExecution: (0, Z.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)(() => {
+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, X.useEffect)(() => {
+	}, []), (0, Z.useEffect)(() => {
 		C(o ? "detail" : "list");
-	}, [o]), (0, X.useEffect)(() => {
-		b && s.length > 0 && !c && C("response");
+	}, [o]), (0, Z.useEffect)(() => {
+		if (!b || s.length === 0) return;
+		let e = s[0];
+		(!c || e?.result === null) && C("response");
 	}, [
 		s,
 		c,
 		b
-	]), (0, X.useImperativeHandle)(e, () => ({
+	]), (0, Z.useImperativeHandle)(e, () => ({
 		focusSearch: () => {
 			g(!0), setTimeout(() => y.current?.focus(), 0);
 		},
 		blurSearch: () => {
 			a(""), g(!1), y.current?.blur();
 		}
-	})), (0, X.useEffect)(() => {
+	})), (0, Z.useEffect)(() => {
 		h && y.current?.focus();
 	}, [h]);
-	let E = (0, X.useCallback)(() => {
+	let E = (0, Z.useCallback)(() => {
 		i.trim() || g(!1);
-	}, [i]), D = (0, X.useCallback)(async () => {
+	}, [i]), D = (0, Z.useCallback)(async () => {
 		if (d) {
 			T(!0);
 			try {
@@ -1413,11 +1395,11 @@ function it({ ref: e, activeTab: t, filteredTools: n, savedRequests: r, searchQu
 			}
 		}
 	}, [d]);
-	return (0, X.useEffect)(() => {
+	return (0, Z.useEffect)(() => {
 		t !== "tools" && g(!1);
-	}, [t]), (0, X.useEffect)(() => {
+	}, [t]), (0, Z.useEffect)(() => {
 		v(-1);
-	}, [i, t]), (0, X.useEffect)(() => {
+	}, [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;
@@ -1440,7 +1422,7 @@ function it({ ref: e, activeTab: t, filteredTools: n, savedRequests: r, searchQu
 		t,
 		l,
 		u
-	]), (0, X.useEffect)(() => {
+	]), (0, Z.useEffect)(() => {
 		if (_ >= 0) {
 			let e = t === "tools" ? `tool-${n[_]?.name}` : `saved-${r[_]?.id}`;
 			document.getElementById(e)?.scrollIntoView({
@@ -1453,7 +1435,7 @@ function it({ ref: e, activeTab: t, filteredTools: n, savedRequests: r, searchQu
 		n,
 		r,
 		t
-	]), (0, X.useEffect)(() => {
+	]), (0, Z.useEffect)(() => {
 		if (!f || p.length === 0) return;
 		let e = p.find((e) => e.name === f);
 		if (e) {
@@ -1486,45 +1468,46 @@ function it({ ref: e, activeTab: t, filteredTools: n, savedRequests: r, searchQu
 }
 //#endregion
 //#region src/client/components/ToolsTab.tsx
-function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isConnected: a, refreshTools: s }) {
-	let [c, u] = (0, X.useState)(null), [d, f] = (0, X.useState)(null), { selectedToolName: p, setSelectedToolName: h } = xe(), [g, _] = (0, X.useState)({}), [v, y] = (0, X.useState)(/* @__PURE__ */ new Set()), [b, x] = (0, X.useState)(/* @__PURE__ */ new Set()), [S, C] = (0, X.useState)(""), [w, T] = (0, X.useState)("tools"), { savedRequests: E, saveSavedRequests: D } = le(), [O, k] = (0, X.useState)(!1), [A, j] = (0, X.useState)(""), [M, ee] = (0, X.useState)(!1), [N, P] = (0, X.useState)({
+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
-	}), [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));
+	}), [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,
-		R,
+		L,
 		z
-	]), V = (0, X.useMemo)(() => {
+	]), 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]), H = (0, X.useCallback)((e) => {
-		u(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());
-	}, []), G = (0, X.useCallback)((e) => {
+	}, []), le = (0, Z.useCallback)((e) => {
 		let n = t.find((t) => t.name === e.toolName);
-		n && (u(n), _(e.args), y(new Set(Object.keys(e.args))), x(/* @__PURE__ */ new Set()), f(e));
+		n && (l(n), _(e.args), y(new Set(Object.keys(e.args))), x(/* @__PURE__ */ new Set()), d(e));
 	}, [t]);
-	(0, X.useEffect)(() => {
+	(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)) && u(e) : (u(null), h(null));
+			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,
-		h
+		m
 	]);
-	let K = (0, X.useCallback)((e, t) => {
+	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,
@@ -1538,7 +1521,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, [c]), ae = (0, X.useCallback)((e, t, n) => {
+	}, [c]), de = (0, Z.useCallback)((e, t, n) => {
 		if (n) {
 			let n = t === "array" ? "[]" : t === "object" ? "{}" : "";
 			_((t) => ({
@@ -1552,7 +1535,7 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
-	}, []), oe = (0, X.useCallback)(async (e, t) => {
+	}, []), fe = (0, Z.useCallback)(async (e, t) => {
 		if (!c) return !1;
 		let n = Fe(e);
 		if (!n) return !1;
@@ -1566,10 +1549,10 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 					key: e,
 					oldValue: l,
 					newValue: c
-				}) : (s.push(e), K(e, String(c)));
+				}) : (s.push(e), q(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({
+		}), 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,
@@ -1580,29 +1563,29 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 	}, [
 		c,
 		g,
-		K
-	]), se = (0, X.useCallback)(() => {
+		q
+	]), pe = (0, Z.useCallback)(() => {
 		if (!N.resolve) return;
 		N.fieldsToUpdate.forEach(({ key: e, newValue: t }) => {
-			K(e, String(t));
+			q(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({
+		I(new Set(e)), setTimeout(() => I(/* @__PURE__ */ new Set()), 2e3), N.resolve(!0), F({
 			open: !1,
 			parsedObject: {},
 			fieldsToUpdate: [],
 			newFields: [],
 			resolve: null
 		});
-	}, [N, K]), ce = (0, X.useCallback)(() => {
-		N.resolve && (N.resolve(!1), P({
+	}, [N, q]), J = (0, Z.useCallback)(() => {
+		N.resolve && (N.resolve(!1), F({
 			open: !1,
 			parsedObject: {},
 			fieldsToUpdate: [],
 			newFields: [],
 			resolve: null
 		}));
-	}, [N]), q = (0, X.useMemo)(() => {
+	}, [N]), Y = (0, Z.useMemo)(() => {
 		if (!c?.inputSchema?.properties) return {};
 		let e = c.inputSchema || {}, t = {};
 		for (let n of v) {
@@ -1617,110 +1600,132 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 		g,
 		v,
 		b
-	]), { isExecuting: ue, copiedResult: fe, executeTool: J, handleCopyResult: pe, handleDeleteResult: me, handleFullscreen: _e, filteredResults: ve, cancelExecution: ye, results: be } = rt({
+	]), { isExecuting: ge, copiedResult: _e, executeTool: X, handleCopyResult: ye, handleDeleteResult: be, handleFullscreen: xe, filteredResults: Ce, cancelExecution: Ee, results: De } = tt({
 		selectedTool: c,
-		payloadToSend: q,
+		payloadToSend: Y,
 		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({
+		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: V,
+		filteredTools: K,
 		savedRequests: E,
 		searchQuery: S,
 		setSearchQuery: C,
 		selectedTool: c,
-		results: be,
-		isExecuting: ue,
-		handleToolSelect: H,
-		loadSavedRequest: G,
+		results: De,
+		isExecuting: ge,
+		handleToolSelect: se,
+		loadSavedRequest: le,
 		refreshTools: s,
-		selectedToolName: p,
+		selectedToolName: f,
 		tools: t,
-		setSelectedToolName: h
-	}), Ie = (0, X.useCallback)(() => {
+		setSelectedToolName: m
+	}), at = (0, Z.useCallback)(() => {
 		c && (j(""), k(!0));
-	}, [c]), Re = (0, X.useCallback)(() => {
+	}, [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: q,
+			args: Y,
 			savedAt: Date.now(),
 			serverId: c._serverId,
 			serverName: c._serverName
 		};
-		D([...E, e]), he(new ge({
+		D([...E, e]), me(new he({
 			toolName: c.name,
-			serverId: i
+			serverId: a
 		})).catch(() => {}), k(!1), j("");
 	}, [
 		c,
 		A,
-		q,
+		Y,
 		E,
 		D,
-		i
-	]), ze = (0, X.useCallback)((e) => {
-		D(E.filter((t) => t.id !== e)), d?.id === e && f(null);
+		a
+	]), st = (0, Z.useCallback)((e) => {
+		D(E.filter((t) => t.id !== e)), u?.id === e && d(null);
 	}, [
 		E,
 		D,
-		d
+		u
 	]);
-	return Oe ? /* @__PURE__ */ (0, Z.jsxs)("div", {
+	return Be ? /* @__PURE__ */ (0, Q.jsxs)("div", {
 		className: "h-full flex flex-col overflow-hidden relative bg-background",
 		children: [
-			Q !== "list" && /* @__PURE__ */ (0, Z.jsxs)("div", {
+			$ !== "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, Z.jsx)(l, {
+				children: [/* @__PURE__ */ (0, Q.jsx)(p, {
 					variant: "ghost",
 					size: "sm",
 					onClick: () => {
-						Q === "response" ? $("detail") : (u(null), $("list"));
+						$ === "response" ? Ve("detail") : (l(null), Ve("list"));
 					},
 					className: "p-0 h-8 w-8",
-					children: /* @__PURE__ */ (0, Z.jsx)(B, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ (0, Z.jsxs)("div", {
+					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, Z.jsx)("button", {
+						/* @__PURE__ */ (0, Q.jsx)("button", {
 							onClick: () => {
-								u(null), $("list");
+								l(null), Ve("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", {
+						$ === "detail" && /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
 							className: "mx-2 text-muted-foreground",
 							children: "/"
-						}), /* @__PURE__ */ (0, Z.jsx)("button", {
+						}), /* @__PURE__ */ (0, Q.jsx)("button", {
 							onClick: () => {
-								$("response");
+								Ve("response");
 							},
-							className: Q === "detail" ? "text-foreground hover:underline" : Q === "response" ? "text-muted-foreground hover:text-foreground hover:underline cursor-pointer" : "text-muted-foreground",
+							className: $ === "detail" ? "text-foreground hover:underline" : $ === "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", {
+						$ === "response" && /* @__PURE__ */ (0, Q.jsxs)(Q.Fragment, { children: [/* @__PURE__ */ (0, Q.jsx)("span", {
 							className: "mx-2 text-muted-foreground",
 							children: "/"
-						}), /* @__PURE__ */ (0, Z.jsx)("span", {
+						}), /* @__PURE__ */ (0, Q.jsx)("span", {
 							className: "text-foreground",
 							children: "Response"
 						})] })
 					]
 				})]
 			}),
-			/* @__PURE__ */ (0, Z.jsx)("div", {
+			/* @__PURE__ */ (0, Q.jsx)("div", {
 				className: "flex-1 relative overflow-hidden",
-				children: /* @__PURE__ */ (0, Z.jsxs)(m, {
+				children: /* @__PURE__ */ (0, Q.jsxs)(h, {
 					initial: !1,
 					mode: "popLayout",
 					children: [
-						Q === "list" && /* @__PURE__ */ (0, Z.jsx)(o.div, {
+						$ === "list" && /* @__PURE__ */ (0, Q.jsx)(r.div, {
 							initial: { x: "-100%" },
 							animate: { x: 0 },
 							exit: { x: "-100%" },
@@ -1730,41 +1735,41 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 								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, {
+							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: Y,
+								isSearchExpanded: Pe,
 								searchQuery: S,
 								primaryTabName: "tools",
 								secondaryTabName: "saved",
 								primaryTabTitle: "Tools",
 								secondaryTabTitle: "Saved",
-								primaryCount: V.length,
+								primaryCount: K.length,
 								secondaryCount: E.length,
-								primaryIcon: de,
-								secondaryIcon: F,
+								primaryIcon: ue,
+								secondaryIcon: P,
 								searchPlaceholder: "Search tools...",
-								onSearchExpand: () => Se(!0),
+								onSearchExpand: () => Ie(!0),
 								onSearchChange: C,
-								onSearchBlur: je,
+								onSearchBlur: Ke,
 								onTabSwitch: () => T(w === "tools" ? "saved" : "tools"),
-								searchInputRef: Te,
-								onRefresh: s ? Pe : void 0,
-								isRefreshing: Ae
-							}), w === "tools" ? /* @__PURE__ */ (0, Z.jsx)(Ge, {
-								tools: V,
+								searchInputRef: ze,
+								onRefresh: s ? qe : void 0,
+								isRefreshing: We
+							}), w === "tools" ? /* @__PURE__ */ (0, Q.jsx)(Ue, {
+								tools: K,
 								selectedTool: c,
-								onToolSelect: H,
-								focusedIndex: Ce
-							}) : /* @__PURE__ */ (0, Z.jsx)(Ee, {
+								onToolSelect: se,
+								focusedIndex: Re
+							}) : /* @__PURE__ */ (0, Q.jsx)(we, {
 								savedRequests: E,
-								selectedRequest: d,
-								onLoadRequest: G,
-								onDeleteRequest: ze,
-								focusedIndex: Ce
+								selectedRequest: u,
+								onLoadRequest: le,
+								onDeleteRequest: st,
+								focusedIndex: Re
 							})] }) })
 						}, "list"),
-						Q === "detail" && /* @__PURE__ */ (0, Z.jsx)(o.div, {
+						$ === "detail" && /* @__PURE__ */ (0, Q.jsx)(r.div, {
 							initial: { x: "100%" },
 							animate: { x: 0 },
 							exit: { x: "-100%" },
@@ -1774,23 +1779,23 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 								damping: 30
 							},
 							className: "absolute inset-0 bg-background z-10",
-							children: /* @__PURE__ */ (0, Z.jsx)(Le, {
+							children: /* @__PURE__ */ (0, Q.jsx)(Le, {
 								selectedTool: c,
 								toolArgs: g,
-								payloadToSend: q,
-								isExecuting: ue,
-								isConnected: a,
-								onArgChange: K,
-								onExecute: J,
-								onSave: Ie,
-								onBulkPaste: oe,
-								autoFilledFields: I,
+								payloadToSend: Y,
+								isExecuting: ge,
+								isConnected: o,
+								onArgChange: q,
+								onExecute: X,
+								onSave: at,
+								onBulkPaste: fe,
+								autoFilledFields: te,
 								setFields: v,
 								sendEmptyFields: b,
-								onToggleEmpty: ae
+								onToggleEmpty: de
 							})
 						}, "detail"),
-						Q === "response" && /* @__PURE__ */ (0, Z.jsx)(o.div, {
+						$ === "response" && /* @__PURE__ */ (0, Q.jsx)(r.div, {
 							initial: { x: "100%" },
 							animate: { x: 0 },
 							exit: { x: "100%" },
@@ -1800,228 +1805,235 @@ function at({ ref: e, tools: t, callTool: n, readResource: r, serverId: i, isCon
 								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
+							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, Z.jsx)(De, {
+			/* @__PURE__ */ (0, Q.jsx)(Te, {
 				isOpen: O,
 				requestName: A,
 				defaultPlaceholder: `${c?.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
 				onRequestNameChange: j,
-				onSave: Re,
+				onSave: ot,
 				onCancel: () => k(!1)
 			}),
-			/* @__PURE__ */ (0, Z.jsx)(qe, {
+			/* @__PURE__ */ (0, Q.jsx)(Ge, {
 				open: N.open,
 				onOpenChange: (e) => {
-					e || ce();
+					e || J();
 				},
-				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", {
+				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, Z.jsx)("p", {
+					children: [/* @__PURE__ */ (0, Q.jsx)("p", {
 						className: "font-medium mb-2",
 						children: "The following fields will be updated:"
-					}), /* @__PURE__ */ (0, Z.jsx)("ul", {
+					}), /* @__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, Z.jsxs)("li", {
+						children: N.fieldsToUpdate.map(({ key: e, oldValue: t, newValue: n }) => /* @__PURE__ */ (0, Q.jsxs)("li", {
 							className: "font-mono",
 							children: [
-								/* @__PURE__ */ (0, Z.jsxs)("span", {
+								/* @__PURE__ */ (0, Q.jsxs)("span", {
 									className: "font-semibold",
 									children: [e, ":"]
 								}),
 								" ",
-								/* @__PURE__ */ (0, Z.jsx)("span", {
+								/* @__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, Z.jsx)("span", {
+								/* @__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, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)("p", {
+				}), 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, Z.jsx)("p", {
+				}), /* @__PURE__ */ (0, Q.jsx)("p", {
 					className: "text-sm font-mono",
 					children: N.newFields.join(", ")
-				})] })] })] }), /* @__PURE__ */ (0, Z.jsxs)(Qe, { children: [/* @__PURE__ */ (0, Z.jsx)(nt, {
-					onClick: ce,
+				})] })] })] }), /* @__PURE__ */ (0, Q.jsxs)(Xe, { children: [/* @__PURE__ */ (0, Q.jsx)(et, {
+					onClick: J,
 					children: "Cancel"
-				}), /* @__PURE__ */ (0, Z.jsx)(tt, {
-					onClick: se,
+				}), /* @__PURE__ */ (0, Q.jsx)($e, {
+					onClick: pe,
 					children: "Auto-fill"
 				})] })] })
 			})
 		]
-	}) : /* @__PURE__ */ (0, Z.jsxs)(re, {
+	}) : /* @__PURE__ */ (0, Q.jsxs)(G, {
 		orientation: "horizontal",
 		className: "h-full",
 		children: [
-			/* @__PURE__ */ (0, Z.jsx)(U, {
+			/* @__PURE__ */ (0, Q.jsx)(H, {
 				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, {
+				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: Y,
+						isSearchExpanded: Pe,
 						searchQuery: S,
 						primaryTabName: "tools",
 						secondaryTabName: "saved",
 						primaryTabTitle: "Tools",
 						secondaryTabTitle: "Saved",
-						primaryCount: V.length,
+						primaryCount: K.length,
 						secondaryCount: E.length,
-						primaryIcon: de,
-						secondaryIcon: F,
+						primaryIcon: ue,
+						secondaryIcon: P,
 						searchPlaceholder: "Search tools...",
-						onSearchExpand: () => Se(!0),
+						onSearchExpand: () => Ie(!0),
 						onSearchChange: C,
-						onSearchBlur: je,
+						onSearchBlur: Ke,
 						onTabSwitch: () => T(w === "tools" ? "saved" : "tools"),
-						searchInputRef: Te,
-						onRefresh: s ? Pe : void 0,
-						isRefreshing: Ae
-					}), w === "tools" ? /* @__PURE__ */ (0, Z.jsx)(Ge, {
-						tools: V,
+						searchInputRef: ze,
+						onRefresh: s ? qe : void 0,
+						isRefreshing: We
+					}), w === "tools" ? /* @__PURE__ */ (0, Q.jsx)(Ue, {
+						tools: K,
 						selectedTool: c,
-						onToolSelect: H,
-						focusedIndex: Ce
-					}) : /* @__PURE__ */ (0, Z.jsx)(Ee, {
+						onToolSelect: se,
+						focusedIndex: Re
+					}) : /* @__PURE__ */ (0, Q.jsx)(we, {
 						savedRequests: E,
-						selectedRequest: d,
-						onLoadRequest: G,
-						onDeleteRequest: ze,
-						focusedIndex: Ce
+						selectedRequest: u,
+						onLoadRequest: le,
+						onDeleteRequest: st,
+						focusedIndex: Re
 					})] }) })
 				})
 			}),
-			/* @__PURE__ */ (0, Z.jsx)(ne, { withHandle: !0 }),
-			/* @__PURE__ */ (0, Z.jsx)(U, {
+			/* @__PURE__ */ (0, Q.jsx)(U, { withHandle: !0 }),
+			/* @__PURE__ */ (0, Q.jsx)(H, {
 				defaultSize: "67%",
-				children: /* @__PURE__ */ (0, Z.jsxs)(re, {
+				children: /* @__PURE__ */ (0, Q.jsxs)(G, {
 					orientation: "vertical",
+					elementRef: V,
+					onLayoutChanged: Ae,
 					children: [
-						/* @__PURE__ */ (0, Z.jsx)(U, {
+						/* @__PURE__ */ (0, Q.jsx)(H, {
+							id: "tool-params",
 							defaultSize: "40%",
+							minSize: `${rt}px`,
 							collapsible: !0,
 							panelRef: z,
-							children: /* @__PURE__ */ (0, Z.jsx)(Le, {
+							children: /* @__PURE__ */ (0, Q.jsx)(Le, {
 								selectedTool: c,
 								toolArgs: g,
-								payloadToSend: q,
-								isExecuting: ue,
-								isConnected: a,
-								onArgChange: K,
-								onExecute: J,
-								onSave: Ie,
-								onCancel: ye,
-								onBulkPaste: oe,
-								autoFilledFields: I,
+								payloadToSend: Y,
+								isExecuting: ge,
+								isConnected: o,
+								onArgChange: q,
+								onExecute: X,
+								onSave: at,
+								onCancel: Ee,
+								onBulkPaste: fe,
+								autoFilledFields: te,
 								setFields: v,
 								sendEmptyFields: b,
-								onToggleEmpty: ae
+								onToggleEmpty: de
 							})
 						}),
-						/* @__PURE__ */ (0, Z.jsx)(ne, { withHandle: !0 }),
-						/* @__PURE__ */ (0, Z.jsx)(U, {
+						/* @__PURE__ */ (0, Q.jsx)(U, { withHandle: !0 }),
+						/* @__PURE__ */ (0, Q.jsx)(H, {
+							id: "tool-result",
 							defaultSize: "60%",
-							children: /* @__PURE__ */ (0, Z.jsx)("div", {
+							panelRef: B,
+							children: /* @__PURE__ */ (0, Q.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,
+								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: J
+									onRerunTool: X,
+									onWidgetHeightChange: je
 								})
 							})
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ (0, Z.jsx)(De, {
+			/* @__PURE__ */ (0, Q.jsx)(Te, {
 				isOpen: O,
 				requestName: A,
 				defaultPlaceholder: `${c?.name} - ${(/* @__PURE__ */ new Date()).toLocaleString()}`,
 				onRequestNameChange: j,
-				onSave: Re,
+				onSave: ot,
 				onCancel: () => k(!1)
 			}),
-			/* @__PURE__ */ (0, Z.jsx)(qe, {
+			/* @__PURE__ */ (0, Q.jsx)(Ge, {
 				open: N.open,
 				onOpenChange: (e) => {
-					e || ce();
+					e || J();
 				},
-				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", {
+				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, Z.jsx)("p", {
+					children: [/* @__PURE__ */ (0, Q.jsx)("p", {
 						className: "font-medium mb-2",
 						children: "The following fields will be updated:"
-					}), /* @__PURE__ */ (0, Z.jsx)("ul", {
+					}), /* @__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, Z.jsxs)("li", {
+						children: N.fieldsToUpdate.map(({ key: e, oldValue: t, newValue: n }) => /* @__PURE__ */ (0, Q.jsxs)("li", {
 							className: "font-mono",
 							children: [
-								/* @__PURE__ */ (0, Z.jsxs)("span", {
+								/* @__PURE__ */ (0, Q.jsxs)("span", {
 									className: "font-semibold",
 									children: [e, ":"]
 								}),
 								" ",
-								/* @__PURE__ */ (0, Z.jsx)("span", {
+								/* @__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, Z.jsx)("span", {
+								/* @__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, Z.jsxs)("div", { children: [/* @__PURE__ */ (0, Z.jsx)("p", {
+				}), 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, Z.jsx)("p", {
+				}), /* @__PURE__ */ (0, Q.jsx)("p", {
 					className: "text-sm font-mono",
 					children: N.newFields.join(", ")
-				})] })] })] }), /* @__PURE__ */ (0, Z.jsxs)(Qe, { children: [/* @__PURE__ */ (0, Z.jsx)(nt, {
-					onClick: ce,
+				})] })] })] }), /* @__PURE__ */ (0, Q.jsxs)(Xe, { children: [/* @__PURE__ */ (0, Q.jsx)(et, {
+					onClick: J,
 					children: "Cancel"
-				}), /* @__PURE__ */ (0, Z.jsx)(tt, {
-					onClick: se,
+				}), /* @__PURE__ */ (0, Q.jsx)($e, {
+					onClick: pe,
 					children: "Auto-fill"
 				})] })] })
 			})