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

package/dist/cdn/WidgetWrapper-B4H3Fek7.js

@@ -1,2210 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { G as n, K as r, Rr as i, a, n as o, r as s, sr as c, t as l } from "./input-C2OBd4PJ.js";
-import { t as u } from "./jsx-runtime-CIxvMpEo.js";
-import { _ as d, a as f, c as p, d as m, i as h, l as g, n as _, o as v, s as y, t as b, u as x, v as S } from "./sheet-Br_l2kry.js";
-import { t as C } from "./label-B9Jmm9be.js";
-import { a as w, i as T, n as E, r as D, t as O } from "./select-DDdiIPR2.js";
-import { t as k } from "./createLucideIcon-C5fZZ6oB.js";
-import { A, E as j, S as M, T as N, a as P, b as F, c as ee, i as I, l as te, n as ne, o as re, r as ie, s as ae, t as oe, w as L } from "./dialog-BsDpuJd3.js";
-import { i as se, t as ce } from "./browser-CbQIH4w2.js";
-import { t as le } from "./clock-CmUbSx_B.js";
-import { t as ue } from "./JSONDisplay-BFxf5oEu.js";
-import { t as de } from "./loader-circle-BLy9A_pp.js";
-import { t as fe } from "./maximize-2-CH5Lq90B.js";
-import { t as pe } from "./sparkles-BntO2rDR.js";
-import { t as me } from "./trash-2-RwpJY5SL.js";
-import { t as he } from "./x-C3vRQIYu.js";
-import { t as ge } from "./switch-C3IyQuid.js";
-import { n as R } from "./dist-DaMB0Su9.js";
-import { r as _e, s as ve } from "./WidgetDebugContext-D4usL_MA.js";
-import { a as z } from "./dist-DbX5yidW.js";
-import { t as B } from "./textarea-DSbwcFVt.js";
-import { a as ye, i as be, n as xe, o as Se, r as Ce } from "./useViewHostProps-B6SKeeH9.js";
-var we = k("braces", [["path", {
-	d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1",
-	key: "ezmyqa"
-}], ["path", {
-	d: "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1",
-	key: "e1hn23"
-}]]), Te = k("database", [
-	["ellipse", {
-		cx: "12",
-		cy: "5",
-		rx: "9",
-		ry: "3",
-		key: "msslwz"
-	}],
-	["path", {
-		d: "M3 5V19A9 3 0 0 0 21 19V5",
-		key: "1wlel7"
-	}],
-	["path", {
-		d: "M3 12A9 3 0 0 0 21 12",
-		key: "mv7ke4"
-	}]
-]), 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"
-}]]), De = k("picture-in-picture", [
-	["path", {
-		d: "M2 10h6V4",
-		key: "zwrco"
-	}],
-	["path", {
-		d: "m2 4 6 6",
-		key: "ug085t"
-	}],
-	["path", {
-		d: "M21 10V7a2 2 0 0 0-2-2h-7",
-		key: "git5jr"
-	}],
-	["path", {
-		d: "M3 14v2a2 2 0 0 0 2 2h3",
-		key: "1f7fh3"
-	}],
-	["rect", {
-		x: "12",
-		y: "14",
-		width: "10",
-		height: "7",
-		rx: "1",
-		key: "1wjs3o"
-	}]
-]), Oe = k("pointer", [
-	["path", {
-		d: "M22 14a8 8 0 0 1-8 8",
-		key: "56vcr3"
-	}],
-	["path", {
-		d: "M18 11v-1a2 2 0 0 0-2-2a2 2 0 0 0-2 2",
-		key: "1agjmk"
-	}],
-	["path", {
-		d: "M14 10V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1",
-		key: "wdbh2u"
-	}],
-	["path", {
-		d: "M10 9.5V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v10",
-		key: "1ibuk9"
-	}],
-	["path", {
-		d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15",
-		key: "g6ys72"
-	}]
-]), ke = k("shield-check", [["path", {
-	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
-	key: "oel41y"
-}], ["path", {
-	d: "m9 12 2 2 4-4",
-	key: "dzmm74"
-}]]), Ae = k("shield-off", [
-	["path", {
-		d: "m2 2 20 20",
-		key: "1ooewy"
-	}],
-	["path", {
-		d: "M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71",
-		key: "1jlk70"
-	}],
-	["path", {
-		d: "M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264",
-		key: "18rp1v"
-	}]
-]), je = k("smartphone", [["rect", {
-	width: "14",
-	height: "20",
-	x: "5",
-	y: "2",
-	rx: "2",
-	ry: "2",
-	key: "1yt0o3"
-}], ["path", {
-	d: "M12 18h.01",
-	key: "mhygvu"
-}]]), 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"
-	}],
-	["path", {
-		d: "M5 3a2 2 0 0 0-2 2",
-		key: "y57alp"
-	}],
-	["path", {
-		d: "M19 3a2 2 0 0 1 2 2",
-		key: "18rm91"
-	}],
-	["path", {
-		d: "M5 21a2 2 0 0 1-2-2",
-		key: "sbafld"
-	}],
-	["path", {
-		d: "M9 3h1",
-		key: "1yesri"
-	}],
-	["path", {
-		d: "M9 21h2",
-		key: "1qve2z"
-	}],
-	["path", {
-		d: "M14 3h1",
-		key: "1ec4yj"
-	}],
-	["path", {
-		d: "M3 9v1",
-		key: "1r0deq"
-	}],
-	["path", {
-		d: "M21 9v2",
-		key: "p14lih"
-	}],
-	["path", {
-		d: "M3 14v1",
-		key: "vnatye"
-	}]
-]), Ne = k("tablet", [["rect", {
-	width: "16",
-	height: "20",
-	x: "4",
-	y: "2",
-	rx: "2",
-	ry: "2",
-	key: "76otgf"
-}], ["line", {
-	x1: "12",
-	x2: "12.01",
-	y1: "18",
-	y2: "18",
-	key: "1dp563"
-}]]), V = k("terminal", [["path", {
-	d: "M12 19h8",
-	key: "baeox8"
-}], ["path", {
-	d: "m4 17 6-6-6-6",
-	key: "1yngyt"
-}]]), Pe = k("trash", [
-	["path", {
-		d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
-		key: "miytrc"
-	}],
-	["path", {
-		d: "M3 6h18",
-		key: "d0wm0j"
-	}],
-	["path", {
-		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
-		key: "e791ji"
-	}]
-]), H = /* @__PURE__ */ e(t(), 1), Fe = [
-	{
-		value: "en-US",
-		label: "English (US)"
-	},
-	{
-		value: "en-GB",
-		label: "English (UK)"
-	},
-	{
-		value: "en-CA",
-		label: "English (Canada)"
-	},
-	{
-		value: "en-AU",
-		label: "English (Australia)"
-	},
-	{
-		value: "en-IN",
-		label: "English (India)"
-	},
-	{
-		value: "es-ES",
-		label: "Spanish (Spain)"
-	},
-	{
-		value: "es-MX",
-		label: "Spanish (Mexico)"
-	},
-	{
-		value: "es-AR",
-		label: "Spanish (Argentina)"
-	},
-	{
-		value: "es-CO",
-		label: "Spanish (Colombia)"
-	},
-	{
-		value: "fr-FR",
-		label: "French (France)"
-	},
-	{
-		value: "fr-CA",
-		label: "French (Canada)"
-	},
-	{
-		value: "fr-BE",
-		label: "French (Belgium)"
-	},
-	{
-		value: "fr-CH",
-		label: "French (Switzerland)"
-	},
-	{
-		value: "de-DE",
-		label: "German (Germany)"
-	},
-	{
-		value: "de-AT",
-		label: "German (Austria)"
-	},
-	{
-		value: "de-CH",
-		label: "German (Switzerland)"
-	},
-	{
-		value: "pt-BR",
-		label: "Portuguese (Brazil)"
-	},
-	{
-		value: "pt-PT",
-		label: "Portuguese (Portugal)"
-	},
-	{
-		value: "zh-CN",
-		label: "Chinese (Simplified, China)"
-	},
-	{
-		value: "zh-TW",
-		label: "Chinese (Traditional, Taiwan)"
-	},
-	{
-		value: "zh-HK",
-		label: "Chinese (Traditional, Hong Kong)"
-	},
-	{
-		value: "ja-JP",
-		label: "Japanese (Japan)"
-	},
-	{
-		value: "ko-KR",
-		label: "Korean (Korea)"
-	},
-	{
-		value: "ar-SA",
-		label: "Arabic (Saudi Arabia)"
-	},
-	{
-		value: "ar-EG",
-		label: "Arabic (Egypt)"
-	},
-	{
-		value: "hi-IN",
-		label: "Hindi (India)"
-	},
-	{
-		value: "ru-RU",
-		label: "Russian (Russia)"
-	},
-	{
-		value: "it-IT",
-		label: "Italian (Italy)"
-	},
-	{
-		value: "nl-NL",
-		label: "Dutch (Netherlands)"
-	},
-	{
-		value: "nl-BE",
-		label: "Dutch (Belgium)"
-	},
-	{
-		value: "pl-PL",
-		label: "Polish (Poland)"
-	},
-	{
-		value: "sv-SE",
-		label: "Swedish (Sweden)"
-	},
-	{
-		value: "no-NO",
-		label: "Norwegian (Norway)"
-	},
-	{
-		value: "da-DK",
-		label: "Danish (Denmark)"
-	},
-	{
-		value: "fi-FI",
-		label: "Finnish (Finland)"
-	},
-	{
-		value: "tr-TR",
-		label: "Turkish (Turkey)"
-	},
-	{
-		value: "el-GR",
-		label: "Greek (Greece)"
-	},
-	{
-		value: "cs-CZ",
-		label: "Czech (Czech Republic)"
-	},
-	{
-		value: "hu-HU",
-		label: "Hungarian (Hungary)"
-	},
-	{
-		value: "ro-RO",
-		label: "Romanian (Romania)"
-	},
-	{
-		value: "th-TH",
-		label: "Thai (Thailand)"
-	},
-	{
-		value: "vi-VN",
-		label: "Vietnamese (Vietnam)"
-	},
-	{
-		value: "id-ID",
-		label: "Indonesian (Indonesia)"
-	},
-	{
-		value: "ms-MY",
-		label: "Malay (Malaysia)"
-	},
-	{
-		value: "tl-PH",
-		label: "Tagalog (Philippines)"
-	},
-	{
-		value: "he-IL",
-		label: "Hebrew (Israel)"
-	},
-	{
-		value: "uk-UA",
-		label: "Ukrainian (Ukraine)"
-	},
-	{
-		value: "bg-BG",
-		label: "Bulgarian (Bulgaria)"
-	},
-	{
-		value: "hr-HR",
-		label: "Croatian (Croatia)"
-	},
-	{
-		value: "sk-SK",
-		label: "Slovak (Slovakia)"
-	},
-	{
-		value: "sl-SI",
-		label: "Slovenian (Slovenia)"
-	},
-	{
-		value: "sr-RS",
-		label: "Serbian (Serbia)"
-	},
-	{
-		value: "bn-BD",
-		label: "Bengali (Bangladesh)"
-	},
-	{
-		value: "ta-IN",
-		label: "Tamil (India)"
-	},
-	{
-		value: "te-IN",
-		label: "Telugu (India)"
-	},
-	{
-		value: "mr-IN",
-		label: "Marathi (India)"
-	},
-	{
-		value: "ur-PK",
-		label: "Urdu (Pakistan)"
-	},
-	{
-		value: "fa-IR",
-		label: "Persian (Iran)"
-	},
-	{
-		value: "sw-KE",
-		label: "Swahili (Kenya)"
-	}
-];
-function Ie() {
-	return Intl.supportedValuesOf("timeZone").map((e) => ({
-		value: e,
-		label: e.replace(/_/g, " ")
-	}));
-}
-var Le = Ie(), U = (e) => `mcp-inspector-resource-props-${e}`;
-function Re(e) {
-	let [t, n] = (0, H.useState)([]), [r, i] = (0, H.useState)(null);
-	return (0, H.useEffect)(() => {
-		(() => {
-			try {
-				let t = U(e), r = localStorage.getItem(t);
-				if (r) {
-					let e = JSON.parse(r);
-					n(e.presets || []), i(e.activePresetId || null);
-				} else n([]), i(null);
-			} catch (e) {
-				console.error("[useResourceProps] Failed to load presets:", e), n([]), i(null);
-			}
-		})();
-	}, [e]), (0, H.useEffect)(() => {
-		let n = U(e), i = {
-			presets: t,
-			activePresetId: r
-		};
-		localStorage.setItem(n, JSON.stringify(i));
-	}, [
-		e,
-		t,
-		r
-	]), {
-		presets: t,
-		activePresetId: r,
-		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, H.useCallback)((e) => {
-			n((t) => t.filter((t) => t.id !== e)), i((t) => t === e ? null : t);
-		}, []),
-		setActivePreset: (0, H.useCallback)((e) => {
-			i(e);
-		}, []),
-		getActiveProps: (0, H.useCallback)(() => r && t.find((e) => e.id === r)?.props || null, [r, t])
-	};
-}
-//#endregion
-//#region src/client/hooks/useIframeConsole.ts
-function W(e = {}) {
-	let { enabled: t = !0, maxLogs: n = 1e3, proxyToPageConsole: r = !1 } = e, [i, a] = (0, H.useState)([]), [o, s] = (0, H.useState)(!1), c = (0, H.useRef)(0), l = (0, H.useCallback)((e) => {
-		if (!t) return;
-		let i = {
-			...e,
-			id: `log-${++c.current}-${Date.now()}`
-		};
-		if (a((e) => [...e, i].slice(-n)), r) {
-			let t = "[WIDGET CONSOLE]", n = e.args.map((e) => {
-				if (typeof e == "object" && e) try {
-					return JSON.stringify(e, null, 2);
-				} catch {
-					return String(e);
-				}
-				return e;
-			});
-			switch (e.level) {
-				case "error":
-					console.error(t, ...n);
-					break;
-				case "warn":
-					console.warn(t, ...n);
-					break;
-				case "info":
-					console.info(t, ...n);
-					break;
-				case "debug":
-					console.debug(t, ...n);
-					break;
-				case "trace":
-					console.trace(t, ...n);
-					break;
-				default: console.log(t, ...n);
-			}
-		}
-	}, [
-		t,
-		n,
-		r
-	]), u = (0, H.useCallback)(() => {
-		a([]), c.current = 0;
-	}, []);
-	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({
-				level: e.data.level,
-				args: e.data.args,
-				timestamp: e.data.timestamp || (/* @__PURE__ */ new Date()).toISOString(),
-				url: e.data.url
-			});
-		};
-		return window.addEventListener("message", e), () => {
-			window.removeEventListener("message", e);
-		};
-	}, [t, l]), (0, H.useEffect)(() => {
-		if (t) return Se.subscribe(l);
-	}, [t, l]), {
-		logs: i,
-		addLog: l,
-		clearLogs: u,
-		isOpen: o,
-		setIsOpen: s
-	};
-}
-//#endregion
-//#region src/client/components/IframeConsole.tsx
-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;
-	if (typeof e == "object") try {
-		return JSON.stringify(e, null, 2);
-	} catch {
-		return String(e);
-	}
-	return String(e);
-}
-function q(e) {
-	if (e.length === 0) return [];
-	let t = e[0];
-	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];
-		if (a === "%" && e + 1 < t.length) {
-			let o = t[e + 1], s = n[r++];
-			switch (o) {
-				case "o":
-				case "O":
-					i += K(s), e++;
-					break;
-				case "s":
-					i += s === void 0 ? "undefined" : String(s), e++;
-					break;
-				case "d":
-				case "i":
-					i += String(Number.parseInt(String(s ?? ""), 10) || 0), e++;
-					break;
-				case "f":
-					i += String(Number.parseFloat(String(s ?? "")) || 0), e++;
-					break;
-				case "c":
-					e++;
-					break;
-				default: i += a;
-			}
-			continue;
-		}
-		i += a;
-	}
-	let a = [i.trim()];
-	for (; r < n.length;) a.push(K(n[r++]));
-	return a.filter((e) => e.length > 0);
-}
-function Ve({ level: e }) {
-	return /* @__PURE__ */ (0, G.jsx)("span", {
-		className: i("px-1.5 py-0.5 text-[11px] font-mono font-semibold rounded-full text-white shrink-0", {
-			log: "bg-zinc-500",
-			info: "bg-blue-500",
-			warn: "bg-yellow-500",
-			error: "bg-red-500",
-			debug: "bg-purple-500",
-			trace: "bg-gray-500"
-		}[e]),
-		children: e.toUpperCase()
-	});
-}
-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, 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 ce(o.join("\n")), R.success("Copied to clipboard");
-		} catch {
-			R.error("Failed to copy");
-		}
-	}, l = i("font-mono text-xs border-b border-zinc-200 dark:border-zinc-800", e.level === "error" && "bg-red-50/30 dark:bg-red-950/10", e.level === "warn" && "bg-yellow-50/30 dark:bg-yellow-950/10"), u = i("cursor-pointer select-none", e.level === "error" && "hover:bg-red-50/50 dark:hover:bg-red-950/20", e.level === "warn" && "hover:bg-yellow-50/50 dark:hover:bg-yellow-950/20", e.level !== "error" && e.level !== "warn" && "hover:bg-zinc-100/70 dark:hover:bg-zinc-800/40");
-	return /* @__PURE__ */ (0, G.jsxs)("div", {
-		className: i(l, "group"),
-		children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-			className: i("flex items-center gap-2 px-2 py-1.5", u),
-			onClick: () => n((e) => !e),
-			children: [
-				/* @__PURE__ */ (0, G.jsx)("span", {
-					className: "text-zinc-400 dark:text-zinc-500 shrink-0",
-					children: t ? /* @__PURE__ */ (0, G.jsx)(A, { className: "size-3" }) : /* @__PURE__ */ (0, G.jsx)(r, { className: "size-3" })
-				}),
-				/* @__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: a
-				}),
-				!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, G.jsx)("span", {
-					className: "text-zinc-400 dark:text-zinc-500 text-[10px] truncate flex-1",
-					children: (() => {
-						try {
-							return new URL(e.url).pathname;
-						} catch {
-							return e.url;
-						}
-					})()
-				}),
-				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, G.jsx)(se, { className: "size-3" })
-				})
-			]
-		}), t && /* @__PURE__ */ (0, G.jsx)("div", {
-			className: "pl-8 pr-2 pb-2 select-text",
-			children: o.map((t, n) => /* @__PURE__ */ (0, G.jsx)("pre", {
-				className: i("whitespace-pre-wrap wrap-break-word text-[11px]", e.level === "error" && "text-red-700 dark:text-red-400", e.level === "warn" && "text-yellow-700 dark:text-yellow-400", e.level !== "error" && e.level !== "warn" && "text-zinc-700 dark:text-zinc-300"),
-				children: t
-			}, n))
-		})]
-	});
-}
-var J = "mcp-inspector-console-proxy-enabled", Ue = "mcp-inspector-console-height", We = [
-	"log",
-	"info",
-	"warn",
-	"error",
-	"debug",
-	"trace"
-], Ge = {
-	log: "text-zinc-500",
-	info: "text-blue-500",
-	warn: "text-yellow-500",
-	error: "text-red-500",
-	debug: "text-purple-500",
-	trace: "text-gray-500"
-};
-function Ke({ iframeId: e, enabled: t = !0 }) {
-	let [r, l] = (0, H.useState)(() => {
-		if (typeof window > "u") return !0;
-		try {
-			return localStorage.getItem(J) === "true";
-		} catch {
-			return !0;
-		}
-	}), [u, d] = (0, H.useState)(() => {
-		if (typeof window > "u") return 400;
-		try {
-			let e = localStorage.getItem(Ue);
-			return e ? Math.max(ze, parseInt(e, 10)) : 400;
-		} catch {
-			return 400;
-		}
-	}), p = (0, H.useRef)(!1), m = (0, H.useCallback)((e) => {
-		e.preventDefault(), p.current = !0;
-		let t = (e) => {
-			if (!p.current) return;
-			let t = Math.floor(window.innerHeight * Be);
-			d(Math.min(t, Math.max(ze, window.innerHeight - e.clientY)));
-		}, n = () => {
-			p.current = !1, window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n);
-		};
-		window.addEventListener("mousemove", t), window.addEventListener("mouseup", n);
-	}, []);
-	(0, H.useEffect)(() => {
-		try {
-			localStorage.setItem(Ue, String(u));
-		} catch {}
-	}, [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: r
-	}), O = (0, H.useRef)(null);
-	(0, H.useEffect)(() => {
-		try {
-			localStorage.setItem(J, String(r));
-		} catch {}
-	}, [r]);
-	let k = (0, H.useMemo)(() => {
-		let e = {
-			log: 0,
-			info: 0,
-			warn: 0,
-			error: 0,
-			debug: 0,
-			trace: 0
-		};
-		for (let t of w) e[t.level]++;
-		return e;
-	}, [w]), A = k.error, j = k.warn, M = k.log + k.info + k.debug + k.trace, N = w.length, P = (0, H.useMemo)(() => A > 0 ? "bg-red-500" : j > 0 ? "bg-yellow-500" : "bg-zinc-500", [
-		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 = q(e.args).join(" ").toLowerCase(), r = (e.url ?? "").toLowerCase();
-			return n.includes(t) || r.includes(t);
-		})), e;
-	}, [
-		w,
-		g,
-		x
-	]);
-	return (0, H.useEffect)(() => {
-		E && !x && O.current && (O.current.scrollTop = O.current.scrollHeight);
-	}, [
-		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: () => 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, G.jsx)(s, { children: /* @__PURE__ */ (0, G.jsxs)("div", {
-				className: "text-xs space-y-1",
-				children: [
-					/* @__PURE__ */ (0, G.jsxs)("p", {
-						className: "font-semibold",
-						children: [
-							N,
-							" console ",
-							N === 1 ? "log" : "logs"
-						]
-					}),
-					A > 0 && /* @__PURE__ */ (0, G.jsxs)("p", {
-						className: "text-red-400",
-						children: [
-							A,
-							" error",
-							A === 1 ? "" : "s"
-						]
-					}),
-					j > 0 && /* @__PURE__ */ (0, G.jsxs)("p", {
-						className: "text-yellow-400",
-						children: [
-							j,
-							" warning",
-							j === 1 ? "" : "s"
-						]
-					}),
-					M > 0 && /* @__PURE__ */ (0, G.jsxs)("p", {
-						className: "text-zinc-400",
-						children: [M, " info"]
-					})
-				]
-			}) })] }),
-			nativeButton: !1
-		}), /* @__PURE__ */ (0, G.jsxs)(_, {
-			side: "bottom",
-			className: "flex flex-col p-0 transition-none m-0 gap-0",
-			style: { height: u },
-			children: [
-				/* @__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: m
-				}),
-				/* @__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, G.jsxs)("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ (0, G.jsxs)(f, {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ (0, G.jsx)(V, { className: "size-4" }),
-								"Widget Console Logs",
-								w.length > 0 && /* @__PURE__ */ (0, G.jsxs)("span", {
-									className: "text-sm font-normal text-zinc-500 dark:text-zinc-400",
-									children: [
-										"(",
-										w.length,
-										" ",
-										w.length === 1 ? "log" : "logs",
-										")"
-									]
-								})
-							]
-						}), /* @__PURE__ */ (0, G.jsxs)("div", {
-							className: "flex items-center gap-4 pr-4",
-							children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ (0, G.jsx)(ge, {
-									id: "proxy-console-toggle",
-									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"
-								})]
-							}), w.length > 0 && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsxs)(c, {
-								variant: "ghost",
-								size: "sm",
-								onClick: async () => {
-									try {
-										await ce(F.map((e) => {
-											let t = new Date(e.timestamp).toLocaleTimeString();
-											return `[${e.level.toUpperCase()}] ${t}${e.url ? ` ${e.url}` : ""}\n${q(e.args).join("\n")}`;
-										}).join("\n\n")), R.success(`Copied ${F.length} logs to clipboard`);
-									} catch {
-										R.error("Failed to copy logs to clipboard");
-									}
-								},
-								className: "-my-2",
-								children: [/* @__PURE__ */ (0, G.jsx)(se, { className: "size-4 mr-1" }), "Copy All"]
-							}), /* @__PURE__ */ (0, G.jsxs)(c, {
-								variant: "ghost",
-								size: "sm",
-								onClick: T,
-								className: "-my-2",
-								children: [/* @__PURE__ */ (0, G.jsx)(Pe, { className: "size-4 mr-1" }), "Clear"]
-							})] })]
-						})]
-					}), /* @__PURE__ */ (0, G.jsxs)("div", {
-						className: "flex items-center gap-1 pt-1",
-						children: [
-							/* @__PURE__ */ (0, G.jsxs)("button", {
-								onClick: () => y("all"),
-								className: i("px-2 py-0.5 text-xs rounded font-medium transition-colors", g === "all" ? "bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-zinc-100" : "text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800"),
-								children: ["All", N > 0 && /* @__PURE__ */ (0, G.jsx)("span", {
-									className: "ml-1 text-[10px] opacity-70",
-									children: N
-								})]
-							}),
-							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, G.jsx)("span", {
-										className: i("ml-1 text-[10px]", Ge[e]),
-										children: t
-									})]
-								}, e);
-							}),
-							/* @__PURE__ */ (0, G.jsxs)("div", {
-								className: "ml-auto flex items-center gap-1 relative",
-								children: [
-									/* @__PURE__ */ (0, G.jsx)(n, { className: "absolute left-2 size-3 text-zinc-400 dark:text-zinc-500 pointer-events-none" }),
-									/* @__PURE__ */ (0, G.jsx)("input", {
-										type: "text",
-										placeholder: "Filter logs…",
-										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"
-									}),
-									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, G.jsx)(he, { className: "size-3" })
-									})
-								]
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ (0, G.jsx)("div", {
-					ref: O,
-					className: "flex-1 overflow-auto bg-zinc-50 dark:bg-zinc-950",
-					children: F.length === 0 ? /* @__PURE__ */ (0, G.jsx)("div", {
-						className: "flex items-center justify-center h-full text-zinc-500 dark:text-zinc-400",
-						children: /* @__PURE__ */ (0, G.jsxs)("div", {
-							className: "text-center",
-							children: [
-								/* @__PURE__ */ (0, G.jsx)(V, { className: "size-8 mx-auto mb-2 opacity-50" }),
-								/* @__PURE__ */ (0, G.jsx)("p", {
-									className: "text-sm",
-									children: w.length === 0 ? "No console logs yet" : x ? `No logs match "${x}"` : "No logs match the current filter"
-								}),
-								/* @__PURE__ */ (0, G.jsx)("p", {
-									className: "text-xs mt-1",
-									children: w.length === 0 ? "Logs from iframes will appear here" : `${w.length} log${w.length === 1 ? "" : "s"} hidden by filter`
-								})
-							]
-						})
-					}) : /* @__PURE__ */ (0, G.jsx)("div", { children: F.map((e) => /* @__PURE__ */ (0, G.jsx)(He, { log: e }, e.id)) })
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/client/hooks/usePropsLLM.ts
-function qe(e) {
-	let t = e.trim(), n = t.match(/```(?:json)?\s*([\s\S]*?)```/);
-	n && (t = n[1].trim());
-	let r = t.indexOf("{");
-	if (r < 0) return null;
-	let i = 0;
-	for (let e = r; e < t.length; e++) if (t[e] === "{") i++;
-	else if (t[e] === "}" && (i--, i === 0)) try {
-		return JSON.parse(t.slice(r, e + 1));
-	} catch {
-		return null;
-	}
-	return null;
-}
-function Je({ llmConfig: e }) {
-	return {
-		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) {
-				let n = Object.keys(r.properties).map((e) => {
-					let t = r.properties[e], n = `  - ${e} (${t.type || "string"})`, i = t.description ? `: ${t.description}` : "", a = "";
-					return t.type === "array" && t.items?.type === "object" && t.items?.properties && (a = ` — array of objects with keys: {${Object.keys(t.items.properties).join(", ")}}`), `${n}${a}${i}`;
-				}).join("\n"), i = [{
-					role: "system",
-					content: "You are helping a developer configure props for a UI widget. The widget has a defined schema with specific props. Generate appropriate values for ONLY the props listed in the schema. Return ONLY a JSON object with these exact keys. For array props, each item must match the specified structure."
-				}, {
-					role: "user",
-					content: `Widget: ${t.name || t.uri}
-Description: ${a}
-
-Props Schema:
-${n}
-
-Generate appropriate default/example values for these props. Return ONLY a JSON object with the exact prop names as keys.
-Example: {"query": "example search term", "results": [{"fruit": "Apple", "color": "red"}]}`
-				}], o = qe(await z({
-					config: {
-						provider: e.provider,
-						model: e.model,
-						apiKey: e.apiKey,
-						temperature: e.temperature,
-						baseUrl: e.baseUrl
-					},
-					messages: i
-				}));
-				if (o) return Object.entries(o).map(([e, t]) => ({
-					key: e,
-					value: typeof t == "object" && t ? JSON.stringify(t) : String(t)
-				}));
-				throw Error("Could not parse props from LLM response");
-			}
-			let o = t.uri?.startsWith("ui://") || t.mimeType === "text/html;profile=mcp-app" || !!n?.ui, s = o ? "You are helping preview an MCP App widget in the inspector.\nGenerate sample tool result data (structuredContent) that the widget receives via useToolContext().\nReturn ONLY a JSON object with realistic sample data the widget needs to render — query strings, item arrays, IDs, labels, etc.\nDo NOT generate UI styling props like theme, width, height, or showFilters unless explicitly required.\nFor search/list widgets, always include the collection array (e.g. \"items\") with at least 2 sample entries." : "You are helping a developer configure props for a UI widget/resource.\nAnalyze the provided information and suggest appropriate props in key-value format.\nReturn ONLY a JSON object with key-value pairs, where both keys and values are strings.\nExample format: {\"theme\": \"dark\", \"width\": \"400\", \"title\": \"My Widget\"}", c = o ? `Widget: ${t.name || t.uri}
-Description: ${a}
-
-Generate sample structuredContent for previewing this widget in the inspector.
-Include every data field the widget likely reads from toolOutput (arrays must be non-empty).
-Example for a fruit search widget: {"query": "apple", "items": [{"id": "apple", "name": "Apple"}, {"id": "banana", "name": "Banana"}]}
-Return ONLY JSON.` : `Resource Information:
-- URI: ${t.uri}
-- Name: ${t.name || "N/A"}
-- Type: ${i}
-- Description: ${a}
-
-Based on this information, suggest 3-5 common customizable properties like theme, dimensions, colors, titles, or configuration options that would be useful for this type of resource. Keep it simple and practical.`, l = [{
-				role: "system",
-				content: s
-			}, {
-				role: "user",
-				content: c
-			}], u = await z({
-				config: {
-					provider: e.provider,
-					model: e.model,
-					apiKey: e.apiKey,
-					temperature: e.temperature,
-					baseUrl: e.baseUrl
-				},
-				messages: l
-			});
-			try {
-				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)
-				}));
-				let t = u.split("\n"), n = [];
-				for (let e of t) {
-					let t = e.match(/^\s*["']?(\w+)["']?\s*[:=]\s*["']?(.+?)["']?\s*,?\s*$/);
-					t && n.push({
-						key: t[1].trim(),
-						value: t[2].trim().replace(/^["']|["']$/g, "")
-					});
-				}
-				if (n.length > 0) return n;
-				throw Error("Could not parse props from LLM response");
-			} catch (e) {
-				throw console.error("[usePropsLLM] Failed to parse LLM response:", e), Error(`Failed to parse props from LLM response: ${u.slice(0, 100)}...`);
-			}
-		}, [e]),
-		isAvailable: e !== null
-	};
-}
-//#endregion
-//#region src/client/components/shared/SchemaFormField.tsx
-function Y(e, t) {
-	if (!e?.$ref) return e;
-	let n = e.$ref;
-	if (n.startsWith("#/")) {
-		let r = n.substring(2).split("/"), i = t;
-		for (let t of r) if (i && typeof i == "object" && t in i) i = i[t];
-		else return console.warn(`Could not resolve $ref: ${n}`), e;
-		return i;
-	}
-	return e;
-}
-function Ye(e, t) {
-	if (e.anyOf && Array.isArray(e.anyOf)) {
-		let n = e.anyOf.find((e) => e.type !== "null");
-		if (n) return {
-			...Y(n, t),
-			nullable: !0
-		};
-	}
-	return e;
-}
-function Xe(e) {
-	return Array.isArray(e.enum) ? e.enum : null;
-}
-function X({ name: e, schema: t, value: n, onChange: r, required: i = !1, disabled: a = !1, rootSchema: o }) {
-	let s = o || t, c = Ye(t, s);
-	c = Y(c, s);
-	let u = Xe(c), d = c.type === "string" && u !== null, f = c;
-	return f.type === "object" || f.type === "array" ? /* @__PURE__ */ (0, G.jsxs)("div", {
-		className: "space-y-2",
-		children: [
-			/* @__PURE__ */ (0, G.jsxs)(C, {
-				htmlFor: e,
-				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, G.jsx)("span", {
-					className: "text-red-500 ml-1",
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ (0, G.jsx)(B, {
-				id: e,
-				value: n,
-				onChange: (e) => r(e.target.value),
-				placeholder: f?.description || f?.default ? JSON.stringify(f.default, null, 2) : `Enter ${e}`,
-				className: "min-h-[100px]",
-				disabled: a
-			}),
-			f?.description && /* @__PURE__ */ (0, G.jsx)("p", {
-				className: "text-xs text-gray-500 dark:text-gray-400",
-				children: f.description
-			})
-		]
-	}) : d && u ? /* @__PURE__ */ (0, G.jsxs)("div", {
-		className: "space-y-2",
-		children: [
-			/* @__PURE__ */ (0, G.jsxs)(C, {
-				htmlFor: e,
-				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, G.jsx)("span", {
-					className: "text-red-500 ml-1",
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ (0, G.jsxs)(O, {
-				value: n || "",
-				onValueChange: r,
-				disabled: a,
-				children: [/* @__PURE__ */ (0, G.jsx)(T, {
-					id: e,
-					className: "w-full",
-					children: /* @__PURE__ */ (0, G.jsx)(w, { placeholder: f.description || "Select an option" })
-				}), /* @__PURE__ */ (0, G.jsx)(E, { children: u.map((e, t) => /* @__PURE__ */ (0, G.jsx)(D, {
-					value: e,
-					children: f.enumNames?.[t] || e
-				}, e)) })]
-			}),
-			f.description && /* @__PURE__ */ (0, G.jsx)("p", {
-				className: "text-xs text-gray-500 dark:text-gray-400",
-				children: f.description
-			})
-		]
-	}) : /* @__PURE__ */ (0, G.jsxs)("div", {
-		className: "space-y-2",
-		children: [
-			/* @__PURE__ */ (0, G.jsxs)(C, {
-				htmlFor: e,
-				className: "text-sm font-medium",
-				children: [e, i && /* @__PURE__ */ (0, G.jsx)("span", {
-					className: "text-red-500 ml-1",
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ (0, G.jsx)(l, {
-				id: e,
-				value: n,
-				onChange: (e) => r(e.target.value),
-				placeholder: f?.description || (f?.default === void 0 ? `Enter ${e}` : String(f.default)),
-				type: f.type === "number" ? "number" : "text",
-				disabled: a
-			}),
-			f?.description && /* @__PURE__ */ (0, G.jsx)("p", {
-				className: "text-xs text-gray-500 dark:text-gray-400",
-				children: f.description
-			})
-		]
-	});
-}
-//#endregion
-//#region src/client/components/resources/PropsConfigDialog.tsx
-function Ze({ open: e, onOpenChange: t, onSave: n, existingPresets: r, resource: i, resourceAnnotations: a, llmConfig: o, editingPreset: s }) {
-	let u = (0, H.useMemo)(() => {
-		let e = (e) => {
-			if (!e) return null;
-			if (e.type === "object" && e.properties) return e;
-			let t = e?.def?.shape ?? e?._def?.shape;
-			if (t && typeof t == "object") {
-				let e = {}, n = [], r = (e) => ({
-					ZodString: "string",
-					string: "string",
-					ZodNumber: "number",
-					number: "number",
-					ZodBoolean: "boolean",
-					boolean: "boolean",
-					ZodArray: "array",
-					array: "array",
-					ZodObject: "object",
-					object: "object"
-				})[e] || "string", i = (e) => e?.typeName ?? e?.type ?? "", a = (e) => {
-					let t = e?._def ?? e?.def ?? {}, n = e, a = i(t);
-					for (; a === "ZodOptional" || a === "ZodDefault" || a === "ZodNullable";) n = t.innerType ?? n, a = i(n?._def ?? n?.def ?? {});
-					let o = r(a);
-					if (o === "array") {
-						let e = n?._def?.type ?? n?.def?.element ?? n?.element;
-						if (e) {
-							let t = e._def ?? e.def ?? {};
-							if (r(i(t)) === "object") {
-								let n = t.shape ?? e._def?.shape ?? e.def?.shape ?? {};
-								return {
-									type: "array",
-									items: {
-										type: "object",
-										properties: Object.fromEntries(Object.entries(n).map(([e, t]) => [e, { type: r(i(t?._def ?? t?.def ?? {})) }]))
-									}
-								};
-							}
-						}
-						return { type: "array" };
-					}
-					return { type: o };
-				};
-				for (let [r, o] of Object.entries(t)) {
-					let t = o, s = t?._def ?? t?.def ?? {}, c = i(s), l = c === "ZodOptional" || c === "ZodDefault" || c === "ZodNullable", u = a(t);
-					e[r] = {
-						type: u.type,
-						...u.items && { items: u.items },
-						description: t?.description ?? s.description
-					}, l || n.push(r);
-				}
-				if (Object.keys(e).length > 0) return {
-					type: "object",
-					properties: e,
-					required: n.length > 0 ? n : void 0
-				};
-			}
-			return null;
-		}, t = a;
-		if (t?.["mcp-use/propsSchema"]) return e(t["mcp-use/propsSchema"]);
-		let n = i.annotations;
-		return n?.["mcp-use/propsSchema"] ? e(n["mcp-use/propsSchema"]) : null;
-	}, [
-		a,
-		i.annotations,
-		i.uri,
-		i.name
-	]), d = !!u, [f, p] = (0, H.useState)(""), [m, h] = (0, H.useState)({}), [g, _] = (0, H.useState)([{
-		id: crypto.randomUUID(),
-		key: "",
-		value: ""
-	}]), [v, y] = (0, H.useState)(!1), [b, x] = (0, H.useState)(null), { generateProps: S, isAvailable: w } = Je({ llmConfig: o });
-	(0, H.useEffect)(() => {
-		if (e) {
-			if (s) if (p(s.name), d) h(s.props);
-			else {
-				let e = Object.entries(s.props).map(([e, t]) => ({
-					id: crypto.randomUUID(),
-					key: e,
-					value: t
-				}));
-				_(e.length > 0 ? e : [{
-					id: crypto.randomUUID(),
-					key: "",
-					value: ""
-				}]);
-			}
-			else p(""), d ? h({}) : _([{
-				id: crypto.randomUUID(),
-				key: "",
-				value: ""
-			}]);
-			x(null);
-		}
-	}, [
-		e,
-		s,
-		d
-	]);
-	let T = () => {
-		_([...g, {
-			id: crypto.randomUUID(),
-			key: "",
-			value: ""
-		}]);
-	}, E = (e) => {
-		g.length > 1 && _(g.filter((t) => t.id !== e));
-	}, D = (e, t, n) => {
-		_(g.map((r) => r.id === e ? {
-			...r,
-			[t]: n
-		} : r));
-	};
-	return /* @__PURE__ */ (0, G.jsx)(oe, {
-		open: e,
-		onOpenChange: t,
-		children: /* @__PURE__ */ (0, G.jsxs)(ie, {
-			scrollable: !0,
-			className: "sm:max-w-[600px] max-h-[80vh]",
-			"data-testid": "props-config-dialog",
-			children: [
-				/* @__PURE__ */ (0, G.jsxs)(re, { children: [/* @__PURE__ */ (0, G.jsx)(ee, { children: s ? "Edit Preset" : "Create Props Preset" }), /* @__PURE__ */ (0, G.jsxs)(I, { children: [
-					"Configure props for ",
-					i.name || i.uri,
-					". You can manually add key-value pairs or generate them with AI."
-				] })] }),
-				/* @__PURE__ */ (0, G.jsxs)(ne, {
-					className: "space-y-4 py-4",
-					children: [
-						/* @__PURE__ */ (0, G.jsxs)("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ (0, G.jsx)(C, {
-								htmlFor: "preset-name",
-								children: "Preset Name"
-							}), /* @__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: v
-							})]
-						}),
-						/* @__PURE__ */ (0, G.jsxs)("div", {
-							className: "space-y-2 p-3 bg-muted rounded-lg",
-							children: [
-								/* @__PURE__ */ (0, G.jsxs)("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ (0, G.jsx)(C, {
-										className: "text-sm font-medium",
-										children: "Generate with AI"
-									}), w && /* @__PURE__ */ (0, G.jsxs)("span", {
-										className: "text-xs text-muted-foreground",
-										children: [
-											"Using ",
-											o?.provider,
-											" (",
-											o?.model,
-											")"
-										]
-									})]
-								}),
-								w ? /* @__PURE__ */ (0, G.jsx)(c, {
-									onClick: async () => {
-										if (!w) {
-											R.error("LLM not configured", { description: "Please configure LLM in the Chat tab first." });
-											return;
-										}
-										y(!0), x(null);
-										try {
-											let e = await S({
-												resource: i,
-												resourceAnnotations: a,
-												propsSchema: d ? u : void 0
-											});
-											if (d) {
-												let t = {};
-												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
-											})));
-											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";
-											x(t), R.error("LLM Generation Failed", { description: t });
-										} finally {
-											y(!1);
-										}
-									},
-									disabled: v,
-									size: "sm",
-									variant: "outline",
-									className: "w-full",
-									"data-testid": "props-config-generate-llm-button",
-									children: v ? /* @__PURE__ */ (0, G.jsxs)("span", {
-										"data-testid": "props-config-generating",
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ (0, G.jsx)(de, { className: "h-4 w-4 mr-2 animate-spin" }), "Generating..."]
-									}) : /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)(pe, { className: "h-4 w-4 mr-2" }), "Generate Props with LLM"] })
-								}) : /* @__PURE__ */ (0, G.jsx)("p", {
-									className: "text-xs text-muted-foreground",
-									children: "LLM not configured. Please configure LLM in the Chat tab to use this feature."
-								}),
-								b && /* @__PURE__ */ (0, G.jsx)("p", {
-									className: "text-xs text-destructive",
-									"data-testid": "props-config-error",
-									children: b
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, G.jsxs)("div", {
-							className: "space-y-3",
-							children: [/* @__PURE__ */ (0, G.jsx)(C, {
-								className: "text-sm font-medium",
-								children: "Props"
-							}), d ? /* @__PURE__ */ (0, G.jsx)("div", {
-								className: "space-y-4",
-								children: Object.entries(u.properties || {}).map(([e, t]) => /* @__PURE__ */ (0, G.jsx)(X, {
-									name: e,
-									schema: t,
-									value: m[e] || "",
-									onChange: (t) => h((n) => ({
-										...n,
-										[e]: t
-									})),
-									required: u.required?.includes(e),
-									disabled: v,
-									rootSchema: u
-								}, e))
-							}) : /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)("div", {
-								className: "flex items-center justify-between",
-								children: /* @__PURE__ */ (0, G.jsxs)(c, {
-									onClick: T,
-									size: "sm",
-									variant: "ghost",
-									disabled: v,
-									"data-testid": "props-config-add-prop",
-									children: [/* @__PURE__ */ (0, G.jsx)(L, { className: "h-4 w-4 mr-1" }), "Add Prop"]
-								})
-							}), g.map((e, t) => /* @__PURE__ */ (0, G.jsxs)("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-									className: "flex-1 grid grid-cols-2 gap-2",
-									children: [/* @__PURE__ */ (0, G.jsx)(l, {
-										placeholder: "Key",
-										value: e.key,
-										onChange: (t) => D(e.id, "key", t.target.value),
-										disabled: v,
-										"data-testid": `props-config-key-${t}`
-									}), /* @__PURE__ */ (0, G.jsx)(l, {
-										placeholder: "Value",
-										value: e.value,
-										onChange: (t) => D(e.id, "value", t.target.value),
-										disabled: v,
-										"data-testid": `props-config-value-${t}`
-									})]
-								}), /* @__PURE__ */ (0, G.jsx)(c, {
-									variant: "ghost",
-									size: "sm",
-									onClick: () => E(e.id),
-									disabled: g.length === 1 || v,
-									className: "h-9 w-9 p-0",
-									"data-testid": `props-config-remove-${t}`,
-									children: /* @__PURE__ */ (0, G.jsx)(me, { className: "h-4 w-4 text-muted-foreground" })
-								})]
-							}, e.id))] })]
-						})
-					]
-				}),
-				/* @__PURE__ */ (0, G.jsxs)(P, { children: [/* @__PURE__ */ (0, G.jsx)(c, {
-					variant: "outline",
-					onClick: () => t(!1),
-					disabled: v,
-					"data-testid": "props-config-cancel-button",
-					children: "Cancel"
-				}), /* @__PURE__ */ (0, G.jsxs)(c, {
-					onClick: () => {
-						if (!f.trim()) {
-							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)) {
-							R.error("Duplicate preset name", { description: "A preset with this name already exists." });
-							return;
-						}
-						let e;
-						if (d) e = { ...m };
-						else {
-							e = {};
-							for (let t of g) t.key.trim() && (e[t.key.trim()] = t.value);
-						}
-						if (Object.keys(e).length === 0) {
-							R.error("No props defined", { description: "Please add at least one prop with a key." });
-							return;
-						}
-						let i = {
-							id: s?.id || crypto.randomUUID(),
-							name: f.trim(),
-							props: e
-						};
-						n(i), t(!1), R.success(s ? "Preset updated" : "Preset created", { description: `Preset "${i.name}" saved successfully.` });
-					},
-					disabled: v,
-					"data-testid": "props-config-save-button",
-					children: [s ? "Update" : "Create", " Preset"]
-				})] })
-			]
-		})
-	});
-}
-//#endregion
-//#region src/client/components/ui-playground/shared/SafeAreaInsetsEditor.tsx
-function Qe({ value: e, onChange: t }) {
-	let n = (n, r) => {
-		let i = parseInt(r, 10);
-		isNaN(i) || t({
-			...e,
-			[n]: i
-		});
-	};
-	return /* @__PURE__ */ (0, G.jsxs)("div", {
-		className: "grid grid-cols-2 gap-2",
-		children: [
-			/* @__PURE__ */ (0, G.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, G.jsx)("label", {
-					className: "text-xs text-muted-foreground",
-					children: "Top"
-				}), /* @__PURE__ */ (0, G.jsx)(l, {
-					type: "number",
-					min: "0",
-					value: e.top,
-					onChange: (e) => n("top", e.target.value),
-					className: "h-8",
-					"data-testid": "debugger-safe-area-top"
-				})]
-			}),
-			/* @__PURE__ */ (0, G.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, G.jsx)("label", {
-					className: "text-xs text-muted-foreground",
-					children: "Right"
-				}), /* @__PURE__ */ (0, G.jsx)(l, {
-					type: "number",
-					min: "0",
-					value: e.right,
-					onChange: (e) => n("right", e.target.value),
-					className: "h-8",
-					"data-testid": "debugger-safe-area-right"
-				})]
-			}),
-			/* @__PURE__ */ (0, G.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, G.jsx)("label", {
-					className: "text-xs text-muted-foreground",
-					children: "Bottom"
-				}), /* @__PURE__ */ (0, G.jsx)(l, {
-					type: "number",
-					min: "0",
-					value: e.bottom,
-					onChange: (e) => n("bottom", e.target.value),
-					className: "h-8",
-					"data-testid": "debugger-safe-area-bottom"
-				})]
-			}),
-			/* @__PURE__ */ (0, G.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, G.jsx)("label", {
-					className: "text-xs text-muted-foreground",
-					children: "Left"
-				}), /* @__PURE__ */ (0, G.jsx)(l, {
-					type: "number",
-					min: "0",
-					value: e.left,
-					onChange: (e) => n("left", e.target.value),
-					className: "h-8",
-					"data-testid": "debugger-safe-area-left"
-				})]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/client/mcp-apps/debug/csp-suggestions.ts
-function $e(e, t) {
-	let n = new Set(t?.connectDomains ?? []), r = new Set(t?.resourceDomains ?? []), i = new Set(t?.frameDomains ?? []), a = new Set([
-		"script-src",
-		"style-src",
-		"img-src",
-		"font-src",
-		"media-src"
-	]);
-	for (let t of e) {
-		let e = (t.blockedUri || "").trim();
-		if (!e || e === "(inline)" || e.startsWith("blob:") || e.startsWith("data:")) continue;
-		let o = null;
-		try {
-			o = new URL(e).origin;
-		} catch {
-			continue;
-		}
-		if (!o) continue;
-		let s = (t.effectiveDirective || t.directive || "").toLowerCase();
-		s === "connect-src" ? (n.add(o), o.startsWith("http://") ? n.add(o.replace("http://", "ws://")) : o.startsWith("https://") && n.add(o.replace("https://", "wss://"))) : a.has(s) ? r.add(o) : s === "frame-src" && i.add(o);
-	}
-	let o = {
-		connectDomains: Array.from(n).sort(),
-		resourceDomains: Array.from(r).sort()
-	};
-	return i.size > 0 && (o.frameDomains = Array.from(i).sort()), o;
-}
-var Z = "https://raw.githubusercontent.com/modelcontextprotocol/ext-apps/bcfffb6585ea4fb1e3a9da39fb8911b83399fa71/specification/2026-01-26/apps.mdx", et = "https://mcp-use.com/docs/typescript/server/csp";
-function tt(e, t, n, r) {
-	let i = [
-		"Fix the Content Security Policy (CSP) for this MCP Apps widget. The widget has CSP violations that block network requests and resources.",
-		"",
-		"**References:**",
-		`- MCP Apps CSP spec: ${Z}`,
-		`- mcp-use CSP docs: ${et}`,
-		""
-	];
-	if (i.push("**Current declared CSP:**"), e ? (i.push(`connectDomains: ${JSON.stringify(e.connectDomains ?? [])}`), i.push(`resourceDomains: ${JSON.stringify(e.resourceDomains ?? [])}`), i.push(`frameDomains: ${JSON.stringify(e.frameDomains ?? [])}`), i.push(`baseUriDomains: ${JSON.stringify(e.baseUriDomains ?? [])}`)) : i.push("No CSP declared."), i.push(""), t && (i.push("**Effective policy (originalPolicy):**"), i.push("```"), i.push(t), i.push("```"), i.push("")), n.length > 0) {
-		i.push(`**Blocked requests (${n.length}):**`);
-		for (let e of n) {
-			let t = e.effectiveDirective || e.directive, n = e.blockedUri || "(inline)";
-			i.push(`- ${t}: ${n}`);
-		}
-		i.push("");
-	}
-	return r ? (i.push("**Apply this CSP config to fix the violations:**"), i.push("Add these domains to the widget's CSP metadata (resource _meta.ui.csp). Use camelCase for MCP Apps (connectDomains, resourceDomains)."), i.push(""), i.push("```json"), i.push(JSON.stringify({
-		connectDomains: r.connectDomains,
-		resourceDomains: r.resourceDomains,
-		...r.frameDomains?.length ? { frameDomains: r.frameDomains } : {}
-	}, null, 2)), i.push("```")) : i.push("No blocked requests - no fix needed."), i.join("\n");
-}
-//#endregion
-//#region src/client/components/MCPAppsDebugControls.tsx
-var Q = "__no_props__", $ = "__tool_props__", nt = "__create_preset__", rt = [
-	{
-		value: "desktop",
-		label: "Desktop",
-		icon: j
-	},
-	{
-		value: "mobile",
-		label: "Mobile",
-		icon: je
-	},
-	{
-		value: "tablet",
-		label: "Tablet",
-		icon: Ne
-	}
-];
-function it({ options: e, value: t, onValueChange: n, placeholder: r, contentTestId: i, searchTestId: a, optionTestId: o, trigger: s }) {
-	let [c, u] = (0, H.useState)(!1), [d, f] = (0, H.useState)(""), p = (0, H.useRef)(null);
-	(0, H.useEffect)(() => {
-		if (!c) {
-			f("");
-			return;
-		}
-		let e = requestAnimationFrame(() => p.current?.focus());
-		return () => cancelAnimationFrame(e);
-	}, [c]);
-	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, d]), g = h.findIndex((e) => e.value === t);
-	return /* @__PURE__ */ (0, G.jsxs)(x, {
-		open: c,
-		onOpenChange: u,
-		children: [s, /* @__PURE__ */ (0, G.jsxs)(m, {
-			"data-testid": i,
-			checkedIndex: g >= 0 ? g : void 0,
-			className: "w-80 overflow-hidden",
-			children: [/* @__PURE__ */ (0, G.jsx)("div", {
-				className: "border-b border-border p-2",
-				onKeyDown: (e) => e.stopPropagation(),
-				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, G.jsx)("div", {
-				className: "max-h-64 overflow-y-auto",
-				children: h.length === 0 ? /* @__PURE__ */ (0, G.jsx)("p", {
-					className: "px-3 py-4 text-xs text-muted-foreground",
-					children: "No results found."
-				}) : h.map((e, r) => /* @__PURE__ */ (0, G.jsx)(S, {
-					index: r,
-					label: e.label,
-					checked: t === e.value,
-					"data-testid": o(e.value),
-					onSelect: () => {
-						n(e.value), u(!1);
-					}
-				}, e.value))
-			})]
-		})]
-	});
-}
-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
-	}), [
-		T.cspMode,
-		I,
-		L,
-		P
-	]), Xe = (0, H.useCallback)(() => i === "tool" && u ? $ : Q, [i, u]), [X, Z] = (0, H.useState)(Xe());
-	(0, H.useEffect)(() => {
-		B && i !== "tool" ? Z(B) : X !== Q && X !== $ && Z(Xe());
-	}, [
-		B,
-		X,
-		Xe,
-		i
-	]), (0, H.useEffect)(() => {
-		if (v) {
-			if (X === Q || X === $) v(null);
-			else if (B && X === B) {
-				let e = Pe();
-				e && v(e);
-			}
-		}
-	}, [
-		X,
-		B,
-		u,
-		Pe,
-		v,
-		z
-	]);
-	let et = (e) => {
-		if (e === nt) {
-			q(null), U(!0);
-			return;
-		}
-		if (e === Q || e === $) V(null), Z(e), v?.(null);
-		else {
-			V(e), Z(e);
-			let t = z.find((t) => t.id === e);
-			v?.(t?.props ?? null);
-		}
-	}, at = (e) => {
-		Se(e), V(e.id), Z(e.id), v?.(e.props);
-	}, ot = (e, t) => {
-		t.stopPropagation();
-		let n = z.find((t) => t.id === e);
-		n && (Te(e), R.success("Preset deleted", { description: `Preset "${n.name}" has been deleted.` }));
-	}, st = (e, t) => {
-		t.stopPropagation(), q(e), U(!0);
-	}, ct = () => {
-		switch (T.deviceType) {
-			case "mobile": return /* @__PURE__ */ (0, G.jsx)(je, { className: "size-3" });
-			case "tablet": return /* @__PURE__ */ (0, G.jsx)(Ne, { className: "size-3" });
-			default: return /* @__PURE__ */ (0, G.jsx)(j, { className: "size-3" });
-		}
-	}, lt = rt.findIndex((e) => e.value === T.deviceType);
-	return /* @__PURE__ */ (0, G.jsxs)("div", {
-		className: "flex items-center gap-2",
-		children: [
-			!he && !ge && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
-					"data-testid": "debugger-fullscreen-button",
-					variant: "outline",
-					size: "sm",
-					className: "bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-					onClick: () => t("fullscreen"),
-					children: /* @__PURE__ */ (0, G.jsx)(fe, { className: "size-4" })
-				}),
-				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsx)(s, { children: "Enter fullscreen mode" })] }), /* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
-					"data-testid": "debugger-pip-button",
-					variant: "outline",
-					size: "sm",
-					className: "bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-					onClick: () => t("pip"),
-					children: /* @__PURE__ */ (0, G.jsx)(De, { className: "size-4" })
-				}),
-				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsx)(s, { children: "Picture-in-picture" })] })] }),
-			/* @__PURE__ */ (0, G.jsxs)(x, { children: [/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(d, {
-					render: /* @__PURE__ */ (0, G.jsx)(c, {
-						"data-testid": "debugger-device-button",
-						variant: "outline",
-						size: "sm",
-						className: "h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-						children: ct()
-					}),
-					nativeButton: !0
-				}),
-				nativeButton: !0
-			}), /* @__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, G.jsx)(S, {
-					index: t,
-					icon: e.icon,
-					label: e.label,
-					checked: T.deviceType === e.value,
-					"data-testid": `debugger-device-option-${e.value}`,
-					onSelect: () => E({ deviceType: e.value })
-				}, e.value))
-			})] }),
-			/* @__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",
-					className: "h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-					onClick: () => {
-						w(C === "dark" ? "light" : "dark");
-					},
-					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, 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, 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, G.jsx)("span", {
-								className: "text-xs font-mono",
-								children: T.locale
-							})
-						}),
-						nativeButton: !0
-					}),
-					nativeButton: !0
-				}), /* @__PURE__ */ (0, G.jsx)(s, { children: "Locale" })] })
-			}),
-			/* @__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, 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, G.jsx)(le, { className: "size-3.5" })
-						}),
-						nativeButton: !0
-					}),
-					nativeButton: !0
-				}), /* @__PURE__ */ (0, G.jsxs)(s, { children: ["Timezone: ", T.timeZone] })] })
-			}),
-			/* @__PURE__ */ (0, G.jsxs)(oe, {
-				open: Ve,
-				onOpenChange: He,
-				children: [/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-					render: /* @__PURE__ */ (0, G.jsx)(te, {
-						render: /* @__PURE__ */ (0, G.jsxs)(c, {
-							"data-testid": "debugger-csp-button",
-							variant: "outline",
-							size: "sm",
-							className: "relative h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-							children: [T.cspMode === "permissive" ? /* @__PURE__ */ (0, G.jsx)(Ae, { className: "size-3.5" }) : /* @__PURE__ */ (0, G.jsx)(ke, { className: "size-3.5" }), P.length > 0 && /* @__PURE__ */ (0, G.jsx)("span", {
-								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, G.jsxs)(s, { children: [
-					"CSP:",
-					" ",
-					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, G.jsx)(re, { children: /* @__PURE__ */ (0, G.jsx)(ee, { children: "CSP Mode" }) }), /* @__PURE__ */ (0, G.jsxs)(ne, {
-						className: "space-y-3",
-						children: [
-							/* @__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",
-								children: [
-									["mode", "Mode"],
-									["diff", "Policy Diff"],
-									["findings", "Findings"]
-								].map(([e, t]) => /* @__PURE__ */ (0, G.jsx)("button", {
-									type: "button",
-									role: "tab",
-									"aria-selected": J === e,
-									onClick: () => Ue(e),
-									className: `rounded px-2 py-1.5 text-xs font-medium ${J === e ? "bg-zinc-100 dark:bg-zinc-800" : "text-muted-foreground"}`,
-									children: t
-								}, e))
-							}),
-							J === "mode" && /* @__PURE__ */ (0, G.jsxs)("div", {
-								role: "tabpanel",
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ (0, G.jsxs)(c, {
-										"data-testid": "debugger-csp-option-permissive",
-										variant: T.cspMode === "permissive" ? "default" : "outline",
-										className: "w-full justify-start",
-										onClick: () => E({ cspMode: "permissive" }),
-										children: [/* @__PURE__ */ (0, G.jsx)(Ae, { className: "size-4 mr-2" }), "Permissive"]
-									}),
-									/* @__PURE__ */ (0, G.jsxs)(c, {
-										"data-testid": "debugger-csp-option-widget-declared",
-										variant: T.cspMode === "widget-declared" ? "default" : "outline",
-										className: "w-full justify-start",
-										onClick: () => E({ cspMode: "widget-declared" }),
-										children: [/* @__PURE__ */ (0, G.jsx)(ke, { className: "size-4 mr-2" }), "Widget-Declared"]
-									}),
-									/* @__PURE__ */ (0, G.jsx)("p", {
-										className: "text-xs text-muted-foreground",
-										children: "Permissive records would-be blocks; Widget-Declared enforces the resource metadata policy."
-									})
-								]
-							}),
-							J === "diff" && /* @__PURE__ */ (0, G.jsxs)("div", {
-								role: "tabpanel",
-								className: "space-y-2",
-								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, G.jsxs)("div", {
-										className: "border-b border-zinc-100 dark:border-zinc-800 p-2 text-xs last:border-0",
-										children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-											className: "flex items-center justify-between",
-											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, G.jsxs)("div", {
-											className: "mt-1 font-mono text-[10px] text-muted-foreground break-all",
-											children: [
-												"requested: ",
-												e.requested.join(" ") || "—",
-												/* @__PURE__ */ (0, G.jsx)("br", {}),
-												"effective: ",
-												e.effective.join(" ") || "—"
-											]
-										})]
-									}, e.directive))
-								}) : /* @__PURE__ */ (0, G.jsx)("p", {
-									className: "text-xs text-muted-foreground",
-									children: "No requested or effective policy data yet."
-								}), L && /* @__PURE__ */ (0, G.jsxs)(c, {
-									variant: "outline",
-									size: "sm",
-									onClick: async () => {
-										try {
-											await ce(L), R.success("Policy copied to clipboard");
-										} catch {
-											R.error("Failed to copy");
-										}
-									},
-									children: [/* @__PURE__ */ (0, G.jsx)(se, { className: "size-3.5 mr-2" }), "Copy effective policy"]
-								})]
-							}),
-							J === "findings" && /* @__PURE__ */ (0, G.jsxs)("div", {
-								role: "tabpanel",
-								className: "space-y-2",
-								children: [/* @__PURE__ */ (0, G.jsx)("div", {
-									className: "space-y-1.5",
-									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, G.jsx)("div", {
-											className: "text-xs font-medium",
-											children: e.title
-										}), /* @__PURE__ */ (0, G.jsx)("div", {
-											className: "text-[11px] text-muted-foreground break-all",
-											children: e.detail
-										})]
-									}, `${e.title}-${t}`))
-								}), P.length > 0 && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ (0, G.jsxs)("span", {
-										className: "text-xs font-medium",
-										children: [
-											P.length,
-											" observed request",
-											P.length === 1 ? "" : "s"
-										]
-									}), /* @__PURE__ */ (0, G.jsx)("button", {
-										className: "text-xs text-muted-foreground underline",
-										onClick: () => O(n),
-										children: "Clear"
-									})]
-								}), /* @__PURE__ */ (0, G.jsxs)("div", {
-									className: "border border-amber-200 dark:border-amber-800 rounded-md overflow-hidden",
-									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, G.jsxs)("button", {
-											type: "button",
-											className: "flex items-center gap-2 text-xs font-medium text-amber-800 dark:text-amber-200",
-											onClick: () => Ge((e) => !e),
-											children: [We ? /* @__PURE__ */ (0, G.jsx)(A, { className: "size-3.5" }) : /* @__PURE__ */ (0, G.jsx)(r, { className: "size-3.5" }), "Prompt for Agents"]
-										}), /* @__PURE__ */ (0, G.jsx)(c, {
-											variant: "ghost",
-											size: "sm",
-											className: "h-7 w-7 p-0",
-											onClick: () => void ce(pe),
-											"aria-label": "Copy prompt for agents",
-											children: /* @__PURE__ */ (0, G.jsx)(se, { className: "size-3.5" })
-										})]
-									}), 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: pe
-									})]
-								})] })]
-							})
-						]
-					})]
-				})]
-			}),
-			/* @__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 ${T.capabilities.touch ? "border-blue-500 dark:border-blue-400" : ""}`,
-					onClick: () => {
-						E({ capabilities: {
-							...T.capabilities,
-							touch: !T.capabilities.touch
-						} });
-					},
-					children: /* @__PURE__ */ (0, G.jsx)(Oe, { className: `size-3.5 ${T.capabilities.touch ? "text-blue-600 dark:text-blue-400" : ""}` })
-				}),
-				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsxs)(s, { children: ["Touch: ", T.capabilities.touch ? "Enabled" : "Disabled"] })] }),
-			/* @__PURE__ */ (0, G.jsxs)(o, { children: [/* @__PURE__ */ (0, G.jsx)(a, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
-					"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 ${T.capabilities.hover ? "border-blue-500 dark:border-blue-400" : ""}`,
-					onClick: () => {
-						E({ capabilities: {
-							...T.capabilities,
-							hover: !T.capabilities.hover
-						} });
-					},
-					children: /* @__PURE__ */ (0, G.jsx)(Ee, { className: `size-3.5 ${T.capabilities.hover ? "text-blue-600 dark:text-blue-400" : ""}` })
-				}),
-				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsxs)(s, { children: ["Hover: ", T.capabilities.hover ? "Enabled" : "Disabled"] })] }),
-			/* @__PURE__ */ (0, G.jsxs)(y, { children: [/* @__PURE__ */ (0, G.jsx)(g, {
-				render: /* @__PURE__ */ (0, G.jsx)(c, {
-					"data-testid": "debugger-safe-area-button",
-					variant: "outline",
-					size: "sm",
-					className: "h-8 w-8 p-0 bg-white/90 dark:bg-zinc-900/90 backdrop-blur-sm shadow-sm hover:bg-white dark:hover:bg-zinc-900",
-					children: /* @__PURE__ */ (0, G.jsx)(Me, { className: "size-3.5" })
-				}),
-				nativeButton: !0
-			}), /* @__PURE__ */ (0, G.jsx)(p, {
-				className: "w-64 p-3",
-				"data-testid": "debugger-safe-area-dialog",
-				children: /* @__PURE__ */ (0, G.jsxs)("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, G.jsx)("label", {
-						className: "text-xs font-medium",
-						children: "Safe Area Insets"
-					}), /* @__PURE__ */ (0, G.jsx)(Qe, {
-						value: T.safeAreaInsets,
-						onChange: (e) => {
-							E({ safeAreaInsets: e });
-						}
-					})]
-				})
-			})] }),
-			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, G.jsx)(we, { className: "size-3.5" })
-					}),
-					nativeButton: !0
-				}),
-				nativeButton: !0
-			}), /* @__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, 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, 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 ${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, G.jsx)(we, { className: `size-3.5 ${W ? "text-amber-500" : ""}` })
-						}),
-						nativeButton: !0
-					}),
-					nativeButton: !0
-				}), /* @__PURE__ */ (0, G.jsxs)(s, { children: [
-					"Props:",
-					" ",
-					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: [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, 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, G.jsx)("p", {
-								className: "text-xs font-mono text-amber-600 dark:text-amber-400",
-								children: b.join(", ")
-							}),
-							/* @__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, G.jsxs)("div", {
-						className: "space-y-1",
-						children: [
-							/* @__PURE__ */ (0, G.jsx)(c, {
-								variant: X === Q ? "secondary" : "ghost",
-								size: "sm",
-								className: "w-full justify-start",
-								onClick: () => et(Q),
-								"data-testid": "debugger-props-no-props",
-								children: "No Props"
-							}),
-							z.map((e) => /* @__PURE__ */ (0, G.jsxs)("div", {
-								className: "relative group flex items-center",
-								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, G.jsxs)("div", {
-									className: "absolute right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity",
-									children: [/* @__PURE__ */ (0, G.jsx)(c, {
-										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, 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, G.jsx)(me, { className: "h-3 w-3 text-destructive" })
-									})]
-								})]
-							}, e.id)),
-							/* @__PURE__ */ (0, G.jsx)(c, {
-								variant: "ghost",
-								size: "sm",
-								className: "w-full justify-start text-primary",
-								onClick: () => et(nt),
-								"data-testid": "debugger-props-create-preset",
-								children: "+ Create Preset..."
-							})
-						]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ (0, G.jsx)(Ke, {
-				iframeId: n,
-				enabled: !0
-			}),
-			_ && /* @__PURE__ */ (0, G.jsx)(Ze, {
-				open: Ie,
-				onOpenChange: U,
-				onSave: at,
-				existingPresets: z,
-				resource: _,
-				resourceAnnotations: f,
-				llmConfig: h || null,
-				editingPreset: K
-			})
-		]
-	});
-}
-//#endregion
-//#region src/client/components/ui/WidgetWrapper.tsx
-function ot({ children: e, className: t, noWrapper: n }) {
-	return n ? e : /* @__PURE__ */ (0, G.jsx)("div", {
-		className: i("flex flex-1 items-center justify-center bg-zinc-50 dark:bg-zinc-800", "[background-image:radial-gradient(circle,rgba(0,0,0,0.12)_1px,transparent_1px)]", "dark:[background-image:radial-gradient(circle,rgba(255,255,255,0.1)_1px,transparent_1px)]", "bg-[length:32px_32px]", t),
-		children: e
-	});
-}
-//#endregion
-export { at as n, Te as r, ot as t };