@antscorp/antsomi-genai 1.0.2 → 1.0.3-beta.2

package/dist/{Component-Cs49dUxs.mjs → Component-BBcc_iAI.mjs}

@@ -1,11 +1,11 @@
 import { Report as ee } from "@antscorp/antsomi-charts";
 import { Spin as te } from "@antscorp/antsomi-ui";
-import { U as x, y as ae, b as ie, w as ne, F as se, x as re, a8 as oe } from "./index-ClD3nuqK.mjs";
+import { U as x, y as ae, b as ie, w as ne, F as se, x as re, a8 as oe } from "./index-BjktST4y.mjs";
 import { useState as L, useEffect as q } from "react";
-import { G as le, u as me } from "./useGetSchema-Dcu9AHpg.mjs";
+import { G as le, u as me } from "./useGetSchema-BZyxXJ9F.mjs";
 import "@tanstack/react-query";
 import "@antscorp/antsomi-constants";
-import { d as fe } from "./index-DtTKPdIL.mjs";
+import { d as fe } from "./index-Duemd0uq.mjs";
 function ce(T) {
   const A = /D[0-9]+_/, O = (e) => e.aliasAggregation || e.aggregation || "", n = {
     summary: 0,

package/dist/{Component-AlrxsWOV.mjs → Component-CD3T6oEj.mjs}

@@ -1,9 +1,9 @@
 import { getSizeOfText as ce, Report as ue } from "@antscorp/antsomi-charts";
 import { Spin as me } from "@antscorp/antsomi-ui";
 import { useState as Z, useEffect as fe, useMemo as ee } from "react";
-import { u as ge } from "./useGetSchema-Dcu9AHpg.mjs";
-import { c as he } from "./index-DtTKPdIL.mjs";
-import { a2 as pe, U as h, y as de, a7 as te, w as ve, F as ye, x as De } from "./index-ClD3nuqK.mjs";
+import { u as ge } from "./useGetSchema-BZyxXJ9F.mjs";
+import { c as he } from "./index-Duemd0uq.mjs";
+import { a2 as pe, U as h, y as de, a7 as te, w as ve, F as ye, x as De } from "./index-BjktST4y.mjs";
 import { t as E } from "./toNumber-CHl49cGq.mjs";
 function W(...y) {
   return pe(y);

package/dist/{Component-BLBfGXgH.mjs → Component-CoQduc7o.mjs}

@@ -1,9 +1,9 @@
 import { Report as V } from "@antscorp/antsomi-charts";
 import { Spin as z } from "@antscorp/antsomi-ui";
 import { useState as T, useEffect as C, useMemo as E } from "react";
-import { u as D } from "./useGetSchema-Dcu9AHpg.mjs";
-import { h as Y } from "./index-DtTKPdIL.mjs";
-import { a8 as M, U as A, ad as v, af as R, w as L, F as X, x as G } from "./index-ClD3nuqK.mjs";
+import { u as D } from "./useGetSchema-BZyxXJ9F.mjs";
+import { h as Y } from "./index-Duemd0uq.mjs";
+import { a8 as M, U as A, ad as v, af as R, w as L, F as X, x as G } from "./index-BjktST4y.mjs";
 function N(p, y, l) {
   const { rows: n = [] } = p, i = [];
   for (const o of n) {

package/dist/{Component-CTDUktmk.mjs → Component-CyeVsqmr.mjs}

@@ -1,10 +1,10 @@
 import { Spin as ow } from "@antscorp/antsomi-ui";
-import { aa as hi, L as ye, c as oe, U as gt, ab as gl, y as uw, ac as bl, a7 as sw, w as cw, F as lw, x as fw } from "./index-ClD3nuqK.mjs";
+import { aa as hi, L as ye, c as oe, U as gt, ab as gl, y as uw, ac as bl, a7 as sw, w as cw, F as lw, x as fw } from "./index-BjktST4y.mjs";
 import { t as He } from "./toNumber-CHl49cGq.mjs";
 import * as qt from "react";
 import M, { isValidElement as ft, Children as Qt, PureComponent as Lt, forwardRef as Hb, useRef as Mi, useImperativeHandle as hw, useState as br, useCallback as dw, useEffect as ja, useMemo as Lf, cloneElement as Pe, createElement as Kb, useContext as jt, createContext as or, Component as Vb } from "react";
-import { u as pw } from "./useGetSchema-Dcu9AHpg.mjs";
-import { f as vw } from "./index-DtTKPdIL.mjs";
+import { u as pw } from "./useGetSchema-BZyxXJ9F.mjs";
+import { f as vw } from "./index-Duemd0uq.mjs";
 var fo, Kh;
 function Be() {
   if (Kh) return fo;

package/dist/{Component-C_yePlGv.mjs → Component-DEaSSeSr.mjs}

@@ -1,9 +1,9 @@
 import { Report as I } from "@antscorp/antsomi-charts";
 import { Spin as T } from "@antscorp/antsomi-ui";
 import { useState as u, useEffect as V, useMemo as E } from "react";
-import { u as R } from "./useGetSchema-Dcu9AHpg.mjs";
-import { k as v } from "./index-DtTKPdIL.mjs";
-import { w as y, F as A, x as D, U as M } from "./index-ClD3nuqK.mjs";
+import { u as R } from "./useGetSchema-BZyxXJ9F.mjs";
+import { k as v } from "./index-Duemd0uq.mjs";
+import { w as y, F as A, x as D, U as M } from "./index-BjktST4y.mjs";
 function b(o = []) {
   let a = o[0], r;
   for (let e = 0; e < o.length; e++) {

package/dist/{Component-7IaMSMNU.mjs → Component-DU_V2aUm.mjs}

@@ -1,9 +1,9 @@
 import { Report as L } from "@antscorp/antsomi-charts";
 import { Spin as M } from "@antscorp/antsomi-ui";
 import { useState as P, useEffect as T, useMemo as O } from "react";
-import { u as _ } from "./useGetSchema-Dcu9AHpg.mjs";
-import { g as z } from "./index-DtTKPdIL.mjs";
-import { ad as E, U as R, ab as F, ae as H, w as x, F as G, x as K } from "./index-ClD3nuqK.mjs";
+import { u as _ } from "./useGetSchema-BZyxXJ9F.mjs";
+import { g as z } from "./index-Duemd0uq.mjs";
+import { ad as E, U as R, ab as F, ae as H, w as x, F as G, x as K } from "./index-BjktST4y.mjs";
 function U(c) {
   return c === null;
 }

package/dist/{Component-CQ8f7I7o.mjs → Component-DkYYrSwR.mjs}

@@ -1,4 +1,4 @@
-import { N as o, c, D as n } from "./index-ClD3nuqK.mjs";
+import { N as o, c, D as n } from "./index-BjktST4y.mjs";
 import { useRef as d } from "react";
 const s = {
   "node-wrapper": "_node-wrapper_omxhi_1"

package/dist/{Component-CMY_azsY.mjs → Component-TNiNSPrF.mjs}

@@ -1,9 +1,9 @@
 import { Report as B } from "@antscorp/antsomi-charts";
 import { Spin as K } from "@antscorp/antsomi-ui";
 import { useState as z, useEffect as q, useMemo as G } from "react";
-import { u as J } from "./useGetSchema-Dcu9AHpg.mjs";
-import { e as Z } from "./index-DtTKPdIL.mjs";
-import { U as f, a9 as Q, t as ee, w as te, F as ae, x as ne } from "./index-ClD3nuqK.mjs";
+import { u as J } from "./useGetSchema-BZyxXJ9F.mjs";
+import { e as Z } from "./index-Duemd0uq.mjs";
+import { U as f, a9 as Q, t as ee, w as te, F as ae, x as ne } from "./index-BjktST4y.mjs";
 function oe(l, a) {
   const n = /* @__PURE__ */ Object.create(null);
   for (let t = 0; t < l.length; t++) {

package/dist/{Component-D9dltOCp.mjs → Component-gmqEoQOZ.mjs}

@@ -1,9 +1,9 @@
 import { Report as I } from "@antscorp/antsomi-charts";
 import { Spin as M } from "@antscorp/antsomi-ui";
 import { useState as f, useEffect as E, useMemo as V } from "react";
-import { u as C } from "./useGetSchema-Dcu9AHpg.mjs";
-import { j as D } from "./index-DtTKPdIL.mjs";
-import { U as h, w as N, F as R, x as b } from "./index-ClD3nuqK.mjs";
+import { u as C } from "./useGetSchema-BZyxXJ9F.mjs";
+import { j as D } from "./index-Duemd0uq.mjs";
+import { U as h, w as N, F as R, x as b } from "./index-BjktST4y.mjs";
 const y = (o) => {
   const { data: i, settings: a } = o, s = h.helpers.safeParseListField(a.metric), n = (a.renderMetric ? h.helpers.safeParseListField(a.renderMetric) : s).at(0), u = [];
   for (const d of i.rows) {

package/dist/{Component-CJ6N0wvx.mjs → Component-s7KwDAfq.mjs}

@@ -1,9 +1,9 @@
 import { Report as N } from "@antscorp/antsomi-charts";
 import { Spin as z } from "@antscorp/antsomi-ui";
 import g, { forwardRef as C, useState as w, useEffect as b, useMemo as v } from "react";
-import { u as y } from "./useGetSchema-Dcu9AHpg.mjs";
-import { i as E } from "./index-DtTKPdIL.mjs";
-import { a as x, j as f, w as j, F, x as L, U as V } from "./index-ClD3nuqK.mjs";
+import { u as y } from "./useGetSchema-BZyxXJ9F.mjs";
+import { i as E } from "./index-Duemd0uq.mjs";
+import { a as x, j as f, w as j, F, x as L, U as V } from "./index-BjktST4y.mjs";
 const S = C((a, o) => {
   const { width: s, height: e } = x(a);
   return f.jsx("svg", { viewBox: "0 0 32 32", fill: "currentColor", ...a, ref: o, width: s, height: e, children: f.jsx("g", { transform: "scale(0.03125 0.03125)", children: f.jsx("path", { d: "M389.74 204.8v80.64h270.72l-476.16 476.16 57.6 57.6 476.16-476.16v270.72h80.64v-408.96z" }) }) });

package/dist/index-3ZhUS4oV.mjs

@@ -0,0 +1,546 @@
+import { a as ee, j as W, i as te, U as w, M as se, c as R, b as z, d as U, e as b, f as F, g as ne, T as Q, h as re, A as ae, k as ce, l as oe, m as ie, n as le, o as ue, p as de } from "./index-BjktST4y.mjs";
+import * as $ from "react";
+import v, { forwardRef as V, useRef as h, useEffect as x, useMemo as me, useState as M, useCallback as I, createContext as ge, lazy as _e } from "react";
+import { Typography as Y, Suspense as fe, Spin as pe, Button as he } from "@antscorp/antsomi-ui";
+import "@tanstack/react-query";
+import "@antscorp/antsomi-constants";
+import { U as ve } from "./index-B0svHAnH.mjs";
+const Ee = V((e, t) => {
+  const { width: s, height: r } = ee(e);
+  return W.jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, ref: t, width: s, height: r, children: W.jsx("path", { d: "M16.5938 8.57812L18 9.98438L12 15.9844L6 9.98438L7.40625 8.57812L12 13.1719L16.5938 8.57812Z", fill: "currentColor" }) });
+});
+function O(e) {
+  return e[e.length - 1];
+}
+function Ae(e) {
+  return Array.isArray(e) ? e : Array.from(e);
+}
+function Re(e) {
+  if (te(e))
+    return O(Ae(e));
+}
+const Se = v[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], be = (e) => {
+  const t = $.useRef(e);
+  return $.useEffect(() => {
+    t.current = e;
+  }), t;
+};
+function Ce() {
+}
+function we(e, t, s = {}) {
+  const r = Me(s.polyfill), n = be(t);
+  return Se(() => {
+    let a = !1;
+    const c = e && "current" in e ? e.current : e;
+    if (!c) return Ce;
+    function o(i, l) {
+      a || n.current(i, l);
+    }
+    return r.subscribe(c, o), () => {
+      a = !0, r.unsubscribe(c, o);
+    };
+  }, [e, r, n]), r.observer;
+}
+function Te(e) {
+  let t = !1, s = [];
+  const r = /* @__PURE__ */ new Map(), n = new (e || window.ResizeObserver)((a, c) => {
+    s = s.concat(a);
+    function o() {
+      const i = /* @__PURE__ */ new Set();
+      for (let l = 0; l < s.length; l++) {
+        if (i.has(s[l].target)) continue;
+        i.add(s[l].target);
+        const f = r.get(s[l].target);
+        f?.forEach((d) => d(s[l], c));
+      }
+      s = [], t = !1;
+    }
+    t || window.requestAnimationFrame(o), t = !0;
+  });
+  return {
+    observer: n,
+    subscribe(a, c) {
+      var o;
+      n.observe(a);
+      const i = (o = r.get(a)) !== null && o !== void 0 ? o : [];
+      i.push(c), r.set(a, i);
+    },
+    unsubscribe(a, c) {
+      var o;
+      const i = (o = r.get(a)) !== null && o !== void 0 ? o : [];
+      if (i.length === 1) {
+        n.unobserve(a), r.delete(a);
+        return;
+      }
+      const l = i.indexOf(c);
+      l !== -1 && i.splice(l, 1), r.set(a, i);
+    }
+  };
+}
+let k;
+const Me = (e) => k || (k = Te(e));
+function Z(e, t, s) {
+  var r = this, n = h(null), a = h(0), c = h(null), o = h([]), i = h(), l = h(), f = h(e), d = h(!0);
+  f.current = e;
+  var u = typeof window < "u", m = !t && t !== 0 && u;
+  if (typeof e != "function") throw new TypeError("Expected a function");
+  t = +t || 0;
+  var S = !!(s = s || {}).leading, E = !("trailing" in s) || !!s.trailing, A = "maxWait" in s, T = "debounceOnServer" in s && !!s.debounceOnServer, L = A ? Math.max(+s.maxWait || 0, t) : null;
+  x(function() {
+    return d.current = !0, function() {
+      d.current = !1;
+    };
+  }, []);
+  var K = me(function() {
+    var P = function(_) {
+      var p = o.current, H = i.current;
+      return o.current = i.current = null, a.current = _, l.current = f.current.apply(H, p);
+    }, y = function(_, p) {
+      m && cancelAnimationFrame(c.current), c.current = m ? requestAnimationFrame(_) : setTimeout(_, p);
+    }, j = function(_) {
+      if (!d.current) return !1;
+      var p = _ - n.current;
+      return !n.current || p >= t || p < 0 || A && _ - a.current >= L;
+    }, q = function(_) {
+      return c.current = null, E && o.current ? P(_) : (o.current = i.current = null, l.current);
+    }, D = function _() {
+      var p = Date.now();
+      if (j(p)) return q(p);
+      if (d.current) {
+        var H = t - (p - n.current), X = A ? Math.min(H, L - (p - a.current)) : H;
+        y(_, X);
+      }
+    }, N = function() {
+      if (u || T) {
+        var _ = Date.now(), p = j(_);
+        if (o.current = [].slice.call(arguments), i.current = r, n.current = _, p) {
+          if (!c.current && d.current) return a.current = n.current, y(D, t), S ? P(n.current) : l.current;
+          if (A) return y(D, t), P(n.current);
+        }
+        return c.current || y(D, t), l.current;
+      }
+    };
+    return N.cancel = function() {
+      c.current && (m ? cancelAnimationFrame(c.current) : clearTimeout(c.current)), a.current = 0, o.current = n.current = i.current = c.current = null;
+    }, N.isPending = function() {
+      return !!c.current;
+    }, N.flush = function() {
+      return c.current ? q(Date.now()) : l.current;
+    }, N;
+  }, [S, A, t, L, E, m, u, T]);
+  return K;
+}
+function xe(e, t) {
+  return e === t;
+}
+function pt(e, t, s) {
+  var r = xe, n = h(e), a = M({})[1], c = Z(I(function(i) {
+    n.current = i, a({});
+  }, [a]), t, s), o = h(e);
+  return r(o.current, e) || (c(e), o.current = e), [n.current, c];
+}
+function Ie(e, t, s) {
+  var r = {}, n = r.leading, a = r.trailing;
+  return Z(e, t, { maxWait: t, leading: n === void 0 || n, trailing: a === void 0 || a });
+}
+const G = (e) => {
+  const { scrollTop: t, scrollHeight: s, clientHeight: r, offset: n } = e;
+  return t + r + n >= s;
+}, ye = (e) => {
+  const { enabled: t = !0, offset: s = 200 } = e || {}, r = h(!0), [n, a] = M(null), [c, o] = M(null), [i, l] = M(!0), f = Ie(
+    (u) => l(u),
+    150
+  ), d = I(
+    (u) => {
+      n && (n.scrollTo({
+        top: n.scrollHeight,
+        behavior: u?.behavior || "instant"
+      }), r.current = !0, l(!0));
+    },
+    [n]
+  );
+  return x(() => {
+    if (!n) return;
+    const { scrollTop: u, scrollHeight: m, clientHeight: S } = n, E = G({
+      scrollHeight: m,
+      scrollTop: u,
+      clientHeight: S,
+      offset: s
+    });
+    r.current = E, l(E);
+  }, [n, s]), x(() => {
+    const u = new AbortController();
+    return n?.addEventListener(
+      "scroll",
+      () => {
+        const { scrollTop: m, scrollHeight: S, clientHeight: E } = n;
+        r.current = G({
+          scrollHeight: S,
+          scrollTop: m,
+          clientHeight: E,
+          offset: s
+        }), f(r.current);
+      },
+      {
+        signal: u.signal
+      }
+    ), () => u.abort();
+  }, [n, s, f]), we(c, (u) => {
+    t && c && u.target.isSameNode(c) && r.current && d();
+  }), Qe(() => {
+    n && (n.scrollTop = 0);
+  }), {
+    contentRef: o,
+    wrapperRef: a,
+    scrollToBottom: d,
+    isNearBottom: i
+  };
+}, Ne = "_loading_sxdc0_9", He = "_message_sxdc0_57", Le = "_PIE_CHART_sxdc0_85", Pe = "_SUNBURST_CHART_sxdc0_86", De = "_HEAT_MAP_sxdc0_91", ke = "_BAR_CHART_sxdc0_96", Be = "_LINE_CHART_sxdc0_101", Oe = "_AREA_CHART_sxdc0_106", ze = "_TREE_MAP_sxdc0_111", Ue = "_SCATTER_CHART_sxdc0_116", je = "_SCORE_CARD_sxdc0_121", qe = "_spin_sxdc0_135", g = {
+  "chat-conversation": "_chat-conversation_sxdc0_1",
+  loading: Ne,
+  "list-mesage": "_list-mesage_sxdc0_14",
+  "chat-input-wrapper": "_chat-input-wrapper_sxdc0_18",
+  "chat-input": "_chat-input_sxdc0_18",
+  "list-message": "_list-message_sxdc0_28",
+  "to-bottom-btn": "_to-bottom-btn_sxdc0_34",
+  "list-message-overflow": "_list-message-overflow_sxdc0_46",
+  "list-message-content": "_list-message-content_sxdc0_51",
+  message: He,
+  "chart-wrapper": "_chart-wrapper_sxdc0_69",
+  "slot-right": "_slot-right_sxdc0_70",
+  "message-content": "_message-content_sxdc0_73",
+  PIE_CHART: Le,
+  SUNBURST_CHART: Pe,
+  HEAT_MAP: De,
+  BAR_CHART: ke,
+  LINE_CHART: Be,
+  AREA_CHART: Oe,
+  TREE_MAP: ze,
+  SCATTER_CHART: Ue,
+  SCORE_CARD: je,
+  spin: qe
+}, J = (e) => {
+  const { messages: t } = e;
+  return !w.message.order(t).some(
+    (n) => n.content.type === se.reqDatasource && !n.content.userSelected
+  );
+}, We = (e) => (t) => {
+  const s = R(g["chart-wrapper"], g[t.identifier]);
+  return typeof e == "string" ? R(e, s) : e && t ? R(e(t), s) : s;
+}, $e = (e) => {
+  const { conversationId: t } = e, s = z(), [r, n] = M([]), { data: a, isLoading: c } = U.query({
+    auth: s,
+    id: t,
+    onSuccess: () => n(() => [])
+  }), o = w.message.order(a?.messages || []), { msg: i } = Fe({ conversationId: t }), { send: l, isSending: f } = ve.mutate({ auth: s }), d = J({
+    messages: o
+  }), u = I(
+    (m, S) => {
+      t && i?.agentId && (n(() => [
+        m,
+        w.message.make({
+          conversationId: t,
+          status: F.WAITING_INITIAL,
+          sender: b.assistant
+        })
+      ]), l(
+        { messages: [...o, m] },
+        {
+          onSuccess: (E) => {
+            const A = {
+              ...m,
+              id: E.parentId
+            }, T = {
+              ...E.message
+            };
+            n(() => [A, T]), S?.onSuccess?.({
+              questionMsg: A,
+              answerMsg: T
+            });
+          },
+          onError: () => {
+            const E = w.message.make({
+              agentId: i.agentId,
+              conversationId: t,
+              sender: b.assistant,
+              content: {
+                type: "helper",
+                status: "danger",
+                help: "Something went wrong. Please try again!"
+              }
+            });
+            n((A) => [A[0], E]);
+          }
+        }
+      ));
+    },
+    [i?.agentId, t, o, l]
+  );
+  return {
+    isLoading: c,
+    isSending: f,
+    allowSendMsg: d,
+    messages: ne([...o, ...r], (m) => m.id),
+    sendMessage: u
+  };
+}, Ge = (e) => {
+  const { conversationId: t } = e, s = z(), { data: r } = U.query({
+    auth: s,
+    id: t
+  });
+  return { dataSourceIds: r ? w.conversation.getUsedDataSourceIds(r) : [] };
+}, Fe = (e) => {
+  const { conversationId: t } = e, s = z(), { data: r } = U.query({
+    auth: s,
+    id: t
+  }), n = w.message.order(r?.messages || []);
+  return { msg: Re(n.filter((c) => c.sender === b.assistant)) };
+};
+function Qe(e) {
+  const t = h(e);
+  t.current = e, x(
+    () => () => {
+      t.current();
+    },
+    []
+  );
+}
+const Ve = re.div`
+  border: 1px solid ${Q.token?.bw3};
+  border-radius: 10px;
+  position: relative;
+  height: 30px;
+  width: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`, Ye = (e) => {
+  const { sender: t } = e;
+  let s = null;
+  switch (t) {
+    case b.assistant: {
+      s = /* @__PURE__ */ v.createElement(ae, { size: 24, "data-testid": "sender-icon" });
+      break;
+    }
+  }
+  return s ? /* @__PURE__ */ v.createElement(Ve, null, s) : null;
+}, Ze = "_wrapper_m47z9_1", Je = "_bar_m47z9_13", B = {
+  wrapper: Ze,
+  "list-bars": "_list-bars_m47z9_7",
+  bar: Je
+}, Ke = (e) => {
+  const { height: t = 20, size: s = 8, title: r } = e, n = [];
+  for (let a = 0; a < s; a++)
+    n.push(
+      /* @__PURE__ */ v.createElement(
+        "div",
+        {
+          key: a,
+          className: B.bar,
+          style: {
+            "--bar-color": Q.token?.colorPrimary,
+            "--bar-delay": +(1 / s * a).toFixed(2)
+          }
+        }
+      )
+    );
+  return /* @__PURE__ */ v.createElement("div", { className: B.wrapper }, /* @__PURE__ */ v.createElement("div", { style: { "--list-height": t }, className: B["list-bars"] }, n), r && /* @__PURE__ */ v.createElement(Y.Text, null, r));
+}, Xe = {
+  dynamicContent: {
+    charts: {
+      ids: /* @__PURE__ */ new Set(),
+      map: /* @__PURE__ */ new Map()
+    }
+  }
+}, et = (e) => {
+  const { message: t } = e, s = ce(
+    oe((r, n) => ({
+      ...Xe,
+      message: t,
+      updateDynamicContent: (a) => {
+        r((c) => {
+          c.dynamicContent = a;
+        });
+      },
+      updateDynamicCharts: (a) => {
+        r((c) => {
+          c.dynamicContent.charts = a;
+        });
+      },
+      setDynamicChart: (a, c) => {
+        const o = new Set(n().dynamicContent.charts.ids).add(a), i = new Map(n().dynamicContent.charts.map).set(a, c);
+        r((l) => {
+          l.dynamicContent.charts = {
+            ids: o,
+            map: i
+          };
+        });
+      }
+    })),
+    {
+      name: `ConversationMessageStore_${t.id}`
+    }
+  );
+  return ie()(s);
+}, tt = ge(
+  void 0
+), st = (e) => {
+  const { children: t, message: s, chart: r } = e, n = h(
+    et({ message: s })
+  );
+  return x(() => {
+    n.current?.setState((a) => {
+      a.dynamicContent.charts.extra = r, a.message = s;
+    });
+  }, [r, s]), n.current ? /* @__PURE__ */ React.createElement(tt.Provider, { value: n.current }, t) : null;
+}, nt = "_content_u31ju_37", C = {
+  "conver-message": "_conver-message_u31ju_1",
+  "own-message": "_own-message_u31ju_5",
+  "assistant-message": "_assistant-message_u31ju_15",
+  "waiting-init-msg": "_waiting-init-msg_u31ju_16",
+  "helper-text": "_helper-text_u31ju_24",
+  "slot-right": "_slot-right_u31ju_30",
+  content: nt
+}, rt = _e(() => import("./index-Duemd0uq.mjs").then((e) => e.l)), at = V(
+  (e, t) => {
+    const { message: s, className: r, chartProps: n, classes: a, ...c } = e, o = s.sender === b.user, i = s.sender === b.assistant, l = () => i && s.status === F.WAITING_INITIAL ? /* @__PURE__ */ React.createElement("div", { className: C["waiting-init-msg"] }, /* @__PURE__ */ React.createElement("span", { className: C["helper-text"] }, "Please waiting..."), /* @__PURE__ */ React.createElement(Ke, { height: 16, size: 6 })) : /* @__PURE__ */ React.createElement("div", { className: R(C["slot-right"], a?.slotRight) }, s.sender === b.assistant && /* @__PURE__ */ React.createElement(Y.Text, null, le[s.agentId].name), /* @__PURE__ */ React.createElement(fe, null, /* @__PURE__ */ React.createElement(rt, { className: R(C.content, a?.content) })));
+    return /* @__PURE__ */ React.createElement(st, { message: s, chart: n }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...c,
+        ref: t,
+        className: R(
+          C["conver-message"],
+          {
+            [C["own-message"]]: o,
+            [C["assistant-message"]]: i
+          },
+          r
+        ),
+        "data-testid": "conversation-message"
+      },
+      /* @__PURE__ */ React.createElement(Ye, { sender: s.sender }),
+      l()
+    ));
+  }
+), ct = (e) => {
+  const { messages: t = [], messageProps: s } = e, { chartProps: r } = s || {};
+  return t.map((n) => {
+    const { id: a } = n;
+    return /* @__PURE__ */ React.createElement(
+      at,
+      {
+        key: a,
+        message: n,
+        className: g.message,
+        classes: {
+          content: g["message-content"],
+          slotRight: g["slot-right"]
+        },
+        chartProps: {
+          ...r,
+          classes: {
+            ...r?.classes,
+            wrapper: We(r?.classes?.wrapper)
+          }
+        }
+      }
+    );
+  });
+}, ot = (e) => {
+  const { children: t, messagesLength: s = 0, loading: r = !1, className: n = "" } = e, a = s > 0 && !r, {
+    wrapperRef: c,
+    contentRef: o,
+    isNearBottom: i,
+    scrollToBottom: l
+  } = ye({
+    enabled: a
+  });
+  return r ? /* @__PURE__ */ v.createElement(pe, { className: g.spin, indicatorSize: 20 }) : /* @__PURE__ */ v.createElement("div", { className: R(g["list-message"], n) }, /* @__PURE__ */ v.createElement("div", { className: R(g["list-message-overflow"]), ref: c }, /* @__PURE__ */ v.createElement("div", { className: g["list-message-content"], ref: o }, t)), !i && a && /* @__PURE__ */ v.createElement(
+    he,
+    {
+      shape: "circle",
+      className: g["to-bottom-btn"],
+      icon: /* @__PURE__ */ v.createElement(Ee, null),
+      onClick: () => l({ behavior: "smooth" })
+    }
+  ));
+}, it = (e) => {
+  const { conversationId: t } = e, { messages: s, isLoading: r, isSending: n, sendMessage: a } = $e({ conversationId: t }), { dataSourceIds: c } = Ge({ conversationId: t }), o = O(s.filter((d) => d.sender === b.assistant)), i = O(c), l = J({ messages: s }), f = I(
+    (d, u) => {
+      if (!o?.agentId)
+        return;
+      const m = w.message.make({
+        agentId: o.agentId,
+        conversationId: t,
+        content: {
+          type: "text",
+          text: d
+        },
+        ...o.agentId === ue.chart && {
+          dataSourceId: i || null
+        }
+      });
+      a(m, {
+        onSuccess: u?.onSuccess
+      });
+    },
+    [t, o, i, a]
+  );
+  return {
+    isLoading: r,
+    isSending: n,
+    allowSendMsg: l,
+    messages: s,
+    sendMessage: f
+  };
+}, lt = (e) => {
+  const { conversationId: t, messageProps: s, className: r } = e, { allowSendMsg: n, messages: a, isLoading: c, sendMessage: o } = it({
+    conversationId: t
+  }), i = I(
+    ({ text: l }) => o(l),
+    [o]
+  );
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: R(
+        g["chat-conversation"],
+        {
+          [g.loading]: c
+        },
+        r
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      ot,
+      {
+        loading: c,
+        className: g["list-mesage"],
+        messagesLength: a.length
+      },
+      /* @__PURE__ */ React.createElement(ct, { messageProps: s, messages: a })
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: g["chat-input-wrapper"] }, /* @__PURE__ */ React.createElement(
+      de,
+      {
+        className: g["chat-input"],
+        disabled: !n,
+        onSubmit: i
+      }
+    ))
+  );
+}, ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ChatConversation: lt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  tt as C,
+  pt as a,
+  Qe as b,
+  $e as c,
+  Ge as d,
+  ht as i,
+  we as u
+};