@nonoun/native-ai 1.0.8 → 1.0.10

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;CAkyCjB"}
+{"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;CAmyCjB"}

package/dist/a2ui/protocol/a2ui-component-map.d.ts

@@ -23,7 +23,7 @@ export declare function resolveNativeTag(a2uiType: string): ComponentMapping | n
 export declare function resolveA2UIType(tag: string, attributes?: Readonly<Record<string, string>>): string | null;
 /**
  * For A2UI Text components, resolve the variant to an HTML tag.
- * Returns 'n-text' by default.
+ * Returns 'span' by default.
  */
 export declare function textVariantTag(variant?: string): string;
 /**

package/dist/a2ui/protocol/a2ui-component-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a2ui-component-map.d.ts","sourceRoot":"","sources":["../../../src/a2ui/protocol/a2ui-component-map.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;AAI/E,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9D,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAC;IACtC,4DAA4D;IAC5D,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,2DAA2D;IAC3D,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACvD,wDAAwD;IACxD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AA2PD,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAc,CAAC;AAI/E,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAE1E;AAID,wBAAgB,eAAe,CAC7B,GAAG,EAAE,MAAM,EACX,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAC5C,MAAM,GAAG,IAAI,CAmCf;AAeD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAGvD;AAID;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,CAAC,EAAE,OAAO,EACpB,UAAU,CAAC,EAAE,OAAO,GACnB,MAAM,CAIR;AAWD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAG3D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,SAAS,MAAM,EAAE,CAErD;AAqCD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAGtE"}
+{"version":3,"file":"a2ui-component-map.d.ts","sourceRoot":"","sources":["../../../src/a2ui/protocol/a2ui-component-map.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;AAI/E,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9D,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAC;IACtC,4DAA4D;IAC5D,QAAQ,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,2DAA2D;IAC3D,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACvD,wDAAwD;IACxD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AA+PD,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAc,CAAC;AAI/E,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAE1E;AAID,wBAAgB,eAAe,CAC7B,GAAG,EAAE,MAAM,EACX,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAC5C,MAAM,GAAG,IAAI,CAsCf;AAeD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAGvD;AAID;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,CAAC,EAAE,OAAO,EACpB,UAAU,CAAC,EAAE,OAAO,GACnB,MAAM,CAIR;AAWD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAG3D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,SAAS,MAAM,EAAE,CAErD;AAqCD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAGtE"}

package/dist/chat/message/chat-input-structured-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input-structured-element.d.ts","sourceRoot":"","sources":["../../../src/chat/message/chat-input-structured-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAEhF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,oBAAqB,SAAQ,aAAa;;IACrD,MAAM,CAAC,kBAAkB,WAA2D;;IAiBpF,IAAI,QAAQ,IAAI,MAAM,CAAiC;IACvD,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAGvB;IAED,IAAI,OAAO,IAAI,gBAAgB,EAAE,CAAgC;IACjE,IAAI,OAAO,CAAC,GAAG,EAAE,gBAAgB,EAAE,EAGlC;IAED,IAAI,UAAU,IAAI,gBAAgB,EAAE,CAGnC;IAED,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAiBpF,KAAK,IAAI,IAAI;IAkCb,QAAQ,IAAI,IAAI;CA4HjB"}
+{"version":3,"file":"chat-input-structured-element.d.ts","sourceRoot":"","sources":["../../../src/chat/message/chat-input-structured-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAEhF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,oBAAqB,SAAQ,aAAa;;IACrD,MAAM,CAAC,kBAAkB,WAA2D;;IAiBpF,IAAI,QAAQ,IAAI,MAAM,CAAiC;IACvD,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAGvB;IAED,IAAI,OAAO,IAAI,gBAAgB,EAAE,CAAgC;IACjE,IAAI,OAAO,CAAC,GAAG,EAAE,gBAAgB,EAAE,EAGlC;IAED,IAAI,UAAU,IAAI,gBAAgB,EAAE,CAGnC;IAED,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAiBpF,KAAK,IAAI,IAAI;IAkCb,QAAQ,IAAI,IAAI;CA6HjB"}

package/dist/chat/message/chat-message-genui-element.d.ts

@@ -20,7 +20,7 @@ export interface GenUINode {
  *
  * Set the schema via property:
  * ```js
- * el.schema = { tag: 'n-card', children: [{ tag: 'p', text: 'Hello' }] };
+ * el.schema = { tag: 'n-container', children: [{ tag: 'p', text: 'Hello' }] };
  * ```
  *
  * @attr {string} schema-type - `a2ui` | `mcpui`

package/dist/chat/message/chat-message-seed-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-seed-element.d.ts","sourceRoot":"","sources":["../../../src/chat/message/chat-message-seed-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAEhF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,gBAAiB,SAAQ,aAAa;;IACjD,MAAM,CAAC,kBAAkB,WAA2B;;IAapD,IAAI,OAAO,IAAI,UAAU,EAAE,CAAgC;IAC3D,IAAI,OAAO,CAAC,GAAG,EAAE,UAAU,EAAE,EAG5B;IAED,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAgBpF,KAAK,IAAI,IAAI;IAyCb,QAAQ,IAAI,IAAI;CAsBjB"}
+{"version":3,"file":"chat-message-seed-element.d.ts","sourceRoot":"","sources":["../../../src/chat/message/chat-message-seed-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAEhF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,gBAAiB,SAAQ,aAAa;;IACjD,MAAM,CAAC,kBAAkB,WAA2B;;IAapD,IAAI,OAAO,IAAI,UAAU,EAAE,CAAgC;IAC3D,IAAI,OAAO,CAAC,GAAG,EAAE,UAAU,EAAE,EAG5B;IAED,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAgBpF,KAAK,IAAI,IAAI;IA0Cb,QAAQ,IAAI,IAAI;CAsBjB"}

package/dist/native-ai.css

@@ -59,8 +59,7 @@
 
 /* ── Dark chrome header toolbar (chips + expand) ── */
 
-:where(native-a2ui) > :where(n-header),
-:where(native-a2ui) > :where(header) {
+:where(native-a2ui) > :where(n-header) {
   display: flex;
   align-items: center;
   flex: none;
@@ -73,15 +72,12 @@
 
 /* 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(header) :where(n-button):hover,
-:where(native-a2ui) > :where(header) :where(n-button)[force-hover] {
+:where(native-a2ui) > :where(n-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(header) :where(n-button)[data-active] {
+:where(native-a2ui) > :where(n-header) :where(n-button)[data-active] {
   background: var(--n-pg-editor-bg);
   color: var(--n-pg-text-strong);
 }
@@ -179,8 +175,7 @@
 
 /* ── Pane Header (icon + label + close button) ── */
 
-:where(native-a2ui) :where(.a2ui-pane) > :where(n-header),
-:where(native-a2ui) :where(.a2ui-pane) > :where(header) {
+:where(native-a2ui) :where(.a2ui-pane) > :where(n-header) {
   display: grid;
   grid-template-columns: auto 1fr auto;
   align-items: center;
@@ -200,22 +195,19 @@
   letter-spacing: 0.04em;
 }
 
-:where(native-a2ui) :where(.a2ui-pane) > :where(header) > :where(nav),
-:where(native-a2ui) :where(.a2ui-pane) > :where(header) > :where(aside) {
+:where(native-a2ui) :where(.a2ui-pane) > :where(n-header) > :where(nav),
+:where(native-a2ui) :where(.a2ui-pane) > :where(n-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) {
+:where(native-a2ui) :where(.a2ui-pane) > :where(n-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(header) :where(n-button):hover,
-:where(native-a2ui) :where(.a2ui-pane) > :where(header) :where(n-button)[force-hover] {
+:where(native-a2ui) :where(.a2ui-pane) > :where(n-header) :where(n-button)[force-hover] {
   background: var(--n-pg-editor-bg);
 }
 
@@ -712,22 +704,6 @@
     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"]) {
@@ -1291,7 +1267,7 @@
     font-size: var(--n-font-size-sm);
   }
 
-  :where(n-chat-message-genui) :where(n-card[data-role="preview"]) {
+  :where(n-chat-message-genui) :where(n-container[data-role="preview"]) {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1413,18 +1389,18 @@
    ════════════════════════════════════════════════════
 
    Harmonizes seed + structured input spacing when composed
-   together as a starter surface (e.g. inside n-card, n-body).
+   together as a starter surface (e.g. inside n-container, n-body).
 
    Add `compact` attribute for tighter spacing (small cards,
    inline starters, sidebars).
 
    Usage:
-     <n-card class="n-chat-starter">
+     <n-container class="n-chat-starter">
        <n-body>
          <n-chat-message-seed></n-chat-message-seed>
          <n-chat-input-structured question="..."></n-chat-input-structured>
        </n-body>
-     </n-card>
+     </n-container>
 */
 
 .n-chat-starter {

package/dist/native-ai.js

@@ -47,8 +47,9 @@ function D(e) {
 var ie = [
 	{
 		a2uiType: "Text",
-		nativeTag: "n-text",
-		childStrategy: "textContent"
+		nativeTag: "span",
+		childStrategy: "textContent",
+		defaultAttributes: { class: "text" }
 	},
 	{
 		a2uiType: "Button",
@@ -139,18 +140,22 @@ var ie = [
 	},
 	{
 		a2uiType: "Row",
-		nativeTag: "n-stack",
+		nativeTag: "div",
 		childStrategy: "children",
-		defaultAttributes: { direction: "row" }
+		defaultAttributes: {
+			class: "stack",
+			direction: "row"
+		}
 	},
 	{
 		a2uiType: "Column",
-		nativeTag: "n-stack",
-		childStrategy: "children"
+		nativeTag: "div",
+		childStrategy: "children",
+		defaultAttributes: { class: "stack" }
 	},
 	{
 		a2uiType: "Card",
-		nativeTag: "n-card",
+		nativeTag: "n-container",
 		childStrategy: "children"
 	},
 	{
@@ -198,13 +203,15 @@ var ie = [
 	},
 	{
 		a2uiType: "Badge",
-		nativeTag: "n-badge",
-		childStrategy: "textContent"
+		nativeTag: "span",
+		childStrategy: "textContent",
+		defaultAttributes: { class: "badge" }
 	},
 	{
 		a2uiType: "Avatar",
-		nativeTag: "n-avatar",
+		nativeTag: "span",
 		childStrategy: "none",
+		defaultAttributes: { class: "avatar" },
 		propertyMap: {
 			src: "src",
 			alt: "alt"
@@ -268,7 +275,7 @@ var ie = [
 		childStrategy: "textContent"
 	}
 ], 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);
+for (let e of ie) O.set(e.a2uiType, e), e.nativeTag !== "div" && e.nativeTag !== "span" && !k.has(e.nativeTag) && k.set(e.nativeTag, e);
 /** All component mappings, keyed by A2UI type */
 const A = O;
 function j(e) {
@@ -279,13 +286,13 @@ function M(e, t) {
 	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";
+	if (e === "span") return t?.class?.includes("text"), "Text";
 	if (e === "div") {
+		if (t?.class?.includes("stack")) return t?.direction === "row" ? "Row" : "Column";
 		let e = t?.style ?? "";
 		return e.includes("flex-direction:column") || e.includes("flex-direction: column") ? "Column" : e.includes("display:flex") || e.includes("display: flex") ? "Row" : "Column";
 	}
-	return e === "img" ? "Image" : e === "video" ? "Video" : e === "audio" ? "AudioPlayer" : e === "hr" ? "Divider" : /^h[1-6]$/.test(e) ? "Text" : null;
+	return e === "img" ? "Image" : e === "video" ? "Video" : e === "audio" ? "AudioPlayer" : /^h[1-6]$/.test(e) ? "Text" : null;
 }
 var ae = {
 	h1: "h1",
@@ -295,14 +302,14 @@ var ae = {
 	h5: "h5",
 	heading: "h2",
 	caption: "small",
-	body: "n-text"
+	body: "span"
 };
 /**
 * For A2UI Text components, resolve the variant to an HTML tag.
-* Returns 'n-text' by default.
+* Returns 'span' by default.
 */
 function oe(e) {
-	return e ? ae[e] ?? "n-text" : "n-text";
+	return e ? ae[e] ?? "span" : "span";
 }
 /**
 * For A2UI DateTimeInput components, resolve enableDate/enableTime to HTML input type.
@@ -7980,7 +7987,7 @@ var W = [
 		}
 	};
 	#G() {
-		let e = document.createElement("header"), t = document.createElement("n-toolbar");
+		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", "");
@@ -8000,7 +8007,7 @@ var W = [
 			}
 			i.appendChild(n);
 		}
-		n.appendChild(i), n.addEventListener("native:change", this.#me), e.appendChild(n);
+		n.appendChild(i), n.addEventListener("native:change", this.#me), t.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,7 +8027,7 @@ 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("header"), r = document.createElement("nav"), i = document.createElement("n-icon");
+			let n = document.createElement("n-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");
 			a.textContent = Ne[e], n.appendChild(a);
@@ -8041,8 +8048,8 @@ var W = [
 				i.addEventListener("native:press", this.#_e);
 				let a = this.#K("Play all", "play", !0);
 				a.dataset.role = "run", a.addEventListener("native:press", this.#ge);
-				let o = document.createElement("n-divider");
-				o.setAttribute("orientation", "vertical");
+				let o = document.createElement("div");
+				o.className = "divider", o.setAttribute("orientation", "vertical");
 				let s = this.#K("Insert createSurface", "plus-circle");
 				s.addEventListener("native:press", this.#be("createSurface"));
 				let c = this.#K("Insert updateComponents", "squares-four");
@@ -8211,8 +8218,8 @@ var W = [
 			for (let n of e) {
 				let e = document.createElement("div");
 				e.className = "a2ui-log-entry";
-				let r = document.createElement("n-badge");
-				r.className = `a2ui-log-type a2ui-log-type--${n.type}`, r.textContent = n.type.toUpperCase();
+				let r = document.createElement("span");
+				r.className = `badge a2ui-log-type a2ui-log-type--${n.type}`, r.textContent = n.type.toUpperCase();
 				let i = document.createElement("span");
 				i.style.cssText = "opacity: 0.5; margin-left: 0.5rem; font-size: 0.75rem;";
 				let a = new Date(n.timestamp);
@@ -8263,7 +8270,7 @@ var W = [
 	#se(e, t, n) {
 		let r = A.get(t);
 		if (!r) return;
-		let i = document.createElement("header");
+		let i = document.createElement("n-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", () => {
@@ -9259,7 +9266,7 @@ var Ke = class {
 	}
 	setup() {
 		super.setup(), this.hasAttribute("open") && (this.#r.value = !0);
-		let i = document.createElement("header");
+		let i = document.createElement("n-header");
 		i.setAttribute("dividers", "");
 		let a = document.createElement("nav"), o = document.createElement("n-icon");
 		o.setAttribute("name", "chat-dots"), a.appendChild(o), i.appendChild(a);
@@ -9267,9 +9274,9 @@ var Ke = class {
 		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");
+		let l = document.createElement("n-body"), 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");
+		let f = document.createElement("n-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);
@@ -10382,8 +10389,8 @@ var pt = class extends i {
 		super.setup(), this.addEffect(l(this, this.#n, this.#e)), this.addEffect(() => {
 			let e = this.#t.value;
 			this.textContent = "";
-			let t = document.createElement("n-stack");
-			t.setAttribute("direction", "row"), t.setAttribute("wrap", "");
+			let t = document.createElement("div");
+			t.className = "stack", t.setAttribute("direction", "row"), t.setAttribute("wrap", "");
 			for (let n of e) {
 				let e = document.createElement("n-button");
 				if (e.setAttribute("variant", "outline"), e.setAttribute("size", "sm"), e.setAttribute("inline", ""), e.setAttribute("data-value", n.value), n.icon) {
@@ -10503,7 +10510,7 @@ var pt = class extends i {
 	}
 	#s(e) {
 		if (!this.#i) return;
-		let t = document.createElement("n-card");
+		let t = document.createElement("n-container");
 		t.dataset.role = "preview";
 		let n = document.createElement("span");
 		n.textContent = `Interactive UI (${e.tag})`, t.appendChild(n);
@@ -10667,8 +10674,8 @@ var _t = class extends i {
 			let t = document.createElement("div");
 			t.className = "n-chat-structured-question", t.textContent = e, this.appendChild(t);
 		}
-		let r = document.createElement("n-stack");
-		r.setAttribute("direction", "row"), r.setAttribute("wrap", ""), r.setAttribute("role", n === "multi" ? "group" : "radiogroup");
+		let r = document.createElement("div");
+		r.className = "stack", r.setAttribute("direction", "row"), r.setAttribute("wrap", ""), r.setAttribute("role", n === "multi" ? "group" : "radiogroup");
 		for (let e of t) {
 			let t = document.createElement("n-button");
 			if (t.setAttribute("variant", "outline"), t.setAttribute("data-value", e.value), t.setAttribute("aria-pressed", "false"), e.icon) {