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

package/dist/cdn/{WidgetWrapper-BJJtLqMb.js → WidgetWrapper-CwlpDv17.js}

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