@nonoun/native-ui 0.1.0

package/dist/kernel.js

@@ -0,0 +1,4137 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "./uid.js";
+var o = class {
+	#e = /* @__PURE__ */ new Map();
+	#t = [];
+	#n = [];
+	#r = r(null);
+	#i = r(!1);
+	#a = r(null);
+	#o = 0;
+	lastCommand = e(() => this.#r.value);
+	dispatching = e(() => this.#i.value);
+	errors = e(() => this.#a.value);
+	on(e, t) {
+		if (typeof e == "string") {
+			let n = e, r = this.#e.get(n);
+			return r || (r = /* @__PURE__ */ new Set(), this.#e.set(n, r)), r.add(t), () => {
+				r.delete(t), r.size === 0 && this.#e.delete(n);
+			};
+		}
+		let n = {
+			filter: e,
+			handler: t
+		};
+		return this.#t.push(n), () => {
+			let e = this.#t.indexOf(n);
+			e !== -1 && this.#t.splice(e, 1);
+		};
+	}
+	use(e) {
+		return this.#n.push(e), () => {
+			let t = this.#n.indexOf(e);
+			t !== -1 && this.#n.splice(t, 1);
+		};
+	}
+	dispatch(e, t, n) {
+		let r = typeof e == "string" ? Object.freeze({
+			type: e,
+			payload: t ?? null,
+			id: a("cmd"),
+			timestamp: Date.now(),
+			source: "human",
+			...n ? { meta: Object.freeze(n) } : {}
+		}) : e, o = this.#n, s = 0, c = () => {
+			if (s < o.length) {
+				let e = o[s++];
+				return e(r, c);
+			}
+			this.#s(r);
+		};
+		return c(), i(() => {
+			this.#r.value = r;
+		}), r;
+	}
+	#s(e) {
+		let t = this.#e.get(e.type);
+		if (t) for (let n of t) this.#c(n, e);
+		for (let t of this.#t) t.filter(e) && this.#c(t.handler, e);
+	}
+	#c(e, t) {
+		try {
+			let n = e(t);
+			n && typeof n.then == "function" && this.#l(n);
+		} catch (e) {
+			this.#a.value = e instanceof Error ? e : Error(String(e));
+		}
+	}
+	#l(e) {
+		this.#o++, this.#o === 1 && (this.#i.value = !0), e.catch((e) => {
+			this.#a.value = e instanceof Error ? e : Error(String(e));
+		}).finally(() => {
+			this.#o--, this.#o === 0 && (this.#i.value = !1);
+		});
+	}
+};
+function s() {
+	return new o();
+}
+var c = class {
+	#e = r([]);
+	#t = r([]);
+	#n = 100;
+	undoStack = e(() => this.#e.value);
+	redoStack = e(() => this.#t.value);
+	canUndo = e(() => this.#e.value.length > 0);
+	canRedo = e(() => this.#t.value.length > 0);
+	push(e) {
+		e.meta?.undoType && i(() => {
+			let t = [...this.#e.value, e];
+			t.length > this.#n && t.shift(), this.#e.value = t, this.#t.value = [];
+		});
+	}
+	undo(e) {
+		let t = this.#e.value;
+		if (t.length === 0) return null;
+		let n = t[t.length - 1];
+		return i(() => {
+			this.#e.value = t.slice(0, -1), this.#t.value = [...this.#t.value, n];
+		}), e.dispatch(n.meta.undoType, n.meta.undoPayload ?? null, { planId: n.meta?.planId }), n;
+	}
+	redo(e) {
+		let t = this.#t.value;
+		if (t.length === 0) return null;
+		let n = t[t.length - 1];
+		i(() => {
+			this.#t.value = t.slice(0, -1);
+			let e = [...this.#e.value, n];
+			e.length > this.#n && e.shift(), this.#e.value = e;
+		});
+		let r = Object.freeze({
+			...n,
+			source: "replay"
+		});
+		return e.dispatch(r), n;
+	}
+	getLog() {
+		return this.#e.value;
+	}
+	setMaxSize(e) {
+		this.#n = e;
+		let t = this.#e.value;
+		t.length > e && (this.#e.value = t.slice(t.length - e));
+	}
+	clear() {
+		i(() => {
+			this.#e.value = [], this.#t.value = [];
+		});
+	}
+};
+function l(e) {
+	let t = new c();
+	return e !== void 0 && t.setMaxSize(e), t;
+}
+var u = 1e3, d = 10, f = class {
+	#e = r([]);
+	#t = !1;
+	stack = e(() => this.#e.value);
+	topOverlay = e(() => {
+		let e = this.#e.value;
+		return e.length > 0 ? e[e.length - 1] : null;
+	});
+	open(e) {
+		let t = a("overlay"), n = this.getNextZIndex(), r = Object.freeze({
+			id: t,
+			type: e.type,
+			element: e.element,
+			zIndex: n,
+			...e.owner ? { owner: e.owner } : {}
+		});
+		return this.#e.value = [...this.#e.value, r], this.#n(), t;
+	}
+	close(e) {
+		let t = this.#e.value, n = t.findIndex((t) => t.id === e);
+		n !== -1 && (this.#e.value = [...t.slice(0, n), ...t.slice(n + 1)], this.#i());
+	}
+	closeAll() {
+		this.#e.value = [], this.#i();
+	}
+	closeType(e) {
+		this.#e.value = this.#e.value.filter((t) => t.type !== e), this.#i();
+	}
+	isOpen(e) {
+		return this.#e.value.some((t) => t.id === e);
+	}
+	getEntry(e) {
+		return this.#e.value.find((t) => t.id === e) ?? null;
+	}
+	getNextZIndex() {
+		return u += d, u;
+	}
+	destroy() {
+		this.#e.value = [], this.#r();
+	}
+	#n() {
+		this.#t ||= (document.addEventListener("pointerdown", this.#a, !0), document.addEventListener("keydown", this.#o), !0);
+	}
+	#r() {
+		this.#t &&= (document.removeEventListener("pointerdown", this.#a, !0), document.removeEventListener("keydown", this.#o), !1);
+	}
+	#i() {
+		this.#e.value.length === 0 && this.#r();
+	}
+	#a = (e) => {
+		let t = this.topOverlay.peek();
+		t && (t.element.contains(e.target) || t.owner?.contains(e.target) || this.close(t.id));
+	};
+	#o = (e) => {
+		if (e.key !== "Escape") return;
+		let t = this.topOverlay.peek();
+		t && (e.preventDefault(), this.close(t.id));
+	};
+};
+function p() {
+	return new f();
+}
+var m = 0, h = class {
+	#e = [];
+	#t = r(["global"]);
+	#n = !1;
+	activeScope = e(() => {
+		let e = this.#t.value;
+		return e[e.length - 1];
+	});
+	register(e) {
+		let t = {
+			shortcut: e,
+			id: m++
+		};
+		return this.#e.push(t), this.#r(), () => {
+			let e = this.#e.findIndex((e) => e.id === t.id);
+			e !== -1 && this.#e.splice(e, 1), this.#e.length === 0 && this.#i();
+		};
+	}
+	pushScope(e) {
+		this.#t.value = [...this.#t.value, e];
+	}
+	popScope() {
+		let e = this.#t.value;
+		e.length <= 1 || (this.#t.value = e.slice(0, -1));
+	}
+	getShortcuts(e) {
+		return e === void 0 ? this.#e.map((e) => e.shortcut) : this.#e.filter((t) => (t.shortcut.scope ?? "global") === e).map((e) => e.shortcut);
+	}
+	destroy() {
+		this.#e = [], this.#t.value = ["global"], this.#i();
+	}
+	#r() {
+		this.#n ||= (document.addEventListener("keydown", this.#a, !0), !0);
+	}
+	#i() {
+		this.#n &&= (document.removeEventListener("keydown", this.#a, !0), !1);
+	}
+	#a = (e) => {
+		let t = e.target;
+		if (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA") return;
+		let n = this.activeScope.peek();
+		for (let t of this.#e) {
+			let r = t.shortcut, i = r.scope ?? "global";
+			if (!(i !== n && i !== "global") && this.#o(e, r)) {
+				e.preventDefault(), e.stopPropagation(), r.handler(e);
+				return;
+			}
+		}
+	};
+	#o(e, t) {
+		if (e.key !== t.key) return !1;
+		let n = t.mod;
+		return n ? !(!!n.ctrl !== e.ctrlKey || !!n.meta !== e.metaKey || !!n.shift !== e.shiftKey || !!n.alt !== e.altKey) : !e.ctrlKey && !e.metaKey && !e.shiftKey && !e.altKey;
+	}
+};
+function ee() {
+	return new h();
+}
+var te = new Set([
+	"script",
+	"style",
+	"link",
+	"iframe",
+	"object",
+	"embed",
+	"base",
+	"meta"
+]), ne = new Set(/* @__PURE__ */ "a.abbr.address.article.aside.audio.b.bdi.bdo.blockquote.br.canvas.caption.cite.code.col.colgroup.data.datalist.dd.del.details.dfn.div.dl.dt.em.fieldset.figcaption.figure.footer.form.h1.h2.h3.h4.h5.h6.header.hgroup.hr.i.img.ins.kbd.label.legend.li.main.map.mark.menu.nav.ol.optgroup.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.small.source.span.strong.sub.summary.sup.table.tbody.td.template.tfoot.th.thead.time.tr.track.u.ul.var.video.wbr".split(".")), re = 20;
+function g(e, t, n) {
+	let r = [], i = /* @__PURE__ */ new Set();
+	return _(e.root, t, "root", r, i, 0, n?.allowUnregistered ?? !1), {
+		valid: r.length === 0,
+		errors: r
+	};
+}
+function ie(e, t, n = "root") {
+	let r = [];
+	return _(e, t, n, r, /* @__PURE__ */ new Set(), 0, !1), r;
+}
+function _(e, t, n, r, i, a, o) {
+	if (a > re) {
+		r.push({
+			path: n,
+			code: "max_depth_exceeded",
+			message: `Nesting depth exceeds maximum of ${re}`
+		});
+		return;
+	}
+	i.has(e.id) && r.push({
+		path: n,
+		code: "duplicate_id",
+		message: `Duplicate node ID: "${e.id}"`
+	}), i.add(e.id);
+	let s = e.tag.toLowerCase();
+	if (te.has(s) && r.push({
+		path: n,
+		code: "forbidden_tag",
+		message: `Tag "${e.tag}" is not allowed`
+	}), !o) {
+		let i = ne.has(s), a = t.has(s), o = s.includes("-");
+		!i && !a && o && r.push({
+			path: n,
+			code: "unknown_tag",
+			message: `Custom element "${e.tag}" is not registered in the kernel`
+		});
+	}
+	if (e.attributes) for (let [t, i] of Object.entries(e.attributes)) typeof i != "string" && r.push({
+		path: `${n}.attributes.${t}`,
+		code: "invalid_attribute_type",
+		message: `Attribute "${t}" must be a string, got ${typeof i}`
+	});
+	if (e.children) for (let s = 0; s < e.children.length; s++) _(e.children[s], t, `${n}.children[${s}]`, r, i, a + 1, o);
+}
+var ae = new Set([
+	"innerHTML",
+	"outerHTML",
+	"innerText",
+	"textContent",
+	"style",
+	"className"
+]), oe = class {
+	#e;
+	#t = /* @__PURE__ */ new Map();
+	constructor(e) {
+		this.#e = e ?? /* @__PURE__ */ new Map();
+	}
+	execute(e, t, n, r) {
+		let i = g(e, this.#e, r);
+		if (!i.valid) {
+			let e = i.errors.map((e) => `${e.path}: ${e.message}`).join("; ");
+			throw Error(`Invalid plan: ${e}`);
+		}
+		let a = new AbortController(), o = /* @__PURE__ */ new Map();
+		this.#n(e.root, o, n, a.signal);
+		let s = o.get(e.root.id);
+		return s && t.appendChild(s), this.#t.set(e.id, {
+			container: t,
+			elements: o,
+			abort: a
+		}), o;
+	}
+	renderNode(e, t) {
+		let n = /* @__PURE__ */ new Map(), r = new AbortController();
+		return this.#n(e, n, t, r.signal), n.get(e.id);
+	}
+	getElements(e) {
+		return this.#t.get(e)?.elements ?? null;
+	}
+	getSignal(e) {
+		return this.#t.get(e)?.abort.signal ?? null;
+	}
+	renderNodeForPlan(e, t, n) {
+		let r = this.#t.get(e);
+		return r ? this.#n(t, r.elements, n, r.abort.signal) : null;
+	}
+	teardown(e) {
+		let t = this.#t.get(e);
+		if (t) {
+			t.abort.abort();
+			for (let e of t.elements.values()) e.remove();
+			this.#t.delete(e);
+		}
+	}
+	#n(e, t, n, r) {
+		let i = document.createElement(e.tag);
+		if (t.set(e.id, i), e.attributes) for (let [t, n] of Object.entries(e.attributes)) i.setAttribute(t, n);
+		if (e.properties) for (let [t, n] of Object.entries(e.properties)) ae.has(t) || (i[t] = n);
+		if (e.slot && i.setAttribute("slot", e.slot), e.events && n) for (let [t, a] of Object.entries(e.events)) i.addEventListener(t, (t) => {
+			let r = t instanceof CustomEvent ? t.detail : void 0;
+			n.dispatch(a, {
+				target: e.id,
+				event: t.type,
+				...r === void 0 ? {} : { detail: r }
+			});
+		}, { signal: r });
+		if (e.textContent && (!e.children || e.children.length === 0) && (i.textContent = e.textContent), e.children) for (let a of e.children) {
+			let e = this.#n(a, t, n, r);
+			i.appendChild(e);
+		}
+		return i;
+	}
+};
+function se(e) {
+	return new oe(e);
+}
+var ce = class {
+	#e = r([]);
+	#t = 1e3;
+	entries = e(() => this.#e.value);
+	size = e(() => this.#e.value.length);
+	log(e) {
+		let t = Object.freeze({
+			id: a("log"),
+			timestamp: Date.now(),
+			...e
+		}), n = [t, ...this.#e.value];
+		return n.length > this.#t && (n.length = this.#t), this.#e.value = n, t;
+	}
+	query(e) {
+		let t = this.#e.value;
+		if (e.category !== void 0 && (t = t.filter((t) => t.category === e.category)), e.source !== void 0 && (t = t.filter((t) => t.source === e.source)), e.planId !== void 0 && (t = t.filter((t) => t.planId === e.planId)), e.since !== void 0) {
+			let n = e.since;
+			t = t.filter((e) => e.timestamp >= n);
+		}
+		return e.limit !== void 0 && (t = t.slice(0, e.limit)), t;
+	}
+	clear() {
+		this.#e.value = [];
+	}
+	setMaxSize(e) {
+		this.#t = e;
+		let t = this.#e.value;
+		t.length > e && (this.#e.value = t.slice(0, e));
+	}
+	logCommand(e) {
+		return this.log({
+			category: "command",
+			source: e.source,
+			summary: `${e.source}:${e.type}`,
+			data: e.payload,
+			commandId: e.id,
+			planId: e.meta?.planId
+		});
+	}
+	logPlan(e, t, n, r) {
+		return this.log({
+			category: t === "patch" ? "patch" : "plan",
+			source: n,
+			summary: `plan:${t}:${e}`,
+			planId: e,
+			...r === void 0 ? {} : { data: r }
+		});
+	}
+	logError(e, t) {
+		return this.log({
+			category: "error",
+			source: "generated",
+			summary: e.message,
+			data: {
+				name: e.name,
+				stack: e.stack
+			},
+			...t
+		});
+	}
+};
+function le(e) {
+	let t = new ce();
+	return e !== void 0 && t.setMaxSize(e), t;
+}
+var v = class {
+	#e = r([]);
+	#t = 500;
+	samples = e(() => this.#e.value);
+	measure(e, t) {
+		let n = performance.now();
+		try {
+			return t();
+		} finally {
+			this.#n(e, performance.now() - n);
+		}
+	}
+	async measureAsync(e, t) {
+		let n = performance.now();
+		try {
+			return await t();
+		} finally {
+			this.#n(e, performance.now() - n);
+		}
+	}
+	getSummary(e) {
+		let t = this.#e.value.filter((t) => t.label === e);
+		if (t.length === 0) return null;
+		let n = t.map((e) => e.duration).sort((e, t) => e - t), r = n.length;
+		return {
+			count: r,
+			min: n[0],
+			max: n[r - 1],
+			avg: n.reduce((e, t) => e + t, 0) / r,
+			p95: n[Math.min(Math.ceil(r * .95) - 1, r - 1)]
+		};
+	}
+	clear() {
+		this.#e.value = [];
+	}
+	setMaxSamples(e) {
+		this.#t = e;
+		let t = this.#e.value;
+		t.length > e && (this.#e.value = t.slice(0, e));
+	}
+	#n(e, t) {
+		let n = [Object.freeze({
+			label: e,
+			duration: t,
+			timestamp: Date.now()
+		}), ...this.#e.value];
+		n.length > this.#t && (n.length = this.#t), this.#e.value = n;
+	}
+};
+function ue(e) {
+	let t = new v();
+	return e !== void 0 && t.setMaxSamples(e), t;
+}
+var de = 3, fe = 1e3;
+function pe(e) {
+	return e.cacheKey ?? `${e.method ?? "GET"}:${e.source}`;
+}
+var y = class {
+	#e = /* @__PURE__ */ new Map();
+	#t = /* @__PURE__ */ new Map();
+	#n = r(!1);
+	#r = r(null);
+	#i = 0;
+	loading = e(() => this.#n.value);
+	error = e(() => this.#r.value);
+	query(t) {
+		let n = pe(t), i = t.cacheTtl ?? 0, a = this.#e.get(n);
+		if (a && i > 0 && Date.now() - a.entry.timestamp < i) return e(() => a.signal.value);
+		let o = a;
+		return o || (o = {
+			entry: {
+				data: null,
+				timestamp: 0
+			},
+			signal: r(null)
+		}, this.#e.set(n, o)), this.#a(t, n), e(() => o.signal.value);
+	}
+	async mutate(e, t) {
+		let n, a;
+		if (t) if (a = this.#e.get(t.key), n = a?.signal.peek() ?? null, a) a.signal.value = t.value, a.entry = Object.freeze({
+			data: t.value,
+			timestamp: Date.now()
+		});
+		else {
+			let e = r(t.value);
+			a = {
+				entry: Object.freeze({
+					data: t.value,
+					timestamp: Date.now()
+				}),
+				signal: e
+			}, this.#e.set(t.key, a);
+		}
+		try {
+			let n = await this.#s(e), a = pe(e);
+			return i(() => {
+				let e = Object.freeze({
+					data: n,
+					timestamp: Date.now()
+				}), i = this.#e.get(a);
+				if (i ? (i.signal.value = n, i.entry = e) : this.#e.set(a, {
+					entry: e,
+					signal: r(n)
+				}), t && t.key !== a) {
+					let r = this.#e.get(t.key);
+					r && (r.signal.value = n, r.entry = e);
+				}
+			}), n;
+		} catch (e) {
+			t && a && i(() => {
+				a.signal.value = n, a.entry = Object.freeze({
+					data: n,
+					timestamp: Date.now()
+				});
+			});
+			let r = e instanceof Error ? e : Error(String(e));
+			throw this.#r.value = r, r;
+		}
+	}
+	invalidate(e) {
+		let t = this.#e.get(e);
+		t && (t.entry = Object.freeze({
+			data: t.entry.data,
+			timestamp: 0,
+			...t.entry.etag ? { etag: t.entry.etag } : {}
+		}));
+	}
+	invalidateAll() {
+		for (let e of this.#e.keys()) this.invalidate(e);
+	}
+	getCache(e) {
+		return this.#e.get(e)?.entry ?? null;
+	}
+	abort(e) {
+		let t = this.#t.get(e);
+		t && (t.abort(), this.#t.delete(e));
+	}
+	abortAll() {
+		for (let e of this.#t.values()) e.abort();
+		this.#t.clear();
+	}
+	destroy() {
+		this.abortAll(), this.#e.clear(), i(() => {
+			this.#n.value = !1, this.#r.value = null;
+		}), this.#i = 0;
+	}
+	async #a(e, t) {
+		this.#c();
+		try {
+			let n = await this.#o(e);
+			i(() => {
+				let e = Object.freeze({
+					data: n,
+					timestamp: Date.now()
+				}), i = this.#e.get(t);
+				i ? (i.signal.value = n, i.entry = e) : this.#e.set(t, {
+					entry: e,
+					signal: r(n)
+				}), this.#r.value = null;
+			});
+		} catch (e) {
+			if (e instanceof DOMException && e.name === "AbortError") return;
+			this.#r.value = e instanceof Error ? e : Error(String(e));
+		} finally {
+			this.#l();
+		}
+	}
+	async #o(e) {
+		let t = e.retries ?? de, n = e.retryDelay ?? fe;
+		this.abort(e.id);
+		let r = new AbortController();
+		this.#t.set(e.id, r);
+		let i;
+		for (let a = 0; a <= t; a++) {
+			if (a > 0) {
+				let e = n * 2 ** (a - 1);
+				await this.#u(e, r.signal);
+			}
+			if (r.signal.aborted) throw new DOMException("The operation was aborted.", "AbortError");
+			try {
+				let t = await this.#s(e, r.signal);
+				return this.#t.delete(e.id), t;
+			} catch (n) {
+				if (n instanceof DOMException && n.name === "AbortError") throw n;
+				if (n instanceof b && n.status >= 400 && n.status < 500) throw this.#t.delete(e.id), n;
+				if (i = n instanceof Error ? n : Error(String(n)), a === t) throw this.#t.delete(e.id), i;
+			}
+		}
+		throw this.#t.delete(e.id), i ?? /* @__PURE__ */ Error("Fetch failed");
+	}
+	async #s(e, t) {
+		let n = e.method ?? "GET", r = { ...e.headers }, i = {
+			method: n,
+			headers: r,
+			...t ? { signal: t } : {}
+		};
+		e.body !== void 0 && n !== "GET" && n !== "DELETE" && (typeof e.body == "string" ? i.body = e.body : (i.body = JSON.stringify(e.body), !r["Content-Type"] && !r["content-type"] && (r["Content-Type"] = "application/json")));
+		let a = await fetch(e.source, i);
+		if (!a.ok) throw new b(a.status, a.statusText, e.source);
+		return (a.headers.get("content-type") ?? "").includes("application/json") ? await a.json() : await a.text();
+	}
+	#c() {
+		this.#i++, this.#i === 1 && (this.#n.value = !0);
+	}
+	#l() {
+		this.#i--, this.#i <= 0 && (this.#i = 0, this.#n.value = !1);
+	}
+	#u(e, t) {
+		return new Promise((n, r) => {
+			if (t.aborted) {
+				r(new DOMException("The operation was aborted.", "AbortError"));
+				return;
+			}
+			let i = setTimeout(n, e);
+			t.addEventListener("abort", () => {
+				clearTimeout(i), r(new DOMException("The operation was aborted.", "AbortError"));
+			}, { once: !0 });
+		});
+	}
+}, b = class extends Error {
+	status;
+	statusText;
+	url;
+	constructor(e, t, n) {
+		super(`HTTP ${e} ${t}: ${n}`), this.name = "HttpError", this.status = e, this.statusText = t, this.url = n;
+	}
+};
+function me() {
+	return new y();
+}
+function x(e, t) {
+	return Object.freeze({
+		id: a("bind"),
+		source: e,
+		...t
+	});
+}
+var he = new Set(/* @__PURE__ */ "alert.alertdialog.application.article.banner.button.cell.checkbox.columnheader.combobox.complementary.contentinfo.definition.dialog.directory.document.feed.figure.form.grid.gridcell.group.heading.img.link.list.listbox.listitem.log.main.marquee.math.menu.menubar.menuitem.menuitemcheckbox.menuitemradio.meter.navigation.none.note.option.presentation.progressbar.radio.radiogroup.region.row.rowgroup.rowheader.scrollbar.search.searchbox.separator.slider.spinbutton.status.switch.tab.table.tablist.tabpanel.term.textbox.timer.toolbar.tooltip.tree.treegrid.treeitem".split(".")), ge = new Set([
+	"button",
+	"a",
+	"input",
+	"select",
+	"textarea"
+]), _e = new Set([
+	"button",
+	"link",
+	"checkbox",
+	"radio",
+	"switch",
+	"tab",
+	"menuitem",
+	"option",
+	"combobox",
+	"listbox",
+	"slider"
+]), ve = new Set([
+	"ui-button",
+	"ui-checkbox",
+	"ui-switch",
+	"ui-radio",
+	"ui-input",
+	"ui-select",
+	"ui-combobox",
+	"ui-range",
+	"ui-textarea",
+	"ui-tab",
+	"ui-option",
+	"ui-command-item",
+	"ui-tree-item"
+]), ye = new Set([
+	"input",
+	"select",
+	"textarea"
+]), be = new Set([
+	"ui-input",
+	"ui-select",
+	"ui-combobox",
+	"ui-textarea",
+	"ui-range"
+]), xe = new Set([
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+]), Se = {
+	checkbox: ["aria-checked"],
+	switch: ["aria-checked"],
+	radio: ["aria-checked"],
+	combobox: ["aria-expanded"],
+	slider: [
+		"aria-valuenow",
+		"aria-valuemin",
+		"aria-valuemax"
+	],
+	spinbutton: [
+		"aria-valuenow",
+		"aria-valuemin",
+		"aria-valuemax"
+	],
+	tab: ["aria-selected"],
+	heading: ["aria-level"]
+};
+function S(e, t) {
+	return e.attributes?.[t];
+}
+function C(e, t) {
+	return e.attributes?.[t] !== void 0;
+}
+function Ce(e) {
+	if (C(e, "aria-label") || C(e, "aria-labelledby") || e.textContent && e.textContent.trim().length > 0) return !0;
+	if (e.children) {
+		for (let t of e.children) if (t.textContent && t.textContent.trim().length > 0) return !0;
+	}
+	return !1;
+}
+function we(e) {
+	let t = e.tag.toLowerCase();
+	if (ge.has(t) || ve.has(t)) return !0;
+	let n = S(e, "role");
+	return !!(n && _e.has(n));
+}
+function Te(e) {
+	let t = e.tag.toLowerCase();
+	return ye.has(t) || be.has(t);
+}
+function Ee(e) {
+	let t = e.tag.toLowerCase();
+	if (xe.has(t)) return parseInt(t[1], 10);
+	if (S(e, "role") === "heading") {
+		let t = S(e, "aria-level");
+		if (t) {
+			let e = parseInt(t, 10);
+			if (!isNaN(e) && e >= 1 && e <= 6) return e;
+		}
+	}
+	return null;
+}
+function De(e, t, n) {
+	let r = e.tag.toLowerCase();
+	n.ids.has(e.id) && n.violations.push({
+		nodeId: e.id,
+		path: t,
+		rule: "no-duplicate-id",
+		severity: "error",
+		message: `Duplicate node ID: "${e.id}"`
+	}), n.ids.add(e.id), we(e) && !Ce(e) && n.violations.push({
+		nodeId: e.id,
+		path: t,
+		rule: "interactive-needs-name",
+		severity: "error",
+		message: `Interactive element <${e.tag}> is missing an accessible name (aria-label, aria-labelledby, or text content)`
+	}), r === "img" && !C(e, "alt") && n.violations.push({
+		nodeId: e.id,
+		path: t,
+		rule: "img-needs-alt",
+		severity: "error",
+		message: "<img> element is missing an alt attribute"
+	});
+	let i = S(e, "role");
+	if (i === "img" && !C(e, "aria-label") && !C(e, "aria-labelledby") && n.violations.push({
+		nodeId: e.id,
+		path: t,
+		rule: "img-role-needs-name",
+		severity: "error",
+		message: "Element with role=\"img\" is missing aria-label or aria-labelledby"
+	}), Te(e) && !C(e, "aria-label") && !C(e, "aria-labelledby") && n.violations.push({
+		nodeId: e.id,
+		path: t,
+		rule: "form-input-needs-label",
+		severity: "warning",
+		message: `Form element <${e.tag}> is missing a label (aria-label or aria-labelledby)`
+	}), i && !he.has(i) && n.violations.push({
+		nodeId: e.id,
+		path: t,
+		rule: "valid-role",
+		severity: "error",
+		message: `Invalid ARIA role: "${i}"`
+	}), i && i in Se) {
+		let r = Se[i];
+		for (let a of r) C(e, a) || n.violations.push({
+			nodeId: e.id,
+			path: t,
+			rule: "required-aria-props",
+			severity: "warning",
+			message: `Element with role="${i}" is missing required attribute "${a}"`
+		});
+	}
+	let a = Ee(e);
+	if (a !== null && n.headingLevels.push(a), (r === "main" || i === "main") && n.mainCount++, e.children) for (let r = 0; r < e.children.length; r++) De(e.children[r], `${t}.children[${r}]`, n);
+}
+function w(e) {
+	let t = {
+		violations: [],
+		ids: /* @__PURE__ */ new Set(),
+		headingLevels: [],
+		mainCount: 0
+	};
+	if (De(e, "root", t), t.headingLevels.length > 1) {
+		let e = [...t.headingLevels].sort((e, t) => e - t), n = [...new Set(e)];
+		for (let e = 1; e < n.length; e++) {
+			let r = n[e - 1], i = n[e];
+			i - r > 1 && t.violations.push({
+				nodeId: "",
+				path: "root",
+				rule: "heading-hierarchy",
+				severity: "warning",
+				message: `Heading hierarchy skips from h${r} to h${i}`
+			});
+		}
+	}
+	return t.mainCount > 1 && t.violations.push({
+		nodeId: "",
+		path: "root",
+		rule: "single-main-landmark",
+		severity: "warning",
+		message: `Found ${t.mainCount} main landmarks — there should be at most one`
+	}), {
+		valid: t.violations.every((e) => e.severity !== "error"),
+		violations: t.violations
+	};
+}
+function Oe(e) {
+	let t = [];
+	return je(e, "root", t), {
+		valid: t.every((e) => e.severity !== "error"),
+		violations: t
+	};
+}
+function ke(e) {
+	if (e.tabIndex >= 0) return !0;
+	let t = e.tagName.toLowerCase();
+	return !!(t === "button" || t === "input" || t === "select" || t === "textarea" || t === "a" && e.hasAttribute("href") || e.isContentEditable);
+}
+function Ae(e) {
+	if (e.getAttribute("aria-label") || e.getAttribute("aria-labelledby")) return !0;
+	let t = e.textContent?.trim();
+	return !!(t && t.length > 0 || e.getAttribute("title") || e.tagName.toLowerCase() === "input" && e.getAttribute("placeholder"));
+}
+function je(e, t, n) {
+	let r = e.id || e.tagName.toLowerCase();
+	ke(e) && !Ae(e) && n.push({
+		nodeId: r,
+		path: t,
+		rule: "focusable-needs-name",
+		severity: "error",
+		message: `Focusable element <${e.tagName.toLowerCase()}> is missing an accessible name`
+	}), e.tagName.toLowerCase() === "img" && !e.hasAttribute("alt") && n.push({
+		nodeId: r,
+		path: t,
+		rule: "img-needs-alt",
+		severity: "error",
+		message: "<img> element is missing an alt attribute"
+	});
+	for (let i of e.attributes) i.name.startsWith("aria-") && i.value === "" && n.push({
+		nodeId: r,
+		path: t,
+		rule: "no-empty-aria",
+		severity: "error",
+		message: `ARIA attribute "${i.name}" has an empty value`
+	});
+	let i = e.children;
+	for (let e = 0; e < i.length; e++) {
+		let r = i[e];
+		r instanceof HTMLElement && je(r, `${t}.children[${e}]`, n);
+	}
+}
+var Me = new Set([
+	"innerHTML",
+	"outerHTML",
+	"innerText",
+	"textContent",
+	"style",
+	"className"
+]);
+function Ne(e, t) {
+	return `${e}::${t}`;
+}
+var Pe = /* @__PURE__ */ new Map();
+function Fe(e) {
+	let t = Pe.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), Pe.set(e, t)), t;
+}
+function Ie(e, t, n) {
+	let r = t.getElements(e.planId), i = t.getSignal(e.planId);
+	if (!r || !i) return {
+		applied: 0,
+		errors: e.ops.map((t) => ({
+			op: t,
+			message: `Plan "${e.planId}" not found`
+		}))
+	};
+	let a = Fe(e.planId), o = 0, s = [];
+	for (let c of e.ops) {
+		let l = Le(c, r, i, a, t, e.planId, n);
+		l ? s.push({
+			op: c,
+			message: l
+		}) : o++;
+	}
+	return {
+		applied: o,
+		errors: s
+	};
+}
+function Le(e, t, n, r, i, a, o) {
+	switch (e.type) {
+		case "add": return Re(e, t, i, a, o);
+		case "remove": return ze(e, t, r);
+		case "replace": return Ve(e, t, r, i, a, o);
+		case "set-attribute": return He(e, t);
+		case "remove-attribute": return Ue(e, t);
+		case "set-property": return We(e, t);
+		case "set-text": return Ge(e, t);
+		case "set-event": return Ke(e, t, n, r, o);
+		case "remove-event": return qe(e, t, r);
+		default: return `Unknown patch op type: "${e.type}"`;
+	}
+}
+function Re(e, t, n, r, i) {
+	let a = t.get(e.parentId);
+	if (!a) return `Parent element "${e.parentId}" not found`;
+	let o = n.renderNodeForPlan(r, e.node, i);
+	if (!o) return `Failed to render node for plan "${r}"`;
+	if (e.index !== void 0 && e.index < a.children.length) {
+		let t = a.children[e.index];
+		t ? a.insertBefore(o, t) : a.appendChild(o);
+	} else a.appendChild(o);
+	return null;
+}
+function ze(e, t, n) {
+	let r = t.get(e.targetId);
+	return r ? (r.remove(), T(r, t, n), null) : `Element "${e.targetId}" not found`;
+}
+/**
+* Removes an element and all its tracked descendants from the elements map.
+* Also aborts any patch-added event listeners for removed elements.
+*/
+function T(e, t, n) {
+	for (let [r, i] of t) if (i === e) {
+		t.delete(r), Be(r, n);
+		break;
+	}
+	for (let r of Array.from(e.children)) r instanceof HTMLElement && T(r, t, n);
+}
+function Be(e, t) {
+	let n = `${e}::`;
+	for (let [e, r] of t) e.startsWith(n) && (r.abort(), t.delete(e));
+}
+function Ve(e, t, n, r, i, a) {
+	let o = t.get(e.targetId);
+	if (!o) return `Element "${e.targetId}" not found`;
+	let s = o.parentElement;
+	if (!s) return `Element "${e.targetId}" has no parent`;
+	let c = r.renderNodeForPlan(i, e.node, a);
+	return c ? (T(o, t, n), s.replaceChild(c, o), null) : `Failed to render replacement node for plan "${i}"`;
+}
+function He(e, t) {
+	let n = t.get(e.targetId);
+	return n ? (n.setAttribute(e.name, e.value), null) : `Element "${e.targetId}" not found`;
+}
+function Ue(e, t) {
+	let n = t.get(e.targetId);
+	return n ? (n.removeAttribute(e.name), null) : `Element "${e.targetId}" not found`;
+}
+function We(e, t) {
+	let n = t.get(e.targetId);
+	return n ? Me.has(e.name) ? `Property "${e.name}" is blocked` : (n[e.name] = e.value, null) : `Element "${e.targetId}" not found`;
+}
+function Ge(e, t) {
+	let n = t.get(e.targetId);
+	return n ? (n.textContent = e.text, null) : `Element "${e.targetId}" not found`;
+}
+function Ke(e, t, n, r, i) {
+	let a = t.get(e.targetId);
+	if (!a) return `Element "${e.targetId}" not found`;
+	if (!i) return `No CommandBus provided — cannot wire event "${e.event}"`;
+	let o = Ne(e.targetId, e.event), s = r.get(o);
+	s && s.abort();
+	let c = new AbortController();
+	return n.addEventListener("abort", () => c.abort(), { once: !0 }), r.set(o, c), a.addEventListener(e.event, (t) => {
+		let n = t instanceof CustomEvent ? t.detail : void 0;
+		i.dispatch(e.commandType, {
+			target: e.targetId,
+			event: t.type,
+			...n === void 0 ? {} : { detail: n }
+		});
+	}, { signal: c.signal }), null;
+}
+function qe(e, t, n) {
+	if (!t.get(e.targetId)) return `Element "${e.targetId}" not found`;
+	let r = Ne(e.targetId, e.event), i = n.get(r);
+	return i ? (i.abort(), n.delete(r), null) : `No patch-added listener for event "${e.event}" on element "${e.targetId}"`;
+}
+function E(e, t) {
+	if (e === "*" || e === t) return !0;
+	if (e.endsWith(".*")) {
+		let n = e.slice(0, -2);
+		return t === n || t.startsWith(n + ".");
+	}
+	return !1;
+}
+var D = class {
+	#e = r([]);
+	#t = r([]);
+	#n = /* @__PURE__ */ new Map();
+	#r = r(null);
+	#i = r(0);
+	capabilities = e(() => this.#e.value);
+	rules = e(() => this.#t.value);
+	lastDecision = e(() => this.#r.value);
+	deniedCount = e(() => this.#i.value);
+	grant(e) {
+		let t = a("cap"), n = Object.freeze({
+			id: t,
+			...e
+		});
+		return this.#e.value = [...this.#e.value, n], t;
+	}
+	revoke(e) {
+		let t = this.#e.value.filter((t) => t.id !== e);
+		t.length !== this.#e.value.length && (this.#e.value = t);
+	}
+	revokeAll() {
+		this.#e.value = [];
+	}
+	hasCapability(e) {
+		let t = Date.now();
+		return this.#e.value.some((n) => n.name === e && (n.expiresAt === void 0 || n.expiresAt > t));
+	}
+	addRule(e) {
+		let t = a("rule"), n = Object.freeze({
+			id: t,
+			...e
+		});
+		return this.#t.value = [...this.#t.value, n], t;
+	}
+	removeRule(e) {
+		let t = this.#t.value.filter((t) => t.id !== e);
+		t.length !== this.#t.value.length && (this.#t.value = t);
+	}
+	addRateLimit(e) {
+		this.#n.set(e.pattern, {
+			limit: Object.freeze(e),
+			timestamps: []
+		});
+	}
+	removeRateLimit(e) {
+		this.#n.delete(e);
+	}
+	evaluate(e) {
+		let t = this.#a(e);
+		if (t !== null) return t;
+		let n = this.#o(e);
+		if (n !== null) return n;
+		let r = this.#c(e);
+		return r === null ? Object.freeze({
+			allowed: !0,
+			reason: "No matching policy rule; default allow"
+		}) : r;
+	}
+	middleware() {
+		return (e, t) => {
+			let n = this.evaluate(e);
+			if (i(() => {
+				this.#r.value = n, n.allowed || (this.#i.value = this.#i.value + 1);
+			}), n.allowed) return t();
+		};
+	}
+	destroy() {
+		i(() => {
+			this.#e.value = [], this.#t.value = [], this.#r.value = null, this.#i.value = 0;
+		}), this.#n.clear();
+	}
+	#a(e) {
+		let t = Date.now();
+		for (let [n, r] of this.#n) {
+			if (!E(r.limit.pattern, e.type)) continue;
+			let n = t - r.limit.windowMs;
+			if (r.timestamps = r.timestamps.filter((e) => e >= n), r.timestamps.length >= r.limit.maxPerWindow) return Object.freeze({
+				allowed: !1,
+				reason: `Rate limit exceeded for pattern '${r.limit.pattern}': ${r.limit.maxPerWindow} per ${r.limit.windowMs}ms`
+			});
+			r.timestamps.push(t);
+		}
+		return null;
+	}
+	#o(e) {
+		let t = e.meta?.capabilities;
+		if (!t || t.length === 0) return null;
+		let n = Date.now(), r = this.#e.value.filter((e) => e.expiresAt === void 0 || e.expiresAt > n), i = [];
+		for (let n of t) {
+			let t = r.find((e) => e.name === n);
+			if (!t) {
+				i.push(n);
+				continue;
+			}
+			if (!t.patterns.some((t) => E(t, e.type))) {
+				i.push(n);
+				continue;
+			}
+			t.scopes && t.scopes.length > 0 && (t.scopes.every((t) => this.#s(t, e)) || i.push(n));
+		}
+		return i.length > 0 ? Object.freeze({
+			allowed: !1,
+			reason: `Missing required capabilities: ${i.join(", ")}`,
+			missingCapabilities: Object.freeze(i)
+		}) : null;
+	}
+	#s(e, t) {
+		switch (e.type) {
+			case "source": return t.source === e.value;
+			case "planId": return t.meta?.planId === e.value;
+			case "custom": return !0;
+		}
+	}
+	#c(e) {
+		let t = [...this.#t.value].sort((e, t) => t.priority - e.priority);
+		for (let n of t) if (n.patterns.some((t) => E(t, e.type)) && !(n.conditions && n.conditions.length > 0 && !n.conditions.every((t) => this.#l(t, e)))) return Object.freeze({
+			allowed: n.effect === "allow",
+			reason: n.description ?? `Matched rule '${n.id}' with effect '${n.effect}'`,
+			matchedRule: n.id
+		});
+		return null;
+	}
+	#l(e, t) {
+		let n = this.#u(e.field, t);
+		switch (e.op) {
+			case "eq": return n === e.value;
+			case "neq": return n !== e.value;
+			case "in": return (Array.isArray(e.value) ? e.value : [e.value]).includes(n);
+			case "matches": return typeof e.value != "string" || typeof n != "string" ? !1 : E(e.value, n);
+		}
+	}
+	#u(e, t) {
+		switch (e) {
+			case "source": return t.source;
+			case "planId": return t.meta?.planId;
+			case "capability": return this.#e.value.filter((e) => e.expiresAt === void 0 || e.expiresAt > Date.now()).map((e) => e.name).join(",");
+		}
+	}
+};
+function Je() {
+	return new D();
+}
+function O(e) {
+	return typeof e == "object" && !!e && "path" in e && typeof e.path == "string" && Object.keys(e).length === 1;
+}
+function Ye(e) {
+	return "createSurface" in e;
+}
+function Xe(e) {
+	return "updateComponents" in e;
+}
+function Ze(e) {
+	return "updateDataModel" in e;
+}
+function Qe(e) {
+	return "deleteSurface" in e;
+}
+function $e(e) {
+	return "requestCatalog" in e;
+}
+function et(e) {
+	return "action" in e;
+}
+function tt(e) {
+	return "error" in e;
+}
+function nt(e) {
+	return "catalog" in e;
+}
+/**
+* Parse a raw JSON string into a typed A2UI server message.
+* Returns null if the JSON is not a valid A2UI message.
+*/
+function k(e) {
+	try {
+		let t = JSON.parse(e);
+		return "createSurface" in t || "updateComponents" in t || "updateDataModel" in t || "deleteSurface" in t || "requestCatalog" in t ? t : null;
+	} catch {
+		return null;
+	}
+}
+var rt = [
+	{
+		a2uiType: "Text",
+		nativeTag: "span",
+		childStrategy: "textContent"
+	},
+	{
+		a2uiType: "Button",
+		nativeTag: "ui-button",
+		childStrategy: "slot-label",
+		actionEvent: "ui-press",
+		defaultAttributes: { size: "sm" },
+		variantMap: {
+			primary: "primary",
+			borderless: "ghost"
+		}
+	},
+	{
+		a2uiType: "TextField",
+		nativeTag: "ui-input",
+		childStrategy: "none",
+		actionEvent: "ui-input",
+		defaultAttributes: { size: "sm" },
+		propertyMap: {
+			value: "value",
+			placeholder: "placeholder"
+		}
+	},
+	{
+		a2uiType: "TextArea",
+		nativeTag: "ui-textarea",
+		childStrategy: "none",
+		actionEvent: "ui-input",
+		defaultAttributes: {
+			size: "sm",
+			rows: "2"
+		},
+		propertyMap: {
+			value: "value",
+			placeholder: "placeholder",
+			rows: "rows"
+		}
+	},
+	{
+		a2uiType: "CheckBox",
+		nativeTag: "ui-checkbox",
+		childStrategy: "textContent",
+		actionEvent: "ui-change",
+		defaultAttributes: { size: "sm" }
+	},
+	{
+		a2uiType: "Switch",
+		nativeTag: "ui-switch",
+		childStrategy: "textContent",
+		actionEvent: "ui-change",
+		defaultAttributes: { size: "sm" }
+	},
+	{
+		a2uiType: "ChoicePicker",
+		nativeTag: "ui-select",
+		childStrategy: "children",
+		actionEvent: "ui-change",
+		defaultAttributes: { size: "sm" },
+		propertyMap: { placeholder: "placeholder" }
+	},
+	{
+		a2uiType: "Slider",
+		nativeTag: "ui-range",
+		childStrategy: "none",
+		actionEvent: "ui-change",
+		defaultAttributes: { size: "sm" },
+		propertyMap: {
+			min: "min",
+			max: "max",
+			value: "value"
+		}
+	},
+	{
+		a2uiType: "DateTimeInput",
+		nativeTag: "ui-input",
+		childStrategy: "none",
+		actionEvent: "ui-change",
+		defaultAttributes: { size: "sm" },
+		propertyMap: {
+			value: "value",
+			min: "min",
+			max: "max"
+		}
+	},
+	{
+		a2uiType: "Row",
+		nativeTag: "div",
+		childStrategy: "children"
+	},
+	{
+		a2uiType: "Column",
+		nativeTag: "div",
+		childStrategy: "children"
+	},
+	{
+		a2uiType: "Card",
+		nativeTag: "ui-card",
+		childStrategy: "children"
+	},
+	{
+		a2uiType: "Modal",
+		nativeTag: "ui-dialog",
+		childStrategy: "children",
+		actionEvent: "ui-dismiss"
+	},
+	{
+		a2uiType: "Tabs",
+		nativeTag: "ui-tabs",
+		childStrategy: "children"
+	},
+	{
+		a2uiType: "List",
+		nativeTag: "ui-listbox",
+		childStrategy: "children",
+		actionEvent: "ui-select"
+	},
+	{
+		a2uiType: "ListItem",
+		nativeTag: "ui-option",
+		childStrategy: "textContent"
+	},
+	{
+		a2uiType: "Image",
+		nativeTag: "img",
+		childStrategy: "none",
+		propertyMap: {
+			url: "src",
+			alt: "alt"
+		}
+	},
+	{
+		a2uiType: "Icon",
+		nativeTag: "ui-icon",
+		childStrategy: "none",
+		defaultAttributes: { "aria-hidden": "true" },
+		propertyMap: { name: "name" }
+	},
+	{
+		a2uiType: "Divider",
+		nativeTag: "ui-divider",
+		childStrategy: "none"
+	},
+	{
+		a2uiType: "Badge",
+		nativeTag: "ui-badge",
+		childStrategy: "textContent"
+	},
+	{
+		a2uiType: "Avatar",
+		nativeTag: "ui-avatar",
+		childStrategy: "none",
+		propertyMap: {
+			src: "src",
+			alt: "alt"
+		}
+	},
+	{
+		a2uiType: "Select",
+		nativeTag: "ui-select",
+		childStrategy: "children",
+		actionEvent: "ui-change",
+		propertyMap: { placeholder: "placeholder" }
+	},
+	{
+		a2uiType: "Video",
+		nativeTag: "video",
+		childStrategy: "none",
+		defaultAttributes: { controls: "" },
+		propertyMap: {
+			url: "src",
+			poster: "poster"
+		}
+	},
+	{
+		a2uiType: "AudioPlayer",
+		nativeTag: "audio",
+		childStrategy: "none",
+		defaultAttributes: { controls: "" },
+		propertyMap: { url: "src" }
+	}
+], A = /* @__PURE__ */ new Map(), j = /* @__PURE__ */ new Map();
+for (let e of rt) A.set(e.a2uiType, e), e.nativeTag !== "div" && e.nativeTag !== "span" && !j.has(e.nativeTag) && j.set(e.nativeTag, e);
+/** All component mappings, keyed by A2UI type */
+const it = A;
+function M(e) {
+	return A.get(e) ?? null;
+}
+function at(e, t) {
+	let n = t?.["data-a2ui"];
+	if (n && A.has(n)) return n;
+	let r = j.get(e);
+	if (r) return r.a2uiType;
+	if (e === "span") return "Text";
+	if (e === "div") {
+		let e = t?.style ?? "";
+		return e.includes("flex-direction:column") || e.includes("flex-direction: column") ? "Column" : e.includes("display:flex") || e.includes("display: flex") ? "Row" : "Column";
+	}
+	return e === "img" ? "Image" : e === "video" ? "Video" : e === "audio" ? "AudioPlayer" : e === "hr" ? "Divider" : /^h[1-6]$/.test(e) ? "Text" : null;
+}
+var ot = {
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	h5: "h5",
+	caption: "small",
+	body: "span"
+};
+/**
+* For A2UI Text components, resolve the variant to an HTML tag.
+* Returns 'span' by default.
+*/
+function st(e) {
+	return e ? ot[e] ?? "span" : "span";
+}
+/**
+* For A2UI DateTimeInput components, resolve enableDate/enableTime to HTML input type.
+*/
+function ct(e, t) {
+	return e && t ? "datetime-local" : t && !e ? "time" : "date";
+}
+var lt = {
+	number: "number",
+	obscured: "password",
+	shortText: "text",
+	longText: "text"
+};
+/**
+* For A2UI TextField components, resolve the variant to an HTML input type attribute.
+*/
+function ut(e) {
+	return e ? lt[e] ?? "text" : "text";
+}
+/**
+* Get all supported A2UI component types.
+*/
+function N() {
+	return Array.from(A.keys());
+}
+/**
+* A2UI Converter
+*
+* Bidirectional conversion between A2UI flat adjacency lists
+* and native-ui nested UINode trees.
+*/
+var dt = new Set(/* @__PURE__ */ "id.component.children.child.text.label.variant.disabled.action.accessibility.value.placeholder.min.max.step.url.src.alt.name.fit.justify.align.weight.direction.enableDate.enableTime.options.filterable.displayStyle.validationRegexp.checks.trigger.content.tabs.poster".split("."));
+function P(e, t) {
+	if (e.length === 0) return {
+		root: {
+			id: "empty-root",
+			tag: "div"
+		},
+		bindings: /* @__PURE__ */ new Map(),
+		warnings: ["No components provided"],
+		orphans: []
+	};
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e) n.set(t.id, t);
+	let r = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		if (t.children) for (let e of t.children) r.add(e);
+		t.child && r.add(t.child);
+	}
+	let i = t?.rootId;
+	if (!i) {
+		let t = e.filter((e) => !r.has(e.id));
+		i = (t.find((e) => e.id === "root") ?? t[0])?.id;
+	}
+	if (!i || !n.has(i)) return {
+		root: {
+			id: "error-root",
+			tag: "div",
+			textContent: "Error: no root component found"
+		},
+		bindings: /* @__PURE__ */ new Map(),
+		warnings: ["No root component found"],
+		orphans: []
+	};
+	let a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map(), s = [], c = t?.surfaceId ?? "default", l = F(i, n, a, o, s, c), u = e.filter((e) => !a.has(e.id)).map((e) => e.id);
+	return u.length > 0 && s.push(`Orphan components not reachable from root: ${u.join(", ")}`), {
+		root: l,
+		bindings: o,
+		warnings: s,
+		orphans: u
+	};
+}
+function F(e, t, n, r, i, a) {
+	if (n.has(e)) return i.push(`Cycle detected at component "${e}"`), {
+		id: `${e}-cycle`,
+		tag: "div",
+		textContent: `[Cycle: ${e}]`
+	};
+	n.add(e);
+	let o = t.get(e);
+	if (!o) return i.push(`Component "${e}" referenced but not found`), {
+		id: e,
+		tag: "div",
+		textContent: `[Missing: ${e}]`
+	};
+	let s = M(o.component);
+	if (!s) return i.push(`Unknown A2UI type "${o.component}" for component "${e}"`), {
+		id: e,
+		tag: "div",
+		textContent: o.text ?? `[Unknown: ${o.component}]`
+	};
+	let c = s.nativeTag;
+	o.component === "Text" && o.variant && (c = st(o.variant));
+	let l = {};
+	if (l["data-a2ui"] = o.component, s.defaultAttributes && Object.assign(l, s.defaultAttributes), o.variant && s.variantMap) {
+		let e = s.variantMap[o.variant];
+		e && (l.variant = e);
+	} else o.variant && o.component !== "Text" && (l.variant = o.variant);
+	if (s.propertyMap) for (let [t, n] of Object.entries(s.propertyMap)) {
+		let i = o[t];
+		if (i !== void 0) if (O(i)) {
+			let t = r.get(e);
+			t || (t = [], r.set(e, t)), t.push({
+				property: n,
+				path: i.path
+			});
+		} else l[n] = String(i);
+	}
+	if (o.disabled && (l.disabled = ""), o.accessibility?.label && (l["aria-label"] = o.accessibility.label), o.component === "TextField") {
+		let e = ut(o.variant);
+		e !== "text" && (l.type = e);
+	}
+	if (o.component === "DateTimeInput" && (l.type = ct(o.enableDate, o.enableTime)), (o.component === "TextField" || o.component === "DateTimeInput" || o.component === "Slider") && o.label) if (O(o.label)) {
+		let t = r.get(e);
+		t || (t = [], r.set(e, t)), t.push({
+			property: "aria-label",
+			path: o.label.path
+		});
+	} else l["aria-label"] = o.label;
+	o.component === "Slider" && (o.min !== void 0 && (l.min = String(o.min)), o.max !== void 0 && (l.max = String(o.max)));
+	let u;
+	if (o.text !== void 0) if (O(o.text)) {
+		let t = r.get(e);
+		t || (t = [], r.set(e, t)), t.push({
+			property: "textContent",
+			path: o.text.path
+		});
+	} else u = o.text;
+	for (let [e, t] of Object.entries(o)) dt.has(e) || typeof t == "string" && (l[e] = t);
+	let d;
+	o.action?.event && s.actionEvent && (d = { [s.actionEvent]: `a2ui:${a}:${e}:${o.action.event.name}` });
+	let f, p = o.children ?? (o.child ? [o.child] : void 0);
+	if (o.component === "Tabs" && p && p.length > 0) {
+		f = [];
+		let o = [];
+		for (let e = 0; e < p.length; e++) {
+			let s = p[e], c = t.get(s);
+			if (!c) continue;
+			n.add(s);
+			let l = String(c.value ?? c.id ?? `tab-${e}`), u = String(c.label ?? c.text ?? `Tab ${e + 1}`);
+			f.push({
+				id: `${s}-tab`,
+				tag: "ui-tab",
+				attributes: { value: l },
+				textContent: u
+			});
+			let d = c.children ?? (c.child ? [c.child] : void 0), m = d ? d.map((e) => F(e, t, n, r, i, a)) : void 0, h = typeof c.text == "string" ? c.text : void 0;
+			o.push({
+				id: `${s}-panel`,
+				tag: "ui-tab-panel",
+				attributes: { value: l },
+				...m && m.length > 0 ? { children: m } : {},
+				...h && !m ? { textContent: h } : {}
+			});
+		}
+		if (f.push({
+			id: `${e}-panels`,
+			tag: "ui-tab-panels",
+			children: o
+		}), !l.value && p.length > 0) {
+			let e = t.get(p[0]);
+			l.value = String(e?.value ?? e?.id ?? "tab-0");
+		}
+	} else if ((o.component === "Select" || o.component === "ChoicePicker") && p && p.length > 0) {
+		let e = [];
+		for (let r of p) {
+			let i = t.get(r);
+			i && i.component === "ListItem" && (n.add(r), e.push({
+				value: String(i.value ?? ""),
+				label: String(i.label ?? i.text ?? ""),
+				...i.disabled ? { disabled: !0 } : {}
+			}));
+		}
+		e.length > 0 && (l.options = JSON.stringify(e), l.placeholder = o.label ? String(o.label) : "Select…");
+	} else p && p.length > 0 && (f = p.map((e) => F(e, t, n, r, i, a)));
+	if (s.childStrategy === "slot-label" && u && !f) f = [{
+		id: `${e}-label`,
+		tag: "span",
+		attributes: { slot: "label" },
+		textContent: u
+	}], u = void 0;
+	else if (s.childStrategy === "textContent" && o.label && !u) if (O(o.label)) {
+		let t = r.get(e);
+		t || (t = [], r.set(e, t)), t.push({
+			property: "textContent",
+			path: o.label.path
+		});
+	} else u = o.label;
+	if (o.component === "ListItem" && o.value !== void 0 && (l.value = String(o.value)), o.component === "Image" && o.url !== void 0) {
+		if (O(o.url)) {
+			let t = r.get(e);
+			t || (t = [], r.set(e, t)), t.push({
+				property: "src",
+				path: o.url.path
+			});
+		} else l.src = o.url;
+		o.alt && (l.alt = o.alt);
+	}
+	let m = Object.keys(l).length > 0 ? l : void 0;
+	return {
+		id: e,
+		tag: c,
+		...m ? { attributes: m } : {},
+		...u === void 0 ? {} : { textContent: u },
+		...f && f.length > 0 ? { children: f } : {},
+		...d ? { events: d } : {}
+	};
+}
+function ft(e, t) {
+	let n = [];
+	return pt(e, n, t?.surfaceId ?? "default"), n;
+}
+function pt(e, t, n) {
+	let r = at(e.tag, e.attributes);
+	if (!r) {
+		let r = {
+			id: e.id,
+			component: "Column",
+			...e.children ? { children: e.children.map((e) => e.id) } : {},
+			...e.textContent ? { text: e.textContent } : {}
+		};
+		if (t.push(r), e.children) for (let r of e.children) pt(r, t, n);
+		return;
+	}
+	let i = M(r), a = {
+		id: e.id,
+		component: r
+	};
+	if (e.children && e.children.length > 0) if (i?.childStrategy === "slot-label" && e.children.length === 1 && e.children[0].attributes?.slot === "label" && e.children[0].textContent) a.text = e.children[0].textContent;
+	else {
+		a.children = e.children.map((e) => e.id);
+		for (let r of e.children) pt(r, t, n);
+	}
+	if (e.textContent && (r === "CheckBox" || r === "Switch" || r === "ListItem" ? a.label = e.textContent : a.text = e.textContent), e.attributes) {
+		let t = i?.propertyMap ? mt(i.propertyMap) : {};
+		for (let [n, r] of Object.entries(e.attributes)) n === "style" || n === "data-a2ui" || n === "slot" || (t[n] ? a[t[n]] = r : n === "aria-label" ? a.label = r : n === "disabled" && r === "" ? a.disabled = !0 : n === "variant" && (a.variant = (i?.variantMap ? mt(i.variantMap) : {})[r] ?? r));
+	}
+	if (e.events) for (let [t, n] of Object.entries(e.events)) {
+		let e = n.split(":");
+		e[0] === "a2ui" && e.length >= 4 && (a.action = { event: { name: e[3] } });
+	}
+	t.push(a);
+}
+function mt(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) t[r] = n;
+	return t;
+}
+/**
+* Wrap a conversion result as a UIPlan.
+*/
+function ht(e, t = "generated") {
+	return Object.freeze({
+		id: a("a2ui-plan"),
+		version: 1,
+		root: e.root,
+		source: t,
+		timestamp: Date.now()
+	});
+}
+/**
+* A2UI Surface Manager
+*
+* Manages A2UI surface lifecycle: create → updateComponents → updateDataModel → delete.
+* Each surface maps to one UIPlan in the kernel.
+*/
+function I(e, t) {
+	if (!t || t === "/") return e;
+	let n = t.replace(/^\//, "").split("/").map(_t), r = e;
+	for (let e of n) {
+		if (typeof r != "object" || !r) return;
+		r = r[e];
+	}
+	return r;
+}
+function gt(e, t, n) {
+	if (!t || t === "/") return;
+	let r = t.replace(/^\//, "").split("/").map(_t), i = e;
+	for (let e = 0; e < r.length - 1; e++) {
+		let t = r[e];
+		(i[t] == null || typeof i[t] != "object") && (i[t] = {}), i = i[t];
+	}
+	let a = r[r.length - 1];
+	n === void 0 ? delete i[a] : i[a] = n;
+}
+function _t(e) {
+	return e.replace(/~1/g, "/").replace(/~0/g, "~");
+}
+var L = class {
+	#e;
+	#t;
+	#n;
+	#r = /* @__PURE__ */ new Map();
+	#i = r(0);
+	surfaceCount = e(() => this.#i.value);
+	constructor(e, t, n) {
+		this.#e = e, this.#t = t, this.#n = n ?? null;
+	}
+	handleMessage(e, t) {
+		Ye(e) ? this.#a(e, t) : Xe(e) ? this.#o(e, t) : Ze(e) ? this.#l(e) : Qe(e) && this.#u(e);
+	}
+	#a(e, t) {
+		let { surfaceId: n, catalogId: i, theme: o } = e.createSurface, s = this.#r.get(n);
+		if (s) {
+			s.catalogId = i, s.theme = o;
+			return;
+		}
+		let c = {
+			surfaceId: n,
+			planId: a("a2ui-plan"),
+			catalogId: i,
+			theme: o,
+			container: t ?? document.createElement("div"),
+			components: [],
+			dataModel: r({}),
+			bindings: /* @__PURE__ */ new Map(),
+			bindingDisposers: [],
+			actionDisposer: null,
+			rendered: !1
+		};
+		this.#r.set(n, c), this.#i.value = this.#r.size;
+	}
+	#o(e, t) {
+		let { surfaceId: n, components: i } = e.updateComponents, o = this.#r.get(n);
+		o ? t && (o.container = t) : (o = {
+			surfaceId: n,
+			planId: a("a2ui-plan"),
+			container: t ?? document.createElement("div"),
+			components: [],
+			dataModel: r({}),
+			bindings: /* @__PURE__ */ new Map(),
+			bindingDisposers: [],
+			actionDisposer: null,
+			rendered: !1
+		}, this.#r.set(n, o), this.#i.value = this.#r.size), o.rendered ? (this.#c(o, i), o.components = [...i]) : (o.components = [...i], this.#s(o)), o.rendered && this.#n?.(o.surfaceId, o.container);
+	}
+	#s(e) {
+		let t = P(e.components, { surfaceId: e.surfaceId });
+		e.bindings = new Map(t.bindings);
+		let n = ht(t);
+		e.planId = n.id;
+		try {
+			let t = this.#e.executePlan(n, e.container);
+			e.rendered = !0, this.#d(e, t), this.#f(e);
+		} catch {}
+	}
+	#c(e, t) {
+		let n = xt(e.components, t, e.surfaceId);
+		if (n.length === 0) return;
+		this.#e.patchPlan({
+			planId: e.planId,
+			ops: n,
+			source: "generated",
+			timestamp: Date.now()
+		});
+		let r = P(t, { surfaceId: e.surfaceId });
+		e.bindings = new Map(r.bindings);
+		for (let t of e.bindingDisposers) t();
+		e.bindingDisposers = [];
+		let i = this.#e.executor.getElements(e.planId);
+		i && this.#d(e, i);
+	}
+	#l(e) {
+		let { surfaceId: t, path: n, value: r } = e.updateDataModel, i = this.#r.get(t);
+		if (!i) return;
+		let a = { ...i.dataModel.value };
+		!n || n === "/" ? i.dataModel.value = r ?? {} : (gt(a, n, r), i.dataModel.value = a);
+	}
+	#u(e) {
+		let { surfaceId: t } = e.deleteSurface, n = this.#r.get(t);
+		if (n) {
+			n.rendered && this.#e.teardownPlan(n.planId);
+			for (let e of n.bindingDisposers) e();
+			n.bindingDisposers = [], n.actionDisposer?.(), this.#r.delete(t), this.#i.value = this.#r.size;
+		}
+	}
+	#d(e, n) {
+		for (let [r, i] of e.bindings) {
+			let a = n.get(r);
+			if (a) for (let n of i) {
+				let r = t(() => {
+					let t = e.dataModel.value, r = I(t, n.path);
+					r !== void 0 && (n.property === "textContent" ? a.textContent = String(r) : n.property === "src" || n.property === "alt" || n.property.startsWith("aria-") ? a.setAttribute(n.property, String(r)) : a[n.property] = r);
+				});
+				e.bindingDisposers.push(r);
+			}
+		}
+	}
+	#f(e) {
+		let t = `a2ui:${e.surfaceId}:`;
+		e.actionDisposer = this.#e.bus.on((e) => e.type.startsWith(t), (t) => {
+			let n = t.type.split(":");
+			if (n.length < 4) return;
+			let r = n[2], i = n[3], a = e.components.find((e) => e.id === r)?.action?.event?.context, o = a ? vt(a, e.dataModel.value) : void 0;
+			this.#t({ action: {
+				surfaceId: e.surfaceId,
+				sourceComponentId: r,
+				name: i,
+				timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+				...o ? { context: o } : {}
+			} });
+		});
+	}
+	getSurface(e) {
+		let t = this.#r.get(e);
+		return t ? {
+			surfaceId: t.surfaceId,
+			planId: t.planId,
+			catalogId: t.catalogId,
+			theme: t.theme,
+			container: t.container,
+			rendered: t.rendered
+		} : null;
+	}
+	getSurfaceIds() {
+		return Array.from(this.#r.keys());
+	}
+	getDataModel(e) {
+		return this.#r.get(e)?.dataModel.value ?? null;
+	}
+	destroy() {
+		for (let e of this.#r.keys()) this.#u({ deleteSurface: { surfaceId: e } });
+	}
+};
+function vt(e, t) {
+	let n = {};
+	for (let [r, i] of Object.entries(e)) typeof i == "object" && i && "path" in i ? n[r] = I(t, i.path) : n[r] = i;
+	return n;
+}
+/** A2UI properties that map to HTML attributes on the rendered element. */
+var yt = [
+	"variant",
+	"placeholder",
+	"name",
+	"min",
+	"max",
+	"step",
+	"src",
+	"alt",
+	"poster",
+	"fit"
+], bt = ["value"];
+function xt(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	for (let t of e) r.set(t.id, t);
+	let i = /* @__PURE__ */ new Map();
+	for (let e of t) i.set(e.id, e);
+	let a = [];
+	for (let [e] of r) i.has(e) || a.push({
+		type: "remove",
+		targetId: e
+	});
+	for (let [e, o] of i) if (!r.has(e)) {
+		let r = St(e, t);
+		if (r) {
+			let t = P([o], {
+				surfaceId: n,
+				rootId: e
+			});
+			a.push({
+				type: "add",
+				parentId: r,
+				node: t.root
+			});
+		}
+	}
+	for (let [e, o] of i) {
+		let i = r.get(e);
+		if (i) {
+			if (o.component !== i.component) {
+				let r = P(Ct(e, t), {
+					surfaceId: n,
+					rootId: e
+				});
+				a.push({
+					type: "replace",
+					targetId: e,
+					node: r.root
+				});
+				continue;
+			}
+			if (JSON.stringify(i.children ?? i.child ?? []) !== JSON.stringify(o.children ?? o.child ?? [])) {
+				let r = P(Ct(e, t), {
+					surfaceId: n,
+					rootId: e
+				});
+				a.push({
+					type: "replace",
+					targetId: e,
+					node: r.root
+				});
+				continue;
+			}
+			o.text !== i.text && typeof o.text == "string" && a.push({
+				type: "set-text",
+				targetId: e,
+				text: o.text
+			}), o.label !== i.label && typeof o.label == "string" && a.push({
+				type: "set-text",
+				targetId: e,
+				text: o.label
+			}), o.disabled !== i.disabled && (o.disabled ? a.push({
+				type: "set-attribute",
+				targetId: e,
+				name: "disabled",
+				value: ""
+			}) : a.push({
+				type: "remove-attribute",
+				targetId: e,
+				name: "disabled"
+			}));
+			for (let t of yt) {
+				let n = i[t], r = o[t];
+				r !== n && (r == null || r === !1 ? a.push({
+					type: "remove-attribute",
+					targetId: e,
+					name: t
+				}) : a.push({
+					type: "set-attribute",
+					targetId: e,
+					name: t,
+					value: String(r)
+				}));
+			}
+			for (let t of bt) {
+				let n = i[t], r = o[t];
+				r !== n && r !== void 0 && a.push({
+					type: "set-property",
+					targetId: e,
+					name: t,
+					value: r
+				});
+			}
+		}
+	}
+	return a;
+}
+function St(e, t) {
+	for (let n of t) if (n.children?.includes(e) || n.child === e) return n.id;
+	return null;
+}
+function Ct(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let e of t) n.set(e.id, e);
+	let r = [], i = /* @__PURE__ */ new Set();
+	function a(e) {
+		if (i.has(e)) return;
+		i.add(e);
+		let t = n.get(e);
+		if (!t) return;
+		r.push(t);
+		let o = t.children ?? (t.child ? [t.child] : []);
+		for (let e of o) a(e);
+	}
+	return a(e), r;
+}
+function wt(e, t) {
+	return new L(e, t);
+}
+var R = class {
+	#e;
+	#t;
+	constructor(e, t) {
+		this.#t = t ?? {}, this.#e = new L(e, (e) => {
+			this.#t.onClientMessage?.(e);
+		}, (e, t) => {
+			this.#t.onRender?.(e, t);
+		});
+	}
+	/**
+	* Process a raw A2UI server message.
+	* Accepts either a parsed object or JSON string.
+	* If a container is provided, it is used as the render target for new surfaces.
+	*/
+	receive(e, t) {
+		let n = typeof e == "string" ? k(e) : e;
+		if (!n) {
+			this.#t.onClientMessage?.({ error: {
+				surfaceId: "",
+				code: "PARSE_ERROR",
+				message: "Failed to parse A2UI message"
+			} });
+			return;
+		}
+		if ($e(n)) {
+			this.#n(n.requestCatalog.surfaceId);
+			return;
+		}
+		this.#e.handleMessage(n, t);
+	}
+	#n(e) {
+		let t = { catalog: {
+			...e ? { surfaceId: e } : {},
+			supportedTypes: [...N()],
+			version: this.#t.version ?? "0.9"
+		} };
+		this.#t.onClientMessage?.(t);
+	}
+	/**
+	* Parse a JSON string into a typed A2UI server message.
+	* Returns null if invalid.
+	*/
+	parse(e) {
+		return k(e);
+	}
+	/**
+	* Convert a UIPlan to A2UI updateComponents format.
+	*/
+	emit(e, t) {
+		let n = t ?? e.id, r = {
+			surfaceId: n,
+			version: this.#t.version
+		};
+		return { updateComponents: {
+			surfaceId: n,
+			components: ft(e.root, r)
+		} };
+	}
+	/**
+	* Convert a Planner result to A2UI updateComponents format.
+	*/
+	emitPlanResult(e, t) {
+		return this.emit(e.plan, t);
+	}
+	getSurface(e) {
+		return this.#e.getSurface(e);
+	}
+	getSurfaceIds() {
+		return this.#e.getSurfaceIds();
+	}
+	getDataModel(e) {
+		return this.#e.getDataModel(e);
+	}
+	/**
+	* Returns the list of A2UI component types supported by this adapter.
+	*/
+	getSupportedTypes() {
+		return N();
+	}
+	destroy() {
+		this.#e.destroy();
+	}
+};
+function Tt(e, t) {
+	return new R(e, t);
+}
+var Et = class {
+	bus;
+	history;
+	overlays;
+	focus;
+	executor;
+	log;
+	perf;
+	data;
+	policy;
+	#e = r(/* @__PURE__ */ new Map());
+	#t;
+	#n = null;
+	registry = e(() => this.#e.value);
+	/** Lazy-initialized A2UI protocol adapter. Only created on first access. */
+	get a2ui() {
+		return this.#n ||= new R(this), this.#n;
+	}
+	constructor(e) {
+		this.#t = e ?? {}, this.bus = new o(), this.history = new c(), this.overlays = new f(), this.focus = new h(), this.executor = new oe(this.#e.peek()), this.log = new ce(), this.perf = new v(), this.data = new y(), this.policy = new D(), this.bus.use(this.policy.middleware()), this.#t.logCommands !== !1 && this.bus.use((e, t) => {
+			t(), this.history.push(e), this.log.logCommand(e);
+		});
+	}
+	register(e, t, n) {
+		let r = Object.freeze({
+			tag: e.toLowerCase(),
+			elementClass: t,
+			...n?.formAssociated ? { formAssociated: !0 } : {}
+		}), i = new Map(this.#e.peek());
+		i.set(r.tag, r), this.#e.value = i;
+	}
+	registerAndDefine(e, t, r) {
+		this.register(e, t, r), n(e, t);
+	}
+	executePlan(e, t) {
+		let n = this.perf.measure("plan:execute", () => this.executor.execute(e, t, this.bus, { allowUnregistered: this.#t.allowUnregistered }));
+		return this.log.logPlan(e.id, "execute", e.source), n;
+	}
+	validatePlanAccessibility(e) {
+		return w(e.root);
+	}
+	patchPlan(e) {
+		let t = this.perf.measure("plan:patch", () => Ie(e, this.executor, this.bus));
+		return this.log.logPlan(e.planId, "patch", e.source, {
+			applied: t.applied,
+			errors: t.errors.length
+		}), t;
+	}
+	teardownPlan(e) {
+		this.executor.teardown(e), this.log.logPlan(e, "teardown", "human");
+	}
+	destroy() {
+		this.#n?.destroy(), this.overlays.destroy(), this.focus.destroy(), this.history.clear(), this.data.destroy(), this.policy.destroy(), this.log.clear(), this.perf.clear();
+	}
+}, z = null;
+function Dt(e) {
+	return z ||= new Et(e), z;
+}
+function Ot() {
+	z &&= (z.destroy(), null);
+}
+var kt = 200, At = class t {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a;
+	#o;
+	#s;
+	currentState;
+	context;
+	history;
+	running;
+	constructor(t, n) {
+		this.#e = t, this.#t = n, this.#n = /* @__PURE__ */ new Map(), this.#r = /* @__PURE__ */ new Map(), this.#c(t.states, void 0), this.#i = r(t.initial), this.#a = r(t.context ? Object.freeze({ ...t.context }) : Object.freeze({})), this.#o = r(Object.freeze([])), this.#s = r(!1), this.currentState = e(() => this.#i.value), this.context = e(() => this.#a.value), this.history = e(() => this.#o.value), this.running = e(() => this.#s.value);
+	}
+	#c(e, t) {
+		for (let n of e) this.#n.set(n.id, n), t !== void 0 && this.#r.set(n.id, t), n.children && this.#c(n.children, n.id);
+	}
+	start() {
+		this.#s.peek() || i(() => {
+			this.#s.value = !0, this.#l(this.#e.initial);
+		});
+	}
+	send(e, t) {
+		if (!this.#s.peek()) return null;
+		let n = this.#i.peek(), r = this.#a.peek(), o = this.#p(n, e), s = [], c = [], l = null;
+		for (let e of o) if (e.guard) {
+			let t = e.guard.name || `${e.from}->${e.to}`;
+			e.guard(r) ? (s.push(t), l ||= e) : c.push(t);
+		} else l ||= e;
+		if (!l) return null;
+		let u = Object.freeze({
+			id: a("wf"),
+			timestamp: Date.now(),
+			event: e,
+			from: n,
+			to: l.to,
+			guardsPassed: Object.freeze(s),
+			guardsBlocked: Object.freeze(c),
+			action: l.action
+		});
+		return i(() => {
+			this.#u(n), l.action && this.#m(l.action, {
+				event: e,
+				data: t
+			}), this.#h(u), this.#i.value = l.to, this.#l(l.to);
+		}), u;
+	}
+	stop() {
+		this.#s.peek() && i(() => {
+			this.#u(this.#i.peek()), this.#s.value = !1;
+		});
+	}
+	setContext(e, t) {
+		let n = this.#a.peek();
+		this.#a.value = Object.freeze({
+			...n,
+			[e]: t
+		});
+	}
+	getContext(e) {
+		return this.#a.peek()[e];
+	}
+	getAvailableEvents() {
+		let e = this.#i.peek(), t = this.#f(e), n = /* @__PURE__ */ new Set();
+		for (let e of this.#e.transitions) t.has(e.from) && n.add(e.event);
+		return Object.freeze([...n]);
+	}
+	canSend(e) {
+		if (!this.#s.peek()) return !1;
+		let t = this.#i.peek(), n = this.#a.peek(), r = this.#p(t, e);
+		for (let e of r) if (!e.guard || e.guard(n)) return !0;
+		return !1;
+	}
+	explain(e) {
+		let t = this.#i.peek(), n = this.#a.peek(), r = this.#p(t, e), i = [], a = null;
+		for (let e of r) if (e.guard) {
+			let t = e.guard.name || `${e.from}->${e.to}`;
+			e.guard(n) ? a ||= e : i.push(t);
+		} else a ||= e;
+		return Object.freeze({
+			would: a !== null,
+			from: t,
+			to: a?.to ?? null,
+			blockedGuards: Object.freeze(i)
+		});
+	}
+	snapshot() {
+		return Object.freeze({
+			definitionId: this.#e.id,
+			currentState: this.#i.peek(),
+			context: this.#a.peek(),
+			history: this.#o.peek(),
+			timestamp: Date.now()
+		});
+	}
+	static restore(e, n, r) {
+		let a = new t(n, r);
+		return i(() => {
+			a.#i.value = e.currentState, a.#a.value = Object.freeze({ ...e.context }), a.#o.value = Object.freeze([...e.history]), a.#s.value = !0;
+		}), a;
+	}
+	destroy() {
+		i(() => {
+			this.#s.peek() && this.#u(this.#i.peek()), this.#s.value = !1, this.#o.value = Object.freeze([]), this.#n.clear(), this.#r.clear();
+		});
+	}
+	#l(e) {
+		let t = this.#n.get(e);
+		t && (t.onEntry && this.#m(t.onEntry, { state: e }), t.children && t.initial && (this.#i.value = t.initial, this.#l(t.initial)));
+	}
+	#u(e) {
+		let t = this.#n.get(e);
+		if (t) {
+			if (t.children) {
+				let t = this.#i.peek();
+				t !== e && this.#d(t, e) && this.#u(t);
+			}
+			t.onExit && this.#m(t.onExit, { state: e });
+		}
+	}
+	#d(e, t) {
+		let n = e;
+		for (; n !== void 0;) {
+			if (n === t) return !0;
+			n = this.#r.get(n);
+		}
+		return !1;
+	}
+	#f(e) {
+		let t = /* @__PURE__ */ new Set();
+		t.add(e);
+		let n = this.#r.get(e);
+		for (; n !== void 0;) t.add(n), n = this.#r.get(n);
+		return t;
+	}
+	#p(e, t) {
+		let n = this.#f(e), r = [];
+		for (let e of this.#e.transitions) e.event === t && n.has(e.from) && r.push(e);
+		let i = (e) => {
+			let t = 0, n = e;
+			for (; n !== void 0;) t++, n = this.#r.get(n);
+			return t;
+		};
+		return r.sort((e, t) => i(t.from) - i(e.from)), r;
+	}
+	#m(e, t) {
+		this.#t && this.#t.dispatch(e, t);
+	}
+	#h(e) {
+		let t = this.#o.peek(), n = t.length >= kt ? [...t.slice(t.length - kt + 1), e] : [...t, e];
+		this.#o.value = Object.freeze(n);
+	}
+};
+function jt(e, t) {
+	return new At(e, t);
+}
+function B(e, t, n, r, i) {
+	return Object.freeze({
+		tag: e,
+		module: t,
+		formAssociated: r,
+		events: i,
+		category: n
+	});
+}
+const V = Object.freeze([
+	B("ui-button", "components/ui-button", "form", !0, ["ui-press"]),
+	B("ui-input", "components/ui-input", "form", !0, ["ui-input", "ui-change"]),
+	B("ui-checkbox", "components/ui-checkbox", "form", !0, ["ui-change"]),
+	B("ui-switch", "components/ui-switch", "form", !0, ["ui-change"]),
+	B("ui-radio-group", "components/ui-radio-group", "form", !0, ["ui-change"]),
+	B("ui-select", "components/ui-select", "form", !0, ["ui-change"]),
+	B("ui-combobox", "components/ui-combobox", "form", !0, ["ui-change", "ui-input"]),
+	B("ui-textarea", "components/ui-textarea", "form", !0, ["ui-input", "ui-change"]),
+	B("ui-range", "components/ui-range", "form", !0, ["ui-change"]),
+	B("ui-segmented-control", "components/ui-segmented-control", "form", !0, ["ui-change"]),
+	B("ui-input-otp", "components/ui-input-otp", "form", !0, ["ui-change"]),
+	B("ui-calendar", "components/ui-calendar", "form", !0, ["ui-change"]),
+	B("ui-listbox", "components/ui-listbox", "display", !1, ["ui-select"]),
+	B("ui-option", "components/ui-option", "display", !1, ["ui-select"]),
+	B("ui-option-group", "components/ui-option-group", "display", !1, []),
+	B("ui-badge", "components/ui-badge", "display", !1, []),
+	B("ui-avatar", "components/ui-avatar", "display", !1, []),
+	B("ui-icon", "icons/ui-icon", "display", !1, []),
+	B("ui-tabs", "components/ui-tabs", "navigation", !1, ["ui-change"]),
+	B("ui-tab", "components/ui-tab", "navigation", !1, ["ui-select"]),
+	B("ui-tab-panel", "components/ui-tab-panel", "navigation", !1, []),
+	B("ui-tab-panels", "components/ui-tab-panels", "navigation", !1, []),
+	B("ui-breadcrumb", "components/ui-breadcrumb", "navigation", !1, []),
+	B("ui-breadcrumb-item", "components/ui-breadcrumb-item", "navigation", !1, ["ui-press"]),
+	B("ui-pagination", "components/ui-pagination", "navigation", !1, ["ui-change"]),
+	B("ui-tree", "components/ui-tree", "navigation", !1, ["ui-change"]),
+	B("ui-tree-item", "components/ui-tree-item", "navigation", !1, ["ui-select"]),
+	B("ui-dialog", "components/ui-dialog", "overlay", !1, ["close", "ui-dismiss"]),
+	B("ui-drawer", "components/ui-drawer", "overlay", !1, ["close", "ui-dismiss"]),
+	B("ui-tooltip", "components/ui-tooltip", "overlay", !1, []),
+	B("ui-accordion", "components/ui-accordion", "overlay", !1, []),
+	B("ui-accordion-item", "components/ui-accordion-item", "overlay", !1, ["ui-expand", "ui-collapse"]),
+	B("ui-command", "components/ui-command", "navigation", !1, ["ui-change"]),
+	B("ui-command-input", "components/ui-command", "form", !1, ["ui-input"]),
+	B("ui-command-list", "components/ui-command", "display", !1, []),
+	B("ui-command-item", "components/ui-command", "display", !1, ["ui-select"]),
+	B("ui-command-group", "components/ui-command", "display", !1, []),
+	B("ui-command-empty", "components/ui-command", "display", !1, []),
+	B("ui-table", "components/ui-table", "display", !1, ["ui-sort", "ui-row-select"]),
+	B("ui-table-head", "components/ui-table", "display", !1, []),
+	B("ui-table-body", "components/ui-table", "display", !1, []),
+	B("ui-table-row", "components/ui-table", "display", !1, []),
+	B("ui-table-cell", "components/ui-table", "display", !1, []),
+	B("ui-table-header", "components/ui-table", "display", !1, ["ui-sort"]),
+	B("ui-card", "containers/ui-card", "container", !1, []),
+	B("ui-section", "containers/ui-section", "container", !1, ["ui-expand", "ui-collapse"]),
+	B("ui-toolbar", "containers/ui-toolbar", "container", !1, []),
+	B("ui-field", "components/ui-field", "form", !1, []),
+	B("ui-radio", "components/ui-radio", "form", !1, ["ui-select"]),
+	B("ui-segment", "components/ui-segment", "form", !1, ["ui-select"])
+]);
+var Mt = new Map(V.map((e) => [e.tag, e]));
+function Nt(e) {
+	return Mt.get(e);
+}
+function Pt(e) {
+	return V.filter((t) => t.category === e);
+}
+function Ft(e, t, n) {
+	let r = n?.exclude ? new Set(n.exclude) : null, i = 0;
+	for (let [n, a] of t) {
+		if (r?.has(n)) continue;
+		let t = Mt.get(n);
+		t && (e.registerAndDefine(n, a, { formAssociated: t.formAssociated }), i++);
+	}
+	return i;
+}
+var It = Object.freeze([
+	"ui-press",
+	"ui-change",
+	"ui-select",
+	"ui-input",
+	"ui-dismiss",
+	"ui-expand",
+	"ui-collapse",
+	"ui-sort",
+	"ui-row-select"
+]);
+function Lt(e, t) {
+	let n = t ?? document.body, r = e.bus, i = [];
+	for (let e of It) {
+		let t = new AbortController();
+		i.push(t), n.addEventListener(e, (t) => {
+			let n = t.target;
+			if (!n?.tagName) return;
+			let i = n.tagName.toLowerCase(), a = `${i}.${e.replace("ui-", "")}`, o = n.closest("[data-plan-id]")?.getAttribute("data-plan-id") ?? void 0;
+			r.dispatch(a, {
+				target: i,
+				event: e,
+				detail: t.detail
+			}, o ? { planId: o } : void 0);
+		}, { signal: t.signal });
+	}
+	return () => {
+		for (let e of i) e.abort();
+	};
+}
+function Rt(e, t) {
+	let n = t.replace(/\[(\d+)\]/g, ".$1").split("."), r = e;
+	for (let e of n) {
+		if (typeof r != "object" || !r) return;
+		r = r[e];
+	}
+	return r;
+}
+function zt(e) {
+	return e.cacheKey ?? `${e.method ?? "GET"}:${e.source}`;
+}
+var Bt = class {
+	#e;
+	#t = r([]);
+	#n = /* @__PURE__ */ new Map();
+	#r = /* @__PURE__ */ new Map();
+	activeBindings = e(() => this.#t.value);
+	constructor(e) {
+		this.#e = e;
+	}
+	bind(e, n, r, i, o) {
+		let s = x(i.source, {
+			method: i.method,
+			headers: i.headers,
+			cacheTtl: i.cacheTtl
+		}), c = this.#e.query(s), l = t(() => {
+			let e = c.value;
+			if (e === null) return;
+			let t = i.transform ? Rt(e, i.transform) : e;
+			switch (i.target) {
+				case "textContent":
+					r.textContent = String(t ?? "");
+					break;
+				case "attribute":
+					i.targetName && t != null && r.setAttribute(i.targetName, String(t));
+					break;
+				case "property":
+					i.targetName && (r[i.targetName] = t);
+					break;
+				case "children":
+					Array.isArray(t) && this.#o(r, t, o);
+					break;
+			}
+		}), u = a("dbind"), d;
+		i.refreshInterval && i.refreshInterval > 0 && (d = setInterval(() => {
+			this.#e.invalidate(zt(s)), this.#e.query(s);
+		}, i.refreshInterval)), this.#n.set(u, {
+			effectDispose: l,
+			intervalId: d
+		});
+		let f = Object.freeze({
+			id: u,
+			planId: e,
+			nodeId: n,
+			binding: i,
+			dispose: () => {
+				this.#i(u), this.#t.value = this.#t.value.filter((e) => e.id !== u), this.#a(e, u);
+			}
+		}), p = this.#r.get(e);
+		return p || (p = /* @__PURE__ */ new Set(), this.#r.set(e, p)), p.add(u), this.#t.value = [...this.#t.value, f], f;
+	}
+	bindPlan(e, t, n, r) {
+		let i = [];
+		for (let [a, o] of n) {
+			let n = t.get(a);
+			n && i.push(this.bind(e, a, n, o, r));
+		}
+		return Object.freeze(i);
+	}
+	unbindPlan(e) {
+		let t = this.#r.get(e);
+		if (t) {
+			for (let e of t) this.#i(e);
+			this.#t.value = this.#t.value.filter((e) => !t.has(e.id)), this.#r.delete(e);
+		}
+	}
+	unbind(e) {
+		let t = this.#t.value.find((t) => t.id === e);
+		t && t.dispose();
+	}
+	refresh(e) {
+		let t = this.#t.value;
+		for (let n of t) {
+			if (n.planId !== e) continue;
+			let t = x(n.binding.source, {
+				method: n.binding.method,
+				headers: n.binding.headers,
+				cacheTtl: n.binding.cacheTtl
+			});
+			this.#e.invalidate(zt(t)), this.#e.query(t);
+		}
+	}
+	destroy() {
+		for (let e of this.#n.keys()) this.#i(e);
+		this.#t.value = [], this.#r.clear();
+	}
+	#i(e) {
+		let t = this.#n.get(e);
+		t && (t.effectDispose(), t.intervalId !== void 0 && clearInterval(t.intervalId), this.#n.delete(e));
+	}
+	#a(e, t) {
+		let n = this.#r.get(e);
+		n && (n.delete(t), n.size === 0 && this.#r.delete(e));
+	}
+	#o(e, t, n) {
+		e.innerHTML = "";
+		for (let n of t) {
+			if (n == null) continue;
+			let t = document.createElement("div");
+			if (typeof n == "string") t.textContent = n;
+			else if (typeof n == "object") {
+				let e = n;
+				t.textContent = String(e.label ?? e.name ?? e.title ?? JSON.stringify(e)), e.value != null && t.setAttribute("data-value", String(e.value));
+			}
+			e.appendChild(t);
+		}
+	}
+};
+function Vt(e) {
+	return new Bt(e);
+}
+function H(e) {
+	return Object.freeze(e.map((e) => Object.freeze(e)));
+}
+function U(e) {
+	return Object.freeze(e.map((e) => Object.freeze(e)));
+}
+function W(e, t) {
+	return {
+		id: e,
+		onEntry: `${t}.${e}.entered`,
+		onExit: `${t}.${e}.exited`
+	};
+}
+function Ht(e) {
+	let t = e.id ?? "form-wizard", n = e.steps, r = n.map((e) => W(e, t));
+	r.push(W("complete", t)), r.push(W("cancelled", t));
+	let i = [];
+	for (let e = 0; e < n.length; e++) {
+		let r = n[e];
+		e < n.length - 1 ? i.push({
+			from: r,
+			event: "NEXT",
+			to: n[e + 1],
+			action: `${t}.next`
+		}) : i.push({
+			from: r,
+			event: "SUBMIT",
+			to: "complete",
+			action: `${t}.submitted`
+		}), e > 0 && i.push({
+			from: r,
+			event: "PREV",
+			to: n[e - 1],
+			action: `${t}.prev`
+		}), i.push({
+			from: r,
+			event: "CANCEL",
+			to: "cancelled",
+			action: `${t}.cancelled`
+		});
+	}
+	return Object.freeze({
+		id: t,
+		initial: n[0],
+		states: H(r),
+		transitions: U(i),
+		context: Object.freeze({
+			currentStep: 0,
+			totalSteps: n.length
+		})
+	});
+}
+function Ut(e) {
+	let t = e?.id ?? "confirm-flow";
+	if (e?.requireDoubleConfirm ?? !1) {
+		let e = [
+			W("idle", t),
+			W("confirming", t),
+			W("confirmed", t)
+		], n = [
+			{
+				from: "idle",
+				event: "CONFIRM",
+				to: "confirming",
+				action: `${t}.confirm`
+			},
+			{
+				from: "confirming",
+				event: "CONFIRM",
+				to: "confirmed",
+				action: `${t}.confirm`
+			},
+			{
+				from: "confirming",
+				event: "CANCEL",
+				to: "idle",
+				action: `${t}.cancel`
+			}
+		];
+		return Object.freeze({
+			id: t,
+			initial: "idle",
+			states: H(e),
+			transitions: U(n)
+		});
+	}
+	let n = [
+		W("idle", t),
+		W("confirmed", t),
+		W("cancelled", t)
+	], r = [{
+		from: "idle",
+		event: "CONFIRM",
+		to: "confirmed",
+		action: `${t}.confirm`
+	}, {
+		from: "idle",
+		event: "CANCEL",
+		to: "cancelled",
+		action: `${t}.cancel`
+	}];
+	return Object.freeze({
+		id: t,
+		initial: "idle",
+		states: H(n),
+		transitions: U(r)
+	});
+}
+function Wt(e) {
+	let t = e?.id ?? "crud-lifecycle", n = e?.allowDelete ?? !1, r = [
+		W("empty", t),
+		W("loading", t),
+		W("loaded", t),
+		W("editing", t),
+		W("saving", t),
+		W("error", t)
+	];
+	n && r.push(W("deleted", t));
+	let i = [
+		{
+			from: "empty",
+			event: "FETCH",
+			to: "loading",
+			action: `${t}.fetch`
+		},
+		{
+			from: "loading",
+			event: "SUCCESS",
+			to: "loaded",
+			action: `${t}.success`
+		},
+		{
+			from: "loading",
+			event: "FAILURE",
+			to: "error",
+			action: `${t}.failure`
+		},
+		{
+			from: "loaded",
+			event: "EDIT",
+			to: "editing",
+			action: `${t}.edit`
+		},
+		{
+			from: "loaded",
+			event: "REFRESH",
+			to: "loading",
+			action: `${t}.refresh`
+		},
+		{
+			from: "editing",
+			event: "SAVE",
+			to: "saving",
+			action: `${t}.save`
+		},
+		{
+			from: "editing",
+			event: "CANCEL",
+			to: "loaded",
+			action: `${t}.cancel`
+		},
+		{
+			from: "saving",
+			event: "SUCCESS",
+			to: "loaded",
+			action: `${t}.success`
+		},
+		{
+			from: "saving",
+			event: "FAILURE",
+			to: "error",
+			action: `${t}.failure`
+		},
+		{
+			from: "error",
+			event: "RETRY",
+			to: "loading",
+			action: `${t}.retry`
+		},
+		{
+			from: "error",
+			event: "DISMISS",
+			to: "empty",
+			action: `${t}.dismiss`
+		}
+	];
+	return n && i.push({
+		from: "loaded",
+		event: "DELETE",
+		to: "deleted",
+		action: `${t}.delete`
+	}, {
+		from: "deleted",
+		event: "RESET",
+		to: "empty",
+		action: `${t}.reset`
+	}), Object.freeze({
+		id: t,
+		initial: "empty",
+		states: H(r),
+		transitions: U(i)
+	});
+}
+function Gt(e) {
+	let t = e?.id ?? "auth-flow", n = e?.mfaRequired ?? !1, r = [W("unauthenticated", t), W("authenticating", t)];
+	n && r.push(W("mfa-pending", t)), r.push(W("authenticated", t)), r.push(W("error", t));
+	let i = [
+		{
+			from: "unauthenticated",
+			event: "LOGIN",
+			to: "authenticating",
+			action: `${t}.login`
+		},
+		{
+			from: "authenticating",
+			event: "SUCCESS",
+			to: n ? "mfa-pending" : "authenticated",
+			action: `${t}.success`
+		},
+		{
+			from: "authenticating",
+			event: "FAILURE",
+			to: "error",
+			action: `${t}.failure`
+		},
+		{
+			from: "authenticated",
+			event: "LOGOUT",
+			to: "unauthenticated",
+			action: `${t}.logout`
+		},
+		{
+			from: "error",
+			event: "RETRY",
+			to: "authenticating",
+			action: `${t}.retry`
+		},
+		{
+			from: "error",
+			event: "DISMISS",
+			to: "unauthenticated",
+			action: `${t}.dismiss`
+		}
+	];
+	return n && i.push({
+		from: "mfa-pending",
+		event: "VERIFY",
+		to: "authenticated",
+		action: `${t}.verify`
+	}, {
+		from: "mfa-pending",
+		event: "FAIL",
+		to: "error",
+		action: `${t}.fail`
+	}), Object.freeze({
+		id: t,
+		initial: "unauthenticated",
+		states: H(r),
+		transitions: U(i)
+	});
+}
+function Kt(e) {
+	let t = e?.id ?? "toggle-flow", n = e?.initialState ?? "off", r = [W("off", t), W("on", t)], i = [{
+		from: "off",
+		event: "TOGGLE",
+		to: "on",
+		action: `${t}.toggle`
+	}, {
+		from: "on",
+		event: "TOGGLE",
+		to: "off",
+		action: `${t}.toggle`
+	}];
+	return Object.freeze({
+		id: t,
+		initial: n,
+		states: H(r),
+		transitions: U(i)
+	});
+}
+var G = Object.freeze({
+	name: "size",
+	type: "enum",
+	values: Object.freeze([
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	]),
+	default: "md",
+	description: "Controls the component size scale."
+}), K = Object.freeze({
+	name: "intent",
+	type: "enum",
+	values: Object.freeze([
+		"neutral",
+		"accent",
+		"info",
+		"success",
+		"warning",
+		"danger"
+	]),
+	default: "neutral",
+	description: "Semantic color intent for the component."
+}), q = Object.freeze({
+	name: "density",
+	type: "enum",
+	values: Object.freeze([
+		"compact",
+		"default",
+		"loose"
+	]),
+	default: "default",
+	description: "Controls internal spacing density."
+}), J = Object.freeze({
+	name: "radius",
+	type: "enum",
+	values: Object.freeze([
+		"none",
+		"sm",
+		"round"
+	]),
+	default: "round",
+	description: "Border-radius variant."
+}), Y = Object.freeze({
+	name: "disabled",
+	type: "boolean",
+	description: "Disables the component."
+}), X = Object.freeze({
+	name: "placeholder",
+	type: "string",
+	description: "Placeholder text shown when empty."
+}), Z = Object.freeze({
+	name: "",
+	description: "Default slot for primary content."
+}), qt = Object.freeze({
+	name: "leading",
+	description: "Content placed before the main label (e.g. icon).",
+	allowedTags: Object.freeze([
+		"ui-icon",
+		"span",
+		"img"
+	])
+}), Jt = Object.freeze({
+	name: "trailing",
+	description: "Content placed after the main label (e.g. icon, badge).",
+	allowedTags: Object.freeze([
+		"ui-icon",
+		"span",
+		"img",
+		"ui-badge"
+	])
+});
+function Q(e) {
+	return Object.freeze(e);
+}
+function $(e) {
+	return Object.freeze({
+		...e,
+		attributes: Object.freeze(e.attributes),
+		properties: Object.freeze(e.properties),
+		slots: Object.freeze(e.slots),
+		events: Object.freeze(e.events),
+		aria: Object.freeze(e.aria),
+		allowedChildren: e.allowedChildren ? Object.freeze(e.allowedChildren) : void 0
+	});
+}
+var Yt = $({
+	tag: "ui-button",
+	category: "form",
+	description: "Interactive button with variant, intent, and size support. Supports leading/trailing icon slots.",
+	attributes: [
+		Q({
+			name: "variant",
+			type: "enum",
+			values: Object.freeze([
+				"primary",
+				"secondary",
+				"default",
+				"outline",
+				"ghost"
+			]),
+			default: "default",
+			description: "Visual style variant. \"default\" uses neutral chrome with intent-colored text."
+		}),
+		K,
+		G,
+		q,
+		J,
+		Y,
+		Q({
+			name: "justify",
+			type: "enum",
+			values: Object.freeze(["spread"]),
+			description: "Set to \"spread\" for trigger-mode layout (label fills space, trailing icon pushes right)."
+		})
+	],
+	properties: [],
+	slots: [
+		Q({
+			name: "",
+			description: "Label text content.",
+			allowedTags: Object.freeze(["span"])
+		}),
+		qt,
+		Jt
+	],
+	events: [Q({
+		name: "ui-press",
+		description: "Fired on activation (click, Enter, Space)."
+	})],
+	aria: Q({
+		role: "button",
+		autoLabeled: !0
+	}),
+	formAssociated: !0
+}), Xt = $({
+	tag: "ui-input",
+	category: "form",
+	description: "Text input field using contenteditable. Supports leading/trailing slots for icons or actions.",
+	attributes: [
+		Q({
+			name: "variant",
+			type: "enum",
+			values: Object.freeze(["outline", "ghost"]),
+			default: "outline",
+			description: "Visual style variant."
+		}),
+		K,
+		G,
+		q,
+		J,
+		Y,
+		X,
+		Q({
+			name: "type",
+			type: "string",
+			description: "Input type hint (e.g. \"email\", \"password\")."
+		})
+	],
+	properties: [Q({
+		name: "value",
+		type: "string",
+		description: "Current input value."
+	})],
+	slots: [qt, Jt],
+	events: [Q({
+		name: "ui-input",
+		description: "Fired on each keystroke / input change."
+	}), Q({
+		name: "ui-change",
+		description: "Fired when value is committed (blur or Enter)."
+	})],
+	aria: Q({
+		role: "textbox",
+		requiredAttributes: Object.freeze(["aria-label"]),
+		autoLabeled: !1
+	}),
+	formAssociated: !0
+}), Zt = $({
+	tag: "ui-select",
+	category: "form",
+	description: "Dropdown select coordinator. Manual mode wraps ui-button + ui-listbox; data-driven mode stamps children from options/src attribute.",
+	attributes: [
+		X,
+		G,
+		K,
+		q,
+		Y,
+		Q({
+			name: "options",
+			type: "string",
+			description: "JSON array of {value, label, disabled?} for data-driven mode."
+		}),
+		Q({
+			name: "src",
+			type: "string",
+			description: "URL to fetch options from for data-driven mode."
+		})
+	],
+	properties: [Q({
+		name: "options",
+		type: "array",
+		description: "Array of SelectOption objects ({value, label, disabled?}) for data-driven mode."
+	}), Q({
+		name: "value",
+		type: "string",
+		description: "Currently selected value."
+	})],
+	slots: [Z],
+	events: [Q({
+		name: "ui-change",
+		description: "Fired when the selected value changes.",
+		detail: "{ value: string }"
+	})],
+	aria: Q({
+		role: "combobox",
+		requiredAttributes: Object.freeze(["aria-label"]),
+		autoLabeled: !1
+	}),
+	allowedChildren: Object.freeze(["ui-button", "ui-listbox"]),
+	formAssociated: !0
+}), Qt = $({
+	tag: "ui-combobox",
+	category: "form",
+	description: "Filterable select coordinator. Wraps ui-input + ui-listbox with typeahead filtering.",
+	attributes: [
+		X,
+		G,
+		K,
+		q,
+		Y
+	],
+	properties: [Q({
+		name: "value",
+		type: "string",
+		description: "Currently selected value."
+	})],
+	slots: [Z],
+	events: [Q({
+		name: "ui-change",
+		description: "Fired when the selected value changes.",
+		detail: "{ value: string }"
+	}), Q({
+		name: "ui-input",
+		description: "Fired on filter text input."
+	})],
+	aria: Q({
+		role: "combobox",
+		requiredAttributes: Object.freeze(["aria-label"]),
+		autoLabeled: !1
+	}),
+	allowedChildren: Object.freeze(["ui-input", "ui-listbox"]),
+	formAssociated: !0
+}), $t = $({
+	tag: "ui-checkbox",
+	category: "form",
+	description: "Checkbox toggle with label content as default slot.",
+	attributes: [
+		G,
+		K,
+		Y
+	],
+	properties: [Q({
+		name: "checked",
+		type: "boolean",
+		description: "Whether the checkbox is checked."
+	})],
+	slots: [Q({
+		name: "",
+		description: "Label text content."
+	})],
+	events: [Q({
+		name: "ui-change",
+		description: "Fired when checked state changes.",
+		detail: "{ checked: boolean }"
+	})],
+	aria: Q({
+		role: "checkbox",
+		autoLabeled: !0
+	}),
+	formAssociated: !0
+}), en = $({
+	tag: "ui-switch",
+	category: "form",
+	description: "Toggle switch with on/off states. Self-labels from content.",
+	attributes: [
+		G,
+		K,
+		Y
+	],
+	properties: [Q({
+		name: "checked",
+		type: "boolean",
+		description: "Whether the switch is on."
+	})],
+	slots: [Q({
+		name: "",
+		description: "Label text content."
+	})],
+	events: [Q({
+		name: "ui-change",
+		description: "Fired when toggled.",
+		detail: "{ checked: boolean }"
+	})],
+	aria: Q({
+		role: "switch",
+		autoLabeled: !0
+	}),
+	formAssociated: !0
+}), tn = $({
+	tag: "ui-textarea",
+	category: "form",
+	description: "Multi-line text input area.",
+	attributes: [
+		Q({
+			name: "variant",
+			type: "enum",
+			values: Object.freeze(["outline", "ghost"]),
+			default: "outline",
+			description: "Visual style variant."
+		}),
+		G,
+		K,
+		q,
+		J,
+		Y,
+		X
+	],
+	properties: [Q({
+		name: "value",
+		type: "string",
+		description: "Current textarea value."
+	})],
+	slots: [],
+	events: [Q({
+		name: "ui-input",
+		description: "Fired on each keystroke."
+	}), Q({
+		name: "ui-change",
+		description: "Fired when value is committed."
+	})],
+	aria: Q({
+		role: "textbox",
+		requiredAttributes: Object.freeze(["aria-label"]),
+		autoLabeled: !1
+	}),
+	formAssociated: !0
+}), nn = $({
+	tag: "ui-range",
+	category: "form",
+	description: "Slider range input for numeric values.",
+	attributes: [
+		Q({
+			name: "min",
+			type: "string",
+			default: "0",
+			description: "Minimum value."
+		}),
+		Q({
+			name: "max",
+			type: "string",
+			default: "100",
+			description: "Maximum value."
+		}),
+		Q({
+			name: "step",
+			type: "string",
+			default: "1",
+			description: "Step increment."
+		}),
+		G,
+		K,
+		Y
+	],
+	properties: [Q({
+		name: "value",
+		type: "number",
+		description: "Current numeric value."
+	})],
+	slots: [],
+	events: [Q({
+		name: "ui-change",
+		description: "Fired when value changes.",
+		detail: "{ value: number }"
+	})],
+	aria: Q({
+		role: "slider",
+		requiredAttributes: Object.freeze(["aria-label"]),
+		autoLabeled: !1
+	}),
+	formAssociated: !0
+}), rn = $({
+	tag: "ui-listbox",
+	category: "display",
+	description: "Scrollable list of selectable options. Used standalone or as a child of ui-select/ui-combobox.",
+	attributes: [
+		Q({
+			name: "variant",
+			type: "enum",
+			values: Object.freeze(["secondary", "ghost"]),
+			default: "secondary",
+			description: "Visual style variant."
+		}),
+		G,
+		q
+	],
+	properties: [],
+	slots: [Z],
+	events: [Q({
+		name: "ui-select",
+		description: "Fired when an option is selected.",
+		detail: "{ value: string }"
+	})],
+	aria: Q({ role: "listbox" }),
+	allowedChildren: Object.freeze(["ui-option", "ui-option-group"]),
+	formAssociated: !1
+}), an = $({
+	tag: "ui-option",
+	category: "display",
+	description: "Single selectable option inside a ui-listbox.",
+	attributes: [Q({
+		name: "value",
+		type: "string",
+		description: "Option value submitted on selection."
+	}), Y],
+	properties: [],
+	slots: [
+		Q({
+			name: "",
+			description: "Option label content."
+		}),
+		qt,
+		Jt
+	],
+	events: [Q({
+		name: "ui-select",
+		description: "Fired when this option is selected."
+	})],
+	aria: Q({
+		role: "option",
+		autoLabeled: !0
+	}),
+	formAssociated: !1
+}), on = $({
+	tag: "ui-badge",
+	category: "display",
+	description: "Small status indicator or label tag.",
+	attributes: [
+		Q({
+			name: "variant",
+			type: "enum",
+			values: Object.freeze([
+				"primary",
+				"secondary",
+				"outline"
+			]),
+			default: "secondary",
+			description: "Visual style variant."
+		}),
+		K,
+		G,
+		J
+	],
+	properties: [],
+	slots: [Q({
+		name: "",
+		description: "Badge label content."
+	})],
+	events: [],
+	aria: Q({ autoLabeled: !0 }),
+	formAssociated: !1
+}), sn = $({
+	tag: "ui-avatar",
+	category: "display",
+	description: "User avatar image or fallback initials.",
+	attributes: [
+		Q({
+			name: "src",
+			type: "string",
+			description: "Image URL for the avatar."
+		}),
+		Q({
+			name: "alt",
+			type: "string",
+			description: "Accessible alt text for the avatar image."
+		}),
+		G,
+		J
+	],
+	properties: [],
+	slots: [Q({
+		name: "",
+		description: "Fallback content (e.g. initials) when no src is provided."
+	})],
+	events: [],
+	aria: Q({
+		role: "img",
+		requiredAttributes: Object.freeze(["aria-label"])
+	}),
+	formAssociated: !1
+}), cn = $({
+	tag: "ui-icon",
+	category: "display",
+	description: "Phosphor icon element. Renders an SVG icon by name from the global registry.",
+	attributes: [Q({
+		name: "name",
+		type: "string",
+		description: "Icon name from the Phosphor icon set (e.g. \"house\", \"caret-up-down\", \"check\")."
+	}), G],
+	properties: [],
+	slots: [],
+	events: [],
+	aria: Q({
+		requiredAttributes: Object.freeze(["aria-hidden"]),
+		autoLabeled: !1
+	}),
+	formAssociated: !1
+}), ln = $({
+	tag: "ui-tabs",
+	category: "navigation",
+	description: "Tab container that coordinates tab selection and panel visibility.",
+	attributes: [G, q],
+	properties: [Q({
+		name: "value",
+		type: "string",
+		description: "Currently active tab value."
+	})],
+	slots: [Z],
+	events: [Q({
+		name: "ui-change",
+		description: "Fired when the active tab changes.",
+		detail: "{ value: string }"
+	})],
+	aria: Q({ role: "tablist" }),
+	allowedChildren: Object.freeze(["ui-tab", "ui-tab-panels"]),
+	formAssociated: !1
+}), un = $({
+	tag: "ui-tab-panels",
+	category: "navigation",
+	description: "Container for tab panels within a ui-tabs component.",
+	attributes: [],
+	properties: [],
+	slots: [Z],
+	events: [],
+	aria: Q({ role: "presentation" }),
+	allowedChildren: Object.freeze(["ui-tab-panel"]),
+	formAssociated: !1
+}), dn = $({
+	tag: "ui-dialog",
+	category: "overlay",
+	description: "Modal dialog overlay. Wraps a native <dialog> and provides showModal()/close() API.",
+	attributes: [Q({
+		name: "no-close-on-escape",
+		type: "boolean",
+		description: "Prevents closing the dialog when Escape is pressed."
+	}), Q({
+		name: "no-close-on-backdrop",
+		type: "boolean",
+		description: "Prevents closing the dialog when the backdrop is clicked."
+	})],
+	properties: [],
+	slots: [Z],
+	events: [Q({
+		name: "close",
+		description: "Fired when the dialog is closed."
+	}), Q({
+		name: "ui-dismiss",
+		description: "Fired when a dismiss action is triggered."
+	})],
+	aria: Q({
+		role: "dialog",
+		requiredAttributes: Object.freeze(["aria-label"]),
+		autoLabeled: !1
+	}),
+	formAssociated: !1
+}), fn = $({
+	tag: "ui-card",
+	category: "container",
+	description: "Bounded surface container with optional header and footer slots.",
+	attributes: [
+		G,
+		q,
+		J
+	],
+	properties: [],
+	slots: [
+		Z,
+		Q({
+			name: "header",
+			description: "Card header content area."
+		}),
+		Q({
+			name: "footer",
+			description: "Card footer content area."
+		})
+	],
+	events: [],
+	aria: Q({}),
+	formAssociated: !1
+}), pn = $({
+	tag: "ui-field",
+	category: "form",
+	description: "Form field wrapper that pairs a label with a form control and displays validation messages.",
+	attributes: [],
+	properties: [],
+	slots: [Z],
+	events: [],
+	aria: Q({}),
+	allowedChildren: Object.freeze([
+		"label",
+		"ui-input",
+		"ui-select",
+		"ui-combobox",
+		"ui-checkbox",
+		"ui-switch",
+		"ui-textarea",
+		"ui-range",
+		"span"
+	]),
+	formAssociated: !1
+}), mn = Object.freeze([
+	Yt,
+	Xt,
+	Zt,
+	Qt,
+	$t,
+	en,
+	tn,
+	nn,
+	rn,
+	an,
+	on,
+	sn,
+	cn,
+	ln,
+	un,
+	dn,
+	fn,
+	pn
+]);
+const hn = new Map(mn.map((e) => [e.tag, e]));
+function gn(e) {
+	return hn.get(e);
+}
+function _n(e) {
+	return mn.filter((t) => t.category === e);
+}
+function vn(e, t) {
+	let n = hn.get(e);
+	if (n) return n.attributes.find((e) => e.name === t);
+}
+/**
+* GenUI Planner
+*
+* Takes structured UIIntent objects and produces validated UIPlan objects.
+* Bridge between "what the AI wants to create" and the deterministic kernel execution.
+*
+* Intent → UINode tree → UIPlan → schema validation → accessibility audit → PlanResult
+*/
+/** Tags that suppress the wrapper div when they are the sole root element. */
+var yn = new Set([
+	"div",
+	"form",
+	"section",
+	"main",
+	"nav",
+	"header",
+	"footer",
+	"article",
+	"aside"
+]), bn = new Set([
+	"ui-button",
+	"button",
+	"a",
+	"label",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"p",
+	"span",
+	"li",
+	"td",
+	"th",
+	"caption",
+	"summary",
+	"legend",
+	"ui-option",
+	"ui-command-item",
+	"ui-breadcrumb-item",
+	"ui-tab",
+	"ui-switch",
+	"ui-badge"
+]), xn = new Set(["ui-button"]), Sn = 10;
+function Cn(e) {
+	if (typeof e != "object" || !e) return e;
+	Object.freeze(e);
+	for (let t of Object.values(e)) typeof t == "object" && t && !Object.isFrozen(t) && Cn(t);
+	return e;
+}
+function wn(e, t) {
+	if (!e.children || e.children.length === 0) return t;
+	let n = t;
+	for (let r of e.children) {
+		let e = wn(r, t + 1);
+		e > n && (n = e);
+	}
+	return n;
+}
+var Tn = class e {
+	#e;
+	#t = 0;
+	constructor(e) {
+		this.#e = e ?? /* @__PURE__ */ new Map();
+	}
+	generate(e, t) {
+		this.#t = 0;
+		let n = this.#n(e), r = Cn({
+			id: e.id ?? a("plan"),
+			version: 1,
+			root: n,
+			source: t ?? "generated",
+			timestamp: Date.now()
+		});
+		return Cn({
+			plan: r,
+			validation: g(r, this.#e, { allowUnregistered: !0 }),
+			accessibility: w(r.root),
+			warnings: Object.freeze(this.#c(e, r))
+		});
+	}
+	#n(e) {
+		let t = e.elements.map((e) => this.#r(e));
+		if (t.length === 1) {
+			let n = t[0];
+			if (yn.has(n.tag.toLowerCase())) return e.title && !n.attributes?.["aria-label"] ? {
+				...n,
+				attributes: {
+					...n.attributes,
+					"aria-label": e.title
+				}
+			} : n;
+		}
+		let n = { role: "region" };
+		return e.title && (n["aria-label"] = e.title), (e.type === "form" || e.type === "composite") && (n.style = "display: flex; flex-direction: column; gap: 1rem;"), {
+			id: this.#i("div"),
+			tag: "div",
+			attributes: n,
+			children: t
+		};
+	}
+	#r(e) {
+		let t = this.#a(e), n = this.#i(t.component), r = { ...t.attributes ?? {} }, i = this.#o(t.component, r, t), a = {
+			...r,
+			...i
+		}, o, s;
+		if (t.label) {
+			let e = t.component.toLowerCase();
+			xn.has(e) ? s = {
+				id: this.#i("span"),
+				tag: "span",
+				attributes: { slot: "label" },
+				textContent: t.label
+			} : bn.has(e) ? o = t.label : a["aria-label"] ||= t.label;
+		}
+		let c = t.children ? t.children.map((e) => this.#r(e)) : void 0, l;
+		return (s || c && c.length > 0) && (l = [], s && l.push(s), c && l.push(...c)), {
+			id: n,
+			tag: t.component,
+			...Object.keys(a).length > 0 ? { attributes: a } : {},
+			...t.properties ? { properties: t.properties } : {},
+			...t.events ? { events: t.events } : {},
+			...o === void 0 ? {} : { textContent: o },
+			...l && l.length > 0 ? { children: l } : {},
+			...t.slot ? { slot: t.slot } : {}
+		};
+	}
+	#i(e) {
+		return `${e}-${this.#t++}`;
+	}
+	/**
+	* Transforms an ElementIntent to match native-ui component DOM requirements.
+	* For example, `ui-select` with `ui-option` children gets converted to
+	* data-driven mode (options attribute) since manual mode requires a complex
+	* `ui-button` + `ui-listbox[popover]` structure.
+	*/
+	#a(e) {
+		if (e.component.toLowerCase() === "ui-select" && e.children && e.children.length > 0) {
+			let t = e.children.filter((e) => e.component.toLowerCase() === "ui-option");
+			if (t.length > 0) {
+				let n = t.map((e) => ({
+					value: e.attributes?.value ?? "",
+					label: e.label ?? e.attributes?.label ?? e.attributes?.value ?? ""
+				})), r = e.children.filter((e) => e.component.toLowerCase() !== "ui-option");
+				return {
+					...e,
+					attributes: {
+						...e.attributes ?? {},
+						options: JSON.stringify(n)
+					},
+					children: r.length > 0 ? r : void 0
+				};
+			}
+		}
+		return e;
+	}
+	#o(e, t, n) {
+		let r = {}, i;
+		try {
+			i = gn(e);
+		} catch {}
+		if (i && (i.aria?.role && !t.role && (r.role = i.aria.role), i.aria?.requiredAttributes)) for (let e of i.aria.requiredAttributes) t[e] || (r[e] = this.#s(e));
+		return e.toLowerCase() === "ui-icon" && !t["aria-label"] && !n.label && (r["aria-hidden"] = "true"), r;
+	}
+	/** Sensible defaults for required ARIA attributes. */
+	#s(e) {
+		switch (e) {
+			case "aria-checked": return "false";
+			case "aria-expanded": return "false";
+			case "aria-selected": return "false";
+			case "aria-disabled": return "false";
+			case "aria-hidden": return "false";
+			case "aria-valuenow": return "0";
+			case "aria-valuemin": return "0";
+			case "aria-valuemax": return "100";
+			case "aria-level": return "2";
+			default: return "";
+		}
+	}
+	#c(e, t) {
+		let n = [];
+		if (e.type === "form") for (let t of e.elements) this.#l(t, n);
+		this.#u(e.elements, n);
+		let r = wn(t.root, 0);
+		return r > Sn && n.push(`Plan nesting depth is ${r} levels (recommended maximum: ${Sn}). Deep nesting may affect performance and accessibility.`), this.#d(e.elements, n), n;
+	}
+	#l(e, t) {
+		let n = e.component.toLowerCase();
+		if ((n === "ui-input" || n === "ui-select" || n === "ui-combobox" || n === "ui-textarea" || n === "ui-range" || n === "input" || n === "select" || n === "textarea") && !e.label && !e.attributes?.["aria-label"] && !e.attributes?.["aria-labelledby"] && t.push(`Form element <${e.component}> is missing a label.`), e.children) for (let n of e.children) this.#l(n, t);
+	}
+	#u(e, t) {
+		for (let n of e) {
+			let e = n.component.toLowerCase();
+			(e === "ui-button" || e === "button") && (n.label || n.attributes?.["aria-label"] || n.attributes?.["aria-labelledby"] || t.push(`Button <${n.component}> has no text content or aria-label.`)), n.children && this.#u(n.children, t);
+		}
+	}
+	#d(e, t) {
+		for (let n of e) {
+			let e = n.component.toLowerCase();
+			if (e.includes("-")) {
+				let r;
+				try {
+					r = gn(e);
+				} catch {}
+				r || t.push(`Custom element <${n.component}> is not in the schema catalog.`);
+			}
+			n.children && this.#d(n.children, t);
+		}
+	}
+	/**
+	* Build a form plan from field descriptors.
+	* Produces a `<form>` with `ui-field` + `ui-input`/`ui-select`/`ui-textarea` per field,
+	* plus a submit `ui-button` at the end.
+	*/
+	static form(t, n) {
+		let r = [];
+		for (let e of t) {
+			let t = e.type ?? "text", n;
+			n = t === "select" && e.options ? {
+				component: "ui-select",
+				label: e.name,
+				attributes: {
+					options: JSON.stringify(e.options.map((e) => ({
+						value: e.value,
+						label: e.label
+					}))),
+					...e.placeholder ? { placeholder: e.placeholder } : {},
+					...e.required ? { required: "" } : {}
+				}
+			} : t === "textarea" ? {
+				component: "ui-textarea",
+				label: e.name,
+				attributes: {
+					...e.placeholder ? { placeholder: e.placeholder } : {},
+					...e.required ? { required: "" } : {}
+				}
+			} : {
+				component: "ui-input",
+				label: e.name,
+				attributes: {
+					type: t,
+					...e.placeholder ? { placeholder: e.placeholder } : {},
+					...e.required ? { required: "" } : {}
+				}
+			}, r.push({
+				component: "ui-field",
+				children: [{
+					component: "label",
+					label: e.name,
+					slot: "label"
+				}, n]
+			});
+		}
+		r.push({
+			component: "ui-button",
+			label: n?.submitLabel ?? "Submit",
+			attributes: {
+				variant: "primary",
+				intent: "accent"
+			},
+			events: n?.submitCommand ? { "ui-press": n.submitCommand } : {}
+		});
+		let i = {
+			type: "form",
+			elements: [{
+				component: "form",
+				attributes: {
+					novalidate: "",
+					style: "display: flex; flex-direction: column; gap: 1rem;"
+				},
+				children: r
+			}],
+			title: n?.title
+		};
+		return new e(n?.registry).generate(i);
+	}
+	/**
+	* Build a simple action bar from button descriptors.
+	* Produces a horizontal `<div>` with `ui-button` children.
+	*/
+	static actions(t, n) {
+		let r = {
+			type: "action",
+			elements: [{
+				component: "div",
+				attributes: {
+					style: "display: flex; gap: 0.5rem; align-items: center;",
+					role: "toolbar"
+				},
+				children: t.map((e) => ({
+					component: "ui-button",
+					label: e.label,
+					attributes: {
+						variant: e.variant ?? "default",
+						...e.intent ? { intent: e.intent } : {}
+					},
+					events: { "ui-press": e.command }
+				}))
+			}]
+		};
+		return new e(n?.registry).generate(r);
+	}
+	/**
+	* Build a content card with optional heading, body, media, and footer actions.
+	* Produces a `<ui-card>` with slotted children.
+	*/
+	static card(t, n) {
+		let r = [];
+		t.media && r.push({
+			component: "img",
+			slot: "media",
+			attributes: {
+				src: t.media.src,
+				alt: t.media.alt,
+				...t.media.height ? { style: `height: ${t.media.height}; object-fit: cover;` } : {}
+			}
+		}), t.heading && r.push({
+			component: "div",
+			slot: "header",
+			children: [{
+				component: "span",
+				label: t.heading
+			}]
+		}), r.push({
+			component: "p",
+			label: t.body
+		}), t.footer && t.footer.length > 0 && r.push({
+			component: "div",
+			slot: "footer",
+			children: t.footer.map((e) => ({
+				component: "ui-button",
+				label: e.label,
+				attributes: {
+					variant: e.variant ?? "ghost",
+					...e.intent ? { intent: e.intent } : {}
+				},
+				events: { "ui-press": e.command }
+			}))
+		});
+		let i = {};
+		t.interactive && (i.interactive = ""), t.href && (i.href = t.href, i.interactive = "");
+		let a = {
+			type: "display",
+			elements: [{
+				component: "ui-card",
+				attributes: Object.keys(i).length > 0 ? i : void 0,
+				children: r
+			}]
+		};
+		return new e(n?.registry).generate(a);
+	}
+	/**
+	* Build a confirmation/alert dialog.
+	* Produces a `<ui-dialog>` with a styled panel containing title, body, and action buttons.
+	*/
+	static dialog(t, n) {
+		let r = [];
+		(t.cancelLabel !== void 0 || t.cancelCommand) && r.push({
+			component: "ui-button",
+			label: t.cancelLabel ?? "Cancel",
+			attributes: { variant: "ghost" },
+			events: t.cancelCommand ? { "ui-press": t.cancelCommand } : {}
+		}), r.push({
+			component: "ui-button",
+			label: t.confirmLabel ?? "Confirm",
+			attributes: {
+				variant: "primary",
+				intent: t.intent ?? "accent"
+			},
+			events: { "ui-press": t.confirmCommand }
+		});
+		let i = {
+			type: "composite",
+			elements: [{
+				component: "ui-dialog",
+				children: [{
+					component: "div",
+					attributes: { style: "background: var(--neutral-body); border: 1px solid var(--neutral-border-muted); border-radius: 0.75rem; padding: 1.5rem; width: min(28rem, calc(100vw - 2rem));" },
+					children: [
+						{
+							component: "h3",
+							label: t.title
+						},
+						{
+							component: "p",
+							label: t.body,
+							attributes: { style: "margin-block: 1rem 1.5rem;" }
+						},
+						{
+							component: "div",
+							attributes: { style: "display: flex; gap: 0.5rem; justify-content: flex-end;" },
+							children: r
+						}
+					]
+				}]
+			}]
+		};
+		return new e(n?.registry).generate(i);
+	}
+	/**
+	* Build a settings toggle list.
+	* Produces a vertical list of `ui-switch` elements with labels and optional descriptions.
+	*/
+	static settings(t, n) {
+		let r = t.map((e) => {
+			let t = { name: e.name };
+			e.checked && (t.checked = "");
+			let n = {
+				component: "ui-switch",
+				label: e.label,
+				attributes: t,
+				events: e.command ? { "ui-change": e.command } : void 0
+			};
+			return e.description ? {
+				component: "div",
+				attributes: { style: "display: flex; flex-direction: column; gap: 0.25rem;" },
+				children: [n, {
+					component: "p",
+					label: e.description,
+					attributes: { style: "font-size: 0.875em; color: var(--neutral-ink-muted); margin: 0; padding-inline-start: 2.5rem;" }
+				}]
+			} : n;
+		}), i = {
+			type: "composite",
+			title: n?.title,
+			elements: [{
+				component: "div",
+				attributes: { style: "display: flex; flex-direction: column; gap: 1rem;" },
+				children: r
+			}]
+		};
+		return new e(n?.registry).generate(i);
+	}
+	/**
+	* Build a tabbed interface.
+	* Produces a `<ui-tabs>` with `<ui-tab>` triggers + `<ui-tab-panels>` container.
+	*/
+	static tabs(t, n) {
+		let r = [];
+		for (let e of t) {
+			let t = { value: e.value };
+			e.disabled && (t.disabled = ""), r.push({
+				component: "ui-tab",
+				label: e.label,
+				attributes: t
+			});
+		}
+		let i = [];
+		for (let e of t) i.push({
+			component: "ui-tab-panel",
+			attributes: { value: e.value },
+			children: [{
+				component: "p",
+				label: e.content
+			}]
+		});
+		r.push({
+			component: "ui-tab-panels",
+			children: i
+		});
+		let a = {}, o = n?.defaultValue ?? t[0]?.value;
+		o && (a.value = o), n?.orientation && (a.orientation = n.orientation);
+		let s = {
+			type: "layout",
+			elements: [{
+				component: "ui-tabs",
+				attributes: a,
+				children: r
+			}]
+		};
+		return new e(n?.registry).generate(s);
+	}
+	/**
+	* Build a navigation list.
+	* Produces a `<ui-listbox>` with `<ui-option>` items, optionally grouped with `<ui-option-group>`.
+	*/
+	static nav(t, n) {
+		let r = /* @__PURE__ */ new Map();
+		for (let e of t) {
+			let t = e.group, n = r.get(t);
+			n || (n = [], r.set(t, n)), n.push(e);
+		}
+		let i = [];
+		for (let [e, t] of r) {
+			let n = t.map((e) => {
+				let t = [];
+				return e.icon && t.push({
+					component: "ui-icon",
+					attributes: {
+						name: e.icon,
+						slot: "leading"
+					}
+				}), {
+					component: "ui-option",
+					label: e.label,
+					attributes: { value: e.value },
+					children: t.length > 0 ? t : void 0
+				};
+			});
+			if (e) {
+				let r = [], a = t[0]?.icon;
+				a && r.push({
+					component: "ui-icon",
+					attributes: { name: a }
+				}), i.push({
+					component: "ui-option-group",
+					children: [{
+						component: "span",
+						label: e,
+						slot: "heading",
+						children: r.length > 0 ? r : void 0
+					}, ...n]
+				});
+			} else i.push(...n);
+		}
+		let a = {
+			type: "layout",
+			title: n?.title,
+			elements: [{
+				component: "ui-listbox",
+				attributes: { "aria-label": n?.title ?? "Navigation" },
+				children: i
+			}]
+		};
+		return new e(n?.registry).generate(a);
+	}
+};
+function En(e) {
+	return new Tn(e);
+}
+var Dn = class {
+	#e;
+	#t;
+	#n;
+	#r = null;
+	#i = "disconnected";
+	#a = 0;
+	#o = null;
+	constructor(e, t, n) {
+		this.#e = e, this.#t = t, this.#n = n ?? {};
+	}
+	get state() {
+		return this.#i;
+	}
+	/**
+	* Open the WebSocket connection.
+	* Messages are forwarded to adapter.receive() as they arrive.
+	*/
+	connect() {
+		if (this.#i === "connected" || this.#i === "connecting") return;
+		this.#s(this.#a > 0 ? "reconnecting" : "connecting");
+		let e = new WebSocket(this.#t, this.#n.protocols);
+		this.#r = e, e.addEventListener("open", () => {
+			this.#a = 0, this.#s("connected");
+		}), e.addEventListener("message", (e) => {
+			let t = typeof e.data == "string" ? e.data : "";
+			if (t) try {
+				let e = this.#e.parse(t);
+				e && (this.#n.onMessage?.(e), this.#e.receive(e, this.#n.container));
+			} catch (e) {
+				this.#n.onError?.(e instanceof Error ? e : Error(String(e)));
+			}
+		}), e.addEventListener("close", () => {
+			this.#r = null, this.#i !== "closed" && (this.#s("disconnected"), this.#c());
+		}), e.addEventListener("error", () => {
+			this.#n.onError?.(/* @__PURE__ */ Error(`WebSocket error on ${this.#t}`));
+		});
+	}
+	/**
+	* Send a client message (action, error) to the server.
+	*/
+	send(e) {
+		if (!this.#r || this.#r.readyState !== WebSocket.OPEN) {
+			this.#n.onError?.(/* @__PURE__ */ Error("WebSocket not connected"));
+			return;
+		}
+		this.#r.send(JSON.stringify(e));
+	}
+	/**
+	* Close the connection. No reconnection will be attempted.
+	*/
+	close() {
+		this.#s("closed"), this.#o !== null && (clearTimeout(this.#o), this.#o = null), this.#r?.close(), this.#r = null;
+	}
+	#s(e) {
+		this.#i !== e && (this.#i = e, this.#n.onStateChange?.(e));
+	}
+	#c() {
+		let e = this.#n.reconnect !== !1, t = this.#n.maxReconnects ?? 5;
+		if (!e || this.#a >= t) return;
+		let n = (this.#n.reconnectDelay ?? 1e3) * 2 ** this.#a;
+		this.#a++, this.#o = setTimeout(() => {
+			this.#o = null, this.#i !== "closed" && this.connect();
+		}, n);
+	}
+}, On = class {
+	#e;
+	#t;
+	#n;
+	#r = null;
+	#i = "disconnected";
+	constructor(e, t, n) {
+		this.#e = e, this.#t = t, this.#n = n ?? {};
+	}
+	get state() {
+		return this.#i;
+	}
+	/**
+	* Open the SSE connection.
+	* Messages are forwarded to adapter.receive() as they arrive.
+	*/
+	connect() {
+		if (this.#i === "connected" || this.#i === "connecting") return;
+		this.#a("connecting");
+		let e = new EventSource(this.#t, this.#n.eventSourceInit);
+		this.#r = e;
+		let t = this.#n.eventName ?? "message";
+		e.addEventListener("open", () => {
+			this.#a("connected");
+		}), e.addEventListener(t, (e) => {
+			let t = e.data;
+			if (!(typeof t != "string" || !t)) try {
+				let e = this.#e.parse(t);
+				e && (this.#n.onMessage?.(e), this.#e.receive(e, this.#n.container));
+			} catch (e) {
+				this.#n.onError?.(e instanceof Error ? e : Error(String(e)));
+			}
+		}), e.addEventListener("error", () => {
+			e.readyState === EventSource.CLOSED ? this.#a("disconnected") : this.#a("reconnecting"), this.#n.onError?.(/* @__PURE__ */ Error(`SSE error on ${this.#t}`));
+		});
+	}
+	/**
+	* Send a client message to the server via POST.
+	* Requires postUrl to be set in options.
+	*/
+	async send(e) {
+		let t = this.#n.postUrl;
+		if (!t) throw Error("SSE transport: postUrl not configured for outbound messages");
+		let n = await fetch(t, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(e)
+		});
+		if (!n.ok) throw Error(`SSE POST failed: ${n.status} ${n.statusText}`);
+	}
+	/**
+	* Close the SSE connection.
+	*/
+	close() {
+		this.#a("closed"), this.#r?.close(), this.#r = null;
+	}
+	#a(e) {
+		this.#i !== e && (this.#i = e, this.#n.onStateChange?.(e));
+	}
+};
+function kn(e, t, n) {
+	return new Dn(e, t, n);
+}
+function An(e, t, n) {
+	return new On(e, t, n);
+}
+export { R as A2UIAdapter, Bt as BindingManager, V as COMPONENT_MANIFEST, it as COMPONENT_MAP, o as CommandBus, c as CommandHistory, y as DataStore, ce as EventLog, h as FocusRouter, b as HttpError, Et as Kernel, f as OverlayManager, v as PerfMetrics, oe as PlanExecutor, Tn as Planner, D as PolicyEngine, hn as SCHEMA_CATALOG, On as SSETransport, L as SurfaceManager, Dn as WebSocketTransport, At as WorkflowEngine, P as a2uiToUINode, Ie as applyPatch, Oe as auditDOM, Gt as authFlow, Ut as confirmFlow, ht as conversionToPlan, Tt as createA2UIAdapter, x as createBinding, Vt as createBindingManager, s as createCommandBus, l as createCommandHistory, me as createDataStore, le as createEventLog, ee as createFocusRouter, p as createOverlayManager, ue as createPerfMetrics, se as createPlanExecutor, En as createPlanner, Je as createPolicyEngine, An as createSSETransport, wt as createSurfaceManager, kn as createWebSocketTransport, jt as createWorkflowEngine, Wt as crudLifecycle, ct as dateTimeInputType, Ht as formWizard, Nt as getDescriptor, Pt as getDescriptorsByCategory, Dt as getKernel, gn as getSchema, vn as getSchemaAttribute, _n as getSchemasForCategory, N as getSupportedTypes, Lt as installEventBridge, et as isActionMessage, $e as isCatalogRequest, nt as isCatalogResponse, Ye as isCreateSurface, O as isDataBinding, Qe as isDeleteSurface, tt as isErrorMessage, Xe as isUpdateComponents, Ze as isUpdateDataModel, k as parseServerMessage, Ft as registerAll, Ot as resetKernel, at as resolveA2UIType, I as resolveJsonPointer, M as resolveNativeTag, gt as setJsonPointer, ut as textFieldInputType, st as textVariantTag, Kt as toggleFlow, ft as uiNodeToA2UI, w as validateAccessibility, ie as validateNode, g as validatePlan };