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

package/angular/esm/types/ai-chat.types.d.ts

@@ -2,6 +2,7 @@ export interface ChatMessage {
     id?: string;
     type: 'user' | 'ai';
     message: string;
+    isError?: boolean;
 }
 export interface LuzmoChart {
     version: string;

package/angular/types/ai-chat.types.ts

@@ -2,6 +2,7 @@ export interface ChatMessage {
   id?: string;
   type: 'user' | 'ai';
   message: string;
+  isError?: boolean;
 }
 
 export interface LuzmoChart {

package/components/ai-chat/ai-chat.d.ts

@@ -90,6 +90,11 @@ export declare class LuzmoAiChat extends LuzmoElement {
      * @default '0.1.0'
      */
     apiVersion: string;
+    /**
+     * Loading message
+     * @default null
+     */
+    loadingMessage: string | null;
     private _isGeneratingInternal;
     private _textareaValue;
     private _generateMessageId;
@@ -101,12 +106,12 @@ export declare class LuzmoAiChat extends LuzmoElement {
     private _handleErrorResponse;
     private _processAIResponse;
     private _handleAPIError;
-    private _finalizeAIResponse;
     private _handleDatasetSelected;
     private _handleDatasetRemoved;
     private _emitDatasetsChanged;
     private _handlePromptSubmitted;
     private _scrollToBottom;
+    protected updated(changedProperties: Map<string, unknown>): void;
     /**
      * Sanitizes HTML content to prevent XSS attacks while preserving safe formatting
      * @param htmlContent - The HTML string to sanitize
@@ -114,5 +119,7 @@ export declare class LuzmoAiChat extends LuzmoElement {
      */
     private _sanitizeMessage;
     private _renderMessages;
+    private _renderLoadingMessage;
+    private _renderPlaceholderMessage;
     protected render(): TemplateResult;
 }

package/components/ai-chat/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(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../ai-chat-rok8ar11.cjs`);require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-BdeJlo0u.cjs`),require(`../dataset-selector-row-CAlRVIk_.cjs`),require(`../ai-interaction-textarea-BGnQbDpJ.cjs`),exports.LuzmoAiChat=e.t,exports.buildAiMessageRequest=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`);const e=require(`../ai-chat-PZrWiUxE.cjs`);require(`../dataset-icon-C0cID-ra.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-CH3lwAjJ.cjs`),require(`../dataset-selector-row-DdTnaQ6w.cjs`),require(`../ai-interaction-textarea-CcgFeoIg.cjs`),exports.LuzmoAiChat=e.t,exports.buildAiMessageRequest=e.n;

package/components/ai-chat/index.js

@@ -25,12 +25,12 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
-import { n as buildAiMessageRequest, t as LuzmoAiChat } from "../ai-chat-DlUYd_Cf.js";
-import "../dataset-icon-x6Q8nhYc.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
+import { n as buildAiMessageRequest, t as LuzmoAiChat } from "../ai-chat-CEX2VQeq.js";
+import "../dataset-icon-DhF21dXC.js";
 import "../data-broker-cLR-t5LM.js";
-import "../dataset-selector-list-DO_ExOrO.js";
-import "../dataset-selector-row-VsvdrVDf.js";
-import "../ai-interaction-textarea-EdWcPK0w.js";
+import "../dataset-selector-list-BDSXGUDh.js";
+import "../dataset-selector-row-DPyGMP__.js";
+import "../ai-interaction-textarea-B5UE7CIq.js";
 export { LuzmoAiChat, buildAiMessageRequest };

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

@@ -19,6 +19,8 @@
  * */
 import { i as LuzmoElement } from "./base-rg2x95aL.js";
 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 { property, state } from "lit/decorators.js";
@@ -215,7 +217,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: c, Element: l, NodeFilter: u, NamedNodeMap: d = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: Re, DOMParser: ze, trustedTypes: f } = e, p = l.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: 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");
 	if (typeof o == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
@@ -265,7 +267,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, st = 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, L = !0, R = !1, z = {}, B = null, V = addToSet({}, [
 		"annotation-xml",
 		"audio",
 		"colgroup",
@@ -291,14 +293,14 @@ function createDOMPurify() {
 		"title",
 		"video",
 		"xmp"
-	]), ct = null, lt = addToSet({}, [
+	]), st = null, ct = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), ut = null, dt = addToSet({}, [
+	]), lt = null, ut = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -313,28 +315,28 @@ function createDOMPurify() {
 		"value",
 		"style",
 		"xmlns"
-	]), V = "http://www.w3.org/1998/Math/MathML", H = "http://www.w3.org/2000/svg", U = "http://www.w3.org/1999/xhtml", W = U, ft = !1, pt = null, mt = addToSet({}, [
-		V,
+	]), H = "http://www.w3.org/1998/Math/MathML", U = "http://www.w3.org/2000/svg", W = "http://www.w3.org/1999/xhtml", G = W, dt = !1, ft = null, pt = addToSet({}, [
 		H,
-		U
-	], stringToString), G = addToSet({}, [
+		U,
+		W
+	], stringToString), K = addToSet({}, [
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), K = addToSet({}, ["annotation-xml"]), ht = addToSet({}, [
+	]), q = addToSet({}, ["annotation-xml"]), mt = addToSet({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), q = null, gt = ["application/xhtml+xml", "text/html"], J = null, Y = null, _t = n.createElement("form"), vt = function(e) {
+	]), J = null, ht = ["application/xhtml+xml", "text/html"], Y = null, X = null, gt = n.createElement("form"), _t = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, yt = function() {
+	}, vt = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (!(Y && Y === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = clone(e), q = gt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, J = q === "application/xhtml+xml" ? stringToString : stringToLowerCase, S = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, J) : et, C = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, J) : tt, pt = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : mt, ut = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(dt), e.ADD_URI_SAFE_ATTR, J) : dt, ct = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(lt), e.ADD_DATA_URI_TAGS, J) : lt, B = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, J) : st, T = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, J) : clone({}), E = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, J) : 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, W = e.NAMESPACE || U, G = e.MATHML_TEXT_INTEGRATION_POINTS || G, K = e.HTML_INTEGRATION_POINTS || K, w = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && vt(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (w.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && vt(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, J))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? D.attributeCheck = e.ADD_ATTR : (C === tt && (C = clone(C)), addToSet(C, e.ADD_ATTR, J))), e.ADD_URI_SAFE_ATTR && addToSet(ut, e.ADD_URI_SAFE_ATTR, J), e.FORBID_CONTENTS && (B === st && (B = clone(B)), addToSet(B, e.FORBID_CONTENTS, J)), e.ADD_FORBID_CONTENTS && (B === st && (B = clone(B)), addToSet(B, e.ADD_FORBID_CONTENTS, J)), L && (S["#text"] = !0), j && addToSet(S, [
+		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, [
 				"html",
 				"head",
 				"body"
@@ -343,28 +345,28 @@ function createDOMPurify() {
 				if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
 				h = e.TRUSTED_TYPES_POLICY, g = h.createHTML("");
 			} else h === void 0 && (h = _createTrustedTypesPolicy(f, i)), h !== null && typeof g == "string" && (g = h.createHTML(""));
-			freeze && freeze(e), Y = e;
+			freeze && freeze(e), X = e;
 		}
-	}, bt = addToSet({}, [
+	}, yt = addToSet({}, [
 		...svg$1,
 		...svgFilters,
 		...svgDisallowed
-	]), xt = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), St = function(e) {
+	]), bt = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), xt = function(e) {
 		let t = m(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: W,
+			namespaceURI: G,
 			tagName: "template"
 		});
 		let n = stringToLowerCase(e.tagName), r = stringToLowerCase(t.tagName);
-		return pt[e.namespaceURI] ? e.namespaceURI === H ? t.namespaceURI === U ? n === "svg" : t.namespaceURI === V ? n === "svg" && (r === "annotation-xml" || G[r]) : !!bt[n] : e.namespaceURI === V ? t.namespaceURI === U ? n === "math" : t.namespaceURI === H ? n === "math" && K[r] : !!xt[n] : e.namespaceURI === U ? t.namespaceURI === H && !K[r] || t.namespaceURI === V && !G[r] ? !1 : !xt[n] && (ht[n] || !bt[n]) : !!(q === "application/xhtml+xml" && pt[e.namespaceURI]) : !1;
-	}, X = function(e) {
+		return ft[e.namespaceURI] ? e.namespaceURI === U ? t.namespaceURI === W ? n === "svg" : t.namespaceURI === H ? n === "svg" && (r === "annotation-xml" || K[r]) : !!yt[n] : e.namespaceURI === H ? t.namespaceURI === W ? n === "math" : t.namespaceURI === U ? n === "math" && q[r] : !!bt[n] : e.namespaceURI === W ? t.namespaceURI === U && !q[r] || t.namespaceURI === H && !K[r] ? !1 : !bt[n] && (mt[n] || !yt[n]) : !!(J === "application/xhtml+xml" && ft[e.namespaceURI]) : !1;
+	}, Z = function(e) {
 		arrayPush(t.removed, { element: e });
 		try {
 			m(e).removeChild(e);
 		} catch {
 			Ve(e);
 		}
-	}, Z = function(e, n) {
+	}, Q = function(e, n) {
 		try {
 			arrayPush(t.removed, {
 				attribute: n.getAttributeNode(e),
@@ -377,51 +379,51 @@ function createDOMPurify() {
 			});
 		}
 		if (n.removeAttribute(e), e === "is") if (P || F) try {
-			X(n);
+			Z(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, Ct = function(e) {
+	}, St = function(e) {
 		let t = null, r = null;
 		if (N) e = "<remove></remove>" + e;
 		else {
 			let t = stringMatch(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		q === "application/xhtml+xml" && W === U && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		J === "application/xhtml+xml" && G === W && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
 		let i = h ? h.createHTML(e) : e;
-		if (W === U) try {
-			t = new ze().parseFromString(i, q);
+		if (G === W) try {
+			t = new ze().parseFromString(i, J);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = _.createDocument(W, "template", null);
+			t = _.createDocument(G, "template", null);
 			try {
-				t.documentElement.innerHTML = ft ? g : i;
+				t.documentElement.innerHTML = dt ? g : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), W === U ? Ke.call(t, j ? "html" : "body")[0] : j ? t.documentElement : a;
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), G === W ? Ke.call(t, j ? "html" : "body")[0] : j ? t.documentElement : a;
+	}, 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 We.call(e.ownerDocument || e, e, u.SHOW_ELEMENT | u.SHOW_COMMENT | u.SHOW_TEXT | u.SHOW_PROCESSING_INSTRUCTION | u.SHOW_CDATA_SECTION, null);
-	}, Q = 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");
 	}, Tt = function(e) {
-		return typeof c == "function" && e instanceof c;
+		return typeof s == "function" && e instanceof s;
 	};
 	function $(e, n, r) {
 		arrayForEach(e, (e) => {
-			e.call(t, n, r, Y);
+			e.call(t, n, r, X);
 		});
 	}
 	let Et = function(e) {
 		let n = null;
-		if ($(v.beforeSanitizeElements, e, null), Q(e)) return X(e), !0;
-		let r = J(e.nodeName);
+		if ($(v.beforeSanitizeElements, e, null), wt(e)) return Z(e), !0;
+		let r = Y(e.nodeName);
 		if ($(v.uponSanitizeElement, e, {
 			tagName: r,
 			allowedTags: S
-		}), 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 X(e), !0;
+		}), 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]) {
@@ -434,9 +436,9 @@ function createDOMPurify() {
 					}
 				}
 			}
-			return X(e), !0;
+			return Z(e), !0;
 		}
-		return e instanceof l && !St(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (X(e), !0) : (k && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
+		return e instanceof c && !xt(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (Z(e), !0) : (k && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
 			y,
 			b,
 			x
@@ -444,11 +446,11 @@ function createDOMPurify() {
 			n = stringReplace(n, e, " ");
 		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), $(v.afterSanitizeElements, e, null), !1);
 	}, Dt = function(e, t, r) {
-		if (at && (t === "id" || t === "name") && (r in n || r in _t)) return !1;
+		if (at && (t === "id" || t === "name") && (r in n || r in gt)) return !1;
 		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 (!ut[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;
+			} 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;
 		}
 		return !0;
 	}, Ot = function(e) {
@@ -456,7 +458,7 @@ function createDOMPurify() {
 	}, kt = function(e) {
 		$(v.beforeSanitizeAttributes, e, null);
 		let { attributes: n } = e;
-		if (!n || Q(e)) return;
+		if (!n || wt(e)) return;
 		let r = {
 			attrName: "",
 			attrValue: "",
@@ -465,22 +467,22 @@ function createDOMPurify() {
 			forceKeepAttr: void 0
 		}, i = n.length;
 		for (; i--;) {
-			let { name: a, namespaceURI: o, value: s } = n[i], c = J(a), l = s, u = a === "value" ? l : stringTrim(l);
-			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, $(v.uponSanitizeAttribute, e, r), u = r.attrValue, ot && (c === "id" || c === "name") && (Z(a, e), u = "user-content-" + u), A && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
-				Z(a, e);
+			let { name: a, namespaceURI: o, value: s } = n[i], c = Y(a), l = s, u = a === "value" ? l : stringTrim(l);
+			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, $(v.uponSanitizeAttribute, e, r), u = r.attrValue, ot && (c === "id" || c === "name") && (Q(a, e), u = "user-content-" + u), A && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
+				Q(a, e);
 				continue;
 			}
 			if (c === "attributename" && stringMatch(u, "href")) {
-				Z(a, e);
+				Q(a, e);
 				continue;
 			}
 			if (r.forceKeepAttr) continue;
 			if (!r.keepAttr) {
-				Z(a, e);
+				Q(a, e);
 				continue;
 			}
 			if (!it && regExpTest(/\/>/i, u)) {
-				Z(a, e);
+				Q(a, e);
 				continue;
 			}
 			k && arrayForEach([
@@ -490,9 +492,9 @@ function createDOMPurify() {
 			], (e) => {
 				u = stringReplace(u, e, " ");
 			});
-			let d = J(e.nodeName);
+			let d = Y(e.nodeName);
 			if (!Dt(d, c, u)) {
-				Z(a, e);
+				Q(a, e);
 				continue;
 			}
 			if (h && typeof f == "object" && typeof f.getAttributeType == "function" && !o) switch (f.getAttributeType(d, c)) {
@@ -504,36 +506,36 @@ function createDOMPurify() {
 					break;
 			}
 			if (u !== l) try {
-				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), Q(e) ? X(e) : arrayPop(t.removed);
+				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), wt(e) ? Z(e) : arrayPop(t.removed);
 			} catch {
-				Z(a, e);
+				Q(a, e);
 			}
 		}
 		$(v.afterSanitizeAttributes, e, null);
 	}, At = function e(t) {
-		let n = null, r = wt(t);
+		let n = null, r = Ct(t);
 		for ($(v.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) $(v.uponSanitizeShadowNode, n, null), Et(n), kt(n), n.content instanceof a && e(n.content);
 		$(v.afterSanitizeShadowDOM, t, null);
 	};
 	return t.sanitize = function(e) {
-		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, o = null, s = null, l = null;
-		if (ft = !e, ft && (e = "<!-->"), typeof e != "string" && !Tt(e)) if (typeof e.toString == "function") {
+		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, o = null, c = null, l = null;
+		if (dt = !e, dt && (e = "<!-->"), typeof e != "string" && !Tt(e)) if (typeof e.toString == "function") {
 			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 || yt(n), t.removed = [], typeof e == "string" && (R = !1), R) {
+		if (M || vt(n), t.removed = [], typeof e == "string" && (R = !1), R) {
 			if (e.nodeName) {
-				let t = J(e.nodeName);
+				let t = Y(e.nodeName);
 				if (!S[t] || T[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
 			}
-		} else if (e instanceof c) i = Ct("<!---->"), o = i.ownerDocument.importNode(e, !0), o.nodeType === NODE_TYPE.element && o.nodeName === "BODY" || o.nodeName === "HTML" ? i = o : i.appendChild(o);
+		} else if (e instanceof s) i = St("<!---->"), o = i.ownerDocument.importNode(e, !0), o.nodeType === NODE_TYPE.element && o.nodeName === "BODY" || o.nodeName === "HTML" ? i = o : i.appendChild(o);
 		else {
 			if (!P && !k && !j && e.indexOf("<") === -1) return h && I ? h.createHTML(e) : e;
-			if (i = Ct(e), !i) return P ? null : I ? g : "";
+			if (i = St(e), !i) return P ? null : I ? g : "";
 		}
-		i && N && X(i.firstChild);
-		let u = wt(R ? e : i);
-		for (; s = u.nextNode();) Et(s), kt(s), s.content instanceof a && At(s.content);
+		i && N && Z(i.firstChild);
+		let u = Ct(R ? e : i);
+		for (; c = u.nextNode();) Et(c), kt(c), c.content instanceof a && At(c.content);
 		if (R) return e;
 		if (P) {
 			if (F) for (l = Ge.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
@@ -549,11 +551,11 @@ function createDOMPurify() {
 			d = stringReplace(d, e, " ");
 		}), h && I ? h.createHTML(d) : d;
 	}, t.setConfig = function() {
-		yt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), M = !0;
+		vt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), M = !0;
 	}, t.clearConfig = function() {
-		Y = null, M = !1;
+		X = null, M = !1;
 	}, t.isValidAttribute = function(e, t, n) {
-		return Y || yt({}), Dt(J(e), J(t), n);
+		return X || vt({}), Dt(Y(e), Y(t), n);
 	}, t.addHook = function(e, t) {
 		typeof t == "function" && arrayPush(v[e], t);
 	}, t.removeHook = function(e, t) {
@@ -568,7 +570,7 @@ 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-ai-interaction-textarea{flex-grow:0;flex-shrink:0}: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}";
+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)}";
 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 {
@@ -598,7 +600,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._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._isGeneratingInternal = !1, this._textareaValue = "";
 	}
 	static {
 		this.styles = unsafeCSS(ai_chat_module_default);
@@ -634,7 +636,7 @@ var LuzmoAiChat = class extends LuzmoElement {
 		}
 		return await n.json();
 	}
-	async _addUserMessage(e, t) {
+	_addUserMessage(e, t) {
 		let n = {
 			id: this._generateMessageId(),
 			type: "user",
@@ -647,7 +649,7 @@ var LuzmoAiChat = class extends LuzmoElement {
 			},
 			bubbles: !0,
 			composed: !0
-		})), await this.updateComplete, this._scrollToBottom();
+		}));
 	}
 	_prepareForAIResponse() {
 		this._isGeneratingInternal = !0;
@@ -692,14 +694,8 @@ var LuzmoAiChat = class extends LuzmoElement {
 	_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) {
-		console.error("AI Chart Generation Error:", e);
-		let t = {
-			id: this._generateMessageId(),
-			type: "ai",
-			message: `${e instanceof Error ? e.message : "Unknown error"}`
-		};
-		this.messages = [...this.messages, t], this.dispatchEvent(new CustomEvent("luzmo-response-received", {
+	_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", {
 			detail: {
 				message: t,
 				error: e
@@ -708,9 +704,6 @@ var LuzmoAiChat = class extends LuzmoElement {
 			composed: !0
 		}));
 	}
-	async _finalizeAIResponse() {
-		this._isGeneratingInternal = !1, await this.updateComplete, this._scrollToBottom();
-	}
 	_handleDatasetSelected(e) {
 		let t = e.detail;
 		this.selectedDatasets.some((e) => e.id === t.id) || (this.selectedDatasets = [...this.selectedDatasets, t], this._emitDatasetsChanged());
@@ -728,7 +721,7 @@ var LuzmoAiChat = class extends LuzmoElement {
 	}
 	async _handlePromptSubmitted(e) {
 		let { prompt: t, selectedDatasets: n } = e.detail, r = n.map((e) => e.id), i = this._buildRequestBody(t, r);
-		if (await this._addUserMessage(t, n), this.requestMode === "external") {
+		if (this._addUserMessage(t, n), this.requestMode === "external") {
 			let e = {
 				prompt: t,
 				selectedDatasets: n,
@@ -748,9 +741,9 @@ var LuzmoAiChat = class extends LuzmoElement {
 			let e = await this._sendMessage(i);
 			this._processAIResponse(e, a);
 		} catch (e) {
-			this._handleAPIError(e);
+			this._handleAPIError(e, a);
 		} finally {
-			await this._finalizeAIResponse();
+			this._isGeneratingInternal = !1;
 		}
 	}
 	_scrollToBottom() {
@@ -761,6 +754,9 @@ var LuzmoAiChat = class extends LuzmoElement {
 			});
 		});
 	}
+	updated(e) {
+		super.updated?.(e), e.has("messages") && this.updateComplete.then(() => this._scrollToBottom());
+	}
 	_sanitizeMessage(e) {
 		return purify.sanitize(e, {
 			ALLOWED_TAGS: [
@@ -818,6 +814,7 @@ var LuzmoAiChat = class extends LuzmoElement {
             </luzmo-chat-message>
             ` : html`
             <luzmo-chat-message
+              class=${e.isError ? "error" : ""}
               avatar-placement="bottom"
               position="left"
               quiet
@@ -827,12 +824,45 @@ var LuzmoAiChat = class extends LuzmoElement {
             </luzmo-chat-message>
             `);
 	}
+	_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`
+      
+    `;
+	}
+	_renderPlaceholderMessage() {
+		return this.messages.length > 0 ? html`
+        
+      ` : html`
+      <luzmo-chat-message
+        avatar-placement="bottom"
+        position="left"
+        quiet
+        size="s"
+      >
+        ${msg("Describe how you want to edit this item…", { desc: "Label for ai chat placeholder message" })}
+      </luzmo-chat-message>
+    `;
+	}
 	render() {
 		let e = this.requestMode === "external" ? this.isGenerating : this._isGeneratingInternal;
 		return html`
       <div class="chat-container">
         <div class="chat-messages-container">
+          ${this._renderPlaceholderMessage()}
           ${this._renderMessages()}
+          ${this._renderLoadingMessage()}
         </div>
 
         <luzmo-ai-interaction-textarea
@@ -900,5 +930,8 @@ __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([state()], LuzmoAiChat.prototype, "_isGeneratingInternal", void 0), __decorate([state()], LuzmoAiChat.prototype, "_textareaValue", void 0), customElements.get("luzmo-ai-chat") || customElements.define("luzmo-ai-chat", LuzmoAiChat);
+})], 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 };