@nonoun/native-ai 1.0.71 → 1.0.73

package/dist/native-ai.js

@@ -10464,7 +10464,7 @@ const Ie = [
 *
 * Layout: chip-toggled multi-panel — preview left, N resizable panes right.
 * Chips: JSON-IN, JSON-OUT, HTML, CSS, JS, COMPONENTS (multiple active at once).
-* Chrome & layout patterns mirror <native-playground> for a unified devtool look.
+* Chrome & layout patterns mirror <n-playground> for a unified devtool look.
 *
 * Renders A2UI components directly (no iframe) using a local Kernel + A2UIAdapter.
 * Native-ui components must be registered on the page for rendering to work.
@@ -10847,40 +10847,38 @@ var W = [
 		let e = document.createElement("n-header"), t = document.createElement("n-toolbar");
 		t.setAttribute("size", "sm"), t.setAttribute("variant", "ghost");
 		let n = document.createElement("n-select");
-		n.setAttribute("size", "sm"), n.setAttribute("inline", "");
-		let r = document.createElement("n-button");
-		r.setAttribute("justify", "spread"), r.innerHTML = "<span slot=\"label\">Presets</span><n-icon name=\"caret-up-down\" slot=\"trailing\"></n-icon>", n.appendChild(r);
-		let i = document.createElement("n-listbox");
-		i.setAttribute("popover", "");
+		n.setAttribute("size", "sm"), n.setAttribute("inline", ""), n.setAttribute("placeholder", "Presets");
+		let r = document.createElement("n-listbox");
+		r.setAttribute("popover", "");
 		for (let e of Ie) {
 			if ("hidden" in e && e.hidden) continue;
 			let t = Object.entries(U).filter(([t, n]) => n.group === e.id);
 			if (t.length === 0) continue;
-			let n = document.createElement("n-option-group"), r = document.createElement("n-option-group-header");
-			r.textContent = e.label, n.appendChild(r);
+			let n = document.createElement("n-option-group"), i = document.createElement("n-option-group-header");
+			i.textContent = e.label, n.appendChild(i);
 			for (let [e, r] of t) {
 				let t = document.createElement("n-option");
 				t.setAttribute("value", e), t.setAttribute("label", r.label), t.textContent = r.label, n.appendChild(t);
 			}
-			i.appendChild(n);
+			r.appendChild(n);
 		}
-		n.appendChild(i), n.addEventListener("native:change", this.#be), t.appendChild(n);
+		n.appendChild(r), 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 = Le[e], this.#n.value.has(e) && n.toggleAttribute("data-active", !0), n.addEventListener("native:press", this.#je(e)), t.appendChild(n), this.#T.set(e, n);
 		}
+		let i = document.createElement("n-button");
+		i.setAttribute("variant", "ghost"), i.setAttribute("size", "sm"), i.title = "Auto-play presets on load", i.innerHTML = "<n-icon name=\"lightning\"></n-icon>", i.addEventListener("native:press", this.#ke), t.appendChild(i), this.#N = i;
 		let a = document.createElement("n-button");
-		a.setAttribute("variant", "ghost"), a.setAttribute("size", "sm"), a.title = "Auto-play presets on load", a.innerHTML = "<n-icon name=\"lightning\"></n-icon>", a.addEventListener("native:press", this.#ke), t.appendChild(a), this.#N = a;
-		let o = document.createElement("n-button");
-		o.setAttribute("variant", "ghost"), o.setAttribute("size", "sm"), o.title = "Expand", o.innerHTML = "<n-icon name=\"arrows-out-simple\"></n-icon>", o.addEventListener("native:press", this.#_e), t.appendChild(o), this.#M = o;
+		a.setAttribute("variant", "ghost"), a.setAttribute("size", "sm"), a.title = "Expand", a.innerHTML = "<n-icon name=\"arrows-out-simple\"></n-icon>", a.addEventListener("native:press", this.#_e), t.appendChild(a), this.#M = a;
+		let o = document.createElement("div");
+		o.className = "a2ui-split", this.#S = o;
 		let s = document.createElement("div");
-		s.className = "a2ui-split", this.#S = s;
+		s.className = "a2ui-preview", this.#x = s;
 		let c = document.createElement("div");
-		c.className = "a2ui-preview", this.#x = c;
+		c.className = "a2ui-preview-content", s.appendChild(c), this.#b = c;
 		let l = document.createElement("div");
-		l.className = "a2ui-preview-content", c.appendChild(l), this.#b = l;
-		let u = document.createElement("div");
-		u.className = "a2ui-resize-handle", c.appendChild(u), s.appendChild(c);
+		l.className = "a2ui-resize-handle", s.appendChild(l), o.appendChild(s);
 		for (let e of W) {
 			let t = document.createElement("n-pane");
 			t.dataset.panel = e, this.#n.value.has(e) || (t.hidden = !0);
@@ -10888,13 +10886,13 @@ var W = [
 			i.setAttribute("name", Re[e]), r.appendChild(i), n.appendChild(r);
 			let a = document.createElement("span");
 			a.textContent = Le[e], n.appendChild(a);
-			let o = document.createElement("aside");
+			let s = document.createElement("aside");
 			if (e === "js" || e === "html" || e === "css") {
 				let t = document.createElement("n-button");
-				t.setAttribute("variant", "ghost"), t.setAttribute("size", "sm"), t.title = "Reset to computed", t.innerHTML = "<n-icon name=\"arrow-counter-clockwise\"></n-icon>", t.addEventListener("native:press", this.#Ae(e)), o.appendChild(t);
+				t.setAttribute("variant", "ghost"), t.setAttribute("size", "sm"), t.title = "Reset to computed", t.innerHTML = "<n-icon name=\"arrow-counter-clockwise\"></n-icon>", t.addEventListener("native:press", this.#Ae(e)), s.appendChild(t);
 			}
 			let c = document.createElement("n-button");
-			if (c.setAttribute("variant", "ghost"), c.setAttribute("size", "sm"), c.title = "Close pane", c.innerHTML = "<n-icon name=\"x\"></n-icon>", c.addEventListener("native:press", this.#je(e)), o.appendChild(c), n.appendChild(o), t.appendChild(n), e === "json-in") {
+			if (c.setAttribute("variant", "ghost"), c.setAttribute("size", "sm"), c.title = "Close pane", c.innerHTML = "<n-icon name=\"x\"></n-icon>", c.addEventListener("native:press", this.#je(e)), s.appendChild(c), n.appendChild(s), t.appendChild(n), e === "json-in") {
 				let e = document.createElement("n-toolbar");
 				e.setAttribute("variant", "plain"), e.setAttribute("size", "sm"), e.setAttribute("fill", "");
 				let n = this.#Q("Step back", "caret-left");
@@ -10930,17 +10928,17 @@ var W = [
 			}
 			let l = document.createElement("n-body");
 			if (t.appendChild(l), this.#w.set(e, l), e === "json-in" || e === "js" || e === "html" || e === "css") {
-				let t = document.createElement("native-codemirror");
+				let t = document.createElement("n-editor");
 				t.setAttribute("line-numbers", "false"), l.appendChild(t), e === "json-in" ? this.#p = t : e === "js" ? this.#m = t : e === "html" ? this.#h = t : e === "css" && (this.#g = t);
 			} else if (e === "components") this.#v = l;
 			else if (e === "schema") {
-				let e = document.createElement("native-codemirror");
+				let e = document.createElement("n-editor");
 				e.setAttribute("line-numbers", "false"), l.appendChild(e), this.#y = e;
 			}
 			let u = document.createElement("div");
-			u.className = "a2ui-resize-handle", t.appendChild(u), s.appendChild(t), this.#C.set(e, t);
+			u.className = "a2ui-resize-handle", t.appendChild(u), o.appendChild(t), this.#C.set(e, t);
 		}
-		e.appendChild(t), this.append(e, s);
+		e.appendChild(t), this.append(e, o);
 	}
 	#Q(e, t, n = !1) {
 		let r = document.createElement("n-button");
@@ -11210,7 +11208,7 @@ var W = [
 			r.className = "a2ui-map-editor-toolbar";
 			let i = document.createElement("n-button");
 			i.setAttribute("variant", "ghost"), i.setAttribute("size", "sm"), i.title = "Apply changes to stream", i.innerHTML = "<n-icon name=\"play\" weight=\"fill\"></n-icon>", i.addEventListener("native:press", () => this.#he(t)), r.appendChild(i), n.appendChild(r);
-			let a = document.createElement("native-codemirror");
+			let a = document.createElement("n-editor");
 			a.setAttribute("line-numbers", "false"), n.appendChild(a), this.#_ = a, requestAnimationFrame(() => {
 				a.extensions = [v()], a.value = JSON.stringify(s, null, 2);
 			}), e.appendChild(n);
@@ -12191,15 +12189,13 @@ var Ze = class {
 			let e = this.#i.value;
 			if (e.length > 0 && !this.#b) {
 				let e = document.createElement("n-select");
-				e.setAttribute("aria-label", "Select model"), e.setAttribute("data-role", "model-picker"), e.addEventListener("native:change", this.#M);
-				let t = document.createElement("n-button");
-				t.setAttribute("variant", "ghost"), t.setAttribute("inline", "");
-				let n = document.createElement("n-icon");
-				n.setAttribute("name", "dots-three-outline-fill"), t.appendChild(n);
-				let r = document.createElement("n-listbox");
-				r.setAttribute("popover", "manual"), e.append(t, r), this.#b = e, this.#x = r;
-				let i = this.#y?.querySelector("[data-submit]");
-				i ? this.#y?.insertBefore(e, i) : this.#y?.appendChild(e);
+				e.setAttribute("aria-label", "Select model"), e.setAttribute("data-role", "model-picker"), e.setAttribute("variant", "ghost"), e.setAttribute("inline", ""), e.addEventListener("native:change", this.#M);
+				let t = document.createElement("n-icon");
+				t.setAttribute("name", "dots-three-outline-fill"), t.setAttribute("slot", "label");
+				let n = document.createElement("n-listbox");
+				n.setAttribute("popover", "manual"), e.append(t, n), this.#b = e, this.#x = n;
+				let r = this.#y?.querySelector("[data-submit]");
+				r ? this.#y?.insertBefore(e, r) : this.#y?.appendChild(e);
 			} else e.length === 0 && this.#b && this.#B();
 		}), this.addEffect(() => {
 			let e = this.#i.value, t = this.#a.value, n = this.#b, r = this.#x;
@@ -12441,9 +12437,9 @@ var Ze = class {
 	#F(t) {
 		let n = this.#h;
 		if (!n) return;
-		let r = document.createElement("n-chat-messages");
+		let r = document.createElement("n-agent-dialogue");
 		r.setAttribute("data-role", t.role), r.setAttribute("sender", t.role === "user" ? "You" : "Assistant");
-		let i = document.createElement("n-chat-message");
+		let i = document.createElement("n-agent-dialogue-item");
 		i.setAttribute("data-role", t.role), i.setAttribute("message-id", `msg-${e()}`), i.setAttribute("status", "sent");
 		let a = document.createElement("n-chat-message-text");
 		a.content = t.message, i.appendChild(a), r.appendChild(i), n.appendChild(r);
@@ -12451,9 +12447,9 @@ var Ze = class {
 	#I(e) {
 		let t = this.#h;
 		if (!t) return null;
-		let n = document.createElement("n-chat-messages");
+		let n = document.createElement("n-agent-dialogue");
 		n.setAttribute("data-role", "assistant"), n.setAttribute("sender", "Assistant");
-		let r = document.createElement("n-chat-message");
+		let r = document.createElement("n-agent-dialogue-item");
 		r.setAttribute("data-role", "assistant"), r.setAttribute("message-id", e), r.setAttribute("status", "streaming");
 		let i = document.createElement("n-chat-message-text");
 		return r.appendChild(i), n.appendChild(r), t.appendChild(n), r;
@@ -12900,19 +12896,19 @@ function dt(e, t, n) {
 *
 * On setup, non-avatar children are sorted into two wrapper divs:
 *   - `.n-chat-context` — non-message children (row 1)
-*   - `.n-chat-bubbles` — `n-chat-message` children (row 2)
+*   - `.n-chat-bubbles` — `n-agent-dialogue-item` children (row 2)
 *
 * A MutationObserver routes dynamically added children into the
 * correct wrapper automatically.
 *
 * ```html
-* <n-chat-messages role="assistant" sender="AI">
+* <n-agent-dialogue role="assistant" sender="AI">
 *   <n-chat-avatar>AI</n-chat-avatar>
 *   <span class="reasoning">Thinking...</span>
-*   <n-chat-message role="assistant">
+*   <n-agent-dialogue-item role="assistant">
 *     <n-chat-message-text>Hello!</n-chat-message-text>
-*   </n-chat-message>
-* </n-chat-messages>
+*   </n-agent-dialogue-item>
+* </n-agent-dialogue>
 * ```
 *
 * @attr {string} role - `user` | `assistant` | `system`
@@ -12939,7 +12935,7 @@ var ft = class extends i {
 		super.setup(), this.#e.role = "group";
 		let e = this.getAttribute("sender");
 		e && this.setAttribute("aria-label", `Messages from ${e}`), this.#i(), this.#r = new MutationObserver((e) => {
-			for (let t of e) for (let e of t.addedNodes) e instanceof Element && e.localName !== "n-chat-avatar" && (e === this.#t || e === this.#n || (e.localName === "n-chat-message" ? this.#n?.appendChild(e) : this.#t?.appendChild(e)));
+			for (let t of e) for (let e of t.addedNodes) e instanceof Element && e.localName !== "n-chat-avatar" && (e === this.#t || e === this.#n || (e.localName === "n-agent-dialogue-item" ? this.#n?.appendChild(e) : this.#t?.appendChild(e)));
 		}), this.#r.observe(this, { childList: !0 });
 	}
 	teardown() {
@@ -12959,7 +12955,7 @@ var ft = class extends i {
 		let t = document.createElement("div");
 		t.className = "n-chat-bubbles";
 		let n = Array.from(this.childNodes);
-		for (let r of n) r instanceof Element && r.localName === "n-chat-avatar" || (r instanceof Element && r.localName === "n-chat-message" ? t.appendChild(r) : e.appendChild(r));
+		for (let r of n) r instanceof Element && r.localName === "n-chat-avatar" || (r instanceof Element && r.localName === "n-agent-dialogue-item" ? t.appendChild(r) : e.appendChild(r));
 		this.appendChild(e), this.appendChild(t), this.#t = e, this.#n = t;
 	}
 }, pt = class extends i {
@@ -14016,4 +14012,4 @@ var Bt = class {
 		});
 	}
 };
-export { $e as A2AAdapter, V as A2UIAdapter, ct as ACTION_REGISTRY, et as AGUIAdapter, Q as CHAT_EVENTS, re as COMPONENT_MAP, Oe as COMPOSITION_MAP, k as ComponentRegistry, Te as CompositionRegistry, Qe as DirectAdapter, Ue as NA2UI, Ke as NAgentSession, Ye as NCatalog, ot as NChatAvatar, at as NChatFeed, tt as NChatInput, nt as NChatInputAdvanced, Ct as NChatInputStructured, ut as NChatMessage, gt as NChatMessageActivity, xt as NChatMessageGenUI, yt as NChatMessageSeed, pt as NChatMessageText, ft as NChatMessages, rt as NChatPanel, Ge as NEventEmitter, Ze as NSessionManager, Je as NSurfaceRegistry, lt as ROLE_DEFAULTS, Nt as SAFE_FIELDS, Pt as SENSITIVE_FIELDS, Ae as SSETransport, B as SurfaceManager, Bt as TelemetryEmitter, ke as WebSocketTransport, F as a2uiToUINode, X as backoffDelay, G as buildCatalogFromRegistry, Ot as classifyHttpError, Dt as classifyStreamEnd, he as conversionToPlan, we as createA2UIAdapter, kt as createChatStream, At as createChatTransport, $ as createDefaultRedactor, Me as createSSETransport, Ce as createSurfaceManager, je as createWebSocketTransport, ce as dateTimeInputType, De as defaultCompositionRegistry, j as defaultRegistry, Z as detectFormat, ae as getCompatibleTypes, ie as getComponentCategory, P as getSupportedTypes, Ne as installA2UI, D as isActionMessage, ee as isCatalogRequest, ne as isCatalogResponse, C as isCreateSurface, S as isDataBinding, E as isDeleteSurface, te as isErrorMessage, w as isUpdateComponents, T as isUpdateDataModel, Et as parseJSON, Tt as parseNDJSON, wt as parseSSE, O as parseServerMessage, q as renderInline, J as renderMarkdown, N as resolveA2UIType, Ee as resolveComponent, R as resolveJsonPointer, M as resolveNativeTag, ht as sanitizeHtml, Rt as scrubPII, z as setJsonPointer, ue as textFieldInputType, se as textVariantTag, pe as uiNodeToA2UI };
+export { $e as A2AAdapter, V as A2UIAdapter, ct as ACTION_REGISTRY, et as AGUIAdapter, Q as CHAT_EVENTS, re as COMPONENT_MAP, Oe as COMPOSITION_MAP, k as ComponentRegistry, Te as CompositionRegistry, Qe as DirectAdapter, Ue as NA2UI, ft as NAgentDialogue, ut as NAgentDialogueItem, nt as NAgentInput, Ke as NAgentSession, Ye as NCatalog, ot as NChatAvatar, at as NChatFeed, tt as NChatInput, Ct as NChatInputStructured, gt as NChatMessageActivity, xt as NChatMessageGenUI, yt as NChatMessageSeed, pt as NChatMessageText, rt as NChatPanel, Ge as NEventEmitter, Ze as NSessionManager, Je as NSurfaceRegistry, lt as ROLE_DEFAULTS, Nt as SAFE_FIELDS, Pt as SENSITIVE_FIELDS, Ae as SSETransport, B as SurfaceManager, Bt as TelemetryEmitter, ke as WebSocketTransport, F as a2uiToUINode, X as backoffDelay, G as buildCatalogFromRegistry, Ot as classifyHttpError, Dt as classifyStreamEnd, he as conversionToPlan, we as createA2UIAdapter, kt as createChatStream, At as createChatTransport, $ as createDefaultRedactor, Me as createSSETransport, Ce as createSurfaceManager, je as createWebSocketTransport, ce as dateTimeInputType, De as defaultCompositionRegistry, j as defaultRegistry, Z as detectFormat, ae as getCompatibleTypes, ie as getComponentCategory, P as getSupportedTypes, Ne as installA2UI, D as isActionMessage, ee as isCatalogRequest, ne as isCatalogResponse, C as isCreateSurface, S as isDataBinding, E as isDeleteSurface, te as isErrorMessage, w as isUpdateComponents, T as isUpdateDataModel, Et as parseJSON, Tt as parseNDJSON, wt as parseSSE, O as parseServerMessage, q as renderInline, J as renderMarkdown, N as resolveA2UIType, Ee as resolveComponent, R as resolveJsonPointer, M as resolveNativeTag, ht as sanitizeHtml, Rt as scrubPII, z as setJsonPointer, ue as textFieldInputType, se as textVariantTag, pe as uiNodeToA2UI };

package/dist/register.d.ts

@@ -8,5 +8,5 @@
  *   import '@nonoun/native-ai/register';
  */
 export { NA2UI } from './a2ui/register.ts';
-export { NChatInput, NChatPanel, NChatFeed, NChatAvatar, NChatMessage, NChatMessages, NChatMessageText, NChatMessageActivity, NChatMessageSeed, NChatMessageGenUI, NChatInputStructured, } from './chat/register.ts';
+export { NChatInput, NChatPanel, NChatFeed, NChatAvatar, NAgentDialogueItem, NAgentDialogue, NChatMessageText, NChatMessageActivity, NChatMessageSeed, NChatMessageGenUI, NChatInputStructured, } from './chat/register.ts';
 //# sourceMappingURL=register.d.ts.map

package/dist/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EACL,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAC9C,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAC7C,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EACzD,oBAAoB,GACrB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EACL,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAC9C,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EACpD,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EACzD,oBAAoB,GACrB,MAAM,oBAAoB,CAAC"}