@mcp-use/inspector 20.0.0-beta.0 → 20.0.0-beta.10

package/dist/cdn/{WidgetWrapper-BJJtLqMb.js → MCPAppsDebugControls-C5-knSKL.js}

@@ -1,33 +1,32 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { G as r, K as i, Rr as a, a as o, n as s, r as c, sr as l, t as u } from "./input-BLxOA7V-.js";
-import { a as d, d as f, f as p, i as m, n as h, r as g, t as _ } from "./popover-C_SSrXT0.js";
-import { t as v } from "./label-CBvG613A.js";
-import { a as y, i as b, n as x, r as S, t as C } from "./select-BZ_IoKxg.js";
-import { t as w } from "./createLucideIcon-C5fZZ6oB.js";
-import { A as T, E, S as D, T as O, a as k, b as A, c as ee, i as j, l as te, n as ne, o as re, r as ie, s as ae, t as oe, w as se } from "./dialog-Dnl-pZsY.js";
-import { i as M, t as N } from "./browser-CbQIH4w2.js";
-import { t as ce } from "./clock-CmUbSx_B.js";
-import { t as le } from "./JSONDisplay-D3RcyO9z.js";
-import { t as ue } from "./loader-circle-BLy9A_pp.js";
-import { t as de } from "./maximize-2-CH5Lq90B.js";
-import { t as fe } from "./sparkles-BntO2rDR.js";
-import { t as pe } from "./trash-2-RwpJY5SL.js";
-import { t as P } from "./x-C3vRQIYu.js";
-import { t as F } from "./switch-DtQOLb9R.js";
-import { n as I } from "./dist-DjXr_YO3.js";
-import { r as me, s as he } from "./WidgetDebugContext-D4usL_MA.js";
-import { a as L, i as ge, n as _e, o as ve, t as ye } from "./sheet-CerCdhxz.js";
-import { a as R } from "./dist-mRDqCgKU.js";
-import { t as z } from "./textarea-Bj-CT7hC.js";
-import { a as be, i as xe, n as Se, o as Ce, r as we } from "./useViewHostProps-C7vjco2m.js";
-var Te = w("braces", [["path", {
+import { G as n, K as r, a as i, n as a, r as o, t as s } from "./input-BCpgLXU1.js";
+import { n as c, t as l } from "./createLucideIcon-BONxC1L5.js";
+import { U as u, t as d } from "./button-CB4uOoUV.js";
+import { _ as f, a as p, c as m, d as h, i as g, l as _, n as v, o as y, s as b, t as x, u as S, v as C } from "./sheet-oyq1mIyg.js";
+import { t as w } from "./label-A0UGV8FE.js";
+import { a as T, i as E, n as D, r as O, t as k } from "./select-CCFHjOGk.js";
+import { A, E as j, S as ee, T as M, a as N, b as P, c as te, i as F, l as ne, n as re, o as ie, r as ae, s as oe, t as se, w as I } from "./dialog-CJGnC5Ag.js";
+import { i as L, t as R } from "./browser-DG2Z8392.js";
+import { t as ce } from "./clock-YMF8Gtw5.js";
+import { t as le } from "./JSONDisplay-BJqMz7Ny.js";
+import { t as ue } from "./loader-circle-BKRHJEB7.js";
+import { t as de } from "./maximize-2-DdrB_spi.js";
+import { t as fe } from "./sparkles-CxeZpVtX.js";
+import { t as pe } from "./trash-2-BhumJAFE.js";
+import { t as me } from "./x-EilKPiCX.js";
+import { t as he } from "./switch-DHXEA_N5.js";
+import { n as z } from "./dist-CTJnCYmk.js";
+import { r as ge, s as _e } from "./WidgetDebugContext-B6yoOVVV.js";
+import { a as B } from "./dist-dw0FdK5Y.js";
+import { t as V } from "./textarea-CwmI8_uI.js";
+import { a as ve, i as ye, n as be, o as xe, r as Se } from "./useViewHostProps-D1emxC9m.js";
+var Ce = l("braces", [["path", {
 	d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1",
 	key: "ezmyqa"
 }], ["path", {
 	d: "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1",
 	key: "e1hn23"
-}]]), Ee = w("database", [
+}]]), we = l("database", [
 	["ellipse", {
 		cx: "12",
 		cy: "5",
@@ -43,10 +42,10 @@ var Te = w("braces", [["path", {
 		d: "M3 12A9 3 0 0 0 21 12",
 		key: "mv7ke4"
 	}]
-]), De = w("mouse-pointer-2", [["path", {
+]), Te = l("mouse-pointer-2", [["path", {
 	d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z",
 	key: "edeuup"
-}]]), Oe = w("picture-in-picture", [
+}]]), Ee = l("picture-in-picture", [
 	["path", {
 		d: "M2 10h6V4",
 		key: "zwrco"
@@ -71,7 +70,7 @@ var Te = w("braces", [["path", {
 		rx: "1",
 		key: "1wjs3o"
 	}]
-]), ke = w("pointer", [
+]), De = l("pointer", [
 	["path", {
 		d: "M22 14a8 8 0 0 1-8 8",
 		key: "56vcr3"
@@ -92,13 +91,13 @@ var Te = w("braces", [["path", {
 		d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15",
 		key: "g6ys72"
 	}]
-]), Ae = w("shield-check", [["path", {
+]), Oe = l("shield-check", [["path", {
 	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
 	key: "oel41y"
 }], ["path", {
 	d: "m9 12 2 2 4-4",
 	key: "dzmm74"
-}]]), je = w("shield-off", [
+}]]), ke = l("shield-off", [
 	["path", {
 		d: "m2 2 20 20",
 		key: "1ooewy"
@@ -111,7 +110,7 @@ var Te = w("braces", [["path", {
 		d: "M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264",
 		key: "18rp1v"
 	}]
-]), Me = w("smartphone", [["rect", {
+]), Ae = l("smartphone", [["rect", {
 	width: "14",
 	height: "20",
 	x: "5",
@@ -122,7 +121,7 @@ var Te = w("braces", [["path", {
 }], ["path", {
 	d: "M12 18h.01",
 	key: "mhygvu"
-}]]), Ne = w("square-dashed-mouse-pointer", [
+}]]), je = l("square-dashed-mouse-pointer", [
 	["path", {
 		d: "M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z",
 		key: "xwnzip"
@@ -163,27 +162,13 @@ var Te = w("braces", [["path", {
 		d: "M3 14v1",
 		key: "vnatye"
 	}]
-]), Pe = w("tablet", [["rect", {
-	width: "16",
-	height: "20",
-	x: "4",
-	y: "2",
-	rx: "2",
-	ry: "2",
-	key: "76otgf"
-}], ["line", {
-	x1: "12",
-	x2: "12.01",
-	y1: "18",
-	y2: "18",
-	key: "1dp563"
-}]]), B = w("terminal", [["path", {
+]), H = l("terminal", [["path", {
 	d: "M12 19h8",
 	key: "baeox8"
 }], ["path", {
 	d: "m4 17 6-6-6-6",
 	key: "1yngyt"
-}]]), Fe = w("trash", [
+}]]), Me = l("trash", [
 	["path", {
 		d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
 		key: "miytrc"
@@ -196,7 +181,7 @@ var Te = w("braces", [["path", {
 		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
 		key: "e791ji"
 	}]
-]), V = /* @__PURE__ */ e(t(), 1), Ie = [
+]), U = /* @__PURE__ */ e(t(), 1), Ne = [
 	{
 		value: "en-US",
 		label: "English (US)"
@@ -434,19 +419,19 @@ var Te = w("braces", [["path", {
 		label: "Swahili (Kenya)"
 	}
 ];
-function Le() {
+function Pe() {
 	return Intl.supportedValuesOf("timeZone").map((e) => ({
 		value: e,
 		label: e.replace(/_/g, " ")
 	}));
 }
-var Re = Le(), H = (e) => `mcp-inspector-resource-props-${e}`;
-function ze(e) {
-	let [t, n] = (0, V.useState)([]), [r, i] = (0, V.useState)(null);
-	return (0, V.useEffect)(() => {
+var Fe = Pe(), W = (e) => `mcp-inspector-resource-props-${e}`;
+function Ie(e) {
+	let [t, n] = (0, U.useState)([]), [r, i] = (0, U.useState)(null);
+	return (0, U.useEffect)(() => {
 		(() => {
 			try {
-				let t = H(e), r = localStorage.getItem(t);
+				let t = W(e), r = localStorage.getItem(t);
 				if (r) {
 					let e = JSON.parse(r);
 					n(e.presets || []), i(e.activePresetId || null);
@@ -455,8 +440,8 @@ function ze(e) {
 				console.error("[useResourceProps] Failed to load presets:", e), n([]), i(null);
 			}
 		})();
-	}, [e]), (0, V.useEffect)(() => {
-		let n = H(e), i = {
+	}, [e]), (0, U.useEffect)(() => {
+		let n = W(e), i = {
 			presets: t,
 			activePresetId: r
 		};
@@ -468,25 +453,25 @@ function ze(e) {
 	]), {
 		presets: t,
 		activePresetId: r,
-		savePreset: (0, V.useCallback)((e) => {
+		savePreset: (0, U.useCallback)((e) => {
 			n((t) => {
 				let n = t.findIndex((t) => t.id === e.id), r;
 				return n >= 0 ? (r = [...t], r[n] = e) : r = [...t, e], r;
 			});
 		}, []),
-		deletePreset: (0, V.useCallback)((e) => {
+		deletePreset: (0, U.useCallback)((e) => {
 			n((t) => t.filter((t) => t.id !== e)), i((t) => t === e ? null : t);
 		}, []),
-		setActivePreset: (0, V.useCallback)((e) => {
+		setActivePreset: (0, U.useCallback)((e) => {
 			i(e);
 		}, []),
-		getActiveProps: (0, V.useCallback)(() => r && t.find((e) => e.id === r)?.props || null, [r, t])
+		getActiveProps: (0, U.useCallback)(() => r && t.find((e) => e.id === r)?.props || null, [r, t])
 	};
 }
 //#endregion
 //#region src/client/hooks/useIframeConsole.ts
-function U(e = {}) {
-	let { enabled: t = !0, maxLogs: n = 1e3, proxyToPageConsole: r = !1 } = e, [i, a] = (0, V.useState)([]), [o, s] = (0, V.useState)(!1), c = (0, V.useRef)(0), l = (0, V.useCallback)((e) => {
+function G(e = {}) {
+	let { enabled: t = !0, maxLogs: n = 1e3, proxyToPageConsole: r = !1 } = e, [i, a] = (0, U.useState)([]), [o, s] = (0, U.useState)(!1), c = (0, U.useRef)(0), l = (0, U.useCallback)((e) => {
 		if (!t) return;
 		let i = {
 			...e,
@@ -524,10 +509,10 @@ function U(e = {}) {
 		t,
 		n,
 		r
-	]), u = (0, V.useCallback)(() => {
+	]), u = (0, U.useCallback)(() => {
 		a([]), c.current = 0;
 	}, []);
-	return (0, V.useEffect)(() => {
+	return (0, U.useEffect)(() => {
 		if (!t) return;
 		let e = (e) => {
 			e.data && e.data.type === "iframe-console-log" && e.data.level && Array.isArray(e.data.args) && l({
@@ -540,8 +525,8 @@ function U(e = {}) {
 		return window.addEventListener("message", e), () => {
 			window.removeEventListener("message", e);
 		};
-	}, [t, l]), (0, V.useEffect)(() => {
-		if (t) return Ce.subscribe(l);
+	}, [t, l]), (0, U.useEffect)(() => {
+		if (t) return xe.subscribe(l);
 	}, [t, l]), {
 		logs: i,
 		addLog: l,
@@ -552,8 +537,8 @@ function U(e = {}) {
 }
 //#endregion
 //#region src/client/components/IframeConsole.tsx
-var W = n(), Be = 200, Ve = .9;
-function G(e) {
+var K = c(), Le = 200, Re = .9;
+function q(e) {
 	if (e === null) return "null";
 	if (e === void 0) return "undefined";
 	if (typeof e == "string") return e;
@@ -564,10 +549,10 @@ function G(e) {
 	}
 	return String(e);
 }
-function K(e) {
+function J(e) {
 	if (e.length === 0) return [];
 	let t = e[0];
-	if (typeof t != "string" || !/%[oOdisfc]/.test(t)) return e.map(G);
+	if (typeof t != "string" || !/%[oOdisfc]/.test(t)) return e.map(q);
 	let n = e.slice(1), r = 0, i = "";
 	for (let e = 0; e < t.length; e++) {
 		let a = t[e];
@@ -576,7 +561,7 @@ function K(e) {
 			switch (o) {
 				case "o":
 				case "O":
-					i += G(s), e++;
+					i += q(s), e++;
 					break;
 				case "s":
 					i += s === void 0 ? "undefined" : String(s), e++;
@@ -598,12 +583,12 @@ function K(e) {
 		i += a;
 	}
 	let a = [i.trim()];
-	for (; r < n.length;) a.push(G(n[r++]));
+	for (; r < n.length;) a.push(q(n[r++]));
 	return a.filter((e) => e.length > 0);
 }
-function He({ level: e }) {
-	return /* @__PURE__ */ (0, W.jsx)("span", {
-		className: a("px-1.5 py-0.5 text-[11px] font-mono font-semibold rounded-full text-white shrink-0", {
+function ze({ level: e }) {
+	return /* @__PURE__ */ (0, K.jsx)("span", {
+		className: u("px-1.5 py-0.5 text-[11px] font-mono font-semibold rounded-full text-white shrink-0", {
 			log: "bg-zinc-500",
 			info: "bg-blue-500",
 			warn: "bg-yellow-500",
@@ -614,45 +599,45 @@ function He({ level: e }) {
 		children: e.toUpperCase()
 	});
 }
-function Ue({ log: e }) {
-	let [t, n] = (0, V.useState)(!1), r = (0, V.useMemo)(() => {
+function Be({ log: e }) {
+	let [t, n] = (0, U.useState)(!1), i = (0, U.useMemo)(() => {
 		try {
 			return new Date(e.timestamp).toLocaleTimeString();
 		} catch {
 			return "";
 		}
-	}, [e.timestamp]), o = (0, V.useMemo)(() => K(e.args), [e.args]), s = (0, V.useMemo)(() => {
-		if (o.length === 0) return "";
-		let e = o[0].replace(/\s*\n\s*/g, " ").trim();
-		return (e.length > 120 ? e.slice(0, 120) + "…" : e) + (o.length > 1 ? ` +${o.length - 1}` : "");
-	}, [o]), c = async (e) => {
+	}, [e.timestamp]), a = (0, U.useMemo)(() => J(e.args), [e.args]), o = (0, U.useMemo)(() => {
+		if (a.length === 0) return "";
+		let e = a[0].replace(/\s*\n\s*/g, " ").trim();
+		return (e.length > 120 ? e.slice(0, 120) + "…" : e) + (a.length > 1 ? ` +${a.length - 1}` : "");
+	}, [a]), s = async (e) => {
 		e.stopPropagation();
 		try {
-			await N(o.join("\n")), I.success("Copied to clipboard");
+			await R(a.join("\n")), z.success("Copied to clipboard");
 		} catch {
-			I.error("Failed to copy");
+			z.error("Failed to copy");
 		}
-	}, l = a("font-mono text-xs border-b border-zinc-200 dark:border-zinc-800", e.level === "error" && "bg-red-50/30 dark:bg-red-950/10", e.level === "warn" && "bg-yellow-50/30 dark:bg-yellow-950/10"), u = a("cursor-pointer select-none", e.level === "error" && "hover:bg-red-50/50 dark:hover:bg-red-950/20", e.level === "warn" && "hover:bg-yellow-50/50 dark:hover:bg-yellow-950/20", e.level !== "error" && e.level !== "warn" && "hover:bg-zinc-100/70 dark:hover:bg-zinc-800/40");
-	return /* @__PURE__ */ (0, W.jsxs)("div", {
-		className: a(l, "group"),
-		children: [/* @__PURE__ */ (0, W.jsxs)("div", {
-			className: a("flex items-center gap-2 px-2 py-1.5", u),
+	}, c = u("font-mono text-xs border-b border-zinc-200 dark:border-zinc-800", e.level === "error" && "bg-red-50/30 dark:bg-red-950/10", e.level === "warn" && "bg-yellow-50/30 dark:bg-yellow-950/10"), l = u("cursor-pointer select-none", e.level === "error" && "hover:bg-red-50/50 dark:hover:bg-red-950/20", e.level === "warn" && "hover:bg-yellow-50/50 dark:hover:bg-yellow-950/20", e.level !== "error" && e.level !== "warn" && "hover:bg-zinc-100/70 dark:hover:bg-zinc-800/40");
+	return /* @__PURE__ */ (0, K.jsxs)("div", {
+		className: u(c, "group"),
+		children: [/* @__PURE__ */ (0, K.jsxs)("div", {
+			className: u("flex items-center gap-2 px-2 py-1.5", l),
 			onClick: () => n((e) => !e),
 			children: [
-				/* @__PURE__ */ (0, W.jsx)("span", {
+				/* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-zinc-400 dark:text-zinc-500 shrink-0",
-					children: t ? /* @__PURE__ */ (0, W.jsx)(T, { className: "size-3" }) : /* @__PURE__ */ (0, W.jsx)(i, { className: "size-3" })
+					children: t ? /* @__PURE__ */ (0, K.jsx)(A, { className: "size-3" }) : /* @__PURE__ */ (0, K.jsx)(r, { className: "size-3" })
 				}),
-				/* @__PURE__ */ (0, W.jsx)(He, { level: e.level }),
-				/* @__PURE__ */ (0, W.jsx)("span", {
+				/* @__PURE__ */ (0, K.jsx)(ze, { level: e.level }),
+				/* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-zinc-500 dark:text-zinc-400 text-[10px] shrink-0",
-					children: r
+					children: i
 				}),
-				!t && /* @__PURE__ */ (0, W.jsx)("span", {
-					className: a("truncate text-[11px]", e.level === "error" && "text-red-700 dark:text-red-400", e.level === "warn" && "text-yellow-700 dark:text-yellow-400", e.level !== "error" && e.level !== "warn" && "text-zinc-700 dark:text-zinc-300"),
-					children: s
+				!t && /* @__PURE__ */ (0, K.jsx)("span", {
+					className: u("truncate text-[11px]", e.level === "error" && "text-red-700 dark:text-red-400", e.level === "warn" && "text-yellow-700 dark:text-yellow-400", e.level !== "error" && e.level !== "warn" && "text-zinc-700 dark:text-zinc-300"),
+					children: o
 				}),
-				t && e.url && /* @__PURE__ */ (0, W.jsx)("span", {
+				t && e.url && /* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-zinc-400 dark:text-zinc-500 text-[10px] truncate flex-1",
 					children: (() => {
 						try {
@@ -662,30 +647,30 @@ function Ue({ log: e }) {
 						}
 					})()
 				}),
-				t && /* @__PURE__ */ (0, W.jsx)("button", {
-					onClick: c,
+				t && /* @__PURE__ */ (0, K.jsx)("button", {
+					onClick: s,
 					"aria-label": "Copy log",
 					className: "ml-auto shrink-0 opacity-0 group-hover:opacity-100 transition-opacity p-0.5 rounded text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200",
-					children: /* @__PURE__ */ (0, W.jsx)(M, { className: "size-3" })
+					children: /* @__PURE__ */ (0, K.jsx)(L, { className: "size-3" })
 				})
 			]
-		}), t && /* @__PURE__ */ (0, W.jsx)("div", {
+		}), t && /* @__PURE__ */ (0, K.jsx)("div", {
 			className: "pl-8 pr-2 pb-2 select-text",
-			children: o.map((t, n) => /* @__PURE__ */ (0, W.jsx)("pre", {
-				className: a("whitespace-pre-wrap wrap-break-word text-[11px]", e.level === "error" && "text-red-700 dark:text-red-400", e.level === "warn" && "text-yellow-700 dark:text-yellow-400", e.level !== "error" && e.level !== "warn" && "text-zinc-700 dark:text-zinc-300"),
+			children: a.map((t, n) => /* @__PURE__ */ (0, K.jsx)("pre", {
+				className: u("whitespace-pre-wrap wrap-break-word text-[11px]", e.level === "error" && "text-red-700 dark:text-red-400", e.level === "warn" && "text-yellow-700 dark:text-yellow-400", e.level !== "error" && e.level !== "warn" && "text-zinc-700 dark:text-zinc-300"),
 				children: t
 			}, n))
 		})]
 	});
 }
-var q = "mcp-inspector-console-proxy-enabled", We = "mcp-inspector-console-height", Ge = [
+var Y = "mcp-inspector-console-proxy-enabled", Ve = "mcp-inspector-console-height", He = [
 	"log",
 	"info",
 	"warn",
 	"error",
 	"debug",
 	"trace"
-], Ke = {
+], Ue = {
 	log: "text-zinc-500",
 	info: "text-blue-500",
 	warn: "text-yellow-500",
@@ -693,48 +678,48 @@ var q = "mcp-inspector-console-proxy-enabled", We = "mcp-inspector-console-heigh
 	debug: "text-purple-500",
 	trace: "text-gray-500"
 };
-function qe({ iframeId: e, enabled: t = !0 }) {
-	let [n, i] = (0, V.useState)(() => {
+function We({ iframeId: e, enabled: t = !0 }) {
+	let [r, s] = (0, U.useState)(() => {
 		if (typeof window > "u") return !0;
 		try {
-			return localStorage.getItem(q) === "true";
+			return localStorage.getItem(Y) === "true";
 		} catch {
 			return !0;
 		}
-	}), [u, d] = (0, V.useState)(() => {
+	}), [c, l] = (0, U.useState)(() => {
 		if (typeof window > "u") return 400;
 		try {
-			let e = localStorage.getItem(We);
-			return e ? Math.max(Be, parseInt(e, 10)) : 400;
+			let e = localStorage.getItem(Ve);
+			return e ? Math.max(Le, parseInt(e, 10)) : 400;
 		} catch {
 			return 400;
 		}
-	}), f = (0, V.useRef)(!1), p = (0, V.useCallback)((e) => {
+	}), f = (0, U.useRef)(!1), m = (0, U.useCallback)((e) => {
 		e.preventDefault(), f.current = !0;
 		let t = (e) => {
 			if (!f.current) return;
-			let t = Math.floor(window.innerHeight * Ve);
-			d(Math.min(t, Math.max(Be, window.innerHeight - e.clientY)));
+			let t = Math.floor(window.innerHeight * Re);
+			l(Math.min(t, Math.max(Le, window.innerHeight - e.clientY)));
 		}, n = () => {
 			f.current = !1, window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n);
 		};
 		window.addEventListener("mousemove", t), window.addEventListener("mouseup", n);
 	}, []);
-	(0, V.useEffect)(() => {
+	(0, U.useEffect)(() => {
 		try {
-			localStorage.setItem(We, String(u));
+			localStorage.setItem(Ve, String(c));
 		} catch {}
-	}, [u]);
-	let [m, h] = (0, V.useState)("all"), [g, _] = (0, V.useState)(""), { logs: y, clearLogs: b, isOpen: x, setIsOpen: S } = U({
+	}, [c]);
+	let [h, _] = (0, U.useState)("all"), [b, S] = (0, U.useState)(""), { logs: C, clearLogs: T, isOpen: E, setIsOpen: D } = G({
 		enabled: t,
-		proxyToPageConsole: n
-	}), C = (0, V.useRef)(null);
-	(0, V.useEffect)(() => {
+		proxyToPageConsole: r
+	}), O = (0, U.useRef)(null);
+	(0, U.useEffect)(() => {
 		try {
-			localStorage.setItem(q, String(n));
+			localStorage.setItem(Y, String(r));
 		} catch {}
-	}, [n]);
-	let w = (0, V.useMemo)(() => {
+	}, [r]);
+	let k = (0, U.useMemo)(() => {
 		let e = {
 			log: 0,
 			info: 0,
@@ -743,211 +728,211 @@ function qe({ iframeId: e, enabled: t = !0 }) {
 			debug: 0,
 			trace: 0
 		};
-		for (let t of y) e[t.level]++;
+		for (let t of C) e[t.level]++;
 		return e;
-	}, [y]), T = w.error, E = w.warn, D = w.log + w.info + w.debug + w.trace, O = y.length, k = (0, V.useMemo)(() => T > 0 ? "bg-red-500" : E > 0 ? "bg-yellow-500" : "bg-zinc-500", [
-		T,
-		E,
-		D
-	]), A = (0, V.useMemo)(() => {
-		let e = m === "all" ? y : y.filter((e) => e.level === m), t = g.trim().toLowerCase();
+	}, [C]), A = k.error, j = k.warn, ee = k.log + k.info + k.debug + k.trace, M = C.length, N = (0, U.useMemo)(() => A > 0 ? "bg-red-500" : j > 0 ? "bg-yellow-500" : "bg-zinc-500", [
+		A,
+		j,
+		ee
+	]), P = (0, U.useMemo)(() => {
+		let e = h === "all" ? C : C.filter((e) => e.level === h), t = b.trim().toLowerCase();
 		return t && (e = e.filter((e) => {
-			let n = K(e.args).join(" ").toLowerCase(), r = (e.url ?? "").toLowerCase();
+			let n = J(e.args).join(" ").toLowerCase(), r = (e.url ?? "").toLowerCase();
 			return n.includes(t) || r.includes(t);
 		})), e;
 	}, [
-		y,
-		m,
-		g
+		C,
+		h,
+		b
 	]);
-	return (0, V.useEffect)(() => {
-		x && !g && C.current && (C.current.scrollTop = C.current.scrollHeight);
+	return (0, U.useEffect)(() => {
+		E && !b && O.current && (O.current.scrollTop = O.current.scrollHeight);
 	}, [
-		A,
-		x,
-		g
-	]), /* @__PURE__ */ (0, W.jsxs)(ye, {
-		open: x,
-		onOpenChange: S,
-		children: [/* @__PURE__ */ (0, W.jsx)(ve, {
-			render: /* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-				render: /* @__PURE__ */ (0, W.jsxs)(l, {
+		P,
+		E,
+		b
+	]), /* @__PURE__ */ (0, K.jsxs)(x, {
+		open: E,
+		onOpenChange: D,
+		children: [/* @__PURE__ */ (0, K.jsx)(y, {
+			render: /* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+				render: /* @__PURE__ */ (0, K.jsxs)(d, {
 					variant: "outline",
 					size: "sm",
 					className: "relative bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-					onClick: () => S(!0),
-					children: [/* @__PURE__ */ (0, W.jsx)(B, { className: "size-4" }), O > 0 && /* @__PURE__ */ (0, W.jsx)("span", {
-						className: a("ml-2 px-1.5 py-0.5 text-xs rounded-full text-white font-semibold", k),
-						children: O
+					onClick: () => D(!0),
+					children: [/* @__PURE__ */ (0, K.jsx)(H, { className: "size-4" }), M > 0 && /* @__PURE__ */ (0, K.jsx)("span", {
+						className: u("ml-2 px-1.5 py-0.5 text-xs rounded-full text-white font-semibold", N),
+						children: M
 					})]
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsx)(c, { children: /* @__PURE__ */ (0, W.jsxs)("div", {
+			}), /* @__PURE__ */ (0, K.jsx)(o, { children: /* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "text-xs space-y-1",
 				children: [
-					/* @__PURE__ */ (0, W.jsxs)("p", {
+					/* @__PURE__ */ (0, K.jsxs)("p", {
 						className: "font-semibold",
 						children: [
-							O,
+							M,
 							" console ",
-							O === 1 ? "log" : "logs"
+							M === 1 ? "log" : "logs"
 						]
 					}),
-					T > 0 && /* @__PURE__ */ (0, W.jsxs)("p", {
+					A > 0 && /* @__PURE__ */ (0, K.jsxs)("p", {
 						className: "text-red-400",
 						children: [
-							T,
+							A,
 							" error",
-							T === 1 ? "" : "s"
+							A === 1 ? "" : "s"
 						]
 					}),
-					E > 0 && /* @__PURE__ */ (0, W.jsxs)("p", {
+					j > 0 && /* @__PURE__ */ (0, K.jsxs)("p", {
 						className: "text-yellow-400",
 						children: [
-							E,
+							j,
 							" warning",
-							E === 1 ? "" : "s"
+							j === 1 ? "" : "s"
 						]
 					}),
-					D > 0 && /* @__PURE__ */ (0, W.jsxs)("p", {
+					ee > 0 && /* @__PURE__ */ (0, K.jsxs)("p", {
 						className: "text-zinc-400",
-						children: [D, " info"]
+						children: [ee, " info"]
 					})
 				]
 			}) })] }),
 			nativeButton: !1
-		}), /* @__PURE__ */ (0, W.jsxs)(_e, {
+		}), /* @__PURE__ */ (0, K.jsxs)(v, {
 			side: "bottom",
 			className: "flex flex-col p-0 transition-none m-0 gap-0",
-			style: { height: u },
+			style: { height: c },
 			children: [
-				/* @__PURE__ */ (0, W.jsx)("div", {
+				/* @__PURE__ */ (0, K.jsx)("div", {
 					className: "h-1.5 w-full shrink-0 cursor-ns-resize bg-zinc-200 dark:bg-zinc-700 hover:bg-zinc-300 dark:hover:bg-zinc-600 transition-colors",
-					onMouseDown: p
+					onMouseDown: m
 				}),
-				/* @__PURE__ */ (0, W.jsxs)(ge, {
+				/* @__PURE__ */ (0, K.jsxs)(g, {
 					className: "px-4 py-4 m-0 border-b border-zinc-200 dark:border-zinc-800 shrink-0",
-					children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ (0, W.jsxs)(L, {
+						children: [/* @__PURE__ */ (0, K.jsxs)(p, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ (0, W.jsx)(B, { className: "size-4" }),
+								/* @__PURE__ */ (0, K.jsx)(H, { className: "size-4" }),
 								"Widget Console Logs",
-								y.length > 0 && /* @__PURE__ */ (0, W.jsxs)("span", {
+								C.length > 0 && /* @__PURE__ */ (0, K.jsxs)("span", {
 									className: "text-sm font-normal text-zinc-500 dark:text-zinc-400",
 									children: [
 										"(",
-										y.length,
+										C.length,
 										" ",
-										y.length === 1 ? "log" : "logs",
+										C.length === 1 ? "log" : "logs",
 										")"
 									]
 								})
 							]
-						}), /* @__PURE__ */ (0, W.jsxs)("div", {
+						}), /* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "flex items-center gap-4 pr-4",
-							children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+							children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ (0, W.jsx)(F, {
+								children: [/* @__PURE__ */ (0, K.jsx)(he, {
 									id: "proxy-console-toggle",
-									checked: n,
-									onCheckedChange: i
-								}), /* @__PURE__ */ (0, W.jsx)(v, {
+									checked: r,
+									onCheckedChange: s
+								}), /* @__PURE__ */ (0, K.jsx)(w, {
 									htmlFor: "proxy-console-toggle",
 									className: "text-sm font-normal cursor-pointer",
 									children: "Proxy logs to page console"
 								})]
-							}), y.length > 0 && /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsxs)(l, {
+							}), C.length > 0 && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsxs)(d, {
 								variant: "ghost",
 								size: "sm",
 								onClick: async () => {
 									try {
-										await N(A.map((e) => {
+										await R(P.map((e) => {
 											let t = new Date(e.timestamp).toLocaleTimeString();
-											return `[${e.level.toUpperCase()}] ${t}${e.url ? ` ${e.url}` : ""}\n${K(e.args).join("\n")}`;
-										}).join("\n\n")), I.success(`Copied ${A.length} logs to clipboard`);
+											return `[${e.level.toUpperCase()}] ${t}${e.url ? ` ${e.url}` : ""}\n${J(e.args).join("\n")}`;
+										}).join("\n\n")), z.success(`Copied ${P.length} logs to clipboard`);
 									} catch {
-										I.error("Failed to copy logs to clipboard");
+										z.error("Failed to copy logs to clipboard");
 									}
 								},
 								className: "-my-2",
-								children: [/* @__PURE__ */ (0, W.jsx)(M, { className: "size-4 mr-1" }), "Copy All"]
-							}), /* @__PURE__ */ (0, W.jsxs)(l, {
+								children: [/* @__PURE__ */ (0, K.jsx)(L, { className: "size-4 mr-1" }), "Copy All"]
+							}), /* @__PURE__ */ (0, K.jsxs)(d, {
 								variant: "ghost",
 								size: "sm",
-								onClick: b,
+								onClick: T,
 								className: "-my-2",
-								children: [/* @__PURE__ */ (0, W.jsx)(Fe, { className: "size-4 mr-1" }), "Clear"]
+								children: [/* @__PURE__ */ (0, K.jsx)(Me, { className: "size-4 mr-1" }), "Clear"]
 							})] })]
 						})]
-					}), /* @__PURE__ */ (0, W.jsxs)("div", {
+					}), /* @__PURE__ */ (0, K.jsxs)("div", {
 						className: "flex items-center gap-1 pt-1",
 						children: [
-							/* @__PURE__ */ (0, W.jsxs)("button", {
-								onClick: () => h("all"),
-								className: a("px-2 py-0.5 text-xs rounded font-medium transition-colors", m === "all" ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-zinc-100" : "text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800"),
-								children: ["All", O > 0 && /* @__PURE__ */ (0, W.jsx)("span", {
+							/* @__PURE__ */ (0, K.jsxs)("button", {
+								onClick: () => _("all"),
+								className: u("px-2 py-0.5 text-xs rounded font-medium transition-colors", h === "all" ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-zinc-100" : "text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800"),
+								children: ["All", M > 0 && /* @__PURE__ */ (0, K.jsx)("span", {
 									className: "ml-1 text-[10px] opacity-70",
-									children: O
+									children: M
 								})]
 							}),
-							Ge.map((e) => {
-								let t = w[e];
-								return /* @__PURE__ */ (0, W.jsxs)("button", {
-									onClick: () => h(m === e ? "all" : e),
-									className: a("px-2 py-0.5 text-xs rounded font-medium transition-colors", m === e ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-zinc-100" : "text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800"),
-									children: [/* @__PURE__ */ (0, W.jsx)("span", {
-										className: a(t > 0 && Ke[e]),
+							He.map((e) => {
+								let t = k[e];
+								return /* @__PURE__ */ (0, K.jsxs)("button", {
+									onClick: () => _(h === e ? "all" : e),
+									className: u("px-2 py-0.5 text-xs rounded font-medium transition-colors", h === e ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-zinc-100" : "text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800"),
+									children: [/* @__PURE__ */ (0, K.jsx)("span", {
+										className: u(t > 0 && Ue[e]),
 										children: e.charAt(0).toUpperCase() + e.slice(1)
-									}), t > 0 && /* @__PURE__ */ (0, W.jsx)("span", {
-										className: a("ml-1 text-[10px]", Ke[e]),
+									}), t > 0 && /* @__PURE__ */ (0, K.jsx)("span", {
+										className: u("ml-1 text-[10px]", Ue[e]),
 										children: t
 									})]
 								}, e);
 							}),
-							/* @__PURE__ */ (0, W.jsxs)("div", {
+							/* @__PURE__ */ (0, K.jsxs)("div", {
 								className: "ml-auto flex items-center gap-1 relative",
 								children: [
-									/* @__PURE__ */ (0, W.jsx)(r, { className: "absolute left-2 size-3 text-zinc-400 dark:text-zinc-500 pointer-events-none" }),
-									/* @__PURE__ */ (0, W.jsx)("input", {
+									/* @__PURE__ */ (0, K.jsx)(n, { className: "absolute left-2 size-3 text-zinc-400 dark:text-zinc-500 pointer-events-none" }),
+									/* @__PURE__ */ (0, K.jsx)("input", {
 										type: "text",
 										placeholder: "Filter logs…",
-										value: g,
-										onChange: (e) => _(e.target.value),
+										value: b,
+										onChange: (e) => S(e.target.value),
 										className: "pl-6 pr-6 py-0.5 text-xs rounded border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 dark:placeholder-zinc-500 focus:outline-none focus:ring-1 focus:ring-zinc-400 dark:focus:ring-zinc-500 w-44"
 									}),
-									g && /* @__PURE__ */ (0, W.jsx)("button", {
-										onClick: () => _(""),
+									b && /* @__PURE__ */ (0, K.jsx)("button", {
+										onClick: () => S(""),
 										"aria-label": "Clear search",
 										className: "absolute right-1.5 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300",
-										children: /* @__PURE__ */ (0, W.jsx)(P, { className: "size-3" })
+										children: /* @__PURE__ */ (0, K.jsx)(me, { className: "size-3" })
 									})
 								]
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ (0, W.jsx)("div", {
-					ref: C,
+				/* @__PURE__ */ (0, K.jsx)("div", {
+					ref: O,
 					className: "flex-1 overflow-auto bg-zinc-50 dark:bg-zinc-950",
-					children: A.length === 0 ? /* @__PURE__ */ (0, W.jsx)("div", {
+					children: P.length === 0 ? /* @__PURE__ */ (0, K.jsx)("div", {
 						className: "flex items-center justify-center h-full text-zinc-500 dark:text-zinc-400",
-						children: /* @__PURE__ */ (0, W.jsxs)("div", {
+						children: /* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "text-center",
 							children: [
-								/* @__PURE__ */ (0, W.jsx)(B, { className: "size-8 mx-auto mb-2 opacity-50" }),
-								/* @__PURE__ */ (0, W.jsx)("p", {
+								/* @__PURE__ */ (0, K.jsx)(H, { className: "size-8 mx-auto mb-2 opacity-50" }),
+								/* @__PURE__ */ (0, K.jsx)("p", {
 									className: "text-sm",
-									children: y.length === 0 ? "No console logs yet" : g ? `No logs match "${g}"` : "No logs match the current filter"
+									children: C.length === 0 ? "No console logs yet" : b ? `No logs match "${b}"` : "No logs match the current filter"
 								}),
-								/* @__PURE__ */ (0, W.jsx)("p", {
+								/* @__PURE__ */ (0, K.jsx)("p", {
 									className: "text-xs mt-1",
-									children: y.length === 0 ? "Logs from iframes will appear here" : `${y.length} log${y.length === 1 ? "" : "s"} hidden by filter`
+									children: C.length === 0 ? "Logs from iframes will appear here" : `${C.length} log${C.length === 1 ? "" : "s"} hidden by filter`
 								})
 							]
 						})
-					}) : /* @__PURE__ */ (0, W.jsx)("div", { children: A.map((e) => /* @__PURE__ */ (0, W.jsx)(Ue, { log: e }, e.id)) })
+					}) : /* @__PURE__ */ (0, K.jsx)("div", { children: P.map((e) => /* @__PURE__ */ (0, K.jsx)(Be, { log: e }, e.id)) })
 				})
 			]
 		})]
@@ -955,7 +940,7 @@ function qe({ iframeId: e, enabled: t = !0 }) {
 }
 //#endregion
 //#region src/client/hooks/usePropsLLM.ts
-function J(e) {
+function Ge(e) {
 	let t = e.trim(), n = t.match(/```(?:json)?\s*([\s\S]*?)```/);
 	n && (t = n[1].trim());
 	let r = t.indexOf("{");
@@ -969,9 +954,9 @@ function J(e) {
 	}
 	return null;
 }
-function Je({ llmConfig: e }) {
+function Ke({ llmConfig: e }) {
 	return {
-		generateProps: (0, V.useCallback)(async ({ resource: t, resourceAnnotations: n, propsSchema: r }) => {
+		generateProps: (0, U.useCallback)(async ({ resource: t, resourceAnnotations: n, propsSchema: r }) => {
 			if (!e) throw Error("LLM config is not available");
 			let i = t.mimeType || n?.mimeType || "unknown", a = t.description || n?.description || "N/A";
 			if (r?.properties) {
@@ -991,7 +976,7 @@ ${n}
 
 Generate appropriate default/example values for these props. Return ONLY a JSON object with the exact prop names as keys.
 Example: {"query": "example search term", "results": [{"fruit": "Apple", "color": "red"}]}`
-				}], o = J(await R({
+				}], o = Ge(await B({
 					config: {
 						provider: e.provider,
 						model: e.model,
@@ -1025,7 +1010,7 @@ Based on this information, suggest 3-5 common customizable properties like theme
 			}, {
 				role: "user",
 				content: c
-			}], u = await R({
+			}], u = await B({
 				config: {
 					provider: e.provider,
 					model: e.model,
@@ -1036,7 +1021,7 @@ Based on this information, suggest 3-5 common customizable properties like theme
 				messages: l
 			});
 			try {
-				let e = J(u);
+				let e = Ge(u);
 				if (e) return Object.entries(e).map(([e, t]) => ({
 					key: e,
 					value: typeof t == "object" && t ? JSON.stringify(t) : String(t)
@@ -1060,7 +1045,7 @@ Based on this information, suggest 3-5 common customizable properties like theme
 }
 //#endregion
 //#region src/client/components/shared/SchemaFormField.tsx
-function Y(e, t) {
+function qe(e, t) {
 	if (!e?.$ref) return e;
 	let n = e.$ref;
 	if (n.startsWith("#/")) {
@@ -1071,35 +1056,35 @@ function Y(e, t) {
 	}
 	return e;
 }
-function Ye(e, t) {
+function Je(e, t) {
 	if (e.anyOf && Array.isArray(e.anyOf)) {
 		let n = e.anyOf.find((e) => e.type !== "null");
 		if (n) return {
-			...Y(n, t),
+			...qe(n, t),
 			nullable: !0
 		};
 	}
 	return e;
 }
-function Xe(e) {
+function Ye(e) {
 	return Array.isArray(e.enum) ? e.enum : null;
 }
 function X({ name: e, schema: t, value: n, onChange: r, required: i = !1, disabled: a = !1, rootSchema: o }) {
-	let s = o || t, c = Ye(t, s);
-	c = Y(c, s);
-	let l = Xe(c), d = c.type === "string" && l !== null, f = c;
-	return f.type === "object" || f.type === "array" ? /* @__PURE__ */ (0, W.jsxs)("div", {
+	let c = o || t, l = Je(t, c);
+	l = qe(l, c);
+	let u = Ye(l), d = l.type === "string" && u !== null, f = l;
+	return f.type === "object" || f.type === "array" ? /* @__PURE__ */ (0, K.jsxs)("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ (0, W.jsxs)(v, {
+			/* @__PURE__ */ (0, K.jsxs)(w, {
 				htmlFor: e,
 				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, W.jsx)("span", {
+				children: [e, i && /* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-red-500 ml-1",
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsx)(z, {
+			/* @__PURE__ */ (0, K.jsx)(V, {
 				id: e,
 				value: n,
 				onChange: (e) => r(e.target.value),
@@ -1107,52 +1092,52 @@ function X({ name: e, schema: t, value: n, onChange: r, required: i = !1, disabl
 				className: "min-h-[100px]",
 				disabled: a
 			}),
-			f?.description && /* @__PURE__ */ (0, W.jsx)("p", {
+			f?.description && /* @__PURE__ */ (0, K.jsx)("p", {
 				className: "text-xs text-gray-500 dark:text-gray-400",
 				children: f.description
 			})
 		]
-	}) : d && l ? /* @__PURE__ */ (0, W.jsxs)("div", {
+	}) : d && u ? /* @__PURE__ */ (0, K.jsxs)("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ (0, W.jsxs)(v, {
+			/* @__PURE__ */ (0, K.jsxs)(w, {
 				htmlFor: e,
 				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, W.jsx)("span", {
+				children: [e, i && /* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-red-500 ml-1",
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)(C, {
+			/* @__PURE__ */ (0, K.jsxs)(k, {
 				value: n || "",
 				onValueChange: r,
 				disabled: a,
-				children: [/* @__PURE__ */ (0, W.jsx)(b, {
+				children: [/* @__PURE__ */ (0, K.jsx)(E, {
 					id: e,
 					className: "w-full",
-					children: /* @__PURE__ */ (0, W.jsx)(y, { placeholder: f.description || "Select an option" })
-				}), /* @__PURE__ */ (0, W.jsx)(x, { children: l.map((e, t) => /* @__PURE__ */ (0, W.jsx)(S, {
+					children: /* @__PURE__ */ (0, K.jsx)(T, { placeholder: f.description || "Select an option" })
+				}), /* @__PURE__ */ (0, K.jsx)(D, { children: u.map((e, t) => /* @__PURE__ */ (0, K.jsx)(O, {
 					value: e,
 					children: f.enumNames?.[t] || e
 				}, e)) })]
 			}),
-			f.description && /* @__PURE__ */ (0, W.jsx)("p", {
+			f.description && /* @__PURE__ */ (0, K.jsx)("p", {
 				className: "text-xs text-gray-500 dark:text-gray-400",
 				children: f.description
 			})
 		]
-	}) : /* @__PURE__ */ (0, W.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, K.jsxs)("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ (0, W.jsxs)(v, {
+			/* @__PURE__ */ (0, K.jsxs)(w, {
 				htmlFor: e,
 				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, W.jsx)("span", {
+				children: [e, i && /* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-red-500 ml-1",
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsx)(u, {
+			/* @__PURE__ */ (0, K.jsx)(s, {
 				id: e,
 				value: n,
 				onChange: (e) => r(e.target.value),
@@ -1160,7 +1145,7 @@ function X({ name: e, schema: t, value: n, onChange: r, required: i = !1, disabl
 				type: f.type === "number" ? "number" : "text",
 				disabled: a
 			}),
-			f?.description && /* @__PURE__ */ (0, W.jsx)("p", {
+			f?.description && /* @__PURE__ */ (0, K.jsx)("p", {
 				className: "text-xs text-gray-500 dark:text-gray-400",
 				children: f.description
 			})
@@ -1169,8 +1154,8 @@ function X({ name: e, schema: t, value: n, onChange: r, required: i = !1, disabl
 }
 //#endregion
 //#region src/client/components/resources/PropsConfigDialog.tsx
-function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource: i, resourceAnnotations: a, llmConfig: o, editingPreset: s }) {
-	let c = (0, V.useMemo)(() => {
+function Xe({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource: i, resourceAnnotations: a, llmConfig: o, editingPreset: c }) {
+	let l = (0, U.useMemo)(() => {
 		let e = (e) => {
 			if (!e) return null;
 			if (e.type === "object" && e.properties) return e;
@@ -1234,16 +1219,16 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 		i.annotations,
 		i.uri,
 		i.name
-	]), d = !!c, [f, p] = (0, V.useState)(""), [m, h] = (0, V.useState)({}), [g, _] = (0, V.useState)([{
+	]), u = !!l, [f, p] = (0, U.useState)(""), [m, h] = (0, U.useState)({}), [g, _] = (0, U.useState)([{
 		id: crypto.randomUUID(),
 		key: "",
 		value: ""
-	}]), [y, b] = (0, V.useState)(!1), [x, S] = (0, V.useState)(null), { generateProps: C, isAvailable: w } = Je({ llmConfig: o });
-	(0, V.useEffect)(() => {
+	}]), [v, y] = (0, U.useState)(!1), [b, x] = (0, U.useState)(null), { generateProps: S, isAvailable: C } = Ke({ llmConfig: o });
+	(0, U.useEffect)(() => {
 		if (e) {
-			if (s) if (p(s.name), d) h(s.props);
+			if (c) if (p(c.name), u) h(c.props);
 			else {
-				let e = Object.entries(s.props).map(([e, t]) => ({
+				let e = Object.entries(c.props).map(([e, t]) => ({
 					id: crypto.randomUUID(),
 					key: e,
 					value: t
@@ -1254,17 +1239,17 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 					value: ""
 				}]);
 			}
-			else p(""), d ? h({}) : _([{
+			else p(""), u ? h({}) : _([{
 				id: crypto.randomUUID(),
 				key: "",
 				value: ""
 			}]);
-			S(null);
+			x(null);
 		}
 	}, [
 		e,
-		s,
-		d
+		c,
+		u
 	]);
 	let T = () => {
 		_([...g, {
@@ -1280,45 +1265,45 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 			[t]: n
 		} : r));
 	};
-	return /* @__PURE__ */ (0, W.jsx)(oe, {
+	return /* @__PURE__ */ (0, K.jsx)(se, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ (0, W.jsxs)(ie, {
+		children: /* @__PURE__ */ (0, K.jsxs)(ae, {
 			scrollable: !0,
 			className: "sm:max-w-[600px] max-h-[80vh]",
 			"data-testid": "props-config-dialog",
 			children: [
-				/* @__PURE__ */ (0, W.jsxs)(re, { children: [/* @__PURE__ */ (0, W.jsx)(ee, { children: s ? "Edit Preset" : "Create Props Preset" }), /* @__PURE__ */ (0, W.jsxs)(j, { children: [
+				/* @__PURE__ */ (0, K.jsxs)(ie, { children: [/* @__PURE__ */ (0, K.jsx)(te, { children: c ? "Edit Preset" : "Create Props Preset" }), /* @__PURE__ */ (0, K.jsxs)(F, { children: [
 					"Configure props for ",
 					i.name || i.uri,
 					". You can manually add key-value pairs or generate them with AI."
 				] })] }),
-				/* @__PURE__ */ (0, W.jsxs)(ne, {
+				/* @__PURE__ */ (0, K.jsxs)(re, {
 					className: "space-y-4 py-4",
 					children: [
-						/* @__PURE__ */ (0, W.jsxs)("div", {
+						/* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ (0, W.jsx)(v, {
+							children: [/* @__PURE__ */ (0, K.jsx)(w, {
 								htmlFor: "preset-name",
 								children: "Preset Name"
-							}), /* @__PURE__ */ (0, W.jsx)(u, {
+							}), /* @__PURE__ */ (0, K.jsx)(s, {
 								id: "preset-name",
 								"data-testid": "props-config-preset-name",
 								value: f,
 								onChange: (e) => p(e.target.value),
 								placeholder: "e.g., Dark Theme, Production Config",
-								disabled: y
+								disabled: v
 							})]
 						}),
-						/* @__PURE__ */ (0, W.jsxs)("div", {
+						/* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "space-y-2 p-3 bg-muted rounded-lg",
 							children: [
-								/* @__PURE__ */ (0, W.jsxs)("div", {
+								/* @__PURE__ */ (0, K.jsxs)("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ (0, W.jsx)(v, {
+									children: [/* @__PURE__ */ (0, K.jsx)(w, {
 										className: "text-sm font-medium",
 										children: "Generate with AI"
-									}), w && /* @__PURE__ */ (0, W.jsxs)("span", {
+									}), C && /* @__PURE__ */ (0, K.jsxs)("span", {
 										className: "text-xs text-muted-foreground",
 										children: [
 											"Using ",
@@ -1329,65 +1314,65 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 										]
 									})]
 								}),
-								w ? /* @__PURE__ */ (0, W.jsx)(l, {
+								C ? /* @__PURE__ */ (0, K.jsx)(d, {
 									onClick: async () => {
-										if (!w) {
-											I.error("LLM not configured", { description: "Please configure LLM in the Chat tab first." });
+										if (!C) {
+											z.error("LLM not configured", { description: "Please configure LLM in the Chat tab first." });
 											return;
 										}
-										b(!0), S(null);
+										y(!0), x(null);
 										try {
-											let e = await C({
+											let e = await S({
 												resource: i,
 												resourceAnnotations: a,
-												propsSchema: d ? c : void 0
+												propsSchema: u ? l : void 0
 											});
-											if (d) {
+											if (u) {
 												let t = {};
-												for (let n of e) c.properties?.[n.key] && (t[n.key] = n.value);
+												for (let n of e) l.properties?.[n.key] && (t[n.key] = n.value);
 												h(t);
 											} else _(e.map((e) => ({
 												id: crypto.randomUUID(),
 												key: e.key,
 												value: e.value
 											})));
-											I.success("Props generated successfully", { description: `Generated ${e.length} prop(s) using ${o?.provider}` });
+											z.success("Props generated successfully", { description: `Generated ${e.length} prop(s) using ${o?.provider}` });
 										} catch (e) {
 											let t = e instanceof Error ? e.message : "Failed to generate props";
-											S(t), I.error("LLM Generation Failed", { description: t });
+											x(t), z.error("LLM Generation Failed", { description: t });
 										} finally {
-											b(!1);
+											y(!1);
 										}
 									},
-									disabled: y,
+									disabled: v,
 									size: "sm",
 									variant: "outline",
 									className: "w-full",
 									"data-testid": "props-config-generate-llm-button",
-									children: y ? /* @__PURE__ */ (0, W.jsxs)("span", {
+									children: v ? /* @__PURE__ */ (0, K.jsxs)("span", {
 										"data-testid": "props-config-generating",
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ (0, W.jsx)(ue, { className: "h-4 w-4 mr-2 animate-spin" }), "Generating..."]
-									}) : /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsx)(fe, { className: "h-4 w-4 mr-2" }), "Generate Props with LLM"] })
-								}) : /* @__PURE__ */ (0, W.jsx)("p", {
+										children: [/* @__PURE__ */ (0, K.jsx)(ue, { className: "h-4 w-4 mr-2 animate-spin" }), "Generating..."]
+									}) : /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)(fe, { className: "h-4 w-4 mr-2" }), "Generate Props with LLM"] })
+								}) : /* @__PURE__ */ (0, K.jsx)("p", {
 									className: "text-xs text-muted-foreground",
 									children: "LLM not configured. Please configure LLM in the Chat tab to use this feature."
 								}),
-								x && /* @__PURE__ */ (0, W.jsx)("p", {
+								b && /* @__PURE__ */ (0, K.jsx)("p", {
 									className: "text-xs text-destructive",
 									"data-testid": "props-config-error",
-									children: x
+									children: b
 								})
 							]
 						}),
-						/* @__PURE__ */ (0, W.jsxs)("div", {
+						/* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ (0, W.jsx)(v, {
+							children: [/* @__PURE__ */ (0, K.jsx)(w, {
 								className: "text-sm font-medium",
 								children: "Props"
-							}), d ? /* @__PURE__ */ (0, W.jsx)("div", {
+							}), u ? /* @__PURE__ */ (0, K.jsx)("div", {
 								className: "space-y-4",
-								children: Object.entries(c.properties || {}).map(([e, t]) => /* @__PURE__ */ (0, W.jsx)(X, {
+								children: Object.entries(l.properties || {}).map(([e, t]) => /* @__PURE__ */ (0, K.jsx)(X, {
 									name: e,
 									schema: t,
 									value: m[e] || "",
@@ -1395,86 +1380,86 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 										...n,
 										[e]: t
 									})),
-									required: c.required?.includes(e),
-									disabled: y,
-									rootSchema: c
+									required: l.required?.includes(e),
+									disabled: v,
+									rootSchema: l
 								}, e))
-							}) : /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsx)("div", {
+							}) : /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)("div", {
 								className: "flex items-center justify-between",
-								children: /* @__PURE__ */ (0, W.jsxs)(l, {
+								children: /* @__PURE__ */ (0, K.jsxs)(d, {
 									onClick: T,
 									size: "sm",
 									variant: "ghost",
-									disabled: y,
+									disabled: v,
 									"data-testid": "props-config-add-prop",
-									children: [/* @__PURE__ */ (0, W.jsx)(se, { className: "h-4 w-4 mr-1" }), "Add Prop"]
+									children: [/* @__PURE__ */ (0, K.jsx)(I, { className: "h-4 w-4 mr-1" }), "Add Prop"]
 								})
-							}), g.map((e, t) => /* @__PURE__ */ (0, W.jsxs)("div", {
+							}), g.map((e, t) => /* @__PURE__ */ (0, K.jsxs)("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+								children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 									className: "flex-1 grid grid-cols-2 gap-2",
-									children: [/* @__PURE__ */ (0, W.jsx)(u, {
+									children: [/* @__PURE__ */ (0, K.jsx)(s, {
 										placeholder: "Key",
 										value: e.key,
 										onChange: (t) => D(e.id, "key", t.target.value),
-										disabled: y,
+										disabled: v,
 										"data-testid": `props-config-key-${t}`
-									}), /* @__PURE__ */ (0, W.jsx)(u, {
+									}), /* @__PURE__ */ (0, K.jsx)(s, {
 										placeholder: "Value",
 										value: e.value,
 										onChange: (t) => D(e.id, "value", t.target.value),
-										disabled: y,
+										disabled: v,
 										"data-testid": `props-config-value-${t}`
 									})]
-								}), /* @__PURE__ */ (0, W.jsx)(l, {
+								}), /* @__PURE__ */ (0, K.jsx)(d, {
 									variant: "ghost",
 									size: "sm",
 									onClick: () => E(e.id),
-									disabled: g.length === 1 || y,
+									disabled: g.length === 1 || v,
 									className: "h-9 w-9 p-0",
 									"data-testid": `props-config-remove-${t}`,
-									children: /* @__PURE__ */ (0, W.jsx)(pe, { className: "h-4 w-4 text-muted-foreground" })
+									children: /* @__PURE__ */ (0, K.jsx)(pe, { className: "h-4 w-4 text-muted-foreground" })
 								})]
 							}, e.id))] })]
 						})
 					]
 				}),
-				/* @__PURE__ */ (0, W.jsxs)(k, { children: [/* @__PURE__ */ (0, W.jsx)(l, {
+				/* @__PURE__ */ (0, K.jsxs)(N, { children: [/* @__PURE__ */ (0, K.jsx)(d, {
 					variant: "outline",
 					onClick: () => t(!1),
-					disabled: y,
+					disabled: v,
 					"data-testid": "props-config-cancel-button",
 					children: "Cancel"
-				}), /* @__PURE__ */ (0, W.jsxs)(l, {
+				}), /* @__PURE__ */ (0, K.jsxs)(d, {
 					onClick: () => {
 						if (!f.trim()) {
-							I.error("Preset name required", { description: "Please enter a name for this preset." });
+							z.error("Preset name required", { description: "Please enter a name for this preset." });
 							return;
 						}
-						if (r.find((e) => e.name.toLowerCase() === f.toLowerCase() && e.id !== s?.id)) {
-							I.error("Duplicate preset name", { description: "A preset with this name already exists." });
+						if (r.find((e) => e.name.toLowerCase() === f.toLowerCase() && e.id !== c?.id)) {
+							z.error("Duplicate preset name", { description: "A preset with this name already exists." });
 							return;
 						}
 						let e;
-						if (d) e = { ...m };
+						if (u) e = { ...m };
 						else {
 							e = {};
 							for (let t of g) t.key.trim() && (e[t.key.trim()] = t.value);
 						}
 						if (Object.keys(e).length === 0) {
-							I.error("No props defined", { description: "Please add at least one prop with a key." });
+							z.error("No props defined", { description: "Please add at least one prop with a key." });
 							return;
 						}
 						let i = {
-							id: s?.id || crypto.randomUUID(),
+							id: c?.id || crypto.randomUUID(),
 							name: f.trim(),
 							props: e
 						};
-						n(i), t(!1), I.success(s ? "Preset updated" : "Preset created", { description: `Preset "${i.name}" saved successfully.` });
+						n(i), t(!1), z.success(c ? "Preset updated" : "Preset created", { description: `Preset "${i.name}" saved successfully.` });
 					},
-					disabled: y,
+					disabled: v,
 					"data-testid": "props-config-save-button",
-					children: [s ? "Update" : "Create", " Preset"]
+					children: [c ? "Update" : "Create", " Preset"]
 				})] })
 			]
 		})
@@ -1482,7 +1467,7 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 }
 //#endregion
 //#region src/client/components/ui-playground/shared/SafeAreaInsetsEditor.tsx
-function Qe({ value: e, onChange: t }) {
+function Ze({ value: e, onChange: t }) {
 	let n = (n, r) => {
 		let i = parseInt(r, 10);
 		isNaN(i) || t({
@@ -1490,15 +1475,15 @@ function Qe({ value: e, onChange: t }) {
 			[n]: i
 		});
 	};
-	return /* @__PURE__ */ (0, W.jsxs)("div", {
+	return /* @__PURE__ */ (0, K.jsxs)("div", {
 		className: "grid grid-cols-2 gap-2",
 		children: [
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, W.jsx)("label", {
+				children: [/* @__PURE__ */ (0, K.jsx)("label", {
 					className: "text-xs text-muted-foreground",
 					children: "Top"
-				}), /* @__PURE__ */ (0, W.jsx)(u, {
+				}), /* @__PURE__ */ (0, K.jsx)(s, {
 					type: "number",
 					min: "0",
 					value: e.top,
@@ -1507,12 +1492,12 @@ function Qe({ value: e, onChange: t }) {
 					"data-testid": "debugger-safe-area-top"
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, W.jsx)("label", {
+				children: [/* @__PURE__ */ (0, K.jsx)("label", {
 					className: "text-xs text-muted-foreground",
 					children: "Right"
-				}), /* @__PURE__ */ (0, W.jsx)(u, {
+				}), /* @__PURE__ */ (0, K.jsx)(s, {
 					type: "number",
 					min: "0",
 					value: e.right,
@@ -1521,12 +1506,12 @@ function Qe({ value: e, onChange: t }) {
 					"data-testid": "debugger-safe-area-right"
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, W.jsx)("label", {
+				children: [/* @__PURE__ */ (0, K.jsx)("label", {
 					className: "text-xs text-muted-foreground",
 					children: "Bottom"
-				}), /* @__PURE__ */ (0, W.jsx)(u, {
+				}), /* @__PURE__ */ (0, K.jsx)(s, {
 					type: "number",
 					min: "0",
 					value: e.bottom,
@@ -1535,12 +1520,12 @@ function Qe({ value: e, onChange: t }) {
 					"data-testid": "debugger-safe-area-bottom"
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)("div", {
+			/* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, W.jsx)("label", {
+				children: [/* @__PURE__ */ (0, K.jsx)("label", {
 					className: "text-xs text-muted-foreground",
 					children: "Left"
-				}), /* @__PURE__ */ (0, W.jsx)(u, {
+				}), /* @__PURE__ */ (0, K.jsx)(s, {
 					type: "number",
 					min: "0",
 					value: e.left,
@@ -1554,7 +1539,7 @@ function Qe({ value: e, onChange: t }) {
 }
 //#endregion
 //#region src/client/mcp-apps/debug/csp-suggestions.ts
-function $e(e, t) {
+function Qe(e, t) {
 	let n = new Set(t?.connectDomains ?? []), r = new Set(t?.resourceDomains ?? []), i = new Set(t?.frameDomains ?? []), a = new Set([
 		"script-src",
 		"style-src",
@@ -1581,14 +1566,14 @@ function $e(e, t) {
 	};
 	return i.size > 0 && (o.frameDomains = Array.from(i).sort()), o;
 }
-var Z = "https://raw.githubusercontent.com/modelcontextprotocol/ext-apps/bcfffb6585ea4fb1e3a9da39fb8911b83399fa71/specification/2026-01-26/apps.mdx", et = "https://mcp-use.com/docs/typescript/server/csp";
-function tt(e, t, n, r) {
+var Z = "https://raw.githubusercontent.com/modelcontextprotocol/ext-apps/bcfffb6585ea4fb1e3a9da39fb8911b83399fa71/specification/2026-01-26/apps.mdx", $e = "https://mcp-use.com/docs/typescript/server/csp";
+function et(e, t, n, r) {
 	let i = [
 		"Fix the Content Security Policy (CSP) for this MCP Apps widget. The widget has CSP violations that block network requests and resources.",
 		"",
 		"**References:**",
 		`- MCP Apps CSP spec: ${Z}`,
-		`- mcp-use CSP docs: ${et}`,
+		`- mcp-use CSP docs: ${$e}`,
 		""
 	];
 	if (i.push("**Current declared CSP:**"), e ? (i.push(`connectDomains: ${JSON.stringify(e.connectDomains ?? [])}`), i.push(`resourceDomains: ${JSON.stringify(e.resourceDomains ?? [])}`), i.push(`frameDomains: ${JSON.stringify(e.frameDomains ?? [])}`), i.push(`baseUriDomains: ${JSON.stringify(e.baseUriDomains ?? [])}`)) : i.push("No CSP declared."), i.push(""), t && (i.push("**Effective policy (originalPolicy):**"), i.push("```"), i.push(t), i.push("```"), i.push("")), n.length > 0) {
@@ -1607,278 +1592,264 @@ function tt(e, t, n, r) {
 }
 //#endregion
 //#region src/client/components/MCPAppsDebugControls.tsx
-var Q = "__no_props__", $ = "__tool_props__", nt = "__create_preset__", rt = [
-	{
-		value: "desktop",
-		label: "Desktop",
-		icon: E
-	},
-	{
-		value: "mobile",
-		label: "Mobile",
-		icon: Me
-	},
-	{
-		value: "tablet",
-		label: "Tablet",
-		icon: Pe
-	}
-];
-function it({ options: e, value: t, onValueChange: n, placeholder: r, contentTestId: i, searchTestId: a, optionTestId: o, trigger: s }) {
-	let [c, l] = (0, V.useState)(!1), [f, h] = (0, V.useState)(""), g = (0, V.useRef)(null);
-	(0, V.useEffect)(() => {
-		if (!c) {
-			h("");
+var Q = "__no_props__", $ = "__tool_props__", tt = "__create_preset__", nt = [{
+	value: "desktop",
+	label: "Desktop",
+	icon: j
+}, {
+	value: "mobile",
+	label: "Mobile",
+	icon: Ae
+}];
+function rt({ options: e, value: t, onValueChange: n, placeholder: r, contentTestId: i, searchTestId: a, optionTestId: o, trigger: c }) {
+	let [l, u] = (0, U.useState)(!1), [d, f] = (0, U.useState)(""), p = (0, U.useRef)(null);
+	(0, U.useEffect)(() => {
+		if (!l) {
+			f("");
 			return;
 		}
-		let e = requestAnimationFrame(() => g.current?.focus());
+		let e = requestAnimationFrame(() => p.current?.focus());
 		return () => cancelAnimationFrame(e);
-	}, [c]);
-	let _ = (0, V.useMemo)(() => {
-		let t = f.trim().toLowerCase();
+	}, [l]);
+	let m = (0, U.useMemo)(() => {
+		let t = d.trim().toLowerCase();
 		return t ? e.filter((e) => e.label.toLowerCase().includes(t) || e.value.toLowerCase().includes(t)) : [...e];
-	}, [e, f]), v = _.findIndex((e) => e.value === t);
-	return /* @__PURE__ */ (0, W.jsxs)(m, {
-		open: c,
-		onOpenChange: l,
-		children: [s, /* @__PURE__ */ (0, W.jsxs)(d, {
+	}, [e, d]), g = m.findIndex((e) => e.value === t);
+	return /* @__PURE__ */ (0, K.jsxs)(S, {
+		open: l,
+		onOpenChange: u,
+		children: [c, /* @__PURE__ */ (0, K.jsxs)(h, {
 			"data-testid": i,
-			checkedIndex: v >= 0 ? v : void 0,
+			checkedIndex: g >= 0 ? g : void 0,
 			className: "w-80 overflow-hidden",
-			children: [/* @__PURE__ */ (0, W.jsx)("div", {
+			children: [/* @__PURE__ */ (0, K.jsx)("div", {
 				className: "border-b border-border p-2",
 				onKeyDown: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ (0, W.jsx)(u, {
-					ref: g,
-					value: f,
-					onChange: (e) => h(e.target.value),
+				children: /* @__PURE__ */ (0, K.jsx)(s, {
+					ref: p,
+					value: d,
+					onChange: (e) => f(e.target.value),
 					placeholder: r,
 					"data-testid": a,
 					className: "h-8"
 				})
-			}), /* @__PURE__ */ (0, W.jsx)("div", {
+			}), /* @__PURE__ */ (0, K.jsx)("div", {
 				className: "max-h-64 overflow-y-auto",
-				children: _.length === 0 ? /* @__PURE__ */ (0, W.jsx)("p", {
+				children: m.length === 0 ? /* @__PURE__ */ (0, K.jsx)("p", {
 					className: "px-3 py-4 text-xs text-muted-foreground",
 					children: "No results found."
-				}) : _.map((e, r) => /* @__PURE__ */ (0, W.jsx)(p, {
+				}) : m.map((e, r) => /* @__PURE__ */ (0, K.jsx)(C, {
 					index: r,
 					label: e.label,
 					checked: t === e.value,
 					"data-testid": o(e.value),
 					onSelect: () => {
-						n(e.value), l(!1);
+						n(e.value), u(!1);
 					}
 				}, e.value))
 			})]
 		})]
 	});
 }
-function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContext: r, resourceUri: a, toolInput: u, resourceAnnotations: v, llmConfig: y, resource: b, onPropsChange: x, requiredProps: S }) {
-	let { resolvedTheme: C, setTheme: w } = he(), { playground: k, updatePlaygroundSettings: j, widgets: se, clearCspViolations: ue } = me(), fe = se.get(n), P = fe?.cspViolations ?? [], F = fe?.declaredCsp, L = fe?.effectivePolicy, ge = P.length > 0 ? $e(P, F) : null, _e = P.length > 0 ? tt(F, L, P, ge) : "", ve = e === "fullscreen", ye = e === "pip", { presets: R, activePresetId: z, savePreset: Ce, deletePreset: Ee, setActivePreset: B, getActiveProps: Fe } = ze(a), [Le, H] = (0, V.useState)(!1), U = !!S?.length && !z, [Be, Ve] = (0, V.useState)(() => U);
-	(0, V.useEffect)(() => {
-		U && Ve(!0);
-	}, [U]);
-	let [G, K] = (0, V.useState)(null), [He, Ue] = (0, V.useState)(!1), [q, We] = (0, V.useState)("mode"), [Ge, Ke] = (0, V.useState)(!0), J = (0, V.useMemo)(() => be(F), [F]), Je = (0, V.useMemo)(() => xe(L), [L]), Y = (0, V.useMemo)(() => we(J, Je), [J, Je]), Ye = (0, V.useMemo)(() => Se({
-		mode: k.cspMode,
+function it({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContext: s, resourceUri: c, toolInput: l, resourceAnnotations: u, llmConfig: p, resource: g, onPropsChange: v, requiredProps: y }) {
+	let { resolvedTheme: x, setTheme: w } = _e(), { playground: T, updatePlaygroundSettings: E, widgets: D, clearCspViolations: O } = ge(), k = D.get(n), N = k?.cspViolations ?? [], F = k?.declaredCsp, I = k?.effectivePolicy, ue = N.length > 0 ? Qe(N, F) : null, fe = N.length > 0 ? et(F, I, N, ue) : "", me = e === "fullscreen", he = e === "pip", { presets: B, activePresetId: V, savePreset: xe, deletePreset: we, setActivePreset: H, getActiveProps: Me } = Ie(c), [Pe, W] = (0, U.useState)(!1), G = !!y?.length && !V, [Le, Re] = (0, U.useState)(() => G);
+	(0, U.useEffect)(() => {
+		G && Re(!0);
+	}, [G]);
+	let [q, J] = (0, U.useState)(null), [ze, Be] = (0, U.useState)(!1), [Y, Ve] = (0, U.useState)("mode"), [He, Ue] = (0, U.useState)(!0), Ge = (0, U.useMemo)(() => ve(F), [F]), Ke = (0, U.useMemo)(() => ye(I), [I]), qe = (0, U.useMemo)(() => Se(Ge, Ke), [Ge, Ke]), Je = (0, U.useMemo)(() => be({
+		mode: T.cspMode,
 		declared: F,
-		effectivePolicy: L,
-		violations: P
+		effectivePolicy: I,
+		violations: N
 	}), [
-		k.cspMode,
+		T.cspMode,
 		F,
-		L,
-		P
-	]), Xe = (0, V.useCallback)(() => r === "tool" && u ? $ : Q, [r, u]), [X, Z] = (0, V.useState)(Xe());
-	(0, V.useEffect)(() => {
-		z && r !== "tool" ? Z(z) : X !== Q && X !== $ && Z(Xe());
+		I,
+		N
+	]), Ye = (0, U.useCallback)(() => s === "tool" && l ? $ : Q, [s, l]), [X, Z] = (0, U.useState)(Ye());
+	(0, U.useEffect)(() => {
+		V && s !== "tool" ? Z(V) : X !== Q && X !== $ && Z(Ye());
 	}, [
-		z,
+		V,
 		X,
-		Xe,
-		r
-	]), (0, V.useEffect)(() => {
-		if (x) {
-			if (X === Q || X === $) x(null);
-			else if (z && X === z) {
-				let e = Fe();
-				e && x(e);
+		Ye,
+		s
+	]), (0, U.useEffect)(() => {
+		if (v) {
+			if (X === Q || X === $) v(null);
+			else if (V && X === V) {
+				let e = Me();
+				e && v(e);
 			}
 		}
 	}, [
 		X,
-		z,
-		u,
-		Fe,
-		x,
-		R
+		V,
+		l,
+		Me,
+		v,
+		B
 	]);
-	let et = (e) => {
-		if (e === nt) {
-			K(null), H(!0);
+	let $e = (e) => {
+		if (e === tt) {
+			J(null), W(!0);
 			return;
 		}
-		if (e === Q || e === $) B(null), Z(e), x?.(null);
+		if (e === Q || e === $) H(null), Z(e), v?.(null);
 		else {
-			B(e), Z(e);
-			let t = R.find((t) => t.id === e);
-			x?.(t?.props ?? null);
+			H(e), Z(e);
+			let t = B.find((t) => t.id === e);
+			v?.(t?.props ?? null);
 		}
-	}, at = (e) => {
-		Ce(e), B(e.id), Z(e.id), x?.(e.props);
-	}, ot = (e, t) => {
+	}, it = (e) => {
+		xe(e), H(e.id), Z(e.id), v?.(e.props);
+	}, at = (e, t) => {
 		t.stopPropagation();
-		let n = R.find((t) => t.id === e);
-		n && (Ee(e), I.success("Preset deleted", { description: `Preset "${n.name}" has been deleted.` }));
-	}, st = (e, t) => {
-		t.stopPropagation(), K(e), H(!0);
-	}, ct = () => {
-		switch (k.deviceType) {
-			case "mobile": return /* @__PURE__ */ (0, W.jsx)(Me, { className: "size-3" });
-			case "tablet": return /* @__PURE__ */ (0, W.jsx)(Pe, { className: "size-3" });
-			default: return /* @__PURE__ */ (0, W.jsx)(E, { className: "size-3" });
-		}
-	}, lt = rt.findIndex((e) => e.value === k.deviceType);
-	return /* @__PURE__ */ (0, W.jsxs)("div", {
+		let n = B.find((t) => t.id === e);
+		n && (we(e), z.success("Preset deleted", { description: `Preset "${n.name}" has been deleted.` }));
+	}, ot = (e, t) => {
+		t.stopPropagation(), J(e), W(!0);
+	}, st = () => T.deviceType === "mobile" ? /* @__PURE__ */ (0, K.jsx)(Ae, { className: "size-3" }) : /* @__PURE__ */ (0, K.jsx)(j, { className: "size-3" }), ct = nt.findIndex((e) => e.value === T.deviceType);
+	return /* @__PURE__ */ (0, K.jsxs)("div", {
 		className: "flex items-center gap-2",
 		children: [
-			!ve && !ye && /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-				render: /* @__PURE__ */ (0, W.jsx)(l, {
+			!me && !he && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+				render: /* @__PURE__ */ (0, K.jsx)(d, {
 					"data-testid": "debugger-fullscreen-button",
 					variant: "outline",
 					size: "sm",
 					className: "bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
 					onClick: () => t("fullscreen"),
-					children: /* @__PURE__ */ (0, W.jsx)(de, { className: "size-4" })
+					children: /* @__PURE__ */ (0, K.jsx)(de, { className: "size-4" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsx)(c, { children: "Enter fullscreen mode" })] }), /* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-				render: /* @__PURE__ */ (0, W.jsx)(l, {
+			}), /* @__PURE__ */ (0, K.jsx)(o, { children: "Enter fullscreen mode" })] }), /* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+				render: /* @__PURE__ */ (0, K.jsx)(d, {
 					"data-testid": "debugger-pip-button",
 					variant: "outline",
 					size: "sm",
 					className: "bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
 					onClick: () => t("pip"),
-					children: /* @__PURE__ */ (0, W.jsx)(Oe, { className: "size-4" })
+					children: /* @__PURE__ */ (0, K.jsx)(Ee, { className: "size-4" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsx)(c, { children: "Picture-in-picture" })] })] }),
-			/* @__PURE__ */ (0, W.jsxs)(m, { children: [/* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-				render: /* @__PURE__ */ (0, W.jsx)(f, {
-					render: /* @__PURE__ */ (0, W.jsx)(l, {
+			}), /* @__PURE__ */ (0, K.jsx)(o, { children: "Picture-in-picture" })] })] }),
+			/* @__PURE__ */ (0, K.jsxs)(S, { children: [/* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+				render: /* @__PURE__ */ (0, K.jsx)(f, {
+					render: /* @__PURE__ */ (0, K.jsx)(d, {
 						"data-testid": "debugger-device-button",
 						variant: "outline",
 						size: "sm",
 						className: "h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-						children: ct()
+						children: st()
 					}),
 					nativeButton: !0
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsxs)(c, { children: ["Device: ", k.deviceType] })] }), /* @__PURE__ */ (0, W.jsx)(d, {
+			}), /* @__PURE__ */ (0, K.jsxs)(o, { children: ["Device: ", T.deviceType] })] }), /* @__PURE__ */ (0, K.jsx)(h, {
 				"data-testid": "debugger-device-dialog",
-				checkedIndex: lt >= 0 ? lt : void 0,
+				checkedIndex: ct >= 0 ? ct : void 0,
 				className: "w-56",
-				children: rt.map((e, t) => /* @__PURE__ */ (0, W.jsx)(p, {
+				children: nt.map((e, t) => /* @__PURE__ */ (0, K.jsx)(C, {
 					index: t,
 					icon: e.icon,
 					label: e.label,
-					checked: k.deviceType === e.value,
+					checked: T.deviceType === e.value,
 					"data-testid": `debugger-device-option-${e.value}`,
-					onSelect: () => j({ deviceType: e.value })
+					onSelect: () => E({ deviceType: e.value })
 				}, e.value))
 			})] }),
-			/* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-				render: /* @__PURE__ */ (0, W.jsx)(l, {
+			/* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+				render: /* @__PURE__ */ (0, K.jsx)(d, {
 					"data-testid": "debugger-theme-button",
 					variant: "outline",
 					size: "sm",
 					className: "h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
 					onClick: () => {
-						w(C === "dark" ? "light" : "dark");
+						w(x === "dark" ? "light" : "dark");
 					},
-					children: C === "dark" ? /* @__PURE__ */ (0, W.jsx)(O, { className: "size-3.5" }) : /* @__PURE__ */ (0, W.jsx)(A, { className: "size-3.5" })
+					children: x === "dark" ? /* @__PURE__ */ (0, K.jsx)(M, { className: "size-3.5" }) : /* @__PURE__ */ (0, K.jsx)(P, { className: "size-3.5" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsxs)(c, { children: ["Theme: ", C === "dark" ? "Dark" : "Light"] })] }),
-			/* @__PURE__ */ (0, W.jsx)(it, {
-				options: Ie,
-				value: k.locale,
-				onValueChange: (e) => j({ locale: e }),
+			}), /* @__PURE__ */ (0, K.jsxs)(o, { children: ["Theme: ", x === "dark" ? "Dark" : "Light"] })] }),
+			/* @__PURE__ */ (0, K.jsx)(rt, {
+				options: Ne,
+				value: T.locale,
+				onValueChange: (e) => E({ locale: e }),
 				placeholder: "Search locales...",
 				contentTestId: "debugger-locale-dialog",
 				searchTestId: "debugger-locale-search",
 				optionTestId: (e) => `debugger-locale-option-${e}`,
-				trigger: /* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-					render: /* @__PURE__ */ (0, W.jsx)(f, {
-						render: /* @__PURE__ */ (0, W.jsx)(l, {
+				trigger: /* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+					render: /* @__PURE__ */ (0, K.jsx)(f, {
+						render: /* @__PURE__ */ (0, K.jsx)(d, {
 							"data-testid": "debugger-locale-button",
 							variant: "outline",
 							size: "sm",
 							className: "h-8 min-w-[50px] px-2 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-							children: /* @__PURE__ */ (0, W.jsx)("span", {
+							children: /* @__PURE__ */ (0, K.jsx)("span", {
 								className: "text-xs font-mono",
-								children: k.locale
+								children: T.locale
 							})
 						}),
 						nativeButton: !0
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, W.jsx)(c, { children: "Locale" })] })
+				}), /* @__PURE__ */ (0, K.jsx)(o, { children: "Locale" })] })
 			}),
-			/* @__PURE__ */ (0, W.jsx)(it, {
-				options: Re,
-				value: k.timeZone,
-				onValueChange: (e) => j({ timeZone: e }),
+			/* @__PURE__ */ (0, K.jsx)(rt, {
+				options: Fe,
+				value: T.timeZone,
+				onValueChange: (e) => E({ timeZone: e }),
 				placeholder: "Search timezones...",
 				contentTestId: "debugger-timezone-dialog",
 				searchTestId: "debugger-timezone-search",
 				optionTestId: (e) => `debugger-timezone-option-${e.replace(/\//g, "-")}`,
-				trigger: /* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-					render: /* @__PURE__ */ (0, W.jsx)(f, {
-						render: /* @__PURE__ */ (0, W.jsx)(l, {
+				trigger: /* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+					render: /* @__PURE__ */ (0, K.jsx)(f, {
+						render: /* @__PURE__ */ (0, K.jsx)(d, {
 							"data-testid": "debugger-timezone-button",
 							variant: "outline",
 							size: "sm",
 							className: "h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-							children: /* @__PURE__ */ (0, W.jsx)(ce, { className: "size-3.5" })
+							children: /* @__PURE__ */ (0, K.jsx)(ce, { className: "size-3.5" })
 						}),
 						nativeButton: !0
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, W.jsxs)(c, { children: ["Timezone: ", k.timeZone] })] })
+				}), /* @__PURE__ */ (0, K.jsxs)(o, { children: ["Timezone: ", T.timeZone] })] })
 			}),
-			/* @__PURE__ */ (0, W.jsxs)(oe, {
-				open: He,
-				onOpenChange: Ue,
-				children: [/* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-					render: /* @__PURE__ */ (0, W.jsx)(te, {
-						render: /* @__PURE__ */ (0, W.jsxs)(l, {
+			/* @__PURE__ */ (0, K.jsxs)(se, {
+				open: ze,
+				onOpenChange: Be,
+				children: [/* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+					render: /* @__PURE__ */ (0, K.jsx)(ne, {
+						render: /* @__PURE__ */ (0, K.jsxs)(d, {
 							"data-testid": "debugger-csp-button",
 							variant: "outline",
 							size: "sm",
 							className: "relative h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-							children: [k.cspMode === "permissive" ? /* @__PURE__ */ (0, W.jsx)(je, { className: "size-3.5" }) : /* @__PURE__ */ (0, W.jsx)(Ae, { className: "size-3.5" }), P.length > 0 && /* @__PURE__ */ (0, W.jsx)("span", {
-								className: `absolute -top-1.5 -right-1.5 flex h-4 min-w-4 items-center justify-center rounded-full px-0.5 text-[9px] font-bold text-white leading-none ${k.cspMode === "permissive" ? "bg-yellow-500" : "bg-red-500"}`,
-								children: P.length > 99 ? "99+" : P.length
+							children: [T.cspMode === "permissive" ? /* @__PURE__ */ (0, K.jsx)(ke, { className: "size-3.5" }) : /* @__PURE__ */ (0, K.jsx)(Oe, { className: "size-3.5" }), N.length > 0 && /* @__PURE__ */ (0, K.jsx)("span", {
+								className: `absolute -top-1.5 -right-1.5 flex h-4 min-w-4 items-center justify-center rounded-full px-0.5 text-[9px] font-bold text-white leading-none ${T.cspMode === "permissive" ? "bg-yellow-500" : "bg-red-500"}`,
+								children: N.length > 99 ? "99+" : N.length
 							})]
 						}),
 						nativeButton: !0
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, W.jsxs)(c, { children: [
+				}), /* @__PURE__ */ (0, K.jsxs)(o, { children: [
 					"CSP:",
 					" ",
-					k.cspMode === "permissive" ? "Permissive" : "Declared",
-					P.length > 0 && ` · ${P.length} ${k.cspMode === "permissive" ? "would be blocked" : "blocked"}`
-				] })] }), /* @__PURE__ */ (0, W.jsxs)(ie, {
+					T.cspMode === "permissive" ? "Permissive" : "Declared",
+					N.length > 0 && ` · ${N.length} ${T.cspMode === "permissive" ? "would be blocked" : "blocked"}`
+				] })] }), /* @__PURE__ */ (0, K.jsxs)(ae, {
 					scrollable: !0,
 					className: "sm:max-w-[520px] max-h-[85vh]",
 					"data-testid": "debugger-csp-dialog",
-					children: [/* @__PURE__ */ (0, W.jsx)(re, { children: /* @__PURE__ */ (0, W.jsx)(ee, { children: "CSP Mode" }) }), /* @__PURE__ */ (0, W.jsxs)(ne, {
+					children: [/* @__PURE__ */ (0, K.jsx)(ie, { children: /* @__PURE__ */ (0, K.jsx)(te, { children: "CSP Mode" }) }), /* @__PURE__ */ (0, K.jsxs)(re, {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ (0, W.jsx)("div", {
+							/* @__PURE__ */ (0, K.jsx)("div", {
 								role: "tablist",
 								"aria-label": "CSP diagnostics",
 								className: "grid grid-cols-3 rounded-md border border-zinc-200 dark:border-zinc-700 p-1",
@@ -1886,129 +1857,129 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 									["mode", "Mode"],
 									["diff", "Policy Diff"],
 									["findings", "Findings"]
-								].map(([e, t]) => /* @__PURE__ */ (0, W.jsx)("button", {
+								].map(([e, t]) => /* @__PURE__ */ (0, K.jsx)("button", {
 									type: "button",
 									role: "tab",
-									"aria-selected": q === e,
-									onClick: () => We(e),
-									className: `rounded px-2 py-1.5 text-xs font-medium ${q === e ? "bg-zinc-100 dark:bg-zinc-800" : "text-muted-foreground"}`,
+									"aria-selected": Y === e,
+									onClick: () => Ve(e),
+									className: `rounded px-2 py-1.5 text-xs font-medium ${Y === e ? "bg-zinc-100 dark:bg-zinc-800" : "text-muted-foreground"}`,
 									children: t
 								}, e))
 							}),
-							q === "mode" && /* @__PURE__ */ (0, W.jsxs)("div", {
+							Y === "mode" && /* @__PURE__ */ (0, K.jsxs)("div", {
 								role: "tabpanel",
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ (0, W.jsxs)(l, {
+									/* @__PURE__ */ (0, K.jsxs)(d, {
 										"data-testid": "debugger-csp-option-permissive",
-										variant: k.cspMode === "permissive" ? "default" : "outline",
+										variant: T.cspMode === "permissive" ? "default" : "outline",
 										className: "w-full justify-start",
-										onClick: () => j({ cspMode: "permissive" }),
-										children: [/* @__PURE__ */ (0, W.jsx)(je, { className: "size-4 mr-2" }), "Permissive"]
+										onClick: () => E({ cspMode: "permissive" }),
+										children: [/* @__PURE__ */ (0, K.jsx)(ke, { className: "size-4 mr-2" }), "Permissive"]
 									}),
-									/* @__PURE__ */ (0, W.jsxs)(l, {
+									/* @__PURE__ */ (0, K.jsxs)(d, {
 										"data-testid": "debugger-csp-option-widget-declared",
-										variant: k.cspMode === "widget-declared" ? "default" : "outline",
+										variant: T.cspMode === "widget-declared" ? "default" : "outline",
 										className: "w-full justify-start",
-										onClick: () => j({ cspMode: "widget-declared" }),
-										children: [/* @__PURE__ */ (0, W.jsx)(Ae, { className: "size-4 mr-2" }), "Widget-Declared"]
+										onClick: () => E({ cspMode: "widget-declared" }),
+										children: [/* @__PURE__ */ (0, K.jsx)(Oe, { className: "size-4 mr-2" }), "Widget-Declared"]
 									}),
-									/* @__PURE__ */ (0, W.jsx)("p", {
+									/* @__PURE__ */ (0, K.jsx)("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Permissive records would-be blocks; Widget-Declared enforces the resource metadata policy."
 									})
 								]
 							}),
-							q === "diff" && /* @__PURE__ */ (0, W.jsxs)("div", {
+							Y === "diff" && /* @__PURE__ */ (0, K.jsxs)("div", {
 								role: "tabpanel",
 								className: "space-y-2",
-								children: [Y.length ? /* @__PURE__ */ (0, W.jsx)("div", {
+								children: [qe.length ? /* @__PURE__ */ (0, K.jsx)("div", {
 									className: "max-h-64 overflow-y-auto rounded border border-zinc-200 dark:border-zinc-700",
-									children: Y.map((e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+									children: qe.map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
 										className: "border-b border-zinc-100 dark:border-zinc-800 p-2 text-xs last:border-0",
-										children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+										children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ (0, W.jsx)("code", { children: e.directive }), /* @__PURE__ */ (0, W.jsx)("span", {
+											children: [/* @__PURE__ */ (0, K.jsx)("code", { children: e.directive }), /* @__PURE__ */ (0, K.jsx)("span", {
 												className: "text-[10px] uppercase text-muted-foreground",
 												children: e.status
 											})]
-										}), /* @__PURE__ */ (0, W.jsxs)("div", {
+										}), /* @__PURE__ */ (0, K.jsxs)("div", {
 											className: "mt-1 font-mono text-[10px] text-muted-foreground break-all",
 											children: [
 												"requested: ",
 												e.requested.join(" ") || "—",
-												/* @__PURE__ */ (0, W.jsx)("br", {}),
+												/* @__PURE__ */ (0, K.jsx)("br", {}),
 												"effective: ",
 												e.effective.join(" ") || "—"
 											]
 										})]
 									}, e.directive))
-								}) : /* @__PURE__ */ (0, W.jsx)("p", {
+								}) : /* @__PURE__ */ (0, K.jsx)("p", {
 									className: "text-xs text-muted-foreground",
 									children: "No requested or effective policy data yet."
-								}), L && /* @__PURE__ */ (0, W.jsxs)(l, {
+								}), I && /* @__PURE__ */ (0, K.jsxs)(d, {
 									variant: "outline",
 									size: "sm",
 									onClick: async () => {
 										try {
-											await N(L), I.success("Policy copied to clipboard");
+											await R(I), z.success("Policy copied to clipboard");
 										} catch {
-											I.error("Failed to copy");
+											z.error("Failed to copy");
 										}
 									},
-									children: [/* @__PURE__ */ (0, W.jsx)(M, { className: "size-3.5 mr-2" }), "Copy effective policy"]
+									children: [/* @__PURE__ */ (0, K.jsx)(L, { className: "size-3.5 mr-2" }), "Copy effective policy"]
 								})]
 							}),
-							q === "findings" && /* @__PURE__ */ (0, W.jsxs)("div", {
+							Y === "findings" && /* @__PURE__ */ (0, K.jsxs)("div", {
 								role: "tabpanel",
 								className: "space-y-2",
-								children: [/* @__PURE__ */ (0, W.jsx)("div", {
+								children: [/* @__PURE__ */ (0, K.jsx)("div", {
 									className: "space-y-1.5",
-									children: Ye.map((e, t) => /* @__PURE__ */ (0, W.jsxs)("div", {
+									children: Je.map((e, t) => /* @__PURE__ */ (0, K.jsxs)("div", {
 										className: "rounded border border-zinc-200 dark:border-zinc-700 p-2",
-										children: [/* @__PURE__ */ (0, W.jsx)("div", {
+										children: [/* @__PURE__ */ (0, K.jsx)("div", {
 											className: "text-xs font-medium",
 											children: e.title
-										}), /* @__PURE__ */ (0, W.jsx)("div", {
+										}), /* @__PURE__ */ (0, K.jsx)("div", {
 											className: "text-[11px] text-muted-foreground break-all",
 											children: e.detail
 										})]
 									}, `${e.title}-${t}`))
-								}), P.length > 0 && /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+								}), N.length > 0 && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ (0, W.jsxs)("span", {
+									children: [/* @__PURE__ */ (0, K.jsxs)("span", {
 										className: "text-xs font-medium",
 										children: [
-											P.length,
+											N.length,
 											" observed request",
-											P.length === 1 ? "" : "s"
+											N.length === 1 ? "" : "s"
 										]
-									}), /* @__PURE__ */ (0, W.jsx)("button", {
+									}), /* @__PURE__ */ (0, K.jsx)("button", {
 										className: "text-xs text-muted-foreground underline",
-										onClick: () => ue(n),
+										onClick: () => O(n),
 										children: "Clear"
 									})]
-								}), /* @__PURE__ */ (0, W.jsxs)("div", {
+								}), /* @__PURE__ */ (0, K.jsxs)("div", {
 									className: "border border-amber-200 dark:border-amber-800 rounded-md overflow-hidden",
-									children: [/* @__PURE__ */ (0, W.jsxs)("div", {
+									children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 										className: "flex items-center justify-between bg-amber-50 dark:bg-amber-950/30 px-3 py-2",
-										children: [/* @__PURE__ */ (0, W.jsxs)("button", {
+										children: [/* @__PURE__ */ (0, K.jsxs)("button", {
 											type: "button",
 											className: "flex items-center gap-2 text-xs font-medium text-amber-800 dark:text-amber-200",
-											onClick: () => Ke((e) => !e),
-											children: [Ge ? /* @__PURE__ */ (0, W.jsx)(T, { className: "size-3.5" }) : /* @__PURE__ */ (0, W.jsx)(i, { className: "size-3.5" }), "Prompt for Agents"]
-										}), /* @__PURE__ */ (0, W.jsx)(l, {
+											onClick: () => Ue((e) => !e),
+											children: [He ? /* @__PURE__ */ (0, K.jsx)(A, { className: "size-3.5" }) : /* @__PURE__ */ (0, K.jsx)(r, { className: "size-3.5" }), "Prompt for Agents"]
+										}), /* @__PURE__ */ (0, K.jsx)(d, {
 											variant: "ghost",
 											size: "sm",
 											className: "h-7 w-7 p-0",
-											onClick: () => void N(_e),
+											onClick: () => void R(fe),
 											"aria-label": "Copy prompt for agents",
-											children: /* @__PURE__ */ (0, W.jsx)(M, { className: "size-3.5" })
+											children: /* @__PURE__ */ (0, K.jsx)(L, { className: "size-3.5" })
 										})]
-									}), Ge && /* @__PURE__ */ (0, W.jsx)("pre", {
+									}), He && /* @__PURE__ */ (0, K.jsx)("pre", {
 										className: "max-h-48 overflow-auto whitespace-pre-wrap p-2 text-[11px]",
 										"data-testid": "debugger-csp-prompt-for-agents",
-										children: _e
+										children: fe
 									})]
 								})] })]
 							})
@@ -2016,165 +1987,165 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 					})]
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-				render: /* @__PURE__ */ (0, W.jsx)(l, {
+			/* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+				render: /* @__PURE__ */ (0, K.jsx)(d, {
 					"data-testid": "debugger-touch-button",
 					variant: "outline",
 					size: "sm",
-					className: `h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900 ${k.capabilities.touch ? "border-blue-500 dark:border-blue-400" : ""}`,
+					className: `h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900 ${T.capabilities.touch ? "border-blue-500 dark:border-blue-400" : ""}`,
 					onClick: () => {
-						j({ capabilities: {
-							...k.capabilities,
-							touch: !k.capabilities.touch
+						E({ capabilities: {
+							...T.capabilities,
+							touch: !T.capabilities.touch
 						} });
 					},
-					children: /* @__PURE__ */ (0, W.jsx)(ke, { className: `size-3.5 ${k.capabilities.touch ? "text-blue-600 dark:text-blue-400" : ""}` })
+					children: /* @__PURE__ */ (0, K.jsx)(De, { className: `size-3.5 ${T.capabilities.touch ? "text-blue-600 dark:text-blue-400" : ""}` })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsxs)(c, { children: ["Touch: ", k.capabilities.touch ? "Enabled" : "Disabled"] })] }),
-			/* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-				render: /* @__PURE__ */ (0, W.jsx)(l, {
+			}), /* @__PURE__ */ (0, K.jsxs)(o, { children: ["Touch: ", T.capabilities.touch ? "Enabled" : "Disabled"] })] }),
+			/* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+				render: /* @__PURE__ */ (0, K.jsx)(d, {
 					"data-testid": "debugger-hover-button",
 					variant: "outline",
 					size: "sm",
-					className: `h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900 ${k.capabilities.hover ? "border-blue-500 dark:border-blue-400" : ""}`,
+					className: `h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900 ${T.capabilities.hover ? "border-blue-500 dark:border-blue-400" : ""}`,
 					onClick: () => {
-						j({ capabilities: {
-							...k.capabilities,
-							hover: !k.capabilities.hover
+						E({ capabilities: {
+							...T.capabilities,
+							hover: !T.capabilities.hover
 						} });
 					},
-					children: /* @__PURE__ */ (0, W.jsx)(De, { className: `size-3.5 ${k.capabilities.hover ? "text-blue-600 dark:text-blue-400" : ""}` })
+					children: /* @__PURE__ */ (0, K.jsx)(Te, { className: `size-3.5 ${T.capabilities.hover ? "text-blue-600 dark:text-blue-400" : ""}` })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsxs)(c, { children: ["Hover: ", k.capabilities.hover ? "Enabled" : "Disabled"] })] }),
-			/* @__PURE__ */ (0, W.jsxs)(_, { children: [/* @__PURE__ */ (0, W.jsx)(g, {
-				render: /* @__PURE__ */ (0, W.jsx)(l, {
+			}), /* @__PURE__ */ (0, K.jsxs)(o, { children: ["Hover: ", T.capabilities.hover ? "Enabled" : "Disabled"] })] }),
+			/* @__PURE__ */ (0, K.jsxs)(b, { children: [/* @__PURE__ */ (0, K.jsx)(_, {
+				render: /* @__PURE__ */ (0, K.jsx)(d, {
 					"data-testid": "debugger-safe-area-button",
 					variant: "outline",
 					size: "sm",
 					className: "h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-					children: /* @__PURE__ */ (0, W.jsx)(Ne, { className: "size-3.5" })
+					children: /* @__PURE__ */ (0, K.jsx)(je, { className: "size-3.5" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsx)(h, {
+			}), /* @__PURE__ */ (0, K.jsx)(m, {
 				className: "w-64 p-3",
 				"data-testid": "debugger-safe-area-dialog",
-				children: /* @__PURE__ */ (0, W.jsxs)("div", {
+				children: /* @__PURE__ */ (0, K.jsxs)("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, W.jsx)("label", {
+					children: [/* @__PURE__ */ (0, K.jsx)("label", {
 						className: "text-xs font-medium",
 						children: "Safe Area Insets"
-					}), /* @__PURE__ */ (0, W.jsx)(Qe, {
-						value: k.safeAreaInsets,
+					}), /* @__PURE__ */ (0, K.jsx)(Ze, {
+						value: T.safeAreaInsets,
 						onChange: (e) => {
-							j({ safeAreaInsets: e });
+							E({ safeAreaInsets: e });
 						}
 					})]
 				})
 			})] }),
-			r === "tool" ? /* @__PURE__ */ (0, W.jsxs)(oe, { children: [/* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-				render: /* @__PURE__ */ (0, W.jsx)(te, {
-					render: /* @__PURE__ */ (0, W.jsx)(l, {
+			s === "tool" ? /* @__PURE__ */ (0, K.jsxs)(se, { children: [/* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+				render: /* @__PURE__ */ (0, K.jsx)(ne, {
+					render: /* @__PURE__ */ (0, K.jsx)(d, {
 						variant: "outline",
 						size: "sm",
 						className: "h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
 						"data-testid": "debugger-props-button",
-						children: /* @__PURE__ */ (0, W.jsx)(Te, { className: "size-3.5" })
+						children: /* @__PURE__ */ (0, K.jsx)(Ce, { className: "size-3.5" })
 					}),
 					nativeButton: !0
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, W.jsx)(c, { children: "View Tool Props" })] }), /* @__PURE__ */ (0, W.jsxs)(ie, {
+			}), /* @__PURE__ */ (0, K.jsx)(o, { children: "View Tool Props" })] }), /* @__PURE__ */ (0, K.jsxs)(ae, {
 				scrollable: !0,
 				className: "sm:max-w-[600px] max-h-[85vh]",
 				"data-testid": "debugger-props-dialog",
-				children: [/* @__PURE__ */ (0, W.jsx)(re, { children: /* @__PURE__ */ (0, W.jsx)(ee, { children: "Tool Props" }) }), /* @__PURE__ */ (0, W.jsx)(ne, { children: /* @__PURE__ */ (0, W.jsx)(ae, { children: /* @__PURE__ */ (0, W.jsx)(le, {
-					data: u ?? {},
+				children: [/* @__PURE__ */ (0, K.jsx)(ie, { children: /* @__PURE__ */ (0, K.jsx)(te, { children: "Tool Props" }) }), /* @__PURE__ */ (0, K.jsx)(re, { children: /* @__PURE__ */ (0, K.jsx)(oe, { children: /* @__PURE__ */ (0, K.jsx)(le, {
+					data: l ?? {},
 					filename: "tool-props.json"
 				}) }) })]
-			})] }) : /* @__PURE__ */ (0, W.jsxs)(_, {
-				open: Be,
-				onOpenChange: Ve,
-				children: [/* @__PURE__ */ (0, W.jsxs)(s, { children: [/* @__PURE__ */ (0, W.jsx)(o, {
-					render: /* @__PURE__ */ (0, W.jsx)(g, {
-						render: /* @__PURE__ */ (0, W.jsx)(l, {
+			})] }) : /* @__PURE__ */ (0, K.jsxs)(b, {
+				open: Le,
+				onOpenChange: Re,
+				children: [/* @__PURE__ */ (0, K.jsxs)(a, { children: [/* @__PURE__ */ (0, K.jsx)(i, {
+					render: /* @__PURE__ */ (0, K.jsx)(_, {
+						render: /* @__PURE__ */ (0, K.jsx)(d, {
 							variant: "outline",
 							size: "sm",
-							className: `h-8 w-8 p-0 backdrop-blur-sm shadow-sm ${U ? "bg-amber-50 dark:bg-amber-950/40 border-amber-300 dark:border-amber-700 hover:bg-amber-100 dark:hover:bg-amber-900/50 animate-pulse" : "bg-white/90 dark:bg-zinc-900/90 hover:bg-white dark:hover:bg-zinc-900"}`,
+							className: `h-8 w-8 p-0 backdrop-blur-sm shadow-sm ${G ? "bg-amber-50 dark:bg-amber-950/40 border-amber-300 dark:border-amber-700 hover:bg-amber-100 dark:hover:bg-amber-900/50 animate-pulse" : "bg-white/90 dark:bg-zinc-900/90 hover:bg-white dark:hover:bg-zinc-900"}`,
 							"data-testid": "debugger-props-button",
-							children: /* @__PURE__ */ (0, W.jsx)(Te, { className: `size-3.5 ${U ? "text-amber-500" : ""}` })
+							children: /* @__PURE__ */ (0, K.jsx)(Ce, { className: `size-3.5 ${G ? "text-amber-500" : ""}` })
 						}),
 						nativeButton: !0
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, W.jsxs)(c, { children: [
+				}), /* @__PURE__ */ (0, K.jsxs)(o, { children: [
 					"Props:",
 					" ",
-					X === Q ? "No Props" : X === $ ? "Tool Props" : R.find((e) => e.id === X)?.name || "Custom"
-				] })] }), /* @__PURE__ */ (0, W.jsxs)(h, {
+					X === Q ? "No Props" : X === $ ? "Tool Props" : B.find((e) => e.id === X)?.name || "Custom"
+				] })] }), /* @__PURE__ */ (0, K.jsxs)(m, {
 					className: "w-64 p-2",
 					"data-testid": "debugger-props-popover",
-					children: [U && /* @__PURE__ */ (0, W.jsxs)("div", {
+					children: [G && /* @__PURE__ */ (0, K.jsxs)("div", {
 						className: "mb-2 rounded-md border border-amber-200 dark:border-amber-800/50 bg-amber-50 dark:bg-amber-950/30 px-3 py-2",
 						children: [
-							/* @__PURE__ */ (0, W.jsx)("p", {
+							/* @__PURE__ */ (0, K.jsx)("p", {
 								className: "text-xs font-medium text-amber-700 dark:text-amber-300 mb-0.5",
 								children: "Props required to render this widget:"
 							}),
-							/* @__PURE__ */ (0, W.jsx)("p", {
+							/* @__PURE__ */ (0, K.jsx)("p", {
 								className: "text-xs font-mono text-amber-600 dark:text-amber-400",
-								children: S.join(", ")
+								children: y.join(", ")
 							}),
-							/* @__PURE__ */ (0, W.jsx)("p", {
+							/* @__PURE__ */ (0, K.jsx)("p", {
 								className: "text-xs text-amber-500 dark:text-amber-400 mt-1",
 								children: "Create a preset below to set them."
 							})
 						]
-					}), /* @__PURE__ */ (0, W.jsxs)("div", {
+					}), /* @__PURE__ */ (0, K.jsxs)("div", {
 						className: "space-y-1",
 						children: [
-							/* @__PURE__ */ (0, W.jsx)(l, {
+							/* @__PURE__ */ (0, K.jsx)(d, {
 								variant: X === Q ? "secondary" : "ghost",
 								size: "sm",
 								className: "w-full justify-start",
-								onClick: () => et(Q),
+								onClick: () => $e(Q),
 								"data-testid": "debugger-props-no-props",
 								children: "No Props"
 							}),
-							R.map((e) => /* @__PURE__ */ (0, W.jsxs)("div", {
+							B.map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
 								className: "relative group flex items-center",
-								children: [/* @__PURE__ */ (0, W.jsx)(l, {
+								children: [/* @__PURE__ */ (0, K.jsx)(d, {
 									variant: X === e.id ? "secondary" : "ghost",
 									size: "sm",
 									className: "w-full justify-start pr-14",
-									onClick: () => et(e.id),
+									onClick: () => $e(e.id),
 									"data-testid": `debugger-props-preset-${e.id}`,
 									children: e.name
-								}), /* @__PURE__ */ (0, W.jsxs)("div", {
+								}), /* @__PURE__ */ (0, K.jsxs)("div", {
 									className: "absolute right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity",
-									children: [/* @__PURE__ */ (0, W.jsx)(l, {
+									children: [/* @__PURE__ */ (0, K.jsx)(d, {
 										variant: "ghost",
 										size: "sm",
 										className: "h-6 w-6 p-0",
-										onClick: (t) => st(e, t),
+										onClick: (t) => ot(e, t),
 										"data-testid": `debugger-props-edit-${e.id}`,
-										children: /* @__PURE__ */ (0, W.jsx)(D, { className: "h-3 w-3" })
-									}), /* @__PURE__ */ (0, W.jsx)(l, {
+										children: /* @__PURE__ */ (0, K.jsx)(ee, { className: "h-3 w-3" })
+									}), /* @__PURE__ */ (0, K.jsx)(d, {
 										variant: "ghost",
 										size: "sm",
 										className: "h-6 w-6 p-0",
-										onClick: (t) => ot(e.id, t),
+										onClick: (t) => at(e.id, t),
 										"data-testid": `debugger-props-delete-${e.id}`,
-										children: /* @__PURE__ */ (0, W.jsx)(pe, { className: "h-3 w-3 text-destructive" })
+										children: /* @__PURE__ */ (0, K.jsx)(pe, { className: "h-3 w-3 text-destructive" })
 									})]
 								})]
 							}, e.id)),
-							/* @__PURE__ */ (0, W.jsx)(l, {
+							/* @__PURE__ */ (0, K.jsx)(d, {
 								variant: "ghost",
 								size: "sm",
 								className: "w-full justify-start text-primary",
-								onClick: () => et(nt),
+								onClick: () => $e(tt),
 								"data-testid": "debugger-props-create-preset",
 								children: "+ Create Preset..."
 							})
@@ -2182,30 +2153,22 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 					})]
 				})]
 			}),
-			/* @__PURE__ */ (0, W.jsx)(qe, {
+			/* @__PURE__ */ (0, K.jsx)(We, {
 				iframeId: n,
 				enabled: !0
 			}),
-			b && /* @__PURE__ */ (0, W.jsx)(Ze, {
-				open: Le,
-				onOpenChange: H,
-				onSave: at,
-				existingPresets: R,
-				resource: b,
-				resourceAnnotations: v,
-				llmConfig: y || null,
-				editingPreset: G
+			g && /* @__PURE__ */ (0, K.jsx)(Xe, {
+				open: Pe,
+				onOpenChange: W,
+				onSave: it,
+				existingPresets: B,
+				resource: g,
+				resourceAnnotations: u,
+				llmConfig: p || null,
+				editingPreset: q
 			})
 		]
 	});
 }
 //#endregion
-//#region src/client/components/ui/WidgetWrapper.tsx
-function ot({ children: e, className: t, noWrapper: n }) {
-	return n ? e : /* @__PURE__ */ (0, W.jsx)("div", {
-		className: a("flex flex-1 items-center justify-center bg-zinc-50 dark:bg-zinc-800", "[background-image:radial-gradient(circle,rgba(0,0,0,0.12)_1px,transparent_1px)]", "dark:[background-image:radial-gradient(circle,rgba(255,255,255,0.1)_1px,transparent_1px)]", "bg-[length:32px_32px]", t),
-		children: e
-	});
-}
-//#endregion
-export { at as n, Ee as r, ot as t };
+export { we as n, it as t };