@nonoun/native-ai 1.0.4 → 1.0.5

package/dist/a2ui/a2ui-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a2ui-element.d.ts","sourceRoot":"","sources":["../../src/a2ui/a2ui-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,aAAa,EAA+C,MAAM,mBAAmB,CAAC;AAa/F,OAAO,8BAA8B,CAAC;AAkFtC,qBAAa,KAAM,SAAQ,aAAa;;IACtC,MAAM,CAAC,kBAAkB,WAAc;IAqDvC,IAAI,MAAM,IAAI,MAAM,CAA+B;IACnD,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAKrB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IASpF,OAAO,IAAI,IAAI;IACf,IAAI,IAAI,IAAI;IACZ,QAAQ,IAAI,IAAI;IAChB,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAmIb,QAAQ,IAAI,IAAI;CAoyCjB"}
+{"version":3,"file":"a2ui-element.d.ts","sourceRoot":"","sources":["../../src/a2ui/a2ui-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,aAAa,EAA+C,MAAM,mBAAmB,CAAC;AAa/F,OAAO,8BAA8B,CAAC;AAkFtC,qBAAa,KAAM,SAAQ,aAAa;;IACtC,MAAM,CAAC,kBAAkB,WAAc;IAqDvC,IAAI,MAAM,IAAI,MAAM,CAA+B;IACnD,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAKrB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IASpF,OAAO,IAAI,IAAI;IACf,IAAI,IAAI,IAAI;IACZ,QAAQ,IAAI,IAAI;IAChB,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAmIb,QAAQ,IAAI,IAAI;CAkyCjB"}

package/dist/chat/chat-panel-element.d.ts

@@ -15,8 +15,8 @@ export interface ModelOption {
 /**
  * Stamped panel for the chat interface.
  *
- * Creates `<n-header>` (icon, title), `<n-body>` containing
- * `<n-chat-content>`, and `<n-footer>` with `<n-chat-input>` directly
+ * Creates `<header>` (icon, title), `<section>` containing
+ * `<n-chat-content>`, and `<footer>` with `<n-chat-input>` directly
  * as children. The host element itself is the panel surface.
  *
  * ## Extension Points

package/dist/chat/chat-panel-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-panel-element.d.ts","sourceRoot":"","sources":["../../src/chat/chat-panel-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAkB,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAWrG,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAAa,UAAW,SAAQ,aAAa;;IAC3C,MAAM,CAAC,QAAQ,CAAC,oBAAoB,MAAM;IAC1C,MAAM,CAAC,kBAAkB,WAA6I;IAiCtK,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA0DpF,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,WAAW,IAAI,OAAO,CAAoC;IAC9D,IAAI,WAAW,CAAC,GAAG,EAAE,OAAO,EAG3B;IAED,IAAI,eAAe,IAAI,eAAe,CAAwC;IAC9E,IAAI,eAAe,CAAC,GAAG,EAAE,eAAe,EAGvC;IAED,qDAAqD;IACrD,IAAI,MAAM,IAAI,WAAW,EAAE,CAA+B;IAC1D,IAAI,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,EAa5B;IAED,sCAAsC;IACtC,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAA8B;IACxD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAO3B;IAED,qGAAqG;IACrG,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAAgC;IAC5D,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAI7B;IAED,oCAAoC;IACpC,IAAI,UAAU,IAAI,MAAM,GAAG,IAAI,CAAmC;IAClE,IAAI,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAIhC;IAED,2EAA2E;IAC3E,IAAI,aAAa,IAAI,aAAa,GAAG,IAAI,CAAsC;IAC/E,IAAI,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,EAI1C;IAED,sGAAsG;IACtG,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAoC;IACpF,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,EAIjD;IAED,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAAkC;IAE1D,qDAAqD;IACrD,IAAI,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,IAAI;IAkB1C,uBAAuB;IACvB,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAU5B,gCAAgC;IAChC,aAAa,CAAC,OAAO,CAAC,EAAE,oBAAoB,EAAE,EAAE,GAAE,KAAK,GAAG,MAAM,GAAG,QAAgB,GAAG,IAAI;IAM1F,KAAK,IAAI,IAAI;IAiSb,QAAQ,IAAI,IAAI;CA4ZjB"}
+{"version":3,"file":"chat-panel-element.d.ts","sourceRoot":"","sources":["../../src/chat/chat-panel-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAkB,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAWrG,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAAa,UAAW,SAAQ,aAAa;;IAC3C,MAAM,CAAC,QAAQ,CAAC,oBAAoB,MAAM;IAC1C,MAAM,CAAC,kBAAkB,WAA6I;IAiCtK,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA0DpF,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,WAAW,IAAI,OAAO,CAAoC;IAC9D,IAAI,WAAW,CAAC,GAAG,EAAE,OAAO,EAG3B;IAED,IAAI,eAAe,IAAI,eAAe,CAAwC;IAC9E,IAAI,eAAe,CAAC,GAAG,EAAE,eAAe,EAGvC;IAED,qDAAqD;IACrD,IAAI,MAAM,IAAI,WAAW,EAAE,CAA+B;IAC1D,IAAI,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,EAa5B;IAED,sCAAsC;IACtC,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAA8B;IACxD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAO3B;IAED,qGAAqG;IACrG,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAAgC;IAC5D,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAI7B;IAED,oCAAoC;IACpC,IAAI,UAAU,IAAI,MAAM,GAAG,IAAI,CAAmC;IAClE,IAAI,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAIhC;IAED,2EAA2E;IAC3E,IAAI,aAAa,IAAI,aAAa,GAAG,IAAI,CAAsC;IAC/E,IAAI,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,EAI1C;IAED,sGAAsG;IACtG,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAoC;IACpF,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,EAIjD;IAED,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAAkC;IAE1D,qDAAqD;IACrD,IAAI,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,IAAI;IAkB1C,uBAAuB;IACvB,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAU5B,gCAAgC;IAChC,aAAa,CAAC,OAAO,CAAC,EAAE,oBAAoB,EAAE,EAAE,GAAE,KAAK,GAAG,MAAM,GAAG,QAAgB,GAAG,IAAI;IAM1F,KAAK,IAAI,IAAI;IAgSb,QAAQ,IAAI,IAAI;CA4ZjB"}

package/dist/native-ai.css

@@ -59,7 +59,10 @@
 
 /* ── Dark chrome header toolbar (chips + expand) ── */
 
-:where(native-a2ui) > :where(n-header) {
+:where(native-a2ui) > :where(n-header),
+:where(native-a2ui) > :where(header) {
+  display: flex;
+  align-items: center;
   flex: none;
   background: var(--n-pg-chrome);
   --n-ink: var(--n-pg-text-muted);
@@ -70,12 +73,15 @@
 
 /* Header button hover background */
 :where(native-a2ui) > :where(n-header) :where(n-button):hover,
-:where(native-a2ui) > :where(n-header) :where(n-button)[force-hover] {
+:where(native-a2ui) > :where(n-header) :where(n-button)[force-hover],
+:where(native-a2ui) > :where(header) :where(n-button):hover,
+:where(native-a2ui) > :where(header) :where(n-button)[force-hover] {
   background: var(--n-pg-editor-bg);
 }
 
 /* Chip active state — "panel is open" indicator */
-:where(native-a2ui) > :where(n-header) :where(n-button)[data-active] {
+:where(native-a2ui) > :where(n-header) :where(n-button)[data-active],
+:where(native-a2ui) > :where(header) :where(n-button)[data-active] {
   background: var(--n-pg-editor-bg);
   color: var(--n-pg-text-strong);
 }
@@ -173,7 +179,12 @@
 
 /* ── Pane Header (icon + label + close button) ── */
 
-:where(native-a2ui) :where(.a2ui-pane) > :where(n-header) {
+:where(native-a2ui) :where(.a2ui-pane) > :where(n-header),
+:where(native-a2ui) :where(.a2ui-pane) > :where(header) {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: 0.375rem;
   flex: none;
   background: var(--n-pg-chrome);
   border-bottom: var(--n-pg-border);
@@ -189,12 +200,22 @@
   letter-spacing: 0.04em;
 }
 
-:where(native-a2ui) :where(.a2ui-pane) > :where(n-header) :where(n-icon) {
+:where(native-a2ui) :where(.a2ui-pane) > :where(header) > :where(nav),
+:where(native-a2ui) :where(.a2ui-pane) > :where(header) > :where(aside) {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+:where(native-a2ui) :where(.a2ui-pane) > :where(n-header) :where(n-icon),
+:where(native-a2ui) :where(.a2ui-pane) > :where(header) :where(n-icon) {
   font-size: 0.875rem;
 }
 
 :where(native-a2ui) :where(.a2ui-pane) > :where(n-header) :where(n-button):hover,
-:where(native-a2ui) :where(.a2ui-pane) > :where(n-header) :where(n-button)[force-hover] {
+:where(native-a2ui) :where(.a2ui-pane) > :where(n-header) :where(n-button)[force-hover],
+:where(native-a2ui) :where(.a2ui-pane) > :where(header) :where(n-button):hover,
+:where(native-a2ui) :where(.a2ui-pane) > :where(header) :where(n-button)[force-hover] {
   background: var(--n-pg-editor-bg);
 }
 
@@ -691,6 +712,22 @@
     border-top: 1px solid var(--n-chat-panel-footer-border);
   }
 
+  /* ── Semantic sub-container integration ── */
+
+  :where(native-chat-panel) > :where(header) {
+    background: var(--n-chat-panel-header-background);
+    border-bottom: 1px solid var(--n-chat-panel-header-border);
+  }
+
+  :where(native-chat-panel) > :where(section) {
+    background: var(--n-chat-panel-body-background);
+  }
+
+  :where(native-chat-panel) > :where(footer) {
+    background: var(--n-chat-panel-footer-background);
+    border-top: 1px solid var(--n-chat-panel-footer-border);
+  }
+
   /* ── Model picker ── */
 
   :where(native-chat-panel) :where(n-select[data-role="model-picker"]) {

package/dist/native-ai.js

@@ -4,39 +4,39 @@ import { Decoration as p, EditorView as m, StateEffect as h, StateField as g, ke
 import { json as v } from "@codemirror/lang-json";
 import { linter as y } from "@codemirror/lint";
 import "@nonoun/native-code/register";
-import { Kernel as b, resetKernel as ee } from "@nonoun/native-ui/kernel";
-function x(e) {
+import { Kernel as b, resetKernel as x } from "@nonoun/native-ui/kernel";
+function S(e) {
 	return typeof e == "object" && !!e && "path" in e && typeof e.path == "string" && Object.keys(e).length === 1;
 }
-function S(e) {
+function C(e) {
 	return "createSurface" in e;
 }
-function C(e) {
+function w(e) {
 	return "updateComponents" in e;
 }
-function w(e) {
+function T(e) {
 	return "updateDataModel" in e;
 }
-function T(e) {
+function E(e) {
 	return "deleteSurface" in e;
 }
-function te(e) {
+function ee(e) {
 	return "requestCatalog" in e;
 }
-function ne(e) {
+function te(e) {
 	return "action" in e;
 }
-function re(e) {
+function ne(e) {
 	return "error" in e;
 }
-function ie(e) {
+function re(e) {
 	return "catalog" in e;
 }
 /**
 * Parse a raw JSON string into a typed A2UI server message.
 * Returns null if the JSON is not a valid A2UI message.
 */
-function E(e) {
+function D(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;
@@ -44,7 +44,7 @@ function E(e) {
 		return null;
 	}
 }
-var ae = [
+var ie = [
 	{
 		a2uiType: "Text",
 		nativeTag: "n-text",
@@ -267,17 +267,17 @@ var ae = [
 		nativeTag: "n-toast",
 		childStrategy: "textContent"
 	}
-], D = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map();
-for (let e of ae) D.set(e.a2uiType, e), e.nativeTag !== "div" && e.nativeTag !== "span" && e.nativeTag !== "n-stack" && !O.has(e.nativeTag) && O.set(e.nativeTag, e);
+], O = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map();
+for (let e of ie) O.set(e.a2uiType, e), e.nativeTag !== "div" && e.nativeTag !== "span" && e.nativeTag !== "n-stack" && !k.has(e.nativeTag) && k.set(e.nativeTag, e);
 /** All component mappings, keyed by A2UI type */
-const k = D;
-function A(e) {
-	return D.get(e) ?? null;
+const A = O;
+function j(e) {
+	return O.get(e) ?? null;
 }
-function oe(e, t) {
+function M(e, t) {
 	let n = t?.["data-a2ui"];
-	if (n && D.has(n)) return n;
-	let r = O.get(e);
+	if (n && O.has(n)) return n;
+	let r = k.get(e);
 	if (r) return r.a2uiType;
 	if (e === "span") return "Text";
 	if (e === "n-stack") return t?.direction === "row" ? "Row" : "Column";
@@ -287,7 +287,7 @@ function oe(e, t) {
 	}
 	return e === "img" ? "Image" : e === "video" ? "Video" : e === "audio" ? "AudioPlayer" : e === "hr" ? "Divider" : /^h[1-6]$/.test(e) ? "Text" : null;
 }
-var se = {
+var ae = {
 	h1: "h1",
 	h2: "h2",
 	h3: "h3",
@@ -301,16 +301,16 @@ var se = {
 * For A2UI Text components, resolve the variant to an HTML tag.
 * Returns 'n-text' by default.
 */
-function ce(e) {
-	return e ? se[e] ?? "n-text" : "n-text";
+function oe(e) {
+	return e ? ae[e] ?? "n-text" : "n-text";
 }
 /**
 * For A2UI DateTimeInput components, resolve enableDate/enableTime to HTML input type.
 */
-function le(e, t) {
+function se(e, t) {
 	return e && t ? "datetime-local" : t && !e ? "time" : "date";
 }
-var ue = {
+var ce = {
 	number: "number",
 	obscured: "password",
 	shortText: "text",
@@ -319,16 +319,16 @@ var ue = {
 /**
 * For A2UI TextField components, resolve the variant to an HTML input type attribute.
 */
-function de(e) {
-	return e ? ue[e] ?? "text" : "text";
+function le(e) {
+	return e ? ce[e] ?? "text" : "text";
 }
 /**
 * Get all supported A2UI component types.
 */
-function j() {
-	return Array.from(D.keys());
+function N() {
+	return Array.from(O.keys());
 }
-var fe = {
+var ue = {
 	Text: "display",
 	Icon: "display",
 	Image: "display",
@@ -363,15 +363,15 @@ var fe = {
 /**
 * Get the category for an A2UI component type.
 */
-function M(e) {
-	return fe[e] ?? "other";
+function P(e) {
+	return ue[e] ?? "other";
 }
 /**
 * Get all component types in the same category.
 */
-function pe(e) {
-	let t = M(e);
-	return Array.from(D.keys()).filter((e) => M(e) === t);
+function de(e) {
+	let t = P(e);
+	return Array.from(O.keys()).filter((e) => P(e) === t);
 }
 /**
 * A2UI Converter
@@ -379,8 +379,8 @@ function pe(e) {
 * Bidirectional conversion between A2UI flat adjacency lists
 * and native-ui nested UINode trees.
 */
-var me = new Set(/* @__PURE__ */ "id.component.children.child.text.label.variant.disabled.action.accessibility.value.placeholder.min.max.step.url.src.alt.name.fit.justify.align.weight.direction.enableDate.enableTime.options.filterable.displayStyle.validationRegexp.checks.trigger.content.tabs.poster".split("."));
-function N(e, t) {
+var fe = new Set(/* @__PURE__ */ "id.component.children.child.text.label.variant.disabled.action.accessibility.value.placeholder.min.max.step.url.src.alt.name.fit.justify.align.weight.direction.enableDate.enableTime.options.filterable.displayStyle.validationRegexp.checks.trigger.content.tabs.poster".split("."));
+function F(e, t) {
 	if (e.length === 0) return {
 		root: {
 			id: "empty-root",
@@ -412,7 +412,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 = P(i, n, a, o, s, c), u = 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 = I(i, n, a, o, s, c), u = e.filter((e) => !a.has(e.id)).map((e) => e.id);
 	return u.length > 0 && s.push(`Orphan components not reachable from root: ${u.join(", ")}`), {
 		root: l,
 		bindings: o,
@@ -420,7 +420,7 @@ function N(e, t) {
 		orphans: u
 	};
 }
-function P(e, t, n, r, i, a) {
+function I(e, t, n, r, i, a) {
 	if (n.has(e)) return i.push(`Cycle detected at component "${e}"`), {
 		id: `${e}-cycle`,
 		tag: "div",
@@ -433,14 +433,14 @@ function P(e, t, n, r, i, a) {
 		tag: "div",
 		textContent: `[Missing: ${e}]`
 	};
-	let s = A(o.component);
+	let s = j(o.component);
 	if (!s) return i.push(`Unknown A2UI type "${o.component}" for component "${e}"`), {
 		id: e,
 		tag: "div",
 		textContent: o.text ?? `[Unknown: ${o.component}]`
 	};
 	let c = s.nativeTag;
-	o.component === "Text" && o.variant && (c = ce(o.variant));
+	o.component === "Text" && o.variant && (c = oe(o.variant));
 	let l = {};
 	if (l["data-a2ui"] = o.component, s.defaultAttributes && Object.assign(l, s.defaultAttributes), o.variant && s.variantMap) {
 		let e = s.variantMap[o.variant];
@@ -448,7 +448,7 @@ function P(e, t, n, r, i, a) {
 	} else o.variant && o.component !== "Text" && (l.variant = o.variant);
 	if (s.propertyMap) for (let [t, n] of Object.entries(s.propertyMap)) {
 		let i = o[t];
-		if (i !== void 0) if (x(i)) {
+		if (i !== void 0) if (S(i)) {
 			let t = r.get(e);
 			t || (t = [], r.set(e, t)), t.push({
 				property: n,
@@ -457,10 +457,10 @@ function P(e, t, n, r, i, a) {
 		} else l[n] = String(i);
 	}
 	if (o.disabled && (l.disabled = ""), o.accessibility?.label && (l["aria-label"] = o.accessibility.label), o.component === "TextField") {
-		let e = de(o.variant);
+		let e = le(o.variant);
 		e !== "text" && (l.type = e);
 	}
-	if (o.component === "DateTimeInput" && (l.type = le(o.enableDate, o.enableTime)), (o.component === "TextField" || o.component === "DateTimeInput" || o.component === "Slider") && o.label) if (x(o.label)) {
+	if (o.component === "DateTimeInput" && (l.type = se(o.enableDate, o.enableTime)), (o.component === "TextField" || o.component === "DateTimeInput" || o.component === "Slider") && o.label) if (S(o.label)) {
 		let t = r.get(e);
 		t || (t = [], r.set(e, t)), t.push({
 			property: "aria-label",
@@ -472,14 +472,14 @@ function P(e, t, n, r, i, a) {
 		l.style = `--n-progress: ${t > 0 ? Math.min(1, Math.max(0, e / t)) : 0}`, l.value && (l["data-value"] = l.value, delete l.value), l.max && (l["data-max"] = l.max, delete l.max);
 	}
 	let u;
-	if (o.text !== void 0) if (x(o.text)) {
+	if (o.text !== void 0) if (S(o.text)) {
 		let t = r.get(e);
 		t || (t = [], r.set(e, t)), t.push({
 			property: "textContent",
 			path: o.text.path
 		});
 	} else u = o.text;
-	for (let [e, t] of Object.entries(o)) me.has(e) || typeof t == "string" && (l[e] = t);
+	for (let [e, t] of Object.entries(o)) fe.has(e) || typeof t == "string" && (l[e] = t);
 	let d;
 	o.action?.event && s.actionEvent && (d = { [s.actionEvent]: `a2ui:${a}:${e}:${o.action.event.name}` });
 	let f, p = o.children ?? (o.child ? [o.child] : void 0);
@@ -497,7 +497,7 @@ function P(e, t, n, r, i, a) {
 				attributes: { value: l },
 				textContent: u
 			});
-			let d = c.children ?? (c.child ? [c.child] : void 0), m = d ? d.map((e) => P(e, t, n, r, i, a)) : void 0, h = typeof c.text == "string" ? c.text : void 0;
+			let d = c.children ?? (c.child ? [c.child] : void 0), m = d ? d.map((e) => I(e, t, n, r, i, a)) : void 0, h = typeof c.text == "string" ? c.text : void 0;
 			o.push({
 				id: `${s}-panel`,
 				tag: "n-tab-panel",
@@ -533,14 +533,14 @@ function P(e, t, n, r, i, a) {
 			}
 			e.length > 0 && (l.options = JSON.stringify(e), o.label && (l.placeholder = String(o.label)));
 		}
-	} else p && p.length > 0 && (f = p.map((e) => P(e, t, n, r, i, a)));
+	} else p && p.length > 0 && (f = p.map((e) => I(e, t, n, r, i, a)));
 	if (s.childStrategy === "slot-label" && u && !f) f = [{
 		id: `${e}-label`,
 		tag: "span",
 		attributes: { slot: "label" },
 		textContent: u
 	}], u = void 0;
-	else if (s.childStrategy === "textContent" && o.label && !u) if (x(o.label)) {
+	else if (s.childStrategy === "textContent" && o.label && !u) if (S(o.label)) {
 		let t = r.get(e);
 		t || (t = [], r.set(e, t)), t.push({
 			property: "textContent",
@@ -556,7 +556,7 @@ function P(e, t, n, r, i, a) {
 			"poster"
 		]) l[e] && (n[e] = l[e], delete l[e]);
 		if (o.component === "Image" && o.url !== void 0) {
-			if (x(o.url)) {
+			if (S(o.url)) {
 				let t = r.get(`${e}-inner`);
 				t || (t = [], r.set(`${e}-inner`, t)), t.push({
 					property: "src",
@@ -581,12 +581,12 @@ function P(e, t, n, r, i, a) {
 		...d ? { events: d } : {}
 	};
 }
-function he(e, t) {
+function pe(e, t) {
 	let n = [];
-	return F(e, n, t?.surfaceId ?? "default"), n;
+	return L(e, n, t?.surfaceId ?? "default"), n;
 }
-function F(e, t, n) {
-	let r = oe(e.tag, e.attributes);
+function L(e, t, n) {
+	let r = M(e.tag, e.attributes);
 	if (!r) {
 		let r = {
 			id: e.id,
@@ -594,10 +594,10 @@ function F(e, t, n) {
 			...e.children ? { children: e.children.map((e) => e.id) } : {},
 			...e.textContent ? { text: e.textContent } : {}
 		};
-		if (t.push(r), e.children) for (let r of e.children) F(r, t, n);
+		if (t.push(r), e.children) for (let r of e.children) L(r, t, n);
 		return;
 	}
-	let i = A(r), a = {
+	let i = j(r), a = {
 		id: e.id,
 		component: r
 	};
@@ -607,11 +607,11 @@ function F(e, t, n) {
 	} else if (i?.childStrategy === "slot-label" && e.children.length === 1 && e.children[0].attributes?.slot === "label" && e.children[0].textContent) a.text = e.children[0].textContent;
 	else {
 		a.children = e.children.map((e) => e.id);
-		for (let r of e.children) F(r, t, n);
+		for (let r of e.children) L(r, t, n);
 	}
 	if (e.textContent && (r === "CheckBox" || r === "Switch" || r === "ListItem" ? a.label = e.textContent : a.text = e.textContent), e.attributes) {
-		let t = i?.propertyMap ? ge(i.propertyMap) : {};
-		for (let [n, r] of Object.entries(e.attributes)) n === "style" || n === "data-a2ui" || n === "slot" || (t[n] ? a[t[n]] = r : n === "aria-label" ? a.label = r : n === "disabled" && r === "" ? a.disabled = !0 : n === "variant" && (a.variant = (i?.variantMap ? ge(i.variantMap) : {})[r] ?? r));
+		let t = i?.propertyMap ? me(i.propertyMap) : {};
+		for (let [n, r] of Object.entries(e.attributes)) n === "style" || n === "data-a2ui" || n === "slot" || (t[n] ? a[t[n]] = r : n === "aria-label" ? a.label = r : n === "disabled" && r === "" ? a.disabled = !0 : n === "variant" && (a.variant = (i?.variantMap ? me(i.variantMap) : {})[r] ?? r));
 	}
 	if (e.events) for (let [t, n] of Object.entries(e.events)) {
 		let e = n.split(":");
@@ -619,7 +619,7 @@ function F(e, t, n) {
 	}
 	t.push(a);
 }
-function ge(e) {
+function me(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) t[r] = n;
 	return t;
@@ -627,7 +627,7 @@ function ge(e) {
 /**
 * Wrap a conversion result as a UIPlan.
 */
-function I(e, t = "generated") {
+function R(e, t = "generated") {
 	return Object.freeze({
 		id: f("a2ui-plan"),
 		version: 1,
@@ -642,18 +642,18 @@ function I(e, t = "generated") {
 * Manages A2UI surface lifecycle: create → updateComponents → updateDataModel → delete.
 * Each surface maps to one UIPlan in the kernel.
 */
-function L(e, t) {
+function z(e, t) {
 	if (!t || t === "/") return e;
-	let n = t.replace(/^\//, "").split("/").map(z), r = e;
+	let n = t.replace(/^\//, "").split("/").map(ge), r = e;
 	for (let e of n) {
 		if (typeof r != "object" || !r) return;
 		r = r[e];
 	}
 	return r;
 }
-function R(e, t, n) {
+function he(e, t, n) {
 	if (!t || t === "/") return;
-	let r = t.replace(/^\//, "").split("/").map(z), i = e;
+	let r = t.replace(/^\//, "").split("/").map(ge), 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];
@@ -661,7 +661,7 @@ function R(e, t, n) {
 	let a = r[r.length - 1];
 	n === void 0 ? delete i[a] : i[a] = n;
 }
-function z(e) {
+function ge(e) {
 	return e.replace(/~1/g, "/").replace(/~0/g, "~");
 }
 var B = class {
@@ -675,7 +675,7 @@ var B = class {
 		this.#e = e, this.#t = t, this.#n = n ?? null;
 	}
 	handleMessage(e, t) {
-		S(e) ? this.#a(e, t) : C(e) ? this.#o(e, t) : w(e) ? this.#l(e) : T(e) && this.#u(e);
+		C(e) ? this.#a(e, t) : w(e) ? this.#o(e, t) : T(e) ? this.#l(e) : E(e) && this.#u(e);
 	}
 	#a(e, t) {
 		let { surfaceId: n, catalogId: r, theme: i } = e.createSurface, a = this.#r.get(n);
@@ -713,9 +713,9 @@ var B = class {
 		}, this.#r.set(n, i), this.#i.value = this.#r.size), i.rendered ? (this.#c(i, r), i.components = [...r]) : (i.components = [...r], this.#s(i)), i.rendered && this.#n?.(i.surfaceId, i.container);
 	}
 	#s(e) {
-		let t = N(e.components, { surfaceId: e.surfaceId });
+		let t = F(e.components, { surfaceId: e.surfaceId });
 		e.bindings = new Map(t.bindings);
-		let n = I(t);
+		let n = R(t);
 		e.planId = n.id;
 		try {
 			let t = this.#e.executePlan(n, e.container);
@@ -731,7 +731,7 @@ var B = class {
 			source: "generated",
 			timestamp: Date.now()
 		});
-		let r = N(t, { surfaceId: e.surfaceId });
+		let r = F(t, { surfaceId: e.surfaceId });
 		e.bindings = new Map(r.bindings);
 		for (let t of e.bindingDisposers) t();
 		e.bindingDisposers = [];
@@ -742,7 +742,7 @@ var B = class {
 		let { surfaceId: t, path: n, value: r } = e.updateDataModel, i = this.#r.get(t);
 		if (!i) return;
 		let a = { ...i.dataModel.value };
-		!n || n === "/" ? i.dataModel.value = r ?? {} : (R(a, n, r), i.dataModel.value = a);
+		!n || n === "/" ? i.dataModel.value = r ?? {} : (he(a, n, r), i.dataModel.value = a);
 	}
 	#u(e) {
 		let { surfaceId: t } = e.deleteSurface, n = this.#r.get(t);
@@ -757,7 +757,7 @@ var B = class {
 			let i = t.get(n);
 			if (i) for (let t of r) {
 				let n = u(() => {
-					let n = e.dataModel.value, r = L(n, t.path);
+					let n = e.dataModel.value, r = z(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);
@@ -802,7 +802,7 @@ var B = class {
 };
 function _e(e, t) {
 	let n = {};
-	for (let [r, i] of Object.entries(e)) typeof i == "object" && i && "path" in i ? n[r] = L(t, i.path) : n[r] = i;
+	for (let [r, i] of Object.entries(e)) typeof i == "object" && i && "path" in i ? n[r] = z(t, i.path) : n[r] = i;
 	return n;
 }
 /** A2UI properties that map to HTML attributes on the rendered element. */
@@ -833,7 +833,7 @@ function be(e, t, n) {
 	for (let [e, o] of i) if (!r.has(e)) {
 		let r = xe(e, t);
 		if (r) {
-			let t = N([o], {
+			let t = F([o], {
 				surfaceId: n,
 				rootId: e
 			});
@@ -848,7 +848,7 @@ function be(e, t, n) {
 		let i = r.get(e);
 		if (i) {
 			if (o.component !== i.component) {
-				let r = N(Se(e, t), {
+				let r = F(Se(e, t), {
 					surfaceId: n,
 					rootId: e
 				});
@@ -860,7 +860,7 @@ function be(e, t, n) {
 				continue;
 			}
 			if (JSON.stringify(i.children ?? i.child ?? []) !== JSON.stringify(o.children ?? o.child ?? [])) {
-				let r = N(Se(e, t), {
+				let r = F(Se(e, t), {
 					surfaceId: n,
 					rootId: e
 				});
@@ -953,7 +953,7 @@ var V = class {
 	* If a container is provided, it is used as the render target for new surfaces.
 	*/
 	receive(e, t) {
-		let n = typeof e == "string" ? E(e) : e;
+		let n = typeof e == "string" ? D(e) : e;
 		if (!n) {
 			this.#t.onClientMessage?.({ error: {
 				surfaceId: "",
@@ -962,7 +962,7 @@ var V = class {
 			} });
 			return;
 		}
-		if (te(n)) {
+		if (ee(n)) {
 			this.#n(n.requestCatalog.surfaceId);
 			return;
 		}
@@ -971,7 +971,7 @@ var V = class {
 	#n(e) {
 		let t = { catalog: {
 			...e ? { surfaceId: e } : {},
-			supportedTypes: [...j()],
+			supportedTypes: [...N()],
 			version: this.#t.version ?? "0.9"
 		} };
 		this.#t.onClientMessage?.(t);
@@ -981,7 +981,7 @@ var V = class {
 	* Returns null if invalid.
 	*/
 	parse(e) {
-		return E(e);
+		return D(e);
 	}
 	/**
 	* Convert a UIPlan to A2UI updateComponents format.
@@ -993,7 +993,7 @@ var V = class {
 		};
 		return { updateComponents: {
 			surfaceId: n,
-			components: he(e.root, r)
+			components: pe(e.root, r)
 		} };
 	}
 	/**
@@ -1015,7 +1015,7 @@ var V = class {
 	* Returns the list of A2UI component types supported by this adapter.
 	*/
 	getSupportedTypes() {
-		return j();
+		return N();
 	}
 	destroy() {
 		this.#e.destroy();
@@ -7797,7 +7797,7 @@ var W = [
 		this.#O?.destroy(), this.#O = null, this.removeEventListener("native:present", this.#fe), this.removeEventListener("native:dismiss", this.#pe), this.#k?.destroy(), this.#k = null, this.#A = null, this.#j = null, this.#b?.removeEventListener("native:resize-end", this.#xe), this.#x?.removeEventListener("pointerdown", this.#V), this.#x?.removeEventListener("dblclick", this.#W), document.removeEventListener("pointermove", this.#H), document.removeEventListener("pointerup", this.#U), this.#M = null, this.#b = null, this.#x = null, this.#S.clear(), this.#C.clear(), this.#w.clear(), this.#P(), this.#p = null, this.#m = null, this.#h = null, this.#g = null, this.#_ = null, this.#v = null, this.#y = null, super.teardown();
 	}
 	#N() {
-		ee(), this.#T = new b({ allowUnregistered: !0 }), this.#E = we(this.#T, {
+		x(), this.#T = new b({ allowUnregistered: !0 }), this.#E = we(this.#T, {
 			onClientMessage: (e) => {
 				this.#te("received", e);
 			},
@@ -7980,10 +7980,10 @@ var W = [
 		}
 	};
 	#G() {
-		let e = document.createElement("n-header"), t = document.createElement("n-toolbar");
+		let e = document.createElement("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", ""), n.setAttribute("slot", "leading");
+		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");
@@ -8000,7 +8000,7 @@ var W = [
 			}
 			i.appendChild(n);
 		}
-		n.appendChild(i), n.addEventListener("native:change", this.#me), e.appendChild(n), t.setAttribute("slot", "trailing");
+		n.appendChild(i), n.addEventListener("native:change", this.#me), e.appendChild(n);
 		for (let e of W) {
 			let n = document.createElement("n-button");
 			n.setAttribute("variant", "ghost"), n.setAttribute("size", "sm"), n.textContent = Ne[e], this.#n.value.has(e) && n.toggleAttribute("data-active", !0), n.addEventListener("native:press", this.#Te(e)), t.appendChild(n), this.#w.set(e, n);
@@ -8020,19 +8020,17 @@ var W = [
 		for (let e of W) {
 			let t = document.createElement("div");
 			t.className = "a2ui-pane", t.dataset.panel = e, this.#n.value.has(e) || (t.hidden = !0);
-			let n = document.createElement("n-header");
-			n.setAttribute("size", "sm");
-			let r = document.createElement("n-icon");
-			r.setAttribute("name", Pe[e]), r.setAttribute("slot", "leading"), n.appendChild(r);
-			let i = document.createElement("span");
-			i.setAttribute("slot", "label"), i.textContent = Ne[e], n.appendChild(i);
+			let n = document.createElement("header"), r = document.createElement("nav"), i = document.createElement("n-icon");
+			i.setAttribute("name", Pe[e]), r.appendChild(i), n.appendChild(r);
 			let a = document.createElement("span");
-			if (a.setAttribute("slot", "trailing"), e === "js" || e === "html" || e === "css") {
+			a.textContent = Ne[e], n.appendChild(a);
+			let o = 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.#we(e)), a.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.#we(e)), o.appendChild(t);
 			}
-			let o = document.createElement("n-button");
-			if (o.setAttribute("variant", "ghost"), o.setAttribute("size", "sm"), o.title = "Close pane", o.innerHTML = "<n-icon name=\"x\"></n-icon>", o.addEventListener("native:press", this.#Te(e)), a.appendChild(o), n.appendChild(a), t.appendChild(n), e === "json-in") {
+			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.#Te(e)), o.appendChild(c), n.appendChild(o), 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.#K("Step back", "caret-left");
@@ -8054,13 +8052,13 @@ var W = [
 				let u = this.#K("Insert deleteSurface", "minus-circle");
 				u.addEventListener("native:press", this.#be("deleteSurface")), e.append(n, r, i, a, o, s, c, l, u), t.appendChild(e);
 			}
-			let c = document.createElement("div");
-			if (c.className = "a2ui-pane-content", t.appendChild(c), this.#C.set(e, c), e === "json-in" || e === "js" || e === "html" || e === "css") {
-				let t = document.createElement("native-codemirror");
-				t.setAttribute("line-numbers", "false"), c.appendChild(t), e === "json-in" ? this.#p = t : e === "js" ? this.#m = t : e === "html" ? this.#h = t : e === "css" && (this.#g = t);
-			} else e === "components" && (this.#v = c);
 			let l = document.createElement("div");
-			l.className = "a2ui-resize-handle", t.appendChild(l), s.appendChild(t), this.#S.set(e, t);
+			if (l.className = "a2ui-pane-content", t.appendChild(l), this.#C.set(e, l), e === "json-in" || e === "js" || e === "html" || e === "css") {
+				let t = document.createElement("native-codemirror");
+				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 e === "components" && (this.#v = l);
+			let u = document.createElement("div");
+			u.className = "a2ui-resize-handle", t.appendChild(u), s.appendChild(t), this.#S.set(e, t);
 		}
 		e.appendChild(t), this.append(e, s);
 	}
@@ -8246,7 +8244,7 @@ var W = [
 		}
 		r.appendChild(i), n.appendChild(r);
 		let a = document.createElement("tbody");
-		for (let [n, r] of k) {
+		for (let [n, r] of A) {
 			let n = document.createElement("tr");
 			n.className = "a2ui-map-row", t.has(r.a2uiType) && n.classList.add("a2ui-map-active");
 			let i = document.createElement("td");
@@ -8254,39 +8252,39 @@ var W = [
 			let o = document.createElement("td"), s = document.createElement("code");
 			s.textContent = r.nativeTag, o.appendChild(s);
 			let c = document.createElement("td");
-			c.textContent = M(r.a2uiType), c.className = "a2ui-map-category", n.append(i, o, c), n.addEventListener("click", () => {
+			c.textContent = P(r.a2uiType), c.className = "a2ui-map-category", n.append(i, o, c), n.addEventListener("click", () => {
 				this.#ie = r.a2uiType, this.#oe(e, t);
 			}), a.appendChild(n);
 		}
 		n.appendChild(a);
 		let o = document.createElement("div");
-		o.className = "a2ui-map-summary", o.textContent = t.size > 0 ? `${t.size} of ${k.size} types active` : `${k.size} supported component types`, e.append(o, n);
+		o.className = "a2ui-map-summary", o.textContent = t.size > 0 ? `${t.size} of ${A.size} types active` : `${A.size} supported component types`, e.append(o, n);
 	}
 	#se(e, t, n) {
-		let r = k.get(t);
+		let r = A.get(t);
 		if (!r) return;
-		let i = document.createElement("n-header");
-		i.className = "a2ui-map-detail-header", i.setAttribute("padding", "none");
-		let a = document.createElement("n-button");
-		a.setAttribute("variant", "ghost"), a.setAttribute("size", "sm"), a.setAttribute("slot", "leading"), a.className = "a2ui-map-back", a.innerHTML = `<n-icon name="caret-left"></n-icon> ${r.a2uiType}`, a.addEventListener("native:press", () => {
+		let i = document.createElement("header");
+		i.className = "a2ui-map-detail-header";
+		let a = document.createElement("nav"), o = document.createElement("n-button");
+		o.setAttribute("variant", "ghost"), o.setAttribute("size", "sm"), o.className = "a2ui-map-back", o.innerHTML = `<n-icon name="caret-left"></n-icon> ${r.a2uiType}`, o.addEventListener("native:press", () => {
 			this.#ie = null, this.#ae = "info", this.#_ = null, this.#oe(e, n);
-		}), i.appendChild(a);
-		let o = this.#ce(t), s = o.length > 0, c = document.createElement("n-segmented-control");
-		c.className = "a2ui-map-tab-bar", c.setAttribute("size", "xs"), c.setAttribute("inline", ""), c.setAttribute("slot", "trailing"), c.value = this.#ae;
-		let l = document.createElement("n-segment");
-		l.setAttribute("value", "info"), l.textContent = "Info";
-		let u = document.createElement("n-segment");
-		if (u.setAttribute("value", "json"), u.textContent = s ? `JSON (${o.length})` : "JSON", s || u.setAttribute("disabled", ""), c.append(l, u), c.addEventListener("native:change", (t) => {
+		}), a.appendChild(o), i.appendChild(a);
+		let s = this.#ce(t), c = s.length > 0, l = document.createElement("aside"), u = document.createElement("n-segmented-control");
+		u.className = "a2ui-map-tab-bar", u.setAttribute("size", "xs"), u.setAttribute("inline", ""), u.value = this.#ae;
+		let d = document.createElement("n-segment");
+		d.setAttribute("value", "info"), d.textContent = "Info";
+		let f = document.createElement("n-segment");
+		if (f.setAttribute("value", "json"), f.textContent = c ? `JSON (${s.length})` : "JSON", c || f.setAttribute("disabled", ""), u.append(d, f), u.addEventListener("native:change", (t) => {
 			let r = t.detail;
 			(r?.value === "info" || r?.value === "json") && (this.#ae = r.value, this.#oe(e, n));
-		}), i.appendChild(c), e.appendChild(i), this.#ae === "info") {
+		}), l.appendChild(u), i.appendChild(l), e.appendChild(i), this.#ae === "info") {
 			this.#_ = null;
 			let i = document.createElement("div");
 			i.className = "a2ui-map-detail";
 			let a = [
 				["Tag", r.nativeTag],
 				["Children", r.childStrategy],
-				["Category", M(r.a2uiType)]
+				["Category", P(r.a2uiType)]
 			];
 			r.actionEvent && a.push(["Action", r.actionEvent]), r.defaultAttributes && a.push(["Defaults", Object.entries(r.defaultAttributes).map(([e, t]) => `${e}="${t}"`).join(", ")]), r.propertyMap && a.push(["Props", Object.entries(r.propertyMap).map(([e, t]) => `${e} → ${t}`).join(", ")]), r.variantMap && a.push(["Variants", Object.keys(r.variantMap).join(", ")]);
 			for (let [e, t] of a) {
@@ -8298,14 +8296,14 @@ var W = [
 				a.textContent = t, n.append(r, a), i.appendChild(n);
 			}
 			e.appendChild(i);
-			let o = pe(r.a2uiType).filter((e) => e !== t), s = n.has(t);
+			let o = de(r.a2uiType).filter((e) => e !== t), s = n.has(t);
 			if (o.length > 0) {
 				let r = document.createElement("div");
 				r.className = "a2ui-map-alternatives";
 				let i = document.createElement("div");
 				i.className = "a2ui-map-alt-title", i.textContent = s ? "Swap To" : "Compatible Alternatives", r.appendChild(i);
 				for (let i of o) {
-					let a = k.get(i);
+					let a = A.get(i);
 					if (!a) continue;
 					let o = document.createElement("div");
 					if (o.className = "a2ui-map-alt-row", n.has(i) && o.classList.add("a2ui-map-active"), s) {
@@ -8325,16 +8323,16 @@ var W = [
 			}
 			return;
 		}
-		let d = document.createElement("div");
-		d.className = "a2ui-map-editor-section";
-		let f = document.createElement("n-toolbar");
-		f.className = "a2ui-map-editor-toolbar";
-		let p = document.createElement("n-button");
-		p.setAttribute("variant", "ghost"), p.setAttribute("size", "sm"), p.title = "Apply changes to stream", p.innerHTML = "<n-icon name=\"play\" weight=\"fill\"></n-icon>", p.addEventListener("native:press", () => this.#le(t)), f.appendChild(p), d.appendChild(f);
-		let m = document.createElement("native-codemirror");
-		m.setAttribute("line-numbers", "false"), d.appendChild(m), this.#_ = m, requestAnimationFrame(() => {
-			m.extensions = [v()], m.value = JSON.stringify(o, null, 2);
-		}), e.appendChild(d);
+		let p = document.createElement("div");
+		p.className = "a2ui-map-editor-section";
+		let m = document.createElement("n-toolbar");
+		m.className = "a2ui-map-editor-toolbar";
+		let h = document.createElement("n-button");
+		h.setAttribute("variant", "ghost"), h.setAttribute("size", "sm"), h.title = "Apply changes to stream", h.innerHTML = "<n-icon name=\"play\" weight=\"fill\"></n-icon>", h.addEventListener("native:press", () => this.#le(t)), m.appendChild(h), p.appendChild(m);
+		let g = document.createElement("native-codemirror");
+		g.setAttribute("line-numbers", "false"), p.appendChild(g), this.#_ = g, requestAnimationFrame(() => {
+			g.extensions = [v()], g.value = JSON.stringify(s, null, 2);
+		}), e.appendChild(p);
 	}
 	/** Extract all component instances of a given A2UI type from the current envelopes. */
 	#ce(e) {
@@ -8550,7 +8548,7 @@ var G = class {
 	constructor(e, t, n) {
 		this.id = f("session"), this.agentId = n.agentId, this.catalog = n.catalog, this.#t = t, this.#i = new Set(n.surfaces ?? []), this.eventEmitter = new G(), this.#e = new V(e, {
 			onClientMessage: (e) => {
-				if (ne(e)) {
+				if (te(e)) {
 					let t = e.action, n = {
 						surfaceId: t.surfaceId,
 						componentId: t.sourceComponentId,
@@ -8582,14 +8580,14 @@ var G = class {
 	*/
 	receive(e) {
 		if (this.#n === "terminated") return;
-		let t = typeof e == "string" ? E(e) : e;
+		let t = typeof e == "string" ? D(e) : e;
 		if (!t) return;
 		let n = He(t);
 		if (n && !this.#i.has(n) && !this.#t.isOwner(n, this)) {
 			this.#s("catalog-violation", n, "");
 			return;
 		}
-		if (C(t)) {
+		if (w(t)) {
 			let e = this.catalog.filterComponents(t.updateComponents.components, (e, t) => this.#s("catalog-violation", e, t));
 			this.#a.set(t.updateComponents.surfaceId, e);
 			let n = { updateComponents: {
@@ -8623,10 +8621,10 @@ var G = class {
 	}
 };
 function He(e) {
-	if (S(e)) return e.createSurface.surfaceId;
-	if (C(e)) return e.updateComponents.surfaceId;
-	if (w(e)) return e.updateDataModel.surfaceId;
-	if (T(e)) return e.deleteSurface.surfaceId;
+	if (C(e)) return e.createSurface.surfaceId;
+	if (w(e)) return e.updateComponents.surfaceId;
+	if (T(e)) return e.updateDataModel.surfaceId;
+	if (E(e)) return e.deleteSurface.surfaceId;
 }
 var Ue = class {
 	#e = /* @__PURE__ */ new Map();
@@ -8772,7 +8770,7 @@ function Ge(e) {
 */
 function K(e = "core-only") {
 	let t = [];
-	for (let [n, r] of k) e === "core-only" && r.nativeTag.startsWith("native-dashboard-") || t.push(Ge(r));
+	for (let [n, r] of A) e === "core-only" && r.nativeTag.startsWith("native-dashboard-") || t.push(Ge(r));
 	return new We(t);
 }
 var Ke = class {
@@ -8904,7 +8902,7 @@ var Ke = class {
 	#a() {
 		let e = this.#e.endpoint;
 		this.#r = new EventSource(e), this.#r.onmessage = (e) => {
-			let t = E(e.data);
+			let t = D(e.data);
 			t && this.#n?.receive(t);
 		}, this.#r.onerror = () => {};
 	}
@@ -8957,7 +8955,7 @@ var Ke = class {
 	}
 	#a(e, t) {
 		if (e.type === t && e.data) {
-			let t = E(typeof e.data == "string" ? e.data : JSON.stringify(e.data));
+			let t = D(typeof e.data == "string" ? e.data : JSON.stringify(e.data));
 			t && this.#n?.receive(t);
 			return;
 		}
@@ -9261,34 +9259,34 @@ var Ke = class {
 	}
 	setup() {
 		super.setup(), this.hasAttribute("open") && (this.#r.value = !0);
-		let i = document.createElement("n-header");
+		let i = document.createElement("header");
 		i.setAttribute("dividers", "");
-		let a = document.createElement("n-icon");
-		a.setAttribute("name", "chat-dots"), a.setAttribute("slot", "leading"), i.appendChild(a);
-		let o = document.createElement("span");
-		o.setAttribute("slot", "label"), o.textContent = "Assistant", i.appendChild(o);
+		let a = document.createElement("nav"), o = document.createElement("n-icon");
+		o.setAttribute("name", "chat-dots"), a.appendChild(o), i.appendChild(a);
 		let s = document.createElement("span");
-		s.setAttribute("slot", "trailing"), s.className = "n-chat-panel-header-trailing", i.appendChild(s), this.#v = s;
-		let c = document.createElement("n-body"), l = document.createElement("n-chat-content"), u = document.createElement("n-chat-feed");
-		u.setAttribute("auto-scroll", ""), l.appendChild(u), this.#h = u, c.appendChild(l);
-		let d = document.createElement("n-footer");
-		d.setAttribute("dividers", ""), this.#m = d;
-		let f = document.createElement("n-chat-input"), p = document.createElement("n-textarea");
-		p.setAttribute("placeholder", "Ask anything"), p.setAttribute("autogrow", ""), p.setAttribute("rows", "3"), f.appendChild(p);
-		let m = document.createElement("n-chat-input-actions");
-		this.#y = m;
-		let h = document.createElement("n-button");
-		h.setAttribute("variant", "ghost"), h.setAttribute("inline", "");
-		let g = document.createElement("n-icon");
-		g.setAttribute("name", "plus"), h.appendChild(g), m.appendChild(h);
-		let _ = document.createElement("n-button");
-		_.setAttribute("variant", "ghost"), _.setAttribute("inline", "");
-		let v = document.createElement("n-icon");
-		v.setAttribute("name", "microphone"), _.appendChild(v), m.appendChild(_);
-		let y = document.createElement("n-button");
-		y.setAttribute("variant", "primary"), y.setAttribute("intent", "accent"), y.setAttribute("radius", "round"), y.setAttribute("inline", ""), y.setAttribute("disabled", ""), y.dataset.submit = "", y.dataset.role = "submit";
-		let b = document.createElement("n-icon");
-		b.setAttribute("name", "arrow-up"), y.appendChild(b), m.appendChild(y), f.appendChild(m), d.appendChild(f), this.append(i, c, d), this.addEffect(() => {
+		s.textContent = "Assistant", i.appendChild(s);
+		let c = document.createElement("aside");
+		c.className = "n-chat-panel-header-trailing", i.appendChild(c), this.#v = c;
+		let l = document.createElement("section"), u = document.createElement("n-chat-content"), d = document.createElement("n-chat-feed");
+		d.setAttribute("auto-scroll", ""), u.appendChild(d), this.#h = d, l.appendChild(u);
+		let f = document.createElement("footer");
+		f.setAttribute("dividers", ""), this.#m = f;
+		let p = document.createElement("n-chat-input"), m = document.createElement("n-textarea");
+		m.setAttribute("placeholder", "Ask anything"), m.setAttribute("autogrow", ""), m.setAttribute("rows", "3"), p.appendChild(m);
+		let h = document.createElement("n-chat-input-actions");
+		this.#y = h;
+		let g = document.createElement("n-button");
+		g.setAttribute("variant", "ghost"), g.setAttribute("inline", "");
+		let _ = document.createElement("n-icon");
+		_.setAttribute("name", "plus"), g.appendChild(_), h.appendChild(g);
+		let v = document.createElement("n-button");
+		v.setAttribute("variant", "ghost"), v.setAttribute("inline", "");
+		let y = document.createElement("n-icon");
+		y.setAttribute("name", "microphone"), v.appendChild(y), h.appendChild(v);
+		let b = document.createElement("n-button");
+		b.setAttribute("variant", "primary"), b.setAttribute("intent", "accent"), b.setAttribute("radius", "round"), b.setAttribute("inline", ""), b.setAttribute("disabled", ""), b.dataset.submit = "", b.dataset.role = "submit";
+		let x = document.createElement("n-icon");
+		x.setAttribute("name", "arrow-up"), b.appendChild(x), h.appendChild(b), p.appendChild(h), f.appendChild(p), this.append(i, l, f), this.addEffect(() => {
 			let e = this.#e.value;
 			if (e && !this.#g) {
 				let e = document.createElement("n-button");
@@ -11139,4 +11137,4 @@ var Ft = class {
 		});
 	}
 };
-export { Je as A2AAdapter, V as A2UIAdapter, nt as ACTION_REGISTRY, Ye as AGUIAdapter, Q as CHAT_EVENTS, k as COMPONENT_MAP, qe as DirectAdapter, ze as NA2UI, Ve as NAgentSession, We as NCatalog, et as NChatAvatar, $e as NChatFeed, Xe as NChatInput, _t as NChatInputStructured, it as NChatMessage, ut as NChatMessageActivity, ht as NChatMessageGenUI, pt as NChatMessageSeed, st as NChatMessageText, ot as NChatMessages, Ze as NChatPanel, G as NEventEmitter, Ke as NSessionManager, Ue as NSurfaceRegistry, rt as ROLE_DEFAULTS, Ot as SAFE_FIELDS, kt as SENSITIVE_FIELDS, Ee as SSETransport, B as SurfaceManager, Ft as TelemetryEmitter, Te as WebSocketTransport, N as a2uiToUINode, Z as backoffDelay, K as buildCatalogFromRegistry, St as classifyHttpError, xt as classifyStreamEnd, I as conversionToPlan, we as createA2UIAdapter, wt as createChatStream, Tt as createChatTransport, $ as createDefaultRedactor, Oe as createSSETransport, Ce as createSurfaceManager, De as createWebSocketTransport, le as dateTimeInputType, Ct as detectFormat, j as getSupportedTypes, ke as installA2UI, ne as isActionMessage, te as isCatalogRequest, ie as isCatalogResponse, S as isCreateSurface, x as isDataBinding, T as isDeleteSurface, re as isErrorMessage, C as isUpdateComponents, w as isUpdateDataModel, bt as parseJSON, yt as parseNDJSON, vt as parseSSE, E as parseServerMessage, J as renderInline, Y as renderMarkdown, oe as resolveA2UIType, L as resolveJsonPointer, A as resolveNativeTag, lt as sanitizeHtml, Nt as scrubPII, R as setJsonPointer, de as textFieldInputType, ce as textVariantTag, he as uiNodeToA2UI };
+export { Je as A2AAdapter, V as A2UIAdapter, nt as ACTION_REGISTRY, Ye as AGUIAdapter, Q as CHAT_EVENTS, A as COMPONENT_MAP, qe as DirectAdapter, ze as NA2UI, Ve as NAgentSession, We as NCatalog, et as NChatAvatar, $e as NChatFeed, Xe as NChatInput, _t as NChatInputStructured, it as NChatMessage, ut as NChatMessageActivity, ht as NChatMessageGenUI, pt as NChatMessageSeed, st as NChatMessageText, ot as NChatMessages, Ze as NChatPanel, G as NEventEmitter, Ke as NSessionManager, Ue as NSurfaceRegistry, rt as ROLE_DEFAULTS, Ot as SAFE_FIELDS, kt as SENSITIVE_FIELDS, Ee as SSETransport, B as SurfaceManager, Ft as TelemetryEmitter, Te as WebSocketTransport, F as a2uiToUINode, Z as backoffDelay, K as buildCatalogFromRegistry, St as classifyHttpError, xt as classifyStreamEnd, R as conversionToPlan, we as createA2UIAdapter, wt as createChatStream, Tt as createChatTransport, $ as createDefaultRedactor, Oe as createSSETransport, Ce as createSurfaceManager, De as createWebSocketTransport, se as dateTimeInputType, Ct as detectFormat, N as getSupportedTypes, ke as installA2UI, te as isActionMessage, ee as isCatalogRequest, re as isCatalogResponse, C as isCreateSurface, S as isDataBinding, E as isDeleteSurface, ne as isErrorMessage, w as isUpdateComponents, T as isUpdateDataModel, bt as parseJSON, yt as parseNDJSON, vt as parseSSE, D as parseServerMessage, J as renderInline, Y as renderMarkdown, M as resolveA2UIType, z as resolveJsonPointer, j as resolveNativeTag, lt as sanitizeHtml, Nt as scrubPII, he as setJsonPointer, le as textFieldInputType, oe as textVariantTag, pe as uiNodeToA2UI };

package/dist/register.js

@@ -1,5 +1,5 @@
 import { NBadge as e, NButton as t, NCard as n, NDialog as r, NIcon as i, NListbox as a, NOption as o, NOptionGroup as s, NOptionGroupHeader 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 te, StateEffect as ne, StateField as re, keymap as T } from "@nonoun/native-code";
+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";
@@ -7528,7 +7528,7 @@ var U = [
 	css: "palette",
 	js: "terminal",
 	components: "squares-four"
-}, ze = ne.define(), Be = w.line({ class: "cm-a2ui-sent" }), Ve = w.line({ class: "cm-a2ui-next" }), He = re.define({
+}, ze = te.define(), Be = w.line({ class: "cm-a2ui-sent" }), Ve = w.line({ class: "cm-a2ui-next" }), He = ne.define({
 	create() {
 		return w.none;
 	},
@@ -7541,7 +7541,7 @@ var U = [
 		}
 		return e;
 	},
-	provide: (e) => te.decorations.from(e)
+	provide: (e) => T.decorations.from(e)
 }), Ue = class extends m {
 	static observedAttributes = ["stream"];
 	#e = S("");
@@ -7833,10 +7833,10 @@ var U = [
 		}
 	};
 	#G() {
-		let e = document.createElement("n-header"), t = document.createElement("n-toolbar");
+		let e = document.createElement("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", ""), n.setAttribute("slot", "leading");
+		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");
@@ -7853,7 +7853,7 @@ var U = [
 			}
 			i.appendChild(n);
 		}
-		n.appendChild(i), n.addEventListener("native:change", this.#me), e.appendChild(n), t.setAttribute("slot", "trailing");
+		n.appendChild(i), n.addEventListener("native:change", this.#me), e.appendChild(n);
 		for (let e of U) {
 			let n = document.createElement("n-button");
 			n.setAttribute("variant", "ghost"), n.setAttribute("size", "sm"), n.textContent = Le[e], this.#n.value.has(e) && n.toggleAttribute("data-active", !0), n.addEventListener("native:press", this.#Te(e)), t.appendChild(n), this.#w.set(e, n);
@@ -7873,19 +7873,17 @@ var U = [
 		for (let e of U) {
 			let t = document.createElement("div");
 			t.className = "a2ui-pane", t.dataset.panel = e, this.#n.value.has(e) || (t.hidden = !0);
-			let n = document.createElement("n-header");
-			n.setAttribute("size", "sm");
-			let r = document.createElement("n-icon");
-			r.setAttribute("name", Re[e]), r.setAttribute("slot", "leading"), n.appendChild(r);
-			let i = document.createElement("span");
-			i.setAttribute("slot", "label"), i.textContent = Le[e], n.appendChild(i);
+			let n = document.createElement("header"), r = document.createElement("nav"), i = document.createElement("n-icon");
+			i.setAttribute("name", Re[e]), r.appendChild(i), n.appendChild(r);
 			let a = document.createElement("span");
-			if (a.setAttribute("slot", "trailing"), e === "js" || e === "html" || e === "css") {
+			a.textContent = Le[e], n.appendChild(a);
+			let o = 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.#we(e)), a.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.#we(e)), o.appendChild(t);
 			}
-			let o = document.createElement("n-button");
-			if (o.setAttribute("variant", "ghost"), o.setAttribute("size", "sm"), o.title = "Close pane", o.innerHTML = "<n-icon name=\"x\"></n-icon>", o.addEventListener("native:press", this.#Te(e)), a.appendChild(o), n.appendChild(a), t.appendChild(n), e === "json-in") {
+			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.#Te(e)), o.appendChild(c), n.appendChild(o), 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.#K("Step back", "caret-left");
@@ -7907,13 +7905,13 @@ var U = [
 				let u = this.#K("Insert deleteSurface", "minus-circle");
 				u.addEventListener("native:press", this.#be("deleteSurface")), e.append(n, r, i, a, o, s, c, l, u), t.appendChild(e);
 			}
-			let c = document.createElement("div");
-			if (c.className = "a2ui-pane-content", t.appendChild(c), this.#C.set(e, c), e === "json-in" || e === "js" || e === "html" || e === "css") {
-				let t = document.createElement("native-codemirror");
-				t.setAttribute("line-numbers", "false"), c.appendChild(t), e === "json-in" ? this.#p = t : e === "js" ? this.#m = t : e === "html" ? this.#h = t : e === "css" && (this.#g = t);
-			} else e === "components" && (this.#v = c);
 			let l = document.createElement("div");
-			l.className = "a2ui-resize-handle", t.appendChild(l), s.appendChild(t), this.#S.set(e, t);
+			if (l.className = "a2ui-pane-content", t.appendChild(l), this.#C.set(e, l), e === "json-in" || e === "js" || e === "html" || e === "css") {
+				let t = document.createElement("native-codemirror");
+				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 e === "components" && (this.#v = l);
+			let u = document.createElement("div");
+			u.className = "a2ui-resize-handle", t.appendChild(u), s.appendChild(t), this.#S.set(e, t);
 		}
 		e.appendChild(t), this.append(e, s);
 	}
@@ -7937,10 +7935,10 @@ var U = [
 		], this.#p.addEventListener("native:input", (e) => {
 			this.#e.value = e.detail.value;
 		});
-		let e = T.of([{
+		let e = re.of([{
 			key: "Mod-s",
 			run: () => (this.#L(), !0)
-		}]), t = T.of([{
+		}]), t = re.of([{
 			key: "Mod-s",
 			run: () => (this.#R(), !0)
 		}]);
@@ -8118,21 +8116,21 @@ var U = [
 	#se(e, t, n) {
 		let r = j.get(t);
 		if (!r) return;
-		let i = document.createElement("n-header");
-		i.className = "a2ui-map-detail-header", i.setAttribute("padding", "none");
-		let a = document.createElement("n-button");
-		a.setAttribute("variant", "ghost"), a.setAttribute("size", "sm"), a.setAttribute("slot", "leading"), a.className = "a2ui-map-back", a.innerHTML = `<n-icon name="caret-left"></n-icon> ${r.a2uiType}`, a.addEventListener("native:press", () => {
+		let i = document.createElement("header");
+		i.className = "a2ui-map-detail-header";
+		let a = document.createElement("nav"), o = document.createElement("n-button");
+		o.setAttribute("variant", "ghost"), o.setAttribute("size", "sm"), o.className = "a2ui-map-back", o.innerHTML = `<n-icon name="caret-left"></n-icon> ${r.a2uiType}`, o.addEventListener("native:press", () => {
 			this.#ie = null, this.#ae = "info", this.#_ = null, this.#oe(e, n);
-		}), i.appendChild(a);
-		let o = this.#ce(t), s = o.length > 0, c = document.createElement("n-segmented-control");
-		c.className = "a2ui-map-tab-bar", c.setAttribute("size", "xs"), c.setAttribute("inline", ""), c.setAttribute("slot", "trailing"), c.value = this.#ae;
-		let l = document.createElement("n-segment");
-		l.setAttribute("value", "info"), l.textContent = "Info";
-		let u = document.createElement("n-segment");
-		if (u.setAttribute("value", "json"), u.textContent = s ? `JSON (${o.length})` : "JSON", s || u.setAttribute("disabled", ""), c.append(l, u), c.addEventListener("native:change", (t) => {
+		}), a.appendChild(o), i.appendChild(a);
+		let s = this.#ce(t), c = s.length > 0, l = document.createElement("aside"), u = document.createElement("n-segmented-control");
+		u.className = "a2ui-map-tab-bar", u.setAttribute("size", "xs"), u.setAttribute("inline", ""), u.value = this.#ae;
+		let d = document.createElement("n-segment");
+		d.setAttribute("value", "info"), d.textContent = "Info";
+		let f = document.createElement("n-segment");
+		if (f.setAttribute("value", "json"), f.textContent = c ? `JSON (${s.length})` : "JSON", c || f.setAttribute("disabled", ""), u.append(d, f), u.addEventListener("native:change", (t) => {
 			let r = t.detail;
 			(r?.value === "info" || r?.value === "json") && (this.#ae = r.value, this.#oe(e, n));
-		}), i.appendChild(c), e.appendChild(i), this.#ae === "info") {
+		}), l.appendChild(u), i.appendChild(l), e.appendChild(i), this.#ae === "info") {
 			this.#_ = null;
 			let i = document.createElement("div");
 			i.className = "a2ui-map-detail";
@@ -8178,16 +8176,16 @@ var U = [
 			}
 			return;
 		}
-		let d = document.createElement("div");
-		d.className = "a2ui-map-editor-section";
-		let f = document.createElement("n-toolbar");
-		f.className = "a2ui-map-editor-toolbar";
-		let p = document.createElement("n-button");
-		p.setAttribute("variant", "ghost"), p.setAttribute("size", "sm"), p.title = "Apply changes to stream", p.innerHTML = "<n-icon name=\"play\" weight=\"fill\"></n-icon>", p.addEventListener("native:press", () => this.#le(t)), f.appendChild(p), d.appendChild(f);
-		let m = document.createElement("native-codemirror");
-		m.setAttribute("line-numbers", "false"), d.appendChild(m), this.#_ = m, requestAnimationFrame(() => {
-			m.extensions = [E()], m.value = JSON.stringify(o, null, 2);
-		}), e.appendChild(d);
+		let p = document.createElement("div");
+		p.className = "a2ui-map-editor-section";
+		let m = document.createElement("n-toolbar");
+		m.className = "a2ui-map-editor-toolbar";
+		let h = document.createElement("n-button");
+		h.setAttribute("variant", "ghost"), h.setAttribute("size", "sm"), h.title = "Apply changes to stream", h.innerHTML = "<n-icon name=\"play\" weight=\"fill\"></n-icon>", h.addEventListener("native:press", () => this.#le(t)), m.appendChild(h), p.appendChild(m);
+		let g = document.createElement("native-codemirror");
+		g.setAttribute("line-numbers", "false"), p.appendChild(g), this.#_ = g, requestAnimationFrame(() => {
+			g.extensions = [E()], g.value = JSON.stringify(s, null, 2);
+		}), e.appendChild(p);
 	}
 	/** Extract all component instances of a given A2UI type from the current envelopes. */
 	#ce(e) {
@@ -8314,7 +8312,7 @@ var U = [
 		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) });
 		}
 	};
 	#xe = () => {
@@ -9332,8 +9330,8 @@ function st(e) {
 /**
 * Stamped panel for the chat interface.
 *
-* Creates `<n-header>` (icon, title), `<n-body>` containing
-* `<n-chat-content>`, and `<n-footer>` with `<n-chat-input>` directly
+* Creates `<header>` (icon, title), `<section>` containing
+* `<n-chat-content>`, and `<footer>` with `<n-chat-input>` directly
 * as children. The host element itself is the panel surface.
 *
 * ## Extension Points
@@ -9542,34 +9540,34 @@ var ct = class extends m {
 	}
 	setup() {
 		super.setup(), this.hasAttribute("open") && (this.#r.value = !0);
-		let e = document.createElement("n-header");
+		let e = document.createElement("header");
 		e.setAttribute("dividers", "");
-		let t = document.createElement("n-icon");
-		t.setAttribute("name", "chat-dots"), t.setAttribute("slot", "leading"), e.appendChild(t);
-		let n = document.createElement("span");
-		n.setAttribute("slot", "label"), n.textContent = "Assistant", e.appendChild(n);
+		let t = document.createElement("nav"), n = document.createElement("n-icon");
+		n.setAttribute("name", "chat-dots"), t.appendChild(n), e.appendChild(t);
 		let r = document.createElement("span");
-		r.setAttribute("slot", "trailing"), r.className = "n-chat-panel-header-trailing", e.appendChild(r), this.#v = r;
-		let i = document.createElement("n-body"), a = document.createElement("n-chat-content"), o = document.createElement("n-chat-feed");
-		o.setAttribute("auto-scroll", ""), a.appendChild(o), this.#h = o, i.appendChild(a);
-		let s = document.createElement("n-footer");
-		s.setAttribute("dividers", ""), this.#m = s;
-		let c = document.createElement("n-chat-input"), l = document.createElement("n-textarea");
-		l.setAttribute("placeholder", "Ask anything"), l.setAttribute("autogrow", ""), l.setAttribute("rows", "3"), c.appendChild(l);
-		let u = document.createElement("n-chat-input-actions");
-		this.#y = u;
-		let d = document.createElement("n-button");
-		d.setAttribute("variant", "ghost"), d.setAttribute("inline", "");
-		let f = document.createElement("n-icon");
-		f.setAttribute("name", "plus"), d.appendChild(f), u.appendChild(d);
-		let p = document.createElement("n-button");
-		p.setAttribute("variant", "ghost"), p.setAttribute("inline", "");
-		let m = document.createElement("n-icon");
-		m.setAttribute("name", "microphone"), p.appendChild(m), u.appendChild(p);
-		let h = document.createElement("n-button");
-		h.setAttribute("variant", "primary"), h.setAttribute("intent", "accent"), h.setAttribute("radius", "round"), h.setAttribute("inline", ""), h.setAttribute("disabled", ""), h.dataset.submit = "", h.dataset.role = "submit";
-		let g = document.createElement("n-icon");
-		g.setAttribute("name", "arrow-up"), h.appendChild(g), u.appendChild(h), c.appendChild(u), s.appendChild(c), this.append(e, i, s), this.addEffect(() => {
+		r.textContent = "Assistant", e.appendChild(r);
+		let i = document.createElement("aside");
+		i.className = "n-chat-panel-header-trailing", e.appendChild(i), this.#v = i;
+		let a = document.createElement("section"), o = document.createElement("n-chat-content"), s = document.createElement("n-chat-feed");
+		s.setAttribute("auto-scroll", ""), o.appendChild(s), this.#h = s, a.appendChild(o);
+		let c = document.createElement("footer");
+		c.setAttribute("dividers", ""), this.#m = c;
+		let l = document.createElement("n-chat-input"), u = document.createElement("n-textarea");
+		u.setAttribute("placeholder", "Ask anything"), u.setAttribute("autogrow", ""), u.setAttribute("rows", "3"), l.appendChild(u);
+		let d = document.createElement("n-chat-input-actions");
+		this.#y = d;
+		let f = document.createElement("n-button");
+		f.setAttribute("variant", "ghost"), f.setAttribute("inline", "");
+		let p = document.createElement("n-icon");
+		p.setAttribute("name", "plus"), f.appendChild(p), d.appendChild(f);
+		let m = document.createElement("n-button");
+		m.setAttribute("variant", "ghost"), m.setAttribute("inline", "");
+		let h = document.createElement("n-icon");
+		h.setAttribute("name", "microphone"), m.appendChild(h), d.appendChild(m);
+		let g = document.createElement("n-button");
+		g.setAttribute("variant", "primary"), g.setAttribute("intent", "accent"), g.setAttribute("radius", "round"), g.setAttribute("inline", ""), g.setAttribute("disabled", ""), g.dataset.submit = "", g.dataset.role = "submit";
+		let _ = document.createElement("n-icon");
+		_.setAttribute("name", "arrow-up"), g.appendChild(_), d.appendChild(g), l.appendChild(d), c.appendChild(l), this.append(e, a, c), this.addEffect(() => {
 			let e = this.#e.value;
 			if (e && !this.#g) {
 				let e = document.createElement("n-button");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-ai",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "AI components for @nonoun/native-ui — A2UI protocol adapter + chat input/message layout",
   "license": "MIT",
   "type": "module",