@nonoun/native-ai 1.0.18 → 1.0.21

package/dist/native-ai.js

@@ -54,7 +54,7 @@ function O(e) {
 * change tracking via a signal. The default singleton (`defaultRegistry`)
 * preserves backward compatibility with existing free-function imports.
 */
-var re = class e {
+var k = class e {
 	#e = /* @__PURE__ */ new Map();
 	#t = /* @__PURE__ */ new Map();
 	#n = /* @__PURE__ */ new Map();
@@ -158,12 +158,19 @@ var re = class e {
 		for (let e of this.#e.values()) e.nativeTag !== "div" && e.nativeTag !== "span" && !this.#t.has(e.nativeTag) && this.#t.set(e.nativeTag, e);
 	}
 };
-const k = new re([
+const A = new k([
 	{
 		a2uiType: "Text",
 		nativeTag: "span",
 		childStrategy: "textContent",
-		defaultAttributes: { class: "text" }
+		defaultAttributes: { class: "text" },
+		events: [],
+		properties: [{
+			attr: "variant",
+			type: "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'heading' | 'caption' | 'body'",
+			note: "Resolved to HTML tag by textVariantTag()"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Button",
@@ -178,7 +185,21 @@ const k = new re([
 			ghost: "ghost",
 			outline: "outline",
 			danger: "primary"
-		}
+		},
+		events: [{
+			event: "native:press",
+			description: "Fires on click or keyboard activation (Enter/Space)."
+		}],
+		properties: [{
+			attr: "disabled",
+			type: "boolean",
+			reactive: !0
+		}, {
+			attr: "type",
+			type: "'button' | 'submit' | 'reset'",
+			reactive: !0
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "TextField",
@@ -189,7 +210,78 @@ const k = new re([
 		propertyMap: {
 			value: "value",
 			placeholder: "placeholder"
-		}
+		},
+		events: [
+			{
+				event: "native:input",
+				detail: { value: "string" },
+				description: "Fires on each keystroke."
+			},
+			{
+				event: "native:change",
+				detail: { value: "string" },
+				description: "Fires on blur after value changed."
+			},
+			{
+				event: "native:format",
+				detail: {
+					type: "string",
+					value: "string"
+				},
+				description: "Fires after text formatting is applied."
+			}
+		],
+		properties: [
+			{
+				attr: "value",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "placeholder",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "readonly",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "required",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "pattern",
+				type: "string"
+			},
+			{
+				attr: "type",
+				type: "'text' | 'password'",
+				reactive: !0
+			},
+			{
+				attr: "formatting",
+				type: "string",
+				note: "Space-separated format list (code, bold, italic)"
+			}
+		],
+		methods: [{
+			name: "select",
+			returns: "void",
+			description: "Select all text in the input."
+		}, {
+			name: "focus",
+			params: { options: "FocusOptions" },
+			returns: "void",
+			description: "Focus the editing surface."
+		}]
 	},
 	{
 		a2uiType: "TextArea",
@@ -204,21 +296,172 @@ const k = new re([
 			value: "value",
 			placeholder: "placeholder",
 			rows: "rows"
-		}
+		},
+		events: [
+			{
+				event: "native:input",
+				detail: { value: "string" },
+				description: "Fires on each keystroke."
+			},
+			{
+				event: "native:change",
+				detail: { value: "string" },
+				description: "Fires on blur after value changed."
+			},
+			{
+				event: "native:format",
+				detail: {
+					type: "string",
+					value: "string"
+				},
+				description: "Fires after text formatting is applied."
+			}
+		],
+		properties: [
+			{
+				attr: "value",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "placeholder",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "readonly",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "required",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "rows",
+				type: "number",
+				reactive: !0
+			},
+			{
+				attr: "maxlength",
+				type: "number"
+			},
+			{
+				attr: "autogrow",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "pattern",
+				type: "string"
+			},
+			{
+				attr: "formatting",
+				type: "string",
+				note: "Space-separated format list (code, bold, italic)"
+			}
+		],
+		methods: [{
+			name: "applyFormat",
+			params: { type: "string" },
+			returns: "void",
+			description: "Apply or toggle a text format on the current selection."
+		}]
 	},
 	{
 		a2uiType: "CheckBox",
 		nativeTag: "n-checkbox",
 		childStrategy: "textContent",
 		actionEvent: "native:change",
-		defaultAttributes: { size: "sm" }
+		defaultAttributes: { size: "sm" },
+		events: [{
+			event: "native:change",
+			detail: {
+				checked: "boolean",
+				value: "string"
+			},
+			description: "Fires when checked state toggles."
+		}],
+		properties: [
+			{
+				attr: "checked",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "indeterminate",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "name",
+				type: "string"
+			},
+			{
+				attr: "value",
+				type: "string",
+				note: "Defaults to 'on'"
+			},
+			{
+				attr: "required",
+				type: "boolean",
+				reactive: !0
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "Switch",
 		nativeTag: "n-switch",
 		childStrategy: "textContent",
 		actionEvent: "native:change",
-		defaultAttributes: { size: "sm" }
+		defaultAttributes: { size: "sm" },
+		events: [{
+			event: "native:change",
+			detail: {
+				checked: "boolean",
+				value: "string"
+			},
+			description: "Fires when toggled on/off."
+		}],
+		properties: [
+			{
+				attr: "checked",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "name",
+				type: "string"
+			},
+			{
+				attr: "value",
+				type: "string",
+				note: "Defaults to 'on'"
+			},
+			{
+				attr: "required",
+				type: "boolean",
+				reactive: !0
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "ChoicePicker",
@@ -226,7 +469,53 @@ const k = new re([
 		childStrategy: "children",
 		actionEvent: "native:change",
 		defaultAttributes: { size: "sm" },
-		propertyMap: { placeholder: "placeholder" }
+		propertyMap: { placeholder: "placeholder" },
+		events: [{
+			event: "native:change",
+			detail: {
+				value: "string",
+				label: "string",
+				previousValue: "string"
+			},
+			description: "Fires when selection changes."
+		}],
+		properties: [
+			{
+				attr: "value",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "name",
+				type: "string"
+			},
+			{
+				attr: "options",
+				type: "string",
+				note: "JSON array: [{ value, label }]"
+			},
+			{
+				attr: "src",
+				type: "string",
+				note: "URL for fetching options"
+			},
+			{
+				attr: "placeholder",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "required",
+				type: "boolean",
+				reactive: !0
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "Slider",
@@ -238,7 +527,37 @@ const k = new re([
 			min: "min",
 			max: "max",
 			value: "value"
-		}
+		},
+		events: [{
+			event: "native:change",
+			detail: { value: "number" },
+			description: "Fires when slider value changes."
+		}],
+		properties: [
+			{
+				attr: "value",
+				type: "number",
+				reactive: !0
+			},
+			{
+				attr: "min",
+				type: "number"
+			},
+			{
+				attr: "max",
+				type: "number"
+			},
+			{
+				attr: "step",
+				type: "number"
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "DateTimeInput",
@@ -250,60 +569,226 @@ const k = new re([
 			value: "value",
 			min: "min",
 			max: "max"
-		}
+		},
+		events: [{
+			event: "native:change",
+			detail: { value: "string" },
+			description: "Fires when date/time value changes."
+		}],
+		properties: [
+			{
+				attr: "value",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "min",
+				type: "string"
+			},
+			{
+				attr: "max",
+				type: "string"
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "required",
+				type: "boolean",
+				reactive: !0
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "Row",
 		nativeTag: "n-stack",
 		childStrategy: "children",
-		defaultAttributes: { direction: "row" }
+		defaultAttributes: { direction: "row" },
+		events: [],
+		properties: [{
+			attr: "gap",
+			type: "string"
+		}, {
+			attr: "align",
+			type: "string"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Column",
 		nativeTag: "n-stack",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [],
+		properties: [{
+			attr: "gap",
+			type: "string"
+		}, {
+			attr: "align",
+			type: "string"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Card",
 		nativeTag: "n-container",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [],
+		properties: [{
+			attr: "bordered",
+			type: "boolean"
+		}, {
+			attr: "data-kind",
+			type: "'panel'"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Header",
 		nativeTag: "n-header",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [],
+		properties: [],
+		methods: []
 	},
 	{
 		a2uiType: "Body",
 		nativeTag: "n-body",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [],
+		properties: [],
+		methods: []
 	},
 	{
 		a2uiType: "Footer",
 		nativeTag: "n-footer",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [],
+		properties: [],
+		methods: []
 	},
 	{
 		a2uiType: "Modal",
 		nativeTag: "n-dialog",
 		childStrategy: "children",
-		actionEvent: "native:dismiss"
+		actionEvent: "native:dismiss",
+		events: [{
+			event: "close",
+			description: "Fires when the dialog is closed."
+		}],
+		properties: [{
+			attr: "no-close-on-escape",
+			type: "boolean"
+		}, {
+			attr: "no-close-on-backdrop",
+			type: "boolean"
+		}],
+		methods: [{
+			name: "showModal",
+			returns: "void",
+			description: "Open the dialog in modal mode."
+		}, {
+			name: "close",
+			returns: "void",
+			description: "Close the dialog."
+		}]
 	},
 	{
 		a2uiType: "Tabs",
 		nativeTag: "n-tabs",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [{
+			event: "native:change",
+			detail: {
+				value: "string",
+				label: "string"
+			},
+			description: "Fires when the active tab changes."
+		}],
+		properties: [
+			{
+				attr: "value",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "orientation",
+				type: "'horizontal' | 'vertical'",
+				reactive: !0
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "List",
 		nativeTag: "n-listbox",
 		childStrategy: "children",
-		actionEvent: "native:select"
+		actionEvent: "native:select",
+		events: [{
+			event: "native:change",
+			detail: {
+				value: "string",
+				label: "string"
+			},
+			description: "Fires when the selected option changes."
+		}],
+		properties: [
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "multiple",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "virtual-focus",
+				type: "boolean"
+			}
+		],
+		methods: [{
+			name: "getActiveOption",
+			returns: "Element | null",
+			description: "Returns the currently keyboard-focused option."
+		}]
 	},
 	{
 		a2uiType: "ListItem",
 		nativeTag: "n-option",
-		childStrategy: "textContent"
+		childStrategy: "textContent",
+		events: [{
+			event: "native:select",
+			detail: {
+				value: "string",
+				label: "string"
+			},
+			description: "Fires when this option is clicked."
+		}],
+		properties: [
+			{
+				attr: "value",
+				type: "string"
+			},
+			{
+				attr: "disabled",
+				type: "boolean"
+			},
+			{
+				attr: "label",
+				type: "string",
+				note: "Falls back to textContent"
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "Image",
@@ -312,24 +797,55 @@ const k = new re([
 		propertyMap: {
 			url: "src",
 			alt: "alt"
-		}
+		},
+		events: [],
+		properties: [{
+			attr: "src",
+			type: "string"
+		}, {
+			attr: "alt",
+			type: "string"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Icon",
 		nativeTag: "n-icon",
 		childStrategy: "none",
 		defaultAttributes: { "aria-hidden": "true" },
-		propertyMap: { name: "name" }
+		propertyMap: { name: "name" },
+		events: [],
+		properties: [{
+			attr: "name",
+			type: "string",
+			reactive: !0
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Divider",
 		nativeTag: "n-divider",
-		childStrategy: "none"
+		childStrategy: "none",
+		events: [],
+		properties: [{
+			attr: "orientation",
+			type: "'horizontal' | 'vertical'"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Badge",
 		nativeTag: "n-badge",
-		childStrategy: "textContent"
+		childStrategy: "textContent",
+		events: [],
+		properties: [{
+			attr: "intent",
+			type: "'info' | 'success' | 'warning' | 'danger'"
+		}, {
+			attr: "dot",
+			type: "boolean"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Avatar",
@@ -338,14 +854,69 @@ const k = new re([
 		propertyMap: {
 			src: "src",
 			alt: "alt"
-		}
+		},
+		events: [],
+		properties: [{
+			attr: "src",
+			type: "string"
+		}, {
+			attr: "alt",
+			type: "string"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Select",
 		nativeTag: "n-select",
 		childStrategy: "children",
 		actionEvent: "native:change",
-		propertyMap: { placeholder: "placeholder" }
+		propertyMap: { placeholder: "placeholder" },
+		events: [{
+			event: "native:change",
+			detail: {
+				value: "string",
+				label: "string",
+				previousValue: "string"
+			},
+			description: "Fires when selection changes."
+		}],
+		properties: [
+			{
+				attr: "value",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "name",
+				type: "string"
+			},
+			{
+				attr: "options",
+				type: "string",
+				note: "JSON array: [{ value, label }]"
+			},
+			{
+				attr: "src",
+				type: "string",
+				note: "URL for fetching options"
+			},
+			{
+				attr: "placeholder",
+				type: "string",
+				reactive: !0
+			},
+			{
+				attr: "required",
+				type: "boolean",
+				reactive: !0
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "Video",
@@ -354,29 +925,127 @@ const k = new re([
 		propertyMap: {
 			url: "src",
 			poster: "poster"
-		}
+		},
+		events: [],
+		properties: [{
+			attr: "src",
+			type: "string"
+		}, {
+			attr: "poster",
+			type: "string"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "AudioPlayer",
 		nativeTag: "n-audio",
 		childStrategy: "none",
-		propertyMap: { url: "src" }
+		propertyMap: { url: "src" },
+		events: [],
+		properties: [{
+			attr: "src",
+			type: "string"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Accordion",
 		nativeTag: "n-accordion",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [],
+		properties: [{
+			attr: "multiple",
+			type: "boolean",
+			reactive: !0
+		}, {
+			attr: "disabled",
+			type: "boolean",
+			reactive: !0
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "AccordionItem",
 		nativeTag: "n-accordion-item",
 		childStrategy: "children",
-		propertyMap: { label: "label" }
+		propertyMap: { label: "label" },
+		events: [],
+		properties: [
+			{
+				attr: "open",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "disabled",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "label",
+				type: "string"
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "Table",
 		nativeTag: "n-table",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [
+			{
+				event: "native:table-sort",
+				detail: {
+					column: "string",
+					direction: "'asc' | 'desc' | null"
+				},
+				description: "Fires when column sort changes."
+			},
+			{
+				event: "native:table-select",
+				detail: {
+					value: "string",
+					selected: "boolean",
+					allSelected: "string[]"
+				},
+				description: "Fires when row selection changes."
+			},
+			{
+				event: "native:table-reorder",
+				detail: {
+					sourceIndex: "number",
+					targetIndex: "number",
+					inserted: "string[]"
+				},
+				description: "Fires when rows are drag-reordered."
+			}
+		],
+		properties: [
+			{
+				attr: "selectable",
+				type: "boolean",
+				reactive: !0
+			},
+			{
+				attr: "resizable",
+				type: "boolean"
+			},
+			{
+				attr: "reorderable",
+				type: "boolean"
+			},
+			{
+				attr: "cols",
+				type: "string",
+				reactive: !0,
+				note: "Sets grid-template-columns CSS"
+			},
+			{
+				attr: "sticky-header",
+				type: "boolean"
+			}
+		],
+		methods: []
 	},
 	{
 		a2uiType: "Progress",
@@ -385,17 +1054,49 @@ const k = new re([
 		propertyMap: {
 			value: "value",
 			max: "max"
-		}
+		},
+		events: [],
+		properties: [{
+			attr: "value",
+			type: "number",
+			reactive: !0
+		}, {
+			attr: "max",
+			type: "number"
+		}],
+		methods: []
 	},
 	{
 		a2uiType: "Breadcrumb",
 		nativeTag: "n-breadcrumb",
-		childStrategy: "children"
+		childStrategy: "children",
+		events: [],
+		properties: [],
+		methods: []
 	},
 	{
 		a2uiType: "Toast",
 		nativeTag: "n-toast",
-		childStrategy: "textContent"
+		childStrategy: "textContent",
+		events: [{
+			event: "native:dismiss",
+			description: "Fires when the toast dismiss button is clicked."
+		}],
+		properties: [
+			{
+				attr: "message",
+				type: "string"
+			},
+			{
+				attr: "dismissible",
+				type: "boolean"
+			},
+			{
+				attr: "intent",
+				type: "'info' | 'success' | 'warning' | 'danger'"
+			}
+		],
+		methods: []
 	}
 ], {
 	Text: "display",
@@ -431,17 +1132,23 @@ const k = new re([
 	AudioPlayer: "media",
 	Table: "data",
 	Toast: "feedback"
-}), ie = k;
-function A(e) {
-	return k.resolveNativeTag(e);
+}), re = A;
+function j(e) {
+	return A.resolveNativeTag(e);
+}
+function M(e, t) {
+	return A.resolveA2UIType(e, t);
 }
-function j(e, t) {
-	return k.resolveA2UIType(e, t);
+function N() {
+	return A.getSupportedTypes();
 }
-function M() {
-	return k.getSupportedTypes();
+function ie(e) {
+	return A.getComponentCategory(e);
 }
-var ae = {
+function ae(e) {
+	return A.getCompatibleTypes(e);
+}
+var oe = {
 	h1: "h1",
 	h2: "h2",
 	h3: "h3",
@@ -455,16 +1162,16 @@ var ae = {
 * For A2UI Text components, resolve the variant to an HTML tag.
 * Returns 'span' by default.
 */
-function oe(e) {
-	return e ? ae[e] ?? "span" : "span";
+function se(e) {
+	return e ? oe[e] ?? "span" : "span";
 }
 /**
 * For A2UI DateTimeInput components, resolve enableDate/enableTime to HTML input type.
 */
-function se(e, t) {
+function ce(e, t) {
 	return e && t ? "datetime-local" : t && !e ? "time" : "date";
 }
-var ce = {
+var le = {
 	number: "number",
 	obscured: "password",
 	shortText: "text",
@@ -473,8 +1180,8 @@ var ce = {
 /**
 * For A2UI TextField components, resolve the variant to an HTML input type attribute.
 */
-function le(e) {
-	return e ? ce[e] ?? "text" : "text";
+function ue(e) {
+	return e ? le[e] ?? "text" : "text";
 }
 /**
 * A2UI Converter
@@ -482,12 +1189,12 @@ function le(e) {
 * Bidirectional conversion between A2UI flat adjacency lists
 * and native-ui nested UINode trees.
 */
-var ue = 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.header.footer".split(".")), de = new Set([
+var de = 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.header.footer".split(".")), fe = new Set([
 	"Header",
 	"Body",
 	"Footer"
 ]);
-function N(e, t) {
+function P(e, t) {
 	if (e.length === 0) return {
 		root: {
 			id: "empty-root",
@@ -519,7 +1226,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,
@@ -527,7 +1234,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",
@@ -547,7 +1254,7 @@ function P(e, t, n, r, i, a, o = A) {
 		textContent: s.text ?? `[Unknown: ${s.component}]`
 	};
 	let l = c.nativeTag;
-	s.component === "Text" && s.variant && (l = oe(s.variant));
+	s.component === "Text" && s.variant && (l = se(s.variant));
 	let u = {};
 	if (u["data-a2ui"] = s.component, c.defaultAttributes && Object.assign(u, c.defaultAttributes), s.variant && c.variantMap) {
 		let e = c.variantMap[s.variant];
@@ -564,10 +1271,10 @@ function P(e, t, n, r, i, a, o = A) {
 		} else u[n] = String(i);
 	}
 	if (s.disabled && (u.disabled = ""), s.accessibility?.label && (u["aria-label"] = s.accessibility.label), s.component === "TextField") {
-		let e = le(s.variant);
+		let e = ue(s.variant);
 		e !== "text" && (u.type = e);
 	}
-	if (s.component === "DateTimeInput" && (u.type = se(s.enableDate, s.enableTime)), (s.component === "TextField" || s.component === "DateTimeInput" || s.component === "Slider") && s.label) if (S(s.label)) {
+	if (s.component === "DateTimeInput" && (u.type = ce(s.enableDate, s.enableTime)), (s.component === "TextField" || s.component === "DateTimeInput" || s.component === "Slider") && s.label) if (S(s.label)) {
 		let t = r.get(e);
 		t || (t = [], r.set(e, t)), t.push({
 			property: "aria-label",
@@ -586,7 +1293,7 @@ function P(e, t, n, r, i, a, o = A) {
 			path: s.text.path
 		});
 	} else d = s.text;
-	for (let [e, t] of Object.entries(s)) ue.has(e) || typeof t == "string" && (u[e] = t);
+	for (let [e, t] of Object.entries(s)) de.has(e) || typeof t == "string" && (u[e] = t);
 	let f;
 	s.action?.event && c.actionEvent && (f = { [c.actionEvent]: `a2ui:${a}:${e}:${s.action.event.name}` });
 	let p, m = s.children ?? (s.child ? [s.child] : void 0);
@@ -604,7 +1311,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",
@@ -642,8 +1349,8 @@ 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 ? de.has(n.component) : !1;
-	})) p = m.map((e) => P(e, t, n, r, i, a, o));
+		return n ? fe.has(n.component) : !1;
+	})) p = m.map((e) => F(e, t, n, r, i, a, o));
 	else {
 		p = [];
 		let c = s.header ?? s.label;
@@ -657,7 +1364,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",
@@ -670,7 +1377,7 @@ 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",
@@ -718,11 +1425,11 @@ function P(e, t, n, r, i, a, o = A) {
 		...f ? { events: f } : {}
 	};
 }
-function fe(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;
+function pe(e, t) {
+	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 = {
@@ -731,7 +1438,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 = {
@@ -744,11 +1451,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 ? pe(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 ? pe(o.variantMap) : {})[r] ?? r));
+		let t = o?.propertyMap ? me(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 ? me(o.variantMap) : {})[r] ?? r));
 	}
 	if (e.events) for (let [t, n] of Object.entries(e.events)) {
 		let e = n.split(":");
@@ -756,7 +1463,7 @@ function F(e, t, n, r = j, i = A) {
 	}
 	t.push(s);
 }
-function pe(e) {
+function me(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) t[r] = n;
 	return t;
@@ -764,7 +1471,7 @@ function pe(e) {
 /**
 * Wrap a conversion result as a UIPlan.
 */
-function me(e, t = "generated") {
+function he(e, t = "generated") {
 	return Object.freeze({
 		id: f("a2ui-plan"),
 		version: 1,
@@ -779,18 +1486,18 @@ function me(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 L(e, t) {
 	if (!t || t === "/") return e;
-	let n = t.replace(/^\//, "").split("/").map(R), 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 L(e, t, n) {
+function R(e, t, n) {
 	if (!t || t === "/") return;
-	let r = t.replace(/^\//, "").split("/").map(R), 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];
@@ -798,10 +1505,10 @@ function L(e, t, n) {
 	let a = r[r.length - 1];
 	n === void 0 ? delete i[a] : i[a] = n;
 }
-function R(e) {
+function z(e) {
 	return e.replace(/~1/g, "/").replace(/~0/g, "~");
 }
-var z = class {
+var B = class {
 	#e;
 	#t;
 	#n;
@@ -851,12 +1558,12 @@ var z = 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 = me(t);
+		let n = he(t);
 		e.planId = n.id;
 		try {
 			let t = this.#e.executePlan(n, e.container);
@@ -864,7 +1571,7 @@ var z = class {
 		} catch {}
 	}
 	#l(e, t) {
-		let n = ve(e.components, t, e.surfaceId, this.#r);
+		let n = ye(e.components, t, e.surfaceId, this.#r);
 		if (n.length === 0) return;
 		this.#e.patchPlan({
 			planId: e.planId,
@@ -872,7 +1579,7 @@ var z = class {
 			source: "generated",
 			timestamp: Date.now()
 		});
-		let r = N(t, {
+		let r = P(t, {
 			surfaceId: e.surfaceId,
 			registry: this.#r
 		});
@@ -886,7 +1593,7 @@ var z = 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 ?? {} : (L(a, n, r), i.dataModel.value = a);
+		!n || n === "/" ? i.dataModel.value = r ?? {} : (R(a, n, r), i.dataModel.value = a);
 	}
 	#d(e) {
 		let { surfaceId: t } = e.deleteSurface, n = this.#i.get(t);
@@ -901,7 +1608,7 @@ var z = class {
 			let i = t.get(n);
 			if (i) for (let t of r) {
 				let n = u(() => {
-					let n = e.dataModel.value, r = I(n, t.path);
+					let n = e.dataModel.value, r = L(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);
@@ -913,7 +1620,7 @@ var z = 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 ? he(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 ? ge(a, e.dataModel.value) : void 0;
 			this.#t({ action: {
 				surfaceId: e.surfaceId,
 				sourceComponentId: r,
@@ -944,13 +1651,13 @@ var z = class {
 		for (let e of this.#i.keys()) this.#d({ deleteSurface: { surfaceId: e } });
 	}
 };
-function he(e, t) {
+function ge(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] = L(t, i.path) : n[r] = i;
 	return n;
 }
 /** A2UI properties that map to HTML attributes on the rendered element. */
-var ge = [
+var _e = [
 	"variant",
 	"placeholder",
 	"name",
@@ -963,8 +1670,8 @@ var ge = [
 	"fit",
 	"style",
 	"intent"
-], _e = ["value"];
-function ve(e, t, n, r) {
+], ve = ["value"];
+function ye(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map();
 	for (let t of e) i.set(t.id, t);
 	let a = /* @__PURE__ */ new Map();
@@ -975,9 +1682,9 @@ function ve(e, t, n, r) {
 		targetId: e
 	});
 	for (let [e, s] of a) if (!i.has(e)) {
-		let i = ye(e, t);
+		let i = be(e, t);
 		if (i) {
-			let t = N([s], {
+			let t = P([s], {
 				surfaceId: n,
 				rootId: e,
 				registry: r
@@ -993,7 +1700,7 @@ function ve(e, t, n, r) {
 		let a = i.get(e);
 		if (a) {
 			if (s.component !== a.component) {
-				let i = N(B(e, t), {
+				let i = P(xe(e, t), {
 					surfaceId: n,
 					rootId: e,
 					registry: r
@@ -1006,7 +1713,7 @@ function ve(e, t, n, r) {
 				continue;
 			}
 			if (JSON.stringify(a.children ?? a.child ?? []) !== JSON.stringify(s.children ?? s.child ?? [])) {
-				let i = N(B(e, t), {
+				let i = P(xe(e, t), {
 					surfaceId: n,
 					rootId: e,
 					registry: r
@@ -1036,7 +1743,7 @@ function ve(e, t, n, r) {
 				targetId: e,
 				name: "disabled"
 			}));
-			for (let t of ge) {
+			for (let t of _e) {
 				let n = a[t], r = s[t];
 				r !== n && (r == null || r === !1 ? o.push({
 					type: "remove-attribute",
@@ -1049,7 +1756,7 @@ function ve(e, t, n, r) {
 					value: String(r)
 				}));
 			}
-			for (let t of _e) {
+			for (let t of ve) {
 				let n = a[t], r = s[t];
 				r !== n && r !== void 0 && o.push({
 					type: "set-property",
@@ -1062,11 +1769,11 @@ function ve(e, t, n, r) {
 	}
 	return o;
 }
-function ye(e, t) {
+function be(e, t) {
 	for (let n of t) if (n.children?.includes(e) || n.child === e) return n.id;
 	return null;
 }
-function B(e, t) {
+function xe(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let e of t) n.set(e.id, e);
 	let r = [], i = /* @__PURE__ */ new Set();
@@ -1081,14 +1788,14 @@ function B(e, t) {
 	}
 	return a(e), r;
 }
-function be(e, t, n) {
-	return new z(e, t, void 0, n);
+function Se(e, t, n) {
+	return new B(e, t, void 0, n);
 }
 var V = class {
 	#e;
 	#t;
 	constructor(e, t) {
-		this.#t = t ?? {}, this.#e = new z(e, (e) => {
+		this.#t = t ?? {}, this.#e = new B(e, (e) => {
 			this.#t.onClientMessage?.(e);
 		}, (e, t) => {
 			this.#t.onRender?.(e, t);
@@ -1116,7 +1823,7 @@ var V = class {
 		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"
@@ -1141,7 +1848,7 @@ var V = class {
 		};
 		return { updateComponents: {
 			surfaceId: n,
-			components: fe(e.root, r)
+			components: pe(e.root, r)
 		} };
 	}
 	/**
@@ -1163,16 +1870,757 @@ var V = 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 xe(e, t) {
+function Ce(e, t) {
 	return new V(e, t);
 }
-var Se = class {
+/**
+* A2UI Composition Map
+*
+* Bridge between abstract A2UI schema types and native-ui primitives.
+* Sits above the Component Map — while the Component Map handles 1:1
+* mappings (A2UI type → native tag), the Composition Map handles
+* complex types that require assembling multiple primitives into a
+* coordinated template with prop delegation, state projection,
+* and event bubbling.
+*
+* The `CompositionRegistry` class provides a mutable registry with
+* change tracking via a signal. The default singleton
+* (`defaultCompositionRegistry`) preserves backward compatibility.
+*/
+var we = class e {
+	#e = /* @__PURE__ */ new Map();
+	#t;
+	constructor(e) {
+		this.#t = d(0);
+		for (let t of e) this.#e.set(t.a2uiType, t);
+	}
+	get version() {
+		return this.#t;
+	}
+	get(e) {
+		return this.#e.get(e);
+	}
+	has(e) {
+		return this.#e.has(e);
+	}
+	get size() {
+		return this.#e.size;
+	}
+	keys() {
+		return this.#e.keys();
+	}
+	values() {
+		return this.#e.values();
+	}
+	add(e) {
+		this.#e.set(e.a2uiType, e), this.#t.value++;
+	}
+	remove(e) {
+		this.#e.delete(e), this.#t.value++;
+	}
+	resolveStrategy(e, t) {
+		return this.#e.has(e) ? "composition" : t.has(e) ? "direct" : "unknown";
+	}
+	toJSON() {
+		return { compositions: Array.from(this.#e.values()) };
+	}
+	static fromJSON(t) {
+		return new e(t.compositions);
+	}
+	getAllGaps() {
+		let e = [];
+		for (let t of this.#e.values()) for (let n of t.gaps ?? []) e.push({
+			a2uiType: t.a2uiType,
+			gap: n
+		});
+		return e;
+	}
+	coverageReport(e, t) {
+		let n = [], r = [], i = [];
+		for (let a of t) {
+			let t = this.resolveStrategy(a, e);
+			t === "direct" ? n.push(a) : t === "composition" ? r.push(a) : i.push(a);
+		}
+		return {
+			direct: n,
+			composed: r,
+			unresolved: i,
+			gapCount: this.getAllGaps().length
+		};
+	}
+};
+function Te(e, t, n) {
+	let r = t.resolveStrategy(e, n);
+	return r === "direct" ? {
+		strategy: "direct",
+		mapping: n.get(e)
+	} : r === "composition" ? {
+		strategy: "composition",
+		spec: t.get(e)
+	} : {
+		strategy: "unknown",
+		type: e
+	};
+}
+const Ee = new we([
+	{
+		a2uiType: "SearchInput",
+		description: "Text field with integrated clear button for search workflows.",
+		mappingStatus: "none",
+		template: {
+			role: "root",
+			primitiveType: "Row",
+			staticProps: {
+				gap: "sm",
+				align: "center"
+			},
+			children: [{
+				role: "search-input",
+				primitiveType: "TextField"
+			}, {
+				role: "clear-button",
+				primitiveType: "Button",
+				staticProps: { variant: "ghost" }
+			}]
+		},
+		propDelegation: [{
+			from: "placeholder",
+			toRole: "search-input",
+			toProp: "placeholder",
+			transform: "direct"
+		}, {
+			from: "value",
+			toRole: "search-input",
+			toProp: "value",
+			transform: "direct"
+		}],
+		stateProjection: [
+			{
+				compositeState: "idle",
+				childStates: { "search-input": "enabled" },
+				description: "Default state, input is editable."
+			},
+			{
+				compositeState: "searching",
+				childStates: { "search-input": "disabled" },
+				description: "Search in progress, input is disabled."
+			},
+			{
+				compositeState: "empty",
+				childStates: { "clear-button": "hidden" },
+				description: "No search value, clear button is hidden."
+			}
+		],
+		eventBubbling: [{
+			fromRole: "search-input",
+			fromEvent: "native:input",
+			toAction: "onSearch",
+			payloadStrategy: "passthrough"
+		}, {
+			fromRole: "clear-button",
+			fromEvent: "native:press",
+			toAction: "onClear",
+			payloadStrategy: "passthrough"
+		}],
+		requiredStates: [
+			"idle",
+			"searching",
+			"empty"
+		],
+		gaps: [{
+			need: "Debounce behavior",
+			impact: "No built-in debounce on search input",
+			workaround: "Consumer adds debounce in event handler"
+		}]
+	},
+	{
+		a2uiType: "ActionBar",
+		description: "Horizontal bar of action buttons, typically used at the bottom of a card or panel.",
+		mappingStatus: "none",
+		template: {
+			role: "root",
+			primitiveType: "Row",
+			staticProps: {
+				gap: "sm",
+				justify: "end",
+				align: "center"
+			},
+			children: [{
+				role: "action-button",
+				primitiveType: "Button",
+				repeatFrom: "actions"
+			}]
+		},
+		propDelegation: [
+			{
+				from: "actions[n].label",
+				toRole: "action-button",
+				toProp: "label",
+				transform: "direct"
+			},
+			{
+				from: "actions[n].variant",
+				toRole: "action-button",
+				toProp: "variant",
+				transform: "variantMap"
+			},
+			{
+				from: "actions[n].disabled",
+				toRole: "action-button",
+				toProp: "disabled",
+				transform: "boolean"
+			}
+		],
+		stateProjection: [{
+			compositeState: "idle",
+			childStates: { "action-button": "enabled" },
+			description: "All actions are available."
+		}, {
+			compositeState: "submitting",
+			childStates: { "action-button": "disabled" },
+			description: "Submission in progress, all buttons disabled."
+		}],
+		eventBubbling: [{
+			fromRole: "action-button",
+			fromEvent: "native:press",
+			toAction: "onAction",
+			payloadStrategy: "index"
+		}],
+		requiredStates: ["idle", "submitting"],
+		gaps: []
+	},
+	{
+		a2uiType: "EmptyState",
+		description: "Placeholder shown when a list or area has no content, with optional icon, message, and action.",
+		mappingStatus: "none",
+		template: {
+			role: "root",
+			primitiveType: "Column",
+			staticProps: {
+				gap: "md",
+				align: "center",
+				justify: "center"
+			},
+			children: [
+				{
+					role: "empty-icon",
+					primitiveType: "Icon",
+					staticProps: { name: "magnifying-glass" }
+				},
+				{
+					role: "empty-title",
+					primitiveType: "Text",
+					staticProps: { variant: "h3" }
+				},
+				{
+					role: "empty-message",
+					primitiveType: "Text",
+					staticProps: { variant: "body" }
+				},
+				{
+					role: "empty-action",
+					primitiveType: "Button"
+				}
+			]
+		},
+		propDelegation: [
+			{
+				from: "title",
+				toRole: "empty-title",
+				toProp: "textContent",
+				transform: "direct"
+			},
+			{
+				from: "message",
+				toRole: "empty-message",
+				toProp: "textContent",
+				transform: "direct"
+			},
+			{
+				from: "icon",
+				toRole: "empty-icon",
+				toProp: "name",
+				transform: "direct"
+			},
+			{
+				from: "actionLabel",
+				toRole: "empty-action",
+				toProp: "label",
+				transform: "direct"
+			}
+		],
+		stateProjection: [{
+			compositeState: "visible",
+			childStates: { root: "visible" },
+			description: "Empty state is displayed."
+		}, {
+			compositeState: "hidden",
+			childStates: { root: "hidden" },
+			description: "Content is present, empty state is hidden."
+		}],
+		eventBubbling: [{
+			fromRole: "empty-action",
+			fromEvent: "native:press",
+			toAction: "onAction",
+			payloadStrategy: "passthrough"
+		}],
+		requiredStates: ["visible", "hidden"],
+		gaps: []
+	},
+	{
+		a2uiType: "PageHeader",
+		description: "Top-of-page header with title, optional breadcrumb, and action buttons.",
+		mappingStatus: "none",
+		template: {
+			role: "root",
+			primitiveType: "Row",
+			staticProps: {
+				justify: "space-between",
+				align: "center"
+			},
+			children: [{
+				role: "title-area",
+				primitiveType: "Column",
+				children: [{
+					role: "title-text",
+					primitiveType: "Text",
+					staticProps: { variant: "h1" }
+				}, {
+					role: "breadcrumb",
+					primitiveType: "Breadcrumb"
+				}]
+			}, {
+				role: "actions-area",
+				primitiveType: "Row",
+				staticProps: { gap: "sm" },
+				children: [{
+					role: "action-button",
+					primitiveType: "Button",
+					repeatFrom: "actions"
+				}]
+			}]
+		},
+		propDelegation: [
+			{
+				from: "title",
+				toRole: "title-text",
+				toProp: "textContent",
+				transform: "direct"
+			},
+			{
+				from: "breadcrumbs",
+				toRole: "breadcrumb",
+				toProp: "children",
+				transform: "direct"
+			},
+			{
+				from: "actions[n].label",
+				toRole: "action-button",
+				toProp: "label",
+				transform: "direct"
+			},
+			{
+				from: "actions[n].variant",
+				toRole: "action-button",
+				toProp: "variant",
+				transform: "variantMap"
+			}
+		],
+		stateProjection: [{
+			compositeState: "visible",
+			childStates: {
+				root: "visible",
+				"action-button": "enabled"
+			},
+			description: "Page header is visible, actions are enabled."
+		}, {
+			compositeState: "loading",
+			childStates: { "action-button": "disabled" },
+			description: "Page is loading, action buttons are disabled."
+		}],
+		eventBubbling: [{
+			fromRole: "action-button",
+			fromEvent: "native:press",
+			toAction: "onAction",
+			payloadStrategy: "index"
+		}],
+		requiredStates: ["visible", "loading"],
+		gaps: []
+	},
+	{
+		a2uiType: "ConfirmationDialog",
+		description: "Modal dialog asking the user to confirm or cancel a destructive or important action.",
+		mappingStatus: "none",
+		template: {
+			role: "root",
+			primitiveType: "Modal",
+			children: [{
+				role: "content",
+				primitiveType: "Column",
+				staticProps: { gap: "md" },
+				children: [
+					{
+						role: "title",
+						primitiveType: "Text",
+						staticProps: { variant: "h3" }
+					},
+					{
+						role: "message",
+						primitiveType: "Text",
+						staticProps: { variant: "body" }
+					},
+					{
+						role: "button-row",
+						primitiveType: "Row",
+						staticProps: {
+							gap: "sm",
+							justify: "end"
+						},
+						children: [{
+							role: "cancel-button",
+							primitiveType: "Button",
+							staticProps: { variant: "ghost" }
+						}, {
+							role: "confirm-button",
+							primitiveType: "Button",
+							staticProps: { variant: "primary" }
+						}]
+					}
+				]
+			}]
+		},
+		propDelegation: [
+			{
+				from: "title",
+				toRole: "title",
+				toProp: "textContent",
+				transform: "direct"
+			},
+			{
+				from: "message",
+				toRole: "message",
+				toProp: "textContent",
+				transform: "direct"
+			},
+			{
+				from: "confirmLabel",
+				toRole: "confirm-button",
+				toProp: "label",
+				transform: "direct"
+			},
+			{
+				from: "cancelLabel",
+				toRole: "cancel-button",
+				toProp: "label",
+				transform: "direct"
+			}
+		],
+		stateProjection: [
+			{
+				compositeState: "hidden",
+				childStates: { root: "closed" },
+				description: "Dialog is not visible."
+			},
+			{
+				compositeState: "visible",
+				childStates: {
+					root: "open",
+					"confirm-button": "enabled",
+					"cancel-button": "enabled"
+				},
+				description: "Dialog is open, buttons are interactive."
+			},
+			{
+				compositeState: "submitting",
+				childStates: {
+					"confirm-button": "disabled",
+					"cancel-button": "disabled"
+				},
+				description: "Confirmation in progress, buttons are disabled."
+			}
+		],
+		eventBubbling: [
+			{
+				fromRole: "confirm-button",
+				fromEvent: "native:press",
+				toAction: "onConfirm",
+				payloadStrategy: "passthrough"
+			},
+			{
+				fromRole: "cancel-button",
+				fromEvent: "native:press",
+				toAction: "onCancel",
+				payloadStrategy: "passthrough"
+			},
+			{
+				fromRole: "root",
+				fromEvent: "native:dismiss",
+				toAction: "onDismiss",
+				payloadStrategy: "passthrough"
+			}
+		],
+		requiredStates: [
+			"hidden",
+			"visible",
+			"submitting"
+		],
+		gaps: [{
+			need: "Modal open/close method",
+			impact: "No declarative open/close attribute on n-dialog — requires imperative showModal()/close()",
+			workaround: "Consumer calls element.showModal() and element.close() directly"
+		}]
+	},
+	{
+		a2uiType: "ErrorBanner",
+		description: "Inline error banner with icon, message text, and optional action button.",
+		mappingStatus: "none",
+		template: {
+			role: "root",
+			primitiveType: "Row",
+			staticProps: {
+				gap: "sm",
+				align: "center"
+			},
+			children: [
+				{
+					role: "error-icon",
+					primitiveType: "Icon",
+					staticProps: { name: "warning" }
+				},
+				{
+					role: "error-message",
+					primitiveType: "Text",
+					staticProps: { variant: "body" }
+				},
+				{
+					role: "action-button",
+					primitiveType: "Button",
+					staticProps: { variant: "ghost" }
+				}
+			]
+		},
+		propDelegation: [
+			{
+				from: "message",
+				toRole: "error-message",
+				toProp: "textContent",
+				transform: "direct"
+			},
+			{
+				from: "actionLabel",
+				toRole: "action-button",
+				toProp: "label",
+				transform: "direct"
+			},
+			{
+				from: "icon",
+				toRole: "error-icon",
+				toProp: "name",
+				transform: "direct"
+			}
+		],
+		stateProjection: [{
+			compositeState: "visible",
+			childStates: { root: "visible" },
+			description: "Error banner is displayed."
+		}, {
+			compositeState: "hidden",
+			childStates: { root: "hidden" },
+			description: "Error banner is not displayed."
+		}],
+		eventBubbling: [{
+			fromRole: "action-button",
+			fromEvent: "native:press",
+			toAction: "onAction",
+			payloadStrategy: "passthrough"
+		}],
+		requiredStates: ["visible", "hidden"],
+		gaps: []
+	},
+	{
+		a2uiType: "SuccessToast",
+		description: "Transient success notification toast with auto-dismiss.",
+		mappingStatus: "partial",
+		template: {
+			role: "root",
+			primitiveType: "Toast",
+			staticProps: { intent: "success" }
+		},
+		propDelegation: [{
+			from: "message",
+			toRole: "root",
+			toProp: "message",
+			transform: "direct"
+		}],
+		stateProjection: [{
+			compositeState: "visible",
+			childStates: { root: "visible" },
+			description: "Toast is shown."
+		}, {
+			compositeState: "hidden",
+			childStates: { root: "hidden" },
+			description: "Toast is dismissed."
+		}],
+		eventBubbling: [{
+			fromRole: "root",
+			fromEvent: "native:dismiss",
+			toAction: "onDismiss",
+			payloadStrategy: "passthrough"
+		}],
+		requiredStates: ["visible", "hidden"],
+		gaps: []
+	},
+	{
+		a2uiType: "ErrorDialog",
+		description: "Modal dialog displaying an error with icon, title, message, and action buttons.",
+		mappingStatus: "none",
+		template: {
+			role: "root",
+			primitiveType: "Modal",
+			children: [{
+				role: "content",
+				primitiveType: "Column",
+				staticProps: { gap: "md" },
+				children: [
+					{
+						role: "error-icon",
+						primitiveType: "Icon",
+						staticProps: { name: "warning-circle" }
+					},
+					{
+						role: "title",
+						primitiveType: "Text",
+						staticProps: { variant: "h3" }
+					},
+					{
+						role: "message",
+						primitiveType: "Text",
+						staticProps: { variant: "body" }
+					},
+					{
+						role: "button-row",
+						primitiveType: "Row",
+						staticProps: {
+							gap: "sm",
+							justify: "end"
+						},
+						children: [{
+							role: "action-button",
+							primitiveType: "Button",
+							repeatFrom: "actions"
+						}]
+					}
+				]
+			}]
+		},
+		propDelegation: [
+			{
+				from: "title",
+				toRole: "title",
+				toProp: "textContent",
+				transform: "direct"
+			},
+			{
+				from: "message",
+				toRole: "message",
+				toProp: "textContent",
+				transform: "direct"
+			},
+			{
+				from: "actions[n].label",
+				toRole: "action-button",
+				toProp: "label",
+				transform: "direct"
+			},
+			{
+				from: "actions[n].variant",
+				toRole: "action-button",
+				toProp: "variant",
+				transform: "variantMap"
+			}
+		],
+		stateProjection: [
+			{
+				compositeState: "hidden",
+				childStates: { root: "closed" },
+				description: "Dialog is not visible."
+			},
+			{
+				compositeState: "visible",
+				childStates: {
+					root: "open",
+					"action-button": "enabled"
+				},
+				description: "Dialog is open, action buttons are enabled."
+			},
+			{
+				compositeState: "submitting",
+				childStates: { "action-button": "disabled" },
+				description: "Action in progress, buttons are disabled."
+			}
+		],
+		eventBubbling: [{
+			fromRole: "action-button",
+			fromEvent: "native:press",
+			toAction: "onAction",
+			payloadStrategy: "index"
+		}, {
+			fromRole: "root",
+			fromEvent: "native:dismiss",
+			toAction: "onDismiss",
+			payloadStrategy: "passthrough"
+		}],
+		requiredStates: [
+			"hidden",
+			"visible",
+			"submitting"
+		],
+		gaps: [{
+			need: "Modal open/close method",
+			impact: "No declarative open/close attribute on n-dialog — requires imperative showModal()/close()",
+			workaround: "Consumer calls element.showModal() and element.close() directly"
+		}]
+	},
+	{
+		a2uiType: "LoadingIndicator",
+		description: "Progress indicator for loading states, maps to the native Progress primitive.",
+		mappingStatus: "partial",
+		template: {
+			role: "root",
+			primitiveType: "Progress"
+		},
+		propDelegation: [{
+			from: "value",
+			toRole: "root",
+			toProp: "value",
+			transform: "direct"
+		}, {
+			from: "max",
+			toRole: "root",
+			toProp: "max",
+			transform: "direct"
+		}],
+		stateProjection: [{
+			compositeState: "active",
+			childStates: { root: "visible" },
+			description: "Loading indicator is visible and active."
+		}, {
+			compositeState: "hidden",
+			childStates: { root: "hidden" },
+			description: "Loading is complete, indicator is hidden."
+		}],
+		eventBubbling: [],
+		requiredStates: ["active", "hidden"],
+		gaps: []
+	}
+]), De = Ee;
+var Oe = class {
 	#e;
 	#t;
 	#n;
@@ -1237,7 +2685,7 @@ var Se = class {
 			this.#o = null, this.#i !== "closed" && this.connect();
 		}, n);
 	}
-}, Ce = class {
+}, ke = class {
 	#e;
 	#t;
 	#n;
@@ -1297,13 +2745,13 @@ var Se = class {
 		this.#i !== e && (this.#i = e, this.#n.onStateChange?.(e));
 	}
 };
-function we(e, t, n) {
-	return new Se(e, t, n);
+function Ae(e, t, n) {
+	return new Oe(e, t, n);
 }
-function Te(e, t, n) {
-	return new Ce(e, t, n);
+function je(e, t, n) {
+	return new ke(e, t, n);
 }
-function Ee(e, t) {
+function Me(e, t) {
 	e.use("a2ui", () => new V(e, t));
 }
 var H = new Set([
@@ -1317,7 +2765,7 @@ var H = new Set([
 * Find top-level `{}` blocks using brace-counting with string-escape awareness.
 * Same algorithm as the workbench's `#getEnvelopes()` method.
 */
-function De(e) {
+function Ne(e) {
 	let t = [], n = 0, r = -1, i = !1, a = !1;
 	for (let o = 0; o < e.length; o++) {
 		let s = e[o];
@@ -1350,8 +2798,8 @@ function De(e) {
 * const ext = linter(a2uiLinter);
 * ```
 */
-function Oe(e) {
-	let t = e.state.doc.toString(), n = [], r = De(t), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = [], s = /* @__PURE__ */ new Map();
+function Pe(e) {
+	let t = e.state.doc.toString(), n = [], r = Ne(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 {
@@ -1452,7 +2900,7 @@ function Oe(e) {
 	}
 	return n;
 }
-const ke = [
+const Fe = [
 	{
 		id: "general",
 		label: "General"
@@ -8862,7 +10310,7 @@ var W = [
 	"js",
 	"components",
 	"schema"
-], Ae = {
+], Ie = {
 	"json-in": "IN",
 	"json-out": "OUT",
 	html: "HTML",
@@ -8870,7 +10318,7 @@ var W = [
 	js: "JS",
 	components: "UI",
 	schema: "SCHEMA"
-}, je = {
+}, Le = {
 	"json-in": "brackets-curly",
 	"json-out": "chat-circle-dots",
 	html: "code",
@@ -8878,21 +10326,21 @@ var W = [
 	js: "terminal",
 	components: "squares-four",
 	schema: "file-code"
-}, Me = h.define(), Ne = p.line({ class: "cm-a2ui-sent" }), Pe = p.line({ class: "cm-a2ui-next" }), Fe = g.define({
+}, Re = h.define(), ze = p.line({ class: "cm-a2ui-sent" }), Be = p.line({ class: "cm-a2ui-next" }), Ve = g.define({
 	create() {
 		return p.none;
 	},
 	update(e, t) {
-		for (let e of t.effects) if (e.is(Me)) {
+		for (let e of t.effects) if (e.is(Re)) {
 			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(Ne.range(n.line(e).from));
-			for (let e = Math.max(1, i); e <= Math.min(a, n.lines); e++) o.push(Pe.range(n.line(e).from));
+			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 p.set(o, !0);
 		}
 		return e;
 	},
 	provide: (e) => m.decorations.from(e)
-}), Ie = class extends i {
+}), He = class extends i {
 	static observedAttributes = ["stream"];
 	#e = d("");
 	#t = d(0);
@@ -8920,7 +10368,7 @@ var W = [
 	#C = /* @__PURE__ */ new Map();
 	#w = /* @__PURE__ */ new Map();
 	#T = /* @__PURE__ */ new Map();
-	#E = k.clone();
+	#E = A.clone();
 	#D = null;
 	#O = null;
 	#k = null;
@@ -8989,7 +10437,7 @@ var W = [
 			this.#m.value = r ? r + "\n\n" + n : n;
 		}), this.addEffect(() => {
 			let e = this.#s.value;
-			this.#h && (this.#h.value = e ? Le(e) : "");
+			this.#h && (this.#h.value = e ? Ue(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 = "");
@@ -9002,7 +10450,7 @@ var W = [
 				i = n[t].startLine, a = n[t].endLine;
 				break;
 			}
-			t.dispatch({ effects: Me.of({
+			t.dispatch({ effects: Re.of({
 				sentUpToLine: r,
 				nextFromLine: i,
 				nextToLine: a
@@ -9015,7 +10463,7 @@ var W = [
 		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() {
-		x(), this.#D = new b({ allowUnregistered: !0 }), this.#O = xe(this.#D, {
+		x(), this.#D = new b({ allowUnregistered: !0 }), this.#O = Ce(this.#D, {
 			registry: this.#E,
 			onClientMessage: (e) => {
 				this.#se("received", e);
@@ -9057,7 +10505,7 @@ var W = [
 		} catch {
 			return;
 		}
-		!t || typeof t != "object" || (this.#E = re.fromJSON(t), this.#L(), this.#v && this.#fe(this.#v, this.#l.value));
+		!t || typeof t != "object" || (this.#E = k.fromJSON(t), this.#L(), this.#v && this.#fe(this.#v, this.#l.value));
 	}
 	#z() {
 		let e = this.#y;
@@ -9067,7 +10515,7 @@ var W = [
 		} 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;
@@ -9233,7 +10681,7 @@ var W = [
 		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 ke) {
+		for (let e of Fe) {
 			if ("hidden" in e && e.hidden) continue;
 			let t = Object.entries(U).filter(([t, n]) => n.group === e.id);
 			if (t.length === 0) continue;
@@ -9248,7 +10696,7 @@ var W = [
 		n.appendChild(i), n.addEventListener("native:change", this.#be), t.appendChild(n);
 		for (let e of W) {
 			let n = document.createElement("n-button");
-			n.setAttribute("variant", "ghost"), n.setAttribute("size", "sm"), n.textContent = Ae[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 = 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);
 		}
 		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;
@@ -9266,9 +10714,9 @@ var 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"), r = document.createElement("nav"), i = document.createElement("n-icon");
-			i.setAttribute("name", je[e]), r.appendChild(i), n.appendChild(r);
+			i.setAttribute("name", Le[e]), r.appendChild(i), n.appendChild(r);
 			let a = document.createElement("span");
-			a.textContent = Ae[e], n.appendChild(a);
+			a.textContent = Ie[e], n.appendChild(a);
 			let o = document.createElement("aside");
 			if (e === "js" || e === "html" || e === "css") {
 				let t = document.createElement("n-button");
@@ -9286,8 +10734,8 @@ var W = [
 				i.addEventListener("native:press", this.#Ce);
 				let a = this.#Q("Play all", "play", !0);
 				a.dataset.role = "run", a.addEventListener("native:press", this.#Se);
-				let o = document.createElement("div");
-				o.className = "divider", o.setAttribute("orientation", "vertical");
+				let o = document.createElement("n-divider");
+				o.setAttribute("orientation", "vertical");
 				let s = this.#Q("Insert createSurface", "plus-circle");
 				s.addEventListener("native:press", this.#Ee("createSurface"));
 				let c = this.#Q("Insert updateComponents", "squares-four");
@@ -9304,8 +10752,8 @@ var W = [
 				n.addEventListener("native:press", () => this.#R());
 				let r = this.#Q("Format JSON", "text-align-left");
 				r.addEventListener("native:press", () => this.#z());
-				let i = document.createElement("div");
-				i.className = "divider", i.setAttribute("orientation", "vertical");
+				let i = document.createElement("n-divider");
+				i.setAttribute("orientation", "vertical");
 				let a = this.#Q("Reset to defaults", "arrow-counter-clockwise");
 				a.addEventListener("native:press", () => this.#B()), e.append(n, r, i, a), t.appendChild(e);
 			}
@@ -9338,8 +10786,8 @@ var W = [
 		if (!this.#p) return;
 		this.#p.value = this.#e.value, this.#p.extensions = [
 			v(),
-			Fe,
-			y(Oe)
+			Ve,
+			y(Pe)
 		], this.#p.addEventListener("native:input", (e) => {
 			this.#e.value = e.detail.value;
 		});
@@ -9755,7 +11203,7 @@ var W = [
 		} else if (e === "html") {
 			if (!this.#h) return;
 			let e = this.#s.value;
-			this.#h.value = e ? Le(e) : "";
+			this.#h.value = e ? Ue(e) : "";
 		} else if (e === "css") {
 			if (!this.#g) return;
 			let e = this.#c.value;
@@ -9767,7 +11215,7 @@ var W = [
 		t.has(e) ? t.delete(e) : t.add(e), this.#n.value = t;
 	};
 };
-function Le(e) {
+function Ue(e) {
 	let t = "", n = 0, r = 0;
 	for (; r < e.length;) if (e[r] === "<") {
 		let i = e.indexOf(">", r);
@@ -9782,7 +11230,7 @@ function Le(e) {
 	}
 	return t.trimEnd();
 }
-var Re = class {
+var We = class {
 	#e = /* @__PURE__ */ new Set();
 	/** Emit an interaction event to all subscribers. */
 	emit(e) {
@@ -9798,7 +11246,7 @@ var Re = class {
 	destroy() {
 		this.#e.clear();
 	}
-}, ze = class {
+}, Ge = class {
 	id;
 	agentId;
 	catalog;
@@ -9810,7 +11258,7 @@ var Re = class {
 	#i;
 	#a = /* @__PURE__ */ new Map();
 	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 Re(), this.#e = new V(e, {
+		this.id = f("session"), this.agentId = n.agentId, this.catalog = n.catalog, this.#t = t, this.#i = new Set(n.surfaces ?? []), this.eventEmitter = new We(), this.#e = new V(e, {
 			onClientMessage: (e) => {
 				if (ee(e)) {
 					let t = e.action, n = {
@@ -9846,7 +11294,7 @@ var Re = class {
 		if (this.#n === "terminated") return;
 		let t = typeof e == "string" ? O(e) : e;
 		if (!t) return;
-		let n = Be(t);
+		let n = Ke(t);
 		if (n && !this.#i.has(n) && !this.#t.isOwner(n, this)) {
 			this.#s("catalog-violation", n, "");
 			return;
@@ -9884,13 +11332,13 @@ var Re = class {
 		if (n) for (let e of n) e(...t);
 	}
 };
-function Be(e) {
+function Ke(e) {
 	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 Ve = class {
+var qe = class {
 	#e = /* @__PURE__ */ new Map();
 	#t = /* @__PURE__ */ new Set();
 	#n = /* @__PURE__ */ new Set();
@@ -9970,7 +11418,7 @@ var Ve = class {
 	destroy() {
 		this.#e.clear(), this.#t.clear(), this.#n.clear();
 	}
-}, He = class {
+}, Je = class {
 	#e;
 	constructor(e) {
 		let t = /* @__PURE__ */ new Map();
@@ -10019,12 +11467,12 @@ var Ve = class {
 		});
 	}
 };
-function Ue(e) {
+function Ye(e) {
 	return {
 		a2uiType: e.a2uiType,
 		tagName: e.nativeTag,
-		properties: e.propertyMap ? Object.keys(e.propertyMap) : [],
-		events: e.actionEvent ? [e.actionEvent] : []
+		properties: e.properties ? e.properties.map((e) => e.attr) : e.propertyMap ? Object.keys(e.propertyMap) : [],
+		events: e.events ? e.events.map((e) => e.event) : e.actionEvent ? [e.actionEvent] : []
 	};
 }
 /**
@@ -10034,21 +11482,21 @@ function Ue(e) {
 */
 function G(e = "core-only") {
 	let t = [];
-	for (let [n, r] of ie) e === "core-only" && r.nativeTag.startsWith("native-dashboard-") || t.push(Ue(r));
-	return new He(t);
+	for (let [n, r] of re) e === "core-only" && r.nativeTag.startsWith("native-dashboard-") || t.push(Ye(r));
+	return new Je(t);
 }
-var We = class {
+var Xe = class {
 	surfaces;
 	#e;
 	#t = /* @__PURE__ */ new Map();
 	constructor(e) {
-		this.#e = e, this.surfaces = new Ve();
+		this.#e = e, this.surfaces = new qe();
 	}
 	/** Create a new agent session with the given configuration. */
 	createSession(e) {
 		let t;
 		t = e.catalog === "full" ? G("full") : e.catalog === "core-only" ? G("core-only") : e.catalog;
-		let n = new ze(this.#e, this.surfaces, {
+		let n = new Ge(this.#e, this.surfaces, {
 			agentId: e.agentId,
 			catalog: t,
 			surfaces: e.surfaces
@@ -10087,7 +11535,7 @@ var We = class {
 	destroy() {
 		this.terminateAll(), this.surfaces.destroy();
 	}
-}, Ge = class {
+}, Ze = class {
 	type = "direct";
 	#e;
 	#t = null;
@@ -10124,7 +11572,7 @@ var We = class {
 	async disconnect() {
 		this.#r?.(), this.#r = null, this.#n && this.#t && this.#t.sessionManager.terminateSession(this.#n.id), this.#n = null, this.#t = null;
 	}
-}, Ke = class {
+}, Qe = class {
 	type = "a2a";
 	#e;
 	#t = null;
@@ -10186,7 +11634,7 @@ var We = class {
 			});
 		} catch {}
 	}
-}, qe = class {
+}, $e = class {
 	type = "ag-ui";
 	#e;
 	#t = null;
@@ -10225,7 +11673,7 @@ var We = class {
 		}
 		e.type === "RUN_FINISHED" || e.type;
 	}
-}, Je = class extends i {
+}, et = class extends i {
 	static observedAttributes = [
 		"disabled",
 		"busy",
@@ -10298,10 +11746,10 @@ var We = class {
 		this.removeEventListener("native:input", this.#c), this.removeEventListener("native:press", this.#l), this.removeEventListener("keydown", this.#f), this.removeEventListener("focusin", this.#u), this.removeEventListener("focusout", this.#d), this.#r = null, this.#i = null, super.teardown();
 	}
 	#a() {
-		this.#r = this.querySelector(":scope > n-textarea"), this.#i = this.querySelector("[data-submit]") ?? this.#o();
+		this.#r = this.querySelector(":scope > n-textarea") ?? this.querySelector(":scope > n-chat-input-prompt > n-textarea"), this.#i = this.querySelector("[data-submit]") ?? this.#o();
 	}
 	#o() {
-		let e = this.querySelector(":scope > n-chat-input-actions");
+		let e = this.querySelector(":scope > n-chat-input-actions, :scope > n-toolbar") ?? this.querySelector(":scope > n-chat-input-prompt > n-chat-input-actions, :scope > n-chat-input-prompt > n-toolbar");
 		if (!e) return null;
 		let t = e.querySelectorAll("n-button[variant=\"primary\"]");
 		return t.length ? t[t.length - 1] : null;
@@ -10334,7 +11782,7 @@ var We = class {
 		let t = e;
 		if (t.isComposing) return;
 		let n = t.target;
-		!this.#r?.contains(n) && n !== this.#r || t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && (t.preventDefault(), this.value.trim() && this.#p());
+		!this.#r?.contains(n) && n !== this.#r || t.key === "Enter" && (t.metaKey || t.ctrlKey) && !t.shiftKey && (t.preventDefault(), this.value.trim() && this.#p());
 	};
 	#p() {
 		let e = this.value.trim();
@@ -10355,7 +11803,7 @@ var We = class {
 			})) && !this.hasAttribute("no-auto-clear") && (this.value = "", this.#i?.setAttribute("disabled", ""));
 		}
 	}
-}, Ye = class extends i {
+}, tt = class extends et {}, nt = class extends i {
 	static MAX_CONTEXT_MESSAGES = 50;
 	static observedAttributes = [
 		"show-stop",
@@ -10874,7 +12322,7 @@ var We = class {
 	#B() {
 		this.#b &&= (this.#b.removeEventListener("native:change", this.#M), this.#b.remove(), null), this.#x = null;
 	}
-}, Xe = 40, Ze = class extends i {
+}, rt = 40, it = class extends i {
 	static observedAttributes = [
 		"auto-scroll",
 		"scrollable",
@@ -10983,7 +12431,7 @@ var We = class {
 		}
 	}
 	#f = () => {
-		let e = this.#n.value, t = this.scrollTop + this.clientHeight >= this.scrollHeight - Xe;
+		let e = this.#n.value, t = this.scrollTop + this.clientHeight >= this.scrollHeight - rt;
 		this.#n.value = t, t !== e && this.dispatchEvent(new CustomEvent("native:feed-scroll", {
 			bubbles: !0,
 			composed: !0,
@@ -11001,7 +12449,7 @@ var We = class {
 			});
 		});
 	};
-}, Qe = class extends i {
+}, at = class extends i {
 	static observedAttributes = [
 		"src",
 		"name",
@@ -11041,7 +12489,7 @@ var We = class {
 			}
 			if (n) {
 				let e = document.createElement("span");
-				e.className = "n-chat-avatar-initials", e.textContent = $e(n), e.setAttribute("aria-hidden", "true"), this.appendChild(e);
+				e.className = "n-chat-avatar-initials", e.textContent = ot(n), e.setAttribute("aria-hidden", "true"), this.appendChild(e);
 				return;
 			}
 			let r = document.createElement("n-icon");
@@ -11052,11 +12500,11 @@ var We = class {
 		this.textContent = "", super.teardown();
 	}
 };
-function $e(e) {
+function ot(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 et = {
+const st = {
 	copy: {
 		label: "Copy",
 		icon: "copy"
@@ -11081,7 +12529,7 @@ const et = {
 		label: "Continue",
 		icon: "arrow-right"
 	}
-}, tt = {
+}, ct = {
 	assistant: [
 		"copy",
 		"retry",
@@ -11106,7 +12554,7 @@ const et = {
 * @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 nt = class extends i {
+var lt = class extends i {
 	static observedAttributes = [
 		"data-role",
 		"message-id",
@@ -11225,12 +12673,12 @@ var nt = class extends i {
 	#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) : tt[e] ?? [], i === "partial" && !a.includes("continue") && (a = [...a, "continue"]), a.length === 0) return;
+		if (a = t ? t.split(",").map((e) => e.trim()).filter(Boolean) : ct[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 = et[e];
-			t && o.appendChild(rt(e, t, n));
+			let t = st[e];
+			t && o.appendChild(ut(e, t, n));
 		}
 		if (o.children.length !== 0) {
 			if (o.addEventListener("native:press", this.#m), r === "below") {
@@ -11263,7 +12711,7 @@ var nt = class extends i {
 		}
 	};
 };
-function rt(e, t, n) {
+function ut(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");
@@ -11300,7 +12748,7 @@ function rt(e, t, n) {
 * @attr {string} sender - Display name of the sender
 * @attr {string} avatar-align - `"top"` | `"center"` | `"bottom"` (default) — avatar vertical alignment
 */
-var it = class extends i {
+var dt = class extends i {
 	static observedAttributes = [
 		"data-role",
 		"sender",
@@ -11343,7 +12791,7 @@ var it = class extends i {
 		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));
 		this.appendChild(e), this.appendChild(t), this.#t = e, this.#n = t;
 	}
-}, at = class extends i {
+}, ft = class extends i {
 	static observedAttributes = ["format"];
 	#e = d("markdown");
 	#t = d("");
@@ -11369,7 +12817,7 @@ var it = class extends i {
 			!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 = st(J(e)));
+					this.#n && (this.#n.innerHTML = mt(J(e)));
 				})));
 			});
 		});
@@ -11377,7 +12825,7 @@ var it = class extends i {
 	teardown() {
 		cancelAnimationFrame(this.#r), this.#n = null, super.teardown();
 	}
-}, ot = new Set([
+}, pt = new Set([
 	"p",
 	"br",
 	"strong",
@@ -11456,10 +12904,10 @@ function J(e) {
 	return n.join("");
 }
 /** Sanitize rendered HTML — strip any tags not in allowlist. */
-function st(e) {
+function mt(e) {
 	return e.replace(/<\/?([a-zA-Z][a-zA-Z0-9]*)[^>]*>/g, (e, t) => {
 		let n = t.toLowerCase();
-		return ot.has(n) ? e : "";
+		return pt.has(n) ? e : "";
 	});
 }
 /**
@@ -11480,7 +12928,7 @@ function st(e) {
 * @attr {boolean} expandable - Allow click to expand trace content
 * @fires native:activity-toggle - Fired when trace is expanded/collapsed
 */
-var ct = class extends i {
+var ht = class extends i {
 	static observedAttributes = [
 		"type",
 		"label",
@@ -11538,7 +12986,7 @@ var ct = class extends i {
 			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 || lt(this.#t.value);
+			let e = this.#n.value || gt(this.#t.value);
 			this.#c.textContent = e;
 		}), this.addEffect(() => {
 			this.#u && (this.#u.hidden = !this.#r.value);
@@ -11568,7 +13016,7 @@ var ct = class extends i {
 	#h = () => {
 		if (!this.#r.value || !this.#l) return;
 		let e = performance.now() - this.#o;
-		this.#l.textContent = ut(e), this.#s = requestAnimationFrame(this.#h);
+		this.#l.textContent = _t(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", {
@@ -11578,14 +13026,14 @@ var ct = class extends i {
 		})));
 	};
 };
-function lt(e) {
+function gt(e) {
 	switch (e) {
 		case "thinking": return "Thinking…";
 		case "tool-use": return "Using tools…";
 		default: return "Host is typing…";
 	}
 }
-function ut(e) {
+function _t(e) {
 	let t = Math.floor(e / 1e3);
 	if (t < 60) return `${t}s`;
 	let n = Math.floor(t / 60), r = t % 60;
@@ -11605,7 +13053,7 @@ function ut(e) {
 * @attr {boolean} disabled - Disables all chips
 * @fires native:seed-select - Fired when a chip is clicked
 */
-var dt = class extends i {
+var vt = class extends i {
 	static observedAttributes = ["options", "disabled"];
 	#e;
 	#t = d([]);
@@ -11646,8 +13094,8 @@ var dt = 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("div");
-			t.className = "stack", t.setAttribute("direction", "row"), t.setAttribute("wrap", "");
+			let t = document.createElement("n-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) {
@@ -11677,7 +13125,7 @@ var dt = class extends i {
 			}
 		}));
 	};
-}, ft = new Set([
+}, yt = new Set([
 	"script",
 	"style",
 	"link",
@@ -11694,7 +13142,7 @@ var dt = class extends i {
 	"frame",
 	"frameset",
 	"noscript"
-]), pt = class extends i {
+]), bt = class extends i {
 	static observedAttributes = ["schema-type", "mode"];
 	#e;
 	#t = d("a2ui");
@@ -11740,7 +13188,7 @@ var dt = class extends i {
 		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 = mt(e);
+			let n = xt(e);
 			if (n.length > 0) {
 				this.#o(n), this.dispatchEvent(new CustomEvent("native:genui-error", {
 					bubbles: !0,
@@ -11804,15 +13252,15 @@ var dt = class extends i {
 		}));
 	};
 };
-function mt(e, t = 0) {
+function xt(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 (ft.has(e.tag.toLowerCase()) && n.push(`Forbidden tag: <${e.tag}>`), e.children) for (let r of e.children) n.push(...mt(r, t + 1));
+	if (yt.has(e.tag.toLowerCase()) && n.push(`Forbidden tag: <${e.tag}>`), e.children) for (let r of e.children) n.push(...xt(r, t + 1));
 	return n;
 }
 function Y(e) {
-	if (ft.has(e.tag.toLowerCase())) return null;
+	if (yt.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;
@@ -11842,7 +13290,7 @@ function Y(e) {
 * @fires native:structured-submit - Fired on submit with selections
 * @fires native:structured-cancel - Fired when dismissed without selecting
 */
-var ht = class extends i {
+var St = class extends i {
 	static observedAttributes = [
 		"question",
 		"type",
@@ -11931,8 +13379,8 @@ var ht = class extends i {
 			let t = document.createElement("div");
 			t.className = "n-chat-structured-question", t.textContent = e, this.appendChild(t);
 		}
-		let r = document.createElement("div");
-		r.className = "stack", r.setAttribute("direction", "row"), r.setAttribute("wrap", ""), r.setAttribute("role", n === "multi" ? "group" : "radiogroup");
+		let r = document.createElement("n-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) {
@@ -11983,7 +13431,7 @@ var ht = class extends i {
 * Reads `data:` lines from the response body, skips empty lines and comments,
 * handles the `[DONE]` sentinel, and accumulates the full message across chunks.
 */
-async function* gt(e) {
+async function* Ct(e) {
 	let t = e.body.getReader(), n = new TextDecoder("utf-8"), r = "", i = "";
 	try {
 		for (;;) {
@@ -12063,7 +13511,7 @@ async function* gt(e) {
 * Each non-empty line is parsed as a standalone JSON object.
 * Accumulates the full message across chunks.
 */
-async function* _t(e) {
+async function* wt(e) {
 	let t = e.body.getReader(), n = new TextDecoder("utf-8"), r = "", i = "";
 	try {
 		for (;;) {
@@ -12124,7 +13572,7 @@ async function* _t(e) {
 * Reads the entire response body, parses as JSON, and yields one chunk
 * with `done: true`.
 */
-async function* vt(e) {
+async function* Tt(e) {
 	let t = await e.json(), n = "";
 	typeof t.content == "string" ? n = t.content : typeof t.message == "string" ? n = t.message : typeof t.delta == "string" ? n = t.delta : Array.isArray(t.choices) && typeof t.choices[0]?.message?.content == "string" && (n = t.choices[0].message.content), yield {
 		delta: n,
@@ -12141,13 +13589,13 @@ async function* vt(e) {
 * - `error` — an error occurred during streaming
 * - `stopped` — consumer aborted the stream
 */
-function yt(e, t) {
+function Et(e, t) {
 	return t ? t.name === "AbortError" ? "stopped" : "error" : e.partial ? "partial" : "complete";
 }
 /**
 * Classify an HTTP status code into a transport state.
 */
-function bt(e) {
+function Dt(e) {
 	return e === 401 || e === 403 ? "auth-required" : e === 429 ? "rate-limited" : "server-error";
 }
 /**
@@ -12159,7 +13607,7 @@ function X(e, t = 1e3, n = 3e4) {
 /**
 * Detect the stream format from a Content-Type header value.
 */
-function xt(e) {
+function Ot(e) {
 	let t = e.toLowerCase();
 	return t.includes("text/event-stream") ? "sse" : t.includes("ndjson") || t.includes("x-ndjson") ? "ndjson" : "json";
 }
@@ -12168,15 +13616,15 @@ function xt(e) {
 * Response, auto-detecting the format from Content-Type when not specified.
 */
 async function* Z(e, t) {
-	switch (t ?? xt(e.headers.get("content-type") ?? "")) {
+	switch (t ?? Ot(e.headers.get("content-type") ?? "")) {
 		case "sse":
-			yield* gt(e);
+			yield* Ct(e);
 			break;
 		case "ndjson":
-			yield* _t(e);
+			yield* wt(e);
 			break;
 		case "json":
-			yield* vt(e);
+			yield* Tt(e);
 			break;
 	}
 }
@@ -12184,7 +13632,7 @@ async function* Z(e, t) {
 * Create a reusable chat transport that sends requests and returns a
 * streaming async generator. Supports retry/backoff and transport state callbacks.
 */
-function St(e) {
+function kt(e) {
 	let t = (t) => {
 		e.onStateChange?.(t);
 	}, n = e.retry?.maxAttempts ?? 1, r = e.retry?.baseDelayMs ?? 1e3, i = e.retry?.maxDelayMs ?? 3e4;
@@ -12222,13 +13670,13 @@ function St(e) {
 						retryInMs: e,
 						attempt: c + 1,
 						maxAttempts: n
-					}), await wt(e);
+					}), await jt(e);
 					continue;
 				}
 				break;
 			}
 			if (!l.ok) {
-				let e = bt(l.status);
+				let e = Dt(l.status);
 				s = /* @__PURE__ */ Error(`Chat transport error: ${l.status} ${l.statusText}`);
 				let a;
 				if (l.status === 429) {
@@ -12252,12 +13700,12 @@ function St(e) {
 						retryInMs: e,
 						attempt: c + 1,
 						maxAttempts: n
-					}), await wt(e);
+					}), await jt(e);
 					continue;
 				}
 				break;
 			}
-			return t({ state: "streaming" }), Ct(Z(l, e.format), t);
+			return t({ state: "streaming" }), At(Z(l, e.format), t);
 		}
 		throw s ?? /* @__PURE__ */ Error("Chat transport failed");
 	} };
@@ -12265,7 +13713,7 @@ function St(e) {
 /**
 * Wraps an async generator to emit `ready` state when the stream finishes.
 */
-async function* Ct(e, t) {
+async function* At(e, t) {
 	try {
 		yield* e, t({ state: "ready" });
 	} catch (e) {
@@ -12275,7 +13723,7 @@ async function* Ct(e, t) {
 		}), e;
 	}
 }
-function wt(e) {
+function jt(e) {
 	return new Promise((t) => setTimeout(t, e));
 }
 const Q = {
@@ -12285,7 +13733,7 @@ const Q = {
 	GENERATION_STOP: "native:generation-stop",
 	GENERATION_ERROR: "native:generation-error",
 	WARNING: "native:chat-warning"
-}, Tt = [
+}, Mt = [
 	"requestId",
 	"sessionId",
 	"conversationId",
@@ -12298,7 +13746,7 @@ const Q = {
 	"attempt",
 	"maxAttempts",
 	"chunkIndex"
-], Et = [
+], Nt = [
 	"query",
 	"message",
 	"delta",
@@ -12308,17 +13756,17 @@ const Q = {
 	"prompt",
 	"response"
 ];
-var Dt = /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, Ot = /\b(?:\+?\d{1,3}[-.\s]?)?\(?\d{2,4}\)?[-.\s]?\d{3,4}[-.\s]?\d{3,4}\b/g, kt = /\b(?:\d{4}[-\s]?){3}\d{4}\b/g;
+var Pt = /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, Ft = /\b(?:\+?\d{1,3}[-.\s]?)?\(?\d{2,4}\)?[-.\s]?\d{3,4}[-.\s]?\d{3,4}\b/g, It = /\b(?:\d{4}[-\s]?){3}\d{4}\b/g;
 /**
 * Scrub common PII patterns from a string.
 *
 * Replaces email addresses, phone-like numbers, and credit-card-like
 * number sequences with `[redacted]` placeholders.
 */
-function At(e) {
-	return e.replace(Dt, "[redacted:email]").replace(kt, "[redacted:card]").replace(Ot, "[redacted:phone]");
+function Lt(e) {
+	return e.replace(Pt, "[redacted:email]").replace(It, "[redacted:card]").replace(Ft, "[redacted:phone]");
 }
-var jt = new Set(Et);
+var Rt = new Set(Nt);
 /**
 * Create a default redactor for the given telemetry level.
 *
@@ -12330,7 +13778,7 @@ function $(e) {
 	return e === "debug" ? (e) => e : (e) => {
 		if (!e.detail) return e;
 		let t = {};
-		for (let [n, r] of Object.entries(e.detail)) jt.has(n) && typeof r == "string" ? t[n] = `[redacted:${r.length}chars]` : t[n] = r;
+		for (let [n, r] of Object.entries(e.detail)) Rt.has(n) && typeof r == "string" ? t[n] = `[redacted:${r.length}chars]` : t[n] = r;
 		return {
 			...e,
 			detail: t
@@ -12341,7 +13789,7 @@ function $(e) {
 * Dispatches telemetry events as `CustomEvent` instances on a given
 * `EventTarget`, applying a configurable redactor before emission.
 */
-var Mt = class {
+var zt = class {
 	#e;
 	#t;
 	constructor(e, t = "minimal") {
@@ -12401,4 +13849,4 @@ var Mt = class {
 		});
 	}
 };
-export { Ke as A2AAdapter, V as A2UIAdapter, et as ACTION_REGISTRY, qe as AGUIAdapter, Q as CHAT_EVENTS, ie as COMPONENT_MAP, Ge as DirectAdapter, Ie as NA2UI, ze as NAgentSession, He as NCatalog, Qe as NChatAvatar, Ze as NChatFeed, Je as NChatInput, ht as NChatInputStructured, nt as NChatMessage, ct as NChatMessageActivity, pt as NChatMessageGenUI, dt as NChatMessageSeed, at as NChatMessageText, it as NChatMessages, Ye as NChatPanel, Re as NEventEmitter, We as NSessionManager, Ve as NSurfaceRegistry, tt as ROLE_DEFAULTS, Tt as SAFE_FIELDS, Et as SENSITIVE_FIELDS, Ce as SSETransport, z as SurfaceManager, Mt as TelemetryEmitter, Se as WebSocketTransport, N as a2uiToUINode, X as backoffDelay, G as buildCatalogFromRegistry, bt as classifyHttpError, yt as classifyStreamEnd, me as conversionToPlan, xe as createA2UIAdapter, Z as createChatStream, St as createChatTransport, $ as createDefaultRedactor, Te as createSSETransport, be as createSurfaceManager, we as createWebSocketTransport, se as dateTimeInputType, xt as detectFormat, M as getSupportedTypes, Ee as installA2UI, ee as isActionMessage, D as isCatalogRequest, ne as isCatalogResponse, C as isCreateSurface, S as isDataBinding, E as isDeleteSurface, te as isErrorMessage, w as isUpdateComponents, T as isUpdateDataModel, vt as parseJSON, _t as parseNDJSON, gt as parseSSE, O as parseServerMessage, q as renderInline, J as renderMarkdown, j as resolveA2UIType, I as resolveJsonPointer, A as resolveNativeTag, st as sanitizeHtml, At as scrubPII, L as setJsonPointer, le as textFieldInputType, oe as textVariantTag, fe as uiNodeToA2UI };
+export { Qe as A2AAdapter, V as A2UIAdapter, st as ACTION_REGISTRY, $e as AGUIAdapter, Q as CHAT_EVENTS, re as COMPONENT_MAP, De as COMPOSITION_MAP, k as ComponentRegistry, we as CompositionRegistry, Ze as DirectAdapter, He as NA2UI, Ge as NAgentSession, Je as NCatalog, at as NChatAvatar, it as NChatFeed, et as NChatInput, tt as NChatInputAdvanced, St as NChatInputStructured, lt as NChatMessage, ht as NChatMessageActivity, bt as NChatMessageGenUI, vt as NChatMessageSeed, ft as NChatMessageText, dt as NChatMessages, nt as NChatPanel, We as NEventEmitter, Xe as NSessionManager, qe as NSurfaceRegistry, ct as ROLE_DEFAULTS, Mt as SAFE_FIELDS, Nt as SENSITIVE_FIELDS, ke as SSETransport, B as SurfaceManager, zt as TelemetryEmitter, Oe as WebSocketTransport, P as a2uiToUINode, X as backoffDelay, G as buildCatalogFromRegistry, Dt as classifyHttpError, Et as classifyStreamEnd, he as conversionToPlan, Ce as createA2UIAdapter, Z as createChatStream, kt as createChatTransport, $ as createDefaultRedactor, je as createSSETransport, Se as createSurfaceManager, Ae as createWebSocketTransport, ce as dateTimeInputType, Ee as defaultCompositionRegistry, A as defaultRegistry, Ot as detectFormat, ae as getCompatibleTypes, ie as getComponentCategory, N as getSupportedTypes, Me as installA2UI, ee as isActionMessage, D as isCatalogRequest, ne as isCatalogResponse, C as isCreateSurface, S as isDataBinding, E as isDeleteSurface, te as isErrorMessage, w as isUpdateComponents, T as isUpdateDataModel, Tt as parseJSON, wt as parseNDJSON, Ct as parseSSE, O as parseServerMessage, q as renderInline, J as renderMarkdown, M as resolveA2UIType, Te as resolveComponent, L as resolveJsonPointer, j as resolveNativeTag, mt as sanitizeHtml, Lt as scrubPII, R as setJsonPointer, ue as textFieldInputType, se as textVariantTag, pe as uiNodeToA2UI };