@sisense/sdk-ui-preact 1.27.1 → 1.29.0

package/dist/ai.js

@@ -1,21 +1,21 @@
-import { aT as be, aB as je, dC as mt, bf as xt, b1 as Te, aD as ft, dD as kt, bz as wt, v as _t, d as se, dE as Ct, dF as yt, C as $, u as Y, dG as He, P as b, a4 as vt, G as ye, s as h, w as L, aC as Ye, dH as Mt, t as qe, $ as Ue, f as Be, Z as f, h as a, O as _, m as T, ag as Dt, dI as It, ae as At, F as q, dJ as St, q as z, E as me, dK as Lt, ar as Nt, ac as jt, br as Q, x as I, ao as Pe, p as M, _ as F, W as fe, dL as Tt, V as zt, a1 as ke, b8 as Et, a2 as K, bv as Zt, dM as Rt, ay as $e, K as Ot, cD as Wt, dN as ee, ce as ne, dO as Gt, dP as Ht, dQ as Qe, dR as Yt, dS as qt, bG as Ut, bH as Bt, dd as Pt, dT as $t, dU as Qt, dV as Ft, bZ as Vt, cd as Jt, dW as Xt, cb as Fe, J as Kt, Q as ea, dX as ta, c9 as aa } from "./useQuery-DOgANgSI-6bbcaeca.js";
-var ra = Object.defineProperty, ze = Object.getOwnPropertySymbols, ia = Object.prototype.hasOwnProperty, oa = Object.prototype.propertyIsEnumerable, Ee = (e, t, r) => t in e ? ra(e, t, {
+import { a$ as ke, aG as Ze, d_ as ft, bg as kt, b8 as Oe, aM as wt, d$ as _t, bK as Ct, g as yt, d as pe, e0 as vt, e1 as Mt, C as F, u as B, e2 as Be, P as m, a7 as It, G as De, z as g, I as S, aH as $e, e3 as Dt, B as Pe, E as Fe, j as Ae, Y as f, k as a, V as _, n as N, a as At, e4 as St, aj as Lt, F as $, e5 as Nt, q as z, M as we, e6 as Tt, ax as jt, ah as zt, br as P, x as M, au as ge, p as I, _ as V, W as Ce, e7 as Et, e8 as Zt, a1 as Ot, a4 as ye, e9 as Rt, a5 as K, bG as Wt, ea as Gt, aF as Ve, X as qt, cN as Yt, eb as ee, co as le, ec as Ht, ed as Ut, ee as Qe, ef as Bt, eg as $t, bS as Pt, bT as Ft, eh as Vt, dA as Qt, ei as Jt, ej as Xt, ek as Kt, c7 as ea, ck as ta, el as aa, ci as Je, N as ra, Z as ia, em as oa, cg as na } from "./useQuery-CdtycPOg-6bf8b29e.js";
+var la = Object.defineProperty, Re = Object.getOwnPropertySymbols, ca = Object.prototype.hasOwnProperty, da = Object.prototype.propertyIsEnumerable, We = (e, t, r) => t in e ? la(e, t, {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: r
-}) : e[t] = r, le = (e, t) => {
+}) : e[t] = r, ce = (e, t) => {
   for (var r in t || (t = {}))
-    ia.call(t, r) && Ee(e, r, t[r]);
-  if (ze)
-    for (var r of ze(t))
-      oa.call(t, r) && Ee(e, r, t[r]);
+    ca.call(t, r) && We(e, r, t[r]);
+  if (Re)
+    for (var r of Re(t))
+      da.call(t, r) && We(e, r, t[r]);
   return e;
 };
-let na = class extends kt {
+class sa extends _t {
   constructor(t, r) {
     var i;
-    super((i = t.jaql.title) !== null && i !== void 0 ? i : "", r), this.expression = t.jaql.dim || t.jaql.formula, this.metadataItem = t, t.jaql.agg ? this.aggregation = t.jaql.agg : delete this.aggregation, t.jaql.formula ? this.formula = t.jaql.formula : delete this.formula, t.jaql.sort ? this.sortType = wt(t.jaql.sort) : delete this.sortType, this.skipValidation = !0;
+    super((i = t.jaql.title) !== null && i !== void 0 ? i : "", r), this.expression = t.jaql.dim || t.jaql.formula, this.metadataItem = t, t.jaql.agg ? this.aggregation = t.jaql.agg : delete this.aggregation, t.jaql.formula ? this.formula = t.jaql.formula : delete this.formula, t.jaql.sort ? this.sortType = Ct(t.jaql.sort) : delete this.sortType, this.skipValidation = !0;
   }
   get id() {
     return this.expression;
@@ -23,24 +23,24 @@ let na = class extends kt {
   jaql() {
     return this.metadataItem;
   }
+}
+const pa = {
+  text: ke.TextAttribute,
+  numeric: ke.NumericAttribute,
+  datetime: ke.DateLevel
 };
-const la = {
-  text: be.TextAttribute,
-  numeric: be.NumericAttribute,
-  datetime: be.DateLevel
-};
-function Ve(e) {
+function Xe(e) {
   var t;
-  return new na(e, (t = la[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
+  return new sa(e, (t = pa[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
 }
-function ca(e) {
+function ga(e) {
   return !e || !e.jaql.datasource.title || !e.jaql.metadata.length;
 }
-const da = (e) => ({
+const ua = (e) => ({
   dataOptions: {
-    columns: e.map(Ve)
+    columns: e.map(Xe)
   }
-}), sa = Object.freeze({
+}), ha = Object.freeze({
   convolution: {
     enabled: !0,
     selectedConvolutionType: "bySlicesCount",
@@ -61,80 +61,80 @@ const da = (e) => ({
   xAxis: {
     gridLines: !1
   }
-}), Ze = Object.freeze({
+}), Ge = Object.freeze({
   line: "line/spline",
   pie: "pie/donut",
   bar: "bar/stacked",
   column: "column/stackedcolumn"
-}), pa = (e, t) => {
+}), ba = (e, t) => {
   const {
     axesMapping: r = {},
     chartFamily: i
-  } = t, o = e.reduce((n, d) => (n[d.jaql.title] = d, n), {}), l = Object.entries(r).reduce((n, d) => {
+  } = t, o = e.reduce((l, d) => (l[d.jaql.title] = d, l), {}), n = Object.entries(r).reduce((l, d) => {
     const [c, s] = d;
-    return n[`${c}`] = Array.isArray(s) ? s.map((p) => {
-      var g, u;
-      const m = o[p.name];
-      if (!m)
+    return l[`${c}`] = Array.isArray(s) ? s.map((u) => {
+      var p, h;
+      const b = o[u.name];
+      if (!b)
         return {
           column: {
             type: "",
-            name: p.name
+            name: u.name
           }
         };
-      const C = Ve(m);
-      if (m.panel === "measures")
+      const w = Xe(b);
+      if (b.panel === "measures")
         return {
-          column: C,
+          column: w,
           sortType: "sortNone"
         };
-      if (ft(C.type)) {
-        const x = (u = (g = m.format) == null ? void 0 : g.mask) == null ? void 0 : u[m.jaql.level];
-        if (x)
+      if (wt(w.type)) {
+        const k = (h = (p = b.format) == null ? void 0 : p.mask) == null ? void 0 : h[b.jaql.level];
+        if (k)
           return {
-            column: C,
-            dateFormat: x
+            column: w,
+            dateFormat: k
           };
       }
-      return C;
-    }) : s, n;
+      return w;
+    }) : s, l;
   }, {});
   switch (i) {
     case "cartesian":
-      return le({
+      return ce({
         category: [],
         value: [],
         breakBy: []
-      }, l);
+      }, n);
     case "categorical":
-      return le({
+      return ce({
         category: [],
         value: []
-      }, l);
+      }, n);
     case "scatter":
-      return Object.keys(l).forEach((n) => {
-        l[`${n}`] = l[`${n}`][0];
-      }), l;
+      return Object.keys(n).forEach((l) => {
+        n[`${l}`] = n[`${l}`][0];
+      }), n;
     case "scattermap":
-      return Object.keys(l).forEach((n) => {
-        n !== "geo" && (l[`${n}`] = l[`${n}`][0]);
-      }), l;
+      return Object.keys(n).forEach((l) => {
+        l !== "geo" && (n[`${l}`] = n[`${l}`][0]);
+      }), n;
     case "table":
-      return Object.keys(l).length === 0 ? da(e).dataOptions : l;
+      return Object.keys(n).length === 0 ? ua(e).dataOptions : n;
     case "boxplot":
     case "areamap":
     case "indicator":
     default:
-      return l;
+      return n;
   }
-}, Re = (e, t) => {
-  var r, i, o, l;
-  return t === "x" ? (i = (r = e.axesMapping.category) != null ? r : e.axesMapping.x) == null ? void 0 : i.map((n) => n.name).join(", ") : (l = (o = e.axesMapping.value) != null ? o : e.axesMapping.y) == null ? void 0 : l.map((n) => n.name).join(", ");
-}, ga = (e, t, r = !0) => {
-  const i = pa(e, t);
+}, qe = (e, t) => {
+  var r, i, o, n;
+  return t === "x" ? (i = (r = e.axesMapping.category) != null ? r : e.axesMapping.x) == null ? void 0 : i.map((l) => l.name).join(", ") : (n = (o = e.axesMapping.value) != null ? o : e.axesMapping.y) == null ? void 0 : n.map((l) => l.name).join(", ");
+}, ma = (e, t, r = !0) => {
+  const i = ba(e, t);
   let o;
-  return r && t.chartType in Ze ? o = je(je(sa, {
-    subtype: Ze[t.chartType]
+  return r && t.chartType in Ge ? o = Ze(Ze(ha, {
+    subtype: Ge[t.chartType]
   }), {
     legend: {
       enabled: !0,
@@ -143,142 +143,142 @@ const da = (e) => ({
     yAxis: {
       title: {
         enabled: !0,
-        text: Re(t, "y")
+        text: qe(t, "y")
       }
     },
     xAxis: {
       title: {
         enabled: !0,
-        text: Re(t, "x")
+        text: qe(t, "x")
       }
     }
-  }) : o = mt(), {
+  }) : o = ft(), {
     dataOptions: i,
     chartStyleOptions: o
   };
-}, ha = (e) => "chartType" in e ? e : {
+}, xa = (e) => "chartType" in e ? e : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, ua = (e) => e.map((t) => xt(t.jaql)), ba = (e) => e.reduce((t, r) => {
-  if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(Te(r)), r.panel !== "scope") {
-    const i = Te(r);
+}, fa = (e) => e.map((t) => kt(t.jaql)), ka = (e) => e.reduce((t, r) => {
+  if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(Oe(r)), r.panel !== "scope") {
+    const i = Oe(r);
     delete i.jaql.filter, t.metadataColumns.push(i);
   }
   return t;
 }, {
   metadataColumns: [],
   metadataFilters: []
-}), ma = (e, t) => {
-  if (!ca(e))
+}), wa = (e, t) => {
+  if (!ga(e))
     try {
       const {
         useCustomizedStyleOptions: r = !1
       } = t || {}, {
         jaql: i,
         chartRecommendations: o,
-        queryTitle: l
+        queryTitle: n
       } = e, {
-        metadata: n,
+        metadata: l,
         datasource: {
           title: d,
           id: c,
           type: s = "elasticube"
         }
-      } = i, p = ha(o), g = p.chartType.toLowerCase(), u = {
+      } = i, u = xa(o), p = u.chartType.toLowerCase(), h = {
         cornerRadius: "Small",
         header: {
           // remove info button and render empty toolbar instead
           renderToolbar: () => null
         }
       }, {
-        metadataColumns: m,
-        metadataFilters: C
-      } = ba(n), x = ua(C), {
-        dataOptions: k,
-        chartStyleOptions: N
-      } = ga(m, p, r), E = le(le({}, N), u);
+        metadataColumns: b,
+        metadataFilters: w
+      } = ka(l), k = fa(w), {
+        dataOptions: x,
+        chartStyleOptions: E
+      } = ma(b, u, r), A = ce(ce({}, E), h);
       return {
         widgetType: "chart",
-        id: l,
-        title: l,
-        chartType: g,
+        id: n,
+        title: n,
+        chartType: p,
         dataSource: {
           title: d,
           id: c,
           type: s
         },
-        dataOptions: k,
-        filters: x,
-        styleOptions: E
+        dataOptions: x,
+        filters: k,
+        styleOptions: A
       };
     } catch (r) {
       console.error(r);
       return;
     }
-}, Je = (e, t) => ma(e, t);
-var xa = Object.defineProperty, fa = Object.defineProperties, ka = Object.getOwnPropertyDescriptors, ce = Object.getOwnPropertySymbols, Xe = Object.prototype.hasOwnProperty, Ke = Object.prototype.propertyIsEnumerable, we = (e, t, r) => t in e ? xa(e, t, {
+}, ue = (e, t) => wa(e, t);
+var _a = Object.defineProperty, Ca = Object.defineProperties, ya = Object.getOwnPropertyDescriptors, de = Object.getOwnPropertySymbols, Ke = Object.prototype.hasOwnProperty, et = Object.prototype.propertyIsEnumerable, ve = (e, t, r) => t in e ? _a(e, t, {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: r
-}) : e[t] = r, v = (e, t) => {
+}) : e[t] = r, C = (e, t) => {
   for (var r in t || (t = {}))
-    Xe.call(t, r) && we(e, r, t[r]);
-  if (ce)
-    for (var r of ce(t))
-      Ke.call(t, r) && we(e, r, t[r]);
+    Ke.call(t, r) && ve(e, r, t[r]);
+  if (de)
+    for (var r of de(t))
+      et.call(t, r) && ve(e, r, t[r]);
   return e;
-}, A = (e, t) => fa(e, ka(t)), wa = (e, t) => {
+}, v = (e, t) => Ca(e, ya(t)), va = (e, t) => {
   var r = {};
   for (var i in e)
-    Xe.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
-  if (e != null && ce)
-    for (var i of ce(e))
-      t.indexOf(i) < 0 && Ke.call(e, i) && (r[i] = e[i]);
+    Ke.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && de)
+    for (var i of de(e))
+      t.indexOf(i) < 0 && et.call(e, i) && (r[i] = e[i]);
   return r;
-}, j = (e, t, r) => (we(e, typeof t != "symbol" ? t + "" : t, r), r), V = (e, t, r) => new Promise((i, o) => {
-  var l = (c) => {
+}, L = (e, t, r) => (ve(e, typeof t != "symbol" ? t + "" : t, r), r), Q = (e, t, r) => new Promise((i, o) => {
+  var n = (c) => {
     try {
       d(r.next(c));
     } catch (s) {
       o(s);
     }
-  }, n = (c) => {
+  }, l = (c) => {
     try {
       d(r.throw(c));
     } catch (s) {
       o(s);
     }
-  }, d = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(l, n);
+  }, d = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(n, l);
   d((r = r.apply(e, t)).next());
-});
-function _a(e) {
-  return Pt("MuiDialog", e);
+}), Ma = Vt("toLowerCase");
+function Ia(e) {
+  return Qt("MuiDialog", e);
 }
-const xe = _t("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), et = /* @__PURE__ */ ye({});
-process.env.NODE_ENV !== "production" && (et.displayName = "DialogContext");
-const Ca = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], ya = se(Ct, {
+const _e = yt("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), tt = /* @__PURE__ */ De({});
+process.env.NODE_ENV !== "production" && (tt.displayName = "DialogContext");
+const Da = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], Aa = pe(vt, {
   name: "MuiDialog",
   slot: "Backdrop",
   overrides: (e, t) => t.backdrop
 })({
   // Improve scrollable dialog support.
   zIndex: -1
-}), va = (e) => {
+}), Sa = (e) => {
   const {
     classes: t,
     scroll: r,
     maxWidth: i,
     fullWidth: o,
-    fullScreen: l
-  } = e, n = {
+    fullScreen: n
+  } = e, l = {
     root: ["root"],
-    container: ["container", `scroll${$(r)}`],
-    paper: ["paper", `paperScroll${$(r)}`, `paperWidth${$(String(i))}`, o && "paperFullWidth", l && "paperFullScreen"]
+    container: ["container", `scroll${F(r)}`],
+    paper: ["paper", `paperScroll${F(r)}`, `paperWidth${F(String(i))}`, o && "paperFullWidth", n && "paperFullScreen"]
   };
-  return Zt(n, _a, t);
-}, Ma = se(yt, {
+  return Wt(l, Ia, t);
+}, La = pe(Mt, {
   name: "MuiDialog",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -287,18 +287,18 @@ const Ca = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     // Use !important to override the Modal inline-style.
     position: "absolute !important"
   }
-}), Da = se("div", {
+}), Na = pe("div", {
   name: "MuiDialog",
   slot: "Container",
   overridesResolver: (e, t) => {
     const {
       ownerState: r
     } = e;
-    return [t.container, t[`scroll${$(r.scroll)}`]];
+    return [t.container, t[`scroll${F(r.scroll)}`]];
   }
 })(({
   ownerState: e
-}) => Y({
+}) => B({
   height: "100%",
   "@media print": {
     height: "auto"
@@ -320,19 +320,19 @@ const Ca = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     height: "100%",
     width: "0"
   }
-})), Ia = se(He, {
+})), Ta = pe(Be, {
   name: "MuiDialog",
   slot: "Paper",
   overridesResolver: (e, t) => {
     const {
       ownerState: r
     } = e;
-    return [t.paper, t[`scrollPaper${$(r.scroll)}`], t[`paperWidth${$(String(r.maxWidth))}`], r.fullWidth && t.paperFullWidth, r.fullScreen && t.paperFullScreen];
+    return [t.paper, t[`scrollPaper${F(r.scroll)}`], t[`paperWidth${F(String(r.maxWidth))}`], r.fullWidth && t.paperFullWidth, r.fullScreen && t.paperFullScreen];
   }
 })(({
   theme: e,
   ownerState: t
-}) => Y({
+}) => B({
   margin: 32,
   position: "relative",
   overflowY: "auto",
@@ -354,14 +354,14 @@ const Ca = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
   maxWidth: "calc(100% - 64px)"
 }, t.maxWidth === "xs" && {
   maxWidth: e.breakpoints.unit === "px" ? Math.max(e.breakpoints.values.xs, 444) : `max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,
-  [`&.${xe.paperScrollBody}`]: {
+  [`&.${_e.paperScrollBody}`]: {
     [e.breakpoints.down(Math.max(e.breakpoints.values.xs, 444) + 32 * 2)]: {
       maxWidth: "calc(100% - 64px)"
     }
   }
 }, t.maxWidth && t.maxWidth !== "xs" && {
   maxWidth: `${e.breakpoints.values[t.maxWidth]}${e.breakpoints.unit}`,
-  [`&.${xe.paperScrollBody}`]: {
+  [`&.${_e.paperScrollBody}`]: {
     [e.breakpoints.down(e.breakpoints.values[t.maxWidth] + 32 * 2)]: {
       maxWidth: "calc(100% - 64px)"
     }
@@ -375,91 +375,91 @@ const Ca = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
   height: "100%",
   maxHeight: "none",
   borderRadius: 0,
-  [`&.${xe.paperScrollBody}`]: {
+  [`&.${_e.paperScrollBody}`]: {
     margin: 0,
     maxWidth: "100%"
   }
-})), tt = /* @__PURE__ */ qe(function(e, t) {
-  const r = Dt({
+})), at = /* @__PURE__ */ Pe(function(e, t) {
+  const r = At({
     props: e,
     name: "MuiDialog"
-  }), i = It(), o = {
+  }), i = St(), o = {
     enter: i.transitions.duration.enteringScreen,
     exit: i.transitions.duration.leavingScreen
   }, {
-    "aria-describedby": l,
-    "aria-labelledby": n,
+    "aria-describedby": n,
+    "aria-labelledby": l,
     BackdropComponent: d,
     BackdropProps: c,
     children: s,
-    className: p,
-    disableEscapeKeyDown: g = !1,
-    fullScreen: u = !1,
-    fullWidth: m = !1,
-    maxWidth: C = "sm",
-    onBackdropClick: x,
-    onClick: k,
-    onClose: N,
-    open: E,
-    PaperComponent: y = He,
-    PaperProps: O = {},
-    scroll: D = "paper",
-    TransitionComponent: J = Rt,
-    transitionDuration: S = o,
-    TransitionProps: re
-  } = r, he = At(r, Ca), U = Y({}, r, {
-    disableEscapeKeyDown: g,
-    fullScreen: u,
-    fullWidth: m,
-    maxWidth: C,
-    scroll: D
-  }), X = va(U), B = q(), ie = (w) => {
-    B.current = w.target === w.currentTarget;
-  }, W = (w) => {
-    k && k(w), B.current && (B.current = null, x && x(w), N && N(w, "backdropClick"));
-  }, P = St(n), ue = z(() => ({
-    titleId: P
-  }), [P]);
-  return /* @__PURE__ */ a(Ma, Y({
-    className: me(X.root, p),
+    className: u,
+    disableEscapeKeyDown: p = !1,
+    fullScreen: h = !1,
+    fullWidth: b = !1,
+    maxWidth: w = "sm",
+    onBackdropClick: k,
+    onClick: x,
+    onClose: E,
+    open: A,
+    PaperComponent: y = Be,
+    PaperProps: R = {},
+    scroll: Z = "paper",
+    TransitionComponent: T = Gt,
+    transitionDuration: G = o,
+    TransitionProps: me
+  } = r, xe = Lt(r, Da), q = B({}, r, {
+    disableEscapeKeyDown: p,
+    fullScreen: h,
+    fullWidth: b,
+    maxWidth: w,
+    scroll: Z
+  }), J = Sa(q), j = $(), ie = (Y) => {
+    j.current = Y.target === Y.currentTarget;
+  }, fe = (Y) => {
+    x && x(Y), j.current && (j.current = null, k && k(Y), E && E(Y, "backdropClick"));
+  }, X = Nt(l), oe = z(() => ({
+    titleId: X
+  }), [X]);
+  return /* @__PURE__ */ a(La, B({
+    className: we(J.root, u),
     closeAfterTransition: !0,
     components: {
-      Backdrop: ya
+      Backdrop: Aa
     },
     componentsProps: {
-      backdrop: Y({
-        transitionDuration: S,
+      backdrop: B({
+        transitionDuration: G,
         as: d
       }, c)
     },
-    disableEscapeKeyDown: g,
-    onClose: N,
-    open: E,
+    disableEscapeKeyDown: p,
+    onClose: E,
+    open: A,
     ref: t,
-    onClick: W,
-    ownerState: U
-  }, he, {
-    children: /* @__PURE__ */ a(J, Y({
+    onClick: fe,
+    ownerState: q
+  }, xe, {
+    children: /* @__PURE__ */ a(T, B({
       appear: !0,
-      in: E,
-      timeout: S,
+      in: A,
+      timeout: G,
       role: "presentation"
-    }, re, {
-      children: /* @__PURE__ */ a(Da, {
-        className: me(X.container),
+    }, me, {
+      children: /* @__PURE__ */ a(Na, {
+        className: we(J.container),
         onMouseDown: ie,
-        ownerState: U,
-        children: /* @__PURE__ */ a(Ia, Y({
+        ownerState: q,
+        children: /* @__PURE__ */ a(Ta, B({
           as: y,
           elevation: 24,
           role: "dialog",
-          "aria-describedby": l,
-          "aria-labelledby": P
-        }, O, {
-          className: me(X.paper, O.className),
-          ownerState: U,
-          children: /* @__PURE__ */ a(et.Provider, {
-            value: ue,
+          "aria-describedby": n,
+          "aria-labelledby": X
+        }, R, {
+          className: we(J.paper, R.className),
+          ownerState: q,
+          children: /* @__PURE__ */ a(tt.Provider, {
+            value: oe,
             children: s
           })
         }))
@@ -467,7 +467,7 @@ const Ca = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (tt.propTypes = {
+process.env.NODE_ENV !== "production" && (at.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -475,11 +475,11 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
   /**
    * The id(s) of the element(s) that describe the dialog.
    */
-  "aria-describedby": b.string,
+  "aria-describedby": m.string,
   /**
    * The id(s) of the element(s) that label the dialog.
    */
-  "aria-labelledby": b.string,
+  "aria-labelledby": m.string,
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
    * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
@@ -494,92 +494,92 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    *   zIndex: -1,
    * })
    */
-  BackdropComponent: b.elementType,
+  BackdropComponent: m.elementType,
   /**
    * @ignore
    */
-  BackdropProps: b.object,
+  BackdropProps: m.object,
   /**
    * Dialog children, usually the included sub-components.
    */
-  children: b.node,
+  children: m.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: b.object,
+  classes: m.object,
   /**
    * @ignore
    */
-  className: b.string,
+  className: m.string,
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown: b.bool,
+  disableEscapeKeyDown: m.bool,
   /**
    * If `true`, the dialog is full-screen.
    * @default false
    */
-  fullScreen: b.bool,
+  fullScreen: m.bool,
   /**
    * If `true`, the dialog stretches to `maxWidth`.
    *
    * Notice that the dialog width grow is limited by the default margin.
    * @default false
    */
-  fullWidth: b.bool,
+  fullWidth: m.bool,
   /**
    * Determine the max-width of the dialog.
    * The dialog width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'sm'
    */
-  maxWidth: b.oneOfType([b.oneOf(["xs", "sm", "md", "lg", "xl", !1]), b.string]),
+  maxWidth: m.oneOfType([m.oneOf(["xs", "sm", "md", "lg", "xl", !1]), m.string]),
   /**
    * Callback fired when the backdrop is clicked.
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
-  onBackdropClick: b.func,
+  onBackdropClick: m.func,
   /**
    * @ignore
    */
-  onClick: b.func,
+  onClick: m.func,
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
-  onClose: b.func,
+  onClose: m.func,
   /**
    * If `true`, the component is shown.
    */
-  open: b.bool.isRequired,
+  open: m.bool.isRequired,
   /**
    * The component used to render the body of the dialog.
    * @default Paper
    */
-  PaperComponent: b.elementType,
+  PaperComponent: m.elementType,
   /**
    * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
-  PaperProps: b.object,
+  PaperProps: m.object,
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
    */
-  scroll: b.oneOf(["body", "paper"]),
+  scroll: m.oneOf(["body", "paper"]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: b.oneOfType([b.arrayOf(b.oneOfType([b.func, b.object, b.bool])), b.func, b.object]),
+  sx: m.oneOfType([m.arrayOf(m.oneOfType([m.func, m.object, m.bool])), m.func, m.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
-  TransitionComponent: b.elementType,
+  TransitionComponent: m.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -588,18 +588,18 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration: b.oneOfType([b.number, b.shape({
-    appear: b.number,
-    enter: b.number,
-    exit: b.number
+  transitionDuration: m.oneOfType([m.number, m.shape({
+    appear: m.number,
+    enter: m.number,
+    exit: m.number
   })]),
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    */
-  TransitionProps: b.object
+  TransitionProps: m.object
 });
-class Aa extends $t {
+class ja extends Jt {
   constructor(t, r) {
     super(), this.client = t, this.setOptions(r), this.bindMethods(), this.updateResult();
   }
@@ -609,7 +609,7 @@ class Aa extends $t {
   setOptions(t) {
     var r;
     const i = this.options;
-    this.options = this.client.defaultMutationOptions(t), Qt(i, this.options) || this.client.getMutationCache().notify({
+    this.options = this.client.defaultMutationOptions(t), Xt(i, this.options) || this.client.getMutationCache().notify({
       type: "observerOptionsUpdated",
       mutation: this.currentMutation,
       observer: this
@@ -637,12 +637,12 @@ class Aa extends $t {
     });
   }
   mutate(t, r) {
-    return this.mutateOptions = r, this.currentMutation && this.currentMutation.removeObserver(this), this.currentMutation = this.client.getMutationCache().build(this.client, A(v({}, this.options), {
+    return this.mutateOptions = r, this.currentMutation && this.currentMutation.removeObserver(this), this.currentMutation = this.client.getMutationCache().build(this.client, v(C({}, this.options), {
       variables: typeof t < "u" ? t : this.options.variables
     })), this.currentMutation.addObserver(this), this.currentMutation.execute();
   }
   updateResult() {
-    const t = this.currentMutation ? this.currentMutation.state : Ft(), r = A(v({}, t), {
+    const t = this.currentMutation ? this.currentMutation.state : Kt(), r = v(C({}, t), {
       isLoading: t.status === "loading",
       isSuccess: t.status === "success",
       isError: t.status === "error",
@@ -656,53 +656,54 @@ class Aa extends $t {
     Qe.batch(() => {
       if (this.mutateOptions && this.hasListeners()) {
         if (t.onSuccess) {
-          var r, i, o, l;
-          (r = (i = this.mutateOptions).onSuccess) == null || r.call(i, this.currentResult.data, this.currentResult.variables, this.currentResult.context), (o = (l = this.mutateOptions).onSettled) == null || o.call(l, this.currentResult.data, null, this.currentResult.variables, this.currentResult.context);
+          var r, i, o, n;
+          (r = (i = this.mutateOptions).onSuccess) == null || r.call(i, this.currentResult.data, this.currentResult.variables, this.currentResult.context), (o = (n = this.mutateOptions).onSettled) == null || o.call(n, this.currentResult.data, null, this.currentResult.variables, this.currentResult.context);
         } else if (t.onError) {
-          var n, d, c, s;
-          (n = (d = this.mutateOptions).onError) == null || n.call(d, this.currentResult.error, this.currentResult.variables, this.currentResult.context), (c = (s = this.mutateOptions).onSettled) == null || c.call(s, void 0, this.currentResult.error, this.currentResult.variables, this.currentResult.context);
+          var l, d, c, s;
+          (l = (d = this.mutateOptions).onError) == null || l.call(d, this.currentResult.error, this.currentResult.variables, this.currentResult.context), (c = (s = this.mutateOptions).onSettled) == null || c.call(s, void 0, this.currentResult.error, this.currentResult.variables, this.currentResult.context);
         }
       }
       t.listeners && this.listeners.forEach(({
-        listener: p
+        listener: u
       }) => {
-        p(this.currentResult);
+        u(this.currentResult);
       });
     });
   }
 }
-function ve(e, t, r) {
-  const i = Gt(e, t), o = ee({
+function Se(e, t, r) {
+  const i = Ht(e, t), o = ee({
     context: i.context
-  }), [l] = M(() => new Aa(o, i));
-  F(() => {
-    l.setOptions(i);
-  }, [l, i]);
-  const n = Ht(I((c) => l.subscribe(Qe.batchCalls(c)), [l]), () => l.getCurrentResult(), () => l.getCurrentResult()), d = I((c, s) => {
-    l.mutate(c, s).catch(Sa);
-  }, [l]);
-  if (n.error && Yt(l.options.useErrorBoundary, [n.error]))
-    throw n.error;
-  return A(v({}, n), {
+  }), [n] = I(() => new ja(o, i));
+  V(() => {
+    n.setOptions(i);
+  }, [n, i]);
+  const l = Ut(M((c) => n.subscribe(Qe.batchCalls(c)), [n]), () => n.getCurrentResult(), () => n.getCurrentResult()), d = M((c, s) => {
+    n.mutate(c, s).catch(za);
+  }, [n]);
+  if (l.error && Bt(n.options.useErrorBoundary, [l.error]))
+    throw l.error;
+  return v(C({}, l), {
     mutate: d,
-    mutateAsync: n.mutate
+    mutateAsync: l.mutate
   });
 }
-function Sa() {
+function za() {
 }
-class La {
+class Ea {
   constructor(t) {
-    j(this, "httpClient"), j(this, "getChatContexts", () => V(this, null, function* () {
+    L(this, "httpClient"), L(this, "getChatContexts", () => Q(this, null, function* () {
       return (yield this.httpClient.get("api/datasources//")) || [];
-    })), j(this, "getNlgQueryResult", (r) => this.httpClient.post("api/v2/ai/nlg/queryResult", r)), j(this, "getQueryRecommendations", (r, i) => this.httpClient.get(`api/v2/ai/recommendations/query/${r}/${i.numOfRecommendations}`)), j(this, "setLlmConfig", (r) => this.httpClient.post("api/v2/settings/ai/llmProvider", r).catch((i) => {
+    })), L(this, "getNlgInsights", (r) => this.httpClient.post("api/v2/ai/nlg/queryResult", r)), L(this, "getQueryRecommendations", (r, i) => this.httpClient.get(`api/v2/ai/recommendations/query/${r}/${i.numOfRecommendations}`)), L(this, "getNlqResult", (r, i) => this.httpClient.post(`api/v2/ai/nlq/query/${r}`, i)), L(this, "setLlmConfig", (r) => this.httpClient.post("api/v2/settings/ai/llmProvider", r).catch((i) => {
       console.error("Unable to set llm config", i);
-    })), j(this, "getAllChats", () => this.httpClient.get("api/v2/ai/chats")), j(this, "getChatById", (r) => this.httpClient.get(`api/v2/ai/chats/${r}`)), j(this, "createChat", (r) => this.httpClient.post("api/v2/ai/chats", {
+    })), L(this, "getAllChats", () => this.httpClient.get("api/v2/ai/chats")), L(this, "getChatById", (r) => this.httpClient.get(`api/v2/ai/chats/${r}`)), L(this, "createChat", (r) => this.httpClient.post("api/v2/ai/chats", {
       sourceId: r
-    })), j(this, "postChat", (r, i) => this.httpClient.post(`api/v2/ai/chats/${r}`, i)), j(this, "deleteChatHistory", (r) => this.httpClient.delete(`api/v2/ai/chats/${r}/history`)), j(this, "sendFeedback", (r) => this.httpClient.post("api/v2/ai/feedback", r)), j(this, "getDataSourceFields", (r) => this.httpClient.post(`api/datasources/${encodeURIComponent(r)}/fields/search`, {
+    })), L(this, "postChat", (r, i) => this.httpClient.post(`api/v2/ai/chats/${r}`, i)), L(this, "deleteChatHistory", (r) => this.httpClient.delete(`api/v2/ai/chats/${r}/history`)), L(this, "sendFeedback", (r) => this.httpClient.post("api/v2/ai/feedback", r)), L(this, "getDataSourceFields", (r) => this.httpClient.post(`api/datasources/${encodeURIComponent(r)}/fields/search`, {
       offset: 0,
       count: 9999
-    })), j(this, "ai", {
-      getNlgQueryResult: this.getNlgQueryResult,
+    })), L(this, "ai", {
+      getNlgInsights: this.getNlgInsights,
+      getNlqResult: this.getNlqResult,
       getQueryRecommendations: this.getQueryRecommendations,
       setLlmConfig: this.setLlmConfig,
       sendFeedback: this.sendFeedback,
@@ -717,151 +718,189 @@ class La {
     }), this.httpClient = t;
   }
 }
-const Na = new vt({
+const Za = new It({
   defaultOptions: {
     queries: {
       refetchOnWindowFocus: !1,
       refetchOnMount: !1
     }
   }
-}), at = ye(void 0), Z = () => $e(at), ja = ({
+}), rt = De(void 0), O = () => Ve(rt), Oa = ({
   children: e
 }) => {
   const {
     app: t
-  } = Ot(), r = z(() => t ? new La(t.httpClient) : void 0, [t]);
-  return /* @__PURE__ */ a(at.Provider, {
+  } = qt(), r = z(() => t ? new Ea(t.httpClient) : void 0, [t]);
+  return /* @__PURE__ */ a(rt.Provider, {
     value: r,
-    children: /* @__PURE__ */ a(Wt, {
-      client: Na,
+    children: /* @__PURE__ */ a(Yt, {
+      client: Za,
       children: e
     })
   });
 };
-function Zi({
+function qi({
   children: e
 }) {
-  return /* @__PURE__ */ a(ja, {
+  return /* @__PURE__ */ a(Oa, {
     children: e
   });
 }
-const pe = (e, t = !0) => {
+const te = (e, t = !0) => {
   const r = z(() => {
-    var p, g;
+    var u, p;
     if ("jaql" in e)
       return e;
     {
-      const u = Lt(e.dataSource), {
-        filters: m = [],
-        relations: C
-      } = Nt(e.filters), {
-        metadata: x,
-        filterRelations: k
-      } = jt({
+      const h = Tt(e.dataSource), {
+        filters: b = [],
+        relations: w
+      } = jt(e.filters), {
+        metadata: k,
+        filterRelations: x
+      } = zt({
         dataSource: e.dataSource,
-        attributes: (p = e.dimensions) != null ? p : [],
-        measures: (g = e.measures) != null ? g : [],
-        filters: m,
-        filterRelations: C,
+        attributes: (u = e.dimensions) != null ? u : [],
+        measures: (p = e.measures) != null ? p : [],
+        filters: b,
+        filterRelations: w,
         highlights: []
       }, !0);
       return {
         jaql: {
-          datasource: u,
-          metadata: x,
-          filterRelations: k
+          datasource: h,
+          metadata: k,
+          filterRelations: x
         }
       };
     }
-  }, [e]), i = Z(), {
+  }, [e]), i = O(), {
     data: o,
-    error: l,
-    isError: n,
+    error: n,
+    isError: l,
     isLoading: d,
     isSuccess: c,
     refetch: s
-  } = Q({
-    queryKey: ["getNlgQueryResult", r, i],
-    queryFn: () => i == null ? void 0 : i.ai.getNlgQueryResult(r),
-    select: (p) => {
-      var g;
-      return (g = p == null ? void 0 : p.data) == null ? void 0 : g.answer;
+  } = P({
+    queryKey: ["getNlgInsights", r, i],
+    queryFn: () => i == null ? void 0 : i.ai.getNlgInsights(r),
+    select: (u) => {
+      var p;
+      return (p = u == null ? void 0 : u.data) == null ? void 0 : p.answer;
     },
     enabled: !!i && t
   });
   return {
     isLoading: d,
-    isError: n,
+    isError: l,
     isSuccess: c,
     data: o,
-    error: l,
-    refetch: I(() => {
+    error: n,
+    refetch: M(() => {
       s();
     }, [s])
   };
-}, Ta = (e) => {
+}, it = (e) => {
   const t = e, {
     enabled: r
-  } = t, i = wa(t, ["enabled"]);
-  return pe(i, r);
-}, Ri = Pe("useGetNlgQueryResult")(Ta), rt = Object.freeze({
+  } = t, i = va(t, ["enabled"]);
+  return te(i, r);
+}, Yi = ge("useGetNlgInsights")(it), Hi = ge("useGetNlgQueryResult")(it), Ra = ["indicator", "column", "line", "table", "pie", "bar"], Wa = (e) => {
+  const {
+    dataSource: t,
+    query: r,
+    chartTypes: i
+  } = e, o = typeof t == "string" ? t : t.title, n = O(), {
+    isLoading: l,
+    isError: d,
+    isSuccess: c,
+    data: s,
+    error: u,
+    refetch: p
+  } = P({
+    queryKey: ["getNlqResult", t, r, i, n],
+    queryFn: () => n == null ? void 0 : n.ai.getNlqResult(o, {
+      text: r,
+      // Per @Einat Shusterman: Timezone is not used by AI API, but it is currently required by the endpoint
+      timezone: "UTC",
+      chartTypes: i ?? [...Ra]
+    }),
+    enabled: !!n && e.enabled
+  }), h = s ? ue(s, {
+    useCustomizedStyleOptions: e.enableAxisTitlesInWidgetProps || !1
+  }) : void 0;
+  return {
+    isLoading: l,
+    isError: d,
+    isSuccess: c,
+    data: h,
+    error: u,
+    refetch: M(() => {
+      p();
+    }, [p])
+  };
+}, Ui = ge("useGetNlqResult")(Wa), ot = (e) => {
+  const {
+    contextTitle: t,
+    count: r,
+    enableAxisTitlesInWidgetProps: i,
+    enabled: o
+  } = e, n = O(), l = r ?? 4, d = (o === void 0 || o === !0) && l > 0, {
+    isLoading: c,
+    isError: s,
+    isSuccess: u,
+    data: p,
+    error: h,
+    refetch: b
+  } = P({
+    queryKey: ["getQueryRecommendations", t, l, n],
+    queryFn: () => n == null ? void 0 : n.ai.getQueryRecommendations(t, {
+      numOfRecommendations: l
+    }),
+    enabled: !!n && d
+  });
+  return p == null || p.map((w) => {
+    w.widgetProps = w.jaql ? ue(w, {
+      useCustomizedStyleOptions: i
+    }) : void 0;
+  }), {
+    isLoading: d ? c : !1,
+    isError: s,
+    isSuccess: u,
+    data: p ?? void 0,
+    error: h,
+    refetch: M(() => {
+      b();
+    }, [b])
+  };
+}, Bi = ge("useGetQueryRecommendations")(ot), nt = Object.freeze({
   enableFollowupQuestions: !1,
   enableHeader: !0,
   enableInsights: !0,
   numOfRecommendations: 4,
   numOfRecentPrompts: 5
-}), it = ye(v({}, rt)), R = () => $e(it), za = ({
+}), lt = De(C({}, nt)), W = () => Ve(lt), Ga = ({
   children: e,
   value: t
 }) => {
   const {
     t: r
-  } = _(), i = Object.entries(t).reduce((o, [l, n]) => (n !== void 0 && (o[l] = n), o), A(v({}, rt), {
+  } = _(), i = Object.entries(t).reduce((o, [n, l]) => (l !== void 0 && (o[n] = l), o), v(C({}, nt), {
     inputPromptText: r("ai.config.inputPromptText"),
     welcomeText: r("ai.config.welcomeText"),
     suggestionsWelcomeText: r("ai.config.suggestionsWelcomeText")
   }));
-  return /* @__PURE__ */ a(it.Provider, {
+  return /* @__PURE__ */ a(lt.Provider, {
     value: i,
     children: e
   });
-}, ot = (e) => {
-  const {
-    contextTitle: t,
-    count: r
-  } = e, i = Z(), {
-    numOfRecommendations: o
-  } = R(), l = r ?? o, n = l > 0, {
-    isLoading: d,
-    isError: c,
-    isSuccess: s,
-    data: p,
-    error: g,
-    refetch: u
-  } = Q({
-    queryKey: ["getQueryRecommendations", t, l, i],
-    queryFn: () => i == null ? void 0 : i.ai.getQueryRecommendations(t, {
-      numOfRecommendations: l
-    }),
-    enabled: !!i && n
-  });
-  return {
-    isLoading: n ? d : !1,
-    isError: n ? c : !1,
-    isSuccess: n ? s : !1,
-    data: n && p ? p : [],
-    error: n ? g : null,
-    refetch: I(() => {
-      n && u();
-    }, [u, n])
-  };
-}, Oi = Pe("useGetQueryRecommendations")(ot), Me = "chatHistory", Ea = (e) => {
-  const t = Z(), {
+}, Le = "chatHistory", qa = (e) => {
+  const t = O(), {
     hideHistory: r
-  } = R();
-  return Q({
-    queryKey: [Me, e, t],
-    queryFn: () => V(void 0, null, function* () {
+  } = W();
+  return P({
+    queryKey: [Le, e, t],
+    queryFn: () => Q(void 0, null, function* () {
       if (!t || !e)
         return;
       if (r)
@@ -871,10 +910,10 @@ const pe = (e, t = !0) => {
     }),
     enabled: !!t && !!e
   });
-}, nt = (e) => {
-  const t = Z(), r = ee();
-  return ve({
-    mutationFn: () => V(void 0, null, function* () {
+}, ct = (e) => {
+  const t = O(), r = ee();
+  return Se({
+    mutationFn: () => Q(void 0, null, function* () {
       if (!(!t || !e))
         return t.ai.chat.clearHistory(e);
     }),
@@ -882,32 +921,32 @@ const pe = (e, t = !0) => {
       console.error("Error when clearing history:", i);
     },
     onSettled: () => {
-      e && r.setQueriesData([Me, e], []);
+      e && r.setQueriesData([Le, e], []);
     }
   });
-}, lt = (e) => {
+}, dt = (e) => {
   const {
     data: t,
     isLoading: r,
     isError: i
-  } = Ea(e), {
+  } = qa(e), {
     mutate: o
-  } = nt(e);
-  return F(() => {
+  } = ct(e);
+  return V(() => {
     i && o();
   }, [i, o]), {
     history: t,
     isLoading: r,
     isError: i
   };
-}, ct = () => {
-  const e = Z(), {
+}, st = () => {
+  const e = O(), {
     data: t,
     isLoading: r,
     fetchStatus: i
-  } = Q({
+  } = P({
     queryKey: ["getDataTopics", e],
-    queryFn: () => V(void 0, null, function* () {
+    queryFn: () => Q(void 0, null, function* () {
       if (e)
         return e.getChatContexts();
     }),
@@ -918,11 +957,11 @@ const pe = (e, t = !0) => {
     isLoading: r,
     fetchStatus: i
   };
-}, dt = () => {
-  const e = Z(), {
+}, pt = () => {
+  const e = O(), {
     data: t,
     isLoading: r
-  } = Q({
+  } = P({
     queryKey: ["getAllChats", e],
     queryFn: () => e == null ? void 0 : e.ai.chat.getAll(),
     enabled: !!e
@@ -931,18 +970,18 @@ const pe = (e, t = !0) => {
     data: t ?? [],
     isLoading: r
   };
-}, Za = (e, t) => {
-  const r = ee(), i = Z(), o = ve({
-    mutationFn: () => V(void 0, null, function* () {
+}, Ya = (e, t) => {
+  const r = ee(), i = O(), o = Se({
+    mutationFn: () => Q(void 0, null, function* () {
       if (!(!i || !e))
         return i.ai.chat.create(e);
     }),
     onSuccess: () => r.invalidateQueries(["getAllChats"])
   });
-  return F(() => {
+  return V(() => {
     t && o.isIdle && o.mutate();
   }, [t, o]), o;
-}, Ra = (e, t) => {
+}, Ha = (e, t) => {
   switch (e.responseType = e.responseType.toLowerCase(), e.responseType) {
     case "nlq":
       return {
@@ -959,35 +998,35 @@ const pe = (e, t = !0) => {
     default:
       throw Error(`${t}${JSON.stringify(e)}`);
   }
-}, Oa = (e) => {
-  const t = ee(), r = I((c) => {
-    e && t.setQueriesData([Me, e], (s) => s && [...s, c]);
-  }, [t, e]), {
-    enableFollowupQuestions: i
-  } = R(), {
+}, Ua = (e, t) => {
+  const r = ee(), i = M((c) => {
+    e && r.setQueriesData([Le, e], (s) => s && [...s, c]);
+  }, [r, e]), {
     t: o
-  } = _(), l = Z(), {
-    mutate: n,
+  } = _(), n = O(), {
+    mutate: l,
     isLoading: d
-  } = ve({
-    mutationFn: (c) => V(void 0, null, function* () {
-      if (!(!l || !e))
-        return l.ai.chat.post(e, {
+  } = Se({
+    mutationFn: (c) => Q(void 0, null, function* () {
+      if (!(!n || !e))
+        return n.ai.chat.post(e, {
           text: c,
           options: {
-            enableFollowup: i
+            enableFollowup: t
           }
         });
     }),
     onMutate: (c) => {
-      r({
+      i({
         content: c,
         role: "user"
       });
     },
     onError: (c) => {
-      c instanceof Error && (console.error("Error when sending message:", c.message), r({
-        content: o("errors.unexpectedChatResponse"),
+      c instanceof Error && (console.error("Error when sending message:", c.message), i({
+        content: o(`ai.errors.${c.interpolationOptions.errorCode}`, {
+          defaultValue: o("ai.errors.unexpectedChatResponse")
+        }),
         role: "assistant"
       }));
     },
@@ -995,75 +1034,77 @@ const pe = (e, t = !0) => {
       if (!c)
         return;
       const s = o("ai.errors.unknownResponse");
-      r(Ra(c, s));
+      i(Ha(c, s));
     }
   });
   return {
-    mutate: n,
+    mutate: l,
     isLoading: d
   };
-}, De = (e) => !!e && "type" in e && e.type === "nlq", Wa = (e) => !!e && "type" in e && e.type === "text", Ga = (e) => {
+}, Ne = (e) => !!e && "type" in e && e.type === "nlq", Ba = (e) => !!e && "type" in e && e.type === "text", $a = (e) => {
   var t, r;
   const {
     t: i
   } = _(), {
-    data: o,
-    isLoading: l
-  } = ct(), {
+    enableFollowupQuestions: o
+  } = W(), {
     data: n,
-    isLoading: d
-  } = dt(), c = (t = o == null ? void 0 : o.find((D) => D.title === e)) == null ? void 0 : t.title, s = (r = n.find((D) => D.contextTitle === c)) == null ? void 0 : r.chatId, p = l || !!c, g = d || !!s, [u, m] = M(null), {
-    isError: C
-  } = Za(c, p && !g), {
+    isLoading: l
+  } = st(), {
+    data: d,
+    isLoading: c
+  } = pt(), s = (t = n == null ? void 0 : n.find((T) => T.title === e)) == null ? void 0 : t.title, u = (r = d.find((T) => T.contextTitle === s)) == null ? void 0 : r.chatId, p = l || !!s, h = c || !!u, [b, w] = I(null), {
+    isError: k
+  } = Ya(s, p && !h), {
     history: x,
-    isLoading: k,
-    isError: N
-  } = lt(s);
-  F(() => {
-    C ? m(new fe("ai.errors.chatUnavailable")) : N && m(new fe("ai.errors.fetchHistory"));
-  }, [C, N, i]);
+    isLoading: E,
+    isError: A
+  } = dt(u);
+  V(() => {
+    k ? w(new Ce("ai.errors.chatUnavailable")) : A && w(new Ce("ai.errors.fetchHistory"));
+  }, [k, A, i]);
   const {
-    mutate: E,
-    isLoading: y
-  } = Oa(s), O = z(() => {
+    mutate: y,
+    isLoading: R
+  } = Ua(u, o), Z = z(() => {
     if (x != null && x.length) {
-      const D = x[x.length - 1];
-      if (De(D))
-        return JSON.parse(D.content);
+      const T = x[x.length - 1];
+      if (Ne(T))
+        return JSON.parse(T.content);
     }
     return null;
   }, [x]);
   return {
-    chatId: s,
+    chatId: u,
     history: x ?? [],
-    lastNlqResponse: O,
-    sendMessage: E,
-    isAwaitingResponse: y,
-    isLoading: k,
-    lastError: u
+    lastNlqResponse: Z,
+    sendMessage: y,
+    isAwaitingResponse: R,
+    isLoading: E,
+    lastError: b
   };
-}, Wi = ({
+}, $i = ({
   contextTitle: e
 }) => {
   var t;
   const {
     data: r
-  } = dt(), i = (t = r.find((l) => l.contextTitle === e)) == null ? void 0 : t.chatId, {
+  } = pt(), i = (t = r.find((n) => n.contextTitle === e)) == null ? void 0 : t.chatId, {
     history: o
-  } = lt(i);
+  } = dt(i);
   return z(() => {
     if (o != null && o.length) {
-      const l = o[o.length - 1];
-      if (De(l))
-        return JSON.parse(l.content);
+      const n = o[o.length - 1];
+      if (Ne(n))
+        return JSON.parse(n.content);
     }
     return null;
   }, [o]);
-}, Gi = (e) => {
-  const t = Z(), {
+}, Pi = (e) => {
+  const t = O(), {
     data: r,
     isLoading: i
-  } = Q({
+  } = P({
     queryKey: ["getDataSourceFields", e, t],
     queryFn: () => e ? t == null ? void 0 : t.ai.getDataSourceFields(e) : void 0,
     select: (o) => o,
@@ -1073,7 +1114,7 @@ const pe = (e, t = !0) => {
     data: r,
     isLoading: i
   };
-}, Ha = 500, Ya = 500, qa = 500, Ua = 900, Ba = h.div`
+}, Pa = 500, Fa = 500, Va = 500, Qa = 900, Ja = g.div`
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -1087,18 +1128,18 @@ const pe = (e, t = !0) => {
 }) => e.aiChat.backgroundColor};
   overflow: hidden;
 
-  min-width: ${Ha}px;
-  min-height: ${Ya}px;
+  min-width: ${Pa}px;
+  min-height: ${Fa}px;
   width: ${({
   width: e
-}) => e ? Oe(e) : `${qa}px`};
+}) => e ? Ye(e) : `${Va}px`};
   height: ${({
   height: e
-}) => e ? Oe(e) : `${Ua}px`};
+}) => e ? Ye(e) : `${Qa}px`};
 
   ${({
   theme: e
-}) => L`
+}) => S`
     font-size: ${e.aiChat.primaryFontSize[0]};
     line-height: ${e.aiChat.primaryFontSize[1]};
   `}
@@ -1106,10 +1147,10 @@ const pe = (e, t = !0) => {
   theme: e
 }) => e.aiChat.border === !1 ? "none" : e.aiChat.border};
 `;
-function Oe(e) {
+function Ye(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function Pa({
+function Xa({
   spin: e
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -1133,16 +1174,16 @@ function Pa({
     })]
   });
 }
-function ge() {
+function he() {
   return /* @__PURE__ */ a("div", {
     className: "csdk-m-auto",
     "aria-label": "loading spinner",
-    children: /* @__PURE__ */ a(Pa, {
+    children: /* @__PURE__ */ a(Xa, {
       spin: !0
     })
   });
 }
-function $a({
+function Ka({
   theme: e
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -1157,7 +1198,7 @@ function $a({
     })
   });
 }
-function Qa({
+function er({
   theme: e
 }) {
   const t = e.aiChat.icons.color;
@@ -1179,11 +1220,11 @@ function Qa({
     })]
   });
 }
-const Fa = h.div`
+const tr = g.div`
   display: flex;
   flex-direction: column;
   row-gap: 4px;
-`, Va = h.div`
+`, ar = g.div`
   font-size: 11px;
   line-height: 18px;
   font-weight: 300;
@@ -1197,7 +1238,7 @@ const Fa = h.div`
   theme: e
 }) => e.aiChat.dropup.headers.hover.backgroundColor};
   }
-`, Ja = h.div`
+`, rr = g.div`
   font-size: ${({
   theme: e
 }) => e.aiChat.primaryFontSize[0]};
@@ -1215,28 +1256,28 @@ const Fa = h.div`
 }) => e.aiChat.dropup.items.hover.backgroundColor};
   }
 `;
-function Xa({
+function ir({
   title: e,
   items: t,
   onSelect: r,
   alwaysExpanded: i = !1
 }) {
-  const [o, l] = M(!1), {
-    themeSettings: n
+  const [o, n] = I(!1), {
+    themeSettings: l
   } = f();
-  return /* @__PURE__ */ a(Fa, {
-    children: [/* @__PURE__ */ a(Va, {
-      onClick: () => l((d) => !d),
-      theme: n,
+  return /* @__PURE__ */ a(tr, {
+    children: [/* @__PURE__ */ a(ar, {
+      onClick: () => n((d) => !d),
+      theme: l,
       children: e.toUpperCase()
-    }), (o || i) && t.map((d, c) => /* @__PURE__ */ a(Ja, {
+    }), (o || i) && t.map((d, c) => /* @__PURE__ */ a(rr, {
       onClick: () => r(d),
-      theme: n,
+      theme: l,
       children: d
     }, c))]
   });
 }
-const Ka = h.div`
+const or = g.div`
   font-family: ${({
   theme: e
 }) => e.typography.fontFamily};
@@ -1260,7 +1301,7 @@ const Ka = h.div`
   display: flex;
   flex-direction: column;
   row-gap: 4px;
-`, er = h.div`
+`, nr = g.div`
   font-size: ${({
   theme: e
 }) => e.aiChat.primaryFontSize[0]};
@@ -1271,15 +1312,15 @@ const Ka = h.div`
   theme: e
 }) => e.aiChat.dropup.items.textColor};
   padding: 4px 12px;
-`, _e = (e) => e.startsWith("/");
-function tr({
+`, Me = (e) => e.startsWith("/");
+function lr({
   recentPrompts: e,
   suggestions: t,
   isLoading: r,
   onSelection: i,
   anchorEl: o,
-  text: l,
-  recommendationsError: n
+  text: n,
+  recommendationsError: l
 }) {
   const d = [{
     title: "/recent searches",
@@ -1289,13 +1330,13 @@ function tr({
     title: "/ai recommendations",
     items: t,
     onSelect: i
-  }].filter((g) => g.title.slice(0, l.length) === l), {
+  }].filter((p) => p.title.slice(0, n.length) === n), {
     themeSettings: c
   } = f(), {
     t: s
-  } = _(), p = d.length === 1;
-  return /* @__PURE__ */ a(Fe, {
-    open: _e(l) && d.length > 0,
+  } = _(), u = d.length === 1;
+  return /* @__PURE__ */ a(Je, {
+    open: Me(n) && d.length > 0,
     anchorEl: o,
     placement: "top-start",
     modifiers: [{
@@ -1307,21 +1348,21 @@ function tr({
     sx: {
       zIndex: 3
     },
-    children: /* @__PURE__ */ a(Ka, {
+    children: /* @__PURE__ */ a(or, {
       style: {
         width: o == null ? void 0 : o.offsetWidth
       },
       theme: c,
-      children: [r && /* @__PURE__ */ a(ge, {}), !r && !n && d.map((g) => /* @__PURE__ */ a(Xa, A(v({}, g), {
-        alwaysExpanded: p
-      }), g.title)), n && /* @__PURE__ */ a(er, {
+      children: [r && /* @__PURE__ */ a(he, {}), !r && !l && d.map((p) => /* @__PURE__ */ a(ir, v(C({}, p), {
+        alwaysExpanded: u
+      }), p.title)), l && /* @__PURE__ */ a(nr, {
         theme: c,
         children: s("ai.errors.recommendationsNotAvailable")
       })]
     })
   });
 }
-function te({
+function ae({
   title: e,
   placement: t = "top",
   children: r
@@ -1329,7 +1370,7 @@ function te({
   const {
     themeSettings: i
   } = f();
-  return /* @__PURE__ */ a(ea, {
+  return /* @__PURE__ */ a(ia, {
     title: e,
     placement: t,
     disableInteractive: !0,
@@ -1357,7 +1398,7 @@ function te({
     children: r
   });
 }
-const ar = 500, rr = h.div`
+const cr = 500, dr = g.div`
   display: flex;
   flex-direction: row;
   align-items: flex-end;
@@ -1366,12 +1407,12 @@ const ar = 500, rr = h.div`
   background-color: ${({
   theme: e
 }) => e.aiChat.backgroundColor};
-`, ir = h.button`
+`, sr = g.button`
   height: 34px;
   background-color: inherit;
   cursor: pointer;
   border: none;
-`, or = h.textarea`
+`, pr = g.textarea`
   font-size: inherit;
   line-height: inherit;
   resize: none;
@@ -1405,7 +1446,7 @@ const ar = 500, rr = h.div`
   background-color: ${({
   theme: e
 }) => e.aiChat.input.backgroundColor};
-`, nr = h.button`
+`, gr = g.button`
   height: 34px;
   background-color: inherit;
   border-style: none;
@@ -1416,126 +1457,126 @@ const ar = 500, rr = h.div`
 
   ${({
   disabled: e
-}) => e ? L`
+}) => e ? S`
           opacity: 0.3;
           cursor: not-allowed;
-        ` : L`
+        ` : S`
           opacity: 1;
           cursor: pointer;
         `}
-`, lr = 34;
-function cr({
+`, ur = 34;
+function hr({
   onSendMessage: e,
   onClearHistoryClick: t,
   disabled: r,
   recentPrompts: i,
   suggestions: o,
-  isLoading: l,
-  recommendationsError: n,
+  isLoading: n,
+  recommendationsError: l,
   onChange: d
 }) {
-  const [c, s] = M(""), {
-    inputPromptText: p
-  } = R(), g = I(() => {
+  const [c, s] = I(""), {
+    inputPromptText: u
+  } = W(), p = M(() => {
     if (r)
       return;
-    if (_e(c)) {
+    if (Me(c)) {
       s("");
       return;
     }
     const y = c.trim();
     y.length !== 0 && (e(y), s(""));
-  }, [r, e, c]), u = I((y) => {
+  }, [r, e, c]), h = M((y) => {
     e(y), s("");
-  }, [e]), m = I((y) => {
-    y.key === "Enter" ? (y.preventDefault(), g()) : y.key === "Escape" && _e(c) && s("");
-  }, [g, c]), C = I((y) => {
+  }, [e]), b = M((y) => {
+    y.key === "Enter" ? (y.preventDefault(), p()) : y.key === "Escape" && Me(c) && s("");
+  }, [p, c]), w = M((y) => {
     d == null || d(y.target.value), s(y.target.value);
-  }, [d]), x = q(null);
-  ne(() => {
-    x.current && (x.current.style.height = "inherit", x.current.style.height = `${Math.max(
-      x.current.scrollHeight + 2,
+  }, [d]), k = $(null);
+  le(() => {
+    k.current && (k.current.style.height = "inherit", k.current.style.height = `${Math.max(
+      k.current.scrollHeight + 2,
       // account for 1px top/bottom border
-      lr
+      ur
     )}px`);
-  }, [c]), ne(() => {
-    x.current && x.current.focus({
+  }, [c]), le(() => {
+    k.current && k.current.focus({
       preventScroll: !0
     });
   }, []);
   const {
-    themeSettings: k
+    themeSettings: x
   } = f(), {
-    t: N
-  } = _(), E = I((y) => {
-    var O;
-    if ((O = document.getElementById("csdk-chatbot-frame")) != null && O.contains(y.relatedTarget)) {
-      const D = (J) => {
-        var S;
-        document.removeEventListener("mouseup", D), document.removeEventListener("keyup", D), J.type === "mouseup" && ((S = document.getSelection()) == null ? void 0 : S.type) !== "Range" && y.target.focus({
+    t: E
+  } = _(), A = M((y) => {
+    var R;
+    if ((R = document.getElementById("csdk-chatbot-frame")) != null && R.contains(y.relatedTarget)) {
+      const Z = (T) => {
+        var G;
+        document.removeEventListener("mouseup", Z), document.removeEventListener("keyup", Z), T.type === "mouseup" && ((G = document.getSelection()) == null ? void 0 : G.type) !== "Range" && y.target.focus({
           preventScroll: !0
         });
       };
-      document.addEventListener("mouseup", D), document.addEventListener("keyup", D);
+      document.addEventListener("mouseup", Z), document.addEventListener("keyup", Z);
     }
   }, []);
-  return /* @__PURE__ */ a(rr, {
-    theme: k,
-    children: [/* @__PURE__ */ a(tr, {
+  return /* @__PURE__ */ a(dr, {
+    theme: x,
+    children: [/* @__PURE__ */ a(lr, {
       recentPrompts: i,
       suggestions: o,
-      isLoading: l,
-      onSelection: u,
-      anchorEl: x.current,
+      isLoading: n,
+      onSelection: h,
+      anchorEl: k.current,
       text: c,
-      recommendationsError: n
-    }), t && /* @__PURE__ */ a(te, {
-      title: N("ai.buttons.clearChat"),
+      recommendationsError: l
+    }), t && /* @__PURE__ */ a(ae, {
+      title: E("ai.buttons.clearChat"),
       placement: "bottom-start",
-      children: /* @__PURE__ */ a(ir, {
+      children: /* @__PURE__ */ a(sr, {
         "aria-label": "clear history",
         onClick: t,
-        children: /* @__PURE__ */ a(Qa, {
-          theme: k
+        children: /* @__PURE__ */ a(er, {
+          theme: x
         })
       })
-    }), /* @__PURE__ */ a(or, {
+    }), /* @__PURE__ */ a(pr, {
       "aria-label": "chat input",
-      onBlur: E,
-      maxLength: ar,
-      ref: x,
+      onBlur: A,
+      maxLength: cr,
+      ref: k,
       rows: 1,
-      onChange: C,
+      onChange: w,
       spellCheck: "true",
-      placeholder: p,
+      placeholder: u,
       value: c,
-      onKeyDown: m,
-      theme: k
-    }), /* @__PURE__ */ a(nr, {
+      onKeyDown: b,
+      theme: x
+    }), /* @__PURE__ */ a(gr, {
       "aria-label": "send chat message",
       disabled: r || c.length === 0,
-      onClick: g,
-      theme: k,
+      onClick: p,
+      theme: x,
       children: /* @__PURE__ */ a("span", {
         "data-state": "closed",
-        children: /* @__PURE__ */ a($a, {
-          theme: k
+        children: /* @__PURE__ */ a(Ka, {
+          theme: x
         })
       })
     })]
   });
 }
-const dr = h.div`
+const br = g.div`
   display: flex;
 
   ${({
   align: e
-}) => e === "right" ? L`
+}) => e === "right" ? S`
           justify-content: flex-end;
-        ` : L`
+        ` : S`
           justify-content: flex-start;
         `}
-`, st = h.div`
+`, gt = g.div`
   font-size: inherit;
   line-height: inherit;
   padding-top: 8.5px;
@@ -1548,17 +1589,17 @@ const dr = h.div`
 
   ${({
   align: e
-}) => e === "right" ? L`
+}) => e === "right" ? S`
           text-align: right;
           border-radius: 10px 10px 0px 10px;
-        ` : L`
+        ` : S`
           text-align: left;
           border-radius: 10px 10px 10px 0px;
         `}
 
   ${({
   align: e
-}) => e !== "full" ? L`
+}) => e !== "full" ? S`
           max-width: 85%;
         ` : ""}
 
@@ -1569,66 +1610,66 @@ const dr = h.div`
   theme: e,
   align: t
 }) => t === "right" ? e.aiChat.userMessages.backgroundColor : e.aiChat.systemMessages.backgroundColor};
-`, H = ({
+`, U = ({
   align: e,
   children: t
 }) => {
   const {
     themeSettings: r
   } = f();
-  return /* @__PURE__ */ a(dr, {
+  return /* @__PURE__ */ a(br, {
     theme: r,
     align: e,
-    children: /* @__PURE__ */ a(st, {
+    children: /* @__PURE__ */ a(gt, {
       theme: r,
       align: e,
       children: t
     })
   });
 };
-function sr() {
+function mr() {
   const {
     welcomeText: e
-  } = R();
-  return e === !1 ? null : /* @__PURE__ */ a(H, {
+  } = W();
+  return e === !1 ? null : /* @__PURE__ */ a(U, {
     align: "left",
     children: e
   });
 }
-const pr = h.div`
+const xr = g.div`
   margin: auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   row-gap: 21px;
-`, gr = h.div`
+`, fr = g.div`
   color: ${({
   theme: e
 }) => e.aiChat.primaryTextColor};
   text-align: center;
   font-weight: 600;
-`, hr = h.div`
+`, kr = g.div`
   color: rgba(54, 163, 217, 1);
   cursor: pointer;
 `;
-function pt({
+function ut({
   text: e,
   action: t
 }) {
   const {
     themeSettings: r
   } = f();
-  return /* @__PURE__ */ a(pr, {
-    children: [/* @__PURE__ */ a(gr, {
+  return /* @__PURE__ */ a(xr, {
+    children: [/* @__PURE__ */ a(fr, {
       theme: r,
       children: e
-    }), /* @__PURE__ */ a(qt, {}), t && /* @__PURE__ */ a(hr, {
+    }), /* @__PURE__ */ a($t, {}), t && /* @__PURE__ */ a(kr, {
       onClick: t.onClick,
       children: t.text
     })]
   });
 }
-const oe = h.div`
+const ne = g.div`
   width: 5px;
   height: 5px;
   border-radius: 50%;
@@ -1657,35 +1698,35 @@ const oe = h.div`
     }
   }
 `;
-function Ie() {
+function Te() {
   const {
     themeSettings: e
   } = f(), t = e.aiChat.icons.color;
   return /* @__PURE__ */ a("div", {
     className: "csdk-flex csdk-justify-between csdk-w-[28px] csdk-py-[14.5px]",
     "aria-label": "loading dots",
-    children: [/* @__PURE__ */ a(oe, {
+    children: [/* @__PURE__ */ a(ne, {
       color: t
-    }), /* @__PURE__ */ a(oe, {
+    }), /* @__PURE__ */ a(ne, {
       color: t
-    }), /* @__PURE__ */ a(oe, {
+    }), /* @__PURE__ */ a(ne, {
       color: t
-    }), /* @__PURE__ */ a(oe, {
+    }), /* @__PURE__ */ a(ne, {
       color: t
     })]
   });
 }
-const ur = h.div`
+const wr = g.div`
   display: flex;
 
   ${({
   align: e
-}) => e === "right" ? L`
+}) => e === "right" ? S`
           justify-content: flex-end;
-        ` : L`
+        ` : S`
           justify-content: flex-start;
         `}
-`, br = h.button`
+`, _r = g.button`
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
@@ -1713,15 +1754,15 @@ const ur = h.div`
 
   ${({
   align: e
-}) => e === "right" ? L`
+}) => e === "right" ? S`
           text-align: right;
-        ` : L`
+        ` : S`
           text-align: left;
         `}
 
   ${({
   align: e
-}) => e !== "full" ? L`
+}) => e !== "full" ? S`
           max-width: 382px;
         ` : ""}
 
@@ -1734,7 +1775,7 @@ const ur = h.div`
   } = e.aiChat.suggestions;
   if (t) {
     const [i, o] = t;
-    return L`
+    return S`
         border: none;
         position: relative;
         border-radius: ${r};
@@ -1757,22 +1798,22 @@ const ur = h.div`
   return "";
 }}
 `;
-function de({
+function se({
   children: e,
   align: t,
   onClick: r,
   onMouseEnter: i,
   onMouseLeave: o,
-  accessibleName: l
+  accessibleName: n
 }) {
   const {
-    themeSettings: n
+    themeSettings: l
   } = f();
-  return /* @__PURE__ */ a(ur, {
+  return /* @__PURE__ */ a(wr, {
     align: t,
-    children: /* @__PURE__ */ a(br, {
-      "aria-label": l,
-      theme: n,
+    children: /* @__PURE__ */ a(_r, {
+      "aria-label": n,
+      theme: l,
       onClick: r,
       align: t,
       onMouseEnter: i,
@@ -1781,20 +1822,20 @@ function de({
     })
   });
 }
-function mr({
+function Cr({
   onCancel: e,
   onConfirm: t
 }) {
   const {
     t: r
   } = _();
-  return /* @__PURE__ */ a(T, {
-    children: [/* @__PURE__ */ a(H, {
+  return /* @__PURE__ */ a(N, {
+    children: [/* @__PURE__ */ a(U, {
       align: "left",
       children: r("ai.clearHistoryPrompt")
     }), /* @__PURE__ */ a("div", {
       className: "csdk-flex csdk-gap-x-2",
-      children: [/* @__PURE__ */ a(de, {
+      children: [/* @__PURE__ */ a(se, {
         align: "right",
         onClick: t,
         accessibleName: "confirm clear chat",
@@ -1802,7 +1843,7 @@ function mr({
           className: "csdk-py-[6px] csdk-px-[20px]",
           children: r("ai.buttons.yes")
         })
-      }), /* @__PURE__ */ a(de, {
+      }), /* @__PURE__ */ a(se, {
         align: "right",
         onClick: e,
         accessibleName: "cancel clear chat",
@@ -1814,7 +1855,7 @@ function mr({
     })]
   });
 }
-function xr({
+function yr({
   fillColor: e = "#262E3D"
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -1838,7 +1879,7 @@ function xr({
     })]
   });
 }
-const gt = {
+const ht = {
   row: {
     hover: "rgba(224, 224, 224, 0.3)"
   },
@@ -1923,17 +1964,17 @@ const gt = {
       errorBG: "rgba(231, 71, 39, 0.1)"
     }
   }
-}, fr = {
+}, vr = {
   shouldForwardProp: (e) => !e.startsWith("$")
-}, ae = h(Ye, fr)(({
+}, re = g($e, vr)(({
   $hoverColor: e
 }) => ({
   padding: 2,
   "&.MuiIconButton-root:hover": {
-    backgroundColor: e ?? gt.interaction.defaultHover
+    backgroundColor: e ?? ht.interaction.defaultHover
   }
 }));
-function kr({
+function Mr({
   fill: e = "rgba(38, 46, 61, 0.67)"
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -1950,7 +1991,7 @@ function kr({
     })
   });
 }
-function wr({
+function Ir({
   fill: e = "rgba(38, 46, 61, 0.67)"
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -1967,7 +2008,7 @@ function wr({
     })
   });
 }
-function _r() {
+function Dr() {
   return /* @__PURE__ */ a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
@@ -1983,7 +2024,7 @@ function _r() {
     })
   });
 }
-function Cr({
+function Ar({
   fill: e = "rgba(38, 46, 61, 0.67)"
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -2000,41 +2041,41 @@ function Cr({
     })
   });
 }
-const Ae = (e) => Ue(e.chart.backgroundColor), yr = ({
+const je = (e) => Fe(e.chart.backgroundColor), Sr = ({
   title: e
 }) => {
   const {
     themeSettings: t
   } = f();
-  return /* @__PURE__ */ a(te, {
+  return /* @__PURE__ */ a(ae, {
     title: e,
-    children: /* @__PURE__ */ a(ae, {
+    children: /* @__PURE__ */ a(re, {
       disableTouchRipple: !0,
-      $hoverColor: Ae(t),
-      children: /* @__PURE__ */ a(wr, {
+      $hoverColor: je(t),
+      children: /* @__PURE__ */ a(Ir, {
         fill: t.chart.textColor
       })
     })
   });
-}, vr = ({
+}, Lr = ({
   items: e
 }) => {
-  const [t, r] = M(null), i = (n) => {
-    r(n.currentTarget);
+  const [t, r] = I(null), i = (l) => {
+    r(l.currentTarget);
   }, o = () => {
     r(null);
   }, {
-    themeSettings: l
+    themeSettings: n
   } = f();
-  return /* @__PURE__ */ a(T, {
-    children: [/* @__PURE__ */ a(ae, {
+  return /* @__PURE__ */ a(N, {
+    children: [/* @__PURE__ */ a(re, {
       onClick: i,
-      $hoverColor: Ae(l),
+      $hoverColor: je(n),
       "aria-label": "three dots button",
-      children: /* @__PURE__ */ a(Cr, {
-        fill: l.chart.textColor
+      children: /* @__PURE__ */ a(Ar, {
+        fill: n.chart.textColor
       })
-    }), /* @__PURE__ */ a(ta, {
+    }), /* @__PURE__ */ a(oa, {
       anchorEl: t,
       anchorOrigin: {
         vertical: "bottom",
@@ -2046,24 +2087,24 @@ const Ae = (e) => Ue(e.chart.backgroundColor), yr = ({
       },
       open: !!t,
       onClose: o,
-      children: e.map((n) => /* @__PURE__ */ a(aa, {
+      children: e.map((l) => /* @__PURE__ */ a(na, {
         onClick: () => {
-          n.onClick(), o();
+          l.onClick(), o();
         },
         sx: {
           fontSize: "13px",
-          fontFamily: l.typography.fontFamily,
-          color: gt.text.content
+          fontFamily: n.typography.fontFamily,
+          color: ht.text.content
         },
         disableRipple: !0,
-        children: [n.icon, /* @__PURE__ */ a("div", {
+        children: [l.icon, /* @__PURE__ */ a("div", {
           className: "csdk-ml-1",
-          children: n.title
+          children: l.title
         })]
-      }, n.title))
+      }, l.title))
     })]
   });
-}, Mr = ({
+}, Nr = ({
   onClick: e
 }) => {
   const {
@@ -2071,22 +2112,22 @@ const Ae = (e) => Ue(e.chart.backgroundColor), yr = ({
   } = f(), {
     t: r
   } = _();
-  return /* @__PURE__ */ a(te, {
+  return /* @__PURE__ */ a(ae, {
     title: r("ai.preview"),
-    children: /* @__PURE__ */ a(ae, {
+    children: /* @__PURE__ */ a(re, {
       onClick: e,
-      $hoverColor: Ae(t),
-      children: /* @__PURE__ */ a(kr, {
+      $hoverColor: je(t),
+      children: /* @__PURE__ */ a(Mr, {
         fill: t.chart.textColor
       })
     })
   });
-}, Dr = h.div`
+}, Tr = g.div`
   display: flex;
   padding-top: 6px;
   padding-bottom: 6px;
 `;
-function Ir({
+function jr({
   infoTooltipText: e,
   onRefresh: t,
   onExpand: r
@@ -2094,55 +2135,55 @@ function Ir({
   const i = z(() => [{
     title: "Refresh",
     onClick: t,
-    icon: /* @__PURE__ */ a(_r, {})
+    icon: /* @__PURE__ */ a(Dr, {})
   }], [t]);
-  return /* @__PURE__ */ a(Dr, {
+  return /* @__PURE__ */ a(Tr, {
     "aria-label": "chatbot chart toolbar",
-    children: [/* @__PURE__ */ a(yr, {
+    children: [/* @__PURE__ */ a(Sr, {
       title: e ?? ""
-    }), /* @__PURE__ */ a(vr, {
+    }), /* @__PURE__ */ a(Lr, {
       items: i
-    }), /* @__PURE__ */ a(Mr, {
+    }), /* @__PURE__ */ a(Nr, {
       onClick: r
     })]
   });
 }
-function Ar({
+function zr({
   content: e
 }) {
-  const [t, r] = M(!1), {
+  const [t, r] = I(!1), {
     themeSettings: i
   } = f(), {
     inlineElement: o,
-    expandedElement: l
+    expandedElement: n
   } = z(() => {
-    const n = Je(e, {
+    const l = ue(e, {
       useCustomizedStyleOptions: !0
     });
-    if (n === void 0 || !ke(n))
-      throw new fe("errors.otherWidgetTypesNotSupported");
+    if (l === void 0 || !ye(l))
+      throw new Ce("errors.otherWidgetTypesNotSupported");
     const {
       detailedDescription: d
     } = e, {
       styleOptions: c
-    } = n, s = {
+    } = l, s = {
       cornerRadius: "Small",
       header: {
-        renderToolbar: (u) => /* @__PURE__ */ a(Ir, {
+        renderToolbar: (h) => /* @__PURE__ */ a(jr, {
           infoTooltipText: d,
-          onRefresh: u,
+          onRefresh: h,
           onExpand: () => r(!0)
         })
       }
     };
-    let p, g;
-    if (Vt(n.chartType))
-      p = /* @__PURE__ */ a("div", {
+    let u, p;
+    if (ea(l.chartType))
+      u = /* @__PURE__ */ a("div", {
         className: "csdk-h-[245px]",
-        children: /* @__PURE__ */ a(K, A(v({}, n), {
+        children: /* @__PURE__ */ a(K, v(C({}, l), {
           styleOptions: s
         }))
-      }), g = /* @__PURE__ */ a(K, A(v({}, n), {
+      }), p = /* @__PURE__ */ a(K, v(C({}, l), {
         styleOptions: {
           header: {
             hidden: !0
@@ -2150,32 +2191,32 @@ function Ar({
         }
       }));
     else {
-      const u = A(v({}, c), {
+      const h = v(C({}, c), {
         header: {
           hidden: !0
         }
-      }), m = v(A(v({}, c), {
+      }), b = C(v(C({}, c), {
         legend: void 0,
         xAxis: void 0,
         yAxis: void 0
       }), s);
-      delete m.legend, delete m.xAxis, delete m.yAxis, p = /* @__PURE__ */ a("div", {
-        children: /* @__PURE__ */ a(K, A(v({}, n), {
-          styleOptions: m
+      delete b.legend, delete b.xAxis, delete b.yAxis, u = /* @__PURE__ */ a("div", {
+        children: /* @__PURE__ */ a(K, v(C({}, l), {
+          styleOptions: b
         }))
-      }), g = /* @__PURE__ */ a(K, A(v({}, n), {
-        styleOptions: v({
+      }), p = /* @__PURE__ */ a(K, v(C({}, l), {
+        styleOptions: C({
           cornerRadius: "None"
-        }, u)
+        }, h)
       }));
     }
     return {
-      inlineElement: p,
-      expandedElement: g
+      inlineElement: u,
+      expandedElement: p
     };
   }, [e]);
-  return /* @__PURE__ */ a(T, {
-    children: [o, /* @__PURE__ */ a(tt, {
+  return /* @__PURE__ */ a(N, {
+    children: [o, /* @__PURE__ */ a(at, {
       open: t,
       onClose: () => r(!1),
       maxWidth: "xl",
@@ -2191,21 +2232,21 @@ function Ar({
         children: [/* @__PURE__ */ a("div", {
           className: "csdk-text-ai-lg csdk-semibold",
           children: e.queryTitle
-        }), /* @__PURE__ */ a(Ye, {
+        }), /* @__PURE__ */ a($e, {
           onClick: () => r(!1),
           "aria-label": "close expanded chart",
-          children: /* @__PURE__ */ a(xr, {
+          children: /* @__PURE__ */ a(yr, {
             fillColor: i.aiChat.primaryTextColor
           })
         })]
       }), /* @__PURE__ */ a("div", {
         className: "csdk-h-screen csdk-mt-[8px] csdk-mb-[24px] csdk-mx-[16px]",
-        children: l
+        children: n
       })]
     })]
   });
 }
-function Sr({
+function Er({
   theme: e
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -2222,7 +2263,7 @@ function Sr({
     })
   });
 }
-function Lr({
+function Zr({
   onClick: e,
   disabled: t
 }) {
@@ -2231,20 +2272,20 @@ function Lr({
   } = f(), {
     t: i
   } = _();
-  return /* @__PURE__ */ a(te, {
+  return /* @__PURE__ */ a(ae, {
     title: i("ai.buttons.incorrectResponse"),
-    children: /* @__PURE__ */ a(ae, {
+    children: /* @__PURE__ */ a(re, {
       "aria-label": "thumbs-down",
       onClick: e,
       $hoverColor: r.aiChat.icons.feedbackIcons.hoverColor,
       disabled: t,
-      children: /* @__PURE__ */ a(Sr, {
+      children: /* @__PURE__ */ a(Er, {
         theme: r
       })
     })
   });
 }
-function Nr({
+function Or({
   theme: e
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -2261,7 +2302,7 @@ function Nr({
     })
   });
 }
-function jr({
+function Rr({
   onClick: e,
   disabled: t
 }) {
@@ -2270,92 +2311,92 @@ function jr({
   } = f(), {
     t: i
   } = _();
-  return /* @__PURE__ */ a(te, {
+  return /* @__PURE__ */ a(ae, {
     title: i("ai.buttons.correctResponse"),
-    children: /* @__PURE__ */ a(ae, {
+    children: /* @__PURE__ */ a(re, {
       "aria-label": "thumbs-up",
       onClick: e,
       $hoverColor: r.aiChat.icons.feedbackIcons.hoverColor,
       disabled: t,
-      children: /* @__PURE__ */ a(Nr, {
+      children: /* @__PURE__ */ a(Or, {
         theme: r
       })
     })
   });
 }
-const Tr = () => {
-  const [e, t] = M(!1), r = q(null), i = I(() => {
+const Wr = () => {
+  const [e, t] = I(!1), r = $(null), i = M(() => {
     t(!0);
-  }, []), o = I(() => {
+  }, []), o = M(() => {
     t(!1);
   }, []);
-  return [I((l) => {
-    var n;
-    ((n = r.current) == null ? void 0 : n.nodeType) === Node.ELEMENT_NODE && (r.current.removeEventListener("mouseenter", i), r.current.removeEventListener("mouseleave", o)), (l == null ? void 0 : l.nodeType) === Node.ELEMENT_NODE && (l.addEventListener("mouseenter", i), l.addEventListener("mouseleave", o)), r.current = l;
+  return [M((n) => {
+    var l;
+    ((l = r.current) == null ? void 0 : l.nodeType) === Node.ELEMENT_NODE && (r.current.removeEventListener("mouseenter", i), r.current.removeEventListener("mouseleave", o)), (n == null ? void 0 : n.nodeType) === Node.ELEMENT_NODE && (n.addEventListener("mouseenter", i), n.addEventListener("mouseleave", o)), r.current = n;
   }, [i, o]), e];
-}, zr = h.div`
+}, Gr = g.div`
   display: flex;
   flex-direction: column;
   row-gap: ${({
   theme: e
 }) => e.aiChat.body.gapBetweenMessages};
 `;
-function Er({
+function qr({
   visible: e,
   onSend: t
 }) {
-  const [r, i] = M(!1), o = I((n) => {
-    i(!0), t(n === "up" ? 1 : -1);
+  const [r, i] = I(!1), o = M((l) => {
+    i(!0), t(l === "up" ? 1 : -1);
   }, [t]);
   return e ? /* @__PURE__ */ a("div", {
     className: `csdk-flex csdk-items-center ${`csdk-transition-opacity csdk-delay-150 csdk-duration-500 ${r ? "csdk-opacity-0" : "csdk-opacity-100"}`}`,
-    children: [/* @__PURE__ */ a(jr, {
+    children: [/* @__PURE__ */ a(Rr, {
       onClick: () => o("up"),
       disabled: r
-    }), /* @__PURE__ */ a(Lr, {
+    }), /* @__PURE__ */ a(Zr, {
       onClick: () => o("down"),
       disabled: r
     })]
   }) : null;
 }
-function Ce({
+function Ie({
   sourceId: e,
   data: t,
   type: r,
   buttonVisibility: i = "onHover",
   renderContent: o
 }) {
-  const l = Z(), n = Jt(I((g) => {
-    l && l.ai.sendFeedback({
+  const n = O(), l = ta(M((p) => {
+    n && n.ai.sendFeedback({
       sourceId: e,
       type: r,
       data: t,
-      rating: g
+      rating: p
     });
-  }, [l, e, t, r]), 200), [d, c] = Tr(), s = z(() => i === "onHover" ? c : i !== "never", [c, i]), {
-    themeSettings: p
+  }, [n, e, t, r]), 200), [d, c] = Wr(), s = z(() => i === "onHover" ? c : i !== "never", [c, i]), {
+    themeSettings: u
   } = f();
-  return /* @__PURE__ */ a(zr, {
+  return /* @__PURE__ */ a(Gr, {
     ref: d,
-    theme: p,
-    children: o(/* @__PURE__ */ a(Er, {
-      onSend: n,
+    theme: u,
+    children: o(/* @__PURE__ */ a(qr, {
+      onSend: l,
       visible: s
     }))
   });
 }
-const Zr = 18 * 5;
-function Se({
+const Yr = 18 * 5;
+function be({
   text: e
 }) {
-  const [t, r] = M(!0), [i, o] = M(!1), {
-    t: l
-  } = _(), n = q(null);
-  return ne(() => {
-    n.current && n.current.scrollHeight > Zr && o(!0);
+  const [t, r] = I(!0), [i, o] = I(!1), {
+    t: n
+  } = _(), l = $(null);
+  return le(() => {
+    l.current && l.current.scrollHeight > Yr && o(!0);
   }, [e]), /* @__PURE__ */ a("div", {
     children: [/* @__PURE__ */ a("div", {
-      ref: n,
+      ref: l,
       className: `${t ? "csdk-line-clamp-5" : ""} csdk-whitespace-pre-wrap`,
       children: e
     }), i && /* @__PURE__ */ a("div", {
@@ -2363,32 +2404,32 @@ function Se({
       children: /* @__PURE__ */ a("div", {
         className: "csdk-text-ai-xs csdk-text-text-link csdk-cursor-pointer",
         onClick: () => r((d) => !d),
-        children: l(t ? "ai.buttons.readMore" : "ai.buttons.collapse")
+        children: n(t ? "ai.buttons.readMore" : "ai.buttons.collapse")
       })
     })]
   });
 }
-function Rr({
+function Hr({
   nlgRequest: e
 }) {
   const {
     data: t,
     isLoading: r,
     isError: i
-  } = pe(e), {
+  } = te(e), {
     t: o
   } = _();
-  return r ? /* @__PURE__ */ a(Ie, {}) : i ? /* @__PURE__ */ a(H, {
+  return r ? /* @__PURE__ */ a(Te, {}) : i ? /* @__PURE__ */ a(U, {
     align: "left",
     children: o("ai.errors.unexpected")
-  }) : /* @__PURE__ */ a(H, {
+  }) : /* @__PURE__ */ a(U, {
     align: "full",
-    children: /* @__PURE__ */ a(Se, {
+    children: /* @__PURE__ */ a(be, {
       text: t ?? o("ai.errors.insightsNotAvailable")
     })
   });
 }
-function Or() {
+function Ur() {
   const {
     themeSettings: e
   } = f();
@@ -2406,129 +2447,129 @@ function Or() {
     })
   });
 }
-function Wr({
+function Br({
   onClick: e
 }) {
   const {
     t
   } = _();
-  return /* @__PURE__ */ a(de, {
+  return /* @__PURE__ */ a(se, {
     align: "left",
     onClick: e,
     children: /* @__PURE__ */ a("div", {
       className: "csdk-py-[5px] csdk-px-2 csdk-flex csdk-items-center csdk-gap-x-1 csdk-select-none",
-      children: [/* @__PURE__ */ a(Or, {}), t("ai.buttons.insights")]
+      children: [/* @__PURE__ */ a(Ur, {}), t("ai.buttons.insights")]
     })
   });
 }
-const We = h.div`
+const He = g.div`
   display: flex;
   align-items: center;
   column-gap: 10px;
-`, Gr = (e) => !!e && "aeiou".includes(e[0]);
-function Hr({
+`, $r = (e) => !!e && "aeiou".includes(e[0]);
+function Pr({
   data: e,
   alwaysShowFeedback: t
 }) {
   const {
     chatMode: r = "analyze",
     enableInsights: i
-  } = R(), {
+  } = W(), {
     themeSettings: o
   } = f(), {
-    queryTitle: l,
-    chartRecommendations: n,
+    queryTitle: n,
+    chartRecommendations: l,
     jaql: d
   } = e;
-  console.debug(`JAQL for ${l}`, d), console.debug(`chart recommendations for ${l}`, n);
-  const c = "chartType" in n ? n.chartType : "table";
+  console.debug(`JAQL for ${n}`, d), console.debug(`chart recommendations for ${n}`, l);
+  const c = "chartType" in l ? l.chartType : "table";
   let s;
-  Gr(c) ? s = `an ${c}` : s = `a ${c}`, c !== "table" && (s += " chart");
-  const p = d.datasource.title, [g, u] = M(!1), m = I(() => {
-    u((k) => !k);
-  }, []), C = {
+  $r(c) ? s = `an ${c}` : s = `a ${c}`, c !== "table" && (s += " chart");
+  const u = d.datasource.title, [p, h] = I(!1), b = M(() => {
+    h((x) => !x);
+  }, []), w = {
     jaql: {
       datasource: d.datasource,
       metadata: d.metadata
     }
-  }, x = r === "analyze";
-  return /* @__PURE__ */ a(T, {
-    children: [/* @__PURE__ */ a(Ce, {
-      sourceId: p,
+  }, k = r === "analyze";
+  return /* @__PURE__ */ a(N, {
+    children: [/* @__PURE__ */ a(Ie, {
+      sourceId: u,
       data: e,
       type: "chats/nlq",
       buttonVisibility: t ? "always" : "onHover",
-      renderContent: (k) => /* @__PURE__ */ a(T, {
-        children: [/* @__PURE__ */ a(We, {
-          children: [/* @__PURE__ */ a(st, {
+      renderContent: (x) => /* @__PURE__ */ a(N, {
+        children: [/* @__PURE__ */ a(He, {
+          children: [/* @__PURE__ */ a(gt, {
             align: "left",
             theme: o,
-            children: `Here's ${s} showing ${e.queryTitle.toLowerCase()}.`
-          }), k]
-        }), x && /* @__PURE__ */ a(Ar, {
+            children: `Here's ${s} showing ${Ma(n)}.`
+          }), x]
+        }), k && /* @__PURE__ */ a(zr, {
           content: e
         })]
       })
-    }), i && /* @__PURE__ */ a(Ce, {
-      sourceId: p,
-      data: C,
+    }), i && /* @__PURE__ */ a(Ie, {
+      sourceId: u,
+      data: w,
       type: "nlg/queryResult",
-      buttonVisibility: g ? "onHover" : "never",
-      renderContent: (k) => /* @__PURE__ */ a(T, {
-        children: [/* @__PURE__ */ a(We, {
-          children: [/* @__PURE__ */ a(Wr, {
-            onClick: m
-          }), k]
-        }), g && /* @__PURE__ */ a(Rr, {
-          nlgRequest: C
+      buttonVisibility: p ? "onHover" : "never",
+      renderContent: (x) => /* @__PURE__ */ a(N, {
+        children: [/* @__PURE__ */ a(He, {
+          children: [/* @__PURE__ */ a(Br, {
+            onClick: b
+          }), x]
+        }), p && /* @__PURE__ */ a(Hr, {
+          nlgRequest: w
         })]
       })
     })]
   });
 }
-function Yr({
+function Fr({
   message: e,
   isLastMessage: t
 }) {
-  if (De(e)) {
+  if (Ne(e)) {
     const i = JSON.parse(e.content);
-    return /* @__PURE__ */ a(Hr, {
+    return /* @__PURE__ */ a(Pr, {
       data: i,
       alwaysShowFeedback: t
     });
   }
-  const r = Wa(e) ? JSON.parse(e.content).answer : e.content;
-  return /* @__PURE__ */ a(H, {
+  const r = Ba(e) ? JSON.parse(e.content).answer : e.content;
+  return /* @__PURE__ */ a(U, {
     align: e.role === "user" ? "right" : "left",
     children: r
   });
 }
-const qr = Mt(Yr), Ur = ({
+const Vr = Dt(Fr), Qr = ({
   error: e,
   displayMessage: t
-}) => (console.debug("Unexpected error occurred when resolving a chat message:", e), /* @__PURE__ */ a(H, {
+}) => (console.debug("Unexpected error occurred when resolving a chat message:", e), /* @__PURE__ */ a(U, {
   align: "left",
   children: t
 }));
-function Br({
+function Jr({
   messages: e
 }) {
   const {
     t
   } = _();
-  return /* @__PURE__ */ a(T, {
-    children: e.map((r, i) => /* @__PURE__ */ a(Xt, {
-      fallbackRender: (o) => Ur(A(v({}, o), {
+  return /* @__PURE__ */ a(N, {
+    children: e.map((r, i) => /* @__PURE__ */ a(aa, {
+      fallbackRender: (o) => Qr(v(C({}, o), {
         displayMessage: t("ai.errors.unexpected")
       })),
-      children: /* @__PURE__ */ a(qr, {
+      children: /* @__PURE__ */ a(Vr, {
         message: r,
         isLastMessage: i === e.length - 1
       }, i)
     }, i))
   });
 }
-function ht({
+function bt({
   color: e
 }) {
   return /* @__PURE__ */ a("svg", {
@@ -2543,7 +2584,7 @@ function ht({
     })
   });
 }
-function Pr({
+function Xr({
   onClick: e,
   color: t
 }) {
@@ -2551,12 +2592,12 @@ function Pr({
     "aria-label": "go back",
     className: "csdk-w-5 csdk-h-5 csdk-flex csdk-p-[4px] csdk-ml-[6px] csdk-cursor-pointer",
     onClick: e,
-    children: /* @__PURE__ */ a(ht, {
+    children: /* @__PURE__ */ a(bt, {
       color: t
     })
   });
 }
-const $r = h.button`
+const Kr = g.button`
   font-size: inherit;
   line-height: inherit;
   box-sizing: border-box;
@@ -2602,7 +2643,7 @@ const $r = h.button`
   } = e.aiChat.suggestions;
   if (t) {
     const [i, o] = t;
-    return L`
+    return S`
         border: none;
         position: relative;
         border-radius: ${r};
@@ -2625,20 +2666,20 @@ const $r = h.button`
   return "";
 }}
 `;
-function Ge({
+function Ue({
   question: e,
   onClick: t
 }) {
   const {
     themeSettings: r
   } = f();
-  return /* @__PURE__ */ a($r, {
+  return /* @__PURE__ */ a(Kr, {
     onClick: t,
     theme: r,
     children: e
   });
 }
-const Qr = h.div`
+const ei = g.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -2646,28 +2687,28 @@ const Qr = h.div`
   theme: e
 }) => e.aiChat.suggestions.gap};
 `;
-function Fr({
+function ti({
   questions: e,
   onSelection: t
 }) {
   const {
     t: r
-  } = _(), [i, o] = M(!0), l = z(() => i && e.length > 5 ? e.slice(0, 4) : e, [e, i]), {
-    themeSettings: n
+  } = _(), [i, o] = I(!0), n = z(() => i && e.length > 5 ? e.slice(0, 4) : e, [e, i]), {
+    themeSettings: l
   } = f();
-  return /* @__PURE__ */ a(Qr, {
+  return /* @__PURE__ */ a(ei, {
     "aria-label": "list of suggested questions",
-    theme: n,
-    children: [l.map((d) => /* @__PURE__ */ a(Ge, {
+    theme: l,
+    children: [n.map((d) => /* @__PURE__ */ a(Ue, {
       question: d,
       onClick: () => t(d)
-    }, d)), l.length < e.length && /* @__PURE__ */ a(Ge, {
+    }, d)), n.length < e.length && /* @__PURE__ */ a(Ue, {
       question: r("ai.buttons.seeMore"),
       onClick: () => o(!1)
     })]
   });
 }
-const Vr = h.div`
+const ai = g.div`
   width: 283px;
   height: 32px;
   border-radius: 10px;
@@ -2693,42 +2734,42 @@ const Vr = h.div`
       background-position: -200% 0;
     }
   }
-`, Jr = h.div`
+`, ri = g.div`
   display: flex;
   flex-direction: column;
   row-gap: 1rem;
 `;
-function Xr() {
+function ii() {
   const {
     themeSettings: e
   } = f();
-  return /* @__PURE__ */ a(Jr, {
+  return /* @__PURE__ */ a(ri, {
     children: Array.from({
       length: 3
-    }, (t, r) => /* @__PURE__ */ a(Vr, {
+    }, (t, r) => /* @__PURE__ */ a(ai, {
       theme: e
     }, r))
   });
 }
-function Kr({
+function oi({
   questions: e,
   isLoading: t,
   onSelection: r
 }) {
   const i = e.length > 0, {
     suggestionsWelcomeText: o
-  } = R();
-  return t ? /* @__PURE__ */ a(Xr, {}) : i ? /* @__PURE__ */ a(T, {
-    children: [o && /* @__PURE__ */ a(H, {
+  } = W();
+  return t ? /* @__PURE__ */ a(ii, {}) : i ? /* @__PURE__ */ a(N, {
+    children: [o && /* @__PURE__ */ a(U, {
       align: "left",
       children: o
-    }), /* @__PURE__ */ a(Fr, {
+    }), /* @__PURE__ */ a(ti, {
       onSelection: r,
       questions: e
     })]
   }) : null;
 }
-const ei = h.div`
+const ni = g.div`
   flex: 0 0 80px;
   padding-left: 14px;
   padding-right: 14px;
@@ -2739,7 +2780,7 @@ const ei = h.div`
   background-color: ${({
   style: e
 }) => e.backgroundColor};
-`, ti = h.div`
+`, li = g.div`
   font-size: 18px;
   line-height: 22px;
   font-weight: 600;
@@ -2748,16 +2789,16 @@ const ei = h.div`
   color: ${({
   style: e
 }) => e.textColor};
-`, ut = qe(function({
+`, mt = Pe(function({
   title: e,
   leftNav: t,
   rightNav: r,
   style: i
 }, o) {
-  return /* @__PURE__ */ a(ei, {
+  return /* @__PURE__ */ a(ni, {
     ref: o,
     style: i,
-    children: [t, /* @__PURE__ */ a(ti, {
+    children: [t, /* @__PURE__ */ a(li, {
       style: i,
       children: e
     }), r && /* @__PURE__ */ a("div", {
@@ -2765,7 +2806,7 @@ const ei = h.div`
       children: r
     })]
   });
-}), ai = h.div`
+}), ci = g.div`
   text-align: center;
   font-size: 11px;
   line-height: 18px;
@@ -2781,13 +2822,13 @@ const ei = h.div`
   theme: e
 }) => e.aiChat.secondaryTextColor};
 `;
-function ri({
+function di({
   theme: e
 }) {
   const {
     t
   } = _();
-  return /* @__PURE__ */ a(ai, {
+  return /* @__PURE__ */ a(ci, {
     theme: e,
     children: [/* @__PURE__ */ a("div", {
       children: t("ai.disclaimer.poweredByAi")
@@ -2796,7 +2837,7 @@ function ri({
     })]
   });
 }
-const ii = h.div`
+const si = g.div`
   font-size: inherit;
   line-height: inherit;
   padding-left: 16px;
@@ -2811,18 +2852,18 @@ const ii = h.div`
   background-color: ${({
   theme: e
 }) => e.aiChat.suggestions.backgroundColor};
-`, bt = () => {
+`, xt = () => {
   const {
     t: e
   } = _(), {
     themeSettings: t
   } = f();
-  return /* @__PURE__ */ a(ii, {
+  return /* @__PURE__ */ a(si, {
     theme: t,
     children: e("ai.betaLabel")
   });
 };
-function oi() {
+function pi() {
   const {
     themeSettings: e
   } = f();
@@ -2840,10 +2881,10 @@ function oi() {
     })
   });
 }
-const ni = (e, t) => {
-  const r = new Tt(e);
+const gi = (e, t) => {
+  const r = new Et(e);
   return r.alpha = t, r;
-}, li = h.div`
+}, ui = g.div`
   font-size: inherit;
   line-height: inherit;
   padding-left: 8px;
@@ -2853,7 +2894,7 @@ const ni = (e, t) => {
   margin-bottom: 4px;
   box-shadow: ${({
   theme: e
-}) => `0 4px 8px 0 ${ni(e.aiChat.primaryTextColor, 0.2)}`};
+}) => `0 4px 8px 0 ${gi(e.aiChat.primaryTextColor, 0.2)}`};
   cursor: pointer;
   color: ${({
   theme: e
@@ -2870,32 +2911,32 @@ const ni = (e, t) => {
   theme: e
 }) => e.aiChat.clickableMessages.hover.backgroundColor};
     box-shadow: none;
-`, ci = ({
+`, hi = ({
   onClick: e
 }) => {
   const {
     themeSettings: t
   } = f();
-  return /* @__PURE__ */ a(li, {
+  return /* @__PURE__ */ a(ui, {
     theme: t,
     onClick: e,
-    children: /* @__PURE__ */ a(oi, {})
+    children: /* @__PURE__ */ a(pi, {})
   });
-}, di = ({
+}, bi = ({
   isVisible: e,
   onClick: t,
   anchorElement: r
-}) => /* @__PURE__ */ a(Fe, {
+}) => /* @__PURE__ */ a(Je, {
   anchorEl: r,
   open: e,
   placement: "top",
   sx: {
     zIndex: 2
   },
-  children: /* @__PURE__ */ a(ci, {
+  children: /* @__PURE__ */ a(hi, {
     onClick: t
   })
-}), si = h.div`
+}), mi = g.div`
   display: flex;
   flex-direction: column;
   row-gap: ${({
@@ -2916,7 +2957,7 @@ const ni = (e, t) => {
 }) => e.aiChat.body.paddingBottom};
   flex: initial;
   height: 100%;
-`, pi = h.div`
+`, xi = g.div`
   padding-left: ${({
   theme: e
 }) => e.aiChat.footer.paddingLeft};
@@ -2932,133 +2973,135 @@ const ni = (e, t) => {
   display: flex;
   flex-direction: column;
   row-gap: 6px;
-`, gi = h.div`
+`, fi = g.div`
   display: flex;
   flex-direction: column;
   row-gap: ${({
   theme: e
 }) => e.aiChat.suggestions.gap};
 `;
-function hi({
+function ki({
   contextTitle: e,
   onGoBack: t
 }) {
   const {
     t: r
   } = _(), {
-    data: i,
-    isLoading: o,
-    isError: l
+    enableFollowupQuestions: i,
+    enableHeader: o,
+    numOfRecentPrompts: n,
+    numOfRecommendations: l
+  } = W(), {
+    themeSettings: d
+  } = f(), {
+    data: c,
+    isLoading: s,
+    isError: u
   } = ot({
-    contextTitle: e
-  }), n = z(() => i.map((w) => w.nlqPrompt), [i]), {
-    history: d,
-    lastNlqResponse: c,
-    isAwaitingResponse: s,
-    sendMessage: p,
-    isLoading: g,
-    chatId: u,
-    lastError: m
-  } = Ga(e), {
-    mutate: C,
-    isLoading: x
-  } = nt(u), [k, N] = M(!1), [E, y] = M(!1), O = () => N(!0), D = () => N(!1), J = () => {
-    C(), D();
-  }, S = q(null), re = q(null), he = () => {
-    if (!(S != null && S.current))
+    contextTitle: e,
+    count: l
+  }), p = z(() => c == null ? void 0 : c.map((D) => D.nlqPrompt), [c]), {
+    history: h,
+    lastNlqResponse: b,
+    isAwaitingResponse: w,
+    sendMessage: k,
+    isLoading: x,
+    chatId: E,
+    lastError: A
+  } = $a(e), {
+    mutate: y,
+    isLoading: R
+  } = ct(E), [Z, T] = I(!1), [G, me] = I(!1), xe = () => T(!0), q = () => T(!1), J = () => {
+    y(), q();
+  }, j = $(null), ie = $(null), fe = () => {
+    if (!(j != null && j.current))
       return;
     const {
-      scrollTop: w,
-      clientHeight: G,
-      scrollHeight: Le
-    } = S.current;
-    if (w === void 0 || G === void 0 || Le === void 0)
+      scrollTop: D,
+      clientHeight: H,
+      scrollHeight: ze
+    } = j.current;
+    if (D === void 0 || H === void 0 || ze === void 0)
       return;
-    const Ne = Le - w - G > G / 2;
-    E !== Ne && y(Ne);
+    const Ee = ze - D - H > H / 2;
+    G !== Ee && me(Ee);
   };
-  ne(() => {
-    S.current && (S.current.scrollTop = S.current.scrollHeight);
-  }, [d, k, s]);
-  const U = q(null), {
-    enableFollowupQuestions: X,
-    enableHeader: B,
-    numOfRecentPrompts: ie
-  } = R(), {
-    themeSettings: W
-  } = f(), P = B ? /* @__PURE__ */ a(ut, {
-    ref: U,
+  le(() => {
+    j.current && (j.current.scrollTop = j.current.scrollHeight);
+  }, [h, Z, w]);
+  const X = $(null), oe = o ? /* @__PURE__ */ a(mt, {
+    ref: X,
     title: e,
-    leftNav: t && /* @__PURE__ */ a(Pr, {
+    leftNav: t && /* @__PURE__ */ a(Xr, {
       onClick: t,
-      color: W.aiChat.header.textColor
+      color: d.aiChat.header.textColor
     }),
-    rightNav: /* @__PURE__ */ a(bt, {}),
-    style: W.aiChat.header
-  }) : null, ue = z(() => [...new Set(d.filter((w) => w.role === "user").filter((w) => !n.includes(w.content)).map((w) => w.content).reverse())].slice(0, ie), [d, ie, n]);
-  return (m == null ? void 0 : m.message) === r("ai.errors.chatUnavailable") ? /* @__PURE__ */ a(T, {
-    children: [B && P, /* @__PURE__ */ a(pt, {
-      text: m.message
+    rightNav: /* @__PURE__ */ a(xt, {}),
+    style: d.aiChat.header
+  }) : null, Y = z(() => [...new Set(h.filter((D) => D.role === "user").filter((D) => !(p != null && p.includes(D.content))).map((D) => D.content).reverse())].slice(0, n), [h, n, p]);
+  return (A == null ? void 0 : A.message) === r("ai.errors.chatUnavailable") ? /* @__PURE__ */ a(N, {
+    children: [o && oe, /* @__PURE__ */ a(ut, {
+      text: A.message
     })]
-  }) : /* @__PURE__ */ a(T, {
-    children: [P, /* @__PURE__ */ a(si, {
-      ref: S,
-      theme: W,
-      onScroll: he,
-      children: [/* @__PURE__ */ a(di, {
-        isVisible: E,
-        anchorElement: re.current,
+  }) : /* @__PURE__ */ a(N, {
+    children: [oe, /* @__PURE__ */ a(mi, {
+      ref: j,
+      theme: d,
+      onScroll: fe,
+      children: [/* @__PURE__ */ a(bi, {
+        isVisible: G,
+        anchorElement: ie.current,
         onClick: () => {
-          var w, G;
-          (G = S.current) == null || G.scroll({
-            top: (w = S.current) == null ? void 0 : w.scrollHeight,
+          var D, H;
+          (H = j.current) == null || H.scroll({
+            top: (D = j.current) == null ? void 0 : D.scrollHeight,
             behavior: "smooth"
           });
         }
-      }), /* @__PURE__ */ a(sr, {}), /* @__PURE__ */ a(Kr, {
-        questions: n,
-        isLoading: o,
-        onSelection: p
-      }), m && /* @__PURE__ */ a(H, {
+      }), /* @__PURE__ */ a(mr, {}), /* @__PURE__ */ a(oi, {
+        questions: p || [],
+        isLoading: s,
+        onSelection: k
+      }), A && /* @__PURE__ */ a(U, {
         align: "left",
-        children: m.message
-      }), g ? /* @__PURE__ */ a(ge, {}) : /* @__PURE__ */ a(Br, {
-        messages: d
-      }), X && c && /* @__PURE__ */ a(gi, {
-        theme: W,
-        children: c.followupQuestions.slice(0, 2).map((w, G) => /* @__PURE__ */ a(de, {
+        children: A.message
+      }), x ? /* @__PURE__ */ a(he, {}) : /* @__PURE__ */ a(Jr, {
+        messages: h
+      }), i && b && /* @__PURE__ */ a(fi, {
+        theme: d,
+        children: b.followupQuestions.slice(0, 2).map((D, H) => /* @__PURE__ */ a(se, {
           align: "left",
           onClick: () => {
-            p(w);
+            k(D);
           },
           children: /* @__PURE__ */ a("div", {
             className: "csdk-py-[7px] csdk-px-4",
-            children: w
+            children: D
           })
-        }, G))
-      }), (s || x) && /* @__PURE__ */ a(Ie, {}), k && /* @__PURE__ */ a(mr, {
-        onCancel: D,
+        }, H))
+      }), (w || R) && /* @__PURE__ */ a(Te, {}), Z && /* @__PURE__ */ a(Cr, {
+        onCancel: q,
         onConfirm: J
       })]
-    }), /* @__PURE__ */ a(pi, {
-      ref: re,
-      theme: W,
-      children: [/* @__PURE__ */ a(cr, {
-        onSendMessage: p,
-        disabled: s || g,
-        onClearHistoryClick: O,
-        suggestions: n,
-        recentPrompts: ue,
-        isLoading: o || g,
-        recommendationsError: l,
-        onChange: D
-      }), /* @__PURE__ */ a(ri, {
-        theme: W
+    }), /* @__PURE__ */ a(xi, {
+      ref: ie,
+      theme: d,
+      children: [/* @__PURE__ */ a(hr, {
+        onSendMessage: k,
+        disabled: w || x,
+        onClearHistoryClick: xe,
+        suggestions: p || [],
+        recentPrompts: Y,
+        isLoading: s || x,
+        recommendationsError: u,
+        onChange: q
+      }), /* @__PURE__ */ a(di, {
+        theme: d
       })]
     })]
   });
 }
-const ui = h.button`
+const wi = g.button`
   font-family: ${({
   theme: e
 }) => e.typography.fontFamily};
@@ -3075,14 +3118,14 @@ const ui = h.button`
   background-color: ${({
   theme: e
 }) => e.aiChat.dataTopics.items.backgroundColor};
-`, bi = h.div`
+`, _i = g.div`
   font-size: 1.05rem;
   line-height: 28px;
 
   color: ${({
   theme: e
 }) => e.aiChat.dataTopics.items.textColor};
-`, mi = h.div`
+`, Ci = g.div`
   font-size: ${({
   theme: e
 }) => e.aiChat.primaryFontSize[0]};
@@ -3092,13 +3135,13 @@ const ui = h.button`
 
   color: ${({
   theme: e
-}) => Ue(e.aiChat.dataTopics.items.textColor, 0, 0.5)};
-`, xi = h.div`
+}) => Fe(e.aiChat.dataTopics.items.textColor, 0, 0.5)};
+`, yi = g.div`
   width: 16px;
   height: 16px;
   transform: rotate(180deg);
 `;
-function fi(e) {
+function vi(e) {
   const {
     title: t,
     description: r,
@@ -3106,31 +3149,31 @@ function fi(e) {
   } = e, {
     themeSettings: o
   } = f();
-  return /* @__PURE__ */ a(ui, {
+  return /* @__PURE__ */ a(wi, {
     onClick: i,
     theme: o,
     children: [/* @__PURE__ */ a("div", {
-      children: [/* @__PURE__ */ a(bi, {
+      children: [/* @__PURE__ */ a(_i, {
         theme: o,
         children: t
-      }), /* @__PURE__ */ a(mi, {
+      }), /* @__PURE__ */ a(Ci, {
         theme: o,
         children: r
       })]
-    }), /* @__PURE__ */ a(xi, {
-      children: /* @__PURE__ */ a(ht, {
+    }), /* @__PURE__ */ a(yi, {
+      children: /* @__PURE__ */ a(bt, {
         color: o.aiChat.icons.color
       })
     })]
   });
 }
-const ki = h.div`
+const Mi = g.div`
   padding: 20px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   overflow: auto;
-`, wi = h.div`
+`, Ii = g.div`
   font-size: 24px;
   line-height: 32px;
   font-weight: 600;
@@ -3140,7 +3183,7 @@ const ki = h.div`
   color: ${({
   theme: e
 }) => e.aiChat.primaryTextColor};
-`, _i = h.div`
+`, Di = g.div`
   font-size: 15px;
   line-height: 22px;
 
@@ -3148,7 +3191,7 @@ const ki = h.div`
   theme: e
 }) => e.aiChat.primaryTextColor};
 `;
-function Ci(e) {
+function Ai(e) {
   const {
     dataTopics: t
   } = e, {
@@ -3156,23 +3199,23 @@ function Ci(e) {
   } = f(), {
     t: i
   } = _();
-  return /* @__PURE__ */ a(ki, {
-    children: [/* @__PURE__ */ a(wi, {
+  return /* @__PURE__ */ a(Mi, {
+    children: [/* @__PURE__ */ a(Ii, {
       theme: r,
       children: i("ai.dataTopics")
-    }), /* @__PURE__ */ a(_i, {
+    }), /* @__PURE__ */ a(Di, {
       theme: r,
       children: [i("ai.chatbotDescription"), /* @__PURE__ */ a("br", {}), /* @__PURE__ */ a("br", {}), i("ai.topicSelectPrompt")]
-    }), t.map((o) => /* @__PURE__ */ Kt(fi, A(v({}, o), {
+    }), t.map((o) => /* @__PURE__ */ ra(vi, v(C({}, o), {
       key: o.title
     })))]
   });
 }
-const yi = "#000000", vi = "#FFFFFF";
-function Mi({
+const Si = "#000000", Li = "#FFFFFF";
+function Ni({
   isDarkBackground: e = !1
 }) {
-  const t = e ? vi : yi;
+  const t = e ? Li : Si;
   return /* @__PURE__ */ a("svg", {
     width: "32",
     height: "32",
@@ -3230,10 +3273,10 @@ function Mi({
     })]
   });
 }
-const Di = h.div`
+const Ti = g.div`
   margin-left: 14px;
   margin-top: 3px;
-`, Ii = h.div`
+`, ji = g.div`
   display: flex;
   flex-direction: column;
   justify-content: top;
@@ -3244,71 +3287,71 @@ const Di = h.div`
   theme: e
 }) => e.aiChat.dataTopics.backgroundColor};
 `;
-function Ai({
+function zi({
   dataTopicsList: e,
   onDataTopicClick: t
 }) {
   const {
     enableHeader: r
-  } = R(), {
+  } = W(), {
     themeSettings: i
   } = f(), {
     t: o
-  } = _(), l = z(() => e == null ? void 0 : e.map((d) => ({
+  } = _(), n = z(() => e == null ? void 0 : e.map((d) => ({
     title: d,
     onClick: () => t(d)
-  })), [e, t]), n = Ut(Bt(i.aiChat.header.backgroundColor)) > 0.5;
-  return /* @__PURE__ */ a(T, {
-    children: [r ? /* @__PURE__ */ a(ut, {
+  })), [e, t]), l = Pt(Ft(i.aiChat.header.backgroundColor)) > 0.5;
+  return /* @__PURE__ */ a(N, {
+    children: [r ? /* @__PURE__ */ a(mt, {
       title: o("ai.analyticsChatbot"),
-      leftNav: /* @__PURE__ */ a(Di, {
-        children: /* @__PURE__ */ a(Mi, {
-          isDarkBackground: n
+      leftNav: /* @__PURE__ */ a(Ti, {
+        children: /* @__PURE__ */ a(Ni, {
+          isDarkBackground: l
         })
       }),
-      rightNav: /* @__PURE__ */ a(bt, {}),
+      rightNav: /* @__PURE__ */ a(xt, {}),
       style: i.aiChat.header
-    }) : null, /* @__PURE__ */ a(Ii, {
+    }) : null, /* @__PURE__ */ a(ji, {
       theme: i,
-      children: [!l && /* @__PURE__ */ a(ge, {}), l && /* @__PURE__ */ a(Ci, {
-        dataTopics: l
+      children: [!n && /* @__PURE__ */ a(he, {}), n && /* @__PURE__ */ a(Ai, {
+        dataTopics: n
       })]
     })]
   });
 }
-function Si() {
-  const [e, t] = M([]), [r, i] = M(), [o, l] = M(), {
-    data: n,
+function Ei() {
+  const [e, t] = I([]), [r, i] = I(), [o, n] = I(), {
+    data: l,
     fetchStatus: d
-  } = ct(), {
+  } = st(), {
     dataTopicsList: c
-  } = R(), {
+  } = W(), {
     t: s
   } = _();
-  F(() => {
-    if (n && d === "idle") {
-      let u = n;
-      c && c.length && (u = n == null ? void 0 : n.filter((m) => c == null ? void 0 : c.includes(m.title))), t(u.map((m) => m.title)), u.length ? u.length === 1 && (l(void 0), i(u[0].title)) : l(s("ai.errors.noAvailableDataTopics"));
+  V(() => {
+    if (l && d === "idle") {
+      let h = l;
+      c && c.length && (h = l == null ? void 0 : l.filter((b) => c == null ? void 0 : c.includes(b.title))), t(h.map((b) => b.title)), h.length ? h.length === 1 && (n(void 0), i(h[0].title)) : n(s("ai.errors.noAvailableDataTopics"));
     }
-  }, [n, c, d, s]);
-  const p = ee(), g = I(() => {
-    l(void 0), p.invalidateQueries(["getDataTopics"]);
-  }, [p]);
-  return o ? /* @__PURE__ */ a(pt, {
+  }, [l, c, d, s]);
+  const u = ee(), p = M(() => {
+    n(void 0), u.invalidateQueries(["getDataTopics"]);
+  }, [u]);
+  return o ? /* @__PURE__ */ a(ut, {
     text: o,
     action: {
       text: s("ai.buttons.refresh"),
-      onClick: g
+      onClick: p
     }
-  }) : e.length === 1 && !r ? /* @__PURE__ */ a(ge, {}) : r ? /* @__PURE__ */ a(hi, {
+  }) : e.length === 1 && !r ? /* @__PURE__ */ a(he, {}) : r ? /* @__PURE__ */ a(ki, {
     contextTitle: r,
     onGoBack: e.length === 1 ? void 0 : () => i(void 0)
-  }) : /* @__PURE__ */ a(Ai, {
+  }) : /* @__PURE__ */ a(zi, {
     dataTopicsList: e,
-    onDataTopicClick: (u) => i(u)
+    onDataTopicClick: (h) => i(h)
   });
 }
-const Hi = Be({
+const Fi = Ae({
   componentName: "Chatbot"
 })((e) => {
   const {
@@ -3318,34 +3361,49 @@ const Hi = Be({
   } = e, {
     themeSettings: o
   } = f();
-  return /* @__PURE__ */ a(za, {
+  return /* @__PURE__ */ a(Ga, {
     value: i ?? {},
-    children: /* @__PURE__ */ a(Ba, {
+    children: /* @__PURE__ */ a(Ja, {
       id: "csdk-chatbot-frame",
       width: t,
       height: r,
       theme: o,
       tabIndex: 0,
-      children: /* @__PURE__ */ a(Si, {})
+      children: /* @__PURE__ */ a(Ei, {})
     })
   });
-}), Yi = Be({
+}), Vi = Ae({
+  componentName: "GetNlgInsights"
+})(function(e) {
+  const {
+    data: t,
+    isLoading: r,
+    isError: i
+  } = te(e), {
+    t: o
+  } = _();
+  return i ? /* @__PURE__ */ a(N, {
+    children: o("ai.errors.unexpected")
+  }) : /* @__PURE__ */ a(be, {
+    text: r ? "Loading..." : t ?? "Oops, no data came back for that."
+  });
+}), Qi = Ae({
   componentName: "GetNlgQueryResult"
 })(function(e) {
   const {
     data: t,
     isLoading: r,
     isError: i
-  } = pe(e), {
+  } = te(e), {
     t: o
   } = _();
-  return i ? /* @__PURE__ */ a(T, {
+  return i ? /* @__PURE__ */ a(N, {
     children: o("ai.errors.unexpected")
-  }) : /* @__PURE__ */ a(Se, {
+  }) : /* @__PURE__ */ a(be, {
     text: r ? "Loading..." : t ?? "Oops, no data came back for that."
   });
 });
-function Li({
+function Zi({
   theme: e
 }) {
   const t = e.general.brandColor;
@@ -3373,83 +3431,91 @@ function Li({
     })]
   });
 }
-const Ni = h.div`
+const Oi = g.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 10px;
   margin: 24px 0;
   max-width: 640px;
-`, ji = h.div`
+`, Ri = g.div`
   align-self: flex-start;
-`, Ti = ({
+`, Wi = ({
   summary: e,
   nlgRequest: t
 }) => {
   const {
     themeSettings: r
   } = f();
-  return /* @__PURE__ */ a(Ce, {
+  return /* @__PURE__ */ a(Ie, {
     sourceId: t.jaql.datasource.title,
     data: t,
     type: "chart/insights",
     buttonVisibility: "always",
-    renderContent: (i) => /* @__PURE__ */ a(Ni, {
+    renderContent: (i) => /* @__PURE__ */ a(Oi, {
       theme: r,
-      children: [/* @__PURE__ */ a(ji, {
+      children: [/* @__PURE__ */ a(Ri, {
         theme: r,
-        children: /* @__PURE__ */ a(Li, {
+        children: /* @__PURE__ */ a(Zi, {
           theme: r
         })
-      }), /* @__PURE__ */ a(Se, {
+      }), /* @__PURE__ */ a(be, {
         text: e
       }), i]
     })
   });
-}, qi = ({
+}, Ji = ({
   nlqResponse: e,
   onDataReady: t,
-  filters: r = []
+  filters: r = [],
+  enableHeader: i = !0
 }) => {
+  e.queryTitle = Zt(e.queryTitle);
   const {
-    connectToWidgetProps: i
-  } = zt({
+    connectToWidgetProps: o
+  } = Ot({
     initialFilters: r
-  }), [o, l] = M(null);
-  F(() => {
-    const p = Je(e, {
+  }), [n, l] = I(null);
+  V(() => {
+    var p;
+    const h = ue(e, {
       useCustomizedStyleOptions: !0
     });
-    if (!p)
+    if (!h)
       l(null);
     else {
-      const g = i(p, {
+      i || (h.styleOptions = v(C({}, h.styleOptions), {
+        header: v(C({}, (p = h.styleOptions) == null ? void 0 : p.header), {
+          hidden: !0
+        })
+      }));
+      const b = o(h, {
         shouldAffectFilters: !1,
         applyMode: "filter"
       });
-      l(g);
+      l(b);
     }
-  }, [e, i]);
-  const n = z(() => {
-    const p = o && ke(o) ? Et(o == null ? void 0 : o.filters) : [], g = e.jaql.metadata.filter((u) => !u.jaql.filter).concat(p.filter((u) => !u.config.disabled).map((u) => u.jaql()));
-    return A(v({}, e), {
-      jaql: A(v({}, e.jaql), {
-        metadata: g
+  }, [e, o, i]);
+  const d = z(() => {
+    const p = n && ye(n) ? Rt(n == null ? void 0 : n.filters) : [], h = e.jaql.metadata.filter((b) => !b.jaql.filter).concat(p.filter((b) => !b.config.disabled).map((b) => b.jaql()));
+    return v(C({}, e), {
+      jaql: v(C({}, e.jaql), {
+        metadata: h
       })
     });
-  }, [e, o]), {
-    data: d,
-    isLoading: c,
-    isError: s
-  } = pe(n);
-  return c || !o ? /* @__PURE__ */ a(Ie, {}) : ke(o) ? /* @__PURE__ */ a(K, A(v({}, o), {
+  }, [e, n]), {
+    data: c,
+    isLoading: s,
+    isError: u
+  } = te(d);
+  return s || !n ? /* @__PURE__ */ a(Te, {}) : ye(n) ? /* @__PURE__ */ a(K, v(C({}, n), {
     highlightSelectionDisabled: !0,
     onDataReady: t,
-    topSlot: d && !s && /* @__PURE__ */ a(Ti, {
-      nlgRequest: n,
-      summary: d
+    topSlot: c && !u && /* @__PURE__ */ a(Wi, {
+      nlgRequest: d,
+      summary: c
     })
-  })) : /* @__PURE__ */ a(T, {});
+  })) : /* @__PURE__ */ a(N, {});
 };
 (function() {
   try {
@@ -3462,13 +3528,16 @@ const Ni = h.div`
   }
 })();
 export {
-  Zi as AiContextProvider,
-  Hi as Chatbot,
-  Yi as GetNlgQueryResult,
-  qi as NlqChartWidget,
-  Ga as useChatSession,
-  Gi as useGetDataSourceFields,
-  Ri as useGetNlgQueryResult,
-  Oi as useGetQueryRecommendations,
-  Wi as useLastNlqResponse
+  qi as AiContextProvider,
+  Fi as Chatbot,
+  Vi as GetNlgInsights,
+  Qi as GetNlgQueryResult,
+  Ji as NlqChartWidget,
+  $a as useChatSession,
+  Pi as useGetDataSourceFields,
+  Yi as useGetNlgInsights,
+  Hi as useGetNlgQueryResult,
+  Ui as useGetNlqResult,
+  Bi as useGetQueryRecommendations,
+  $i as useLastNlqResponse
 };