@nonoun/native-chat 0.5.12 → 0.5.14

package/dist/{chat-input-structured-element-DPKHlnRm.js → chat-input-structured-element-C_5MDbpb.js}

@@ -136,16 +136,22 @@ var a = class extends e {
 		"show-stop",
 		"show-restart",
 		"auto-focus-policy",
-		"open"
+		"open",
+		"model"
 	];
 	#e = r(!1);
 	#t = r(!1);
 	#n = r("open-request");
 	#r = r(!1);
-	#i = null;
-	#a = null;
+	#i = r([]);
+	#a = r(null);
 	#o = null;
 	#s = null;
+	#c = null;
+	#l = null;
+	#u = null;
+	#d = null;
+	#f = r(!1);
 	attributeChangedCallback(e, t, n) {
 		if (t !== n) {
 			switch (e) {
@@ -160,9 +166,12 @@ var a = class extends e {
 					break;
 				case "open": {
 					let e = this.#r.value;
-					this.#r.value = n !== null, !e && n !== null ? this.#f(void 0, !1) : e && n === null && this.#p(void 0);
+					this.#r.value = n !== null, !e && n !== null ? this.#_(void 0, !1) : e && n === null && this.#v(void 0);
 					break;
 				}
+				case "model":
+					this.#a.value = n;
+					break;
 			}
 			super.attributeChangedCallback(e, t, n);
 		}
@@ -185,21 +194,35 @@ var a = class extends e {
 	set autoFocusPolicy(e) {
 		this.#n.value = e, this.setAttribute("auto-focus-policy", e);
 	}
+	/** List of available models for the model picker. */
+	get models() {
+		return this.#i.value;
+	}
+	set models(e) {
+		this.#i.value = e, e.length > 0 && this.#a.value === null && (this.#a.value = e[0].value, this.setAttribute("model", e[0].value));
+	}
+	/** Currently selected model value. */
+	get model() {
+		return this.#a.value;
+	}
+	set model(e) {
+		this.#a.value = e, e === null ? this.removeAttribute("model") : this.setAttribute("model", e);
+	}
 	/** Open the panel. Optionally focus the composer. */
 	open(e) {
 		let t = this.#r.value;
 		this.#r.value = !0, this.toggleAttribute("open", !0);
 		let n = this.#n.value, r = e?.focusComposer ?? !1, i = n !== "never" && (n === "open-request" ? r : !1);
-		t || this.#f(e?.reason, i), i && this.focusComposer({ cursor: "end" }, "api");
+		t || this.#_(e?.reason, i), i && this.focusComposer({ cursor: "end" }, "api");
 	}
 	/** Close the panel. */
 	close(e) {
 		let t = this.#r.value;
-		this.#r.value = !1, this.removeAttribute("open"), t && this.#p(e);
+		this.#r.value = !1, this.removeAttribute("open"), t && this.#v(e);
 	}
 	/** Focus the composer input. */
 	focusComposer(e, t = "api") {
-		this.#l(e ?? {}, t, 0);
+		this.#m(e ?? {}, t, 0);
 	}
 	setup() {
 		super.setup(), this.hasAttribute("open") && (this.#r.value = !0);
@@ -210,11 +233,11 @@ var a = class extends e {
 		let n = document.createElement("span");
 		n.setAttribute("slot", "label"), n.textContent = "Assistant", e.appendChild(n);
 		let r = document.createElement("span");
-		r.setAttribute("slot", "trailing"), r.style.display = "inline-flex", r.style.alignItems = "center", r.style.gap = "calc(var(--n-space) * 2)", e.appendChild(r), this.#s = r;
+		r.setAttribute("slot", "trailing"), r.style.display = "inline-flex", r.style.alignItems = "center", r.style.gap = "calc(var(--n-space) * 2)", e.appendChild(r), this.#l = r;
 		let i = document.createElement("n-body"), a = document.createElement("n-chat-content");
 		i.appendChild(a);
 		let o = document.createElement("n-footer");
-		o.setAttribute("dividers", ""), this.#i = o;
+		o.setAttribute("dividers", ""), this.#o = o;
 		let s = document.createElement("n-chat-input");
 		s.setAttribute("variant", "plain");
 		let c = document.createElement("n-textarea");
@@ -226,52 +249,79 @@ var a = class extends e {
 		let f = document.createElement("n-button");
 		f.setAttribute("variant", "primary"), f.setAttribute("intent", "accent"), f.setAttribute("radius", "round"), f.setAttribute("inline", ""), f.setAttribute("disabled", ""), f.dataset.role = "submit", f.innerHTML = "<n-icon name=\"arrow-up\"></n-icon>", l.appendChild(f), s.appendChild(l), o.appendChild(s), this.append(e, i, o), this.addEffect(() => {
 			let e = this.#e.value;
-			if (e && !this.#a) {
+			if (e && !this.#s) {
 				let e = document.createElement("n-button");
-				e.setAttribute("variant", "ghost"), e.setAttribute("inline", ""), e.setAttribute("aria-label", "Stop"), e.innerHTML = "<n-icon name=\"stop\"></n-icon>", e.addEventListener("native:press", this.#h), this.#a = e, this.#s?.prepend(e);
-			} else !e && this.#a && (this.#a.removeEventListener("native:press", this.#h), this.#a.remove(), this.#a = null);
+				e.setAttribute("variant", "ghost"), e.setAttribute("inline", ""), e.setAttribute("aria-label", "Stop"), e.innerHTML = "<n-icon name=\"stop\"></n-icon>", e.addEventListener("native:press", this.#b), this.#s = e, this.#l?.prepend(e);
+			} else !e && this.#s && (this.#s.removeEventListener("native:press", this.#b), this.#s.remove(), this.#s = null);
 		}), this.addEffect(() => {
 			let e = this.#t.value;
-			if (e && !this.#o) {
+			if (e && !this.#c) {
+				let e = document.createElement("n-button");
+				e.setAttribute("variant", "ghost"), e.setAttribute("inline", ""), e.setAttribute("aria-label", "Restart"), e.innerHTML = "<n-icon name=\"arrow-counter-clockwise\"></n-icon>", e.addEventListener("native:press", this.#x), this.#c = e;
+				let t = this.#s?.nextSibling ?? this.#l?.firstChild ?? null;
+				this.#l?.insertBefore(e, t);
+			} else !e && this.#c && (this.#c.removeEventListener("native:press", this.#x), this.#c.remove(), this.#c = null);
+		}), this.addEffect(() => {
+			let e = this.#i.value;
+			if (e.length > 0 && !this.#u) {
 				let e = document.createElement("n-button");
-				e.setAttribute("variant", "ghost"), e.setAttribute("inline", ""), e.setAttribute("aria-label", "Restart"), e.innerHTML = "<n-icon name=\"arrow-counter-clockwise\"></n-icon>", e.addEventListener("native:press", this.#g), this.#o = e;
-				let t = this.#a?.nextSibling ?? this.#s?.firstChild ?? null;
-				this.#s?.insertBefore(e, t);
-			} else !e && this.#o && (this.#o.removeEventListener("native:press", this.#g), this.#o.remove(), this.#o = null);
+				e.setAttribute("variant", "ghost"), e.setAttribute("inline", ""), e.setAttribute("aria-label", "Select model"), e.setAttribute("data-role", "model-picker"), e.innerHTML = "<span data-role=\"model-label\"></span><n-icon name=\"caret-up-down\"></n-icon>", e.addEventListener("native:press", this.#S), this.#u = e;
+				let t = document.createElement("n-listbox");
+				t.setAttribute("popover", "auto"), t.setAttribute("data-role", "model-listbox"), t.addEventListener("native:change", this.#C), this.#d = t, this.#l?.prepend(e), this.#l?.appendChild(t);
+			} else e.length === 0 && this.#u && this.#w();
+		}), this.addEffect(() => {
+			let e = this.#i.value, t = this.#a.value, n = this.#d, r = this.#u;
+			if (!n || !r || e.length === 0) return;
+			n.innerHTML = "";
+			for (let t of e) {
+				let e = document.createElement("n-option");
+				e.setAttribute("value", t.value), e.textContent = t.label ?? t.value, n.appendChild(e);
+			}
+			t && (n.value = t);
+			let i = r.querySelector("[data-role=\"model-label\"]");
+			if (i) {
+				let n = e.find((e) => e.value === t);
+				i.textContent = n ? n.label ?? n.value : e[0].label ?? e[0].value;
+			}
+		}), this.addEffect(() => {
+			let e = this.#f.value, t = this.#d;
+			if (t) try {
+				e ? t.showPopover() : t.hidePopover();
+			} catch {}
 		}), this.deferChildren(() => {
-			this.#c();
+			this.#p();
 		}), this.#n.value === "ready" && queueMicrotask(() => {
 			this.isConnected && this.focusComposer({ cursor: "end" }, "policy");
 		});
 	}
 	teardown() {
-		this.#a && this.#a.removeEventListener("native:press", this.#h), this.#o && this.#o.removeEventListener("native:press", this.#g), this.#i = null, this.#a = null, this.#o = null, this.#s = null, this.innerHTML = "", super.teardown();
+		this.#s && this.#s.removeEventListener("native:press", this.#b), this.#c && this.#c.removeEventListener("native:press", this.#x), this.#w(), this.#o = null, this.#s = null, this.#c = null, this.#l = null, this.innerHTML = "", super.teardown();
 	}
-	#c() {
+	#p() {
 		let e = this.querySelector(":scope > [slot=\"header-trailing\"]");
-		e && this.#s && this.#s.appendChild(e);
+		e && this.#l && this.#l.appendChild(e);
 		let t = this.querySelector(":scope > [slot=\"footer-leading\"]");
-		if (t && this.#i) {
-			let e = this.#i.querySelector(":scope > n-chat-input");
-			this.#i.insertBefore(t, e);
+		if (t && this.#o) {
+			let e = this.#o.querySelector(":scope > n-chat-input");
+			this.#o.insertBefore(t, e);
 		}
 	}
-	#l(e, t, n) {
-		let r = this.#u();
+	#m(e, t, n) {
+		let r = this.#h();
 		if (!r) {
 			if (n < 2) {
-				queueMicrotask(() => this.#l(e, t, n + 1));
+				queueMicrotask(() => this.#m(e, t, n + 1));
 				return;
 			}
-			this.#m("composer-unavailable", 3);
+			this.#y("composer-unavailable", 3);
 			return;
 		}
 		if (r.disabled) {
 			if (n < 2) {
-				queueMicrotask(() => this.#l(e, t, n + 1));
+				queueMicrotask(() => this.#m(e, t, n + 1));
 				return;
 			}
-			this.#m("disabled", 3);
+			this.#y("disabled", 3);
 			return;
 		}
 		let i = r.querySelector("n-textarea"), a = i ?? r;
@@ -279,22 +329,22 @@ var a = class extends e {
 			a.focus();
 		} catch {
 			if (n < 2) {
-				queueMicrotask(() => this.#l(e, t, n + 1));
+				queueMicrotask(() => this.#m(e, t, n + 1));
 				return;
 			}
-			this.#m("blocked", 3);
+			this.#y("blocked", 3);
 			return;
 		}
-		e.cursor && e.cursor !== "preserve" && i && this.#d(i, e.cursor), this.dispatchEvent(new CustomEvent("native:composer-focused", {
+		e.cursor && e.cursor !== "preserve" && i && this.#g(i, e.cursor), this.dispatchEvent(new CustomEvent("native:composer-focused", {
 			bubbles: !0,
 			composed: !0,
 			detail: { by: t }
 		}));
 	}
-	#u() {
+	#h() {
 		return this.querySelector("n-chat-input");
 	}
-	#d(e, t) {
+	#g(e, t) {
 		let n = e.ownerDocument.getSelection?.();
 		if (!n) return;
 		let r = e.firstChild ?? e, i = t === "end" ? r.textContent?.length ?? 0 : 0;
@@ -303,7 +353,7 @@ var a = class extends e {
 			e.setStart(r, i), e.collapse(!0), n.removeAllRanges(), n.addRange(e);
 		} catch {}
 	}
-	#f(e, t) {
+	#_(e, t) {
 		this.dispatchEvent(new CustomEvent("native:chat-opened", {
 			bubbles: !0,
 			composed: !0,
@@ -313,14 +363,14 @@ var a = class extends e {
 			}
 		}));
 	}
-	#p(e) {
+	#v(e) {
 		this.dispatchEvent(new CustomEvent("native:chat-closed", {
 			bubbles: !0,
 			composed: !0,
 			detail: { reason: e }
 		}));
 	}
-	#m(e, t) {
+	#y(e, t) {
 		this.dispatchEvent(new CustomEvent("native:composer-focus-failed", {
 			bubbles: !0,
 			composed: !0,
@@ -330,18 +380,41 @@ var a = class extends e {
 			}
 		}));
 	}
-	#h = () => {
+	#b = () => {
 		this.dispatchEvent(new CustomEvent("native:chat-stop", {
 			bubbles: !0,
 			composed: !0
 		}));
 	};
-	#g = () => {
+	#x = () => {
 		this.dispatchEvent(new CustomEvent("native:chat-restart", {
 			bubbles: !0,
 			composed: !0
 		}));
 	};
+	#S = () => {
+		this.#f.value = !this.#f.value;
+	};
+	#C = (e) => {
+		let t = e.detail?.value ?? null;
+		if (t === null) return;
+		let n = this.#a.value;
+		if (t === n) {
+			this.#f.value = !1;
+			return;
+		}
+		this.#a.value = t, this.setAttribute("model", t), this.#f.value = !1, this.dispatchEvent(new CustomEvent("native:model-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: t,
+				previousValue: n
+			}
+		}));
+	};
+	#w() {
+		this.#u &&= (this.#u.removeEventListener("native:press", this.#S), this.#u.remove(), null), this.#d &&= (this.#d.removeEventListener("native:change", this.#C), this.#d.remove(), null), this.#f.value = !1;
+	}
 }, s = 40, c = class extends e {
 	static observedAttributes = [
 		"auto-scroll",
@@ -1112,15 +1185,18 @@ var T = class extends e {
 		super.setup(), this.addEffect(n(this, this.#n, this.#e)), this.addEffect(() => {
 			let e = this.#t.value;
 			this.textContent = "";
-			for (let t of e) {
+			let t = document.createElement("n-stack");
+			t.setAttribute("direction", "row"), t.setAttribute("wrap", ""), t.setAttribute("gap", "1");
+			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", t.value), t.icon) {
-					let n = document.createElement("n-icon");
-					n.setAttribute("name", t.icon), n.setAttribute("slot", "leading"), e.appendChild(n);
+				if (e.setAttribute("variant", "outline"), e.setAttribute("size", "sm"), e.setAttribute("inline", ""), e.setAttribute("data-value", n.value), n.icon) {
+					let t = document.createElement("n-icon");
+					t.setAttribute("name", n.icon), t.setAttribute("slot", "leading"), e.appendChild(t);
 				}
-				let n = document.createElement("span");
-				n.setAttribute("slot", "label"), n.textContent = t.label, e.appendChild(n), this.appendChild(e);
+				let r = document.createElement("span");
+				r.setAttribute("slot", "label"), r.textContent = n.label, e.appendChild(r), t.appendChild(e);
 			}
+			this.appendChild(t);
 		}), this.addEventListener("native:press", this.#r);
 	}
 	teardown() {
@@ -1375,8 +1451,8 @@ var A = class extends e {
 			let t = document.createElement("div");
 			t.className = "n-chat-structured-question", t.textContent = e, this.appendChild(t);
 		}
-		let i = document.createElement("div");
-		i.className = "n-chat-structured-options", i.setAttribute("role", r === "multi" ? "group" : "radiogroup");
+		let i = document.createElement("n-stack");
+		i.setAttribute("direction", "row"), i.setAttribute("wrap", ""), i.setAttribute("gap", "1"), i.setAttribute("role", r === "multi" ? "group" : "radiogroup");
 		for (let e of t) {
 			let t = document.createElement("n-button"), r = n.has(e.value);
 			if (t.setAttribute("variant", r ? "primary" : "outline"), t.setAttribute("data-value", e.value), t.setAttribute("aria-pressed", String(r)), e.icon) {

package/dist/native-chat.css

@@ -112,6 +112,27 @@
     border-top: 1px solid var(--n-chat-panel-footer-border);
   }
 
+  /* ── Model picker ── */
+
+  :where(native-chat-panel) :where(n-button[data-role="model-picker"]) {
+    gap: calc(var(--n-space) * 0.5);
+    max-width: 12rem;
+  }
+
+  :where(native-chat-panel) :where(n-button[data-role="model-picker"]) :where([data-role="model-label"]) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  :where(native-chat-panel) :where(n-listbox[data-role="model-listbox"][popover]) {
+    position: fixed;
+    position-area: block-end span-inline-end;
+    position-try-fallbacks: flip-block;
+    margin: 0.25rem 0 0;
+    min-width: anchor-size(inline);
+  }
+
   /* WHY: Wide padding only above 22rem — asides (280–480px) keep compact defaults. */
   @container (min-width: 22rem) {
     :where(native-chat-panel) > :where(n-header) {
@@ -614,9 +635,7 @@
      ══════════════════════════════════════════════════ */
 
   :where(n-chat-message-seed) {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--n-space);
+    display: block;
     padding-block: var(--n-space);
     padding-inline: var(--n-chat-bubble-padding-inline);
     align-self: flex-start;
@@ -676,10 +695,8 @@
     font-weight: 600;
   }
 
-  :where(n-chat-input-structured) > :where(.n-chat-structured-options) {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--n-space);
+  :where(n-chat-input-structured) > :where(n-stack) {
+    flex: 0 0 auto;
   }
 
   :where(n-chat-input-structured) > :where(.n-chat-structured-actions) {

package/dist/native-chat.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./chat-input-structured-element-DPKHlnRm.js";
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./chat-input-structured-element-C_5MDbpb.js";
 /**
 * Parse a Server-Sent Events (SSE) response stream into ChatStreamChunk values.
 *

package/dist/register.js

@@ -1,4 +1,4 @@
-import { a as e, d as t, g as n, h as r, i, l as a, m as o, n as s, p as c, r as l, t as u } from "./chat-input-structured-element-DPKHlnRm.js";
-import { NButton as d, NCard as f, NDialog as p, NIcon as m, NTextarea as h, NToolbar as g, define as _, registerIcon as v } from "@nonoun/native-ui";
-_("n-chat-input", n), _("native-chat-panel", r), _("n-chat-feed", o), _("n-chat-avatar", c), _("n-chat-message", t), _("n-chat-messages", a), _("n-chat-message-text", e), _("n-chat-message-activity", i), _("n-chat-message-seed", l), _("n-chat-message-genui", s), _("n-chat-input-structured", u), _("n-textarea", h), _("n-button", d), _("n-icon", m), _("n-toolbar", g), _("n-dialog", p), _("n-card", f), v("chat-dots", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M116,128a12,12,0,1,1,12,12A12,12,0,0,1,116,128ZM84,140a12,12,0,1,0-12-12A12,12,0,0,0,84,140Zm88,0a12,12,0,1,0-12-12A12,12,0,0,0,172,140Zm60-76V192a16,16,0,0,1-16,16H83l-32.6,28.16-.09.07A15.89,15.89,0,0,1,40,240a16.13,16.13,0,0,1-6.8-1.52A15.85,15.85,0,0,1,24,224V64A16,16,0,0,1,40,48H216A16,16,0,0,1,232,64ZM40,224h0ZM216,64H40V224l34.77-30A8,8,0,0,1,80,192H216Z\"/></svg>"), v("user", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8C55.71,194.74,89.05,176,128,176s72.29,18.74,89.07,44a8,8,0,0,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z\"/></svg>"), v("stop", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,160H56V56H200V200Z\"/></svg>"), v("arrow-counter-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z\"/></svg>"), v("copy", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z\"/></svg>"), v("arrow-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z\"/></svg>"), v("pencil-simple", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z\"/></svg>"), v("thumbs-up", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M234,80.12A24,24,0,0,0,216,72H160V56a40,40,0,0,0-40-40,8,8,0,0,0-7.16,4.42L75.06,96H32a16,16,0,0,0-16,16v88a16,16,0,0,0,16,16H204a24,24,0,0,0,23.82-21l12-96A24,24,0,0,0,234,80.12ZM32,112H72v88H32ZM223.94,97l-12,96a8,8,0,0,1-7.94,7H88V105.89l36.71-73.43A24,24,0,0,1,144,56V80a8,8,0,0,0,8,8h64a8,8,0,0,1,7.94,9Z\"/></svg>"), v("thumbs-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M239.82,157l-12-96A24,24,0,0,0,204,40H32A16,16,0,0,0,16,56v88a16,16,0,0,0,16,16H75.06l37.78,75.58A8,8,0,0,0,120,240a40,40,0,0,0,40-40V184h56a24,24,0,0,0,23.82-27ZM72,144H32V56H72Zm150,21.29a7.88,7.88,0,0,1-6,2.71H152a8,8,0,0,0-8,8v24a24,24,0,0,1-19.29,23.54L88,150.11V56H204a8,8,0,0,1,7.94,7l12,96A7.87,7.87,0,0,1,222,165.29Z\"/></svg>"), v("arrow-right", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z\"/></svg>");
+import { a as e, d as t, g as n, h as r, i, l as a, m as o, n as s, p as c, r as l, t as u } from "./chat-input-structured-element-C_5MDbpb.js";
+import { NButton as d, NCard as f, NDialog as p, NIcon as m, NListbox as h, NOption as g, NTextarea as _, NToolbar as v, define as y, registerIcon as b } from "@nonoun/native-ui";
+y("n-chat-input", n), y("native-chat-panel", r), y("n-chat-feed", o), y("n-chat-avatar", c), y("n-chat-message", t), y("n-chat-messages", a), y("n-chat-message-text", e), y("n-chat-message-activity", i), y("n-chat-message-seed", l), y("n-chat-message-genui", s), y("n-chat-input-structured", u), y("n-textarea", _), y("n-button", d), y("n-icon", m), y("n-toolbar", v), y("n-dialog", p), y("n-card", f), y("n-listbox", h), y("n-option", g), b("chat-dots", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M116,128a12,12,0,1,1,12,12A12,12,0,0,1,116,128ZM84,140a12,12,0,1,0-12-12A12,12,0,0,0,84,140Zm88,0a12,12,0,1,0-12-12A12,12,0,0,0,172,140Zm60-76V192a16,16,0,0,1-16,16H83l-32.6,28.16-.09.07A15.89,15.89,0,0,1,40,240a16.13,16.13,0,0,1-6.8-1.52A15.85,15.85,0,0,1,24,224V64A16,16,0,0,1,40,48H216A16,16,0,0,1,232,64ZM40,224h0ZM216,64H40V224l34.77-30A8,8,0,0,1,80,192H216Z\"/></svg>"), b("user", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8C55.71,194.74,89.05,176,128,176s72.29,18.74,89.07,44a8,8,0,0,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z\"/></svg>"), b("stop", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,160H56V56H200V200Z\"/></svg>"), b("arrow-counter-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z\"/></svg>"), b("caret-up-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M181.66,170.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-48-48a8,8,0,0,1,11.32-11.32L128,212.69l42.34-42.35A8,8,0,0,1,181.66,170.34Zm-96-84.68L128,43.31l42.34,42.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,85.66Z\"/></svg>"), b("copy", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z\"/></svg>"), b("arrow-clockwise", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z\"/></svg>"), b("pencil-simple", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z\"/></svg>"), b("thumbs-up", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M234,80.12A24,24,0,0,0,216,72H160V56a40,40,0,0,0-40-40,8,8,0,0,0-7.16,4.42L75.06,96H32a16,16,0,0,0-16,16v88a16,16,0,0,0,16,16H204a24,24,0,0,0,23.82-21l12-96A24,24,0,0,0,234,80.12ZM32,112H72v88H32ZM223.94,97l-12,96a8,8,0,0,1-7.94,7H88V105.89l36.71-73.43A24,24,0,0,1,144,56V80a8,8,0,0,0,8,8h64a8,8,0,0,1,7.94,9Z\"/></svg>"), b("thumbs-down", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M239.82,157l-12-96A24,24,0,0,0,204,40H32A16,16,0,0,0,16,56v88a16,16,0,0,0,16,16H75.06l37.78,75.58A8,8,0,0,0,120,240a40,40,0,0,0,40-40V184h56a24,24,0,0,0,23.82-27ZM72,144H32V56H72Zm150,21.29a7.88,7.88,0,0,1-6,2.71H152a8,8,0,0,0-8,8v24a24,24,0,0,1-19.29,23.54L88,150.11V56H204a8,8,0,0,1,7.94,7l12,96A7.87,7.87,0,0,1,222,165.29Z\"/></svg>"), b("arrow-right", "<svg viewBox=\"0 0 256 256\" fill=\"currentColor\"><path d=\"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z\"/></svg>");
 export { c as NChatAvatar, o as NChatFeed, n as NChatInput, u as NChatInputStructured, t as NChatMessage, i as NChatMessageActivity, s as NChatMessageGenUI, l as NChatMessageSeed, e as NChatMessageText, a as NChatMessages, r as NChatPanel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-chat",
-  "version": "0.5.12",
+  "version": "0.5.14",
   "description": "Chat input and message layout components for @nonoun/native-ui",
   "license": "MIT",
   "type": "module",