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

package/components/{ai-chat-CEX2VQeq.js → ai-chat-BEjlRutF.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,9 +571,69 @@ 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;
+	let { prompt: t, datasetIds: n, authKey: r, authToken: i, conversationId: a, chart: o, modelPreference: s, apiVersion: c = "0.1.0", stream: l = !0 } = e;
 	return {
 		key: r,
 		token: i,
@@ -587,9 +648,11 @@ function buildAiMessageRequest(e) {
 		},
 		options: {
 			available_datasets: n,
+			stream: l,
 			...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.stream = !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);
@@ -620,21 +683,75 @@ var LuzmoAiChat = class extends LuzmoElement {
 			conversationId: this.conversationId,
 			chart: this.chart,
 			modelPreference: this.modelPreference,
-			apiVersion: this.apiVersion
+			apiVersion: this.apiVersion,
+			stream: this.stream
 		});
 	}
-	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 +768,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 +780,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 +834,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 +879,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 +926,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 +954,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 +1017,8 @@ var LuzmoAiChat = class extends LuzmoElement {
         <div class="chat-messages-container">
           ${this._renderPlaceholderMessage()}
           ${this._renderMessages()}
+          ${this._renderProgress()}
+          ${this._renderStreamingResponse()}
           ${this._renderLoadingMessage()}
         </div>
 
@@ -930,8 +1087,14 @@ __decorate([property({ type: Array })], LuzmoAiChat.prototype, "messages", void
 })], LuzmoAiChat.prototype, "chart", void 0), __decorate([property({
 	type: String,
 	attribute: "api-version"
-})], LuzmoAiChat.prototype, "apiVersion", void 0), __decorate([property({
+})], LuzmoAiChat.prototype, "apiVersion", void 0), __decorate([property({ converter: { fromAttribute: (e) => e !== "false" && e !== null } })], LuzmoAiChat.prototype, "stream", 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 };