@nonoun/native-ai 1.0.71 → 1.0.72

package/dist/register.js

@@ -1,10 +1,10 @@
-import { NButton as e, NContainer as t, NDialog as n, NIcon as r, NListbox as i, NOption as a, NOptionGroup as o, NOptionGroupHeader as s, NSegment as c, NSegmentedControl as l, NSelect as u, NTextarea as d, NToolbar as f, NativeElement as p, PresentController as m, ResizeController as h, VirtualScrollController as g, computed as _, createDisabledEffect as v, define as y, effect as ee, registerIcon as b, signal as x, uid as S } from "@nonoun/native-ui";
-import { Decoration as C, EditorView as te, StateEffect as ne, StateField as re, keymap as ie } from "@nonoun/native-code";
-import { json as w } from "@codemirror/lang-json";
-import { linter as ae } from "@codemirror/lint";
+import { NButton as e, NContainer as t, NDialog as n, NIcon as r, NListbox as i, NOption as a, NOptionGroup as o, NOptionGroupHeader as s, NPane as c, NSegment as l, NSegmentedControl as u, NSelect as d, NTextarea as f, NToolbar as p, NativeElement as m, PresentController as h, ResizeController as g, VirtualScrollController as _, computed as v, createDisabledEffect as y, define as b, effect as ee, registerIcon as x, signal as S, uid as C } from "@nonoun/native-ui";
+import { Decoration as w, EditorView as T, StateEffect as te, StateField as ne, keymap as re } from "@nonoun/native-code";
+import { json as E } from "@codemirror/lang-json";
+import { linter as ie } from "@codemirror/lint";
 import "@nonoun/native-code/register";
-import { Kernel as oe, resetKernel as se } from "@nonoun/native-ui/kernel";
-var T = new Set([
+import { Kernel as ae, resetKernel as oe } from "@nonoun/native-ui/kernel";
+var D = new Set([
 	"createSurface",
 	"updateComponents",
 	"updateDataModel",
@@ -15,7 +15,7 @@ var T = new Set([
 * Find top-level `{}` blocks using brace-counting with string-escape awareness.
 * Same algorithm as the workbench's `#getEnvelopes()` method.
 */
-function ce(e) {
+function se(e) {
 	let t = [], n = 0, r = -1, i = !1, a = !1;
 	for (let o = 0; o < e.length; o++) {
 		let s = e[o];
@@ -48,8 +48,8 @@ function ce(e) {
 * const ext = linter(a2uiLinter);
 * ```
 */
-function le(e) {
-	let t = e.state.doc.toString(), n = [], r = ce(t), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = [], s = /* @__PURE__ */ new Map();
+function ce(e) {
+	let t = e.state.doc.toString(), n = [], r = se(t), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = [], s = /* @__PURE__ */ new Map();
 	for (let e of r) {
 		let { from: t, to: r, text: c } = e, l;
 		try {
@@ -73,13 +73,13 @@ function le(e) {
 			});
 			continue;
 		}
-		let u = Object.keys(l), d = u.find((e) => T.has(e)), f = u.filter((e) => !T.has(e) && e !== "version");
+		let u = Object.keys(l), d = u.find((e) => D.has(e)), f = u.filter((e) => !D.has(e) && e !== "version");
 		if (!d && f.length > 0) {
 			n.push({
 				from: t,
 				to: r,
 				severity: "error",
-				message: `Unknown envelope key: "${f[0]}". Expected one of: ${[...T].join(", ")}`
+				message: `Unknown envelope key: "${f[0]}". Expected one of: ${[...D].join(", ")}`
 			});
 			continue;
 		}
@@ -88,7 +88,7 @@ function le(e) {
 				from: t,
 				to: r,
 				severity: "error",
-				message: `Missing envelope key. Expected one of: ${[...T].join(", ")}`
+				message: `Missing envelope key. Expected one of: ${[...D].join(", ")}`
 			});
 			continue;
 		}
@@ -150,29 +150,29 @@ function le(e) {
 	}
 	return n;
 }
-function E(e) {
+function O(e) {
 	return typeof e == "object" && !!e && "path" in e && typeof e.path == "string" && Object.keys(e).length === 1;
 }
-function ue(e) {
+function le(e) {
 	return "createSurface" in e;
 }
-function de(e) {
+function ue(e) {
 	return "updateComponents" in e;
 }
-function fe(e) {
+function de(e) {
 	return "updateDataModel" in e;
 }
-function pe(e) {
+function fe(e) {
 	return "deleteSurface" in e;
 }
-function me(e) {
+function pe(e) {
 	return "requestCatalog" 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 D(e) {
+function me(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;
@@ -196,7 +196,7 @@ var he = class e {
 	#n = /* @__PURE__ */ new Map();
 	#r;
 	constructor(e, t) {
-		this.#r = x(0);
+		this.#r = S(0);
 		for (let t of e) this.#i(t);
 		if (t) for (let [e, n] of Object.entries(t)) this.#n.set(e, n);
 	}
@@ -293,7 +293,7 @@ var he = class e {
 		this.#t.clear();
 		for (let e of this.#e.values()) e.nativeTag !== "div" && e.nativeTag !== "span" && !this.#t.has(e.nativeTag) && this.#t.set(e.nativeTag, e);
 	}
-}, O = [
+}, k = [
 	{
 		attr: "intent",
 		type: "'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'",
@@ -320,7 +320,7 @@ var he = class e {
 		note: "compact=reduced padding, inline=minimal height"
 	}
 ];
-const k = new he([
+const A = new he([
 	{
 		a2uiType: "Text",
 		nativeTag: "span",
@@ -353,7 +353,7 @@ const k = new he([
 			description: "Fires on click or keyboard activation (Enter/Space)."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "disabled",
 				type: "boolean",
@@ -398,7 +398,7 @@ const k = new he([
 			}
 		],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "value",
 				type: "string",
@@ -485,7 +485,7 @@ const k = new he([
 			}
 		],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "value",
 				type: "string",
@@ -557,7 +557,7 @@ const k = new he([
 			description: "Fires when checked state toggles."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "checked",
 				type: "boolean",
@@ -605,7 +605,7 @@ const k = new he([
 			description: "Fires when toggled on/off."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "checked",
 				type: "boolean",
@@ -650,7 +650,7 @@ const k = new he([
 			description: "Fires when selection changes."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "value",
 				type: "string",
@@ -705,7 +705,7 @@ const k = new he([
 			description: "Fires when slider value changes."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "value",
 				type: "number",
@@ -748,7 +748,7 @@ const k = new he([
 			description: "Fires when date/time value changes."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "value",
 				type: "string",
@@ -852,7 +852,7 @@ const k = new he([
 			description: "Fires when the dialog is closed."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "no-close-on-escape",
 				type: "boolean"
@@ -885,7 +885,7 @@ const k = new he([
 			description: "Fires when the active tab changes."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "value",
 				type: "string",
@@ -918,7 +918,7 @@ const k = new he([
 			description: "Fires when the selected option changes."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "disabled",
 				type: "boolean",
@@ -1060,7 +1060,7 @@ const k = new he([
 			description: "Fires when selection changes."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "value",
 				type: "string",
@@ -1134,7 +1134,7 @@ const k = new he([
 		childStrategy: "children",
 		events: [],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "multiple",
 				type: "boolean",
@@ -1205,7 +1205,7 @@ const k = new he([
 			}
 		],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "selectable",
 				type: "boolean",
@@ -1242,7 +1242,7 @@ const k = new he([
 		},
 		events: [],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "value",
 				type: "number",
@@ -1272,7 +1272,7 @@ const k = new he([
 			description: "Fires when the toast dismiss button is clicked."
 		}],
 		properties: [
-			...O,
+			...k,
 			{
 				attr: "message",
 				type: "string"
@@ -1440,14 +1440,14 @@ const k = new he([
 	Chart: "data-viz",
 	Controller: "behavior"
 });
-function A(e) {
-	return k.resolveNativeTag(e);
+function j(e) {
+	return A.resolveNativeTag(e);
 }
-function j(e, t) {
-	return k.resolveA2UIType(e, t);
+function M(e, t) {
+	return A.resolveA2UIType(e, t);
 }
-function M() {
-	return k.getSupportedTypes();
+function N() {
+	return A.getSupportedTypes();
 }
 var ge = {
 	h1: "h1",
@@ -1495,7 +1495,7 @@ var xe = new Set(/* @__PURE__ */ "id.component.children.child.text.label.variant
 	"Body",
 	"Footer"
 ]);
-function N(e, t) {
+function P(e, t) {
 	if (e.length === 0) return {
 		root: {
 			id: "empty-root",
@@ -1527,7 +1527,7 @@ function N(e, t) {
 		warnings: ["No root component found"],
 		orphans: []
 	};
-	let a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map(), s = [], c = t?.surfaceId ?? "default", l = t?.registry ? (e) => t.registry.resolveNativeTag(e) : A, u = P(i, n, a, o, s, c, l), d = e.filter((e) => !a.has(e.id)).map((e) => e.id);
+	let a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map(), s = [], c = t?.surfaceId ?? "default", l = t?.registry ? (e) => t.registry.resolveNativeTag(e) : j, u = F(i, n, a, o, s, c, l), d = e.filter((e) => !a.has(e.id)).map((e) => e.id);
 	return d.length > 0 && s.push(`Orphan components not reachable from root: ${d.join(", ")}`), {
 		root: u,
 		bindings: o,
@@ -1535,7 +1535,7 @@ function N(e, t) {
 		orphans: d
 	};
 }
-function P(e, t, n, r, i, a, o = A) {
+function F(e, t, n, r, i, a, o = j) {
 	if (n.has(e)) return i.push(`Cycle detected at component "${e}"`), {
 		id: `${e}-cycle`,
 		tag: "div",
@@ -1563,7 +1563,7 @@ function P(e, t, n, r, i, a, o = A) {
 	} else s.variant && s.component !== "Text" && (u.variant = s.variant);
 	if (c.propertyMap) for (let [t, n] of Object.entries(c.propertyMap)) {
 		let i = s[t];
-		if (i !== void 0) if (E(i)) {
+		if (i !== void 0) if (O(i)) {
 			let t = r.get(e);
 			t || (t = [], r.set(e, t)), t.push({
 				property: n,
@@ -1575,7 +1575,7 @@ function P(e, t, n, r, i, a, o = A) {
 		let e = be(s.variant);
 		e !== "text" && (u.type = e);
 	}
-	if (s.component === "DateTimeInput" && (u.type = ve(s.enableDate, s.enableTime)), (s.component === "TextField" || s.component === "DateTimeInput" || s.component === "Slider") && s.label) if (E(s.label)) {
+	if (s.component === "DateTimeInput" && (u.type = ve(s.enableDate, s.enableTime)), (s.component === "TextField" || s.component === "DateTimeInput" || s.component === "Slider") && s.label) if (O(s.label)) {
 		let t = r.get(e);
 		t || (t = [], r.set(e, t)), t.push({
 			property: "aria-label",
@@ -1587,7 +1587,7 @@ function P(e, t, n, r, i, a, o = A) {
 		u.style = `--n-progress: ${t > 0 ? Math.min(1, Math.max(0, e / t)) : 0}`, u.value && (u["data-value"] = u.value, delete u.value), u.max && (u["data-max"] = u.max, delete u.max);
 	}
 	let d;
-	if (s.text !== void 0) if (E(s.text)) {
+	if (s.text !== void 0) if (O(s.text)) {
 		let t = r.get(e);
 		t || (t = [], r.set(e, t)), t.push({
 			property: "textContent",
@@ -1612,7 +1612,7 @@ function P(e, t, n, r, i, a, o = A) {
 				attributes: { value: u },
 				textContent: d
 			});
-			let f = l.children ?? (l.child ? [l.child] : void 0), h = f ? f.map((e) => P(e, t, n, r, i, a, o)) : void 0, g = typeof l.text == "string" ? l.text : void 0;
+			let f = l.children ?? (l.child ? [l.child] : void 0), h = f ? f.map((e) => F(e, t, n, r, i, a, o)) : void 0, g = typeof l.text == "string" ? l.text : void 0;
 			s.push({
 				id: `${c}-panel`,
 				tag: "n-tab-panel",
@@ -1651,7 +1651,7 @@ function P(e, t, n, r, i, a, o = A) {
 	} else if (s.component === "Card" && m && m.length > 0) if (m.some((e) => {
 		let n = t.get(e);
 		return n ? Se.has(n.component) : !1;
-	})) p = m.map((e) => P(e, t, n, r, i, a, o));
+	})) p = m.map((e) => F(e, t, n, r, i, a, o));
 	else {
 		p = [];
 		let c = s.header ?? s.label;
@@ -1665,7 +1665,7 @@ function P(e, t, n, r, i, a, o = A) {
 				textContent: c
 			}]
 		});
-		let l = m.map((e) => P(e, t, n, r, i, a, o));
+		let l = m.map((e) => F(e, t, n, r, i, a, o));
 		p.push({
 			id: `${e}-body`,
 			tag: "n-body",
@@ -1678,14 +1678,14 @@ function P(e, t, n, r, i, a, o = A) {
 			textContent: u
 		}), c && (d = void 0);
 	}
-	else m && m.length > 0 && (p = m.map((e) => P(e, t, n, r, i, a, o)));
+	else m && m.length > 0 && (p = m.map((e) => F(e, t, n, r, i, a, o)));
 	if (c.childStrategy === "slot-label" && d && !p) p = [{
 		id: `${e}-label`,
 		tag: "span",
 		attributes: { slot: "label" },
 		textContent: d
 	}], d = void 0;
-	else if (c.childStrategy === "textContent" && s.label && !d) if (E(s.label)) {
+	else if (c.childStrategy === "textContent" && s.label && !d) if (O(s.label)) {
 		let t = r.get(e);
 		t || (t = [], r.set(e, t)), t.push({
 			property: "textContent",
@@ -1701,7 +1701,7 @@ function P(e, t, n, r, i, a, o = A) {
 			"poster"
 		]) u[e] && (n[e] = u[e], delete u[e]);
 		if (s.component === "Image" && s.url !== void 0) {
-			if (E(s.url)) {
+			if (O(s.url)) {
 				let t = r.get(`${e}-inner`);
 				t || (t = [], r.set(`${e}-inner`, t)), t.push({
 					property: "src",
@@ -1727,10 +1727,10 @@ function P(e, t, n, r, i, a, o = A) {
 	};
 }
 function Ce(e, t) {
-	let n = [], r = t?.registry ? (e, n) => t.registry.resolveA2UIType(e, n) : j, i = t?.registry ? (e) => t.registry.resolveNativeTag(e) : A;
-	return F(e, n, t?.surfaceId ?? "default", r, i), n;
+	let n = [], r = t?.registry ? (e, n) => t.registry.resolveA2UIType(e, n) : M, i = t?.registry ? (e) => t.registry.resolveNativeTag(e) : j;
+	return I(e, n, t?.surfaceId ?? "default", r, i), n;
 }
-function F(e, t, n, r = j, i = A) {
+function I(e, t, n, r = M, i = j) {
 	let a = r(e.tag, e.attributes);
 	if (!a) {
 		let a = {
@@ -1739,7 +1739,7 @@ function F(e, t, n, r = j, i = A) {
 			...e.children ? { children: e.children.map((e) => e.id) } : {},
 			...e.textContent ? { text: e.textContent } : {}
 		};
-		if (t.push(a), e.children) for (let a of e.children) F(a, t, n, r, i);
+		if (t.push(a), e.children) for (let a of e.children) I(a, t, n, r, i);
 		return;
 	}
 	let o = i(a), s = {
@@ -1752,11 +1752,11 @@ function F(e, t, n, r = j, i = A) {
 	} else if (o?.childStrategy === "slot-label" && e.children.length === 1 && e.children[0].attributes?.slot === "label" && e.children[0].textContent) s.text = e.children[0].textContent;
 	else {
 		s.children = e.children.map((e) => e.id);
-		for (let a of e.children) F(a, t, n, r, i);
+		for (let a of e.children) I(a, t, n, r, i);
 	}
 	if (e.textContent && (a === "CheckBox" || a === "Switch" || a === "ListItem" ? s.label = e.textContent : s.text = e.textContent), e.attributes) {
-		let t = o?.propertyMap ? we(o.propertyMap) : {};
-		for (let [n, r] of Object.entries(e.attributes)) n === "style" || n === "data-a2ui" || n === "slot" || (t[n] ? s[t[n]] = r : n === "aria-label" ? s.label = r : n === "disabled" && r === "" ? s.disabled = !0 : n === "variant" && (s.variant = (o?.variantMap ? we(o.variantMap) : {})[r] ?? r));
+		let t = o?.propertyMap ? L(o.propertyMap) : {};
+		for (let [n, r] of Object.entries(e.attributes)) n === "style" || n === "data-a2ui" || n === "slot" || (t[n] ? s[t[n]] = r : n === "aria-label" ? s.label = r : n === "disabled" && r === "" ? s.disabled = !0 : n === "variant" && (s.variant = (o?.variantMap ? L(o.variantMap) : {})[r] ?? r));
 	}
 	if (e.events) for (let [t, n] of Object.entries(e.events)) {
 		let e = n.split(":");
@@ -1764,7 +1764,7 @@ function F(e, t, n, r = j, i = A) {
 	}
 	t.push(s);
 }
-function we(e) {
+function L(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) t[r] = n;
 	return t;
@@ -1772,9 +1772,9 @@ function we(e) {
 /**
 * Wrap a conversion result as a UIPlan.
 */
-function Te(e, t = "generated") {
+function we(e, t = "generated") {
 	return Object.freeze({
-		id: S("a2ui-plan"),
+		id: C("a2ui-plan"),
 		version: 1,
 		root: e.root,
 		source: t,
@@ -1787,18 +1787,18 @@ function Te(e, t = "generated") {
 * Manages A2UI surface lifecycle: create → updateComponents → updateDataModel → delete.
 * Each surface maps to one UIPlan in the kernel.
 */
-function I(e, t) {
+function R(e, t) {
 	if (!t || t === "/") return e;
-	let n = t.replace(/^\//, "").split("/").map(L), r = e;
+	let n = t.replace(/^\//, "").split("/").map(z), r = e;
 	for (let e of n) {
 		if (typeof r != "object" || !r) return;
 		r = r[e];
 	}
 	return r;
 }
-function Ee(e, t, n) {
+function Te(e, t, n) {
 	if (!t || t === "/") return;
-	let r = t.replace(/^\//, "").split("/").map(L), i = e;
+	let r = t.replace(/^\//, "").split("/").map(z), 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];
@@ -1806,22 +1806,22 @@ function Ee(e, t, n) {
 	let a = r[r.length - 1];
 	n === void 0 ? delete i[a] : i[a] = n;
 }
-function L(e) {
+function z(e) {
 	return e.replace(/~1/g, "/").replace(/~0/g, "~");
 }
-var De = class {
+var Ee = class {
 	#e;
 	#t;
 	#n;
 	#r;
 	#i = /* @__PURE__ */ new Map();
-	#a = x(0);
-	surfaceCount = _(() => this.#a.value);
+	#a = S(0);
+	surfaceCount = v(() => this.#a.value);
 	constructor(e, t, n, r) {
 		this.#e = e, this.#t = t, this.#n = n ?? null, this.#r = r;
 	}
 	handleMessage(e, t) {
-		ue(e) ? this.#o(e, t) : de(e) ? this.#s(e, t) : fe(e) ? this.#u(e) : pe(e) && this.#d(e);
+		le(e) ? this.#o(e, t) : ue(e) ? this.#s(e, t) : de(e) ? this.#u(e) : fe(e) && this.#d(e);
 	}
 	#o(e, t) {
 		let { surfaceId: n, catalogId: r, theme: i } = e.createSurface, a = this.#i.get(n);
@@ -1831,12 +1831,12 @@ var De = class {
 		}
 		let o = {
 			surfaceId: n,
-			planId: S("a2ui-plan"),
+			planId: C("a2ui-plan"),
 			catalogId: r,
 			theme: i,
 			container: t ?? document.createElement("div"),
 			components: [],
-			dataModel: x({}),
+			dataModel: S({}),
 			bindings: /* @__PURE__ */ new Map(),
 			bindingDisposers: [],
 			actionDisposer: null,
@@ -1848,10 +1848,10 @@ var De = class {
 		let { surfaceId: n, components: r } = e.updateComponents, i = this.#i.get(n);
 		i ? t && (i.container = t) : (i = {
 			surfaceId: n,
-			planId: S("a2ui-plan"),
+			planId: C("a2ui-plan"),
 			container: t ?? document.createElement("div"),
 			components: [],
-			dataModel: x({}),
+			dataModel: S({}),
 			bindings: /* @__PURE__ */ new Map(),
 			bindingDisposers: [],
 			actionDisposer: null,
@@ -1859,12 +1859,12 @@ var De = class {
 		}, this.#i.set(n, i), this.#a.value = this.#i.size), i.rendered ? (this.#l(i, r), i.components = [...r]) : (i.components = [...r], this.#c(i)), i.rendered && this.#n?.(i.surfaceId, i.container);
 	}
 	#c(e) {
-		let t = N(e.components, {
+		let t = P(e.components, {
 			surfaceId: e.surfaceId,
 			registry: this.#r
 		});
 		e.bindings = new Map(t.bindings);
-		let n = Te(t);
+		let n = we(t);
 		e.planId = n.id;
 		try {
 			let t = this.#e.executePlan(n, e.container);
@@ -1872,7 +1872,7 @@ var De = class {
 		} catch {}
 	}
 	#l(e, t) {
-		let n = je(e.components, t, e.surfaceId, this.#r);
+		let n = Ae(e.components, t, e.surfaceId, this.#r);
 		if (n.length === 0) return;
 		this.#e.patchPlan({
 			planId: e.planId,
@@ -1880,7 +1880,7 @@ var De = class {
 			source: "generated",
 			timestamp: Date.now()
 		});
-		let r = N(t, {
+		let r = P(t, {
 			surfaceId: e.surfaceId,
 			registry: this.#r
 		});
@@ -1894,7 +1894,7 @@ var De = class {
 		let { surfaceId: t, path: n, value: r } = e.updateDataModel, i = this.#i.get(t);
 		if (!i) return;
 		let a = { ...i.dataModel.value };
-		!n || n === "/" ? i.dataModel.value = r ?? {} : (Ee(a, n, r), i.dataModel.value = a);
+		!n || n === "/" ? i.dataModel.value = r ?? {} : (Te(a, n, r), i.dataModel.value = a);
 	}
 	#d(e) {
 		let { surfaceId: t } = e.deleteSurface, n = this.#i.get(t);
@@ -1909,7 +1909,7 @@ var De = class {
 			let i = t.get(n);
 			if (i) for (let t of r) {
 				let n = ee(() => {
-					let n = e.dataModel.value, r = I(n, t.path);
+					let n = e.dataModel.value, r = R(n, t.path);
 					r !== void 0 && (t.property === "textContent" ? i.textContent = String(r) : t.property === "src" || t.property === "alt" || t.property.startsWith("aria-") ? i.setAttribute(t.property, String(r)) : i[t.property] = r);
 				});
 				e.bindingDisposers.push(n);
@@ -1921,7 +1921,7 @@ var De = class {
 		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 ? Oe(a, e.dataModel.value) : void 0;
+			let r = n[2], i = n[3], a = e.components.find((e) => e.id === r)?.action?.event?.context, o = a ? De(a, e.dataModel.value) : void 0;
 			this.#t({ action: {
 				surfaceId: e.surfaceId,
 				sourceComponentId: r,
@@ -1952,13 +1952,13 @@ var De = class {
 		for (let e of this.#i.keys()) this.#d({ deleteSurface: { surfaceId: e } });
 	}
 };
-function Oe(e, t) {
+function De(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;
+	for (let [r, i] of Object.entries(e)) typeof i == "object" && i && "path" in i ? n[r] = R(t, i.path) : n[r] = i;
 	return n;
 }
 /** A2UI properties that map to HTML attributes on the rendered element. */
-var ke = [
+var Oe = [
 	"variant",
 	"placeholder",
 	"name",
@@ -1971,8 +1971,8 @@ var ke = [
 	"fit",
 	"style",
 	"intent"
-], Ae = ["value"];
-function je(e, t, n, r) {
+], ke = ["value"];
+function Ae(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map();
 	for (let t of e) i.set(t.id, t);
 	let a = /* @__PURE__ */ new Map();
@@ -1983,9 +1983,9 @@ function je(e, t, n, r) {
 		targetId: e
 	});
 	for (let [e, s] of a) if (!i.has(e)) {
-		let i = Me(e, t);
+		let i = je(e, t);
 		if (i) {
-			let t = N([s], {
+			let t = P([s], {
 				surfaceId: n,
 				rootId: e,
 				registry: r
@@ -2001,7 +2001,7 @@ function je(e, t, n, r) {
 		let a = i.get(e);
 		if (a) {
 			if (s.component !== a.component) {
-				let i = N(R(e, t), {
+				let i = P(B(e, t), {
 					surfaceId: n,
 					rootId: e,
 					registry: r
@@ -2014,7 +2014,7 @@ function je(e, t, n, r) {
 				continue;
 			}
 			if (JSON.stringify(a.children ?? a.child ?? []) !== JSON.stringify(s.children ?? s.child ?? [])) {
-				let i = N(R(e, t), {
+				let i = P(B(e, t), {
 					surfaceId: n,
 					rootId: e,
 					registry: r
@@ -2044,7 +2044,7 @@ function je(e, t, n, r) {
 				targetId: e,
 				name: "disabled"
 			}));
-			for (let t of ke) {
+			for (let t of Oe) {
 				let n = a[t], r = s[t];
 				r !== n && (r == null || r === !1 ? o.push({
 					type: "remove-attribute",
@@ -2057,7 +2057,7 @@ function je(e, t, n, r) {
 					value: String(r)
 				}));
 			}
-			for (let t of Ae) {
+			for (let t of ke) {
 				let n = a[t], r = s[t];
 				r !== n && r !== void 0 && o.push({
 					type: "set-property",
@@ -2070,11 +2070,11 @@ function je(e, t, n, r) {
 	}
 	return o;
 }
-function Me(e, t) {
+function je(e, t) {
 	for (let n of t) if (n.children?.includes(e) || n.child === e) return n.id;
 	return null;
 }
-function R(e, t) {
+function B(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let e of t) n.set(e.id, e);
 	let r = [], i = /* @__PURE__ */ new Set();
@@ -2089,11 +2089,11 @@ function R(e, t) {
 	}
 	return a(e), r;
 }
-var Ne = class {
+var Me = class {
 	#e;
 	#t;
 	constructor(e, t) {
-		this.#t = t ?? {}, this.#e = new De(e, (e) => {
+		this.#t = t ?? {}, this.#e = new Ee(e, (e) => {
 			this.#t.onClientMessage?.(e);
 		}, (e, t) => {
 			this.#t.onRender?.(e, t);
@@ -2105,7 +2105,7 @@ var Ne = class {
 	* If a container is provided, it is used as the render target for new surfaces.
 	*/
 	receive(e, t) {
-		let n = typeof e == "string" ? D(e) : e;
+		let n = typeof e == "string" ? me(e) : e;
 		if (!n) {
 			this.#t.onClientMessage?.({ error: {
 				surfaceId: "",
@@ -2114,14 +2114,14 @@ var Ne = class {
 			} });
 			return;
 		}
-		if (me(n)) {
+		if (pe(n)) {
 			this.#n(n.requestCatalog.surfaceId);
 			return;
 		}
 		this.#e.handleMessage(n, t);
 	}
 	#n(e) {
-		let t = this.#t.registry?.getSupportedTypes() ?? M(), n = { catalog: {
+		let t = this.#t.registry?.getSupportedTypes() ?? N(), n = { catalog: {
 			...e ? { surfaceId: e } : {},
 			supportedTypes: [...t],
 			version: this.#t.version ?? "0.9"
@@ -2133,7 +2133,7 @@ var Ne = class {
 	* Returns null if invalid.
 	*/
 	parse(e) {
-		return D(e);
+		return me(e);
 	}
 	/**
 	* Convert a UIPlan to A2UI updateComponents format.
@@ -2168,16 +2168,16 @@ var Ne = class {
 	* Returns the list of A2UI component types supported by this adapter.
 	*/
 	getSupportedTypes() {
-		return this.#t.registry?.getSupportedTypes() ?? M();
+		return this.#t.registry?.getSupportedTypes() ?? N();
 	}
 	destroy() {
 		this.#e.destroy();
 	}
 };
-function Pe(e, t) {
-	return new Ne(e, t);
+function Ne(e, t) {
+	return new Me(e, t);
 }
-const Fe = [
+const Pe = [
 	{
 		id: "general",
 		label: "General"
@@ -2195,7 +2195,7 @@ const Fe = [
 		label: "Travel",
 		hidden: !0
 	}
-], z = {
+], V = {
 	hello: {
 		label: "Hello World",
 		group: "general",
@@ -9570,7 +9570,7 @@ const Fe = [
 *
 * Layout: chip-toggled multi-panel — preview left, N resizable panes right.
 * Chips: JSON-IN, JSON-OUT, HTML, CSS, JS, COMPONENTS (multiple active at once).
-* Chrome & layout patterns mirror <native-playground> for a unified devtool look.
+* Chrome & layout patterns mirror <n-playground> for a unified devtool look.
 *
 * Renders A2UI components directly (no iframe) using a local Kernel + A2UIAdapter.
 * Native-ui components must be registered on the page for rendering to work.
@@ -9579,7 +9579,7 @@ const Fe = [
 * @fires native:a2ui-action - When an action fires inside the preview
 * @fires native:a2ui-state  - When surface state updates after processing envelopes
 */
-var B = [
+var H = [
 	"json-in",
 	"json-out",
 	"html",
@@ -9587,7 +9587,7 @@ var B = [
 	"js",
 	"components",
 	"schema"
-], Ie = {
+], U = {
 	"json-in": "IN",
 	"json-out": "OUT",
 	html: "HTML",
@@ -9595,7 +9595,7 @@ var B = [
 	js: "JS",
 	components: "UI",
 	schema: "SCHEMA"
-}, Le = {
+}, Fe = {
 	"json-in": "brackets-curly",
 	"json-out": "chat-circle-dots",
 	html: "code",
@@ -9603,34 +9603,34 @@ var B = [
 	js: "terminal",
 	components: "squares-four",
 	schema: "file-code"
-}, Re = ne.define(), ze = C.line({ class: "cm-a2ui-sent" }), Be = C.line({ class: "cm-a2ui-next" }), Ve = re.define({
+}, Ie = te.define(), Le = w.line({ class: "cm-a2ui-sent" }), Re = w.line({ class: "cm-a2ui-next" }), ze = ne.define({
 	create() {
-		return C.none;
+		return w.none;
 	},
 	update(e, t) {
-		for (let e of t.effects) if (e.is(Re)) {
+		for (let e of t.effects) if (e.is(Ie)) {
 			let n = t.state.doc, { sentUpToLine: r, nextFromLine: i, nextToLine: a } = e.value, o = [];
-			for (let e = 1; e <= Math.min(r, n.lines); e++) o.push(ze.range(n.line(e).from));
-			for (let e = Math.max(1, i); e <= Math.min(a, n.lines); e++) o.push(Be.range(n.line(e).from));
-			return C.set(o, !0);
+			for (let e = 1; e <= Math.min(r, n.lines); e++) o.push(Le.range(n.line(e).from));
+			for (let e = Math.max(1, i); e <= Math.min(a, n.lines); e++) o.push(Re.range(n.line(e).from));
+			return w.set(o, !0);
 		}
 		return e;
 	},
-	provide: (e) => te.decorations.from(e)
-}), V = class extends p {
+	provide: (e) => T.decorations.from(e)
+}), Be = class extends m {
 	static observedAttributes = ["stream"];
-	#e = x("");
-	#t = x(0);
-	#n = x(new Set(["json-in"]));
-	#r = x([]);
-	#i = x([]);
-	#a = x([]);
-	#o = x(null);
-	#s = x("");
-	#c = x(null);
-	#l = x(/* @__PURE__ */ new Set());
-	#u = x("demo");
-	#d = x(!1);
+	#e = S("");
+	#t = S(0);
+	#n = S(new Set(["json-in"]));
+	#r = S([]);
+	#i = S([]);
+	#a = S([]);
+	#o = S(null);
+	#s = S("");
+	#c = S(null);
+	#l = S(/* @__PURE__ */ new Set());
+	#u = S("demo");
+	#d = S(!1);
 	#f = 0;
 	#p = null;
 	#m = null;
@@ -9645,7 +9645,7 @@ var B = [
 	#C = /* @__PURE__ */ new Map();
 	#w = /* @__PURE__ */ new Map();
 	#T = /* @__PURE__ */ new Map();
-	#E = k.clone();
+	#E = A.clone();
 	#D = null;
 	#O = null;
 	#k = null;
@@ -9676,7 +9676,7 @@ var B = [
 		this.#ae();
 	}
 	setup() {
-		super.setup(), this.#Z(), this.#F(), this.#j = new m(this, { closeButton: !1 }), this.addEventListener("native:present", this.#ve), this.addEventListener("native:dismiss", this.#ye), this.#x && (this.#A = new h(this.#x, {
+		super.setup(), this.#Z(), this.#F(), this.#j = new h(this, { closeButton: !1 }), this.addEventListener("native:present", this.#ve), this.addEventListener("native:dismiss", this.#ye), this.#x && (this.#A = new g(this.#x, {
 			handleSelector: ".a2ui-resize-handle",
 			axis: "horizontal",
 			min: 200
@@ -9695,7 +9695,7 @@ var B = [
 			if (e) {
 				if (!e.extensions?.length) {
 					requestAnimationFrame(() => {
-						e.extensions = [w()], e.value = JSON.stringify(this.#E.toJSON(), null, 2);
+						e.extensions = [E()], e.value = JSON.stringify(this.#E.toJSON(), null, 2);
 					});
 					return;
 				}
@@ -9714,7 +9714,7 @@ var B = [
 			this.#m.value = r ? r + "\n\n" + n : n;
 		}), this.addEffect(() => {
 			let e = this.#s.value;
-			this.#h && (this.#h.value = e ? H(e) : "");
+			this.#h && (this.#h.value = e ? Ve(e) : "");
 		}), this.addEffect(() => {
 			let e = this.#c.value;
 			this.#g && (typeof e == "object" && e && Object.keys(e).length > 0 ? this.#g.value = JSON.stringify(e, null, 2) : this.#g.value = "");
@@ -9727,7 +9727,7 @@ var B = [
 				i = n[t].startLine, a = n[t].endLine;
 				break;
 			}
-			t.dispatch({ effects: Re.of({
+			t.dispatch({ effects: Ie.of({
 				sentUpToLine: r,
 				nextFromLine: i,
 				nextToLine: a
@@ -9740,7 +9740,7 @@ var B = [
 		this.#A?.destroy(), this.#A = null, this.removeEventListener("native:present", this.#ve), this.removeEventListener("native:dismiss", this.#ye), this.#j?.destroy(), this.#j = null, this.#M = null, this.#N = null, this.#x?.removeEventListener("native:resize-end", this.#De), this.#S?.removeEventListener("pointerdown", this.#q), this.#S?.removeEventListener("dblclick", this.#X), document.removeEventListener("pointermove", this.#J), document.removeEventListener("pointerup", this.#Y), this.#P = null, this.#x = null, this.#S = null, this.#C.clear(), this.#w.clear(), this.#T.clear(), this.#I(), this.#p = null, this.#m = null, this.#h = null, this.#g = null, this.#_ = null, this.#v = null, this.#y = null, this.#b = null, super.teardown();
 	}
 	#F() {
-		se(), this.#D = new oe({ allowUnregistered: !0 }), this.#O = Pe(this.#D, {
+		oe(), this.#D = new ae({ allowUnregistered: !0 }), this.#O = Ne(this.#D, {
 			registry: this.#E,
 			onClientMessage: (e) => {
 				this.#se("received", e);
@@ -9792,7 +9792,7 @@ var B = [
 		} catch {}
 	}
 	#B() {
-		this.#E = k.clone(), this.#L(), this.#y && (this.#y.value = JSON.stringify(this.#E.toJSON(), null, 2)), this.#v && this.#fe(this.#v, this.#l.value);
+		this.#E = A.clone(), this.#L(), this.#y && (this.#y.value = JSON.stringify(this.#E.toJSON(), null, 2)), this.#v && this.#fe(this.#v, this.#l.value);
 	}
 	#V() {
 		if (!this.#O) return;
@@ -9857,7 +9857,7 @@ var B = [
 	/** Get visible pane IDs in DOM order. */
 	#K() {
 		let e = this.#n.value;
-		return B.filter((t) => e.has(t));
+		return H.filter((t) => e.has(t));
 	}
 	#q = (e) => {
 		if (e.button !== 0) return;
@@ -9953,54 +9953,52 @@ var B = [
 		let e = document.createElement("n-header"), t = document.createElement("n-toolbar");
 		t.setAttribute("size", "sm"), t.setAttribute("variant", "ghost");
 		let n = document.createElement("n-select");
-		n.setAttribute("size", "sm"), n.setAttribute("inline", "");
-		let r = document.createElement("n-button");
-		r.setAttribute("justify", "spread"), r.innerHTML = "<span slot=\"label\">Presets</span><n-icon name=\"caret-up-down\" slot=\"trailing\"></n-icon>", n.appendChild(r);
-		let i = document.createElement("n-listbox");
-		i.setAttribute("popover", "");
-		for (let e of Fe) {
+		n.setAttribute("size", "sm"), n.setAttribute("inline", ""), n.setAttribute("placeholder", "Presets");
+		let r = document.createElement("n-listbox");
+		r.setAttribute("popover", "");
+		for (let e of Pe) {
 			if ("hidden" in e && e.hidden) continue;
-			let t = Object.entries(z).filter(([t, n]) => n.group === e.id);
+			let t = Object.entries(V).filter(([t, n]) => n.group === e.id);
 			if (t.length === 0) continue;
-			let n = document.createElement("n-option-group"), r = document.createElement("n-option-group-header");
-			r.textContent = e.label, n.appendChild(r);
+			let n = document.createElement("n-option-group"), i = document.createElement("n-option-group-header");
+			i.textContent = e.label, n.appendChild(i);
 			for (let [e, r] of t) {
 				let t = document.createElement("n-option");
 				t.setAttribute("value", e), t.setAttribute("label", r.label), t.textContent = r.label, n.appendChild(t);
 			}
-			i.appendChild(n);
+			r.appendChild(n);
 		}
-		n.appendChild(i), n.addEventListener("native:change", this.#be), t.appendChild(n);
-		for (let e of B) {
+		n.appendChild(r), n.addEventListener("native:change", this.#be), t.appendChild(n);
+		for (let e of H) {
 			let n = document.createElement("n-button");
-			n.setAttribute("variant", "ghost"), n.setAttribute("size", "sm"), n.textContent = Ie[e], this.#n.value.has(e) && n.toggleAttribute("data-active", !0), n.addEventListener("native:press", this.#je(e)), t.appendChild(n), this.#T.set(e, n);
+			n.setAttribute("variant", "ghost"), n.setAttribute("size", "sm"), n.textContent = U[e], this.#n.value.has(e) && n.toggleAttribute("data-active", !0), n.addEventListener("native:press", this.#je(e)), t.appendChild(n), this.#T.set(e, n);
 		}
+		let i = document.createElement("n-button");
+		i.setAttribute("variant", "ghost"), i.setAttribute("size", "sm"), i.title = "Auto-play presets on load", i.innerHTML = "<n-icon name=\"lightning\"></n-icon>", i.addEventListener("native:press", this.#ke), t.appendChild(i), this.#N = i;
 		let a = document.createElement("n-button");
-		a.setAttribute("variant", "ghost"), a.setAttribute("size", "sm"), a.title = "Auto-play presets on load", a.innerHTML = "<n-icon name=\"lightning\"></n-icon>", a.addEventListener("native:press", this.#ke), t.appendChild(a), this.#N = a;
-		let o = document.createElement("n-button");
-		o.setAttribute("variant", "ghost"), o.setAttribute("size", "sm"), o.title = "Expand", o.innerHTML = "<n-icon name=\"arrows-out-simple\"></n-icon>", o.addEventListener("native:press", this.#_e), t.appendChild(o), this.#M = o;
+		a.setAttribute("variant", "ghost"), a.setAttribute("size", "sm"), a.title = "Expand", a.innerHTML = "<n-icon name=\"arrows-out-simple\"></n-icon>", a.addEventListener("native:press", this.#_e), t.appendChild(a), this.#M = a;
+		let o = document.createElement("div");
+		o.className = "a2ui-split", this.#S = o;
 		let s = document.createElement("div");
-		s.className = "a2ui-split", this.#S = s;
+		s.className = "a2ui-preview", this.#x = s;
 		let c = document.createElement("div");
-		c.className = "a2ui-preview", this.#x = c;
+		c.className = "a2ui-preview-content", s.appendChild(c), this.#b = c;
 		let l = document.createElement("div");
-		l.className = "a2ui-preview-content", c.appendChild(l), this.#b = l;
-		let u = document.createElement("div");
-		u.className = "a2ui-resize-handle", c.appendChild(u), s.appendChild(c);
-		for (let e of B) {
+		l.className = "a2ui-resize-handle", s.appendChild(l), o.appendChild(s);
+		for (let e of H) {
 			let t = document.createElement("n-pane");
 			t.dataset.panel = e, this.#n.value.has(e) || (t.hidden = !0);
 			let n = document.createElement("n-header"), r = document.createElement("nav"), i = document.createElement("n-icon");
-			i.setAttribute("name", Le[e]), r.appendChild(i), n.appendChild(r);
+			i.setAttribute("name", Fe[e]), r.appendChild(i), n.appendChild(r);
 			let a = document.createElement("span");
-			a.textContent = Ie[e], n.appendChild(a);
-			let o = document.createElement("aside");
+			a.textContent = U[e], n.appendChild(a);
+			let s = document.createElement("aside");
 			if (e === "js" || e === "html" || e === "css") {
 				let t = document.createElement("n-button");
-				t.setAttribute("variant", "ghost"), t.setAttribute("size", "sm"), t.title = "Reset to computed", t.innerHTML = "<n-icon name=\"arrow-counter-clockwise\"></n-icon>", t.addEventListener("native:press", this.#Ae(e)), o.appendChild(t);
+				t.setAttribute("variant", "ghost"), t.setAttribute("size", "sm"), t.title = "Reset to computed", t.innerHTML = "<n-icon name=\"arrow-counter-clockwise\"></n-icon>", t.addEventListener("native:press", this.#Ae(e)), s.appendChild(t);
 			}
 			let c = document.createElement("n-button");
-			if (c.setAttribute("variant", "ghost"), c.setAttribute("size", "sm"), c.title = "Close pane", c.innerHTML = "<n-icon name=\"x\"></n-icon>", c.addEventListener("native:press", this.#je(e)), o.appendChild(c), n.appendChild(o), t.appendChild(n), e === "json-in") {
+			if (c.setAttribute("variant", "ghost"), c.setAttribute("size", "sm"), c.title = "Close pane", c.innerHTML = "<n-icon name=\"x\"></n-icon>", c.addEventListener("native:press", this.#je(e)), s.appendChild(c), n.appendChild(s), t.appendChild(n), e === "json-in") {
 				let e = document.createElement("n-toolbar");
 				e.setAttribute("variant", "plain"), e.setAttribute("size", "sm"), e.setAttribute("fill", "");
 				let n = this.#Q("Step back", "caret-left");
@@ -10036,17 +10034,17 @@ var B = [
 			}
 			let l = document.createElement("n-body");
 			if (t.appendChild(l), this.#w.set(e, l), e === "json-in" || e === "js" || e === "html" || e === "css") {
-				let t = document.createElement("native-codemirror");
+				let t = document.createElement("n-editor");
 				t.setAttribute("line-numbers", "false"), l.appendChild(t), e === "json-in" ? this.#p = t : e === "js" ? this.#m = t : e === "html" ? this.#h = t : e === "css" && (this.#g = t);
 			} else if (e === "components") this.#v = l;
 			else if (e === "schema") {
-				let e = document.createElement("native-codemirror");
+				let e = document.createElement("n-editor");
 				e.setAttribute("line-numbers", "false"), l.appendChild(e), this.#y = e;
 			}
 			let u = document.createElement("div");
-			u.className = "a2ui-resize-handle", t.appendChild(u), s.appendChild(t), this.#C.set(e, t);
+			u.className = "a2ui-resize-handle", t.appendChild(u), o.appendChild(t), this.#C.set(e, t);
 		}
-		e.appendChild(t), this.append(e, s);
+		e.appendChild(t), this.append(e, o);
 	}
 	#Q(e, t, n = !1) {
 		let r = document.createElement("n-button");
@@ -10062,20 +10060,20 @@ var B = [
 	#ee() {
 		if (!this.#p) return;
 		this.#p.value = this.#e.value, this.#p.extensions = [
-			w(),
-			Ve,
-			ae(le)
+			E(),
+			ze,
+			ie(ce)
 		], this.#p.addEventListener("native:input", (e) => {
 			this.#e.value = e.detail.value;
 		});
-		let e = ie.of([{
+		let e = re.of([{
 			key: "Mod-s",
 			run: () => (this.#U(), !0)
-		}]), t = ie.of([{
+		}]), t = re.of([{
 			key: "Mod-s",
 			run: () => (this.#W(), !0)
 		}]);
-		this.#m && (this.#m.extensions = [w()]), this.#h && (this.#h.extensions = [e]), this.#g && (this.#g.extensions = [w(), t]);
+		this.#m && (this.#m.extensions = [E()]), this.#h && (this.#h.extensions = [e]), this.#g && (this.#g.extensions = [E(), t]);
 	}
 	/** Parse JSON envelopes from the editor stream (supports multi-line formatted JSON). */
 	#te() {
@@ -10316,9 +10314,9 @@ var B = [
 			r.className = "a2ui-map-editor-toolbar";
 			let i = document.createElement("n-button");
 			i.setAttribute("variant", "ghost"), i.setAttribute("size", "sm"), i.title = "Apply changes to stream", i.innerHTML = "<n-icon name=\"play\" weight=\"fill\"></n-icon>", i.addEventListener("native:press", () => this.#he(t)), r.appendChild(i), n.appendChild(r);
-			let a = document.createElement("native-codemirror");
+			let a = document.createElement("n-editor");
 			a.setAttribute("line-numbers", "false"), n.appendChild(a), this.#_ = a, requestAnimationFrame(() => {
-				a.extensions = [w()], a.value = JSON.stringify(s, null, 2);
+				a.extensions = [E()], a.value = JSON.stringify(s, null, 2);
 			}), e.appendChild(n);
 			return;
 		}
@@ -10393,8 +10391,8 @@ var B = [
 		t && this.#xe(t);
 	};
 	#xe(e) {
-		if (!z[e]) return;
-		let t = z[e].envelopes.map((e) => JSON.stringify(e, null, 2)).join("\n\n");
+		if (!V[e]) return;
+		let t = V[e].envelopes.map((e) => JSON.stringify(e, null, 2)).join("\n\n");
 		this.#ae(), this.stream = t, this.#ne();
 	}
 	#Se = () => {
@@ -10448,7 +10446,7 @@ var B = [
 		let a = this.#p?.editorView;
 		if (a) {
 			let e = a.state.doc.lines;
-			a.dispatch({ selection: { anchor: a.state.doc.line(e).from } }), a.dispatch({ effects: te.scrollIntoView(a.state.doc.line(e).from) });
+			a.dispatch({ selection: { anchor: a.state.doc.line(e).from } }), a.dispatch({ effects: T.scrollIntoView(a.state.doc.line(e).from) });
 		}
 	};
 	#De = () => {
@@ -10480,7 +10478,7 @@ var B = [
 		} else if (e === "html") {
 			if (!this.#h) return;
 			let e = this.#s.value;
-			this.#h.value = e ? H(e) : "";
+			this.#h.value = e ? Ve(e) : "";
 		} else if (e === "css") {
 			if (!this.#g) return;
 			let e = this.#c.value;
@@ -10492,7 +10490,7 @@ var B = [
 		t.has(e) ? t.delete(e) : t.add(e), this.#n.value = t;
 	};
 };
-function H(e) {
+function Ve(e) {
 	let t = "", n = 0, r = 0;
 	for (; r < e.length;) if (e[r] === "<") {
 		let i = e.indexOf(">", r);
@@ -10507,7 +10505,7 @@ function H(e) {
 	}
 	return t.trimEnd();
 }
-y("native-a2ui", V), y("n-button", e), y("n-icon", r), y("n-toolbar", f), y("n-select", u), y("n-listbox", i), y("n-option", a), y("n-option-group", o), y("n-option-group-header", s), y("n-segmented-control", l), y("n-segment", c), b("caret-left", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z\"/></svg>"), b("caret-right", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\"/></svg>"), b("arrow-counter-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z\"/></svg>"), b("play-fill", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z\"/></svg>"), b("arrows-out-simple", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216,48V96a8,8,0,0,1-16,0V67.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L188.69,56H160a8,8,0,0,1,0-16h48A8,8,0,0,1,216,48ZM106.34,138.34,56,188.69V160a8,8,0,0,0-16,0v48a8,8,0,0,0,8,8H96a8,8,0,0,0,0-16H67.31l50.35-50.34a8,8,0,0,0-11.32-11.32Z\"/></svg>"), b("arrows-in-simple", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M213.66,53.66,163.31,104H192a8,8,0,0,1,0,16H144a8,8,0,0,1-8-8V64a8,8,0,0,1,16,0V92.69l50.34-50.35a8,8,0,0,1,11.32,11.32ZM112,136H64a8,8,0,0,0,0,16H92.69L42.34,202.34a8,8,0,0,0,11.32,11.32L104,163.31V192a8,8,0,0,0,16,0V144A8,8,0,0,0,112,136Z\"/></svg>"), b("x", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\"/></svg>"), b("caret-up-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M181.66,170.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-48-48a8,8,0,0,1,11.32-11.32L128,212.69l42.34-42.35A8,8,0,0,1,181.66,170.34Zm-96-84.68L128,43.31l42.34,42.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,85.66Z\"/></svg>"), b("lightning", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.38a8,8,0,0,0,5,9.06l52.8,19.8Z\"/></svg>"), b("plus", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"/></svg>"), b("arrows-left-right", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M213.66,181.66l-32,32a8,8,0,0,1-11.32-11.32L188.69,184H48a8,8,0,0,1,0-16H188.69l-18.35-18.34a8,8,0,0,1,11.32-11.32l32,32A8,8,0,0,1,213.66,181.66Zm-139.32-64a8,8,0,0,0,11.32-11.32L67.31,88H208a8,8,0,0,0,0-16H67.31L85.66,53.66A8,8,0,0,0,74.34,42.34l-32,32a8,8,0,0,0,0,11.32Z\"/></svg>"), b("plus-circle", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48-88a8,8,0,0,1-8,8H136v32a8,8,0,0,1-16,0V136H88a8,8,0,0,1,0-16h32V88a8,8,0,0,1,16,0v32h32A8,8,0,0,1,176,128Z\"/></svg>"), b("minus-circle", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M176,128a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,128Zm56,0A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"/></svg>"), b("database", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24C74.17,24,32,48.6,32,80v96c0,31.4,42.17,56,96,56s96-24.6,96-56V80C224,48.6,181.83,24,128,24Zm80,104c0,9.62-7.88,19.43-21.61,26.92C170.93,163.35,150.19,168,128,168s-42.93-4.65-58.39-13.08C55.88,147.43,48,137.62,48,128V111.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64ZM69.61,53.08C85.07,44.65,105.81,40,128,40s42.93,4.65,58.39,13.08C200.12,60.57,208,70.38,208,80s-7.88,19.43-21.61,26.92C170.93,115.35,150.19,120,128,120s-42.93-4.65-58.39-13.08C55.88,99.43,48,89.62,48,80S55.88,60.57,69.61,53.08ZM186.39,202.92C170.93,211.35,150.19,216,128,216s-42.93-4.65-58.39-13.08C55.88,195.43,48,185.62,48,176V159.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64V176C208,185.62,200.12,195.43,186.39,202.92Z\"/></svg>"), b("play", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z\"/></svg>"), b("brackets-curly", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M43.18,128a29.78,29.78,0,0,1,8,10.26c4.8,9.9,4.8,22,4.8,33.74,0,24.31,1,36,24,36a8,8,0,0,1,0,16c-17.48,0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74,0-24.31-1-36-24-36a8,8,0,0,1,0-16c23,0,24-11.69,24-36,0-11.72,0-23.84,4.8-33.74C50.68,38.14,62.52,32,80,32a8,8,0,0,1,0,16C57,48,56,59.69,56,84c0,11.72,0,23.84-4.8,33.74A29.78,29.78,0,0,1,43.18,128ZM240,120c-23,0-24-11.69-24-36,0-11.72,0-23.84-4.8-33.74C205.32,38.14,193.48,32,176,32a8,8,0,0,0,0,16c23,0,24,11.69,24,36,0,11.72,0,23.84,4.8,33.74a29.78,29.78,0,0,0,8,10.26,29.78,29.78,0,0,0-8,10.26c-4.8,9.9-4.8,22-4.8,33.74,0,24.31-1,36-24,36a8,8,0,0,0,0,16c17.48,0,29.32-6.14,35.2-18.26,4.8-9.9,4.8-22,4.8-33.74,0-24.31,1-36,24-36a8,8,0,0,0,0-16Z\"/></svg>"), b("chat-circle-dots", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128ZM84,116a12,12,0,1,0,12,12A12,12,0,0,0,84,116Zm88,0a12,12,0,1,0,12,12A12,12,0,0,0,172,116Zm60,12A104,104,0,0,1,79.12,219.82L45.07,231.17a16,16,0,0,1-20.24-20.24l11.35-34.05A104,104,0,1,1,232,128Zm-16,0A88,88,0,1,0,51.81,172.06a8,8,0,0,1,.66,6.54L40,216,77.4,203.53a7.85,7.85,0,0,1,2.53-.42,8,8,0,0,1,4,1.08A88,88,0,0,0,216,128Z\"/></svg>"), b("code", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z\"/></svg>"), b("palette", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M200.77,53.89A103.27,103.27,0,0,0,128,24h-1.07A104,104,0,0,0,24,128c0,43,26.58,79.06,69.36,94.17A32,32,0,0,0,136,192a16,16,0,0,1,16-16h46.21a31.81,31.81,0,0,0,31.2-24.88,104.43,104.43,0,0,0,2.59-24A103.28,103.28,0,0,0,200.77,53.89Zm13,93.71A15.89,15.89,0,0,1,198.21,160H152a32,32,0,0,0-32,32,16,16,0,0,1-21.31,15.07C62.49,194.3,40,164,40,128a88,88,0,0,1,87.09-88h.9a88.35,88.35,0,0,1,88,87.25A88.86,88.86,0,0,1,213.81,147.6ZM140,76a12,12,0,1,1-12-12A12,12,0,0,1,140,76ZM96,100A12,12,0,1,1,84,88,12,12,0,0,1,96,100Zm0,56a12,12,0,1,1-12-12A12,12,0,0,1,96,156Zm88-56a12,12,0,1,1-12-12A12,12,0,0,1,184,100Z\"/></svg>"), b("terminal", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z\"/></svg>"), b("squares-four", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z\"/></svg>");
+b("native-a2ui", Be), b("n-button", e), b("n-icon", r), b("n-toolbar", p), b("n-select", d), b("n-listbox", i), b("n-option", a), b("n-option-group", o), b("n-option-group-header", s), b("n-segmented-control", u), b("n-segment", l), b("n-pane", c), x("caret-left", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z\"/></svg>"), x("caret-right", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\"/></svg>"), x("arrow-counter-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z\"/></svg>"), x("play-fill", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z\"/></svg>"), x("arrows-out-simple", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216,48V96a8,8,0,0,1-16,0V67.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L188.69,56H160a8,8,0,0,1,0-16h48A8,8,0,0,1,216,48ZM106.34,138.34,56,188.69V160a8,8,0,0,0-16,0v48a8,8,0,0,0,8,8H96a8,8,0,0,0,0-16H67.31l50.35-50.34a8,8,0,0,0-11.32-11.32Z\"/></svg>"), x("arrows-in-simple", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M213.66,53.66,163.31,104H192a8,8,0,0,1,0,16H144a8,8,0,0,1-8-8V64a8,8,0,0,1,16,0V92.69l50.34-50.35a8,8,0,0,1,11.32,11.32ZM112,136H64a8,8,0,0,0,0,16H92.69L42.34,202.34a8,8,0,0,0,11.32,11.32L104,163.31V192a8,8,0,0,0,16,0V144A8,8,0,0,0,112,136Z\"/></svg>"), x("x", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\"/></svg>"), x("caret-up-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M181.66,170.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-48-48a8,8,0,0,1,11.32-11.32L128,212.69l42.34-42.35A8,8,0,0,1,181.66,170.34Zm-96-84.68L128,43.31l42.34,42.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,85.66Z\"/></svg>"), x("lightning", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.38a8,8,0,0,0,5,9.06l52.8,19.8Z\"/></svg>"), x("plus", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"/></svg>"), x("arrows-left-right", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M213.66,181.66l-32,32a8,8,0,0,1-11.32-11.32L188.69,184H48a8,8,0,0,1,0-16H188.69l-18.35-18.34a8,8,0,0,1,11.32-11.32l32,32A8,8,0,0,1,213.66,181.66Zm-139.32-64a8,8,0,0,0,11.32-11.32L67.31,88H208a8,8,0,0,0,0-16H67.31L85.66,53.66A8,8,0,0,0,74.34,42.34l-32,32a8,8,0,0,0,0,11.32Z\"/></svg>"), x("plus-circle", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48-88a8,8,0,0,1-8,8H136v32a8,8,0,0,1-16,0V136H88a8,8,0,0,1,0-16h32V88a8,8,0,0,1,16,0v32h32A8,8,0,0,1,176,128Z\"/></svg>"), x("minus-circle", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M176,128a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,128Zm56,0A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"/></svg>"), x("database", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24C74.17,24,32,48.6,32,80v96c0,31.4,42.17,56,96,56s96-24.6,96-56V80C224,48.6,181.83,24,128,24Zm80,104c0,9.62-7.88,19.43-21.61,26.92C170.93,163.35,150.19,168,128,168s-42.93-4.65-58.39-13.08C55.88,147.43,48,137.62,48,128V111.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64ZM69.61,53.08C85.07,44.65,105.81,40,128,40s42.93,4.65,58.39,13.08C200.12,60.57,208,70.38,208,80s-7.88,19.43-21.61,26.92C170.93,115.35,150.19,120,128,120s-42.93-4.65-58.39-13.08C55.88,99.43,48,89.62,48,80S55.88,60.57,69.61,53.08ZM186.39,202.92C170.93,211.35,150.19,216,128,216s-42.93-4.65-58.39-13.08C55.88,195.43,48,185.62,48,176V159.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64V176C208,185.62,200.12,195.43,186.39,202.92Z\"/></svg>"), x("play", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M232.4,114.49,88.32,26.35a16,16,0,0,0-16.2-.3A15.86,15.86,0,0,0,64,39.87V216.13A15.94,15.94,0,0,0,80,232a16.07,16.07,0,0,0,8.36-2.35L232.4,141.51a15.81,15.81,0,0,0,0-27ZM80,215.94V40l143.83,88Z\"/></svg>"), x("brackets-curly", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M43.18,128a29.78,29.78,0,0,1,8,10.26c4.8,9.9,4.8,22,4.8,33.74,0,24.31,1,36,24,36a8,8,0,0,1,0,16c-17.48,0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74,0-24.31-1-36-24-36a8,8,0,0,1,0-16c23,0,24-11.69,24-36,0-11.72,0-23.84,4.8-33.74C50.68,38.14,62.52,32,80,32a8,8,0,0,1,0,16C57,48,56,59.69,56,84c0,11.72,0,23.84-4.8,33.74A29.78,29.78,0,0,1,43.18,128ZM240,120c-23,0-24-11.69-24-36,0-11.72,0-23.84-4.8-33.74C205.32,38.14,193.48,32,176,32a8,8,0,0,0,0,16c23,0,24,11.69,24,36,0,11.72,0,23.84,4.8,33.74a29.78,29.78,0,0,0,8,10.26,29.78,29.78,0,0,0-8,10.26c-4.8,9.9-4.8,22-4.8,33.74,0,24.31-1,36-24,36a8,8,0,0,0,0,16c17.48,0,29.32-6.14,35.2-18.26,4.8-9.9,4.8-22,4.8-33.74,0-24.31,1-36,24-36a8,8,0,0,0,0-16Z\"/></svg>"), x("chat-circle-dots", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128ZM84,116a12,12,0,1,0,12,12A12,12,0,0,0,84,116Zm88,0a12,12,0,1,0,12,12A12,12,0,0,0,172,116Zm60,12A104,104,0,0,1,79.12,219.82L45.07,231.17a16,16,0,0,1-20.24-20.24l11.35-34.05A104,104,0,1,1,232,128Zm-16,0A88,88,0,1,0,51.81,172.06a8,8,0,0,1,.66,6.54L40,216,77.4,203.53a7.85,7.85,0,0,1,2.53-.42,8,8,0,0,1,4,1.08A88,88,0,0,0,216,128Z\"/></svg>"), x("code", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z\"/></svg>"), x("palette", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M200.77,53.89A103.27,103.27,0,0,0,128,24h-1.07A104,104,0,0,0,24,128c0,43,26.58,79.06,69.36,94.17A32,32,0,0,0,136,192a16,16,0,0,1,16-16h46.21a31.81,31.81,0,0,0,31.2-24.88,104.43,104.43,0,0,0,2.59-24A103.28,103.28,0,0,0,200.77,53.89Zm13,93.71A15.89,15.89,0,0,1,198.21,160H152a32,32,0,0,0-32,32,16,16,0,0,1-21.31,15.07C62.49,194.3,40,164,40,128a88,88,0,0,1,87.09-88h.9a88.35,88.35,0,0,1,88,87.25A88.86,88.86,0,0,1,213.81,147.6ZM140,76a12,12,0,1,1-12-12A12,12,0,0,1,140,76ZM96,100A12,12,0,1,1,84,88,12,12,0,0,1,96,100Zm0,56a12,12,0,1,1-12-12A12,12,0,0,1,96,156Zm88-56a12,12,0,1,1-12-12A12,12,0,0,1,184,100Z\"/></svg>"), x("terminal", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z\"/></svg>"), x("squares-four", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z\"/></svg>");
 /**
 * Chat message input with textarea, submit button, and Enter-to-send behavior.
 * @attr {boolean} disabled - Disables interaction
@@ -10520,15 +10518,15 @@ y("native-a2ui", V), y("n-button", e), y("n-icon", r), y("n-toolbar", f), y("n-s
 * @fires native:composer-focus - Fired when the composer textarea gains focus
 * @fires native:composer-blur - Fired when the composer textarea loses focus
 */
-var U = class extends p {
+var W = class extends m {
 	static observedAttributes = [
 		"disabled",
 		"busy",
 		"value"
 	];
 	#e;
-	#t = x(!1);
-	#n = x(!1);
+	#t = S(!1);
+	#n = S(!1);
 	#r = null;
 	#i = null;
 	constructor() {
@@ -10577,7 +10575,7 @@ var U = class extends p {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(v(this, this.#t, this.#e)), this.deferChildren(() => {
+		super.setup(), this.addEffect(y(this, this.#t, this.#e)), this.deferChildren(() => {
 			this.#a();
 			let e = this.getAttribute("value");
 			e && this.#r && (this.#r.value = e), this.addEffect(() => {
@@ -10650,7 +10648,7 @@ var U = class extends p {
 			})) && !this.hasAttribute("no-auto-clear") && (this.value = "", this.#i?.setAttribute("disabled", ""));
 		}
 	}
-}, He = class extends U {}, W = class extends Error {
+}, He = class extends W {}, G = class extends Error {
 	kind;
 	status;
 	body;
@@ -10660,7 +10658,7 @@ var U = class extends p {
 		super(e.message), this.name = "GatewayRequestError", this.kind = e.kind, this.status = e.status ?? 0, this.body = e.body ?? "", this.requestId = e.requestId, this.contentType = e.contentType;
 	}
 };
-async function G(e) {
+async function Ue(e) {
 	return K(e, e.retryPolicy ?? {
 		delaysMs: [
 			1e3,
@@ -10670,7 +10668,7 @@ async function G(e) {
 		jitterRatio: 0
 	}, 0);
 }
-function Ue(e, t) {
+function We(e, t) {
 	let n = { ...e };
 	if (!t) return n;
 	if (t instanceof Headers) return t.forEach((e, t) => {
@@ -10696,7 +10694,7 @@ async function K(e, t, n) {
 		maxAttempts: t.delaysMs.length + 1
 	});
 	try {
-		let s = Ue(e.defaultHeaders ?? {}, i.headers), c = e.auth;
+		let s = We(e.defaultHeaders ?? {}, i.headers), c = e.auth;
 		if (c?.token) {
 			let e = c.headerName ?? "Authorization";
 			s[e] = c.scheme === "raw" ? c.token : `Bearer ${c.token}`;
@@ -10709,7 +10707,7 @@ async function K(e, t, n) {
 			signal: d
 		}), p = Math.round(performance.now() - o);
 		if (!f.ok) {
-			let o = await f.text(), s = We(f.status), c = f.headers.get("content-type") ?? void 0;
+			let o = await f.text(), s = Ge(f.status), c = f.headers.get("content-type") ?? void 0;
 			if (!e.noRetry && (s === "rate-limit" || s === "server") && n < t.delaysMs.length) return a?.({
 				type: "request:retry",
 				requestId: i.requestId,
@@ -10720,7 +10718,7 @@ async function K(e, t, n) {
 				durationMs: p,
 				status: f.status,
 				errorKind: s
-			}), await Ge(Y(t.delaysMs[n], t.jitterRatio ?? 0)), K(e, t, n + 1);
+			}), await qe(Ke(t.delaysMs[n], t.jitterRatio ?? 0)), K(e, t, n + 1);
 			throw a?.({
 				type: "request:error",
 				requestId: i.requestId,
@@ -10731,8 +10729,8 @@ async function K(e, t, n) {
 				durationMs: p,
 				status: f.status,
 				errorKind: s
-			}), new W({
-				message: Je(f.status, o, c),
+			}), new G({
+				message: Xe(f.status, o, c),
 				kind: s,
 				requestId: i.requestId,
 				status: f.status,
@@ -10751,7 +10749,7 @@ async function K(e, t, n) {
 			status: f.status
 		}), f;
 	} catch (s) {
-		if (s instanceof DOMException && s.name === "AbortError" || s instanceof W) throw s;
+		if (s instanceof DOMException && s.name === "AbortError" || s instanceof G) throw s;
 		let c = Math.round(performance.now() - o);
 		if (!e.noRetry && n < t.delaysMs.length) return a?.({
 			type: "request:retry",
@@ -10762,7 +10760,7 @@ async function K(e, t, n) {
 			maxAttempts: t.delaysMs.length + 1,
 			durationMs: c,
 			errorKind: "network"
-		}), await Ge(Y(t.delaysMs[n], t.jitterRatio ?? 0)), K(e, t, n + 1);
+		}), await qe(Ke(t.delaysMs[n], t.jitterRatio ?? 0)), K(e, t, n + 1);
 		throw a?.({
 			type: "request:error",
 			requestId: i.requestId,
@@ -10772,19 +10770,19 @@ async function K(e, t, n) {
 			maxAttempts: t.delaysMs.length + 1,
 			durationMs: c,
 			errorKind: "network"
-		}), new W({
+		}), new G({
 			message: s instanceof Error ? s.message : "Network error",
 			kind: "network",
 			requestId: i.requestId
 		});
 	}
 }
-function We(e) {
+function Ge(e) {
 	return e === 401 || e === 403 ? "auth" : e === 429 ? "rate-limit" : e >= 500 ? "server" : e >= 400 ? "client" : "unknown";
 }
 async function q(e, t) {
 	let n = e.headers.get("content-type") ?? "", r = await e.text();
-	if (!r.trim()) throw new W({
+	if (!r.trim()) throw new G({
 		message: "Empty response body",
 		kind: "unknown",
 		requestId: t,
@@ -10794,7 +10792,7 @@ async function q(e, t) {
 	try {
 		return JSON.parse(r);
 	} catch {
-		throw new W({
+		throw new G({
 			message: `Invalid JSON response (status ${e.status}, content-type "${n || "unknown"}")`,
 			kind: "unknown",
 			requestId: t,
@@ -10807,15 +10805,15 @@ async function q(e, t) {
 function J() {
 	return crypto.randomUUID();
 }
-function Y(e, t) {
+function Ke(e, t) {
 	if (t <= 0) return e;
 	let n = 1 + Math.random() * t;
 	return Math.round(e * n);
 }
-function Ge(e) {
+function qe(e) {
 	return new Promise((t) => setTimeout(t, e));
 }
-function Ke(e) {
+function Je(e) {
 	let t = e.split("\n"), n = "message", r = [];
 	for (let e of t) e.startsWith(":") || (e.startsWith("event:") ? n = e.slice(6).trim() : e.startsWith("data:") && r.push(e.slice(5).replace(/^ /, "")));
 	return r.length ? {
@@ -10823,12 +10821,12 @@ function Ke(e) {
 		data: r.join("\n")
 	} : null;
 }
-const qe = [
+const Ye = [
 	1e3,
 	2e3,
 	4e3
 ];
-function Je(e, t, n) {
+function Xe(e, t, n) {
 	let r = `Request failed with ${e}`;
 	if (!t.trim()) return r;
 	if ((n ?? "").toLowerCase().includes("application/json") || t.trim().startsWith("{")) try {
@@ -10839,7 +10837,7 @@ function Je(e, t, n) {
 	}
 	return (n ?? "").toLowerCase().includes("text/html") ? `${r} (received HTML instead of API JSON)` : r;
 }
-var Ye = class {
+var Ze = class {
 	clientId;
 	baseUrl;
 	model;
@@ -10942,7 +10940,7 @@ var Ye = class {
 			return {
 				healthy: !1,
 				requestId: t,
-				status: e instanceof W ? e.status : 0,
+				status: e instanceof G ? e.status : 0,
 				durationMs: Math.round(performance.now() - n)
 			};
 		}
@@ -10962,7 +10960,7 @@ var Ye = class {
 				signal: e?.signal,
 				requestId: t
 			}
-		}), t)).data ?? []).filter((e) => typeof e.id == "string" && e.id.length > 0).map((e) => e.id), r = n.filter((e) => Ze(e));
+		}), t)).data ?? []).filter((e) => typeof e.id == "string" && e.id.length > 0).map((e) => e.id), r = n.filter((e) => $e(e));
 		return (r.length ? r : n).map((e) => ({
 			id: e,
 			label: e,
@@ -10988,7 +10986,7 @@ var Ye = class {
 		}))), n;
 	}
 	async parseEventStream(e, t, n, r, i) {
-		if (!e.body) throw new W({
+		if (!e.body) throw new G({
 			message: "Missing stream body",
 			kind: "unknown",
 			requestId: t,
@@ -11004,7 +11002,7 @@ var Ye = class {
 				for (; p !== -1;) {
 					let a = s.slice(0, p);
 					s = s.slice(p + 2), p = s.indexOf("\n\n");
-					let o = Ke(a);
+					let o = Je(a);
 					if (!o) continue;
 					if (o.data === "[DONE]") {
 						u = !0;
@@ -11024,7 +11022,7 @@ var Ye = class {
 							mode: "sse",
 							contentType: i,
 							message: n
-						}), new W({
+						}), new G({
 							message: n,
 							kind: "server",
 							requestId: t,
@@ -11054,7 +11052,7 @@ var Ye = class {
 		} finally {
 			a.releaseLock();
 		}
-		if (!c.trim()) throw new W({
+		if (!c.trim()) throw new G({
 			message: "Empty stream response body",
 			kind: "unknown",
 			requestId: t,
@@ -11080,11 +11078,11 @@ var Ye = class {
 		};
 	}
 	request(e) {
-		return G({
+		return Ue({
 			url: e.url,
 			init: e.init,
 			noRetry: e.noRetry,
-			retryPolicy: { delaysMs: qe },
+			retryPolicy: { delaysMs: Ye },
 			auth: {
 				token: this.apiKey,
 				headerName: "Authorization",
@@ -11099,9 +11097,9 @@ var Ye = class {
 		});
 	}
 };
-const Xe = ({ clientId: e, baseUrl: t, gatewayConfig: n, onEvent: r, auth: i }) => {
+const Qe = ({ clientId: e, baseUrl: t, gatewayConfig: n, onEvent: r, auth: i }) => {
 	let a = n?.model ?? "gpt-4.1-mini", o = Number(n?.max_tokens ?? n?.maxTokens ?? 1024), s = n?.temperature, c = n?.api_key ?? n?.apiKey ?? i?.token ?? null, l = n?.organization ?? n?.openai_organization ?? n?.openaiOrganization ?? null, u = n?.session_id ?? n?.sessionId ?? null;
-	return new Ye({
+	return new Ze({
 		clientId: e,
 		baseUrl: t,
 		model: String(a),
@@ -11114,11 +11112,11 @@ const Xe = ({ clientId: e, baseUrl: t, gatewayConfig: n, onEvent: r, auth: i })
 		onEvent: r
 	});
 };
-function Ze(e) {
+function $e(e) {
 	let t = e.trim().toLowerCase();
 	return t ? t.startsWith("gpt-") || t.startsWith("chatgpt-") : !1;
 }
-var Qe = class {
+var et = class {
 	clientId;
 	baseUrl;
 	model;
@@ -11217,7 +11215,7 @@ var Qe = class {
 			return {
 				healthy: !1,
 				requestId: t,
-				status: e instanceof W ? e.status : 0,
+				status: e instanceof G ? e.status : 0,
 				durationMs: Math.round(performance.now() - n)
 			};
 		}
@@ -11263,7 +11261,7 @@ var Qe = class {
 		return (e.content ?? []).filter((e) => e.type === "text").map((e) => e.text ?? "").join("") || "No response returned.";
 	}
 	async parseEventStream(e, t, n, r, i) {
-		if (!e.body) throw new W({
+		if (!e.body) throw new G({
 			message: "Missing stream body",
 			kind: "unknown",
 			requestId: t,
@@ -11279,7 +11277,7 @@ var Qe = class {
 				for (; p !== -1;) {
 					let a = s.slice(0, p);
 					s = s.slice(p + 2), p = s.indexOf("\n\n");
-					let o = Ke(a);
+					let o = Je(a);
 					if (!o) continue;
 					if (o.data === "[DONE]") {
 						u = !0;
@@ -11298,7 +11296,7 @@ var Qe = class {
 							mode: "sse",
 							contentType: i,
 							message: a
-						}), new W({
+						}), new G({
 							message: a,
 							kind: "server",
 							requestId: t,
@@ -11331,7 +11329,7 @@ var Qe = class {
 		} finally {
 			a.releaseLock();
 		}
-		if (!c.trim()) throw new W({
+		if (!c.trim()) throw new G({
 			message: "Empty stream response body",
 			kind: "unknown",
 			requestId: t,
@@ -11357,11 +11355,11 @@ var Qe = class {
 		};
 	}
 	request(e) {
-		return G({
+		return Ue({
 			url: e.url,
 			init: e.init,
 			noRetry: e.noRetry,
-			retryPolicy: { delaysMs: qe },
+			retryPolicy: { delaysMs: Ye },
 			auth: {
 				token: this.apiKey,
 				headerName: "x-api-key",
@@ -11377,9 +11375,9 @@ var Qe = class {
 		});
 	}
 };
-const $e = ({ clientId: e, baseUrl: t, gatewayConfig: n, onEvent: r, auth: i }) => {
+const tt = ({ clientId: e, baseUrl: t, gatewayConfig: n, onEvent: r, auth: i }) => {
 	let a = n?.model ?? "claude-sonnet-4-6", o = Number(n?.max_tokens ?? n?.maxTokens ?? 1024), s = n?.temperature, c = n?.anthropic_version ?? n?.anthropicVersion ?? "2023-06-01", l = n?.api_key ?? n?.apiKey ?? i?.token ?? null, u = n?.session_id ?? n?.sessionId ?? null;
-	return new Qe({
+	return new et({
 		clientId: e,
 		baseUrl: t,
 		model: String(a),
@@ -11392,17 +11390,17 @@ const $e = ({ clientId: e, baseUrl: t, gatewayConfig: n, onEvent: r, auth: i })
 		onEvent: r
 	});
 };
-var X = [
+var Y = [
 	"That's a great question! Here's what I think:\n\n**Web components** are built on three main browser APIs:\n\n1. **Custom Elements** — define your own HTML tags\n2. **Shadow DOM** — encapsulated styling and markup\n3. **HTML Templates** — reusable content fragments\n\nThey work natively in all modern browsers.",
 	"Sure, I can help with that! Let me break it down:\n\n- First, you'll want to understand the **component lifecycle**\n- Then look at how **attributes** map to **properties**\n- Finally, consider your **event strategy**\n\n```js\nclass MyElement extends HTMLElement {\n  connectedCallback() {\n    console.log('Connected!');\n  }\n}\n```",
 	"Here are some key points to consider:\n\n> The best code is the code you don't have to write.\n\n1. Keep components **small and focused**\n2. Use **composition** over inheritance\n3. Leverage **CSS custom properties** for theming\n4. Always consider **accessibility**\n\nLet me know if you'd like more detail on any of these!"
-], et = 25, tt = class {
+], nt = 25, rt = class {
 	#e = 0;
 	bootstrapSession() {
 		return Promise.resolve({ id: "mock-session" });
 	}
 	sendMessage(e) {
-		let t = X[this.#e++ % X.length];
+		let t = Y[this.#e++ % Y.length];
 		return Promise.resolve({
 			role: "assistant",
 			message: t,
@@ -11410,7 +11408,7 @@ var X = [
 		});
 	}
 	async sendMessageStream(e) {
-		let t = X[this.#e++ % X.length], n = t.split(/(\s+)/);
+		let t = Y[this.#e++ % Y.length], n = t.split(/(\s+)/);
 		e.onMode?.("sse", "text/event-stream"), e.onStreamEvent?.({
 			phase: "start",
 			mode: "sse"
@@ -11426,7 +11424,7 @@ var X = [
 				role: "assistant",
 				datetime: Date.now(),
 				done: i
-			}), i || await new Promise((e) => setTimeout(e, et));
+			}), i || await new Promise((e) => setTimeout(e, nt));
 		}
 		return e.onStreamEvent?.({
 			phase: "complete",
@@ -11460,8 +11458,8 @@ var X = [
 		}]);
 	}
 };
-function nt(e) {
-	return new tt();
+function it(e) {
+	return new rt();
 }
 /**
 * Stamped panel for the chat interface.
@@ -11508,7 +11506,7 @@ function nt(e) {
 * @attr {string} gateway-config - JSON config for the adapter (model, apiKey, system, etc.)
 * @attr {string} gateway-urls - JSON map of provider prefixes to URLs (e.g. '{"claude":"/api/anthropic","openai":"/api/openai"}'). When set, auto-switches gateway based on model prefix.
 */
-var rt = class extends p {
+var at = class extends m {
 	static MAX_CONTEXT_MESSAGES = 50;
 	static observedAttributes = [
 		"show-stop",
@@ -11522,17 +11520,17 @@ var rt = class extends p {
 		"gateway-config",
 		"gateway-urls"
 	];
-	#e = x(!1);
-	#t = x(!1);
-	#n = x("open-request");
-	#r = x(!1);
-	#i = x([]);
-	#a = x(null);
-	#o = x(null);
-	#s = x(null);
-	#c = x(null);
-	#l = x(null);
-	#u = x(!1);
+	#e = S(!1);
+	#t = S(!1);
+	#n = S("open-request");
+	#r = S(!1);
+	#i = S([]);
+	#a = S(null);
+	#o = S(null);
+	#s = S(null);
+	#c = S(null);
+	#l = S(null);
+	#u = S(!1);
 	#d = null;
 	#f = [];
 	#p = null;
@@ -11725,15 +11723,13 @@ var rt = class extends p {
 			let e = this.#i.value;
 			if (e.length > 0 && !this.#b) {
 				let e = document.createElement("n-select");
-				e.setAttribute("aria-label", "Select model"), e.setAttribute("data-role", "model-picker"), e.addEventListener("native:change", this.#M);
-				let t = document.createElement("n-button");
-				t.setAttribute("variant", "ghost"), t.setAttribute("inline", "");
-				let n = document.createElement("n-icon");
-				n.setAttribute("name", "dots-three-outline-fill"), t.appendChild(n);
-				let r = document.createElement("n-listbox");
-				r.setAttribute("popover", "manual"), e.append(t, r), this.#b = e, this.#x = r;
-				let i = this.#y?.querySelector("[data-submit]");
-				i ? this.#y?.insertBefore(e, i) : this.#y?.appendChild(e);
+				e.setAttribute("aria-label", "Select model"), e.setAttribute("data-role", "model-picker"), e.setAttribute("variant", "ghost"), e.setAttribute("inline", ""), e.addEventListener("native:change", this.#M);
+				let t = document.createElement("n-icon");
+				t.setAttribute("name", "dots-three-outline-fill"), t.setAttribute("slot", "label");
+				let n = document.createElement("n-listbox");
+				n.setAttribute("popover", "manual"), e.append(t, n), this.#b = e, this.#x = n;
+				let r = this.#y?.querySelector("[data-submit]");
+				r ? this.#y?.insertBefore(e, r) : this.#y?.appendChild(e);
 			} else e.length === 0 && this.#b && this.#B();
 		}), this.addEffect(() => {
 			let e = this.#i.value, t = this.#a.value, n = this.#b, r = this.#x;
@@ -11770,7 +11766,7 @@ var rt = class extends p {
 				baseUrl: t,
 				gatewayConfig: n ?? {}
 			}, i = null;
-			e === "openai" ? i = Xe(r) : e === "claude" ? i = $e(r) : e === "mock" && (i = nt(r)), this.#d = i, i && i.bootstrapSession().catch(() => {});
+			e === "openai" ? i = Qe(r) : e === "claude" ? i = tt(r) : e === "mock" && (i = it(r)), this.#d = i, i && i.bootstrapSession().catch(() => {});
 		}), this.addEffect(() => {
 			this.#o.value && (this.#e.value = this.#u.value);
 		}), this.addEventListener("native:send", this.#N), this.addEventListener("native:chat-stop", this.#L), this.addEventListener("native:chat-restart", this.#R), this.deferChildren(() => {
@@ -11975,9 +11971,9 @@ var rt = class extends p {
 	#F(e) {
 		let t = this.#h;
 		if (!t) return;
-		let n = document.createElement("n-chat-messages");
+		let n = document.createElement("n-agent-dialogue");
 		n.setAttribute("data-role", e.role), n.setAttribute("sender", e.role === "user" ? "You" : "Assistant");
-		let r = document.createElement("n-chat-message");
+		let r = document.createElement("n-agent-dialogue-item");
 		r.setAttribute("data-role", e.role), r.setAttribute("message-id", `msg-${J()}`), r.setAttribute("status", "sent");
 		let i = document.createElement("n-chat-message-text");
 		i.content = e.message, r.appendChild(i), n.appendChild(r), t.appendChild(n);
@@ -11985,9 +11981,9 @@ var rt = class extends p {
 	#I(e) {
 		let t = this.#h;
 		if (!t) return null;
-		let n = document.createElement("n-chat-messages");
+		let n = document.createElement("n-agent-dialogue");
 		n.setAttribute("data-role", "assistant"), n.setAttribute("sender", "Assistant");
-		let r = document.createElement("n-chat-message");
+		let r = document.createElement("n-agent-dialogue-item");
 		r.setAttribute("data-role", "assistant"), r.setAttribute("message-id", e), r.setAttribute("status", "streaming");
 		let i = document.createElement("n-chat-message-text");
 		return r.appendChild(i), n.appendChild(r), t.appendChild(n), r;
@@ -12027,7 +12023,7 @@ var rt = class extends p {
 	#B() {
 		this.#b &&= (this.#b.removeEventListener("native:change", this.#M), this.#b.remove(), null), this.#x = null;
 	}
-}, it = 40, at = class extends p {
+}, ot = 40, st = class extends m {
 	static observedAttributes = [
 		"auto-scroll",
 		"scrollable",
@@ -12036,12 +12032,12 @@ var rt = class extends p {
 		"virtual-overscan"
 	];
 	#e;
-	#t = x(!0);
-	#n = x(!0);
+	#t = S(!0);
+	#n = S(!0);
 	#r = null;
 	#i = null;
 	#a = null;
-	#o = x([]);
+	#o = S([]);
 	#s = null;
 	constructor() {
 		super(), this.#e = this.attachInternals();
@@ -12101,7 +12097,7 @@ var rt = class extends p {
 	#c() {
 		if (this.#i) return;
 		let e = Number(this.getAttribute("virtual-item-height")) || 80, t = Number(this.getAttribute("virtual-overscan")) || 5;
-		for (this.#i = new g(this, {
+		for (this.#i = new _(this, {
 			itemHeight: e,
 			overscan: t
 		}), this.#a = document.createElement("div"), this.#a.className = "n-chat-feed-virtual-container"; this.firstChild;) this.#a.appendChild(this.firstChild);
@@ -12136,7 +12132,7 @@ var rt = class extends p {
 		}
 	}
 	#f = () => {
-		let e = this.#n.value, t = this.scrollTop + this.clientHeight >= this.scrollHeight - it;
+		let e = this.#n.value, t = this.scrollTop + this.clientHeight >= this.scrollHeight - ot;
 		this.#n.value = t, t !== e && this.dispatchEvent(new CustomEvent("native:feed-scroll", {
 			bubbles: !0,
 			composed: !0,
@@ -12154,15 +12150,15 @@ var rt = class extends p {
 			});
 		});
 	};
-}, ot = class extends p {
+}, ct = class extends m {
 	static observedAttributes = [
 		"src",
 		"name",
 		"icon"
 	];
-	#e = x("");
-	#t = x("");
-	#n = x("");
+	#e = S("");
+	#t = S("");
+	#n = S("");
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
 			switch (e) {
@@ -12194,7 +12190,7 @@ var rt = class extends p {
 			}
 			if (n) {
 				let e = document.createElement("span");
-				e.className = "n-chat-avatar-initials", e.textContent = st(n), e.setAttribute("aria-hidden", "true"), this.appendChild(e);
+				e.className = "n-chat-avatar-initials", e.textContent = lt(n), e.setAttribute("aria-hidden", "true"), this.appendChild(e);
 				return;
 			}
 			let r = document.createElement("n-icon");
@@ -12205,11 +12201,11 @@ var rt = class extends p {
 		this.textContent = "", super.teardown();
 	}
 };
-function st(e) {
+function lt(e) {
 	let t = e.trim().split(/\s+/);
 	return t.length === 0 ? "" : t.length === 1 ? t[0][0].toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
 }
-const ct = {
+const ut = {
 	copy: {
 		label: "Copy",
 		icon: "copy"
@@ -12234,7 +12230,7 @@ const ct = {
 		label: "Continue",
 		icon: "arrow-right"
 	}
-}, lt = {
+}, dt = {
 	assistant: [
 		"copy",
 		"retry",
@@ -12259,7 +12255,7 @@ const ct = {
 * @fires native:message-action - Fired when an action button is clicked
 * @fires native:continue-request - Fired when continue is requested for a partial message
 */
-var ut = class extends p {
+var ft = class extends m {
 	static observedAttributes = [
 		"data-role",
 		"message-id",
@@ -12270,11 +12266,11 @@ var ut = class extends p {
 		"actions-position"
 	];
 	#e;
-	#t = x("assistant");
-	#n = x("sent");
-	#r = x(null);
-	#i = x("icon");
-	#a = x("below");
+	#t = S("assistant");
+	#n = S("sent");
+	#r = S(null);
+	#i = S("icon");
+	#a = S("below");
 	#o = null;
 	#s = !1;
 	#c = 0;
@@ -12378,17 +12374,17 @@ var ut = class extends p {
 	#p(e, t, n, r, i) {
 		if (this.#o &&= (this.#f(), null), clearTimeout(this.#l), t === "none" || this.querySelector("[slot=\"actions\"]")) return;
 		let a;
-		if (a = t ? t.split(",").map((e) => e.trim()).filter(Boolean) : lt[e] ?? [], i === "partial" && !a.includes("continue") && (a = [...a, "continue"]), a.length === 0) return;
+		if (a = t ? t.split(",").map((e) => e.trim()).filter(Boolean) : dt[e] ?? [], i === "partial" && !a.includes("continue") && (a = [...a, "continue"]), a.length === 0) return;
 		let o = document.createElement("n-toolbar");
 		o.dataset.role = "actions", o.setAttribute("padding", "tight"), o.setAttribute("aria-label", "Message actions"), n !== "label" && o.setAttribute("data-style", n);
 		for (let e of a) {
-			let t = ct[e];
-			t && o.appendChild(dt(e, t, n));
+			let t = ut[e];
+			t && o.appendChild(pt(e, t, n));
 		}
 		if (o.children.length !== 0) {
 			if (o.addEventListener("native:press", this.#m), r === "below") {
 				o.setAttribute("popover", "manual");
-				let e = S("msg");
+				let e = C("msg");
 				this.style.setProperty("anchor-name", `--${e}`), o.style.setProperty("position-anchor", `--${e}`), this.appendChild(o), this.#s = !0, o.addEventListener("pointerenter", this.#u), o.addEventListener("pointerleave", this.#d), o.addEventListener("focusin", this.#u), o.addEventListener("focusout", this.#d), i === "partial" && o.showPopover();
 			} else this.appendChild(o);
 			this.#o = o;
@@ -12416,7 +12412,7 @@ var ut = class extends p {
 		}
 	};
 };
-function dt(e, t, n) {
+function pt(e, t, n) {
 	let r = document.createElement("n-button");
 	if (r.setAttribute("variant", "ghost"), r.setAttribute("size", "sm"), r.setAttribute("inline", ""), r.setAttribute("data-action", e), r.setAttribute("aria-label", t.label), n === "icon" || n === "icon-label") {
 		let e = document.createElement("n-icon");
@@ -12434,26 +12430,26 @@ function dt(e, t, n) {
 *
 * On setup, non-avatar children are sorted into two wrapper divs:
 *   - `.n-chat-context` — non-message children (row 1)
-*   - `.n-chat-bubbles` — `n-chat-message` children (row 2)
+*   - `.n-chat-bubbles` — `n-agent-dialogue-item` children (row 2)
 *
 * A MutationObserver routes dynamically added children into the
 * correct wrapper automatically.
 *
 * ```html
-* <n-chat-messages role="assistant" sender="AI">
+* <n-agent-dialogue role="assistant" sender="AI">
 *   <n-chat-avatar>AI</n-chat-avatar>
 *   <span class="reasoning">Thinking...</span>
-*   <n-chat-message role="assistant">
+*   <n-agent-dialogue-item role="assistant">
 *     <n-chat-message-text>Hello!</n-chat-message-text>
-*   </n-chat-message>
-* </n-chat-messages>
+*   </n-agent-dialogue-item>
+* </n-agent-dialogue>
 * ```
 *
 * @attr {string} role - `user` | `assistant` | `system`
 * @attr {string} sender - Display name of the sender
 * @attr {string} avatar-align - `"top"` | `"center"` | `"bottom"` (default) — avatar vertical alignment
 */
-var ft = class extends p {
+var mt = class extends m {
 	static observedAttributes = [
 		"data-role",
 		"sender",
@@ -12473,7 +12469,7 @@ var ft = class extends p {
 		super.setup(), this.#e.role = "group";
 		let e = this.getAttribute("sender");
 		e && this.setAttribute("aria-label", `Messages from ${e}`), this.#i(), this.#r = new MutationObserver((e) => {
-			for (let t of e) for (let e of t.addedNodes) e instanceof Element && e.localName !== "n-chat-avatar" && (e === this.#t || e === this.#n || (e.localName === "n-chat-message" ? this.#n?.appendChild(e) : this.#t?.appendChild(e)));
+			for (let t of e) for (let e of t.addedNodes) e instanceof Element && e.localName !== "n-chat-avatar" && (e === this.#t || e === this.#n || (e.localName === "n-agent-dialogue-item" ? this.#n?.appendChild(e) : this.#t?.appendChild(e)));
 		}), this.#r.observe(this, { childList: !0 });
 	}
 	teardown() {
@@ -12493,13 +12489,13 @@ var ft = class extends p {
 		let t = document.createElement("div");
 		t.className = "n-chat-bubbles";
 		let n = Array.from(this.childNodes);
-		for (let r of n) r instanceof Element && r.localName === "n-chat-avatar" || (r instanceof Element && r.localName === "n-chat-message" ? t.appendChild(r) : e.appendChild(r));
+		for (let r of n) r instanceof Element && r.localName === "n-chat-avatar" || (r instanceof Element && r.localName === "n-agent-dialogue-item" ? t.appendChild(r) : e.appendChild(r));
 		this.appendChild(e), this.appendChild(t), this.#t = e, this.#n = t;
 	}
-}, pt = class extends p {
+}, ht = class extends m {
 	static observedAttributes = ["format"];
-	#e = x("markdown");
-	#t = x("");
+	#e = S("markdown");
+	#t = S("");
 	#n = null;
 	#r = 0;
 	get content() {
@@ -12522,7 +12518,7 @@ var ft = class extends p {
 			!this.#t.value && this.textContent?.trim() && (this.#t.value = this.textContent.trim()), this.#n = document.createElement("div"), this.#n.className = "n-chat-prose", this.textContent = "", this.appendChild(this.#n), this.addEffect(() => {
 				let e = this.#t.value, t = this.#e.value;
 				this.#n && (t === "plain" ? this.#n.textContent = e : (cancelAnimationFrame(this.#r), this.#r = requestAnimationFrame(() => {
-					this.#n && (this.#n.innerHTML = gt(ht(e)));
+					this.#n && (this.#n.innerHTML = vt(_t(e)));
 				})));
 			});
 		});
@@ -12530,7 +12526,7 @@ var ft = class extends p {
 	teardown() {
 		cancelAnimationFrame(this.#r), this.#n = null, super.teardown();
 	}
-}, mt = new Set([
+}, gt = new Set([
 	"p",
 	"br",
 	"strong",
@@ -12550,14 +12546,14 @@ var ft = class extends p {
 	"blockquote",
 	"hr"
 ]);
-function Z(e) {
+function X(e) {
 	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
 }
-function Q(e) {
-	let t = Z(e);
+function Z(e) {
+	let t = X(e);
 	return t = t.replace(/`([^`]+)`/g, "<code>$1</code>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__(.+?)__/g, "<strong>$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/(?<!\w)_(.+?)_(?!\w)/g, "<em>$1</em>"), t = t.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g, "<a href=\"$2\" rel=\"noopener noreferrer\" target=\"_blank\">$1</a>"), t;
 }
-function ht(e) {
+function _t(e) {
 	if (!e) return "";
 	let t = e.split("\n"), n = [], r = 0;
 	for (; r < t.length;) {
@@ -12566,14 +12562,14 @@ function ht(e) {
 			let i = e.slice(3).trim(), a = [];
 			for (r += 1; r < t.length && !t[r].startsWith("```");) a.push(t[r]), r += 1;
 			r += 1;
-			let o = i ? ` data-lang="${Z(i)}"` : "";
-			n.push(`<pre${o}><code>${Z(a.join("\n"))}</code></pre>`);
+			let o = i ? ` data-lang="${X(i)}"` : "";
+			n.push(`<pre${o}><code>${X(a.join("\n"))}</code></pre>`);
 			continue;
 		}
 		let i = e.match(/^(#{1,6})\s+(.+)/);
 		if (i) {
 			let e = i[1].length;
-			n.push(`<h${e}>${Q(i[2])}</h${e}>`), r += 1;
+			n.push(`<h${e}>${Z(i[2])}</h${e}>`), r += 1;
 			continue;
 		}
 		if (/^---+$/.test(e.trim()) || /^\*\*\*+$/.test(e.trim())) {
@@ -12583,7 +12579,7 @@ function ht(e) {
 		if (e.startsWith("> ")) {
 			let e = [];
 			for (; r < t.length && t[r].startsWith("> ");) e.push(t[r].slice(2)), r += 1;
-			n.push(`<blockquote>${ht(e.join("\n"))}</blockquote>`);
+			n.push(`<blockquote>${_t(e.join("\n"))}</blockquote>`);
 			continue;
 		}
 		if (/^[-*+]\s/.test(e)) {
@@ -12591,7 +12587,7 @@ function ht(e) {
 			for (; r < t.length;) if (/^[-*+]\s/.test(t[r])) e.push(t[r].replace(/^[-*+]\s/, "")), r += 1;
 			else if (!t[r].trim() && r + 1 < t.length && /^[-*+]\s/.test(t[r + 1])) r += 1;
 			else break;
-			n.push("<ul>" + e.map((e) => `<li>${Q(e)}</li>`).join("") + "</ul>");
+			n.push("<ul>" + e.map((e) => `<li>${Z(e)}</li>`).join("") + "</ul>");
 			continue;
 		}
 		if (/^\d+\.\s/.test(e)) {
@@ -12599,7 +12595,7 @@ function ht(e) {
 			for (; r < t.length;) if (/^\d+\.\s/.test(t[r])) e.push(t[r].replace(/^\d+\.\s/, "")), r += 1;
 			else if (!t[r].trim() && r + 1 < t.length && /^\d+\.\s/.test(t[r + 1])) r += 1;
 			else break;
-			n.push("<ol>" + e.map((e) => `<li>${Q(e)}</li>`).join("") + "</ol>");
+			n.push("<ol>" + e.map((e) => `<li>${Z(e)}</li>`).join("") + "</ol>");
 			continue;
 		}
 		if (!e.trim()) {
@@ -12608,15 +12604,15 @@ function ht(e) {
 		}
 		let a = [];
 		for (; r < t.length && t[r].trim() && !t[r].startsWith("#") && !t[r].startsWith("```") && !t[r].startsWith("> ") && !/^[-*+]\s/.test(t[r]) && !/^\d+\.\s/.test(t[r]) && !/^---+$/.test(t[r].trim());) a.push(t[r]), r += 1;
-		a.length > 0 && n.push(`<p>${Q(a.join("\n"))}</p>`);
+		a.length > 0 && n.push(`<p>${Z(a.join("\n"))}</p>`);
 	}
 	return n.join("");
 }
 /** Sanitize rendered HTML — strip any tags not in allowlist. */
-function gt(e) {
+function vt(e) {
 	return e.replace(/<\/?([a-zA-Z][a-zA-Z0-9]*)[^>]*>/g, (e, t) => {
 		let n = t.toLowerCase();
-		return mt.has(n) ? e : "";
+		return gt.has(n) ? e : "";
 	});
 }
 /**
@@ -12637,7 +12633,7 @@ function gt(e) {
 * @attr {boolean} expandable - Allow click to expand trace content
 * @fires native:activity-toggle - Fired when trace is expanded/collapsed
 */
-var _t = class extends p {
+var yt = class extends m {
 	static observedAttributes = [
 		"type",
 		"label",
@@ -12645,11 +12641,11 @@ var _t = class extends p {
 		"expandable"
 	];
 	#e;
-	#t = x("typing");
-	#n = x("");
-	#r = x(!1);
-	#i = x(!1);
-	#a = x(!1);
+	#t = S("typing");
+	#n = S("");
+	#r = S(!1);
+	#i = S(!1);
+	#a = S(!1);
 	#o = 0;
 	#s = 0;
 	#c = null;
@@ -12695,7 +12691,7 @@ var _t = class extends p {
 			this.#r.value ? (this.#p(), this.#e.states.add("active")) : (this.#m(), this.#e.states.delete("active"));
 		}), this.addEffect(() => {
 			if (!this.#c) return;
-			let e = this.#n.value || vt(this.#t.value);
+			let e = this.#n.value || bt(this.#t.value);
 			this.#c.textContent = e;
 		}), this.addEffect(() => {
 			this.#u && (this.#u.hidden = !this.#r.value);
@@ -12725,7 +12721,7 @@ var _t = class extends p {
 	#h = () => {
 		if (!this.#r.value || !this.#l) return;
 		let e = performance.now() - this.#o;
-		this.#l.textContent = yt(e), this.#s = requestAnimationFrame(this.#h);
+		this.#l.textContent = xt(e), this.#s = requestAnimationFrame(this.#h);
 	};
 	#g = () => {
 		this.#i.value && (this.#a.value = !this.#a.value, this.toggleAttribute("expanded", this.#a.value), this.dispatchEvent(new CustomEvent("native:activity-toggle", {
@@ -12735,14 +12731,14 @@ var _t = class extends p {
 		})));
 	};
 };
-function vt(e) {
+function bt(e) {
 	switch (e) {
 		case "thinking": return "Thinking…";
 		case "tool-use": return "Using tools…";
 		default: return "Host is typing…";
 	}
 }
-function yt(e) {
+function xt(e) {
 	let t = Math.floor(e / 1e3);
 	if (t < 60) return `${t}s`;
 	let n = Math.floor(t / 60), r = t % 60;
@@ -12762,11 +12758,11 @@ function yt(e) {
 * @attr {boolean} disabled - Disables all chips
 * @fires native:seed-select - Fired when a chip is clicked
 */
-var bt = class extends p {
+var St = class extends m {
 	static observedAttributes = ["options", "disabled"];
 	#e;
-	#t = x([]);
-	#n = x(!1);
+	#t = S([]);
+	#n = S(!1);
 	constructor() {
 		super(), this.#e = this.attachInternals();
 	}
@@ -12800,7 +12796,7 @@ var bt = class extends p {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(v(this, this.#n, this.#e)), this.addEffect(() => {
+		super.setup(), this.addEffect(y(this, this.#n, this.#e)), this.addEffect(() => {
 			let e = this.#t.value;
 			this.textContent = "";
 			let t = document.createElement("n-stack");
@@ -12826,7 +12822,7 @@ var bt = class extends p {
 			this.appendChild(t);
 		});
 	}
-}, xt = new Set([
+}, Ct = new Set([
 	"script",
 	"style",
 	"link",
@@ -12843,12 +12839,12 @@ var bt = class extends p {
 	"frame",
 	"frameset",
 	"noscript"
-]), St = class extends p {
+]), wt = class extends m {
 	static observedAttributes = ["schema-type", "mode"];
 	#e;
-	#t = x("a2ui");
-	#n = x("inline");
-	#r = x(null);
+	#t = S("a2ui");
+	#n = S("inline");
+	#r = S(null);
 	#i = null;
 	#a = null;
 	constructor() {
@@ -12889,7 +12885,7 @@ var bt = class extends p {
 		super.setup(), this.#i = document.createElement("div"), this.#i.className = "n-chat-genui-container", this.appendChild(this.#i), this.addEffect(() => {
 			let e = this.#r.value, t = this.#n.value;
 			if (!this.#i || (this.#i.textContent = "", !e)) return;
-			let n = Ct(e);
+			let n = Tt(e);
 			if (n.length > 0) {
 				this.#o(n), this.dispatchEvent(new CustomEvent("native:genui-error", {
 					bubbles: !0,
@@ -12900,7 +12896,7 @@ var bt = class extends p {
 			}
 			if (t === "lightbox") this.#s(e);
 			else {
-				let t = $(e);
+				let t = Q(e);
 				t && this.#i.appendChild(t);
 			}
 			this.#e.states.add("rendered");
@@ -12925,7 +12921,7 @@ var bt = class extends p {
 	}
 	#c(e) {
 		this.#l();
-		let t = document.createElement("n-dialog"), n = $(e);
+		let t = document.createElement("n-dialog"), n = Q(e);
 		n && t.appendChild(n), this.appendChild(t), this.#a = t, requestAnimationFrame(() => {
 			let e = t.querySelector("dialog");
 			e && e.showModal();
@@ -12953,20 +12949,20 @@ var bt = class extends p {
 		}));
 	};
 };
-function Ct(e, t = 0) {
+function Tt(e, t = 0) {
 	let n = [];
 	if (t > 20) return n.push("Maximum nesting depth (20) exceeded"), n;
 	if (!e.tag || typeof e.tag != "string") return n.push("Node missing required \"tag\" property"), n;
-	if (xt.has(e.tag.toLowerCase()) && n.push(`Forbidden tag: <${e.tag}>`), e.children) for (let r of e.children) n.push(...Ct(r, t + 1));
+	if (Ct.has(e.tag.toLowerCase()) && n.push(`Forbidden tag: <${e.tag}>`), e.children) for (let r of e.children) n.push(...Tt(r, t + 1));
 	return n;
 }
-function $(e) {
-	if (xt.has(e.tag.toLowerCase())) return null;
+function Q(e) {
+	if (Ct.has(e.tag.toLowerCase())) return null;
 	let t = document.createElement(e.tag);
 	if (e.id && (t.id = e.id), e.slot && (t.slot = e.slot), e.attributes) for (let [n, r] of Object.entries(e.attributes)) t.setAttribute(n, r);
 	if (e.properties) for (let [n, r] of Object.entries(e.properties)) t[n] = r;
 	if (e.text && (t.textContent = e.text), e.children) for (let n of e.children) {
-		let e = $(n);
+		let e = Q(n);
 		e && t.appendChild(e);
 	}
 	return t;
@@ -12991,7 +12987,7 @@ function $(e) {
 * @fires native:structured-submit - Fired on submit with selections
 * @fires native:structured-cancel - Fired when dismissed without selecting
 */
-var wt = class extends p {
+var $ = class extends m {
 	static observedAttributes = [
 		"question",
 		"type",
@@ -13000,12 +12996,12 @@ var wt = class extends p {
 		"disabled"
 	];
 	#e;
-	#t = x("");
-	#n = x("single");
-	#r = x([]);
-	#i = x(!1);
-	#a = x(!1);
-	#o = x(/* @__PURE__ */ new Set());
+	#t = S("");
+	#n = S("single");
+	#r = S([]);
+	#i = S(!1);
+	#a = S(!1);
+	#o = S(/* @__PURE__ */ new Set());
 	constructor() {
 		super(), this.#e = this.attachInternals();
 	}
@@ -13058,7 +13054,7 @@ var wt = class extends p {
 		}
 	}
 	setup() {
-		super.setup(), this.addEffect(v(this, this.#a, this.#e)), this.addEffect(() => {
+		super.setup(), this.addEffect(y(this, this.#a, this.#e)), this.addEffect(() => {
 			this.#t.value, this.#r.value, this.#n.value, this.#s();
 		}), this.addEffect(() => {
 			let e = this.#o.value, t = this.querySelectorAll("[data-value]");
@@ -13126,5 +13122,5 @@ var wt = class extends p {
 		}));
 	};
 };
-y("n-chat-input", U), y("n-chat-input-advanced", He), y("native-chat-panel", rt), y("n-chat-feed", at), y("n-chat-avatar", ot), y("n-chat-message", ut), y("n-chat-messages", ft), y("n-chat-message-text", pt), y("n-chat-message-activity", _t), y("n-chat-message-seed", bt), y("n-chat-message-genui", St), y("n-chat-input-structured", wt), y("n-textarea", d), y("n-button", e), y("n-icon", r), y("n-toolbar", f), y("n-dialog", n), y("n-container", t), y("n-listbox", i), y("n-option", a), y("n-option-group", o), y("n-option-group-header", s), y("n-select", u), b("chat-dots", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M116,128a12,12,0,1,1,12,12A12,12,0,0,1,116,128ZM84,140a12,12,0,1,0-12-12A12,12,0,0,0,84,140Zm88,0a12,12,0,1,0-12-12A12,12,0,0,0,172,140Zm60-76V192a16,16,0,0,1-16,16H83l-32.6,28.16-.09.07A15.89,15.89,0,0,1,40,240a16.13,16.13,0,0,1-6.8-1.52A15.85,15.85,0,0,1,24,224V64A16,16,0,0,1,40,48H216A16,16,0,0,1,232,64ZM40,224h0ZM216,64H40V224l34.77-30A8,8,0,0,1,80,192H216Z\"/></svg>"), b("user", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8C55.71,194.74,89.05,176,128,176s72.29,18.74,89.07,44a8,8,0,0,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z\"/></svg>"), b("stop", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,160H56V56H200V200Z\"/></svg>"), b("arrow-counter-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z\"/></svg>"), b("caret-up-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M181.66,170.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-48-48a8,8,0,0,1,11.32-11.32L128,212.69l42.34-42.35A8,8,0,0,1,181.66,170.34Zm-96-84.68L128,43.31l42.34,42.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,85.66Z\"/></svg>"), b("dots-three-outline-fill", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM48,100a28,28,0,1,0,28,28A28,28,0,0,0,48,100Zm160,0a28,28,0,1,0,28,28A28,28,0,0,0,208,100Z\"/></svg>"), b("plus", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"/></svg>"), b("microphone", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,176a48.05,48.05,0,0,0,48-48V64a48,48,0,0,0-96,0v64A48.05,48.05,0,0,0,128,176ZM96,64a32,32,0,0,1,64,0v64a32,32,0,0,1-64,0Zm40,143.6V240a8,8,0,0,1-16,0V207.6A80.11,80.11,0,0,1,48,128a8,8,0,0,1,16,0,64,64,0,0,0,128,0,8,8,0,0,1,16,0A80.11,80.11,0,0,1,136,207.6Z\"/></svg>"), b("arrow-up", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z\"/></svg>"), b("copy", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z\"/></svg>"), b("arrow-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z\"/></svg>"), b("pencil-simple", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z\"/></svg>"), b("thumbs-up", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M234,80.12A24,24,0,0,0,216,72H160V56a40,40,0,0,0-40-40,8,8,0,0,0-7.16,4.42L75.06,96H32a16,16,0,0,0-16,16v88a16,16,0,0,0,16,16H204a24,24,0,0,0,23.82-21l12-96A24,24,0,0,0,234,80.12ZM32,112H72v88H32ZM223.94,97l-12,96a8,8,0,0,1-7.94,7H88V105.89l36.71-73.43A24,24,0,0,1,144,56V80a8,8,0,0,0,8,8h64a8,8,0,0,1,7.94,9Z\"/></svg>"), b("thumbs-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M239.82,157l-12-96A24,24,0,0,0,204,40H32A16,16,0,0,0,16,56v88a16,16,0,0,0,16,16H75.06l37.78,75.58A8,8,0,0,0,120,240a40,40,0,0,0,40-40V184h56a24,24,0,0,0,23.82-27ZM72,144H32V56H72Zm150,21.29a7.88,7.88,0,0,1-6,2.71H152a8,8,0,0,0-8,8v24a24,24,0,0,1-19.29,23.54L88,150.11V56H204a8,8,0,0,1,7.94,7l12,96A7.87,7.87,0,0,1,222,165.29Z\"/></svg>"), b("arrow-right", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z\"/></svg>"), b("brain", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M248,124a56.11,56.11,0,0,0-32-50.61V72a48,48,0,0,0-88-26.49A48,48,0,0,0,40,72v1.39a56,56,0,0,0,0,101.2V176a48,48,0,0,0,88,26.49A48,48,0,0,0,216,176v-1.41A56.09,56.09,0,0,0,248,124ZM88,208a32,32,0,0,1-31.81-28.56A55.87,55.87,0,0,0,64,180h8a8,8,0,0,0,0-16H64A40,40,0,0,1,50.67,86.27,8,8,0,0,0,56,78.73V72a32,32,0,0,1,64,0v68.26A47.8,47.8,0,0,0,88,128a8,8,0,0,0,0,16,32,32,0,0,1,0,64Zm104-44h-8a8,8,0,0,0,0,16h8a55.87,55.87,0,0,0,7.81-.56A32,32,0,1,1,168,144a8,8,0,0,0,0-16,47.8,47.8,0,0,0-32,12.26V72a32,32,0,0,1,64,0v6.73a8,8,0,0,0,5.33,7.54A40,40,0,0,1,192,164Zm16-52a8,8,0,0,1-8,8h-4a36,36,0,0,1-36-36V80a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4A8,8,0,0,1,208,112ZM60,120H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,84V80a8,8,0,0,1,16,0v4A36,36,0,0,1,60,120Z\"/></svg>"), b("sliders", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z\"/></svg>"), b("clock", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z\"/></svg>"), b("magnifying-glass", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z\"/></svg>"), b("compass", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM172.42,72.84l-64,32a8.05,8.05,0,0,0-3.58,3.58l-32,64A8,8,0,0,0,80,184a8.1,8.1,0,0,0,3.58-.84l64-32a8.05,8.05,0,0,0,3.58-3.58l32-64a8,8,0,0,0-10.74-10.74ZM138,138,97.89,158.11,118,118l40.15-20.07Z\"/></svg>"), b("flask", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M221.69,199.77,160,96.92V40h8a8,8,0,0,0,0-16H88a8,8,0,0,0,0,16h8V96.92L34.31,199.77A16,16,0,0,0,48,224H208a16,16,0,0,0,13.72-24.23ZM110.86,103.25A7.93,7.93,0,0,0,112,99.14V40h32V99.14a7.93,7.93,0,0,0,1.14,4.11L183.36,167c-12,2.37-29.07,1.37-51.75-10.11-15.91-8.05-31.05-12.32-45.22-12.81ZM48,208l28.54-47.58c14.25-1.74,30.31,1.85,47.82,10.72,19,9.61,35,12.88,48,12.88a69.89,69.89,0,0,0,19.55-2.7L208,208Z\"/></svg>"), b("lightbulb", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.49C39.74,56.83,78.26,17.14,125.88,16A88,88,0,0,1,216,104Zm-16,0a72,72,0,0,0-73.74-72c-39,.92-70.47,33.39-70.26,72.39a71.65,71.65,0,0,0,27.64,56.3A32,32,0,0,1,96,186v6h64v-6a32.15,32.15,0,0,1,12.47-25.35A71.65,71.65,0,0,0,200,104Zm-16.11-9.34a57.6,57.6,0,0,0-46.56-46.55,8,8,0,0,0-2.66,15.78c16.57,2.79,30.63,16.85,33.44,33.45A8,8,0,0,0,176,104a9,9,0,0,0,1.35-.11A8,8,0,0,0,183.89,94.66Z\"/></svg>"), b("crosshair", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M232,120h-8.34A96.14,96.14,0,0,0,136,32.34V24a8,8,0,0,0-16,0v8.34A96.14,96.14,0,0,0,32.34,120H24a8,8,0,0,0,0,16h8.34A96.14,96.14,0,0,0,120,223.66V232a8,8,0,0,0,16,0v-8.34A96.14,96.14,0,0,0,223.66,136H232a8,8,0,0,0,0-16Zm-96,87.6V200a8,8,0,0,0-16,0v7.6A80.15,80.15,0,0,1,48.4,136H56a8,8,0,0,0,0-16H48.4A80.15,80.15,0,0,1,120,48.4V56a8,8,0,0,0,16,0V48.4A80.15,80.15,0,0,1,207.6,120H200a8,8,0,0,0,0,16h7.6A80.15,80.15,0,0,1,136,207.6ZM128,88a40,40,0,1,0,40,40A40,40,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,152Z\"/></svg>"), b("list-checks", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z\"/></svg>"), b("sparkle", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z\"/></svg>"), b("record", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm0-160a72,72,0,1,0,72,72A72.08,72.08,0,0,0,128,56Zm0,128a56,56,0,1,1,56-56A56.06,56.06,0,0,1,128,184Z\"/></svg>");
-export { V as NA2UI, ot as NChatAvatar, at as NChatFeed, U as NChatInput, wt as NChatInputStructured, ut as NChatMessage, _t as NChatMessageActivity, St as NChatMessageGenUI, bt as NChatMessageSeed, pt as NChatMessageText, ft as NChatMessages, rt as NChatPanel };
+b("n-chat-input", W), b("n-agent-input", He), b("native-chat-panel", at), b("n-chat-feed", st), b("n-chat-avatar", ct), b("n-agent-dialogue-item", ft), b("n-agent-dialogue", mt), b("n-chat-message-text", ht), b("n-chat-message-activity", yt), b("n-chat-message-seed", St), b("n-chat-message-genui", wt), b("n-chat-input-structured", $), b("n-textarea", f), b("n-button", e), b("n-icon", r), b("n-toolbar", p), b("n-dialog", n), b("n-container", t), b("n-listbox", i), b("n-option", a), b("n-option-group", o), b("n-option-group-header", s), b("n-select", d), x("chat-dots", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M116,128a12,12,0,1,1,12,12A12,12,0,0,1,116,128ZM84,140a12,12,0,1,0-12-12A12,12,0,0,0,84,140Zm88,0a12,12,0,1,0-12-12A12,12,0,0,0,172,140Zm60-76V192a16,16,0,0,1-16,16H83l-32.6,28.16-.09.07A15.89,15.89,0,0,1,40,240a16.13,16.13,0,0,1-6.8-1.52A15.85,15.85,0,0,1,24,224V64A16,16,0,0,1,40,48H216A16,16,0,0,1,232,64ZM40,224h0ZM216,64H40V224l34.77-30A8,8,0,0,1,80,192H216Z\"/></svg>"), x("user", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8C55.71,194.74,89.05,176,128,176s72.29,18.74,89.07,44a8,8,0,0,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z\"/></svg>"), x("stop", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,160H56V56H200V200Z\"/></svg>"), x("arrow-counter-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z\"/></svg>"), x("caret-up-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M181.66,170.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-48-48a8,8,0,0,1,11.32-11.32L128,212.69l42.34-42.35A8,8,0,0,1,181.66,170.34Zm-96-84.68L128,43.31l42.34,42.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,85.66Z\"/></svg>"), x("dots-three-outline-fill", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M156,128a28,28,0,1,1-28-28A28,28,0,0,1,156,128ZM48,100a28,28,0,1,0,28,28A28,28,0,0,0,48,100Zm160,0a28,28,0,1,0,28,28A28,28,0,0,0,208,100Z\"/></svg>"), x("plus", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"/></svg>"), x("microphone", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,176a48.05,48.05,0,0,0,48-48V64a48,48,0,0,0-96,0v64A48.05,48.05,0,0,0,128,176ZM96,64a32,32,0,0,1,64,0v64a32,32,0,0,1-64,0Zm40,143.6V240a8,8,0,0,1-16,0V207.6A80.11,80.11,0,0,1,48,128a8,8,0,0,1,16,0,64,64,0,0,0,128,0,8,8,0,0,1,16,0A80.11,80.11,0,0,1,136,207.6Z\"/></svg>"), x("arrow-up", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z\"/></svg>"), x("copy", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z\"/></svg>"), x("arrow-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z\"/></svg>"), x("pencil-simple", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z\"/></svg>"), x("thumbs-up", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M234,80.12A24,24,0,0,0,216,72H160V56a40,40,0,0,0-40-40,8,8,0,0,0-7.16,4.42L75.06,96H32a16,16,0,0,0-16,16v88a16,16,0,0,0,16,16H204a24,24,0,0,0,23.82-21l12-96A24,24,0,0,0,234,80.12ZM32,112H72v88H32ZM223.94,97l-12,96a8,8,0,0,1-7.94,7H88V105.89l36.71-73.43A24,24,0,0,1,144,56V80a8,8,0,0,0,8,8h64a8,8,0,0,1,7.94,9Z\"/></svg>"), x("thumbs-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M239.82,157l-12-96A24,24,0,0,0,204,40H32A16,16,0,0,0,16,56v88a16,16,0,0,0,16,16H75.06l37.78,75.58A8,8,0,0,0,120,240a40,40,0,0,0,40-40V184h56a24,24,0,0,0,23.82-27ZM72,144H32V56H72Zm150,21.29a7.88,7.88,0,0,1-6,2.71H152a8,8,0,0,0-8,8v24a24,24,0,0,1-19.29,23.54L88,150.11V56H204a8,8,0,0,1,7.94,7l12,96A7.87,7.87,0,0,1,222,165.29Z\"/></svg>"), x("arrow-right", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z\"/></svg>"), x("brain", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M248,124a56.11,56.11,0,0,0-32-50.61V72a48,48,0,0,0-88-26.49A48,48,0,0,0,40,72v1.39a56,56,0,0,0,0,101.2V176a48,48,0,0,0,88,26.49A48,48,0,0,0,216,176v-1.41A56.09,56.09,0,0,0,248,124ZM88,208a32,32,0,0,1-31.81-28.56A55.87,55.87,0,0,0,64,180h8a8,8,0,0,0,0-16H64A40,40,0,0,1,50.67,86.27,8,8,0,0,0,56,78.73V72a32,32,0,0,1,64,0v68.26A47.8,47.8,0,0,0,88,128a8,8,0,0,0,0,16,32,32,0,0,1,0,64Zm104-44h-8a8,8,0,0,0,0,16h8a55.87,55.87,0,0,0,7.81-.56A32,32,0,1,1,168,144a8,8,0,0,0,0-16,47.8,47.8,0,0,0-32,12.26V72a32,32,0,0,1,64,0v6.73a8,8,0,0,0,5.33,7.54A40,40,0,0,1,192,164Zm16-52a8,8,0,0,1-8,8h-4a36,36,0,0,1-36-36V80a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4A8,8,0,0,1,208,112ZM60,120H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,84V80a8,8,0,0,1,16,0v4A36,36,0,0,1,60,120Z\"/></svg>"), x("sliders", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M64,105V40a8,8,0,0,0-16,0v65a32,32,0,0,0,0,62v49a8,8,0,0,0,16,0V167a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,56,152Zm80-95V40a8,8,0,0,0-16,0V57a32,32,0,0,0,0,62v97a8,8,0,0,0,16,0V119a32,32,0,0,0,0-62Zm-8,47a16,16,0,1,1,16-16A16,16,0,0,1,128,104Zm104,64a32.06,32.06,0,0,0-24-31V40a8,8,0,0,0-16,0v97a32,32,0,0,0,0,62v17a8,8,0,0,0,16,0V199A32.06,32.06,0,0,0,232,168Zm-32,16a16,16,0,1,1,16-16A16,16,0,0,1,200,184Z\"/></svg>"), x("clock", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z\"/></svg>"), x("magnifying-glass", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z\"/></svg>"), x("compass", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM172.42,72.84l-64,32a8.05,8.05,0,0,0-3.58,3.58l-32,64A8,8,0,0,0,80,184a8.1,8.1,0,0,0,3.58-.84l64-32a8.05,8.05,0,0,0,3.58-3.58l32-64a8,8,0,0,0-10.74-10.74ZM138,138,97.89,158.11,118,118l40.15-20.07Z\"/></svg>"), x("flask", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M221.69,199.77,160,96.92V40h8a8,8,0,0,0,0-16H88a8,8,0,0,0,0,16h8V96.92L34.31,199.77A16,16,0,0,0,48,224H208a16,16,0,0,0,13.72-24.23ZM110.86,103.25A7.93,7.93,0,0,0,112,99.14V40h32V99.14a7.93,7.93,0,0,0,1.14,4.11L183.36,167c-12,2.37-29.07,1.37-51.75-10.11-15.91-8.05-31.05-12.32-45.22-12.81ZM48,208l28.54-47.58c14.25-1.74,30.31,1.85,47.82,10.72,19,9.61,35,12.88,48,12.88a69.89,69.89,0,0,0,19.55-2.7L208,208Z\"/></svg>"), x("lightbulb", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.49C39.74,56.83,78.26,17.14,125.88,16A88,88,0,0,1,216,104Zm-16,0a72,72,0,0,0-73.74-72c-39,.92-70.47,33.39-70.26,72.39a71.65,71.65,0,0,0,27.64,56.3A32,32,0,0,1,96,186v6h64v-6a32.15,32.15,0,0,1,12.47-25.35A71.65,71.65,0,0,0,200,104Zm-16.11-9.34a57.6,57.6,0,0,0-46.56-46.55,8,8,0,0,0-2.66,15.78c16.57,2.79,30.63,16.85,33.44,33.45A8,8,0,0,0,176,104a9,9,0,0,0,1.35-.11A8,8,0,0,0,183.89,94.66Z\"/></svg>"), x("crosshair", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M232,120h-8.34A96.14,96.14,0,0,0,136,32.34V24a8,8,0,0,0-16,0v8.34A96.14,96.14,0,0,0,32.34,120H24a8,8,0,0,0,0,16h8.34A96.14,96.14,0,0,0,120,223.66V232a8,8,0,0,0,16,0v-8.34A96.14,96.14,0,0,0,223.66,136H232a8,8,0,0,0,0-16Zm-96,87.6V200a8,8,0,0,0-16,0v7.6A80.15,80.15,0,0,1,48.4,136H56a8,8,0,0,0,0-16H48.4A80.15,80.15,0,0,1,120,48.4V56a8,8,0,0,0,16,0V48.4A80.15,80.15,0,0,1,207.6,120H200a8,8,0,0,0,0,16h7.6A80.15,80.15,0,0,1,136,207.6ZM128,88a40,40,0,1,0,40,40A40,40,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,152Z\"/></svg>"), x("list-checks", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z\"/></svg>"), x("sparkle", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z\"/></svg>"), x("record", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm0-160a72,72,0,1,0,72,72A72.08,72.08,0,0,0,128,56Zm0,128a56,56,0,1,1,56-56A56.06,56.06,0,0,1,128,184Z\"/></svg>");
+export { Be as NA2UI, mt as NAgentDialogue, ft as NAgentDialogueItem, ct as NChatAvatar, st as NChatFeed, W as NChatInput, $ as NChatInputStructured, yt as NChatMessageActivity, wt as NChatMessageGenUI, St as NChatMessageSeed, ht as NChatMessageText, at as NChatPanel };