@opencx/widget-react 4.0.49 → 4.0.51

package/dist/index.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as d, Fragment as Q } from "react/jsx-runtime";
-import * as me from "@radix-ui/react-popover";
+import * as he from "@radix-ui/react-popover";
 import * as J from "react";
-import W, { memo as Kt, forwardRef as xt, useState as D, cloneElement as vt, createContext as Qt, useEffect as se, useContext as Jt, useRef as $, useCallback as q, useMemo as bt, createElement as lt } from "react";
-import { useWidget as E, useConfig as N, useSessions as Y, useMessages as O, useWidgetRouter as F, useDocumentDir as ye, useWidgetTrigger as V, useModes as yt, useCsat as kt, useUploadFiles as er, useIsAwaitingBotReply as Ct, useContact as zt, WidgetProvider as tr, WidgetTriggerProvider as rr } from "@opencx/widget-react-headless";
-import { X as or, ZoomOut as nr, ZoomIn as sr, RotateCcw as ar, FileText as Nt, CircleDashedIcon as ir, XIcon as ke, SquareXIcon as lr, SquareCheckBigIcon as cr, SquareCheckIcon as dr, ShrinkIcon as pr, Minimize2Icon as mr, MinimizeIcon as hr, Maximize2Icon as ur, MaximizeIcon as gr, ExpandIcon as wr, CircleXIcon as fr, CircleCheckBigIcon as xr, CircleCheckIcon as St, CheckCheckIcon as vr, CheckIcon as br, ChevronLeftIcon as yr, LoaderIcon as kr, ArrowUpIcon as _t, PaperclipIcon as ct, CircleDashed as Cr, AlertCircle as zr, Loader2 as Nr, FileAudio2Icon as Sr, FileVideo2Icon as _r, FileIcon as Ir, UserRoundIcon as Tr, ChevronRightIcon as Mr, SendHorizontal as Dr, ChevronDownIcon as Rr } from "lucide-react";
+import L, { memo as Kt, forwardRef as xt, useState as D, cloneElement as vt, createContext as Qt, useEffect as se, useContext as Jt, useRef as B, useCallback as q, useMemo as bt, createElement as lt } from "react";
+import { useWidget as O, useConfig as C, useSessions as U, useMessages as A, useWidgetRouter as H, useDocumentDir as ye, useWidgetTrigger as V, useModes as yt, useCsat as kt, useUploadFiles as er, useIsAwaitingBotReply as Ct, useContact as zt, WidgetProvider as tr, WidgetTriggerProvider as rr } from "@opencx/widget-react-headless";
+import { X as or, ZoomOut as nr, ZoomIn as sr, RotateCcw as ar, FileText as Nt, CircleDashedIcon as ir, XIcon as ke, SquareXIcon as lr, SquareCheckBigIcon as cr, SquareCheckIcon as dr, ShrinkIcon as pr, Minimize2Icon as hr, MinimizeIcon as mr, Maximize2Icon as gr, MaximizeIcon as ur, ExpandIcon as wr, CircleXIcon as fr, CircleCheckBigIcon as xr, CircleCheckIcon as St, CheckCheckIcon as vr, CheckIcon as br, ChevronLeftIcon as yr, LoaderIcon as kr, ArrowUpIcon as _t, PaperclipIcon as ct, CircleDashed as Cr, AlertCircle as zr, Loader2 as Nr, FileAudio2Icon as Sr, FileVideo2Icon as _r, FileIcon as Ir, UserRoundIcon as Tr, ChevronRightIcon as Mr, SendHorizontal as Dr, ChevronDownIcon as Rr } from "lucide-react";
 import { clsx as jr } from "clsx";
 import { twMerge as Pr } from "tailwind-merge";
 import { motion as re, AnimatePresence as T } from "framer-motion";
@@ -12,61 +12,61 @@ import { cva as Or } from "class-variance-authority";
 import It from "remark-gfm";
 import Ar from "react-markdown";
 import Tt from "rehype-raw";
-import { isExhaustive as A, isSupportedLanguage as Fr, getTranslation as Hr } from "@opencx/widget-core";
+import { isExhaustive as F, isSupportedLanguage as Fr, getTranslation as Hr } from "@opencx/widget-core";
 import * as ee from "@radix-ui/react-avatar";
 import Mt from "@uiw/react-iframe";
 import * as ae from "@radix-ui/react-tooltip";
 import dt from "tinycolor2";
 import { useDropzone as Wr } from "react-dropzone";
 import Lr from "react-use/lib/useAsyncFn";
-import { z as ge } from "zod";
-function g(e) {
+import { z as ue } from "zod";
+function w(e) {
   return { "data-component": e };
 }
-function m(...e) {
+function h(...e) {
   return Pr(jr(e));
 }
 const K = {
   x: 2,
   y: 2
-}, B = Kt(
+}, Y = Kt(
   xt(
     ({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
-      const [a, i] = D(!1), [l, c] = D({ x: 0, y: 0 });
+      const [i, a] = D(!1), [l, c] = D({ x: 0, y: 0 });
       if (n || /translate/.test(
         e.props.className || ""
       )) return e;
-      const b = (f) => {
-        var y, I;
-        const { clientX: C, clientY: M } = f, v = f.currentTarget.getBoundingClientRect(), R = C - (v.left + v.width / 2), P = M - (v.top + v.height / 2), j = Math.max(
+      const f = (b) => {
+        var M, g;
+        const { clientX: z, clientY: _ } = b, v = b.currentTarget.getBoundingClientRect(), R = z - (v.left + v.width / 2), P = _ - (v.top + v.height / 2), E = Math.max(
           -1,
           Math.min(1, R / (v.width / 2))
         ), u = Math.max(
           -1,
           Math.min(1, P / (v.height / 2))
-        ), _ = j * K.x, w = u * K.y;
-        c({ x: _, y: w }), (I = (y = e.props).onMouseMove) == null || I.call(y, f);
+        ), I = E * K.x, j = u * K.y;
+        c({ x: I, y: j }), (g = (M = e.props).onMouseMove) == null || g.call(M, b);
       }, x = () => {
-        var f, C;
-        i(!0), (C = (f = e.props).onMouseEnter) == null || C.call(f);
-      }, h = () => {
-        var f, C;
-        i(!1), c({ x: 0, y: 0 }), (C = (f = e.props).onMouseLeave) == null || C.call(f);
-      }, z = {
-        "--wobble-x": a ? `${l.x}px` : "0px",
-        "--wobble-y": a ? `${l.y}px` : "0px",
+        var b, z;
+        a(!0), (z = (b = e.props).onMouseEnter) == null || z.call(b);
+      }, m = () => {
+        var b, z;
+        a(!1), c({ x: 0, y: 0 }), (z = (b = e.props).onMouseLeave) == null || z.call(b);
+      }, k = {
+        "--wobble-x": i ? `${l.x}px` : "0px",
+        "--wobble-y": i ? `${l.y}px` : "0px",
         "--scale": 1 - (t - 1)
       };
       return vt(e, {
         ref: s,
-        onMouseMove: b,
+        onMouseMove: f,
         onMouseEnter: x,
-        onMouseLeave: h,
+        onMouseLeave: m,
         style: {
-          ...z,
+          ...k,
           ...e.props.style
         },
-        className: m(
+        className: h(
           "translate-x-[var(--wobble-x)]",
           "translate-y-[var(--wobble-y)]",
           "hover:scale-[var(--scale)] active:hover:scale-[calc(var(--scale)-0.02)]",
@@ -78,7 +78,7 @@ const K = {
     }
   )
 );
-B.displayName = "Wobble";
+Y.displayName = "Wobble";
 const $r = 10, Br = (e, o, t) => ({
   initial: { opacity: 0, x: -e, ...o.initial },
   animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
@@ -100,23 +100,23 @@ const $r = 10, Br = (e, o, t) => ({
   left: Yr,
   up: Ur,
   down: Xr
-}, k = xt(
+}, y = xt(
   ({
     fadeIn: e = "down",
     distance: o = $r,
     children: t,
     snapExit: n = !1,
     overrides: s = {},
-    delay: a = 0,
-    ...i
+    delay: i = 0,
+    ...a
   }, l) => {
-    const c = e ? qr[e](o, s, a) : {};
-    return n && c.exit && typeof c.exit == "object" && !Array.isArray(c.exit) && (c.exit.transition = { duration: 0 }), /* @__PURE__ */ r(re.div, { ref: l, ...i, ...c, children: t });
+    const c = e ? qr[e](o, s, i) : {};
+    return n && c.exit && typeof c.exit == "object" && !Array.isArray(c.exit) && (c.exit.transition = { duration: 0 }), /* @__PURE__ */ r(re.div, { ref: l, ...a, ...c, children: t });
   }
 );
-k.displayName = "MotionDiv";
+y.displayName = "MotionDiv";
 const Vr = Or(
-  m(
+  h(
     "inline-flex shrink-0 items-center justify-center gap-2",
     "text-sm font-medium whitespace-nowrap",
     "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
@@ -154,23 +154,23 @@ const Vr = Or(
       size: "default"
     }
   }
-), S = J.forwardRef(
-  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ r(B, { ref: a, children: /* @__PURE__ */ r(
+), N = J.forwardRef(
+  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, i) => /* @__PURE__ */ r(Y, { ref: i, children: /* @__PURE__ */ r(
     n ? Er : "button",
     {
-      ...g("ui_lib/btn"),
+      ...w("ui_lib/btn"),
       "data-variant": o,
-      className: m(Vr({ variant: o, size: t, className: e })),
+      className: h(Vr({ variant: o, size: t, className: e })),
       ...s
     }
   ) })
 );
-S.displayName = "Button";
+N.displayName = "Button";
 const Dt = Qt(null);
 function Gr({ children: e }) {
-  const [o, t] = D(!1), [n, s] = D(null), a = (l) => {
+  const [o, t] = D(!1), [n, s] = D(null), i = (l) => {
     s(l), t(!0);
-  }, i = () => {
+  }, a = () => {
     t(!1), setTimeout(() => {
       s(null);
     }, 200);
@@ -178,7 +178,7 @@ function Gr({ children: e }) {
   return /* @__PURE__ */ d(
     Dt.Provider,
     {
-      value: { open: a, close: i, isOpen: o, content: n },
+      value: { open: i, close: a, isOpen: o, content: n },
       children: [
         /* @__PURE__ */ r(Zr, {}),
         e
@@ -186,7 +186,7 @@ function Gr({ children: e }) {
     }
   );
 }
-function he() {
+function me() {
   const e = Jt(Dt);
   return e || (console.error("useDialoger must be used within a DialogerProvider"), {
     open: () => {
@@ -198,13 +198,13 @@ function he() {
   });
 }
 function Zr() {
-  const { contentIframeRef: e } = E(), { isOpen: o, content: t, close: n } = he();
+  const { contentIframeRef: e } = O(), { isOpen: o, content: t, close: n } = me();
   return se(() => {
-    var a, i;
+    var i, a;
     const s = (l) => {
       l.key === "Escape" && n();
     };
-    return (i = (a = e == null ? void 0 : e.current) == null ? void 0 : a.contentWindow) == null || i.document.addEventListener(
+    return (a = (i = e == null ? void 0 : e.current) == null ? void 0 : i.contentWindow) == null || a.document.addEventListener(
       "keydown",
       s
     ), () => {
@@ -215,7 +215,7 @@ function Zr() {
       );
     };
   }, []), /* @__PURE__ */ r(T, { mode: "wait", children: o && t && /* @__PURE__ */ r(
-    k,
+    y,
     {
       overrides: {
         initial: { y: 0 },
@@ -234,11 +234,11 @@ function Ce({
   className: o,
   withClose: t = !1
 }) {
-  const { close: n } = he();
+  const { close: n } = me();
   return /* @__PURE__ */ d(
     "div",
     {
-      className: m(
+      className: h(
         "fixed left-[50%] top-[50%] z-50 flex flex-col gap-4 w-full max-w-[61.8%] translate-x-[-50%] translate-y-[-50%] border bg-background p-4 rounded-3xl",
         o
       ),
@@ -246,7 +246,7 @@ function Ce({
       children: [
         e,
         t && /* @__PURE__ */ d(
-          S,
+          N,
           {
             size: "fit",
             className: "rounded-full absolute top-4 right-4 opacity-50 hover:opacity-100",
@@ -267,7 +267,7 @@ const Rt = ({
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: m("flex flex-col gap-2 text-center pt-2", e),
+    className: h("flex flex-col gap-2 text-center pt-2", e),
     ...o
   }
 );
@@ -278,7 +278,7 @@ const jt = ({
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: m("flex flex-col gap-2 text-center", e),
+    className: h("flex flex-col gap-2 text-center", e),
     ...o
   }
 );
@@ -286,13 +286,13 @@ jt.displayName = "DialogerBody";
 const Pt = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ r("div", { className: m("flex flex-col gap-2", e), ...o });
+}) => /* @__PURE__ */ r("div", { className: h("flex flex-col gap-2", e), ...o });
 Pt.displayName = "DialogerFooter";
-const Et = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+const Et = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
-    className: m(
+    className: h(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
@@ -300,11 +300,11 @@ const Et = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   }
 ));
 Et.displayName = "DialogerTitle";
-const Ot = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+const Ot = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
-    className: m("text-sm text-muted-foreground", e),
+    className: h("text-sm text-muted-foreground", e),
     ...o
   }
 ));
@@ -313,17 +313,17 @@ function ze({
   children: e,
   trigger: o
 }) {
-  const { open: t } = he();
+  const { open: t } = me();
   return vt(o, {
     onClick: () => t(e)
   });
 }
-const pt = 1, mt = 5, le = 0.5, Kr = 2.5;
+const pt = 1, ht = 5, le = 0.5, Kr = 2.5;
 function Qr(e, o, t, n) {
   if (!t || !n || o <= 1) return { x: 0, y: 0 };
-  const s = t.getBoundingClientRect(), a = n.offsetWidth, i = n.offsetHeight, l = Math.max(0, (a * o - s.width) / (2 * o)), c = Math.max(
+  const s = t.getBoundingClientRect(), i = n.offsetWidth, a = n.offsetHeight, l = Math.max(0, (i * o - s.width) / (2 * o)), c = Math.max(
     0,
-    (i * o - s.height) / (2 * o)
+    (a * o - s.height) / (2 * o)
   );
   return {
     x: Math.min(l, Math.max(-l, e.x)),
@@ -334,47 +334,47 @@ function At({
   src: e,
   alt: o
 }) {
-  const [t, n] = D(1), [s, a] = D({ x: 0, y: 0 }), [i, l] = D(!1), c = $({ x: 0, y: 0 }), p = $({ x: 0, y: 0 }), b = $(null), x = $(null), h = $(!1), z = (u) => Math.min(mt, Math.max(pt, u)), f = q(() => {
-    n(1), a({ x: 0, y: 0 });
-  }, []), C = q(() => {
-    n((u) => z(u + le));
-  }, []), M = q(() => {
+  const [t, n] = D(1), [s, i] = D({ x: 0, y: 0 }), [a, l] = D(!1), c = B({ x: 0, y: 0 }), p = B({ x: 0, y: 0 }), f = B(null), x = B(null), m = B(!1), k = (u) => Math.min(ht, Math.max(pt, u)), b = q(() => {
+    n(1), i({ x: 0, y: 0 });
+  }, []), z = q(() => {
+    n((u) => k(u + le));
+  }, []), _ = q(() => {
     n((u) => {
-      const _ = z(u - le);
-      return _ <= 1 && a({ x: 0, y: 0 }), _;
+      const I = k(u - le);
+      return I <= 1 && i({ x: 0, y: 0 }), I;
     });
   }, []);
   q((u) => {
     u.preventDefault(), u.stopPropagation();
-    const _ = u.deltaY > 0 ? -le : le;
-    n((w) => {
-      const y = z(w + _);
-      return y <= 1 && a({ x: 0, y: 0 }), y;
+    const I = u.deltaY > 0 ? -le : le;
+    n((j) => {
+      const M = k(j + I);
+      return M <= 1 && i({ x: 0, y: 0 }), M;
     });
   }, []);
   const v = q(
     (u) => {
-      u.preventDefault(), h.current = !1, l(!0), c.current = { x: u.clientX, y: u.clientY }, p.current = { ...s }, u.target.setPointerCapture(u.pointerId);
+      u.preventDefault(), m.current = !1, l(!0), c.current = { x: u.clientX, y: u.clientY }, p.current = { ...s }, u.target.setPointerCapture(u.pointerId);
     },
     [s]
   ), R = q(
     (u) => {
-      if (!i) return;
-      const _ = u.clientX - c.current.x, w = u.clientY - c.current.y;
-      if ((Math.abs(_) > 3 || Math.abs(w) > 3) && (h.current = !0), t <= 1) return;
-      const y = {
-        x: p.current.x + _ / t,
-        y: p.current.y + w / t
+      if (!a) return;
+      const I = u.clientX - c.current.x, j = u.clientY - c.current.y;
+      if ((Math.abs(I) > 3 || Math.abs(j) > 3) && (m.current = !0), t <= 1) return;
+      const M = {
+        x: p.current.x + I / t,
+        y: p.current.y + j / t
       };
-      a(
-        Qr(y, t, b.current, x.current)
+      i(
+        Qr(M, t, f.current, x.current)
       );
     },
-    [i, t]
+    [a, t]
   ), P = q(() => {
-    const u = h.current;
-    l(!1), !u && n((_) => _ > 1 ? (a({ x: 0, y: 0 }), 1) : Kr);
-  }, []), j = t > 1;
+    const u = m.current;
+    l(!1), !u && n((I) => I > 1 ? (i({ x: 0, y: 0 }), 1) : Kr);
+  }, []), E = t > 1;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -384,17 +384,17 @@ function At({
         /* @__PURE__ */ r(
           "div",
           {
-            ref: b,
-            className: m(
+            ref: f,
+            className: h(
               "overflow-hidden max-h-full max-w-full rounded-2xl flex items-center justify-center",
-              j && "size-full"
+              E && "size-full"
             ),
             onPointerDown: v,
             onPointerMove: R,
             onPointerUp: P,
             onPointerCancel: P,
             style: {
-              cursor: i ? "grabbing" : j ? "grab" : "zoom-in",
+              cursor: a ? "grabbing" : E ? "grab" : "zoom-in",
               touchAction: "none"
             },
             children: /* @__PURE__ */ r(
@@ -416,15 +416,15 @@ function At({
           }
         ),
         /* @__PURE__ */ d("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1 bg-black/60 backdrop-blur-sm rounded-full px-1.5 py-1 transition opacity-50 hover:opacity-100", children: [
-          /* @__PURE__ */ r(we, { onClick: M, label: "Zoom out", disabled: t <= pt, children: /* @__PURE__ */ r(nr, { className: "size-3.5" }) }),
+          /* @__PURE__ */ r(we, { onClick: _, label: "Zoom out", disabled: t <= pt, children: /* @__PURE__ */ r(nr, { className: "size-3.5" }) }),
           /* @__PURE__ */ d("span", { className: "text-white text-xs font-medium min-w-[3ch] text-center tabular-nums", children: [
             Math.round(t * 100),
             "%"
           ] }),
-          /* @__PURE__ */ r(we, { onClick: C, label: "Zoom in", disabled: t >= mt, children: /* @__PURE__ */ r(sr, { className: "size-3.5" }) }),
-          j && /* @__PURE__ */ d(Q, { children: [
+          /* @__PURE__ */ r(we, { onClick: z, label: "Zoom in", disabled: t >= ht, children: /* @__PURE__ */ r(sr, { className: "size-3.5" }) }),
+          E && /* @__PURE__ */ d(Q, { children: [
             /* @__PURE__ */ r("div", { className: "w-px h-4 bg-white/30 mx-0.5" }),
-            /* @__PURE__ */ r(we, { onClick: f, label: "Reset zoom", children: /* @__PURE__ */ r(ar, { className: "size-3.5" }) })
+            /* @__PURE__ */ r(we, { onClick: b, label: "Reset zoom", children: /* @__PURE__ */ r(ar, { className: "size-3.5" }) })
           ] })
         ] })
       ]
@@ -449,17 +449,17 @@ function we({
   );
 }
 function Ft({ attachment: e }) {
-  const { name: o, size: t, type: n, url: s } = e, a = n.startsWith("image/"), i = n.startsWith("video/"), l = n.startsWith("audio/"), c = n === "application/pdf";
-  return l ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
+  const { name: o, size: t, type: n, url: s } = e, i = n.startsWith("image/"), a = n.startsWith("video/"), l = n.startsWith("audio/"), c = n === "application/pdf";
+  return l ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
     /* @__PURE__ */ r("source", { src: s, type: n }),
     "Your browser does not support the audio tag."
-  ] }) }) }) : i ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
+  ] }) }) }) : a ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
     /* @__PURE__ */ r("source", { src: s, type: n }),
     "Your browser does not support the video tag."
-  ] }) }) }) : a ? /* @__PURE__ */ r(
+  ] }) }) }) : i ? /* @__PURE__ */ r(
     ze,
     {
-      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
+      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
       children: /* @__PURE__ */ r(
         Ce,
         {
@@ -469,13 +469,13 @@ function Ft({ attachment: e }) {
         }
       )
     }
-  ) : c ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
+  ) : c ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
     "a",
     {
       href: s,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: m(
+      className: h(
         "block size-fit max-w-[min(100%,16rem)] shrink-0 rounded-2xl border",
         "bg-background/80 transition-colors hover:bg-accent/60",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
@@ -484,7 +484,7 @@ function Ft({ attachment: e }) {
         /* @__PURE__ */ r(
           "div",
           {
-            className: m(
+            className: h(
               "flex size-10 shrink-0 items-center justify-center rounded-xl",
               "bg-secondary text-muted-foreground"
             ),
@@ -496,7 +496,7 @@ function Ft({ attachment: e }) {
           /* @__PURE__ */ r(
             "span",
             {
-              className: m(
+              className: h(
                 "text-xs font-medium text-foreground line-clamp-1",
                 "break-words [word-break:break-word]"
                 // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
@@ -511,14 +511,14 @@ function Ft({ attachment: e }) {
         ] })
       ] })
     }
-  ) }) : /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
+  ) }) : /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
     /* @__PURE__ */ r(
       "a",
       {
         href: s,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: m(
+        className: h(
           "text-xs text-blue-500 line-clamp-2 underline hover:text-blue-600",
           "break-words [word-break:break-word]"
           // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
@@ -532,7 +532,7 @@ function Ft({ attachment: e }) {
     ] })
   ] }) }) });
 }
-const Ht = W.memo(
+const Ht = L.memo(
   Ar,
   (e, o) => e.children === o.children && e.className === o.className
 );
@@ -541,7 +541,7 @@ function Ne({
   messageType: o,
   messageId: t
 }) {
-  const { anchorTarget: n } = N();
+  const { anchorTarget: n } = C();
   return /* @__PURE__ */ r(
     Ht,
     {
@@ -550,16 +550,16 @@ function Ne({
       remarkPlugins: [It],
       rehypePlugins: [Tt],
       components: {
-        a: ({ children: s, ...a }) => /* @__PURE__ */ r("a", { target: a.target || n || "_top", ...a, children: s }),
-        img: ({ src: s, alt: a, ...i }) => s ? /* @__PURE__ */ r(
+        a: ({ children: s, ...i }) => /* @__PURE__ */ r("a", { target: i.target || n || "_top", ...i, children: s }),
+        img: ({ src: s, alt: i, ...a }) => s ? /* @__PURE__ */ r(
           ze,
           {
             trigger: /* @__PURE__ */ r(
               "img",
               {
                 src: s,
-                alt: a,
-                ...i,
+                alt: i,
+                ...a,
                 className: "cursor-pointer rounded-xl"
               }
             ),
@@ -568,11 +568,11 @@ function Ne({
               {
                 className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
                 withClose: !0,
-                children: /* @__PURE__ */ r(At, { src: s, alt: a })
+                children: /* @__PURE__ */ r(At, { src: s, alt: i })
               }
             )
           }
-        ) : /* @__PURE__ */ r("img", { src: s, alt: a, ...i })
+        ) : /* @__PURE__ */ r("img", { src: s, alt: i, ...a })
       },
       children: e
     }
@@ -581,15 +581,15 @@ function Ne({
 function te() {
   const {
     widgetCtx: { org: e }
-  } = E(), {
+  } = O(), {
     sessionState: { session: o }
-  } = Y(), t = N(), {
+  } = U(), t = C(), {
     messagesState: { messages: n }
-  } = O(), {
+  } = A(), {
     routerState: { screen: s }
-  } = F();
+  } = H();
   return {
-    react: W,
+    react: L,
     org: e,
     session: o,
     config: t,
@@ -610,34 +610,34 @@ function fe(e) {
     id: t,
     type: n,
     attachments: s,
-    isFirstInGroup: a,
-    isLastInGroup: i,
+    isFirstInGroup: i,
+    isLastInGroup: a,
     isAloneInGroup: l,
     dataComponentNames: c,
     classNames: p
   } = e;
   if (n !== "AI" && n !== "AGENT") return null;
-  const { message: b, variant: x = "default" } = o;
+  const { message: f, variant: x = "default" } = o;
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
-      className: m(
+      ...w((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
+      className: h(
         "w-5/6 flex flex-col items-start gap-1",
         p == null ? void 0 : p.messageContainer
       ),
       children: [
-        s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((h) => /* @__PURE__ */ r(Ft, { attachment: h }, h.id)) }),
-        b.length > 0 && /* @__PURE__ */ d("div", { className: "flex flex-row gap-2", children: [
+        s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((m) => /* @__PURE__ */ r(Ft, { attachment: m }, m.id)) }),
+        f.length > 0 && /* @__PURE__ */ d("div", { className: "flex flex-row gap-2", children: [
           /* @__PURE__ */ r(
             "div",
             {
-              ...g((c == null ? void 0 : c.message) ?? "chat/agent_msg/msg"),
-              "data-first": a,
-              "data-last": i,
+              ...w((c == null ? void 0 : c.message) ?? "chat/agent_msg/msg"),
+              "data-first": i,
+              "data-last": a,
               "data-alone": l,
               "data-variant": x,
-              className: m(
+              className: h(
                 "transition-all",
                 "w-fit py-3 px-4 rounded-3xl bg-secondary text-secondary-foreground",
                 "leading-snug text-sm prose prose-sm prose-a:decoration-primary prose-a:underline",
@@ -647,12 +647,12 @@ function fe(e) {
                 // Adding "whitespace-pre-wrap" will result in unnecessarily huge line breaks
                 x === "error" && "bg-destructive/15 text-destructive",
                 // We're using the booleans directly here, not the data attributes, to make any external styling more specific than this
-                a && !l && "rounded-bl-md",
-                i && !l && "rounded-tl-md",
-                !a && !i && !l && "rounded-l-md",
+                i && !l && "rounded-bl-md",
+                a && !l && "rounded-tl-md",
+                !i && !a && !l && "rounded-l-md",
                 p == null ? void 0 : p.message
               ),
-              children: /* @__PURE__ */ r(Ne, { messageType: n, messageId: t, children: b })
+              children: /* @__PURE__ */ r(Ne, { messageType: n, messageId: t, children: f })
             }
           ),
           /* @__PURE__ */ r(Jr, { currentMessage: e })
@@ -668,7 +668,7 @@ const Se = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Root,
   {
     ref: t,
-    className: m(
+    className: h(
       "relative flex size-6 aspect-square shrink-0 overflow-hidden rounded-full bg-secondary",
       // 'border',
       e
@@ -681,7 +681,7 @@ const _e = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Image,
   {
     ref: t,
-    className: m("aspect-square h-full w-full", e),
+    className: h("aspect-square h-full w-full", e),
     ...o
   }
 ));
@@ -690,7 +690,7 @@ const Ie = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Fallback,
   {
     ref: t,
-    className: m(
+    className: h(
       "flex size-full text-xs items-center justify-center rounded-lg",
       e
     ),
@@ -710,17 +710,17 @@ function xe({
 }
 function to({ agent: e }) {
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ d(
-    k,
+    y,
     {
-      ...g("chat/bot_loading/root"),
+      ...w("chat/bot_loading/root"),
       className: "flex flex-row items-end w-full gap-2 animate-pulse",
       children: [
         /* @__PURE__ */ r(xe, { agent: e }),
         /* @__PURE__ */ d(
           "div",
           {
-            ...g("chat/bot_loading/bouncing_dots_container"),
-            className: m(
+            ...w("chat/bot_loading/bouncing_dots_container"),
+            className: h(
               "flex items-center [&_span]:bg-secondary-foreground [&_span]:size-1 gap-1 p-2 rounded-xl bg-secondary"
               // 'border',
             ),
@@ -740,7 +740,7 @@ const Wt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;-
   {
     ref: n,
     sideOffset: o,
-    className: m(
+    className: h(
       "z-50 overflow-hidden max-w-xs rounded-xl bg-primary border text-primary-foreground p-2 text-center align-middle text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -754,7 +754,7 @@ function oe({
   side: t,
   align: n
 }) {
-  const { disableTooltips: s } = N();
+  const { disableTooltips: s } = C();
   return !o || s ? e : /* @__PURE__ */ d(oo, { children: [
     /* @__PURE__ */ r(no, { asChild: !0, children: e }),
     /* @__PURE__ */ r(
@@ -769,12 +769,12 @@ function oe({
     )
   ] });
 }
-const ht = 450;
-function L() {
-  const [e, o] = W.useState(() => (window.top || window).innerWidth < ht);
-  return W.useEffect(() => {
+const mt = 450;
+function $() {
+  const [e, o] = L.useState(() => (window.top || window).innerWidth < mt);
+  return L.useEffect(() => {
     const t = window.top || window, n = () => {
-      o(t.innerWidth < ht);
+      o(t.innerWidth < mt);
     };
     return n(), t.addEventListener("resize", n), () => {
       t.removeEventListener("resize", n);
@@ -786,17 +786,17 @@ const ce = {
   transitionDuration: "1000ms"
 };
 function G() {
-  var x, h, z, f, C, M, v, R, P, j, u, _, w, y, I, U, ie, Re, je, Pe, Ee, Oe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it;
-  const { dir: e } = ye(), { isSmallScreen: o } = L(), { theme: t, inline: n } = N(), s = (X) => n ? "100%" : X, a = (X, ue) => o ? `100dv${X}` : ue, i = (X, ue) => s(a(X, ue)), l = {
+  var x, m, k, b, z, _, v, R, P, E, u, I, j, M, g, S, ie, Re, je, Pe, Ee, Oe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it;
+  const { dir: e } = ye(), { isSmallScreen: o } = $(), { theme: t, inline: n } = C(), s = (X) => n ? "100%" : X, i = (X, ge) => o ? `100dv${X}` : ge, a = (X, ge) => s(i(X, ge)), l = {
     zIndex: ((x = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : x.zIndex) ?? 1e7,
     offset: {
-      bottom: ((z = (h = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : h.offset) == null ? void 0 : z.bottom) ?? 20,
-      right: ((C = (f = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : f.offset) == null ? void 0 : C.right) ?? (e === "ltr" ? 20 : "initial"),
-      left: ((v = (M = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : M.offset) == null ? void 0 : v.left) ?? (e === "rtl" ? 20 : "initial")
+      bottom: ((k = (m = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : m.offset) == null ? void 0 : k.bottom) ?? 20,
+      right: ((z = (b = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : b.offset) == null ? void 0 : z.right) ?? (e === "ltr" ? 20 : "initial"),
+      left: ((v = (_ = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : _.offset) == null ? void 0 : v.left) ?? (e === "rtl" ? 20 : "initial")
     },
     size: {
       button: ((P = (R = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : R.size) == null ? void 0 : P.button) ?? 48,
-      icon: ((u = (j = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : j.size) == null ? void 0 : u.icon) ?? 24
+      icon: ((u = (E = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : E.size) == null ? void 0 : u.icon) ?? 24
     }
   }, c = (() => {
     const X = e === "ltr" ? l.offset.right : l.offset.left;
@@ -806,12 +806,12 @@ function G() {
     primaryColor: (t == null ? void 0 : t.primaryColor) ?? "hsl(0 0% 9%)",
     widgetTrigger: l,
     widgetContentContainer: {
-      borderRadius: o ? "0px" : ((_ = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : _.borderRadius) ?? "32px",
-      zIndex: ((w = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : w.zIndex) ?? l.zIndex + 1,
-      outline: ((y = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : y.outline) ?? "none",
+      borderRadius: o ? "0px" : ((I = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : I.borderRadius) ?? "32px",
+      zIndex: ((j = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : j.zIndex) ?? l.zIndex + 1,
+      outline: ((M = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : M.outline) ?? "none",
       // was: '1px solid'
-      outlineColor: ((I = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : I.outlineColor) ?? "hsl(0 0% 50% / .5)",
-      boxShadow: ((U = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : U.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
+      outlineColor: ((g = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : g.outlineColor) ?? "hsl(0 0% 50% / .5)",
+      boxShadow: ((S = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : S.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
       transitionProperty: ((ie = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : ie.transitionProperty) ?? "all",
       transitionTimingFunction: ((Re = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Re.transitionTimingFunction) ?? ce.transitionTimingFunction,
       transitionDuration: ((je = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : je.transitionDuration) ?? ce.transitionDuration,
@@ -822,26 +822,26 @@ function G() {
     },
     screens: {
       welcome: {
-        width: i("w", ((He = (Fe = t == null ? void 0 : t.screens) == null ? void 0 : Fe.welcome) == null ? void 0 : He.width) ?? "400px"),
+        width: a("w", ((He = (Fe = t == null ? void 0 : t.screens) == null ? void 0 : Fe.welcome) == null ? void 0 : He.width) ?? "400px"),
         // By setting minHeight to 1px, a nice animation will play from 1px to the dynamic height of the content of the screen
-        minHeight: i(
+        minHeight: a(
           "h",
           ((Le = (We = t == null ? void 0 : t.screens) == null ? void 0 : We.welcome) == null ? void 0 : Le.minHeight) ?? "1px"
         )
       },
       sessions: {
-        width: i("w", ((Be = ($e = t == null ? void 0 : t.screens) == null ? void 0 : $e.sessions) == null ? void 0 : Be.width) ?? "450px"),
-        height: i("h", ((Ue = (Ye = t == null ? void 0 : t.screens) == null ? void 0 : Ye.sessions) == null ? void 0 : Ue.height) ?? "600px")
+        width: a("w", ((Be = ($e = t == null ? void 0 : t.screens) == null ? void 0 : $e.sessions) == null ? void 0 : Be.width) ?? "450px"),
+        height: a("h", ((Ue = (Ye = t == null ? void 0 : t.screens) == null ? void 0 : Ye.sessions) == null ? void 0 : Ue.height) ?? "600px")
       },
       chat: {
-        width: i("w", ((qe = (Xe = t == null ? void 0 : t.screens) == null ? void 0 : Xe.chat) == null ? void 0 : qe.width) ?? "525px"),
-        height: i("h", ((Ge = (Ve = t == null ? void 0 : t.screens) == null ? void 0 : Ve.chat) == null ? void 0 : Ge.height) ?? "700px"),
+        width: a("w", ((qe = (Xe = t == null ? void 0 : t.screens) == null ? void 0 : Xe.chat) == null ? void 0 : qe.width) ?? "525px"),
+        height: a("h", ((Ge = (Ve = t == null ? void 0 : t.screens) == null ? void 0 : Ve.chat) == null ? void 0 : Ge.height) ?? "700px"),
         withCanvas: {
-          width: i(
+          width: a(
             "w",
             ((Qe = (Ke = (Ze = t == null ? void 0 : t.screens) == null ? void 0 : Ze.chat) == null ? void 0 : Ke.withCanvas) == null ? void 0 : Qe.width) ?? "min(1050px, 100vw)"
           ),
-          height: i(
+          height: a(
             "h",
             ((tt = (et = (Je = t == null ? void 0 : t.screens) == null ? void 0 : Je.chat) == null ? void 0 : et.withCanvas) == null ? void 0 : tt.height) ?? "min(800px, 100vh)"
           ),
@@ -850,11 +850,11 @@ function G() {
         }
       }
     }
-  }, b = {
+  }, f = {
     // Subtract the offset.bottom twice so that it adds a bit of padding to the top
     // Subtract the distance between the trigger and the widget content container
     // Subtract the invisible padding of the trigger (for the wobble effect)
-    maxHeight: i(
+    maxHeight: a(
       "h",
       `calc(
         100vh 
@@ -864,14 +864,14 @@ function G() {
       )`
     ),
     // Subtract the offset.right twice so that it adds a bit of padding to the left
-    maxWidth: i(
+    maxWidth: a(
       "w",
       `calc(
         100vw 
         - ${c * 2}px
       )`
     ),
-    minHeight: i(
+    minHeight: a(
       "h",
       `min(
         ${p.screens.welcome.minHeight}, 
@@ -879,7 +879,7 @@ function G() {
         ${p.screens.chat.height}
       )`
     ),
-    minWidth: i(
+    minWidth: a(
       "w",
       `min(
         ${p.screens.welcome.width}, 
@@ -890,7 +890,7 @@ function G() {
   };
   return {
     theme: p,
-    computed: b,
+    computed: f,
     cssVars: so({
       palette: p.palette,
       primary: p.primaryColor
@@ -980,11 +980,11 @@ function $t(e) {
     case "slate":
       return s;
     default:
-      return A(e, $t.name), o;
+      return F(e, $t.name), o;
   }
 }
 function Bt() {
-  const { contentIframeRef: e } = E(), { inline: o } = N();
+  const { contentIframeRef: e } = O(), { inline: o } = C();
   return {
     setWidth: (t) => {
       var n;
@@ -1006,12 +1006,12 @@ function Te({
   width: e,
   height: o
 }) {
-  const { isSmallScreen: t } = L(), { setWidth: n, setHeight: s } = Bt();
+  const { isSmallScreen: t } = $(), { setWidth: n, setHeight: s } = Bt();
   se(() => {
     e && n(e), o && s(o);
   }, [t, o, e, n, s]);
 }
-const ut = ir;
+const gt = ir;
 function ne({
   name: e,
   className: o
@@ -1031,13 +1031,13 @@ function ne({
       case "Expand":
         return wr;
       case "Maximize":
-        return gr;
-      case "Maximize2":
         return ur;
+      case "Maximize2":
+        return gr;
       case "Minimize":
-        return hr;
-      case "Minimize2":
         return mr;
+      case "Minimize2":
+        return hr;
       case "Shrink":
         return pr;
       case "SquareCheck":
@@ -1049,12 +1049,12 @@ function ne({
       case "X":
         return ke;
       case void 0:
-        return ut;
+        return gt;
       default:
-        return A(e, ne.name), ut;
+        return F(e, ne.name), gt;
     }
   })();
-  return /* @__PURE__ */ r(t, { className: m("size-4", o) });
+  return /* @__PURE__ */ r(t, { className: h("size-4", o) });
 }
 function ao() {
   var t;
@@ -1069,20 +1069,20 @@ function io({ fallback: e }) {
 function Me() {
   const {
     widgetCtx: { org: e }
-  } = E(), {
+  } = O(), {
     routerState: { screen: o }
-  } = F(), { textContent: t } = N();
+  } = H(), { textContent: t } = C();
   return (() => {
-    var s, a;
+    var s, i;
     switch (o) {
       case "chat":
         return (s = t == null ? void 0 : t.chatScreen) == null ? void 0 : s.headerTitle;
       case "sessions":
-        return (a = t == null ? void 0 : t.sessionsScreen) == null ? void 0 : a.headerTitle;
+        return (i = t == null ? void 0 : t.sessionsScreen) == null ? void 0 : i.headerTitle;
       case "welcome":
         return;
       default:
-        A(o, Me.name);
+        F(o, Me.name);
         return;
     }
   })() ?? e.name ?? "Chat";
@@ -1090,23 +1090,23 @@ function Me() {
 function lo(e) {
   switch (e) {
     case "chat":
-      return g("chat/header");
+      return w("chat/header");
     case "sessions":
-      return g("sessions/header");
+      return w("sessions/header");
     case "welcome":
       return;
     default:
-      A(e, Me.name);
+      F(e, Me.name);
       return;
   }
 }
 function co() {
-  const { router: e } = N(), {
+  const { router: e } = C(), {
     routerState: { screen: o },
     toSessionsScreen: t
-  } = F();
+  } = H();
   return o !== "chat" || e != null && e.chatScreenOnly ? null : /* @__PURE__ */ r(
-    S,
+    N,
     {
       variant: "ghost",
       size: "fit",
@@ -1119,9 +1119,9 @@ function co() {
 function po({
   button: e
 }) {
-  const { setIsOpen: o } = V(), { isSmallScreen: t } = L();
+  const { setIsOpen: o } = V(), { isSmallScreen: t } = $();
   return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
-    S,
+    N,
     {
       variant: "ghost",
       size: "fit",
@@ -1139,39 +1139,39 @@ function ve({
 }) {
   const [o, t] = D(!1), {
     routerState: { screen: n }
-  } = F(), { isSmallScreen: s } = L(), { theme: a } = G(), { setWidth: i, setHeight: l } = Bt();
+  } = H(), { isSmallScreen: s } = $(), { theme: i } = G(), { setWidth: a, setHeight: l } = Bt();
   if (n !== "chat" && n !== "sessions") return null;
   const c = (() => {
     switch (n) {
       case "chat":
-        return a.screens.chat.height;
+        return i.screens.chat.height;
       case "sessions":
-        return a.screens.sessions.height;
+        return i.screens.sessions.height;
       default:
-        return A(n, ve.name), a.screens.chat.height;
+        return F(n, ve.name), i.screens.chat.height;
     }
   })(), p = (() => {
     switch (n) {
       case "chat":
-        return a.screens.chat.width;
+        return i.screens.chat.width;
       case "sessions":
-        return a.screens.sessions.width;
+        return i.screens.sessions.width;
       default:
-        return A(n, ve.name), a.screens.chat.width;
+        return F(n, ve.name), i.screens.chat.width;
     }
-  })(), b = () => {
+  })(), f = () => {
     t((x) => {
-      const h = !x;
-      return l(h ? "100vh" : c), i(h ? `max(40vw, ${p})` : p), h;
+      const m = !x;
+      return l(m ? "100vh" : c), a(m ? `max(40vw, ${p})` : p), m;
     });
   };
   return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
-    S,
+    N,
     {
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: b,
+      onClick: f,
       children: /* @__PURE__ */ r(
         ne,
         {
@@ -1184,8 +1184,8 @@ function ve({
 function Yt({
   button: e
 }) {
-  var C, M;
-  const { close: o } = he(), { widgetCtx: t } = E(), { setIsOpen: n } = V(), { resolveSession: s, sessionState: a } = Y(), { isSmallScreen: i } = L(), l = !a.session, c = ((C = a.session) == null ? void 0 : C.isOpened) === !1, p = e.onResolved || "stay-in-chat", b = e.behaviorBeforeSessionCreation || "disabled", x = e.behaviorIfSessionIsResolved || "disabled", h = !!(a.isResolvingSession || l && b === "disabled" || c && x === "disabled"), z = async () => {
+  var z, _;
+  const { close: o } = me(), { widgetCtx: t } = O(), { setIsOpen: n } = V(), { resolveSession: s, sessionState: i } = U(), { isSmallScreen: a } = $(), l = !i.session, c = ((z = i.session) == null ? void 0 : z.isOpened) === !1, p = e.onResolved || "stay-in-chat", f = e.behaviorBeforeSessionCreation || "disabled", x = e.behaviorIfSessionIsResolved || "disabled", m = !!(i.isResolvingSession || l && f === "disabled" || c && x === "disabled"), k = async () => {
     const { success: v, error: R } = await s();
     if (o(), !v) return console.error(R);
     switch (p) {
@@ -1201,21 +1201,21 @@ function Yt({
         n(!1), t.resetChat();
         break;
       default:
-        A(p, Yt.name);
+        F(p, Yt.name);
         break;
     }
-  }, f = () => {
+  }, b = () => {
     if (l)
-      switch (b) {
+      switch (f) {
         case "disabled":
           return;
         case "close-widget":
           n(!1);
           break;
         default:
-          A(
-            b,
-            f.name
+          F(
+            f,
+            b.name
           );
       }
     if (c)
@@ -1234,22 +1234,22 @@ function Yt({
           }, 200);
           break;
         default:
-          A(
+          F(
             x,
-            f.name
+            b.name
           );
       }
   };
-  return i && e.hideOnSmallScreen || !i && e.hideOnLargeScreen ? null : ((M = e.confirmation) == null ? void 0 : M.type) === "modal" && !c && !l ? /* @__PURE__ */ r(
+  return a && e.hideOnSmallScreen || !a && e.hideOnLargeScreen ? null : ((_ = e.confirmation) == null ? void 0 : _.type) === "modal" && !c && !l ? /* @__PURE__ */ r(
     ze,
     {
       trigger: /* @__PURE__ */ r(
-        S,
+        N,
         {
           variant: "ghost",
           size: "fit",
           className: "rounded-full",
-          disabled: h,
+          disabled: m,
           children: /* @__PURE__ */ r(ne, { name: e.icon })
         }
       ),
@@ -1258,20 +1258,20 @@ function Yt({
         /* @__PURE__ */ r(jt, { children: /* @__PURE__ */ r(Ot, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
         /* @__PURE__ */ d(Pt, { children: [
           /* @__PURE__ */ r(
-            S,
+            N,
             {
               variant: "secondary",
               onClick: o,
-              disabled: a.isResolvingSession,
+              disabled: i.isResolvingSession,
               children: e.confirmation.cancelButtonText || "No"
             }
           ),
           /* @__PURE__ */ r(
-            S,
+            N,
             {
               variant: "destructive",
-              onClick: z,
-              disabled: a.isResolvingSession,
+              onClick: k,
+              disabled: i.isResolvingSession,
               children: e.confirmation.confirmButtonText || "Yes"
             }
           )
@@ -1279,13 +1279,13 @@ function Yt({
       ] })
     }
   ) : /* @__PURE__ */ r(
-    S,
+    N,
     {
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: c || l ? f : z,
-      disabled: h,
+      onClick: c || l ? b : k,
+      disabled: m,
       children: /* @__PURE__ */ r(ne, { name: e.icon })
     }
   );
@@ -1299,19 +1299,19 @@ function be({ button: e }) {
     case "resolve-session":
       return /* @__PURE__ */ r(Yt, { button: e });
     default:
-      return A(e, be.name), null;
+      return F(e, be.name), null;
   }
 }
-const mo = {
+const ho = {
   functionality: "close-widget",
   hideOnLargeScreen: !0,
   icon: "X"
 };
-function ho() {
+function mo() {
   const {
     routerState: { screen: e }
-  } = F(), { headerButtons: o } = N(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
-  return !t || t.length === 0 ? /* @__PURE__ */ r(be, { button: mo }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
+  } = H(), { headerButtons: o } = C(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
+  return !t || t.length === 0 ? /* @__PURE__ */ r(be, { button: ho }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
     be,
     {
       button: n
@@ -1322,14 +1322,14 @@ function ho() {
 function Ut() {
   const {
     routerState: { screen: e }
-  } = F(), o = lo(e), t = Me();
+  } = H(), o = lo(e), t = Me();
   return /* @__PURE__ */ d("header", { ...o, className: "py-2 px-4 shrink-0", children: [
     /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r(co, {}),
       /* @__PURE__ */ r(
         "div",
         {
-          className: m(
+          className: h(
             "flex-1 h-8 flex items-center",
             e === "sessions" && "ps-2"
           ),
@@ -1341,30 +1341,30 @@ function Ut() {
           )
         }
       ),
-      /* @__PURE__ */ r(ho, {})
+      /* @__PURE__ */ r(mo, {})
     ] }),
     /* @__PURE__ */ r(ao, {})
   ] });
 }
 function Xt({ className: e }) {
-  return /* @__PURE__ */ r(kr, { className: m("size-4 animate-spin", e) });
+  return /* @__PURE__ */ r(kr, { className: h("size-4 animate-spin", e) });
 }
-function uo() {
+function go() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = O(), { isSmallScreen: o } = L(), { activeMode: t, Component: n } = yt();
+  } = A(), { isSmallScreen: o } = $(), { activeMode: t, Component: n } = yt();
   return {
     isCanvasOpen: !e && !o && !!t && !!n
   };
 }
-function go() {
-  const e = te(), { activeMode: o, Component: t } = yt(), { sendMessage: n } = O(), { createStateCheckpoint: s } = Y(), [a, i] = D(!1), l = async (c) => {
+function uo() {
+  const e = te(), { activeMode: o, Component: t } = yt(), { sendMessage: n } = A(), { createStateCheckpoint: s } = U(), [i, a] = D(!1), l = async (c) => {
     try {
-      i(!0), await n(c);
+      a(!0), await n(c);
     } catch (p) {
       console.error(p);
     } finally {
-      i(!1);
+      a(!1);
     }
   };
   return !o || !t ? null : /* @__PURE__ */ r(
@@ -1374,19 +1374,19 @@ function go() {
       mode: o,
       createStateCheckpoint: s,
       sendMessage: l,
-      isSendingMessage: a
+      isSendingMessage: i
     }
   );
 }
-const H = W.forwardRef(
+const W = L.forwardRef(
   (e, o) => {
     var t, n, s;
     return /* @__PURE__ */ r(
-      k,
+      y,
       {
         ...e,
         ref: o,
-        className: m("overflow-hidden", e.className),
+        className: h("overflow-hidden", e.className),
         overrides: {
           initial: { height: 0, opacity: 0, ...(t = e.overrides) == null ? void 0 : t.initial },
           animate: { height: "auto", opacity: 1, ...(n = e.overrides) == null ? void 0 : n.animate },
@@ -1396,7 +1396,7 @@ const H = W.forwardRef(
     );
   }
 );
-H.displayName = "MotionDiv__VerticalReveal";
+W.displayName = "MotionDiv__VerticalReveal";
 const wo = [
   {
     label: "Terrible",
@@ -1425,58 +1425,58 @@ const wo = [
   }
 ];
 function fo() {
-  const { isSmallScreen: e } = L(), {
+  const { isSmallScreen: e } = $(), {
     submitCsat: o,
     isCsatRequested: t,
     isCsatSubmitted: n,
     submittedScore: s,
-    submittedFeedback: a
-  } = kt(), [i, l] = D(null), [c, p] = D(null), b = (h) => {
-    l((z) => z === h ? null : h);
+    submittedFeedback: i
+  } = kt(), [a, l] = D(null), [c, p] = D(null), f = (m) => {
+    l((k) => k === m ? null : m);
   }, x = () => {
-    i && o({
-      score: i,
+    a && o({
+      score: a,
       feedback: c || void 0
     });
   };
   return !t && !n ? null : /* @__PURE__ */ d("div", { className: "w-1/2 min-w-80 max-w-96 mx-auto overflow-hidden", children: [
-    /* @__PURE__ */ r(T, { mode: "wait", children: t && !i ? /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
+    /* @__PURE__ */ r(T, { mode: "wait", children: t && !a ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
     /* @__PURE__ */ r(
       "div",
       {
-        className: m(
+        className: h(
           "flex gap-4 justify-between pt-2 px-2 pb-2",
           "transition-all",
           n && "gap-0 justify-center"
         ),
-        children: wo.map((h) => /* @__PURE__ */ r(
-          S,
+        children: wo.map((m) => /* @__PURE__ */ r(
+          N,
           {
-            variant: h.value === i ? "secondary" : "ghost",
+            variant: m.value === a ? "secondary" : "ghost",
             size: "selfless",
-            className: m(
+            className: h(
               "transition-all overflow-hidden",
               "text-2xl size-8 rounded-full",
               "opacity-35",
               "hover:opacity-100",
-              !i && "opacity-100",
-              h.value === i && "opacity-100",
-              n && h.value !== s && "opacity-0 size-0",
-              n && h.value === s && "opacity-100 size-fit text-4xl"
+              !a && "opacity-100",
+              m.value === a && "opacity-100",
+              n && m.value !== s && "opacity-0 size-0",
+              n && m.value === s && "opacity-100 size-fit text-4xl"
             ),
-            onClick: t ? () => b(h.value) : void 0,
-            children: h.emoji
+            onClick: t ? () => f(m.value) : void 0,
+            children: m.emoji
           },
-          h.value
+          m.value
         ))
       }
     ),
-    /* @__PURE__ */ r(T, { mode: "wait", children: (i || s) && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
+    /* @__PURE__ */ r(T, { mode: "wait", children: (a || s) && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
       /* @__PURE__ */ r(
         "textarea",
         {
           rows: 3,
-          className: m(
+          className: h(
             "transition-all",
             "max-h-40 [field-sizing:content]",
             "w-full resize-none",
@@ -1486,19 +1486,19 @@ function fo() {
             e ? "text-[16px]" : "text-sm",
             n && "text-center"
           ),
-          value: n ? a || "" : c || "",
-          onChange: t ? (h) => p(h.target.value) : void 0,
+          value: n ? i || "" : c || "",
+          onChange: t ? (m) => p(m.target.value) : void 0,
           readOnly: n,
           placeholder: t ? "Tell us more... (optional)" : void 0
         }
       ),
       /* @__PURE__ */ r(
-        S,
+        N,
         {
           size: "fit",
           onClick: x,
-          disabled: !i,
-          className: m(
+          disabled: !a,
+          className: h(
             "transition-all overflow-hidden",
             "rounded-full size-8 flex items-center justify-center p-0",
             n && "opacity-0 size-0"
@@ -1507,11 +1507,11 @@ function fo() {
         }
       )
     ] }) }, "feedback-box") }),
-    /* @__PURE__ */ r("div", { className: m("h-0 transition-[height]", n && "h-4") })
+    /* @__PURE__ */ r("div", { className: h("h-0 transition-[height]", n && "h-4") })
   ] });
 }
 function Z() {
-  const { dir: e } = ye(), o = N();
+  const { dir: e } = ye(), o = C();
   return bt(() => {
     const t = Fr(o.language) ? o.language : "en";
     return {
@@ -1527,16 +1527,16 @@ function De({
   className: o,
   ...t
 }) {
-  const { sendMessage: n } = O(), s = () => {
-    const a = e.trim();
-    a && n({ content: a });
+  const { sendMessage: n } = A(), s = () => {
+    const i = e.trim();
+    i && n({ content: i });
   };
   return /* @__PURE__ */ r(
-    S,
+    N,
     {
-      ...g("chat/suggested_reply_btn"),
+      ...w("chat/suggested_reply_btn"),
       size: "sm",
-      className: m("rounded-xl w-fit", o),
+      className: h("rounded-xl w-fit", o),
       ...t,
       onClick: s,
       children: e
@@ -1548,7 +1548,7 @@ function xo() {
   return /* @__PURE__ */ r(
     "div",
     {
-      ...g("chat/might_solve_user_issue_suggested_replies_container"),
+      ...w("chat/might_solve_user_issue_suggested_replies_container"),
       className: "flex items-center gap-2 p-2 pb-0 flex-wrap",
       children: o.map((t) => /* @__PURE__ */ r(
         De,
@@ -1561,23 +1561,23 @@ function xo() {
     }
   );
 }
-function gt() {
-  const { sessionState: e } = Y(), { chatFooterItems: o } = N(), t = !!e.session && !e.session.isOpened, n = !t;
-  return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, a) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Ne, { children: s.message }) }) }, `${s.message}-${a}`)) });
+function ut() {
+  const { sessionState: e } = U(), { chatFooterItems: o } = C(), t = !!e.session && !e.session.isOpened, n = !t;
+  return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Ne, { children: s.message }) }) }, `${s.message}-${i}`)) });
 }
 function vo({
   file: { status: e, file: o, error: t },
   onCancel: n
 }) {
-  const [s, a] = D(
+  const [s, i] = D(
     null
   );
   se(() => {
     if (!o.type.startsWith("image/")) return;
     const c = new FileReader();
-    return c.onload = () => a(c.result), c.onerror = () => console.error("Error reading file"), c.readAsDataURL(o), () => c.abort();
+    return c.onload = () => i(c.result), c.onerror = () => console.error("Error reading file"), c.readAsDataURL(o), () => c.abort();
   }, [o]);
-  const i = () => {
+  const a = () => {
     switch (e) {
       case "uploading":
         return /* @__PURE__ */ r(Nr, { className: "size-4 animate-spin" });
@@ -1608,19 +1608,19 @@ function vo({
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: m(
+          className: h(
             e === "uploading" && "opacity-50",
             "group",
             "size-12 border rounded-2xl overflow-hidden relative",
             "flex items-center justify-center shrink-0"
           ),
           children: [
-            /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: i() }),
+            /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: a() }),
             /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                className: m(
+                className: h(
                   "absolute bg-black/50 inset-0 size-full z-10 opacity-0",
                   "flex items-center justify-center",
                   "opacity-0 group-hover:opacity-100 transition"
@@ -1637,46 +1637,46 @@ function vo({
   );
 }
 function bo() {
-  var _;
-  const { isSmallScreen: e } = L(), o = $(null), { sendMessage: t } = O(), { sessionState: n } = Y(), { t: s } = Z(), [a, i] = D(""), {
-    allFiles: l,
-    emptyTheFiles: c,
-    handleCancelUpload: p,
-    appendFiles: b,
-    isUploading: x,
-    successFiles: h
-  } = er(), z = !!((_ = n.session) != null && _.isHandedOff), { isAwaitingBotReply: f } = Ct(), C = (w) => {
-    b(w);
-  }, M = !a.trim() && h.length === 0, v = async () => {
-    if (f || M) return;
-    x && console.info("please wait for the file(s) to upload");
-    const w = a.trim();
+  var M;
+  const { isSmallScreen: e } = $(), o = B(null), { sendMessage: t } = A(), { sessionState: n } = U(), { disableSendingWhenAwaitingAIReply: s } = C(), { t: i } = Z(), [a, l] = D(""), {
+    allFiles: c,
+    emptyTheFiles: p,
+    handleCancelUpload: f,
+    appendFiles: x,
+    isUploading: m,
+    successFiles: k
+  } = er(), b = !!((M = n.session) != null && M.isHandedOff), { isAwaitingBotReply: z } = Ct(), _ = s !== !1 && z, v = (g) => {
+    x(g);
+  }, R = !a.trim() && k.length === 0, P = async () => {
+    if (_ || R) return;
+    m && console.info("please wait for the file(s) to upload");
+    const g = a.trim();
     t({
-      content: w,
-      attachments: h.flatMap(
-        (y) => y.fileUrl ? [
+      content: g,
+      attachments: k.flatMap(
+        (S) => S.fileUrl ? [
           {
-            url: y.fileUrl,
-            type: y.file.type,
-            name: y.file.name,
-            id: y.id,
-            size: y.file.size
+            url: S.fileUrl,
+            type: S.file.type,
+            name: S.file.name,
+            id: S.id,
+            size: S.file.size
           }
         ] : []
       )
-    }), i(""), c();
+    }), l(""), p();
   }, {
-    getRootProps: R,
-    getInputProps: P,
-    open: j
+    getRootProps: E,
+    getInputProps: u,
+    open: I
   } = Wr({
-    onDrop: C,
+    onDrop: v,
     noClick: !0,
     onDropRejected() {
       console.error("unsupported file type, or the file is too large");
     },
     maxSize: 5 * 1024 * 1024,
-    accept: z ? {
+    accept: b ? {
       "text/*": [".txt"],
       "image/*": [".png", ".jpg", ".jpeg", ".gif"],
       "application/pdf": [".pdf"]
@@ -1687,23 +1687,23 @@ function bo() {
       "image/webp": [".webp"],
       "application/pdf": [".pdf"]
     }
-  }), u = (w) => {
-    const y = w.clipboardData;
-    y && y.files.length > 0 && C(Array.from(y.files));
+  }), j = (g) => {
+    const S = g.clipboardData;
+    S && S.files.length > 0 && v(Array.from(S.files));
   };
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/input_box/root"),
+      ...w("chat/input_box/root"),
       className: "p-2 relative space-y-1",
-      ...R(),
+      ...E(),
       children: [
-        /* @__PURE__ */ r("input", { ...P() }),
+        /* @__PURE__ */ r("input", { ...u() }),
         /* @__PURE__ */ d(
           "div",
           {
-            ...g("chat/input_box/inner_root"),
-            className: m(
+            ...w("chat/input_box/inner_root"),
+            className: h(
               "transition-all",
               "bg-white",
               // 'border',
@@ -1714,48 +1714,48 @@ function bo() {
               /* @__PURE__ */ d(
                 "div",
                 {
-                  ...g("chat/input_box/textarea_and_attachments_container"),
+                  ...w("chat/input_box/textarea_and_attachments_container"),
                   className: "flex flex-col gap-2",
                   children: [
-                    l.length > 0 && /* @__PURE__ */ r(
+                    c.length > 0 && /* @__PURE__ */ r(
                       "div",
                       {
-                        ...g("chat/input_box/attachments_container"),
+                        ...w("chat/input_box/attachments_container"),
                         className: "flex items-center gap-1",
-                        children: /* @__PURE__ */ r(T, { mode: "popLayout", children: l.map((w) => /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
+                        children: /* @__PURE__ */ r(T, { mode: "popLayout", children: c.map((g) => /* @__PURE__ */ r(y, { snapExit: !0, children: /* @__PURE__ */ r(
                           vo,
                           {
-                            onCancel: () => p(w.id),
-                            file: w
+                            onCancel: () => f(g.id),
+                            file: g
                           }
-                        ) }, w.id)) })
+                        ) }, g.id)) })
                       }
                     ),
                     /* @__PURE__ */ r(
                       "textarea",
                       {
-                        ...g("chat/input_box/textarea"),
-                        onPaste: u,
+                        ...w("chat/input_box/textarea"),
+                        onPaste: j,
                         ref: o,
                         id: "chat-input",
                         value: a,
                         rows: 3,
-                        className: m(
+                        className: h(
                           /** Match the border radius of the container */
                           // INPUT_CONTAINER_B_RADIUS,
                           "max-h-16 [field-sizing:content]",
                           "w-full resize-none px-2",
-                          l.length === 0 && "pt-1",
+                          c.length === 0 && "pt-1",
                           "bg-transparent outline-none",
                           "placeholder:text-muted-foreground",
                           // 16px on mobiles prevents auto-zoom on the input when focused
                           e ? "text-[16px]" : "text-sm"
                         ),
-                        onChange: (w) => i(w.target.value),
-                        onKeyDown: async (w) => {
-                          w.key === "Enter" && !w.shiftKey && (w.preventDefault(), v());
+                        onChange: (g) => l(g.target.value),
+                        onKeyDown: async (g) => {
+                          g.key === "Enter" && !g.shiftKey && (g.preventDefault(), P());
                         },
-                        placeholder: s("write_a_message_placeholder")
+                        placeholder: i("write_a_message_placeholder")
                       }
                     )
                   ]
@@ -1769,27 +1769,27 @@ function bo() {
                     align: "start",
                     content: "attach images or PDF (maximum size 5mb)",
                     children: /* @__PURE__ */ r(
-                      S,
+                      N,
                       {
-                        onClick: j,
+                        onClick: I,
                         size: "fit",
                         variant: "ghost",
-                        className: m(
+                        className: h(
                           "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
                         ),
-                        children: /* @__PURE__ */ r(T, { mode: "wait", children: f ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(ct, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(ct, { className: "size-4" }) }, "paper-clip") })
+                        children: /* @__PURE__ */ r(T, { mode: "wait", children: _ ? /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(ct, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(ct, { className: "size-4" }) }, "paper-clip") })
                       }
                     )
                   }
                 ),
                 /* @__PURE__ */ r(oe, { content: "send message", side: "top", align: "end", children: /* @__PURE__ */ r(
-                  S,
+                  N,
                   {
                     size: "fit",
-                    onClick: v,
-                    disabled: f || x || M,
+                    onClick: P,
+                    disabled: _ || m || R,
                     className: "rounded-full size-8 flex items-center justify-center p-0",
-                    children: /* @__PURE__ */ r(T, { mode: "wait", children: f || x ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Cr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(_t, { className: "size-4" }) }, "send") })
+                    children: /* @__PURE__ */ r(T, { mode: "wait", children: _ || m ? /* @__PURE__ */ r(y, { snapExit: !0, children: /* @__PURE__ */ r(Cr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(y, { snapExit: !0, children: /* @__PURE__ */ r(_t, { className: "size-4" }) }, "send") })
                   }
                 ) })
               ] })
@@ -1801,15 +1801,15 @@ function bo() {
   );
 }
 function wt() {
-  const { widgetCtx: e } = E(), { router: o } = N(), { canCreateNewSession: t } = Y(), { toSessionsScreen: n } = F(), { t: s } = Z();
-  return /* @__PURE__ */ r(Q, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(S, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(S, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
+  const { widgetCtx: e } = O(), { router: o } = C(), { canCreateNewSession: t } = U(), { toSessionsScreen: n } = H(), { t: s } = Z();
+  return /* @__PURE__ */ r(Q, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(N, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(N, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
 }
 function yo() {
   const { t: e } = Z(), { isCsatRequested: o, isCsatSubmitted: t } = kt();
-  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(T, { mode: "wait", children: o || t ? /* @__PURE__ */ d(H, { children: [
+  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(T, { mode: "wait", children: o || t ? /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ r(fo, {}),
-    /* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(wt, {}) }, "new-conv-or-back-to-convs-button") })
-  ] }, "csat") : /* @__PURE__ */ d(H, { children: [
+    /* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(wt, {}) }, "new-conv-or-back-to-convs-button") })
+  ] }, "csat") : /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ d("div", { className: "ps-2 flex items-center gap-1 pb-2", children: [
       /* @__PURE__ */ r(St, { className: "size-4 text-emerald-600" }),
       /* @__PURE__ */ r("h2", { className: "text-sm font-medium", children: e("your_issue_has_been_resolved") })
@@ -1818,14 +1818,14 @@ function yo() {
   ] }, "session-closed") }) }) });
 }
 function ko() {
-  var i;
-  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = N(), { sessionState: n } = Y(), { messagesState: s } = O(), a = s.messages.length === 0;
-  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(T, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ d(H, { children: [
+  var a;
+  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = C(), { sessionState: n } = U(), { messagesState: s } = A(), i = s.messages.length === 0;
+  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(T, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ r(yo, {}),
-    /* @__PURE__ */ r(gt, {})
-  ] }, "session-closed") : /* @__PURE__ */ d(H, { children: [
+    /* @__PURE__ */ r(ut, {})
+  ] }, "session-closed") : /* @__PURE__ */ d(W, { children: [
     s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(xo, {}),
-    a && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ r(
+    i && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ r(
       De,
       {
         suggestion: l
@@ -1833,7 +1833,7 @@ function ko() {
       `${l}-${c}`
     )) }),
     /* @__PURE__ */ r(bo, {}),
-    /* @__PURE__ */ r(gt, {})
+    /* @__PURE__ */ r(ut, {})
   ] }, "chat-input") }) });
 }
 function Co({
@@ -1842,13 +1842,13 @@ function Co({
   isAloneInGroup: t,
   ...n
 }) {
-  const { componentStore: s } = E();
+  const { componentStore: s } = O();
   if (n.type !== "AGENT" && n.type !== "AI") return null;
   if (n.data.action) {
-    const i = s.getComponent(n.data.action.name);
-    if (i)
+    const a = s.getComponent(n.data.action.name);
+    if (a)
       return /* @__PURE__ */ r(
-        i,
+        a,
         {
           ...n,
           id: n.id,
@@ -1858,9 +1858,9 @@ function Co({
         }
       );
   }
-  const a = s.getComponent(n.component);
-  return a ? /* @__PURE__ */ r(
-    a,
+  const i = s.getComponent(n.component);
+  return i ? /* @__PURE__ */ r(
+    i,
     {
       ...n,
       id: n.id,
@@ -1883,13 +1883,13 @@ function qt({
   className: o,
   containerClassName: t
 }) {
-  var i, l;
-  const { timestamps: n } = N();
-  if (!((i = n == null ? void 0 : n.perMessageGroup) != null && i.enabled))
+  var a, l;
+  const { timestamps: n } = C();
+  if (!((a = n == null ? void 0 : n.perMessageGroup) != null && a.enabled))
     return null;
   const s = (l = e[e.length - 1]) == null ? void 0 : l.timestamp;
   if (!s) return null;
-  const a = (() => {
+  const i = (() => {
     try {
       return new Date(s).toLocaleTimeString([], {
         hour: "2-digit",
@@ -1900,7 +1900,7 @@ function qt({
       return console.error(c), null;
     }
   })();
-  return a ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: m("text-xs text-muted-foreground", o), children: a }) }) : null;
+  return i ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: h("text-xs text-muted-foreground", o), children: i }) }) : null;
 }
 function pe({
   messages: e,
@@ -1910,43 +1910,43 @@ function pe({
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/agent_msg_group/root"),
-      className: m("flex items-end gap-2"),
+      ...w("chat/agent_msg_group/root"),
+      className: h("flex items-end gap-2"),
       children: [
         /* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
           xe,
           {
-            ...g("chat/agent_msg_group/root/avatar"),
+            ...w("chat/agent_msg_group/root/avatar"),
             agent: o,
             className: "hidden"
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: m("flex-1 flex flex-col gap-1"), children: [
+        /* @__PURE__ */ d("div", { className: h("flex-1 flex flex-col gap-1"), children: [
           /* @__PURE__ */ d(
             "div",
             {
-              ...g("chat/agent_msg_group/avatar_and_msgs/root"),
-              className: m("flex items-end gap-2"),
+              ...w("chat/agent_msg_group/avatar_and_msgs/root"),
+              className: h("flex items-end gap-2"),
               children: [
                 /* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
                   xe,
                   {
-                    ...g("chat/agent_msg_group/avatar_and_msgs/avatar"),
+                    ...w("chat/agent_msg_group/avatar_and_msgs/avatar"),
                     agent: o
                   }
                 ) }),
                 /* @__PURE__ */ d(
                   "div",
                   {
-                    ...g("chat/agent_msg_group/avatar_and_msgs/msgs"),
-                    className: m("flex-1 flex flex-col gap-1"),
+                    ...w("chat/agent_msg_group/avatar_and_msgs/msgs"),
+                    className: h("flex-1 flex flex-col gap-1"),
                     children: [
-                      e.map((n, s, a) => /* @__PURE__ */ r(
+                      e.map((n, s, i) => /* @__PURE__ */ r(
                         Co,
                         {
                           isFirstInGroup: s === 0,
-                          isLastInGroup: s === a.length - 1,
-                          isAloneInGroup: a.length === 1,
+                          isLastInGroup: s === i.length - 1,
+                          isAloneInGroup: i.length === 1,
                           ...n
                         },
                         n.id
@@ -1961,8 +1961,8 @@ function pe({
           t && t.length > 0 && /* @__PURE__ */ r(
             "div",
             {
-              ...g("chat/agent_msg_group/suggestions"),
-              className: m("flex flex-col gap-1 ps-8"),
+              ...w("chat/agent_msg_group/suggestions"),
+              className: h("flex flex-col gap-1 ps-8"),
               children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
                 De,
                 {
@@ -1994,18 +1994,18 @@ function No({
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/user_msg/root"),
+      ...w("chat/user_msg/root"),
       className: "w-5/6 flex flex-col items-end gap-1",
       children: [
-        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((a) => /* @__PURE__ */ r(Ft, { attachment: a }, a.id)) }),
+        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((i) => /* @__PURE__ */ r(Ft, { attachment: i }, i.id)) }),
         e.content.length > 0 && /* @__PURE__ */ r(
           "div",
           {
-            ...g("chat/user_msg/msg"),
+            ...w("chat/user_msg/msg"),
             "data-first": o,
             "data-last": t,
             "data-alone": n,
-            className: m(
+            className: h(
               "transition-all",
               "w-fit py-3 px-4 rounded-3xl text-sm",
               "bg-primary text-primary-foreground",
@@ -2030,8 +2030,8 @@ function So({
   return /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/user_msg_group/root"),
-      className: m("group", "flex flex-col gap-1 justify-end items-end"),
+      ...w("chat/user_msg_group/root"),
+      className: h("group", "flex flex-col gap-1 justify-end items-end"),
       children: [
         e.map((o, t, n) => /* @__PURE__ */ r(
           No,
@@ -2052,10 +2052,10 @@ function _o(e) {
   const o = [];
   let t = null;
   return e.forEach((n) => {
-    var s, a, i, l, c, p;
+    var s, i, a, l, c, p;
     // Start a new group if the type changes
     (((s = t == null ? void 0 : t[0]) == null ? void 0 : s.type) !== n.type || // Start a new group if the agent changes
-    ((a = t[0]) == null ? void 0 : a.type) === "AGENT" && n.type === "AGENT" && (((i = n.agent) == null ? void 0 : i.id) !== ((l = t[0].agent) == null ? void 0 : l.id) || ((c = n.agent) == null ? void 0 : c.name) !== ((p = t[0].agent) == null ? void 0 : p.name))) && (t = [], o.push(t)), t.push(n);
+    ((i = t[0]) == null ? void 0 : i.type) === "AGENT" && n.type === "AGENT" && (((a = n.agent) == null ? void 0 : a.id) !== ((l = t[0].agent) == null ? void 0 : l.id) || ((c = n.agent) == null ? void 0 : c.name) !== ((p = t[0].agent) == null ? void 0 : p.name))) && (t = [], o.push(t)), t.push(n);
   }), o;
 }
 function Io(e) {
@@ -2073,20 +2073,20 @@ function Mo(e) {
 function Do() {
   const {
     messagesState: { messages: e }
-  } = O(), {
+  } = A(), {
     advancedInitialMessages: o = [],
     initialQuestionsPosition: t,
     initialQuestions: n,
     bot: s
-  } = N();
+  } = C();
   return /* @__PURE__ */ r(Q, { children: e.length === 0 && o.length > 0 && /* @__PURE__ */ r(
     pe,
     {
       messages: o.map(
-        ({ message: a }, i) => ({
+        ({ message: i }, a) => ({
           component: "bot_message",
-          data: { message: a },
-          id: `${i}-${a}`,
+          data: { message: i },
+          id: `${a}-${i}`,
           type: "AI",
           timestamp: null
         })
@@ -2099,7 +2099,7 @@ function Do() {
 function Ro() {
   const {
     messagesState: { messages: e }
-  } = O(), { chatBannerItems: o } = N();
+  } = A(), { chatBannerItems: o } = C();
   return !(o != null && o.length) || e.length > 0 && o.every((t) => !t.persistent) ? null : /* @__PURE__ */ r("div", { className: "w-full text-center text-xs", children: o.map(
     ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Ne, { children: t }) }, `${t}-${s}`)
   ) });
@@ -2107,22 +2107,22 @@ function Ro() {
 function jo() {
   const {
     messagesState: { messages: e }
-  } = O(), o = N(), {
+  } = A(), o = C(), {
     advancedInitialMessages: t = [],
     initialQuestions: n,
     initialQuestionsPosition: s
-  } = o, a = (() => {
-    var i;
-    return t.length ? [] : e.length ? [] : (i = o.initialMessages) != null && i.length ? o.initialMessages : ["Hello, how can I help you?"];
+  } = o, i = (() => {
+    var a;
+    return t.length ? [] : e.length ? [] : (a = o.initialMessages) != null && a.length ? o.initialMessages : ["Hello, how can I help you?"];
   })();
-  return /* @__PURE__ */ r(Q, { children: e.length === 0 && a.length > 0 && /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(Q, { children: e.length === 0 && i.length > 0 && /* @__PURE__ */ r(
     pe,
     {
-      messages: a.map(
-        (i, l) => ({
+      messages: i.map(
+        (a, l) => ({
           component: "bot_message",
-          data: { message: i },
-          id: `${l}-${i}`,
+          data: { message: a },
+          id: `${l}-${a}`,
           type: "AI",
           timestamp: null
         })
@@ -2140,12 +2140,12 @@ function Po() {
 function Eo() {
   const {
     messagesState: { messages: e }
-  } = O(), { isAwaitingBotReply: o } = Ct(), { componentStore: t } = E(), { bot: n, humanAgent: s } = N(), a = bt(
+  } = A(), { isAwaitingBotReply: o } = Ct(), { componentStore: t } = O(), { bot: n, humanAgent: s } = C(), i = bt(
     () => _o(e),
     [e]
-  ), i = t.getComponent(
+  ), a = t.getComponent(
     "loading"
-  ), l = $(null);
+  ), l = B(null);
   function c() {
     setTimeout(() => {
       const p = l.current;
@@ -2157,32 +2157,32 @@ function Eo() {
   }, [e]), /* @__PURE__ */ d(
     "div",
     {
-      ...g("chat/msgs/root"),
+      ...w("chat/msgs/root"),
       ref: l,
       className: "max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",
       children: [
         /* @__PURE__ */ r(Ro, {}),
         /* @__PURE__ */ r(Do, {}),
         /* @__PURE__ */ r(jo, {}),
-        a.map((p, b) => {
-          var z, f, C, M;
-          const x = (z = p == null ? void 0 : p[0]) == null ? void 0 : z.type, h = (f = p[0]) == null ? void 0 : f.id;
-          if (!x || !h) return null;
+        i.map((p, f) => {
+          var k, b, z, _;
+          const x = (k = p == null ? void 0 : p[0]) == null ? void 0 : k.type, m = (b = p[0]) == null ? void 0 : b.id;
+          if (!x || !m) return null;
           if (Io(p))
-            return /* @__PURE__ */ r(So, { messages: p }, h);
+            return /* @__PURE__ */ r(So, { messages: p }, m);
           if (To(p)) {
-            const v = b === a.length - 1;
-            return o && v ? null : ((C = p[0]) == null || C.agent, /* @__PURE__ */ r(
+            const v = f === i.length - 1;
+            return o && v ? null : ((z = p[0]) == null || z.agent, /* @__PURE__ */ r(
               pe,
               {
                 messages: p,
                 agent: n ? { ...n, isAi: !0, id: null } : void 0
               },
-              h
+              m
             ));
           }
           if (Mo(p)) {
-            const v = (M = p[0]) == null ? void 0 : M.agent;
+            const v = (_ = p[0]) == null ? void 0 : _.agent;
             return /* @__PURE__ */ r(
               pe,
               {
@@ -2198,12 +2198,12 @@ function Eo() {
                   avatarUrl: s.avatarUrl || null
                 } : void 0
               },
-              h
+              m
             );
           }
           return null;
         }),
-        o && i && /* @__PURE__ */ r(i, { agent: n }),
+        o && a && /* @__PURE__ */ r(a, { agent: n }),
         /* @__PURE__ */ r(Po, {}),
         /* @__PURE__ */ r(zo, {})
       ]
@@ -2213,19 +2213,19 @@ function Eo() {
 function Oo() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = O(), {
+  } = A(), {
     sessionState: { session: o }
-  } = Y(), { isCanvasOpen: t } = uo(), { theme: n } = G();
+  } = U(), { isCanvasOpen: t } = go(), { theme: n } = G();
   Te({
     width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
     height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
   });
-  const s = $((o == null ? void 0 : o.id) || "chat").current;
+  const s = B((o == null ? void 0 : o.id) || "chat").current;
   return /* @__PURE__ */ r(
     "div",
     {
-      ...g("chat/root"),
-      className: m("flex flex-col overflow-hidden"),
+      ...w("chat/root"),
+      className: h("flex flex-col overflow-hidden"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2239,14 +2239,14 @@ function Oo() {
       children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
         /* @__PURE__ */ r(Ut, {}),
         /* @__PURE__ */ r(T, { mode: "wait", children: e ? /* @__PURE__ */ r(
-          k,
+          y,
           {
             className: "flex flex-col items-center justify-center w-full flex-1",
             children: /* @__PURE__ */ r(Xt, {})
           },
           "loading"
         ) : /* @__PURE__ */ d(
-          k,
+          y,
           {
             className: "flex items-start h-full flex-1 overflow-auto",
             snapExit: !0,
@@ -2254,8 +2254,8 @@ function Oo() {
               /* @__PURE__ */ d(
                 "div",
                 {
-                  ...g("chat/main/root"),
-                  className: m(
+                  ...w("chat/main/root"),
+                  className: h(
                     "flex flex-col h-full overflow-auto transition-all",
                     t ? "w-2/5" : "w-full"
                   ),
@@ -2272,8 +2272,8 @@ function Oo() {
               /* @__PURE__ */ r(
                 "div",
                 {
-                  ...g("chat/canvas/root"),
-                  className: m(
+                  ...w("chat/canvas/root"),
+                  className: h(
                     "h-full overflow-auto transition-all",
                     t ? "w-3/5" : "w-0"
                   ),
@@ -2281,7 +2281,7 @@ function Oo() {
                     transitionTimingFunction: n.screens.chat.withCanvas.transitionTimingFunction,
                     transitionDuration: n.screens.chat.withCanvas.transitionDuration
                   },
-                  children: /* @__PURE__ */ r(go, {})
+                  children: /* @__PURE__ */ r(uo, {})
                 }
               )
             ]
@@ -2299,7 +2299,7 @@ function Ao({
   return /* @__PURE__ */ r(
     "div",
     {
-      className: m("animate-pulse rounded-md bg-secondary", e),
+      className: h("animate-pulse rounded-md bg-secondary", e),
       ...o
     }
   );
@@ -2313,7 +2313,7 @@ function Fo({ className: e }) {
       viewBox: "0 0 26 32",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: m("text-primary-foreground", e),
+      className: h("text-primary-foreground", e),
       children: /* @__PURE__ */ r(
         "path",
         {
@@ -2325,21 +2325,21 @@ function Fo({ className: e }) {
   );
 }
 function Vt({ className: e }) {
-  const { token: o } = N();
+  const { token: o } = C();
   return /* @__PURE__ */ r(
     "div",
     {
-      className: m(
+      className: h(
         "flex items-center justify-center gap-2 p-2 pt-0",
         e
       ),
-      children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ d(
         "a",
         {
           href: `https://open.cx/?ref=${o}`,
           target: "_blank",
           rel: "noreferrer",
-          className: m(
+          className: h(
             "text-[10px] flex items-center",
             "text-muted-foreground/70 [&_svg]:text-muted-foreground/70",
             "hover:text-primary [&_svg]:hover:text-primary"
@@ -2364,26 +2364,26 @@ function ft({
   session: e,
   className: o
 }) {
-  const { bot: t, humanAgent: n } = N(), { toChatScreen: s } = F(), a = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
+  const { bot: t, humanAgent: n } = C(), { toChatScreen: s } = H(), i = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
   return /* @__PURE__ */ d(
-    S,
+    N,
     {
       variant: "ghost",
       size: "lg",
-      className: m(
+      className: h(
         "rounded-full p-2 pe-4 flex text-start justify-between w-full whitespace-normal",
         o
       ),
       onClick: () => s(e.id),
       children: [
         /* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
-          /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ d(Se, { className: "size-10", children: [
-            /* @__PURE__ */ r(_e, { src: i, alt: "Agent Icon" }),
+          /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(y, { snapExit: !0, children: /* @__PURE__ */ d(Se, { className: "size-10", children: [
+            /* @__PURE__ */ r(_e, { src: a, alt: "Agent Icon" }),
             /* @__PURE__ */ r(Ie, { children: /* @__PURE__ */ r(Tr, { className: "size-4" }) })
           ] }) }) }),
           /* @__PURE__ */ d("div", { className: "flex-1", children: [
-            /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: a }, a) }),
-            /* @__PURE__ */ r(T, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(y, { snapExit: !0, children: i }, i) }),
+            /* @__PURE__ */ r(T, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(y, { snapExit: !0, children: /* @__PURE__ */ r(
               Ht,
               {
                 remarkPlugins: [It],
@@ -2391,7 +2391,7 @@ function ft({
                 className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
                 children: e.lastMessage
               }
-            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(k, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(Ao, { className: "h-4 w-full" }) }, "skeleton") })
+            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(y, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(Ao, { className: "h-4 w-full" }) }, "skeleton") })
           ] })
         ] }),
         /* @__PURE__ */ r(Mr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
@@ -2400,27 +2400,27 @@ function ft({
   );
 }
 function Wo() {
-  const { t: e } = Z(), { toChatScreen: o } = F(), {
+  const { t: e } = Z(), { toChatScreen: o } = H(), {
     sessionsState: { data: t, isInitialFetchLoading: n },
     openSessions: s,
-    closedSessions: a,
-    canCreateNewSession: i
-  } = Y();
+    closedSessions: i,
+    canCreateNewSession: a
+  } = U();
   return /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ r(T, { mode: "wait", children: n ? /* @__PURE__ */ r(
-    k,
+    y,
     {
       className: "flex-1 flex items-center justify-center",
       children: /* @__PURE__ */ r(Xt, {})
     },
     "loading"
   ) : /* @__PURE__ */ r(
-    k,
+    y,
     {
       className: "flex-1 flex flex-col gap-2 relative",
       children: t.length ? /* @__PURE__ */ d(Q, { children: [
         /* @__PURE__ */ d(T, { children: [
           s.length > 0 && /* @__PURE__ */ r(
-            k,
+            y,
             {
               fadeIn: "up",
               delay: 0.2,
@@ -2430,15 +2430,15 @@ function Wo() {
             },
             "open-sessions"
           ),
-          a.length > 0 && /* @__PURE__ */ d(
-            k,
+          i.length > 0 && /* @__PURE__ */ d(
+            y,
             {
               className: "space-y-2",
               delay: 0.2,
               snapExit: !0,
               children: [
                 /* @__PURE__ */ r(Ho, { children: e("closed_conversations") }),
-                a.map((l) => /* @__PURE__ */ r(
+                i.map((l) => /* @__PURE__ */ r(
                   ft,
                   {
                     session: l,
@@ -2451,10 +2451,10 @@ function Wo() {
             "closed-sessions"
           )
         ] }),
-        i && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ lt(
-          S,
+        a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ lt(
+          N,
           {
-            ...g("sessions/new_conversation_btn"),
+            ...w("sessions/new_conversation_btn"),
             size: "lg",
             key: "new-session",
             className: "w-full",
@@ -2465,9 +2465,9 @@ function Wo() {
       ] }) : /* @__PURE__ */ d("div", { className: "flex-1 flex flex-col gap-2 items-center", children: [
         /* @__PURE__ */ r("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: e("no_conversations_yet") }) }),
         /* @__PURE__ */ lt(
-          S,
+          N,
           {
-            ...g("sessions/new_conversation_btn"),
+            ...w("sessions/new_conversation_btn"),
             size: "lg",
             key: "new-session",
             className: "w-full",
@@ -2488,8 +2488,8 @@ function Lo() {
   }), /* @__PURE__ */ r(
     "div",
     {
-      ...g("sessions/root"),
-      className: m("flex flex-col overflow-hidden bg-background"),
+      ...w("sessions/root"),
+      className: h("flex flex-col overflow-hidden bg-background"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2510,13 +2510,13 @@ function Lo() {
 }
 const de = J.forwardRef(
   ({ className: e, type: o, ...t }, n) => {
-    const { isSmallScreen: s } = L();
+    const { isSmallScreen: s } = $();
     return /* @__PURE__ */ r(
       "input",
       {
         ref: n,
         type: o,
-        className: m(
+        className: h(
           // 16px on mobiles prevents auto-zoom on the input when focused
           s ? "text-[16px]" : "text-sm",
           "flex w-full rounded-xl p-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-primary-foreground placeholder:text-muted-foreground/75 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition",
@@ -2531,14 +2531,14 @@ const de = J.forwardRef(
 );
 de.displayName = "Input";
 function $o() {
-  const { contentIframeRef: e } = E(), { inline: o } = N(), t = $(null);
+  const { contentIframeRef: e } = O(), { inline: o } = C(), t = B(null);
   return se(() => {
     const n = e == null ? void 0 : e.current;
     if (n && t.current) {
       const s = t.current;
-      let a;
-      const i = new ResizeObserver(() => {
-        a = requestAnimationFrame(() => {
+      let i;
+      const a = new ResizeObserver(() => {
+        i = requestAnimationFrame(() => {
           const l = s.offsetHeight;
           n.style.setProperty(
             "--opencx-widget-height",
@@ -2546,41 +2546,41 @@ function $o() {
           );
         });
       });
-      return i.observe(s), () => {
-        cancelAnimationFrame(a), i.unobserve(s);
+      return a.observe(s), () => {
+        cancelAnimationFrame(i), a.unobserve(s);
       };
     }
   }, [e, o]), { observedElementRef: t };
 }
-const Bo = ge.object({
-  name: ge.string().min(2),
-  email: ge.string().email()
+const Bo = ue.object({
+  name: ue.string().min(2),
+  email: ue.string().email()
 });
 function Yo() {
-  var v, R, P, j, u, _, w, y;
+  var v, R, P, E, u, I, j, M;
   const {
     widgetCtx: { org: e }
-  } = E(), { setIsOpen: o } = V(), { createUnverifiedContact: t } = zt(), { isSmallScreen: n } = L(), s = N(), { theme: a } = G(), { t: i } = Z(), { observedElementRef: l } = $o();
+  } = O(), { setIsOpen: o } = V(), { createUnverifiedContact: t } = zt(), { isSmallScreen: n } = $(), s = C(), { theme: i } = G(), { t: a } = Z(), { observedElementRef: l } = $o();
   Te({
     height: void 0,
-    width: a.screens.welcome.width
+    width: i.screens.welcome.width
   });
-  const [c, p] = D(((v = s.prefillUserData) == null ? void 0 : v.name) || ""), [b, x] = D(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), h = (s.extraDataCollectionFields || []).filter(
-    (I) => I !== "name" && I !== "email" && !!I
-  ), [z, f] = D({}), [C, M] = Lr(
-    async (I) => {
-      I.preventDefault();
-      const U = Bo.safeParse({ name: c, email: b });
-      U.success && await t(
+  const [c, p] = D(((v = s.prefillUserData) == null ? void 0 : v.name) || ""), [f, x] = D(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), m = (s.extraDataCollectionFields || []).filter(
+    (g) => g !== "name" && g !== "email" && !!g
+  ), [k, b] = D({}), [z, _] = Lr(
+    async (g) => {
+      g.preventDefault();
+      const S = Bo.safeParse({ name: c, email: f });
+      S.success && await t(
         {
-          email: U.data.email,
-          non_verified_name: U.data.name
+          email: S.data.email,
+          non_verified_name: S.data.name
         },
         // Only pass extra data if there is any
-        Object.values(z).filter(Boolean).length ? z : void 0
+        Object.values(k).filter(Boolean).length ? k : void 0
       );
     },
-    [c, b, z]
+    [c, f, k]
   );
   return /* @__PURE__ */ r(
     "div",
@@ -2590,7 +2590,7 @@ function Yo() {
         // Relative to the iframe
         maxWidth: "100vw",
         // Relative to the iframe
-        minHeight: a.screens.welcome.minHeight,
+        minHeight: i.screens.welcome.minHeight,
         height: "100vh",
         // Relative to the iframe
         maxHeight: "100vh",
@@ -2601,7 +2601,7 @@ function Yo() {
         "div",
         {
           ref: l,
-          className: m(
+          className: h(
             "flex flex-col",
             n && "h-full",
             "bg-[radial-gradient(ellipse_at_top_left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse_at_top_right,hsl(var(--opencx-primary)),transparent)]"
@@ -2610,23 +2610,23 @@ function Yo() {
             /* @__PURE__ */ d(
               "div",
               {
-                className: m(
+                className: h(
                   "flex-1 flex flex-col px-4 py-12 text-start space-y-4 relative z-10",
                   "text-primary-foreground"
                 ),
                 children: [
-                  n && /* @__PURE__ */ r(k, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(S, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(ke, { className: "size-4" }) }) }),
+                  n && /* @__PURE__ */ r(y, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(N, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(ke, { className: "size-4" }) }) }),
                   /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (P = s.assets) != null && P.organizationLogo ? /* @__PURE__ */ r(
                     "img",
                     {
-                      src: (j = s.assets) == null ? void 0 : j.organizationLogo,
+                      src: (E = s.assets) == null ? void 0 : E.organizationLogo,
                       alt: "Company Logo",
                       className: "h-8 w-auto object-contain"
                     }
                   ) : /* @__PURE__ */ r("h2", { className: "font-bold text-sm", children: e.name }) }),
                   /* @__PURE__ */ d("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((_ = (u = s.textContent) == null ? void 0 : u.welcomeScreen) == null ? void 0 : _.title) || i("welcome_screen_title") }),
-                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((y = (w = s.textContent) == null ? void 0 : w.welcomeScreen) == null ? void 0 : y.description) || i("welcome_screen_description") })
+                    /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((I = (u = s.textContent) == null ? void 0 : u.welcomeScreen) == null ? void 0 : I.title) || a("welcome_screen_title") }),
+                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((M = (j = s.textContent) == null ? void 0 : j.welcomeScreen) == null ? void 0 : M.description) || a("welcome_screen_description") })
                   ] })
                 ]
               }
@@ -2634,21 +2634,21 @@ function Yo() {
             /* @__PURE__ */ d(
               "div",
               {
-                className: m(
+                className: h(
                   "z-10 m-2 px-2 pt-2 bp-0 space-y-2",
                   "bg-[white]",
                   "border shadow",
                   "rounded-3xl"
                 ),
                 children: [
-                  /* @__PURE__ */ d("form", { onSubmit: M, className: "space-y-2", children: [
+                  /* @__PURE__ */ d("form", { onSubmit: _, className: "space-y-2", children: [
                     /* @__PURE__ */ r(
                       de,
                       {
                         value: c,
-                        onChange: (I) => p(I.target.value),
+                        onChange: (g) => p(g.target.value),
                         required: !0,
-                        placeholder: i("your_name_placeholder"),
+                        placeholder: a("your_name_placeholder"),
                         name: "name"
                       }
                     ),
@@ -2656,33 +2656,33 @@ function Yo() {
                       de,
                       {
                         required: !0,
-                        value: b,
-                        onChange: (I) => x(I.target.value),
+                        value: f,
+                        onChange: (g) => x(g.target.value),
                         type: "email",
-                        placeholder: i("your_email_placeholder"),
+                        placeholder: a("your_email_placeholder"),
                         name: "email"
                       }
                     ),
-                    h.map((I) => /* @__PURE__ */ r(
+                    m.map((g) => /* @__PURE__ */ r(
                       de,
                       {
-                        value: z[I],
-                        onChange: (U) => f((ie) => ({
+                        value: k[g],
+                        onChange: (S) => b((ie) => ({
                           ...ie,
-                          [I]: U.target.value
+                          [g]: S.target.value
                         })),
-                        placeholder: `${I} (${i("optional")})`
+                        placeholder: `${g} (${a("optional")})`
                       },
-                      I
+                      g
                     )),
                     /* @__PURE__ */ d(
-                      S,
+                      N,
                       {
-                        disabled: C.loading,
+                        disabled: z.loading,
                         className: "w-full",
                         size: "lg",
                         children: [
-                          C.loading ? i("start_chat_button_loading") : i("start_chat_button"),
+                          z.loading ? a("start_chat_button_loading") : a("start_chat_button"),
                           /* @__PURE__ */ r(Dr, { className: "size-4 rtl:-scale-100" })
                         ]
                       }
@@ -2701,12 +2701,12 @@ function Yo() {
 function Gt() {
   const {
     routerState: { screen: e }
-  } = F();
+  } = H();
   return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(T, { mode: "wait", children: (() => {
     switch (e) {
       case "welcome":
         return /* @__PURE__ */ r(
-          k,
+          y,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2717,7 +2717,7 @@ function Gt() {
         );
       case "sessions":
         return /* @__PURE__ */ r(
-          k,
+          y,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2728,7 +2728,7 @@ function Gt() {
         );
       case "chat":
         return /* @__PURE__ */ r(
-          k,
+          y,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2738,11 +2738,11 @@ function Gt() {
           e
         );
       default:
-        return A(e, Gt.name), null;
+        return F(e, Gt.name), null;
     }
   })() }) });
 }
-const Uo = "4.0.49", Xo = `<!DOCTYPE html>
+const Uo = "4.0.51", Xo = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -2761,7 +2761,7 @@ html, body {
 </body>
 </html>`;
 function Zt() {
-  const { isOpen: e } = V(), { contentIframeRef: o } = E(), { cssOverrides: t, inline: n } = N(), { theme: s, cssVars: a, computed: i } = G(), { dir: l } = Z();
+  const { isOpen: e } = V(), { contentIframeRef: o } = O(), { cssOverrides: t, inline: n } = C(), { theme: s, cssVars: i, computed: a } = G(), { dir: l } = Z();
   return /* @__PURE__ */ r(
     re.div,
     {
@@ -2790,15 +2790,15 @@ function Zt() {
           title: "OpenCX Live Chat",
           style: {
             // @ts-expect-error this is a valid css variable
-            "--opencx-widget-width": i.minWidth,
-            "--opencx-widget-height": i.minHeight,
-            minWidth: i.minWidth,
+            "--opencx-widget-width": a.minWidth,
+            "--opencx-widget-height": a.minHeight,
+            minWidth: a.minWidth,
             width: "var(--opencx-widget-width)",
-            maxWidth: i.maxWidth,
+            maxWidth: a.maxWidth,
             // Relative to the viewport
-            minHeight: i.minHeight,
+            minHeight: a.minHeight,
             height: "var(--opencx-widget-height)",
-            maxHeight: i.maxHeight,
+            maxHeight: a.maxHeight,
             // Relative to the viewport
             overflow: "hidden",
             /** outline is better than border because of box sizing; the outline wouldn't affect the content inside... the border will mess up how the children's border radius sits with the parent */
@@ -2819,11 +2819,11 @@ function Zt() {
               "div",
               {
                 style: {
-                  ...a,
+                  ...i,
                   zIndex: s.widgetContentContainer.zIndex
                 },
                 "data-version": Uo,
-                className: m(
+                className: h(
                   "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
                 ),
                 dir: l,
@@ -2846,7 +2846,7 @@ function Zt() {
 function qo() {
   const { theme: e } = G();
   return /* @__PURE__ */ r(
-    me.Content,
+    he.Content,
     {
       onInteractOutside: (o) => o.preventDefault(),
       forceMount: !0,
@@ -2877,7 +2877,7 @@ function Vo({
       viewBox: "0 0 32 30",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: m("text-primary-foreground", e),
+      className: h("text-primary-foreground", e),
       style: o,
       children: [
         /* @__PURE__ */ r(
@@ -2918,12 +2918,12 @@ html, body {
 </body>
 </html>`;
 function Zo() {
-  var l, c;
-  const { isOpen: e, setIsOpen: o } = V(), { cssOverrides: t, assets: n, customComponents: s } = N(), { theme: a, cssVars: i } = G();
+  var p, f, x;
+  const { isOpen: e, setIsOpen: o } = V(), { cssOverrides: t, assets: n, customComponents: s, accessibility: i } = C(), { theme: a, cssVars: l } = G(), c = ((p = i == null ? void 0 : i.widgetTriggerButton) == null ? void 0 : p.label) ?? "Chat with us";
   return s != null && s.widgetTrigger ? s.widgetTrigger({
-    react: W,
+    react: L,
     isOpen: e,
-    setIsOpen: (p) => o(p)
+    setIsOpen: (m) => o(m)
   }) : /* @__PURE__ */ d(
     Mt,
     {
@@ -2950,7 +2950,7 @@ function Zo() {
           "div",
           {
             style: {
-              ...i,
+              ...l,
               width: "100%",
               height: "100%",
               display: "flex",
@@ -2958,20 +2958,22 @@ function Zo() {
               justifyContent: "center"
             },
             children: /* @__PURE__ */ r(
-              me.PopoverTrigger,
+              he.PopoverTrigger,
               {
-                className: m(
+                "aria-label": c,
+                title: c,
+                className: h(
                   "font-sans flex items-center justify-center rounded-full"
                 ),
                 style: {
                   height: a.widgetTrigger.size.button,
                   width: a.widgetTrigger.size.button
                 },
-                children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
                   "div",
                   {
-                    ...g("trigger/btn"),
-                    className: m(
+                    ...w("trigger/btn"),
+                    className: h(
                       "relative size-full rounded-full",
                       "flex items-center justify-center",
                       "overflow-hidden",
@@ -2980,7 +2982,7 @@ function Zo() {
                       "text-primary-foreground"
                     ),
                     children: /* @__PURE__ */ r(T, { mode: "wait", children: e ? /* @__PURE__ */ r(
-                      k,
+                      y,
                       {
                         snapExit: !0,
                         fadeIn: "up",
@@ -2988,7 +2990,7 @@ function Zo() {
                           initial: { rotate: 45 },
                           animate: { rotate: 0 }
                         },
-                        children: (l = n == null ? void 0 : n.widgetTrigger) != null && l.closeIcon ? /* @__PURE__ */ r(
+                        children: (f = n == null ? void 0 : n.widgetTrigger) != null && f.closeIcon ? /* @__PURE__ */ r(
                           "img",
                           {
                             src: n.widgetTrigger.closeIcon,
@@ -3010,14 +3012,14 @@ function Zo() {
                       },
                       "x-icon"
                     ) : /* @__PURE__ */ r(
-                      k,
+                      y,
                       {
                         snapExit: !0,
                         overrides: {
                           initial: { rotate: 45 },
                           animate: { rotate: 0 }
                         },
-                        children: (c = n == null ? void 0 : n.widgetTrigger) != null && c.openIcon ? /* @__PURE__ */ r(
+                        children: (x = n == null ? void 0 : n.widgetTrigger) != null && x.openIcon ? /* @__PURE__ */ r(
                           "img",
                           {
                             src: n.widgetTrigger.openIcon,
@@ -3053,7 +3055,7 @@ function Zo() {
 function Ko() {
   const { dir: e } = ye();
   return /* @__PURE__ */ r(
-    me.Anchor,
+    he.Anchor,
     {
       style: {
         position: "fixed",
@@ -3067,11 +3069,11 @@ function Ko() {
 function Qo({
   widgetRef: e
 }) {
-  const { widgetCtx: o } = E(), { contactState: t } = zt(), { setIsOpen: n, isOpen: s } = V(), {
-    toChatScreen: a,
-    routerState: { screen: i }
-  } = F(), { sendMessage: l } = O();
-  return W.useImperativeHandle(
+  const { widgetCtx: o } = O(), { contactState: t } = zt(), { setIsOpen: n, isOpen: s } = V(), {
+    toChatScreen: i,
+    routerState: { screen: a }
+  } = H(), { sendMessage: l } = A();
+  return L.useImperativeHandle(
     e,
     () => ({
       newChat: async (c) => {
@@ -3080,7 +3082,7 @@ function Qo({
           console.warn("Cannot start a new chat: contact not yet initialized.");
           return;
         }
-        console.log({ isOpen: s }), s || n(!0), i === "chat" && o.resetChat(), a(), c != null && c.message && l({ content: c.message });
+        console.log({ isOpen: s }), s || n(!0), a === "chat" && o.resetChat(), i(), c != null && c.message && l({ content: c.message });
       }
     }),
     [
@@ -3088,15 +3090,15 @@ function Qo({
       t,
       n,
       s,
-      i,
       a,
+      i,
       l
     ]
   ), null;
 }
 function Jo() {
   const { isOpen: e, setIsOpen: o } = V();
-  return /* @__PURE__ */ d(me.Root, { open: e, onOpenChange: o, children: [
+  return /* @__PURE__ */ d(he.Root, { open: e, onOpenChange: o, children: [
     /* @__PURE__ */ r(Ko, {}),
     /* @__PURE__ */ r(Zo, {}),
     /* @__PURE__ */ r(qo, {})
@@ -3127,7 +3129,7 @@ const en = [
   remove: async (e) => {
     localStorage.removeItem(e);
   }
-}, rn = W.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
+}, rn = L.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
   return /* @__PURE__ */ r(
     tr,
     {