@mcp-use/inspector 20.0.0-beta.5 → 20.0.0-beta.7

package/dist/cdn/{WidgetWrapper-B4H3Fek7.js → MCPAppsDebugControls-BpP-Ifap.js}

@@ -1,32 +1,32 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { G as n, K as r, Rr as i, a, n as o, r as s, sr as c, t as l } from "./input-C2OBd4PJ.js";
-import { t as u } from "./jsx-runtime-CIxvMpEo.js";
-import { _ as d, a as f, c as p, d as m, i as h, l as g, n as _, o as v, s as y, t as b, u as x, v as S } from "./sheet-Br_l2kry.js";
-import { t as C } from "./label-B9Jmm9be.js";
-import { a as w, i as T, n as E, r as D, t as O } from "./select-DDdiIPR2.js";
-import { t as k } from "./createLucideIcon-C5fZZ6oB.js";
-import { A, E as j, S as M, T as N, a as P, b as F, c as ee, i as I, l as te, n as ne, o as re, r as ie, s as ae, t as oe, w as L } from "./dialog-BsDpuJd3.js";
-import { i as se, t as ce } from "./browser-CbQIH4w2.js";
-import { t as le } from "./clock-CmUbSx_B.js";
-import { t as ue } from "./JSONDisplay-BFxf5oEu.js";
-import { t as de } from "./loader-circle-BLy9A_pp.js";
-import { t as fe } from "./maximize-2-CH5Lq90B.js";
-import { t as pe } from "./sparkles-BntO2rDR.js";
-import { t as me } from "./trash-2-RwpJY5SL.js";
-import { t as he } from "./x-C3vRQIYu.js";
-import { t as ge } from "./switch-C3IyQuid.js";
-import { n as R } from "./dist-DaMB0Su9.js";
-import { r as _e, s as ve } from "./WidgetDebugContext-D4usL_MA.js";
-import { a as z } from "./dist-DbX5yidW.js";
-import { t as B } from "./textarea-DSbwcFVt.js";
-import { a as ye, i as be, n as xe, o as Se, r as Ce } from "./useViewHostProps-B6SKeeH9.js";
-var we = k("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-SxRsB1iS.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-CDOm2w6u.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"
-}]]), Te = k("database", [
+}]]), we = l("database", [
 	["ellipse", {
 		cx: "12",
 		cy: "5",
@@ -42,10 +42,10 @@ var we = k("braces", [["path", {
 		d: "M3 12A9 3 0 0 0 21 12",
 		key: "mv7ke4"
 	}]
-]), Ee = k("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"
-}]]), De = k("picture-in-picture", [
+}]]), Ee = l("picture-in-picture", [
 	["path", {
 		d: "M2 10h6V4",
 		key: "zwrco"
@@ -70,7 +70,7 @@ var we = k("braces", [["path", {
 		rx: "1",
 		key: "1wjs3o"
 	}]
-]), Oe = k("pointer", [
+]), De = l("pointer", [
 	["path", {
 		d: "M22 14a8 8 0 0 1-8 8",
 		key: "56vcr3"
@@ -91,13 +91,13 @@ var we = k("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"
 	}]
-]), ke = k("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"
-}]]), Ae = k("shield-off", [
+}]]), ke = l("shield-off", [
 	["path", {
 		d: "m2 2 20 20",
 		key: "1ooewy"
@@ -110,7 +110,7 @@ var we = k("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"
 	}]
-]), je = k("smartphone", [["rect", {
+]), Ae = l("smartphone", [["rect", {
 	width: "14",
 	height: "20",
 	x: "5",
@@ -121,7 +121,7 @@ var we = k("braces", [["path", {
 }], ["path", {
 	d: "M12 18h.01",
 	key: "mhygvu"
-}]]), Me = k("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"
@@ -162,27 +162,13 @@ var we = k("braces", [["path", {
 		d: "M3 14v1",
 		key: "vnatye"
 	}]
-]), Ne = k("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"
-}]]), V = k("terminal", [["path", {
+]), H = l("terminal", [["path", {
 	d: "M12 19h8",
 	key: "baeox8"
 }], ["path", {
 	d: "m4 17 6-6-6-6",
 	key: "1yngyt"
-}]]), Pe = k("trash", [
+}]]), Me = l("trash", [
 	["path", {
 		d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
 		key: "miytrc"
@@ -195,7 +181,7 @@ var we = k("braces", [["path", {
 		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
 		key: "e791ji"
 	}]
-]), H = /* @__PURE__ */ e(t(), 1), Fe = [
+]), U = /* @__PURE__ */ e(t(), 1), Ne = [
 	{
 		value: "en-US",
 		label: "English (US)"
@@ -433,19 +419,19 @@ var we = k("braces", [["path", {
 		label: "Swahili (Kenya)"
 	}
 ];
-function Ie() {
+function Pe() {
 	return Intl.supportedValuesOf("timeZone").map((e) => ({
 		value: e,
 		label: e.replace(/_/g, " ")
 	}));
 }
-var Le = Ie(), U = (e) => `mcp-inspector-resource-props-${e}`;
-function Re(e) {
-	let [t, n] = (0, H.useState)([]), [r, i] = (0, H.useState)(null);
-	return (0, H.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 = U(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);
@@ -454,8 +440,8 @@ function Re(e) {
 				console.error("[useResourceProps] Failed to load presets:", e), n([]), i(null);
 			}
 		})();
-	}, [e]), (0, H.useEffect)(() => {
-		let n = U(e), i = {
+	}, [e]), (0, U.useEffect)(() => {
+		let n = W(e), i = {
 			presets: t,
 			activePresetId: r
 		};
@@ -467,25 +453,25 @@ function Re(e) {
 	]), {
 		presets: t,
 		activePresetId: r,
-		savePreset: (0, H.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, H.useCallback)((e) => {
+		deletePreset: (0, U.useCallback)((e) => {
 			n((t) => t.filter((t) => t.id !== e)), i((t) => t === e ? null : t);
 		}, []),
-		setActivePreset: (0, H.useCallback)((e) => {
+		setActivePreset: (0, U.useCallback)((e) => {
 			i(e);
 		}, []),
-		getActiveProps: (0, H.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 W(e = {}) {
-	let { enabled: t = !0, maxLogs: n = 1e3, proxyToPageConsole: r = !1 } = e, [i, a] = (0, H.useState)([]), [o, s] = (0, H.useState)(!1), c = (0, H.useRef)(0), l = (0, H.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,
@@ -523,10 +509,10 @@ function W(e = {}) {
 		t,
 		n,
 		r
-	]), u = (0, H.useCallback)(() => {
+	]), u = (0, U.useCallback)(() => {
 		a([]), c.current = 0;
 	}, []);
-	return (0, H.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({
@@ -539,8 +525,8 @@ function W(e = {}) {
 		return window.addEventListener("message", e), () => {
 			window.removeEventListener("message", e);
 		};
-	}, [t, l]), (0, H.useEffect)(() => {
-		if (t) return Se.subscribe(l);
+	}, [t, l]), (0, U.useEffect)(() => {
+		if (t) return xe.subscribe(l);
 	}, [t, l]), {
 		logs: i,
 		addLog: l,
@@ -551,8 +537,8 @@ function W(e = {}) {
 }
 //#endregion
 //#region src/client/components/IframeConsole.tsx
-var G = u(), ze = 200, Be = .9;
-function K(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;
@@ -563,10 +549,10 @@ function K(e) {
 	}
 	return String(e);
 }
-function q(e) {
+function J(e) {
 	if (e.length === 0) return [];
 	let t = e[0];
-	if (typeof t != "string" || !/%[oOdisfc]/.test(t)) return e.map(K);
+	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];
@@ -575,7 +561,7 @@ function q(e) {
 			switch (o) {
 				case "o":
 				case "O":
-					i += K(s), e++;
+					i += q(s), e++;
 					break;
 				case "s":
 					i += s === void 0 ? "undefined" : String(s), e++;
@@ -597,12 +583,12 @@ function q(e) {
 		i += a;
 	}
 	let a = [i.trim()];
-	for (; r < n.length;) a.push(K(n[r++]));
+	for (; r < n.length;) a.push(q(n[r++]));
 	return a.filter((e) => e.length > 0);
 }
-function Ve({ level: e }) {
-	return /* @__PURE__ */ (0, G.jsx)("span", {
-		className: i("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",
@@ -613,45 +599,45 @@ function Ve({ level: e }) {
 		children: e.toUpperCase()
 	});
 }
-function He({ log: e }) {
-	let [t, n] = (0, H.useState)(!1), a = (0, H.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, H.useMemo)(() => q(e.args), [e.args]), s = (0, H.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 ce(o.join("\n")), R.success("Copied to clipboard");
+			await R(a.join("\n")), z.success("Copied to clipboard");
 		} catch {
-			R.error("Failed to copy");
+			z.error("Failed to copy");
 		}
-	}, l = i("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 = i("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, G.jsxs)("div", {
-		className: i(l, "group"),
-		children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-			className: i("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, G.jsx)("span", {
+				/* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-zinc-400 dark:text-zinc-500 shrink-0",
-					children: t ? /* @__PURE__ */ (0, G.jsx)(A, { className: "size-3" }) : /* @__PURE__ */ (0, G.jsx)(r, { className: "size-3" })
+					children: t ? /* @__PURE__ */ (0, K.jsx)(A, { className: "size-3" }) : /* @__PURE__ */ (0, K.jsx)(r, { className: "size-3" })
 				}),
-				/* @__PURE__ */ (0, G.jsx)(Ve, { level: e.level }),
-				/* @__PURE__ */ (0, G.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: a
+					children: i
 				}),
-				!t && /* @__PURE__ */ (0, G.jsx)("span", {
-					className: i("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, G.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 {
@@ -661,30 +647,30 @@ function He({ log: e }) {
 						}
 					})()
 				}),
-				t && /* @__PURE__ */ (0, G.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, G.jsx)(se, { className: "size-3" })
+					children: /* @__PURE__ */ (0, K.jsx)(L, { className: "size-3" })
 				})
 			]
-		}), t && /* @__PURE__ */ (0, G.jsx)("div", {
+		}), t && /* @__PURE__ */ (0, K.jsx)("div", {
 			className: "pl-8 pr-2 pb-2 select-text",
-			children: o.map((t, n) => /* @__PURE__ */ (0, G.jsx)("pre", {
-				className: i("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 J = "mcp-inspector-console-proxy-enabled", Ue = "mcp-inspector-console-height", We = [
+var Y = "mcp-inspector-console-proxy-enabled", Ve = "mcp-inspector-console-height", He = [
 	"log",
 	"info",
 	"warn",
 	"error",
 	"debug",
 	"trace"
-], Ge = {
+], Ue = {
 	log: "text-zinc-500",
 	info: "text-blue-500",
 	warn: "text-yellow-500",
@@ -692,48 +678,48 @@ var J = "mcp-inspector-console-proxy-enabled", Ue = "mcp-inspector-console-heigh
 	debug: "text-purple-500",
 	trace: "text-gray-500"
 };
-function Ke({ iframeId: e, enabled: t = !0 }) {
-	let [r, l] = (0, H.useState)(() => {
+function We({ iframeId: e, enabled: t = !0 }) {
+	let [r, s] = (0, U.useState)(() => {
 		if (typeof window > "u") return !0;
 		try {
-			return localStorage.getItem(J) === "true";
+			return localStorage.getItem(Y) === "true";
 		} catch {
 			return !0;
 		}
-	}), [u, d] = (0, H.useState)(() => {
+	}), [c, l] = (0, U.useState)(() => {
 		if (typeof window > "u") return 400;
 		try {
-			let e = localStorage.getItem(Ue);
-			return e ? Math.max(ze, parseInt(e, 10)) : 400;
+			let e = localStorage.getItem(Ve);
+			return e ? Math.max(Le, parseInt(e, 10)) : 400;
 		} catch {
 			return 400;
 		}
-	}), p = (0, H.useRef)(!1), m = (0, H.useCallback)((e) => {
-		e.preventDefault(), p.current = !0;
+	}), f = (0, U.useRef)(!1), m = (0, U.useCallback)((e) => {
+		e.preventDefault(), f.current = !0;
 		let t = (e) => {
-			if (!p.current) return;
-			let t = Math.floor(window.innerHeight * Be);
-			d(Math.min(t, Math.max(ze, window.innerHeight - e.clientY)));
+			if (!f.current) return;
+			let t = Math.floor(window.innerHeight * Re);
+			l(Math.min(t, Math.max(Le, window.innerHeight - e.clientY)));
 		}, n = () => {
-			p.current = !1, window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n);
+			f.current = !1, window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n);
 		};
 		window.addEventListener("mousemove", t), window.addEventListener("mouseup", n);
 	}, []);
-	(0, H.useEffect)(() => {
+	(0, U.useEffect)(() => {
 		try {
-			localStorage.setItem(Ue, String(u));
+			localStorage.setItem(Ve, String(c));
 		} catch {}
-	}, [u]);
-	let [g, y] = (0, H.useState)("all"), [x, S] = (0, H.useState)(""), { logs: w, clearLogs: T, isOpen: E, setIsOpen: D } = W({
+	}, [c]);
+	let [h, _] = (0, U.useState)("all"), [b, S] = (0, U.useState)(""), { logs: C, clearLogs: T, isOpen: E, setIsOpen: D } = G({
 		enabled: t,
 		proxyToPageConsole: r
-	}), O = (0, H.useRef)(null);
-	(0, H.useEffect)(() => {
+	}), O = (0, U.useRef)(null);
+	(0, U.useEffect)(() => {
 		try {
-			localStorage.setItem(J, String(r));
+			localStorage.setItem(Y, String(r));
 		} catch {}
 	}, [r]);
-	let k = (0, H.useMemo)(() => {
+	let k = (0, U.useMemo)(() => {
 		let e = {
 			log: 0,
 			info: 0,
@@ -742,57 +728,57 @@ function Ke({ iframeId: e, enabled: t = !0 }) {
 			debug: 0,
 			trace: 0
 		};
-		for (let t of w) e[t.level]++;
+		for (let t of C) e[t.level]++;
 		return e;
-	}, [w]), A = k.error, j = k.warn, M = k.log + k.info + k.debug + k.trace, N = w.length, P = (0, H.useMemo)(() => A > 0 ? "bg-red-500" : j > 0 ? "bg-yellow-500" : "bg-zinc-500", [
+	}, [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,
-		M
-	]), F = (0, H.useMemo)(() => {
-		let e = g === "all" ? w : w.filter((e) => e.level === g), t = x.trim().toLowerCase();
+		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 = q(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;
 	}, [
-		w,
-		g,
-		x
+		C,
+		h,
+		b
 	]);
-	return (0, H.useEffect)(() => {
-		E && !x && O.current && (O.current.scrollTop = O.current.scrollHeight);
+	return (0, U.useEffect)(() => {
+		E && !b && O.current && (O.current.scrollTop = O.current.scrollHeight);
 	}, [
-		F,
+		P,
 		E,
-		x
-	]), /* @__PURE__ */ (0, G.jsxs)(b, {
+		b
+	]), /* @__PURE__ */ (0, K.jsxs)(x, {
 		open: E,
 		onOpenChange: D,
-		children: [/* @__PURE__ */ (0, G.jsx)(v, {
-			render: /* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsxs)(c, {
+		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: () => D(!0),
-					children: [/* @__PURE__ */ (0, G.jsx)(V, { className: "size-4" }), N > 0 && /* @__PURE__ */ (0, G.jsx)("span", {
-						className: i("ml-2 px-1.5 py-0.5 text-xs rounded-full text-white font-semibold", P),
-						children: N
+					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, G.jsx)(s, { children: /* @__PURE__ */ (0, G.jsxs)("div", {
+			}), /* @__PURE__ */ (0, K.jsx)(o, { children: /* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "text-xs space-y-1",
 				children: [
-					/* @__PURE__ */ (0, G.jsxs)("p", {
+					/* @__PURE__ */ (0, K.jsxs)("p", {
 						className: "font-semibold",
 						children: [
-							N,
+							M,
 							" console ",
-							N === 1 ? "log" : "logs"
+							M === 1 ? "log" : "logs"
 						]
 					}),
-					A > 0 && /* @__PURE__ */ (0, G.jsxs)("p", {
+					A > 0 && /* @__PURE__ */ (0, K.jsxs)("p", {
 						className: "text-red-400",
 						children: [
 							A,
@@ -800,7 +786,7 @@ function Ke({ iframeId: e, enabled: t = !0 }) {
 							A === 1 ? "" : "s"
 						]
 					}),
-					j > 0 && /* @__PURE__ */ (0, G.jsxs)("p", {
+					j > 0 && /* @__PURE__ */ (0, K.jsxs)("p", {
 						className: "text-yellow-400",
 						children: [
 							j,
@@ -808,145 +794,145 @@ function Ke({ iframeId: e, enabled: t = !0 }) {
 							j === 1 ? "" : "s"
 						]
 					}),
-					M > 0 && /* @__PURE__ */ (0, G.jsxs)("p", {
+					ee > 0 && /* @__PURE__ */ (0, K.jsxs)("p", {
 						className: "text-zinc-400",
-						children: [M, " info"]
+						children: [ee, " info"]
 					})
 				]
 			}) })] }),
 			nativeButton: !1
-		}), /* @__PURE__ */ (0, G.jsxs)(_, {
+		}), /* @__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, G.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: m
 				}),
-				/* @__PURE__ */ (0, G.jsxs)(h, {
+				/* @__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, G.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ (0, G.jsxs)(f, {
+						children: [/* @__PURE__ */ (0, K.jsxs)(p, {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ (0, G.jsx)(V, { className: "size-4" }),
+								/* @__PURE__ */ (0, K.jsx)(H, { className: "size-4" }),
 								"Widget Console Logs",
-								w.length > 0 && /* @__PURE__ */ (0, G.jsxs)("span", {
+								C.length > 0 && /* @__PURE__ */ (0, K.jsxs)("span", {
 									className: "text-sm font-normal text-zinc-500 dark:text-zinc-400",
 									children: [
 										"(",
-										w.length,
+										C.length,
 										" ",
-										w.length === 1 ? "log" : "logs",
+										C.length === 1 ? "log" : "logs",
 										")"
 									]
 								})
 							]
-						}), /* @__PURE__ */ (0, G.jsxs)("div", {
+						}), /* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "flex items-center gap-4 pr-4",
-							children: [/* @__PURE__ */ (0, G.jsxs)("div", {
+							children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ (0, G.jsx)(ge, {
+								children: [/* @__PURE__ */ (0, K.jsx)(he, {
 									id: "proxy-console-toggle",
 									checked: r,
-									onCheckedChange: l
-								}), /* @__PURE__ */ (0, G.jsx)(C, {
+									onCheckedChange: s
+								}), /* @__PURE__ */ (0, K.jsx)(w, {
 									htmlFor: "proxy-console-toggle",
 									className: "text-sm font-normal cursor-pointer",
 									children: "Proxy logs to page console"
 								})]
-							}), w.length > 0 && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsxs)(c, {
+							}), C.length > 0 && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsxs)(d, {
 								variant: "ghost",
 								size: "sm",
 								onClick: async () => {
 									try {
-										await ce(F.map((e) => {
+										await R(P.map((e) => {
 											let t = new Date(e.timestamp).toLocaleTimeString();
-											return `[${e.level.toUpperCase()}] ${t}${e.url ? ` ${e.url}` : ""}\n${q(e.args).join("\n")}`;
-										}).join("\n\n")), R.success(`Copied ${F.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 {
-										R.error("Failed to copy logs to clipboard");
+										z.error("Failed to copy logs to clipboard");
 									}
 								},
 								className: "-my-2",
-								children: [/* @__PURE__ */ (0, G.jsx)(se, { className: "size-4 mr-1" }), "Copy All"]
-							}), /* @__PURE__ */ (0, G.jsxs)(c, {
+								children: [/* @__PURE__ */ (0, K.jsx)(L, { className: "size-4 mr-1" }), "Copy All"]
+							}), /* @__PURE__ */ (0, K.jsxs)(d, {
 								variant: "ghost",
 								size: "sm",
 								onClick: T,
 								className: "-my-2",
-								children: [/* @__PURE__ */ (0, G.jsx)(Pe, { className: "size-4 mr-1" }), "Clear"]
+								children: [/* @__PURE__ */ (0, K.jsx)(Me, { className: "size-4 mr-1" }), "Clear"]
 							})] })]
 						})]
-					}), /* @__PURE__ */ (0, G.jsxs)("div", {
+					}), /* @__PURE__ */ (0, K.jsxs)("div", {
 						className: "flex items-center gap-1 pt-1",
 						children: [
-							/* @__PURE__ */ (0, G.jsxs)("button", {
-								onClick: () => y("all"),
-								className: i("px-2 py-0.5 text-xs rounded font-medium transition-colors", g === "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", N > 0 && /* @__PURE__ */ (0, G.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: N
+									children: M
 								})]
 							}),
-							We.map((e) => {
+							He.map((e) => {
 								let t = k[e];
-								return /* @__PURE__ */ (0, G.jsxs)("button", {
-									onClick: () => y(g === e ? "all" : e),
-									className: i("px-2 py-0.5 text-xs rounded font-medium transition-colors", g === 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, G.jsx)("span", {
-										className: i(t > 0 && Ge[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, G.jsx)("span", {
-										className: i("ml-1 text-[10px]", Ge[e]),
+									}), t > 0 && /* @__PURE__ */ (0, K.jsx)("span", {
+										className: u("ml-1 text-[10px]", Ue[e]),
 										children: t
 									})]
 								}, e);
 							}),
-							/* @__PURE__ */ (0, G.jsxs)("div", {
+							/* @__PURE__ */ (0, K.jsxs)("div", {
 								className: "ml-auto flex items-center gap-1 relative",
 								children: [
-									/* @__PURE__ */ (0, G.jsx)(n, { className: "absolute left-2 size-3 text-zinc-400 dark:text-zinc-500 pointer-events-none" }),
-									/* @__PURE__ */ (0, G.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: x,
+										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"
 									}),
-									x && /* @__PURE__ */ (0, G.jsx)("button", {
+									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, G.jsx)(he, { className: "size-3" })
+										children: /* @__PURE__ */ (0, K.jsx)(me, { className: "size-3" })
 									})
 								]
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ (0, G.jsx)("div", {
+				/* @__PURE__ */ (0, K.jsx)("div", {
 					ref: O,
 					className: "flex-1 overflow-auto bg-zinc-50 dark:bg-zinc-950",
-					children: F.length === 0 ? /* @__PURE__ */ (0, G.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, G.jsxs)("div", {
+						children: /* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "text-center",
 							children: [
-								/* @__PURE__ */ (0, G.jsx)(V, { className: "size-8 mx-auto mb-2 opacity-50" }),
-								/* @__PURE__ */ (0, G.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: w.length === 0 ? "No console logs yet" : x ? `No logs match "${x}"` : "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, G.jsx)("p", {
+								/* @__PURE__ */ (0, K.jsx)("p", {
 									className: "text-xs mt-1",
-									children: w.length === 0 ? "Logs from iframes will appear here" : `${w.length} log${w.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, G.jsx)("div", { children: F.map((e) => /* @__PURE__ */ (0, G.jsx)(He, { log: e }, e.id)) })
+					}) : /* @__PURE__ */ (0, K.jsx)("div", { children: P.map((e) => /* @__PURE__ */ (0, K.jsx)(Be, { log: e }, e.id)) })
 				})
 			]
 		})]
@@ -954,7 +940,7 @@ function Ke({ iframeId: e, enabled: t = !0 }) {
 }
 //#endregion
 //#region src/client/hooks/usePropsLLM.ts
-function qe(e) {
+function Ge(e) {
 	let t = e.trim(), n = t.match(/```(?:json)?\s*([\s\S]*?)```/);
 	n && (t = n[1].trim());
 	let r = t.indexOf("{");
@@ -968,9 +954,9 @@ function qe(e) {
 	}
 	return null;
 }
-function Je({ llmConfig: e }) {
+function Ke({ llmConfig: e }) {
 	return {
-		generateProps: (0, H.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) {
@@ -990,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 = qe(await z({
+				}], o = Ge(await B({
 					config: {
 						provider: e.provider,
 						model: e.model,
@@ -1024,7 +1010,7 @@ Based on this information, suggest 3-5 common customizable properties like theme
 			}, {
 				role: "user",
 				content: c
-			}], u = await z({
+			}], u = await B({
 				config: {
 					provider: e.provider,
 					model: e.model,
@@ -1035,7 +1021,7 @@ Based on this information, suggest 3-5 common customizable properties like theme
 				messages: l
 			});
 			try {
-				let e = qe(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)
@@ -1059,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("#/")) {
@@ -1070,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 u = Xe(c), d = c.type === "string" && u !== null, f = c;
-	return f.type === "object" || f.type === "array" ? /* @__PURE__ */ (0, G.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, G.jsxs)(C, {
+			/* @__PURE__ */ (0, K.jsxs)(w, {
 				htmlFor: e,
 				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, G.jsx)("span", {
+				children: [e, i && /* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-red-500 ml-1",
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ (0, G.jsx)(B, {
+			/* @__PURE__ */ (0, K.jsx)(V, {
 				id: e,
 				value: n,
 				onChange: (e) => r(e.target.value),
@@ -1106,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, G.jsx)("p", {
+			f?.description && /* @__PURE__ */ (0, K.jsx)("p", {
 				className: "text-xs text-gray-500 dark:text-gray-400",
 				children: f.description
 			})
 		]
-	}) : d && u ? /* @__PURE__ */ (0, G.jsxs)("div", {
+	}) : d && u ? /* @__PURE__ */ (0, K.jsxs)("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ (0, G.jsxs)(C, {
+			/* @__PURE__ */ (0, K.jsxs)(w, {
 				htmlFor: e,
 				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, G.jsx)("span", {
+				children: [e, i && /* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-red-500 ml-1",
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ (0, G.jsxs)(O, {
+			/* @__PURE__ */ (0, K.jsxs)(k, {
 				value: n || "",
 				onValueChange: r,
 				disabled: a,
-				children: [/* @__PURE__ */ (0, G.jsx)(T, {
+				children: [/* @__PURE__ */ (0, K.jsx)(E, {
 					id: e,
 					className: "w-full",
-					children: /* @__PURE__ */ (0, G.jsx)(w, { placeholder: f.description || "Select an option" })
-				}), /* @__PURE__ */ (0, G.jsx)(E, { children: u.map((e, t) => /* @__PURE__ */ (0, G.jsx)(D, {
+					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, G.jsx)("p", {
+			f.description && /* @__PURE__ */ (0, K.jsx)("p", {
 				className: "text-xs text-gray-500 dark:text-gray-400",
 				children: f.description
 			})
 		]
-	}) : /* @__PURE__ */ (0, G.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, K.jsxs)("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ (0, G.jsxs)(C, {
+			/* @__PURE__ */ (0, K.jsxs)(w, {
 				htmlFor: e,
 				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, G.jsx)("span", {
+				children: [e, i && /* @__PURE__ */ (0, K.jsx)("span", {
 					className: "text-red-500 ml-1",
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ (0, G.jsx)(l, {
+			/* @__PURE__ */ (0, K.jsx)(s, {
 				id: e,
 				value: n,
 				onChange: (e) => r(e.target.value),
@@ -1159,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, G.jsx)("p", {
+			f?.description && /* @__PURE__ */ (0, K.jsx)("p", {
 				className: "text-xs text-gray-500 dark:text-gray-400",
 				children: f.description
 			})
@@ -1168,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 u = (0, H.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;
@@ -1233,16 +1219,16 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 		i.annotations,
 		i.uri,
 		i.name
-	]), d = !!u, [f, p] = (0, H.useState)(""), [m, h] = (0, H.useState)({}), [g, _] = (0, H.useState)([{
+	]), u = !!l, [f, p] = (0, U.useState)(""), [m, h] = (0, U.useState)({}), [g, _] = (0, U.useState)([{
 		id: crypto.randomUUID(),
 		key: "",
 		value: ""
-	}]), [v, y] = (0, H.useState)(!1), [b, x] = (0, H.useState)(null), { generateProps: S, isAvailable: w } = Je({ llmConfig: o });
-	(0, H.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
@@ -1253,7 +1239,7 @@ 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: ""
@@ -1262,8 +1248,8 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 		}
 	}, [
 		e,
-		s,
-		d
+		c,
+		u
 	]);
 	let T = () => {
 		_([...g, {
@@ -1279,28 +1265,28 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 			[t]: n
 		} : r));
 	};
-	return /* @__PURE__ */ (0, G.jsx)(oe, {
+	return /* @__PURE__ */ (0, K.jsx)(se, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ (0, G.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, G.jsxs)(re, { children: [/* @__PURE__ */ (0, G.jsx)(ee, { children: s ? "Edit Preset" : "Create Props Preset" }), /* @__PURE__ */ (0, G.jsxs)(I, { 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, G.jsxs)(ne, {
+				/* @__PURE__ */ (0, K.jsxs)(re, {
 					className: "space-y-4 py-4",
 					children: [
-						/* @__PURE__ */ (0, G.jsxs)("div", {
+						/* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ (0, G.jsx)(C, {
+							children: [/* @__PURE__ */ (0, K.jsx)(w, {
 								htmlFor: "preset-name",
 								children: "Preset Name"
-							}), /* @__PURE__ */ (0, G.jsx)(l, {
+							}), /* @__PURE__ */ (0, K.jsx)(s, {
 								id: "preset-name",
 								"data-testid": "props-config-preset-name",
 								value: f,
@@ -1309,15 +1295,15 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 								disabled: v
 							})]
 						}),
-						/* @__PURE__ */ (0, G.jsxs)("div", {
+						/* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "space-y-2 p-3 bg-muted rounded-lg",
 							children: [
-								/* @__PURE__ */ (0, G.jsxs)("div", {
+								/* @__PURE__ */ (0, K.jsxs)("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ (0, G.jsx)(C, {
+									children: [/* @__PURE__ */ (0, K.jsx)(w, {
 										className: "text-sm font-medium",
 										children: "Generate with AI"
-									}), w && /* @__PURE__ */ (0, G.jsxs)("span", {
+									}), C && /* @__PURE__ */ (0, K.jsxs)("span", {
 										className: "text-xs text-muted-foreground",
 										children: [
 											"Using ",
@@ -1328,10 +1314,10 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 										]
 									})]
 								}),
-								w ? /* @__PURE__ */ (0, G.jsx)(c, {
+								C ? /* @__PURE__ */ (0, K.jsx)(d, {
 									onClick: async () => {
-										if (!w) {
-											R.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;
 										}
 										y(!0), x(null);
@@ -1339,21 +1325,21 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 											let e = await S({
 												resource: i,
 												resourceAnnotations: a,
-												propsSchema: d ? u : void 0
+												propsSchema: u ? l : void 0
 											});
-											if (d) {
+											if (u) {
 												let t = {};
-												for (let n of e) u.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
 											})));
-											R.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";
-											x(t), R.error("LLM Generation Failed", { description: t });
+											x(t), z.error("LLM Generation Failed", { description: t });
 										} finally {
 											y(!1);
 										}
@@ -1363,30 +1349,30 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 									variant: "outline",
 									className: "w-full",
 									"data-testid": "props-config-generate-llm-button",
-									children: v ? /* @__PURE__ */ (0, G.jsxs)("span", {
+									children: v ? /* @__PURE__ */ (0, K.jsxs)("span", {
 										"data-testid": "props-config-generating",
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ (0, G.jsx)(de, { className: "h-4 w-4 mr-2 animate-spin" }), "Generating..."]
-									}) : /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)(pe, { className: "h-4 w-4 mr-2" }), "Generate Props with LLM"] })
-								}) : /* @__PURE__ */ (0, G.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."
 								}),
-								b && /* @__PURE__ */ (0, G.jsx)("p", {
+								b && /* @__PURE__ */ (0, K.jsx)("p", {
 									className: "text-xs text-destructive",
 									"data-testid": "props-config-error",
 									children: b
 								})
 							]
 						}),
-						/* @__PURE__ */ (0, G.jsxs)("div", {
+						/* @__PURE__ */ (0, K.jsxs)("div", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ (0, G.jsx)(C, {
+							children: [/* @__PURE__ */ (0, K.jsx)(w, {
 								className: "text-sm font-medium",
 								children: "Props"
-							}), d ? /* @__PURE__ */ (0, G.jsx)("div", {
+							}), u ? /* @__PURE__ */ (0, K.jsx)("div", {
 								className: "space-y-4",
-								children: Object.entries(u.properties || {}).map(([e, t]) => /* @__PURE__ */ (0, G.jsx)(X, {
+								children: Object.entries(l.properties || {}).map(([e, t]) => /* @__PURE__ */ (0, K.jsx)(X, {
 									name: e,
 									schema: t,
 									value: m[e] || "",
@@ -1394,86 +1380,86 @@ function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource:
 										...n,
 										[e]: t
 									})),
-									required: u.required?.includes(e),
+									required: l.required?.includes(e),
 									disabled: v,
-									rootSchema: u
+									rootSchema: l
 								}, e))
-							}) : /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)("div", {
+							}) : /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)("div", {
 								className: "flex items-center justify-between",
-								children: /* @__PURE__ */ (0, G.jsxs)(c, {
+								children: /* @__PURE__ */ (0, K.jsxs)(d, {
 									onClick: T,
 									size: "sm",
 									variant: "ghost",
 									disabled: v,
 									"data-testid": "props-config-add-prop",
-									children: [/* @__PURE__ */ (0, G.jsx)(L, { 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, G.jsxs)("div", {
+							}), g.map((e, t) => /* @__PURE__ */ (0, K.jsxs)("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ (0, G.jsxs)("div", {
+								children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 									className: "flex-1 grid grid-cols-2 gap-2",
-									children: [/* @__PURE__ */ (0, G.jsx)(l, {
+									children: [/* @__PURE__ */ (0, K.jsx)(s, {
 										placeholder: "Key",
 										value: e.key,
 										onChange: (t) => D(e.id, "key", t.target.value),
 										disabled: v,
 										"data-testid": `props-config-key-${t}`
-									}), /* @__PURE__ */ (0, G.jsx)(l, {
+									}), /* @__PURE__ */ (0, K.jsx)(s, {
 										placeholder: "Value",
 										value: e.value,
 										onChange: (t) => D(e.id, "value", t.target.value),
 										disabled: v,
 										"data-testid": `props-config-value-${t}`
 									})]
-								}), /* @__PURE__ */ (0, G.jsx)(c, {
+								}), /* @__PURE__ */ (0, K.jsx)(d, {
 									variant: "ghost",
 									size: "sm",
 									onClick: () => E(e.id),
 									disabled: g.length === 1 || v,
 									className: "h-9 w-9 p-0",
 									"data-testid": `props-config-remove-${t}`,
-									children: /* @__PURE__ */ (0, G.jsx)(me, { 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, G.jsxs)(P, { children: [/* @__PURE__ */ (0, G.jsx)(c, {
+				/* @__PURE__ */ (0, K.jsxs)(N, { children: [/* @__PURE__ */ (0, K.jsx)(d, {
 					variant: "outline",
 					onClick: () => t(!1),
 					disabled: v,
 					"data-testid": "props-config-cancel-button",
 					children: "Cancel"
-				}), /* @__PURE__ */ (0, G.jsxs)(c, {
+				}), /* @__PURE__ */ (0, K.jsxs)(d, {
 					onClick: () => {
 						if (!f.trim()) {
-							R.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)) {
-							R.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) {
-							R.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), R.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: v,
 					"data-testid": "props-config-save-button",
-					children: [s ? "Update" : "Create", " Preset"]
+					children: [c ? "Update" : "Create", " Preset"]
 				})] })
 			]
 		})
@@ -1481,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({
@@ -1489,15 +1475,15 @@ function Qe({ value: e, onChange: t }) {
 			[n]: i
 		});
 	};
-	return /* @__PURE__ */ (0, G.jsxs)("div", {
+	return /* @__PURE__ */ (0, K.jsxs)("div", {
 		className: "grid grid-cols-2 gap-2",
 		children: [
-			/* @__PURE__ */ (0, G.jsxs)("div", {
+			/* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, G.jsx)("label", {
+				children: [/* @__PURE__ */ (0, K.jsx)("label", {
 					className: "text-xs text-muted-foreground",
 					children: "Top"
-				}), /* @__PURE__ */ (0, G.jsx)(l, {
+				}), /* @__PURE__ */ (0, K.jsx)(s, {
 					type: "number",
 					min: "0",
 					value: e.top,
@@ -1506,12 +1492,12 @@ function Qe({ value: e, onChange: t }) {
 					"data-testid": "debugger-safe-area-top"
 				})]
 			}),
-			/* @__PURE__ */ (0, G.jsxs)("div", {
+			/* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, G.jsx)("label", {
+				children: [/* @__PURE__ */ (0, K.jsx)("label", {
 					className: "text-xs text-muted-foreground",
 					children: "Right"
-				}), /* @__PURE__ */ (0, G.jsx)(l, {
+				}), /* @__PURE__ */ (0, K.jsx)(s, {
 					type: "number",
 					min: "0",
 					value: e.right,
@@ -1520,12 +1506,12 @@ function Qe({ value: e, onChange: t }) {
 					"data-testid": "debugger-safe-area-right"
 				})]
 			}),
-			/* @__PURE__ */ (0, G.jsxs)("div", {
+			/* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, G.jsx)("label", {
+				children: [/* @__PURE__ */ (0, K.jsx)("label", {
 					className: "text-xs text-muted-foreground",
 					children: "Bottom"
-				}), /* @__PURE__ */ (0, G.jsx)(l, {
+				}), /* @__PURE__ */ (0, K.jsx)(s, {
 					type: "number",
 					min: "0",
 					value: e.bottom,
@@ -1534,12 +1520,12 @@ function Qe({ value: e, onChange: t }) {
 					"data-testid": "debugger-safe-area-bottom"
 				})]
 			}),
-			/* @__PURE__ */ (0, G.jsxs)("div", {
+			/* @__PURE__ */ (0, K.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, G.jsx)("label", {
+				children: [/* @__PURE__ */ (0, K.jsx)("label", {
 					className: "text-xs text-muted-foreground",
 					children: "Left"
-				}), /* @__PURE__ */ (0, G.jsx)(l, {
+				}), /* @__PURE__ */ (0, K.jsx)(s, {
 					type: "number",
 					min: "0",
 					value: e.left,
@@ -1553,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",
@@ -1580,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) {
@@ -1606,48 +1592,40 @@ 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: j
-	},
-	{
-		value: "mobile",
-		label: "Mobile",
-		icon: je
-	},
-	{
-		value: "tablet",
-		label: "Tablet",
-		icon: Ne
-	}
-];
-function it({ options: e, value: t, onValueChange: n, placeholder: r, contentTestId: i, searchTestId: a, optionTestId: o, trigger: s }) {
-	let [c, u] = (0, H.useState)(!1), [d, f] = (0, H.useState)(""), p = (0, H.useRef)(null);
-	(0, H.useEffect)(() => {
-		if (!c) {
+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(() => p.current?.focus());
 		return () => cancelAnimationFrame(e);
-	}, [c]);
-	let h = (0, H.useMemo)(() => {
+	}, [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, d]), g = h.findIndex((e) => e.value === t);
-	return /* @__PURE__ */ (0, G.jsxs)(x, {
-		open: c,
+	}, [e, d]), g = m.findIndex((e) => e.value === t);
+	return /* @__PURE__ */ (0, K.jsxs)(S, {
+		open: l,
 		onOpenChange: u,
-		children: [s, /* @__PURE__ */ (0, G.jsxs)(m, {
+		children: [c, /* @__PURE__ */ (0, K.jsxs)(h, {
 			"data-testid": i,
 			checkedIndex: g >= 0 ? g : void 0,
 			className: "w-80 overflow-hidden",
-			children: [/* @__PURE__ */ (0, G.jsx)("div", {
+			children: [/* @__PURE__ */ (0, K.jsx)("div", {
 				className: "border-b border-border p-2",
 				onKeyDown: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ (0, G.jsx)(l, {
+				children: /* @__PURE__ */ (0, K.jsx)(s, {
 					ref: p,
 					value: d,
 					onChange: (e) => f(e.target.value),
@@ -1655,12 +1633,12 @@ function it({ options: e, value: t, onValueChange: n, placeholder: r, contentTes
 					"data-testid": a,
 					className: "h-8"
 				})
-			}), /* @__PURE__ */ (0, G.jsx)("div", {
+			}), /* @__PURE__ */ (0, K.jsx)("div", {
 				className: "max-h-64 overflow-y-auto",
-				children: h.length === 0 ? /* @__PURE__ */ (0, G.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."
-				}) : h.map((e, r) => /* @__PURE__ */ (0, G.jsx)(S, {
+				}) : m.map((e, r) => /* @__PURE__ */ (0, K.jsx)(C, {
 					index: r,
 					label: e.label,
 					checked: t === e.value,
@@ -1673,112 +1651,106 @@ function it({ options: e, value: t, onValueChange: n, placeholder: r, contentTes
 		})]
 	});
 }
-function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContext: i, resourceUri: l, toolInput: u, resourceAnnotations: f, llmConfig: h, resource: _, onPropsChange: v, requiredProps: b }) {
-	let { resolvedTheme: C, setTheme: w } = ve(), { playground: T, updatePlaygroundSettings: E, widgets: D, clearCspViolations: O } = _e(), k = D.get(n), P = k?.cspViolations ?? [], I = k?.declaredCsp, L = k?.effectivePolicy, de = P.length > 0 ? $e(P, I) : null, pe = P.length > 0 ? tt(I, L, P, de) : "", he = e === "fullscreen", ge = e === "pip", { presets: z, activePresetId: B, savePreset: Se, deletePreset: Te, setActivePreset: V, getActiveProps: Pe } = Re(l), [Ie, U] = (0, H.useState)(!1), W = !!b?.length && !B, [ze, Be] = (0, H.useState)(() => W);
-	(0, H.useEffect)(() => {
-		W && Be(!0);
-	}, [W]);
-	let [K, q] = (0, H.useState)(null), [Ve, He] = (0, H.useState)(!1), [J, Ue] = (0, H.useState)("mode"), [We, Ge] = (0, H.useState)(!0), qe = (0, H.useMemo)(() => ye(I), [I]), Je = (0, H.useMemo)(() => be(L), [L]), Y = (0, H.useMemo)(() => Ce(qe, Je), [qe, Je]), Ye = (0, H.useMemo)(() => xe({
+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: I,
-		effectivePolicy: L,
-		violations: P
+		declared: F,
+		effectivePolicy: I,
+		violations: N
 	}), [
 		T.cspMode,
+		F,
 		I,
-		L,
-		P
-	]), Xe = (0, H.useCallback)(() => i === "tool" && u ? $ : Q, [i, u]), [X, Z] = (0, H.useState)(Xe());
-	(0, H.useEffect)(() => {
-		B && i !== "tool" ? Z(B) : X !== Q && X !== $ && Z(Xe());
+		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());
 	}, [
-		B,
+		V,
 		X,
-		Xe,
-		i
-	]), (0, H.useEffect)(() => {
+		Ye,
+		s
+	]), (0, U.useEffect)(() => {
 		if (v) {
 			if (X === Q || X === $) v(null);
-			else if (B && X === B) {
-				let e = Pe();
+			else if (V && X === V) {
+				let e = Me();
 				e && v(e);
 			}
 		}
 	}, [
 		X,
-		B,
-		u,
-		Pe,
+		V,
+		l,
+		Me,
 		v,
-		z
+		B
 	]);
-	let et = (e) => {
-		if (e === nt) {
-			q(null), U(!0);
+	let $e = (e) => {
+		if (e === tt) {
+			J(null), W(!0);
 			return;
 		}
-		if (e === Q || e === $) V(null), Z(e), v?.(null);
+		if (e === Q || e === $) H(null), Z(e), v?.(null);
 		else {
-			V(e), Z(e);
-			let t = z.find((t) => t.id === e);
+			H(e), Z(e);
+			let t = B.find((t) => t.id === e);
 			v?.(t?.props ?? null);
 		}
-	}, at = (e) => {
-		Se(e), V(e.id), Z(e.id), v?.(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 = z.find((t) => t.id === e);
-		n && (Te(e), R.success("Preset deleted", { description: `Preset "${n.name}" has been deleted.` }));
-	}, st = (e, t) => {
-		t.stopPropagation(), q(e), U(!0);
-	}, ct = () => {
-		switch (T.deviceType) {
-			case "mobile": return /* @__PURE__ */ (0, G.jsx)(je, { className: "size-3" });
-			case "tablet": return /* @__PURE__ */ (0, G.jsx)(Ne, { className: "size-3" });
-			default: return /* @__PURE__ */ (0, G.jsx)(j, { className: "size-3" });
-		}
-	}, lt = rt.findIndex((e) => e.value === T.deviceType);
-	return /* @__PURE__ */ (0, G.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: [
-			!he && !ge && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
+			!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, G.jsx)(fe, { className: "size-4" })
+					children: /* @__PURE__ */ (0, K.jsx)(de, { className: "size-4" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsx)(s, { children: "Enter fullscreen mode" })] }), /* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
+			}), /* @__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, G.jsx)(De, { className: "size-4" })
+					children: /* @__PURE__ */ (0, K.jsx)(Ee, { className: "size-4" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsx)(s, { children: "Picture-in-picture" })] })] }),
-			/* @__PURE__ */ (0, G.jsxs)(x, { children: [/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(d, {
-					render: /* @__PURE__ */ (0, G.jsx)(c, {
+			}), /* @__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, G.jsxs)(s, { children: ["Device: ", T.deviceType] })] }), /* @__PURE__ */ (0, G.jsx)(m, {
+			}), /* @__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, G.jsx)(S, {
+				children: nt.map((e, t) => /* @__PURE__ */ (0, K.jsx)(C, {
 					index: t,
 					icon: e.icon,
 					label: e.label,
@@ -1787,35 +1759,35 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 					onSelect: () => E({ deviceType: e.value })
 				}, e.value))
 			})] }),
-			/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
+			/* @__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, G.jsx)(N, { className: "size-3.5" }) : /* @__PURE__ */ (0, G.jsx)(F, { 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, G.jsxs)(s, { children: ["Theme: ", C === "dark" ? "Dark" : "Light"] })] }),
-			/* @__PURE__ */ (0, G.jsx)(it, {
-				options: Fe,
+			}), /* @__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, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-					render: /* @__PURE__ */ (0, G.jsx)(d, {
-						render: /* @__PURE__ */ (0, G.jsx)(c, {
+				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, G.jsx)("span", {
+							children: /* @__PURE__ */ (0, K.jsx)("span", {
 								className: "text-xs font-mono",
 								children: T.locale
 							})
@@ -1823,61 +1795,61 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 						nativeButton: !0
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, G.jsx)(s, { children: "Locale" })] })
+				}), /* @__PURE__ */ (0, K.jsx)(o, { children: "Locale" })] })
 			}),
-			/* @__PURE__ */ (0, G.jsx)(it, {
-				options: Le,
+			/* @__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, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-					render: /* @__PURE__ */ (0, G.jsx)(d, {
-						render: /* @__PURE__ */ (0, G.jsx)(c, {
+				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, G.jsx)(le, { className: "size-3.5" })
+							children: /* @__PURE__ */ (0, K.jsx)(ce, { className: "size-3.5" })
 						}),
 						nativeButton: !0
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, G.jsxs)(s, { children: ["Timezone: ", T.timeZone] })] })
+				}), /* @__PURE__ */ (0, K.jsxs)(o, { children: ["Timezone: ", T.timeZone] })] })
 			}),
-			/* @__PURE__ */ (0, G.jsxs)(oe, {
-				open: Ve,
-				onOpenChange: He,
-				children: [/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-					render: /* @__PURE__ */ (0, G.jsx)(te, {
-						render: /* @__PURE__ */ (0, G.jsxs)(c, {
+			/* @__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: [T.cspMode === "permissive" ? /* @__PURE__ */ (0, G.jsx)(Ae, { className: "size-3.5" }) : /* @__PURE__ */ (0, G.jsx)(ke, { className: "size-3.5" }), P.length > 0 && /* @__PURE__ */ (0, G.jsx)("span", {
+							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: P.length > 99 ? "99+" : P.length
+								children: N.length > 99 ? "99+" : N.length
 							})]
 						}),
 						nativeButton: !0
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, G.jsxs)(s, { children: [
+				}), /* @__PURE__ */ (0, K.jsxs)(o, { children: [
 					"CSP:",
 					" ",
 					T.cspMode === "permissive" ? "Permissive" : "Declared",
-					P.length > 0 && ` · ${P.length} ${T.cspMode === "permissive" ? "would be blocked" : "blocked"}`
-				] })] }), /* @__PURE__ */ (0, G.jsxs)(ie, {
+					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, G.jsx)(re, { children: /* @__PURE__ */ (0, G.jsx)(ee, { children: "CSP Mode" }) }), /* @__PURE__ */ (0, G.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, G.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",
@@ -1885,129 +1857,129 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 									["mode", "Mode"],
 									["diff", "Policy Diff"],
 									["findings", "Findings"]
-								].map(([e, t]) => /* @__PURE__ */ (0, G.jsx)("button", {
+								].map(([e, t]) => /* @__PURE__ */ (0, K.jsx)("button", {
 									type: "button",
 									role: "tab",
-									"aria-selected": J === e,
-									onClick: () => Ue(e),
-									className: `rounded px-2 py-1.5 text-xs font-medium ${J === 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))
 							}),
-							J === "mode" && /* @__PURE__ */ (0, G.jsxs)("div", {
+							Y === "mode" && /* @__PURE__ */ (0, K.jsxs)("div", {
 								role: "tabpanel",
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ (0, G.jsxs)(c, {
+									/* @__PURE__ */ (0, K.jsxs)(d, {
 										"data-testid": "debugger-csp-option-permissive",
 										variant: T.cspMode === "permissive" ? "default" : "outline",
 										className: "w-full justify-start",
 										onClick: () => E({ cspMode: "permissive" }),
-										children: [/* @__PURE__ */ (0, G.jsx)(Ae, { className: "size-4 mr-2" }), "Permissive"]
+										children: [/* @__PURE__ */ (0, K.jsx)(ke, { className: "size-4 mr-2" }), "Permissive"]
 									}),
-									/* @__PURE__ */ (0, G.jsxs)(c, {
+									/* @__PURE__ */ (0, K.jsxs)(d, {
 										"data-testid": "debugger-csp-option-widget-declared",
 										variant: T.cspMode === "widget-declared" ? "default" : "outline",
 										className: "w-full justify-start",
 										onClick: () => E({ cspMode: "widget-declared" }),
-										children: [/* @__PURE__ */ (0, G.jsx)(ke, { className: "size-4 mr-2" }), "Widget-Declared"]
+										children: [/* @__PURE__ */ (0, K.jsx)(Oe, { className: "size-4 mr-2" }), "Widget-Declared"]
 									}),
-									/* @__PURE__ */ (0, G.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."
 									})
 								]
 							}),
-							J === "diff" && /* @__PURE__ */ (0, G.jsxs)("div", {
+							Y === "diff" && /* @__PURE__ */ (0, K.jsxs)("div", {
 								role: "tabpanel",
 								className: "space-y-2",
-								children: [Y.length ? /* @__PURE__ */ (0, G.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, G.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, G.jsxs)("div", {
+										children: [/* @__PURE__ */ (0, K.jsxs)("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ (0, G.jsx)("code", { children: e.directive }), /* @__PURE__ */ (0, G.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, G.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, G.jsx)("br", {}),
+												/* @__PURE__ */ (0, K.jsx)("br", {}),
 												"effective: ",
 												e.effective.join(" ") || "—"
 											]
 										})]
 									}, e.directive))
-								}) : /* @__PURE__ */ (0, G.jsx)("p", {
+								}) : /* @__PURE__ */ (0, K.jsx)("p", {
 									className: "text-xs text-muted-foreground",
 									children: "No requested or effective policy data yet."
-								}), L && /* @__PURE__ */ (0, G.jsxs)(c, {
+								}), I && /* @__PURE__ */ (0, K.jsxs)(d, {
 									variant: "outline",
 									size: "sm",
 									onClick: async () => {
 										try {
-											await ce(L), R.success("Policy copied to clipboard");
+											await R(I), z.success("Policy copied to clipboard");
 										} catch {
-											R.error("Failed to copy");
+											z.error("Failed to copy");
 										}
 									},
-									children: [/* @__PURE__ */ (0, G.jsx)(se, { className: "size-3.5 mr-2" }), "Copy effective policy"]
+									children: [/* @__PURE__ */ (0, K.jsx)(L, { className: "size-3.5 mr-2" }), "Copy effective policy"]
 								})]
 							}),
-							J === "findings" && /* @__PURE__ */ (0, G.jsxs)("div", {
+							Y === "findings" && /* @__PURE__ */ (0, K.jsxs)("div", {
 								role: "tabpanel",
 								className: "space-y-2",
-								children: [/* @__PURE__ */ (0, G.jsx)("div", {
+								children: [/* @__PURE__ */ (0, K.jsx)("div", {
 									className: "space-y-1.5",
-									children: Ye.map((e, t) => /* @__PURE__ */ (0, G.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, G.jsx)("div", {
+										children: [/* @__PURE__ */ (0, K.jsx)("div", {
 											className: "text-xs font-medium",
 											children: e.title
-										}), /* @__PURE__ */ (0, G.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, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.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, G.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, G.jsx)("button", {
+									}), /* @__PURE__ */ (0, K.jsx)("button", {
 										className: "text-xs text-muted-foreground underline",
 										onClick: () => O(n),
 										children: "Clear"
 									})]
-								}), /* @__PURE__ */ (0, G.jsxs)("div", {
+								}), /* @__PURE__ */ (0, K.jsxs)("div", {
 									className: "border border-amber-200 dark:border-amber-800 rounded-md overflow-hidden",
-									children: [/* @__PURE__ */ (0, G.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, G.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: () => Ge((e) => !e),
-											children: [We ? /* @__PURE__ */ (0, G.jsx)(A, { className: "size-3.5" }) : /* @__PURE__ */ (0, G.jsx)(r, { className: "size-3.5" }), "Prompt for Agents"]
-										}), /* @__PURE__ */ (0, G.jsx)(c, {
+											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 ce(pe),
+											onClick: () => void R(fe),
 											"aria-label": "Copy prompt for agents",
-											children: /* @__PURE__ */ (0, G.jsx)(se, { className: "size-3.5" })
+											children: /* @__PURE__ */ (0, K.jsx)(L, { className: "size-3.5" })
 										})]
-									}), We && /* @__PURE__ */ (0, G.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: pe
+										children: fe
 									})]
 								})] })]
 							})
@@ -2015,8 +1987,8 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 					})]
 				})]
 			}),
-			/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
+			/* @__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",
@@ -2027,12 +1999,12 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 							touch: !T.capabilities.touch
 						} });
 					},
-					children: /* @__PURE__ */ (0, G.jsx)(Oe, { className: `size-3.5 ${T.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, G.jsxs)(s, { children: ["Touch: ", T.capabilities.touch ? "Enabled" : "Disabled"] })] }),
-			/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
+			}), /* @__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",
@@ -2043,28 +2015,28 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 							hover: !T.capabilities.hover
 						} });
 					},
-					children: /* @__PURE__ */ (0, G.jsx)(Ee, { className: `size-3.5 ${T.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, G.jsxs)(s, { children: ["Hover: ", T.capabilities.hover ? "Enabled" : "Disabled"] })] }),
-			/* @__PURE__ */ (0, G.jsxs)(y, { children: [/* @__PURE__ */ (0, G.jsx)(g, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
+			}), /* @__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, G.jsx)(Me, { className: "size-3.5" })
+					children: /* @__PURE__ */ (0, K.jsx)(je, { className: "size-3.5" })
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsx)(p, {
+			}), /* @__PURE__ */ (0, K.jsx)(m, {
 				className: "w-64 p-3",
 				"data-testid": "debugger-safe-area-dialog",
-				children: /* @__PURE__ */ (0, G.jsxs)("div", {
+				children: /* @__PURE__ */ (0, K.jsxs)("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, G.jsx)("label", {
+					children: [/* @__PURE__ */ (0, K.jsx)("label", {
 						className: "text-xs font-medium",
 						children: "Safe Area Insets"
-					}), /* @__PURE__ */ (0, G.jsx)(Qe, {
+					}), /* @__PURE__ */ (0, K.jsx)(Ze, {
 						value: T.safeAreaInsets,
 						onChange: (e) => {
 							E({ safeAreaInsets: e });
@@ -2072,108 +2044,108 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 					})]
 				})
 			})] }),
-			i === "tool" ? /* @__PURE__ */ (0, G.jsxs)(oe, { children: [/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(te, {
-					render: /* @__PURE__ */ (0, G.jsx)(c, {
+			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, G.jsx)(we, { className: "size-3.5" })
+						children: /* @__PURE__ */ (0, K.jsx)(Ce, { className: "size-3.5" })
 					}),
 					nativeButton: !0
 				}),
 				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsx)(s, { children: "View Tool Props" })] }), /* @__PURE__ */ (0, G.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, G.jsx)(re, { children: /* @__PURE__ */ (0, G.jsx)(ee, { children: "Tool Props" }) }), /* @__PURE__ */ (0, G.jsx)(ne, { children: /* @__PURE__ */ (0, G.jsx)(ae, { children: /* @__PURE__ */ (0, G.jsx)(ue, {
-					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, G.jsxs)(y, {
-				open: ze,
-				onOpenChange: Be,
-				children: [/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-					render: /* @__PURE__ */ (0, G.jsx)(g, {
-						render: /* @__PURE__ */ (0, G.jsx)(c, {
+			})] }) : /* @__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 ${W ? "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, G.jsx)(we, { className: `size-3.5 ${W ? "text-amber-500" : ""}` })
+							children: /* @__PURE__ */ (0, K.jsx)(Ce, { className: `size-3.5 ${G ? "text-amber-500" : ""}` })
 						}),
 						nativeButton: !0
 					}),
 					nativeButton: !0
-				}), /* @__PURE__ */ (0, G.jsxs)(s, { children: [
+				}), /* @__PURE__ */ (0, K.jsxs)(o, { children: [
 					"Props:",
 					" ",
-					X === Q ? "No Props" : X === $ ? "Tool Props" : z.find((e) => e.id === X)?.name || "Custom"
-				] })] }), /* @__PURE__ */ (0, G.jsxs)(p, {
+					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: [W && /* @__PURE__ */ (0, G.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, G.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, G.jsx)("p", {
+							/* @__PURE__ */ (0, K.jsx)("p", {
 								className: "text-xs font-mono text-amber-600 dark:text-amber-400",
-								children: b.join(", ")
+								children: y.join(", ")
 							}),
-							/* @__PURE__ */ (0, G.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, G.jsxs)("div", {
+					}), /* @__PURE__ */ (0, K.jsxs)("div", {
 						className: "space-y-1",
 						children: [
-							/* @__PURE__ */ (0, G.jsx)(c, {
+							/* @__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"
 							}),
-							z.map((e) => /* @__PURE__ */ (0, G.jsxs)("div", {
+							B.map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
 								className: "relative group flex items-center",
-								children: [/* @__PURE__ */ (0, G.jsx)(c, {
+								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, G.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, G.jsx)(c, {
+									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, G.jsx)(M, { className: "h-3 w-3" })
-									}), /* @__PURE__ */ (0, G.jsx)(c, {
+										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, G.jsx)(me, { className: "h-3 w-3 text-destructive" })
+										children: /* @__PURE__ */ (0, K.jsx)(pe, { className: "h-3 w-3 text-destructive" })
 									})]
 								})]
 							}, e.id)),
-							/* @__PURE__ */ (0, G.jsx)(c, {
+							/* @__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..."
 							})
@@ -2181,30 +2153,22 @@ function at({ displayMode: e, onDisplayModeChange: t, toolCallId: n, propsContex
 					})]
 				})]
 			}),
-			/* @__PURE__ */ (0, G.jsx)(Ke, {
+			/* @__PURE__ */ (0, K.jsx)(We, {
 				iframeId: n,
 				enabled: !0
 			}),
-			_ && /* @__PURE__ */ (0, G.jsx)(Ze, {
-				open: Ie,
-				onOpenChange: U,
-				onSave: at,
-				existingPresets: z,
-				resource: _,
-				resourceAnnotations: f,
-				llmConfig: h || null,
-				editingPreset: K
+			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, G.jsx)("div", {
-		className: i("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, Te as r, ot as t };
+export { we as n, it as t };