@luzmo/analytics-components-kit 1.0.1-alpha.144 → 1.0.1-alpha.145

package/components/{ai-chat-CEX2VQeq.js → ai-chat-DreqkkBA.js}

@@ -22,7 +22,8 @@ import { t as __decorate } from "./decorate-Da6S_xrw.js";
 import { msg } from "@lit/localize/lit-localize";
 import { luzmoIcon, luzmoSpin } from "@luzmo/icons";
 import "@luzmo/lucero/chat-message";
-import { html, unsafeCSS } from "lit";
+import "@luzmo/lucero/progress-steps";
+import { html, nothing, unsafeCSS } from "lit";
 import { property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 var { entries, setPrototypeOf, isFrozen, getPrototypeOf, getOwnPropertyDescriptor } = Object, { freeze, seal, create } = Object, { apply, construct } = typeof Reflect < "u" && Reflect;
@@ -217,7 +218,7 @@ var html$1 = freeze(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.a
 function createDOMPurify() {
 	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal(), t = (e) => createDOMPurify(e);
 	if (t.version = "3.3.1", t.removed = [], !e || !e.document || e.document.nodeType !== NODE_TYPE.document || !e.Element) return t.isSupported = !1, t;
-	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: d = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: Re, DOMParser: ze, trustedTypes: f } = e, p = c.prototype, Be = lookupGetter(p, "cloneNode"), Ve = lookupGetter(p, "remove"), He = lookupGetter(p, "nextSibling"), Ue = lookupGetter(p, "childNodes"), m = lookupGetter(p, "parentNode");
+	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: u = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: Re, DOMParser: ze, trustedTypes: f } = e, p = c.prototype, Be = lookupGetter(p, "cloneNode"), Ve = lookupGetter(p, "remove"), He = lookupGetter(p, "nextSibling"), Ue = lookupGetter(p, "childNodes"), m = lookupGetter(p, "parentNode");
 	if (typeof o == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
@@ -267,7 +268,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), nt = !0, O = !0, rt = !1, it = !0, k = !1, A = !0, j = !1, M = !1, N = !1, P = !1, F = !1, I = !1, at = !0, ot = !1, L = !0, R = !1, z = {}, B = null, V = addToSet({}, [
+	})), nt = !0, O = !0, rt = !1, it = !0, k = !1, A = !0, j = !1, M = !1, N = !1, P = !1, F = !1, I = !1, at = !0, ot = !1, st = !0, L = !1, R = {}, z = null, B = addToSet({}, [
 		"annotation-xml",
 		"audio",
 		"colgroup",
@@ -293,14 +294,14 @@ function createDOMPurify() {
 		"title",
 		"video",
 		"xmp"
-	]), st = null, ct = addToSet({}, [
+	]), ct = null, lt = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), lt = null, ut = addToSet({}, [
+	]), V = null, ut = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -336,7 +337,7 @@ function createDOMPurify() {
 	}, vt = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
 		if (!(X && X === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = clone(e), J = ht.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = J === "application/xhtml+xml" ? stringToString : stringToLowerCase, S = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : et, C = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : tt, ft = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : pt, lt = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(ut), e.ADD_URI_SAFE_ATTR, Y) : ut, st = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(ct), e.ADD_DATA_URI_TAGS, Y) : ct, B = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : V, T = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), E = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), z = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, nt = e.ALLOW_ARIA_ATTR !== !1, O = e.ALLOW_DATA_ATTR !== !1, rt = e.ALLOW_UNKNOWN_PROTOCOLS || !1, it = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, k = e.SAFE_FOR_TEMPLATES || !1, A = e.SAFE_FOR_XML !== !1, j = e.WHOLE_DOCUMENT || !1, P = e.RETURN_DOM || !1, F = e.RETURN_DOM_FRAGMENT || !1, I = e.RETURN_TRUSTED_TYPE || !1, N = e.FORCE_BODY || !1, at = e.SANITIZE_DOM !== !1, ot = e.SANITIZE_NAMED_PROPS || !1, L = e.KEEP_CONTENT !== !1, R = e.IN_PLACE || !1, $e = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, G = e.NAMESPACE || W, K = e.MATHML_TEXT_INTEGRATION_POINTS || K, q = e.HTML_INTEGRATION_POINTS || q, w = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (w.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (w.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (w.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), k && (O = !1), F && (P = !0), z && (S = addToSet({}, text), C = [], z.html === !0 && (addToSet(S, html$1), addToSet(C, html$2)), z.svg === !0 && (addToSet(S, svg$1), addToSet(C, svg), addToSet(C, xml)), z.svgFilters === !0 && (addToSet(S, svgFilters), addToSet(C, svg), addToSet(C, xml)), z.mathMl === !0 && (addToSet(S, mathMl$1), addToSet(C, mathMl), addToSet(C, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? D.tagCheck = e.ADD_TAGS : (S === et && (S = clone(S)), addToSet(S, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? D.attributeCheck = e.ADD_ATTR : (C === tt && (C = clone(C)), addToSet(C, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(lt, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (B === V && (B = clone(B)), addToSet(B, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (B === V && (B = clone(B)), addToSet(B, e.ADD_FORBID_CONTENTS, Y)), L && (S["#text"] = !0), j && addToSet(S, [
+			if ((!e || typeof e != "object") && (e = {}), e = clone(e), J = ht.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = J === "application/xhtml+xml" ? stringToString : stringToLowerCase, S = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : et, C = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : tt, ft = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : pt, V = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(ut), e.ADD_URI_SAFE_ATTR, Y) : ut, ct = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(lt), e.ADD_DATA_URI_TAGS, Y) : lt, z = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : B, T = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), E = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), R = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, nt = e.ALLOW_ARIA_ATTR !== !1, O = e.ALLOW_DATA_ATTR !== !1, rt = e.ALLOW_UNKNOWN_PROTOCOLS || !1, it = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, k = e.SAFE_FOR_TEMPLATES || !1, A = e.SAFE_FOR_XML !== !1, j = e.WHOLE_DOCUMENT || !1, P = e.RETURN_DOM || !1, F = e.RETURN_DOM_FRAGMENT || !1, I = e.RETURN_TRUSTED_TYPE || !1, N = e.FORCE_BODY || !1, at = e.SANITIZE_DOM !== !1, ot = e.SANITIZE_NAMED_PROPS || !1, st = e.KEEP_CONTENT !== !1, L = e.IN_PLACE || !1, $e = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, G = e.NAMESPACE || W, K = e.MATHML_TEXT_INTEGRATION_POINTS || K, q = e.HTML_INTEGRATION_POINTS || q, w = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (w.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (w.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (w.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), k && (O = !1), F && (P = !0), R && (S = addToSet({}, text), C = [], R.html === !0 && (addToSet(S, html$1), addToSet(C, html$2)), R.svg === !0 && (addToSet(S, svg$1), addToSet(C, svg), addToSet(C, xml)), R.svgFilters === !0 && (addToSet(S, svgFilters), addToSet(C, svg), addToSet(C, xml)), R.mathMl === !0 && (addToSet(S, mathMl$1), addToSet(C, mathMl), addToSet(C, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? D.tagCheck = e.ADD_TAGS : (S === et && (S = clone(S)), addToSet(S, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? D.attributeCheck = e.ADD_ATTR : (C === tt && (C = clone(C)), addToSet(C, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(V, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (z === B && (z = clone(z)), addToSet(z, e.FORBID_CONTENTS, Y)), e.ADD_FORBID_CONTENTS && (z === B && (z = clone(z)), addToSet(z, e.ADD_FORBID_CONTENTS, Y)), st && (S["#text"] = !0), j && addToSet(S, [
 				"html",
 				"head",
 				"body"
@@ -407,7 +408,7 @@ function createDOMPurify() {
 	}, Ct = function(e) {
 		return We.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
 	}, wt = function(e) {
-		return e instanceof Re && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof d) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
+		return e instanceof Re && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof u) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
 	}, Tt = function(e) {
 		return typeof s == "function" && e instanceof s;
 	};
@@ -426,7 +427,7 @@ function createDOMPurify() {
 		}), A && e.hasChildNodes() && !Tt(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || A && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return Z(e), !0;
 		if (!(D.tagCheck instanceof Function && D.tagCheck(r)) && (!S[r] || T[r])) {
 			if (!T[r] && Ot(r) && (w.tagNameCheck instanceof RegExp && regExpTest(w.tagNameCheck, r) || w.tagNameCheck instanceof Function && w.tagNameCheck(r))) return !1;
-			if (L && !B[r]) {
+			if (st && !z[r]) {
 				let t = m(e) || e.parentNode, n = Ue(e) || e.childNodes;
 				if (n && t) {
 					let r = n.length;
@@ -450,7 +451,7 @@ function createDOMPurify() {
 		if (!(O && !E[t] && regExpTest(Je, t)) && !(nt && regExpTest(Ye, t)) && !(D.attributeCheck instanceof Function && D.attributeCheck(t, e))) {
 			if (!C[t] || E[t]) {
 				if (!(Ot(e) && (w.tagNameCheck instanceof RegExp && regExpTest(w.tagNameCheck, e) || w.tagNameCheck instanceof Function && w.tagNameCheck(e)) && (w.attributeNameCheck instanceof RegExp && regExpTest(w.attributeNameCheck, t) || w.attributeNameCheck instanceof Function && w.attributeNameCheck(t, e)) || t === "is" && w.allowCustomizedBuiltInElements && (w.tagNameCheck instanceof RegExp && regExpTest(w.tagNameCheck, r) || w.tagNameCheck instanceof Function && w.tagNameCheck(r)))) return !1;
-			} else if (!lt[t] && !regExpTest($e, stringReplace(r, Ze, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && st[e]) && !(rt && !regExpTest(Xe, stringReplace(r, Ze, ""))) && r) return !1;
+			} else if (!V[t] && !regExpTest($e, stringReplace(r, Ze, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && ct[e]) && !(rt && !regExpTest(Xe, stringReplace(r, Ze, ""))) && r) return !1;
 		}
 		return !0;
 	}, Ot = function(e) {
@@ -523,7 +524,7 @@ function createDOMPurify() {
 			if (e = e.toString(), typeof e != "string") throw typeErrorCreate("dirty is not a string, aborting");
 		} else throw typeErrorCreate("toString is not a function");
 		if (!t.isSupported) return e;
-		if (M || vt(n), t.removed = [], typeof e == "string" && (R = !1), R) {
+		if (M || vt(n), t.removed = [], typeof e == "string" && (L = !1), L) {
 			if (e.nodeName) {
 				let t = Y(e.nodeName);
 				if (!S[t] || T[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
@@ -534,9 +535,9 @@ function createDOMPurify() {
 			if (i = St(e), !i) return P ? null : I ? g : "";
 		}
 		i && N && Z(i.firstChild);
-		let u = Ct(R ? e : i);
+		let u = Ct(L ? e : i);
 		for (; c = u.nextNode();) Et(c), kt(c), c.content instanceof a && At(c.content);
-		if (R) return e;
+		if (L) return e;
 		if (P) {
 			if (F) for (l = Ge.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
 			else l = i;
@@ -570,7 +571,67 @@ function createDOMPurify() {
 		v = _createHooksMap();
 	}, t;
 }
-var purify = createDOMPurify(), ai_chat_module_default = ":host{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex}:host .chat-container{background:var(--luzmo-ai-chat-background,var(--ai-chat-background));border-radius:var(--luzmo-ai-chat-border-radius,var(--ai-chat-border-radius));width:100%;height:100%;min-height:0;padding:var(--luzmo-ai-chat-padding,var(--ai-chat-padding));gap:var(--luzmo-ai-chat-gap,var(--ai-chat-gap));border:var(--luzmo-ai-chat-border,var(--ai-chat-border));box-shadow:var(--luzmo-ai-chat-box-shadow,var(--ai-chat-box-shadow));box-sizing:border-box;flex-direction:column;flex:1;display:flex;overflow:hidden}:host .chat-messages-container{gap:var(--luzmo-ai-chat-gap,var(--ai-chat-gap));flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}:host luzmo-chat-message{--luzmo-primary:rgba(var(--luzmo-primary-rgb),.08);--chat-message-primary-text-color:var(--luzmo-font-color);--chat-message-primary-border-color:transparent}:host luzmo-chat-message.error{color:var(--luzmo-ai-chat-error-message-color,var(--ai-chat-error-message-color))}:host luzmo-ai-interaction-textarea{flex-grow:0;flex-shrink:0}:host .loading-message{color:var(--luzmo-font-color);align-items:center;gap:.5rem;display:flex}:host .loading-message svg{color:var(--luzmo-ai-chat-loading-message-color,var(--ai-chat-loading-message-color));font-size:var(--luzmo-ai-chat-loading-message-icon-font-size,var(--ai-chat-loading-message-icon-font-size,1rem));justify-content:center;align-items:center;display:flex}:host .loading-message svg.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:host{--ai-chat-background:var(--luzmo-background-color);--ai-chat-border-radius:0;--ai-chat-padding:0;--ai-chat-gap:1rem;--ai-chat-max-height:none;--ai-chat-messages-flex:1;--ai-chat-border:none;--ai-chat-box-shadow:none;--ai-chat-loading-message-color:var(--luzmo-primary);--ai-chat-error-message-color:var(--luzmo-danger,#dc3545)}";
+var purify = createDOMPurify();
+function createInitialProgress() {
+	return {
+		id: "root",
+		step: "root",
+		status: "pending",
+		children: [{
+			id: "client-init",
+			step: "iqInit",
+			status: "inProgress",
+			description: "Thinking"
+		}]
+	};
+}
+function hasProgressChunk(e) {
+	let t = e.progress;
+	return typeof t != "object" || !t ? !1 : "id" in t && "step" in t && "status" in t;
+}
+async function fetchStreamingResponse(e) {
+	let t = await fetch(e.url, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		mode: "cors",
+		body: JSON.stringify(e.body),
+		signal: e.signal
+	});
+	if (!t.ok) {
+		let e = await t.json().catch(() => null);
+		throw Error(e?.message || `API request failed with status ${t.status}`);
+	}
+	if (!t.body) throw Error("Response body is not readable");
+	return {
+		body: t.body,
+		conversationId: t.headers.get("x-conversation-id")
+	};
+}
+async function readNdjsonStream(e, t) {
+	let n = e.getReader(), r = new TextDecoder(), i = "";
+	try {
+		for (;;) {
+			let { done: e, value: a } = await n.read();
+			if (e) break;
+			i += r.decode(a, { stream: !0 });
+			let o = i.split("\n");
+			i = o.pop() ?? "";
+			for (let e of o) if (e.trim()) try {
+				t(JSON.parse(e));
+			} catch {
+				console.error("Failed to parse NDJSON line:", e);
+			}
+		}
+		if (i += r.decode(), i.trim()) try {
+			t(JSON.parse(i));
+		} catch {
+			console.error("Failed to parse final NDJSON buffer:", i);
+		}
+	} finally {
+		n.releaseLock();
+	}
+}
+var ai_chat_module_default = ":host{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex}:host .chat-container{background:var(--luzmo-ai-chat-background,var(--ai-chat-background));border-radius:var(--luzmo-ai-chat-border-radius,var(--ai-chat-border-radius));width:100%;height:100%;min-height:0;padding:var(--luzmo-ai-chat-padding,var(--ai-chat-padding));gap:var(--luzmo-ai-chat-gap,var(--ai-chat-gap));border:var(--luzmo-ai-chat-border,var(--ai-chat-border));box-shadow:var(--luzmo-ai-chat-box-shadow,var(--ai-chat-box-shadow));box-sizing:border-box;flex-direction:column;flex:1;display:flex;overflow:hidden}:host .chat-messages-container{gap:var(--luzmo-ai-chat-gap,var(--ai-chat-gap));flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}:host luzmo-chat-message{--luzmo-primary:rgba(var(--luzmo-primary-rgb),.08);--chat-message-primary-text-color:var(--luzmo-font-color);--chat-message-primary-border-color:transparent}:host luzmo-chat-message.error{color:var(--luzmo-ai-chat-error-message-color,var(--ai-chat-error-message-color))}:host luzmo-ai-interaction-textarea{flex-grow:0;flex-shrink:0}:host luzmo-progress-steps{padding:0 .25rem}:host .loading-message{color:var(--luzmo-font-color);align-items:center;gap:.5rem;display:flex}:host .loading-message svg{color:var(--luzmo-ai-chat-loading-message-color,var(--ai-chat-loading-message-color));font-size:var(--luzmo-ai-chat-loading-message-icon-font-size,var(--ai-chat-loading-message-icon-font-size,1rem));justify-content:center;align-items:center;display:flex}:host .loading-message svg.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:host{--ai-chat-background:var(--luzmo-background-color);--ai-chat-border-radius:0;--ai-chat-padding:0;--ai-chat-gap:1rem;--ai-chat-max-height:none;--ai-chat-messages-flex:1;--ai-chat-border:none;--ai-chat-box-shadow:none;--ai-chat-loading-message-color:var(--luzmo-primary);--ai-chat-error-message-color:var(--luzmo-danger,#dc3545)}";
 function buildAiMessageRequest(e) {
 	let { prompt: t, datasetIds: n, authKey: r, authToken: i, conversationId: a, chart: o, modelPreference: s, apiVersion: c = "0.1.0" } = e;
 	return {
@@ -587,9 +648,11 @@ function buildAiMessageRequest(e) {
 		},
 		options: {
 			available_datasets: n,
+			stream: !0,
 			...n.length > 0 ? { dataset_id: n[0] } : {},
-			...o ? { chart: {
+			...o && o.type !== "placeholder" ? { chart: {
 				...o,
+				version: o.version || "",
 				title: o.title || o.options.title,
 				filters: o.filterGroups || [],
 				aichartId: o.aichartId || ""
@@ -600,7 +663,7 @@ function buildAiMessageRequest(e) {
 }
 var LuzmoAiChat = class extends LuzmoElement {
 	constructor(...e) {
-		super(...e), this.messages = [], this.selectedDatasets = [], this.placeholder = "Describe your change", this.disabled = !1, this.showAssistantContextMenu = !1, this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.flagOpendata = !1, this.hideDatasetButton = !1, this.modelPreference = "performance", this.requestMode = "internal", this.isGenerating = !1, this.conversationId = null, this.chart = null, this.apiVersion = "0.1.0", this.loadingMessage = null, this._isGeneratingInternal = !1, this._textareaValue = "";
+		super(...e), this.messages = [], this.selectedDatasets = [], this.placeholder = "Describe your change", this.disabled = !1, this.showAssistantContextMenu = !1, this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.flagOpendata = !1, this.hideDatasetButton = !1, this.modelPreference = "performance", this.requestMode = "internal", this.isGenerating = !1, this.conversationId = null, this.chart = null, this.apiVersion = "0.1.0", this.loadingMessage = null, this.initialPrompt = null, this.progress = null, this.progressCollapsed = !1, this._progress = null, this._progressCollapsed = !1, this._isGeneratingInternal = !1, this._textareaValue = "", this._abortController = null, this._inflightAiMessage = null, this._lastProcessedInitialPrompt = null, this._receivedProgress = !1;
 	}
 	static {
 		this.styles = unsafeCSS(ai_chat_module_default);
@@ -623,18 +686,71 @@ var LuzmoAiChat = class extends LuzmoElement {
 			apiVersion: this.apiVersion
 		});
 	}
-	async _sendMessage(e) {
-		let t = `${this.apiUrl}/${this.apiVersion}/aimessage`, n = await fetch(t, {
-			method: "POST",
-			headers: { "Content-Type": "application/json" },
-			mode: "cors",
-			body: JSON.stringify(e)
-		});
-		if (!n.ok) {
-			let e = await n.json().catch(() => null);
-			throw Error(e?.message || `API request failed with status ${n.status}`);
+	_finalizeInflightMessage() {
+		this._inflightAiMessage &&= (this._progress && this._receivedProgress && (this._inflightAiMessage.progress = structuredClone(this._progress), this._updateMessage(this._inflightAiMessage)), this._progress = null, this._progressCollapsed = !1, this._receivedProgress = !1, null);
+	}
+	async _sendStreamingMessage(e, t) {
+		this._abortController && (this._abortController.abort(), this._inflightAiMessage && !this._inflightAiMessage.message && (this.messages = this.messages.filter((e) => e.id !== this._inflightAiMessage.id))), this._finalizeInflightMessage(), this._inflightAiMessage = t;
+		let n = new AbortController();
+		this._abortController = n, this._progress = createInitialProgress(), this._progressCollapsed = !1, this._receivedProgress = !1;
+		let r = !1;
+		try {
+			let { body: i, conversationId: a } = await fetchStreamingResponse({
+				url: `${this.apiUrl}/${this.apiVersion}/aimessage`,
+				body: e,
+				signal: n.signal
+			});
+			a && (this.conversationId = a), await readNdjsonStream(i, (e) => this._processStreamChunk(e, t)), r = !0;
+		} finally {
+			this._abortController === n && (r ? this._finalizeInflightMessage() : this._inflightAiMessage = null, this._isGeneratingInternal = !1, this._abortController = null);
 		}
-		return await n.json();
+	}
+	_processStreamChunk(e, t) {
+		if (hasProgressChunk(e) && (this._receivedProgress = !0, this._progress = e.progress), e.error) {
+			t.message = e.error, t.isError = !0, this._updateMessage(t), this._progress = null, this._progressCollapsed = !1, this.dispatchEvent(new CustomEvent("luzmo-response-received", {
+				detail: {
+					message: t,
+					done: !0
+				},
+				bubbles: !0,
+				composed: !0
+			}));
+			return;
+		}
+		let n = e.chart ?? e.generatedChart;
+		if (n) {
+			let r = {
+				...e,
+				generatedChart: n,
+				conversationId: this.conversationId
+			};
+			this.dispatchEvent(new CustomEvent("luzmo-chart-generated", {
+				detail: { aiSampleChart: r },
+				bubbles: !0,
+				composed: !0
+			}));
+			let i = typeof e.chunk == "string" && e.chunk || typeof e.message == "string" && e.message;
+			i && (t.message = (t.message || "") + i), this._updateMessage(t), (e.done || "question" in e) && (this._progressCollapsed = !0, t.message && this.dispatchEvent(new CustomEvent("luzmo-response-received", {
+				detail: {
+					message: t,
+					done: !0
+				},
+				bubbles: !0,
+				composed: !0
+			})));
+			return;
+		}
+		let r = typeof e.chunk == "string" && e.chunk || typeof e.message == "string" && e.message || "";
+		r && (this._progressCollapsed ||= !0, t.message = (t.message || "") + r, this._updateMessage(t));
+		let i = e.done || "question" in e;
+		i && (this._progressCollapsed = !0), (r || i && t.message) && this.dispatchEvent(new CustomEvent("luzmo-response-received", {
+			detail: {
+				message: t,
+				done: !!i
+			},
+			bubbles: !0,
+			composed: !0
+		}));
 	}
 	_addUserMessage(e, t) {
 		let n = {
@@ -651,6 +767,9 @@ var LuzmoAiChat = class extends LuzmoElement {
 			composed: !0
 		}));
 	}
+	_updateMessage(e) {
+		this.messages = this.messages.map((t) => t.id === e.id ? { ...e } : t);
+	}
 	_prepareForAIResponse() {
 		this._isGeneratingInternal = !0;
 		let e = {
@@ -660,42 +779,20 @@ var LuzmoAiChat = class extends LuzmoElement {
 		};
 		return this.messages = [...this.messages, e], e;
 	}
-	_handleChartResponse(e, t) {
-		this.dispatchEvent(new CustomEvent("luzmo-chart-generated", {
-			detail: { aiSampleChart: e },
-			bubbles: !0,
-			composed: !0
-		}));
-		let n = e.message || e.error || e.clarificationQuestion;
-		n && (t.message = n, this.messages = [...this.messages.slice(0, -1), { ...t }], this.dispatchEvent(new CustomEvent("luzmo-response-received", {
-			detail: {
-				message: t,
-				done: !0
-			},
-			bubbles: !0,
-			composed: !0
-		})));
-	}
-	_handleErrorResponse(e, t) {
-		let n = null;
-		if (e.functionResponse?.error) {
-			let t = e.functionResponse.explanation;
-			t && typeof t == "string" && (n = e.functionResponse.explanation);
-		} else n = e.functionResponse;
-		n ||= e.message || e.error || e.clarificationQuestion || null, n && (t.message = n, this.messages = [...this.messages.slice(0, -1), { ...t }]), this.dispatchEvent(new CustomEvent("luzmo-response-received", {
-			detail: {
-				message: t,
-				done: !0
-			},
-			bubbles: !0,
-			composed: !0
-		}));
-	}
-	_processAIResponse(e, t) {
-		e.generatedChart === void 0 ? (e.functionResponse?.error !== void 0 || typeof e.functionResponse == "string" || e.clarificationQuestion === "string") && this._handleErrorResponse(e, t) : this._handleChartResponse(e, t);
-	}
 	_handleAPIError(e, t) {
-		t.message = msg("Something went wrong. Please try again.", { desc: "Generic error message shown in ai chat when the API request fails" }), t.isError = !0, this.messages = [...this.messages.slice(0, -1), { ...t }], this.dispatchEvent(new CustomEvent("luzmo-response-received", {
+		console.error("AI Chart Generation Error:", e), this._progress = null, this._progressCollapsed = !1;
+		let r = msg("Something went wrong. Please try again.", { desc: "Generic error message shown in ai chat when the API request fails" });
+		if (t) t.message = r, t.isError = !0, delete t.progress, this._updateMessage(t);
+		else {
+			let e = {
+				id: this._generateMessageId(),
+				type: "ai",
+				message: r,
+				isError: !0
+			};
+			this.messages = [...this.messages, e], t = e;
+		}
+		this.dispatchEvent(new CustomEvent("luzmo-response-received", {
 			detail: {
 				message: t,
 				error: e
@@ -736,16 +833,42 @@ var LuzmoAiChat = class extends LuzmoElement {
 			}));
 			return;
 		}
-		let a = await this._prepareForAIResponse();
+		let a = this._prepareForAIResponse();
 		try {
-			let e = await this._sendMessage(i);
-			this._processAIResponse(e, a);
+			await this._sendStreamingMessage(i, a);
 		} catch (e) {
-			this._handleAPIError(e, a);
-		} finally {
-			this._isGeneratingInternal = !1;
+			e.name !== "AbortError" && this._handleAPIError(e, a);
 		}
 	}
+	async _processInitialPrompt() {
+		if (!this.initialPrompt || this.initialPrompt === this._lastProcessedInitialPrompt) return;
+		this._lastProcessedInitialPrompt = this.initialPrompt;
+		let e = this.selectedDatasets.map((e) => e.id), t = this._buildRequestBody(this.initialPrompt, e), n = `${this.apiUrl}/${this.apiVersion}/aimessage`;
+		if (this.requestMode === "external") {
+			let r = {
+				prompt: this.initialPrompt,
+				selectedDatasets: this.selectedDatasets,
+				datasetIds: e,
+				request: t,
+				url: n
+			};
+			this.dispatchEvent(new CustomEvent("luzmo-prompt-submitted", {
+				detail: r,
+				bubbles: !0,
+				composed: !0
+			}));
+			return;
+		}
+		let r = this._prepareForAIResponse();
+		try {
+			await this._sendStreamingMessage(t, r);
+		} catch (e) {
+			e.name !== "AbortError" && this._handleAPIError(e, r);
+		}
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._abortController?.abort(), this._abortController = null, this._finalizeInflightMessage(), this._isGeneratingInternal = !1;
+	}
 	_scrollToBottom() {
 		let e = this.shadowRoot?.querySelector(".chat-messages-container");
 		e && requestAnimationFrame(() => {
@@ -755,7 +878,7 @@ var LuzmoAiChat = class extends LuzmoElement {
 		});
 	}
 	updated(e) {
-		super.updated?.(e), e.has("messages") && this.updateComplete.then(() => this._scrollToBottom());
+		super.updated?.(e), (e.has("messages") || e.has("_progress") || e.has("progress")) && this.updateComplete.then(() => this._scrollToBottom()), this.initialPrompt && this.initialPrompt !== this._lastProcessedInitialPrompt ? this._processInitialPrompt() : this.initialPrompt || (this._lastProcessedInitialPrompt = null);
 	}
 	_sanitizeMessage(e) {
 		return purify.sanitize(e, {
@@ -802,8 +925,26 @@ var LuzmoAiChat = class extends LuzmoElement {
 			]
 		});
 	}
+	_renderProgress() {
+		let e = this.requestMode === "external" ? this.progress : this._progress, t = this.requestMode === "external" ? this.progressCollapsed : this._progressCollapsed;
+		return e?.children?.length ? html`
+      <luzmo-progress-steps
+        .progress=${e}
+        ?collapsed=${t}
+        size="s"
+      ></luzmo-progress-steps>
+    ` : nothing;
+	}
 	_renderMessages() {
-		return this.messages.map((e) => e.type === "user" ? html`
+		return this.messages.filter((e) => !this._inflightAiMessage || e.id !== this._inflightAiMessage.id).map((e) => {
+			let t = e.progress?.children?.length ? html`
+              <luzmo-progress-steps
+                .progress=${e.progress}
+                collapsed
+                size="s"
+              ></luzmo-progress-steps>
+            ` : nothing;
+			return e.type === "user" ? html`
             <luzmo-chat-message
               avatar-placement="bottom"
               position="right"
@@ -812,33 +953,46 @@ var LuzmoAiChat = class extends LuzmoElement {
             >
               ${e.message}
             </luzmo-chat-message>
-            ` : html`
-            <luzmo-chat-message
-              class=${e.isError ? "error" : ""}
-              avatar-placement="bottom"
-              position="left"
-              quiet
-              size="s"
-            >
-              ${unsafeHTML(this._sanitizeMessage(e.message))}
-            </luzmo-chat-message>
-            `);
+          ` : html`
+          ${t}
+          <luzmo-chat-message
+            class=${e.isError ? "error" : ""}
+            avatar-placement="bottom"
+            position="left"
+            quiet
+            size="s"
+          >
+            ${unsafeHTML(this._sanitizeMessage(e.message))}
+          </luzmo-chat-message>
+        `;
+		});
+	}
+	_renderStreamingResponse() {
+		return this._inflightAiMessage?.message ? html`
+      <luzmo-chat-message
+        avatar-placement="bottom"
+        position="left"
+        quiet
+        size="s"
+      >
+        ${unsafeHTML(this._sanitizeMessage(this._inflightAiMessage.message))}
+      </luzmo-chat-message>
+    ` : nothing;
 	}
 	_renderLoadingMessage() {
-		return this.isGenerating || this._isGeneratingInternal ? html`
-        <luzmo-chat-message
-          avatar-placement="bottom"
-          position="left"
-          quiet
-          size="s"
-        >
-          <div class="loading-message">
-            <span class="icon-lg">${luzmoIcon(luzmoSpin, { className: "spin" })}</span>
-            <span class="loading-message-text">${this.loadingMessage || (this.chart?.type === "placeholder" ? msg("Creating item...", { desc: "Label for ai chat creating item message" }) : msg("Updating item...", { desc: "Label for ai chat updating item message" }))}</span>
-          </div>
-        </luzmo-chat-message>
-      ` : html`
-      
+		let e = this.requestMode === "external" ? this.isGenerating : this._isGeneratingInternal, t = this.requestMode === "external" ? this.progress : this._progress;
+		return !e || t?.children?.length ? nothing : html`
+      <luzmo-chat-message
+        avatar-placement="bottom"
+        position="left"
+        quiet
+        size="s"
+      >
+        <div class="loading-message">
+          <span class="icon-lg">${luzmoIcon(luzmoSpin, { className: "spin" })}</span>
+          <span class="loading-message-text">${this.loadingMessage || (this.chart?.type === "placeholder" ? msg("Creating item...", { desc: "Label for ai chat creating item message" }) : msg("Updating item...", { desc: "Label for ai chat updating item message" }))}</span>
+        </div>
+      </luzmo-chat-message>
     `;
 	}
 	_renderPlaceholderMessage() {
@@ -862,6 +1016,8 @@ var LuzmoAiChat = class extends LuzmoElement {
         <div class="chat-messages-container">
           ${this._renderPlaceholderMessage()}
           ${this._renderMessages()}
+          ${this._renderProgress()}
+          ${this._renderStreamingResponse()}
           ${this._renderLoadingMessage()}
         </div>
 
@@ -933,5 +1089,11 @@ __decorate([property({ type: Array })], LuzmoAiChat.prototype, "messages", void
 })], LuzmoAiChat.prototype, "apiVersion", void 0), __decorate([property({
 	type: String,
 	attribute: "loading-message"
-})], LuzmoAiChat.prototype, "loadingMessage", void 0), __decorate([state()], LuzmoAiChat.prototype, "_isGeneratingInternal", void 0), __decorate([state()], LuzmoAiChat.prototype, "_textareaValue", void 0), customElements.get("luzmo-ai-chat") || customElements.define("luzmo-ai-chat", LuzmoAiChat);
-export { buildAiMessageRequest as n, LuzmoAiChat as t };
+})], LuzmoAiChat.prototype, "loadingMessage", void 0), __decorate([property({
+	type: String,
+	attribute: "initial-prompt"
+})], LuzmoAiChat.prototype, "initialPrompt", void 0), __decorate([property({ type: Object })], LuzmoAiChat.prototype, "progress", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "progress-collapsed"
+})], LuzmoAiChat.prototype, "progressCollapsed", void 0), __decorate([state()], LuzmoAiChat.prototype, "_progress", void 0), __decorate([state()], LuzmoAiChat.prototype, "_progressCollapsed", void 0), __decorate([state()], LuzmoAiChat.prototype, "_isGeneratingInternal", void 0), __decorate([state()], LuzmoAiChat.prototype, "_textareaValue", void 0), customElements.get("luzmo-ai-chat") || customElements.define("luzmo-ai-chat", LuzmoAiChat);
+export { hasProgressChunk as a, fetchStreamingResponse as i, buildAiMessageRequest as n, readNdjsonStream as o, createInitialProgress as r, LuzmoAiChat as t };

package/components/ai-interaction-textarea/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-DjOkyNGu.cjs`),require(`../dataset-icon-C0cID-ra.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-CH3lwAjJ.cjs`),require(`../dataset-selector-row-DdTnaQ6w.cjs`);const e=require(`../ai-interaction-textarea-CcgFeoIg.cjs`);Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CdlBx8s9.cjs`),require(`../dataset-icon-C0cID-ra.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-DYsi3LBF.cjs`),require(`../dataset-selector-row-Qwz9WmR4.cjs`);const e=require(`../ai-interaction-textarea-CcgFeoIg.cjs`);Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return e.t}});

package/components/ai-interaction-textarea/index.js

@@ -23,10 +23,10 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import "../set-locale-CRNDDu2d.js";
+import "../set-locale-C3o6ooUV.js";
 import "../dataset-icon-DhF21dXC.js";
 import "../data-broker-cLR-t5LM.js";
-import "../dataset-selector-list-BDSXGUDh.js";
-import "../dataset-selector-row-DPyGMP__.js";
+import "../dataset-selector-list-C5FvwP-r.js";
+import "../dataset-selector-row-BKIFTyJl.js";
 import { t as LuzmoAiInteractionTextarea } from "../ai-interaction-textarea-B5UE7CIq.js";
 export { LuzmoAiInteractionTextarea };

package/components/data-fields-select/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../periods.const-CX2ZWWrf.cjs`),require(`../calculate-data-field-icon-BhiGlh0u.cjs`);const e=require(`../data-fields-select-Byfdph5v.cjs`);Object.defineProperty(exports,`LuzmoDataFieldsSelect`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CdlBx8s9.cjs`),require(`../localized-mixin-BhUvOsd7.cjs`),require(`../periods.const-CX2ZWWrf.cjs`),require(`../calculate-data-field-icon-BhiGlh0u.cjs`);const e=require(`../data-fields-select-_WjjNpcl.cjs`);Object.defineProperty(exports,`LuzmoDataFieldsSelect`,{enumerable:!0,get:function(){return e.t}});

package/components/data-fields-select/index.js

@@ -23,9 +23,9 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import "../set-locale-CRNDDu2d.js";
-import "../localized-mixin-CgQFYGOU.js";
+import "../set-locale-C3o6ooUV.js";
+import "../localized-mixin-HngLqDZn.js";
 import "../periods.const-Ch6SfeaG.js";
 import "../calculate-data-field-icon-CY7Y6fn1.js";
-import { t as LuzmoDataFieldsSelect } from "../data-fields-select-dbn1KG3y.js";
+import { t as LuzmoDataFieldsSelect } from "../data-fields-select-CHOKEMb2.js";
 export { LuzmoDataFieldsSelect };

package/components/{data-fields-select-dbn1KG3y.js → data-fields-select-CHOKEMb2.js}

@@ -18,7 +18,7 @@
  * SOFTWARE.
  * */
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-CgQFYGOU.js";
+import { t as LocalizedMixin } from "./localized-mixin-HngLqDZn.js";
 import { t as localize } from "./localize-Dlt3EN5i.js";
 import { n as DATETIME_LEVELS } from "./periods.const-Ch6SfeaG.js";
 import { t as calculateDataFieldIcon } from "./calculate-data-field-icon-CY7Y6fn1.js";