@opencx/widget-react 4.0.8 → 4.0.10

package/dist/index.js

@@ -1,88 +1,72 @@
-import { jsx as o, jsxs as c, Fragment as ve } from "react/jsx-runtime";
+import { jsx as o, jsxs as c, Fragment as st } from "react/jsx-runtime";
 import * as ae from "@radix-ui/react-popover";
-import * as E from "react";
-import se, { memo as Bt, forwardRef as ct, useState as j, cloneElement as Lt, useEffect as ie, useMemo as dt, useRef as le, createElement as nt } from "react";
-import { useConfig as N, useDocumentDir as be, useWidget as q, useWidgetRouter as H, usePreludeData as ce, useWidgetTrigger as K, useSessions as U, useMessages as Y, useModes as pt, useUploadFiles as $t, useIsAwaitingBotReply as ht, useContact as Yt, WidgetProvider as qt, WidgetTriggerProvider as Ut } from "@opencx/widget-react-headless";
-import * as R from "@radix-ui/react-dialog";
-import { X as Xt, CircleDashedIcon as Vt, XIcon as xe, SquareXIcon as Kt, SquareCheckBigIcon as Gt, SquareCheckIcon as Zt, ShrinkIcon as Jt, Minimize2Icon as Qt, MinimizeIcon as eo, Maximize2Icon as to, MaximizeIcon as oo, ExpandIcon as ro, CircleXIcon as no, CircleCheckBigIcon as so, CircleCheckIcon as mt, CheckCheckIcon as ao, CheckIcon as io, ChevronLeftIcon as lo, LoaderIcon as co, PaperclipIcon as po, ImageIcon as ho, CircleDashed as mo, ArrowUpIcon as go, AlertCircle as wo, Loader2 as uo, FileAudio2Icon as fo, FileVideo2Icon as vo, FileIcon as bo, UserRoundIcon as xo, ChevronRightIcon as yo, SendHorizontal as ko, ChevronDownIcon as Co } from "lucide-react";
-import { clsx as zo } from "clsx";
-import { twMerge as No } from "tailwind-merge";
-import { createPortal as So } from "react-dom";
-import gt, { useFrame as _o } from "@uiw/react-iframe";
-import { Slot as Io } from "@radix-ui/react-slot";
-import { cva as To } from "class-variance-authority";
-import wt from "remark-gfm";
-import Mo from "react-markdown";
-import ut from "rehype-raw";
-import { isExhaustive as D } from "@opencx/widget-core";
+import * as V from "react";
+import U, { memo as Ht, forwardRef as at, useState as M, cloneElement as it, createContext as At, useEffect as te, useContext as Bt, useMemo as lt, useRef as ie, createElement as et } from "react";
+import { useWidget as L, useConfig as N, useDocumentDir as fe, useWidgetRouter as P, usePreludeData as le, useWidgetTrigger as K, useSessions as Y, useMessages as $, useModes as ct, useUploadFiles as Lt, useIsAwaitingBotReply as dt, useContact as $t, WidgetProvider as Yt, WidgetTriggerProvider as qt } from "@opencx/widget-react-headless";
+import { clsx as Ut } from "clsx";
+import { twMerge as Xt } from "tailwind-merge";
 import { motion as J, AnimatePresence as I } from "framer-motion";
+import { Slot as Vt } from "@radix-ui/react-slot";
+import { cva as Kt } from "class-variance-authority";
+import { X as Gt, CircleDashedIcon as Zt, XIcon as ve, SquareXIcon as Jt, SquareCheckBigIcon as Qt, SquareCheckIcon as eo, ShrinkIcon as to, Minimize2Icon as oo, MinimizeIcon as ro, Maximize2Icon as no, MaximizeIcon as so, ExpandIcon as ao, CircleXIcon as io, CircleCheckBigIcon as lo, CircleCheckIcon as pt, CheckCheckIcon as co, CheckIcon as po, ChevronLeftIcon as ho, LoaderIcon as mo, PaperclipIcon as go, ImageIcon as wo, CircleDashed as uo, ArrowUpIcon as fo, AlertCircle as vo, Loader2 as bo, FileAudio2Icon as xo, FileVideo2Icon as yo, FileIcon as ko, UserRoundIcon as Co, ChevronRightIcon as zo, SendHorizontal as No, ChevronDownIcon as So } from "lucide-react";
+import ht from "remark-gfm";
+import _o from "react-markdown";
+import mt from "rehype-raw";
+import { isExhaustive as D } from "@opencx/widget-core";
 import * as G from "@radix-ui/react-avatar";
-import * as te from "@radix-ui/react-tooltip";
-import st from "tinycolor2";
-import { useDropzone as Do } from "react-dropzone";
-import Ro from "react-use/lib/useAsyncFn";
-import { z as he } from "zod";
-function g(e) {
+import gt from "@uiw/react-iframe";
+import * as oe from "@radix-ui/react-tooltip";
+import tt from "tinycolor2";
+import { useDropzone as Io } from "react-dropzone";
+import To from "react-use/lib/useAsyncFn";
+import { z as pe } from "zod";
+function m(e) {
   return { "data-component": e };
 }
-function d(...e) {
-  return No(zo(e));
-}
-const ft = "opencx-widget-portal";
-function de() {
-  return null;
-}
-function Oo({ children: e }) {
-  var t, n;
-  const r = (n = (t = _o()) == null ? void 0 : t.document) == null ? void 0 : n.getElementById(ft);
-  return r ? So(e, r) : (console.error("Portal container not found!"), null);
-}
-function jo() {
-  return /* @__PURE__ */ o("div", { id: ft, className: "absolute size-full top-0 start-0" });
+function p(...e) {
+  return Xt(Ut(e));
 }
-de.Portal = Oo;
-de.Container = jo;
-const V = {
+const X = {
   x: 2,
   y: 2
-}, W = Bt(
-  ct(
+}, F = Ht(
+  at(
     ({ children: e, className: r, scale: t = 1.02, off: n = !1 }, s) => {
-      const [a, i] = j(!1), [l, p] = j({ x: 0, y: 0 });
+      const [a, i] = M(!1), [l, d] = M({ x: 0, y: 0 });
       if (n || /translate/.test(
         e.props.className || ""
       )) return e;
-      const C = (u) => {
-        var k, B;
-        const { clientX: b, clientY: _ } = u, y = u.currentTarget.getBoundingClientRect(), T = b - (y.left + y.width / 2), M = _ - (y.top + y.height / 2), P = Math.max(
+      const y = (u) => {
+        var C, H;
+        const { clientX: b, clientY: _ } = u, k = u.currentTarget.getBoundingClientRect(), T = b - (k.left + k.width / 2), j = _ - (k.top + k.height / 2), O = Math.max(
           -1,
-          Math.min(1, T / (y.width / 2))
-        ), F = Math.max(
+          Math.min(1, T / (k.width / 2))
+        ), R = Math.max(
           -1,
-          Math.min(1, M / (y.height / 2))
-        ), O = P * V.x, f = F * V.y;
-        p({ x: O, y: f }), (B = (k = e.props).onMouseMove) == null || B.call(k, u);
+          Math.min(1, j / (k.height / 2))
+        ), E = O * X.x, f = R * X.y;
+        d({ x: E, y: f }), (H = (C = e.props).onMouseMove) == null || H.call(C, u);
       }, x = () => {
         var u, b;
         i(!0), (b = (u = e.props).onMouseEnter) == null || b.call(u);
       }, h = () => {
         var u, b;
-        i(!1), p({ x: 0, y: 0 }), (b = (u = e.props).onMouseLeave) == null || b.call(u);
+        i(!1), d({ x: 0, y: 0 }), (b = (u = e.props).onMouseLeave) == null || b.call(u);
       }, v = {
         "--wobble-x": a ? `${l.x}px` : "0px",
         "--wobble-y": a ? `${l.y}px` : "0px",
         "--scale": 1 - (t - 1)
       };
-      return Lt(e, {
+      return it(e, {
         ref: s,
-        onMouseMove: C,
+        onMouseMove: y,
         onMouseEnter: x,
         onMouseLeave: h,
         style: {
           ...v,
           ...e.props.style
         },
-        className: d(
+        className: p(
           "translate-x-[var(--wobble-x)]",
           "translate-y-[var(--wobble-y)]",
           "hover:scale-[var(--scale)] active:hover:scale-[calc(var(--scale)-0.02)]",
@@ -94,9 +78,45 @@ const V = {
     }
   )
 );
-W.displayName = "Wobble";
-const Eo = To(
-  d(
+F.displayName = "Wobble";
+const Mo = 10, Do = (e, r, t) => ({
+  initial: { opacity: 0, x: -e, ...r.initial },
+  animate: { opacity: 1, x: 0, ...r.animate, transition: { delay: t } },
+  exit: { opacity: 0, x: e, ...r.exit }
+}), Eo = (e, r, t) => ({
+  initial: { opacity: 0, x: e, ...r.initial },
+  animate: { opacity: 1, x: 0, ...r.animate, transition: { delay: t } },
+  exit: { opacity: 0, x: -e, ...r.exit }
+}), jo = (e, r, t) => ({
+  initial: { opacity: 0, y: e, ...r.initial },
+  animate: { opacity: 1, y: 0, ...r.animate, transition: { delay: t } },
+  exit: { opacity: 0, y: -e, ...r.exit }
+}), Oo = (e, r, t) => ({
+  initial: { opacity: 0, y: -e, ...r.initial },
+  animate: { opacity: 1, y: 0, ...r.animate, transition: { delay: t } },
+  exit: { opacity: 0, y: e, ...r.exit }
+}), Ro = {
+  right: Do,
+  left: Eo,
+  up: jo,
+  down: Oo
+}, w = at(
+  ({
+    fadeIn: e = "down",
+    distance: r = Mo,
+    children: t,
+    snapExit: n = !1,
+    overrides: s = {},
+    delay: a = 0,
+    ...i
+  }, l) => {
+    const d = e ? Ro[e](r, s, a) : {};
+    return n && d.exit && typeof d.exit == "object" && !Array.isArray(d.exit) && (d.exit.transition = { duration: 0 }), /* @__PURE__ */ o(J.div, { ref: l, ...i, ...d, children: t });
+  }
+);
+w.displayName = "MotionDiv";
+const Fo = Kt(
+  p(
     "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",
@@ -134,123 +154,187 @@ const Eo = To(
       size: "default"
     }
   }
-), z = E.forwardRef(
-  ({ className: e, variant: r = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ o(W, { ref: a, children: /* @__PURE__ */ o(
-    n ? Io : "button",
+), z = V.forwardRef(
+  ({ className: e, variant: r = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ o(F, { ref: a, children: /* @__PURE__ */ o(
+    n ? Vt : "button",
     {
-      ...g("ui_lib/btn"),
+      ...m("ui_lib/btn"),
       "data-variant": r,
-      className: d(Eo({ variant: r, size: t, className: e })),
+      className: p(Fo({ variant: r, size: t, className: e })),
       ...s
     }
   ) })
 );
 z.displayName = "Button";
-const vt = R.Root, bt = R.Trigger, xt = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
-  R.Overlay,
-  {
-    ref: t,
-    className: d(
-      "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      e
-    ),
-    ...r
-  }
-));
-xt.displayName = R.Overlay.displayName;
-const ye = E.forwardRef(({ className: e, children: r, withClose: t = !1, ...n }, s) => /* @__PURE__ */ c(de.Portal, { children: [
-  /* @__PURE__ */ o(xt, {}),
-  /* @__PURE__ */ c(
-    R.Content,
+const wt = At(null);
+function Po({ children: e }) {
+  const [r, t] = M(!1), [n, s] = M(null), a = (l) => {
+    s(l), t(!0);
+  }, i = () => {
+    t(!1), setTimeout(() => {
+      s(null);
+    }, 200);
+  };
+  return /* @__PURE__ */ c(
+    wt.Provider,
     {
-      ref: s,
-      className: d(
-        "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 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-3xl",
+      value: { open: a, close: i, isOpen: r, content: n },
+      children: [
+        /* @__PURE__ */ o(Wo, {}),
         e
+      ]
+    }
+  );
+}
+function ce() {
+  const e = Bt(wt);
+  return e || (console.error("useDialoger must be used within a DialogerProvider"), {
+    open: () => {
+    },
+    close: () => {
+    },
+    isOpen: !1,
+    content: null
+  });
+}
+function Wo() {
+  const { contentIframeRef: e } = L(), { isOpen: r, content: t, close: n } = ce();
+  return te(() => {
+    var a, i;
+    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(
+      "keydown",
+      s
+    ), () => {
+      var l, d;
+      return (d = (l = e == null ? void 0 : e.current) == null ? void 0 : l.contentWindow) == null ? void 0 : d.document.removeEventListener(
+        "keydown",
+        s
+      );
+    };
+  }, []), /* @__PURE__ */ o(I, { mode: "wait", children: r && t && /* @__PURE__ */ o(
+    w,
+    {
+      overrides: {
+        initial: { y: 0 },
+        exit: { y: 0 }
+      },
+      className: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",
+      tabIndex: -1,
+      onClick: n,
+      children: t
+    },
+    "dialog-content"
+  ) });
+}
+function ut({
+  children: e,
+  className: r,
+  withClose: t = !1
+}) {
+  const { close: n } = ce();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: p(
+        "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",
+        r
       ),
-      ...n,
+      onClick: (s) => s.stopPropagation(),
       children: [
-        r,
-        t && /* @__PURE__ */ o(
-          R.Close,
+        e,
+        t && /* @__PURE__ */ c(
+          z,
           {
-            asChild: !0,
-            className: "absolute end-4 top-4 opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-            children: /* @__PURE__ */ c(z, { size: "fit", className: "rounded-full", variant: "secondary", children: [
-              /* @__PURE__ */ o(Xt, { className: "h-4 w-4" }),
+            size: "fit",
+            className: "rounded-full absolute top-4 right-4",
+            variant: "secondary",
+            onClick: n,
+            children: [
+              /* @__PURE__ */ o(Gt, { className: "h-4 w-4" }),
               /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-            ] })
+            ]
           }
         )
       ]
     }
-  )
-] }));
-ye.displayName = R.Content.displayName;
-const yt = ({
+  );
+}
+const ft = ({
   className: e,
   ...r
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: d("flex flex-col gap-2 text-center pt-2", e),
+    className: p("flex flex-col gap-2 text-center pt-2", e),
     ...r
   }
 );
-yt.displayName = "DialogHeader";
-const kt = ({
+ft.displayName = "DialogerHeader";
+const vt = ({
   className: e,
   ...r
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: d("flex flex-col gap-2 text-center", e),
+    className: p("flex flex-col gap-2 text-center", e),
     ...r
   }
 );
-kt.displayName = "DialogBody";
-const Ct = ({
+vt.displayName = "DialogerBody";
+const bt = ({
   className: e,
   ...r
-}) => /* @__PURE__ */ o("div", { className: d("flex flex-col gap-2", e), ...r });
-Ct.displayName = "DialogFooter";
-const ke = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
-  R.Title,
+}) => /* @__PURE__ */ o("div", { className: p("flex flex-col gap-2", e), ...r });
+bt.displayName = "DialogerFooter";
+const xt = U.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+  "p",
   {
     ref: t,
-    className: d(
+    className: p(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
     ...r
   }
 ));
-ke.displayName = R.Title.displayName;
-const zt = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
-  R.Description,
+xt.displayName = "DialogerTitle";
+const yt = U.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+  "p",
   {
     ref: t,
-    className: d("text-sm text-muted-foreground", e),
+    className: p("text-sm text-muted-foreground", e),
     ...r
   }
 ));
-zt.displayName = R.Description.displayName;
-function Nt({ attachment: e }) {
+yt.displayName = "DialogerDescription";
+function kt({
+  children: e,
+  trigger: r
+}) {
+  const { open: t } = ce();
+  return it(r, {
+    onClick: () => t(e)
+  });
+}
+function Ct({ attachment: e }) {
   const { name: r, size: t, type: n, url: s } = e, a = n.startsWith("image/"), i = n.startsWith("video/"), l = n.startsWith("audio/");
-  return l ? /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ c("audio", { controls: !0, className: "w-full", children: [
+  return l ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ c("audio", { controls: !0, className: "w-full", children: [
     /* @__PURE__ */ o("source", { src: s, type: n }),
     "Your browser does not support the audio tag."
-  ] }) }) }) : i ? /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ c("video", { controls: !0, children: [
+  ] }) }) }) : i ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ c("video", { controls: !0, children: [
     /* @__PURE__ */ o("source", { src: s, type: n }),
     "Your browser does not support the video tag."
-  ] }) }) }) : !a && !i && !l ? /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ c("div", { className: "flex items-end gap-2 p-2", children: [
+  ] }) }) }) : !a && !i && !l ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ c("div", { className: "flex items-end gap-2 p-2", children: [
     /* @__PURE__ */ o(
       "a",
       {
         href: s,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: d(
+        className: p(
           "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
@@ -262,39 +346,38 @@ function Nt({ attachment: e }) {
       (t / 1024).toFixed(2),
       " KB"
     ] })
-  ] }) }) }) : /* @__PURE__ */ c(vt, { children: [
-    /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(bt, { children: /* @__PURE__ */ o("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: a && /* @__PURE__ */ o("img", { src: s, className: "object-cover size-16", alt: r }) }) }) }),
-    /* @__PURE__ */ c(
-      ye,
-      {
-        "aria-describedby": void 0,
-        className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
-        withClose: !0,
-        children: [
-          /* @__PURE__ */ o(ke, { className: "sr-only", children: "Image preview" }),
-          a && /* @__PURE__ */ o("div", { className: "size-fit shrink-0 rounded-2xl overflow-hidden max-h-full", children: /* @__PURE__ */ o("img", { src: s, className: "object-cover size-auto", alt: r }) })
-        ]
-      }
-    )
-  ] });
+  ] }) }) }) : /* @__PURE__ */ o(
+    kt,
+    {
+      trigger: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: a && /* @__PURE__ */ o("img", { src: s, className: "object-cover size-16", alt: r }) }) }) }),
+      children: /* @__PURE__ */ o(
+        ut,
+        {
+          className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
+          withClose: !0,
+          children: a && /* @__PURE__ */ o("div", { className: "size-fit shrink-0 rounded-2xl overflow-hidden max-h-full", children: /* @__PURE__ */ o("img", { src: s, className: "object-cover size-auto", alt: r }) })
+        }
+      )
+    }
+  );
 }
-const St = se.memo(
-  Mo,
+const zt = U.memo(
+  _o,
   (e, r) => e.children === r.children && e.className === r.className
 );
-function _t({
+function Nt({
   children: e,
   messageType: r,
   messageId: t
 }) {
   const { anchorTarget: n } = N();
   return /* @__PURE__ */ o(
-    St,
+    zt,
     {
       "data-type": r,
       "data-id": t,
-      remarkPlugins: [wt],
-      rehypePlugins: [ut],
+      remarkPlugins: [ht],
+      rehypePlugins: [mt],
       components: {
         a: ({ children: s, ...a }) => /* @__PURE__ */ o("a", { target: n ?? "_top", ...a, children: s })
       },
@@ -302,7 +385,7 @@ function _t({
     }
   );
 }
-function ge({
+function me({
   data: e,
   id: r,
   type: t,
@@ -311,27 +394,27 @@ function ge({
   isLastInGroup: a,
   isAloneInGroup: i,
   dataComponentNames: l,
-  classNames: p
+  classNames: d
 }) {
-  const { message: m, variant: C = "default" } = e;
-  return C === "error" ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: "flex flex-row flex-wrap items-center justify-start", children: /* @__PURE__ */ o("div", { className: "leading-snug text-sm text-destructive", children: m }) }) }) : /* @__PURE__ */ c(
+  const { message: g, variant: y = "default" } = e;
+  return y === "error" ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: "flex flex-row flex-wrap items-center justify-start", children: /* @__PURE__ */ o("div", { className: "leading-snug text-sm text-destructive", children: g }) }) }) : /* @__PURE__ */ c(
     "div",
     {
-      ...g((l == null ? void 0 : l.messageContainer) ?? "chat/agent_msg/root"),
-      className: d(
+      ...m((l == null ? void 0 : l.messageContainer) ?? "chat/agent_msg/root"),
+      className: p(
         "w-5/6 flex flex-col items-start gap-1",
-        p == null ? void 0 : p.messageContainer
+        d == null ? void 0 : d.messageContainer
       ),
       children: [
-        n && n.length > 0 && /* @__PURE__ */ o("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: n == null ? void 0 : n.map((x) => /* @__PURE__ */ o(Nt, { attachment: x }, x.id)) }),
-        m.length > 0 && /* @__PURE__ */ o(
+        n && n.length > 0 && /* @__PURE__ */ o("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: n == null ? void 0 : n.map((x) => /* @__PURE__ */ o(Ct, { attachment: x }, x.id)) }),
+        g.length > 0 && /* @__PURE__ */ o(
           "div",
           {
-            ...g((l == null ? void 0 : l.message) ?? "chat/agent_msg/msg"),
+            ...m((l == null ? void 0 : l.message) ?? "chat/agent_msg/msg"),
             "data-first": s,
             "data-last": a,
             "data-alone": i,
-            className: d(
+            className: p(
               "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",
@@ -343,23 +426,23 @@ function ge({
               s && !i && "rounded-bl-md",
               a && !i && "rounded-tl-md",
               !s && !a && !i && "rounded-l-md",
-              p == null ? void 0 : p.message
+              d == null ? void 0 : d.message
             ),
-            children: /* @__PURE__ */ o(_t, { messageType: t, messageId: r, children: m })
+            children: /* @__PURE__ */ o(Nt, { messageType: t, messageId: r, children: g })
           }
         )
       ]
     }
   );
 }
-function Po(e) {
+function Ho(e) {
   return /* @__PURE__ */ o("div", { className: "w-full max-w-full overflow-auto shrink-0", children: /* @__PURE__ */ o("pre", { className: "text-xs leading-tight whitespace-pre-wrap break-word", children: JSON.stringify(e, null, 1) }) });
 }
-const Ce = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+const be = V.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
   G.Root,
   {
     ref: t,
-    className: d(
+    className: p(
       "relative flex size-6 aspect-square shrink-0 overflow-hidden rounded-full bg-secondary",
       // 'border',
       e
@@ -367,87 +450,51 @@ const Ce = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
     ...r
   }
 ));
-Ce.displayName = G.Root.displayName;
-const ze = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+be.displayName = G.Root.displayName;
+const xe = V.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
   G.Image,
   {
     ref: t,
-    className: d("aspect-square h-full w-full", e),
+    className: p("aspect-square h-full w-full", e),
     ...r
   }
 ));
-ze.displayName = G.Image.displayName;
-const Ne = E.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+xe.displayName = G.Image.displayName;
+const ye = V.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
   G.Fallback,
   {
     ref: t,
-    className: d(
+    className: p(
       "flex size-full text-xs items-center justify-center rounded-lg",
       e
     ),
     ...r
   }
 ));
-Ne.displayName = G.Fallback.displayName;
-function we({
+ye.displayName = G.Fallback.displayName;
+function ge({
   agent: e,
   ...r
 }) {
   var t, n;
-  return /* @__PURE__ */ c(Ce, { ...r, children: [
-    /* @__PURE__ */ o(ze, { src: (e == null ? void 0 : e.avatar) ?? "", alt: "Agent Icon" }),
-    (e == null ? void 0 : e.name) && /* @__PURE__ */ o(Ne, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
+  return /* @__PURE__ */ c(be, { ...r, children: [
+    /* @__PURE__ */ o(xe, { src: (e == null ? void 0 : e.avatar) ?? "", alt: "Agent Icon" }),
+    (e == null ? void 0 : e.name) && /* @__PURE__ */ o(ye, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
   ] });
 }
-const Fo = 10, Wo = (e, r, t) => ({
-  initial: { opacity: 0, x: -e, ...r.initial },
-  animate: { opacity: 1, x: 0, ...r.animate, transition: { delay: t } },
-  exit: { opacity: 0, x: e, ...r.exit }
-}), Ho = (e, r, t) => ({
-  initial: { opacity: 0, x: e, ...r.initial },
-  animate: { opacity: 1, x: 0, ...r.animate, transition: { delay: t } },
-  exit: { opacity: 0, x: -e, ...r.exit }
-}), Ao = (e, r, t) => ({
-  initial: { opacity: 0, y: e, ...r.initial },
-  animate: { opacity: 1, y: 0, ...r.animate, transition: { delay: t } },
-  exit: { opacity: 0, y: -e, ...r.exit }
-}), Bo = (e, r, t) => ({
-  initial: { opacity: 0, y: -e, ...r.initial },
-  animate: { opacity: 1, y: 0, ...r.animate, transition: { delay: t } },
-  exit: { opacity: 0, y: e, ...r.exit }
-}), Lo = {
-  right: Wo,
-  left: Ho,
-  up: Ao,
-  down: Bo
-}, w = ct(
-  ({
-    fadeIn: e = "down",
-    distance: r = Fo,
-    children: t,
-    snapExit: n = !1,
-    overrides: s = {},
-    delay: a = 0,
-    ...i
-  }, l) => {
-    const p = e ? Lo[e](r, s, a) : {};
-    return n && p.exit && typeof p.exit == "object" && !Array.isArray(p.exit) && (p.exit.transition = { duration: 0 }), /* @__PURE__ */ o(J.div, { ref: l, ...i, ...p, children: t });
-  }
-);
-w.displayName = "MotionDiv";
-function $o({ agent: e }) {
+function Ao({ agent: e }) {
   return /* @__PURE__ */ o(I, { children: /* @__PURE__ */ c(
     w,
     {
-      ...g("chat/bot_loading/root"),
+      ...m("chat/bot_loading/root"),
       className: "flex flex-row items-end w-full gap-2 animate-pulse",
       children: [
-        /* @__PURE__ */ o(we, { agent: e }),
+        /* @__PURE__ */ o(ge, { agent: e }),
         /* @__PURE__ */ c(
           "div",
           {
-            ...g("chat/bot_loading/bouncing_dots_container"),
-            className: d(
+            ...m("chat/bot_loading/bouncing_dots_container"),
+            className: p(
               "flex items-center [&_span]:bg-secondary-foreground [&_span]:size-1 gap-1 p-2 rounded-xl bg-secondary"
               // 'border',
             ),
@@ -462,19 +509,19 @@ function $o({ agent: e }) {
     }
   ) });
 }
-const It = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..700;1,14..32,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.end-4{inset-inline-end:1rem}.end-6{inset-inline-end:1.5rem}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.start-0{inset-inline-start:0px}.top-0{top:0}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[8rem\\]{min-width:8rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.required:after{content:" *";color:red}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-ring:focus{--tw-ring-color: hsl(var(--opencx-ring))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:hsl(var(--opencx-muted-foreground))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y: -48%}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', Yo = te.Provider, qo = te.Root, Uo = te.Trigger, Tt = E.forwardRef(({ className: e, sideOffset: r = 4, ...t }, n) => /* @__PURE__ */ o(
-  te.Content,
+const St = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..700;1,14..32,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.end-6{inset-inline-end:1.5rem}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[8rem\\]{min-width:8rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.required:after{content:" *";color:red}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', Bo = oe.Provider, Lo = oe.Root, $o = oe.Trigger, _t = V.forwardRef(({ className: e, sideOffset: r = 4, ...t }, n) => /* @__PURE__ */ o(
+  oe.Content,
   {
     ref: n,
     sideOffset: r,
-    className: d(
+    className: p(
       "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
     ),
     ...t
   }
 ));
-Tt.displayName = te.Content.displayName;
+_t.displayName = oe.Content.displayName;
 function Q({
   children: e,
   content: r,
@@ -482,10 +529,10 @@ function Q({
   align: n
 }) {
   const { disableTooltips: s } = N();
-  return !r || s ? e : /* @__PURE__ */ c(qo, { children: [
-    /* @__PURE__ */ o(Uo, { asChild: !0, children: e }),
+  return !r || s ? e : /* @__PURE__ */ c(Lo, { children: [
+    /* @__PURE__ */ o($o, { asChild: !0, children: e }),
     /* @__PURE__ */ o(
-      Tt,
+      _t,
       {
         side: t,
         align: n,
@@ -496,88 +543,88 @@ function Q({
     )
   ] });
 }
-const at = 450;
-function A() {
-  const [e, r] = se.useState(() => (window.top || window).innerWidth < at);
-  return se.useEffect(() => {
+const ot = 450;
+function W() {
+  const [e, r] = U.useState(() => (window.top || window).innerWidth < ot);
+  return U.useEffect(() => {
     const t = window.top || window, n = () => {
-      r(t.innerWidth < at);
+      r(t.innerWidth < ot);
     };
     return n(), t.addEventListener("resize", n), () => {
       t.removeEventListener("resize", n);
     };
   }, []), { isSmallScreen: e };
 }
-const re = {
+const ne = {
   transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
   transitionDuration: "1000ms"
 };
-function X() {
-  var x, h, v, u, b, _, y, T, M, P, F, O, f, k, B, S, L, oe, Te, Me, De, Re, Oe, je, Ee, Pe, Fe, We, He, Ae, Be, Le, $e, Ye, qe, Ue, Xe, Ve, Ke, Ge, Ze, Je, Qe, et, tt, ot, rt;
-  const { dir: e } = be(), { isSmallScreen: r } = A(), { theme: t, inline: n } = N(), s = ($) => n ? "100%" : $, a = ($, pe) => r ? `100dv${$}` : pe, i = ($, pe) => s(a($, pe)), l = {
+function q() {
+  var x, h, v, u, b, _, k, T, j, O, R, E, f, C, H, S, A, re, Ne, Se, _e, Ie, Te, Me, De, Ee, je, Oe, Re, Fe, Pe, We, He, Ae, Be, Le, $e, Ye, qe, Ue, Xe, Ve, Ke, Ge, Ze, Je, Qe;
+  const { dir: e } = fe(), { isSmallScreen: r } = W(), { theme: t, inline: n } = N(), s = (B) => n ? "100%" : B, a = (B, de) => r ? `100dv${B}` : de, i = (B, de) => s(a(B, de)), l = {
     zIndex: ((x = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : x.zIndex) ?? 1e7,
     offset: {
       bottom: ((v = (h = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : h.offset) == null ? void 0 : v.bottom) ?? 20,
       right: ((b = (u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.offset) == null ? void 0 : b.right) ?? (e === "ltr" ? 20 : "initial"),
-      left: ((y = (_ = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : _.offset) == null ? void 0 : y.left) ?? (e === "rtl" ? 20 : "initial")
+      left: ((k = (_ = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : _.offset) == null ? void 0 : k.left) ?? (e === "rtl" ? 20 : "initial")
     },
     size: {
-      button: ((M = (T = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : T.size) == null ? void 0 : M.button) ?? 48,
-      icon: ((F = (P = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : P.size) == null ? void 0 : F.icon) ?? 24
+      button: ((j = (T = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : T.size) == null ? void 0 : j.button) ?? 48,
+      icon: ((R = (O = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : O.size) == null ? void 0 : R.icon) ?? 24
     }
-  }, p = (() => {
-    const $ = e === "ltr" ? l.offset.right : l.offset.left;
-    return typeof $ != "number" ? 0 : $;
-  })(), m = {
+  }, d = (() => {
+    const B = e === "ltr" ? l.offset.right : l.offset.left;
+    return typeof B != "number" ? 0 : B;
+  })(), g = {
     palette: (t == null ? void 0 : t.palette) ?? "neutral",
     primaryColor: (t == null ? void 0 : t.primaryColor) ?? "hsl(0 0% 9%)",
     widgetTrigger: l,
     widgetContentContainer: {
-      borderRadius: r ? "0px" : ((O = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : O.borderRadius) ?? "32px",
+      borderRadius: r ? "0px" : ((E = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : E.borderRadius) ?? "32px",
       zIndex: ((f = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : f.zIndex) ?? l.zIndex + 1,
-      outline: ((k = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : k.outline) ?? "none",
+      outline: ((C = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : C.outline) ?? "none",
       // was: '1px solid'
-      outlineColor: ((B = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : B.outlineColor) ?? "hsl(0 0% 50% / .5)",
+      outlineColor: ((H = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : H.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: ((L = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : L.transitionProperty) ?? "all",
-      transitionTimingFunction: ((oe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : oe.transitionTimingFunction) ?? re.transitionTimingFunction,
-      transitionDuration: ((Te = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Te.transitionDuration) ?? re.transitionDuration,
+      transitionProperty: ((A = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : A.transitionProperty) ?? "all",
+      transitionTimingFunction: ((re = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : re.transitionTimingFunction) ?? ne.transitionTimingFunction,
+      transitionDuration: ((Ne = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Ne.transitionDuration) ?? ne.transitionDuration,
       offset: {
-        side: r ? 0 : l.offset.bottom + l.size.button + V.y * 2 + (((De = (Me = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Me.offset) == null ? void 0 : De.side) ?? 10),
-        align: r ? 0 : p + (((Oe = (Re = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Re.offset) == null ? void 0 : Oe.align) ?? 0)
+        side: r ? 0 : l.offset.bottom + l.size.button + X.y * 2 + (((_e = (Se = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Se.offset) == null ? void 0 : _e.side) ?? 10),
+        align: r ? 0 : d + (((Te = (Ie = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Ie.offset) == null ? void 0 : Te.align) ?? 0)
       }
     },
     screens: {
       welcome: {
-        width: i("w", ((Ee = (je = t == null ? void 0 : t.screens) == null ? void 0 : je.welcome) == null ? void 0 : Ee.width) ?? "400px"),
+        width: i("w", ((De = (Me = t == null ? void 0 : t.screens) == null ? void 0 : Me.welcome) == null ? void 0 : De.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(
           "h",
-          ((Fe = (Pe = t == null ? void 0 : t.screens) == null ? void 0 : Pe.welcome) == null ? void 0 : Fe.minHeight) ?? "1px"
+          ((je = (Ee = t == null ? void 0 : t.screens) == null ? void 0 : Ee.welcome) == null ? void 0 : je.minHeight) ?? "1px"
         )
       },
       sessions: {
-        width: i("w", ((He = (We = t == null ? void 0 : t.screens) == null ? void 0 : We.sessions) == null ? void 0 : He.width) ?? "450px"),
-        height: i("h", ((Be = (Ae = t == null ? void 0 : t.screens) == null ? void 0 : Ae.sessions) == null ? void 0 : Be.height) ?? "600px")
+        width: i("w", ((Re = (Oe = t == null ? void 0 : t.screens) == null ? void 0 : Oe.sessions) == null ? void 0 : Re.width) ?? "450px"),
+        height: i("h", ((Pe = (Fe = t == null ? void 0 : t.screens) == null ? void 0 : Fe.sessions) == null ? void 0 : Pe.height) ?? "600px")
       },
       chat: {
-        width: i("w", (($e = (Le = t == null ? void 0 : t.screens) == null ? void 0 : Le.chat) == null ? void 0 : $e.width) ?? "525px"),
-        height: i("h", ((qe = (Ye = t == null ? void 0 : t.screens) == null ? void 0 : Ye.chat) == null ? void 0 : qe.height) ?? "700px"),
+        width: i("w", ((He = (We = t == null ? void 0 : t.screens) == null ? void 0 : We.chat) == null ? void 0 : He.width) ?? "525px"),
+        height: i("h", ((Be = (Ae = t == null ? void 0 : t.screens) == null ? void 0 : Ae.chat) == null ? void 0 : Be.height) ?? "700px"),
         withCanvas: {
           width: i(
             "w",
-            ((Ve = (Xe = (Ue = t == null ? void 0 : t.screens) == null ? void 0 : Ue.chat) == null ? void 0 : Xe.withCanvas) == null ? void 0 : Ve.width) ?? "min(1050px, 100vw)"
+            ((Ye = ($e = (Le = t == null ? void 0 : t.screens) == null ? void 0 : Le.chat) == null ? void 0 : $e.withCanvas) == null ? void 0 : Ye.width) ?? "min(1050px, 100vw)"
           ),
           height: i(
             "h",
-            ((Ze = (Ge = (Ke = t == null ? void 0 : t.screens) == null ? void 0 : Ke.chat) == null ? void 0 : Ge.withCanvas) == null ? void 0 : Ze.height) ?? "min(800px, 100vh)"
+            ((Xe = (Ue = (qe = t == null ? void 0 : t.screens) == null ? void 0 : qe.chat) == null ? void 0 : Ue.withCanvas) == null ? void 0 : Xe.height) ?? "min(800px, 100vh)"
           ),
-          transitionTimingFunction: ((et = (Qe = (Je = t == null ? void 0 : t.screens) == null ? void 0 : Je.chat) == null ? void 0 : Qe.withCanvas) == null ? void 0 : et.transitionTimingFunction) ?? re.transitionTimingFunction,
-          transitionDuration: ((rt = (ot = (tt = t == null ? void 0 : t.screens) == null ? void 0 : tt.chat) == null ? void 0 : ot.withCanvas) == null ? void 0 : rt.transitionDuration) ?? re.transitionDuration
+          transitionTimingFunction: ((Ge = (Ke = (Ve = t == null ? void 0 : t.screens) == null ? void 0 : Ve.chat) == null ? void 0 : Ke.withCanvas) == null ? void 0 : Ge.transitionTimingFunction) ?? ne.transitionTimingFunction,
+          transitionDuration: ((Qe = (Je = (Ze = t == null ? void 0 : t.screens) == null ? void 0 : Ze.chat) == null ? void 0 : Je.withCanvas) == null ? void 0 : Qe.transitionDuration) ?? ne.transitionDuration
         }
       }
     }
-  }, C = {
+  }, y = {
     // 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)
@@ -585,9 +632,9 @@ function X() {
       "h",
       `calc(
         100vh 
-        - ${m.widgetTrigger.offset.bottom}px
-        - ${m.widgetContentContainer.offset.side}px
-        - ${V.y * 2}px
+        - ${g.widgetTrigger.offset.bottom}px
+        - ${g.widgetContentContainer.offset.side}px
+        - ${X.y * 2}px
       )`
     ),
     // Subtract the offset.right twice so that it adds a bit of padding to the left
@@ -595,40 +642,40 @@ function X() {
       "w",
       `calc(
         100vw 
-        - ${p * 2}px
+        - ${d * 2}px
       )`
     ),
     minHeight: i(
       "h",
       `min(
-        ${m.screens.welcome.minHeight}, 
-        ${m.screens.sessions.height}, 
-        ${m.screens.chat.height}
+        ${g.screens.welcome.minHeight}, 
+        ${g.screens.sessions.height}, 
+        ${g.screens.chat.height}
       )`
     ),
     minWidth: i(
       "w",
       `min(
-        ${m.screens.welcome.width}, 
-        ${m.screens.sessions.width}, 
-        ${m.screens.chat.width}
+        ${g.screens.welcome.width}, 
+        ${g.screens.sessions.width}, 
+        ${g.screens.chat.width}
       )`
     )
   };
   return {
-    theme: m,
-    computed: C,
-    cssVars: Xo({
-      palette: m.palette,
-      primary: m.primaryColor
+    theme: g,
+    computed: y,
+    cssVars: Yo({
+      palette: g.palette,
+      primary: g.primaryColor
     })
   };
 }
-function Xo({
+function Yo({
   palette: e,
   primary: r
 }) {
-  const t = Mt(e), n = st(r).toHsl(), s = st(r).isLight() ? t[950] : t[50];
+  const t = It(e), n = tt(r).toHsl(), s = tt(r).isLight() ? t[950] : t[50];
   return {
     "--opencx-primary": `${n.h} ${n.s * 100}% ${n.l * 100}%`,
     "--opencx-primary-foreground": s,
@@ -647,7 +694,7 @@ function Xo({
     "--opencx-ring": "var(--opencx-foreground)"
   };
 }
-function Mt(e) {
+function It(e) {
   const r = {
     50: "0 0% 98%",
     100: "0 0% 96.1%",
@@ -707,11 +754,11 @@ function Mt(e) {
     case "slate":
       return s;
     default:
-      return D(e, Mt.name), r;
+      return D(e, It.name), r;
   }
 }
-function Dt() {
-  const { contentIframeRef: e } = q(), { inline: r } = N();
+function Tt() {
+  const { contentIframeRef: e } = L(), { inline: r } = N();
   return {
     setWidth: (t) => {
       var n;
@@ -729,16 +776,16 @@ function Dt() {
     }
   };
 }
-function Se({
+function ke({
   width: e,
   height: r
 }) {
-  const { isSmallScreen: t } = A(), { setWidth: n, setHeight: s } = Dt();
-  ie(() => {
+  const { isSmallScreen: t } = W(), { setWidth: n, setHeight: s } = Tt();
+  te(() => {
     e && n(e), r && s(r);
   }, [t, r, e, n, s]);
 }
-const it = Vt;
+const rt = Zt;
 function ee({
   name: e,
   className: r
@@ -746,60 +793,60 @@ function ee({
   const t = (() => {
     switch (e) {
       case "Check":
-        return io;
+        return po;
       case "CheckCheck":
-        return ao;
+        return co;
       case "CircleCheck":
-        return mt;
+        return pt;
       case "CircleCheckBig":
-        return so;
+        return lo;
       case "CircleX":
-        return no;
+        return io;
       case "Expand":
-        return ro;
+        return ao;
       case "Maximize":
-        return oo;
+        return so;
       case "Maximize2":
-        return to;
+        return no;
       case "Minimize":
-        return eo;
+        return ro;
       case "Minimize2":
-        return Qt;
+        return oo;
       case "Shrink":
-        return Jt;
+        return to;
       case "SquareCheck":
-        return Zt;
+        return eo;
       case "SquareCheckBig":
-        return Gt;
+        return Qt;
       case "SquareX":
-        return Kt;
+        return Jt;
       case "X":
-        return xe;
+        return ve;
       case void 0:
-        return it;
+        return rt;
       default:
-        return D(e, ee.name), it;
+        return D(e, ee.name), rt;
     }
   })();
-  return /* @__PURE__ */ o(t, { className: d("size-4", r) });
+  return /* @__PURE__ */ o(t, { className: p("size-4", r) });
 }
-function Rt({
+function Mt({
   className: e,
   ...r
 }) {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: d("animate-pulse rounded-md bg-secondary", e),
+      className: p("animate-pulse rounded-md bg-secondary", e),
       ...r
     }
   );
 }
-function _e() {
+function Ce() {
   var s;
-  const { data: e } = ce(), {
+  const { data: e } = le(), {
     routerState: { screen: r }
-  } = H(), { textContent: t } = N();
+  } = P(), { textContent: t } = N();
   return (() => {
     var a, i;
     switch (r) {
@@ -810,29 +857,29 @@ function _e() {
       case "welcome":
         return;
       default:
-        D(r, _e.name);
+        D(r, Ce.name);
         return;
     }
   })() ?? ((s = e == null ? void 0 : e.data) == null ? void 0 : s.organizationName) ?? "Chat";
 }
-function Vo(e) {
+function qo(e) {
   switch (e) {
     case "chat":
-      return g("chat/header");
+      return m("chat/header");
     case "sessions":
-      return g("sessions/header");
+      return m("sessions/header");
     case "welcome":
       return;
     default:
-      D(e, _e.name);
+      D(e, Ce.name);
       return;
   }
 }
-function Ko() {
+function Uo() {
   const { router: e } = N(), {
     routerState: { screen: r },
     toSessionsScreen: t
-  } = H();
+  } = P();
   return r !== "chat" || e != null && e.chatScreenOnly ? null : /* @__PURE__ */ o(
     z,
     {
@@ -840,14 +887,14 @@ function Ko() {
       size: "fit",
       className: "rounded-full",
       onClick: t,
-      children: /* @__PURE__ */ o(lo, { className: "size-4 rtl:-scale-100" })
+      children: /* @__PURE__ */ o(ho, { className: "size-4 rtl:-scale-100" })
     }
   );
 }
-function Go({
+function Xo({
   button: e
 }) {
-  const { setIsOpen: r } = K(), { isSmallScreen: t } = A();
+  const { setIsOpen: r } = K(), { isSmallScreen: t } = W();
   return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ o(
     z,
     {
@@ -862,35 +909,35 @@ function Go({
     }
   );
 }
-function ue({
+function we({
   button: e
 }) {
-  const [r, t] = j(!1), {
+  const [r, t] = M(!1), {
     routerState: { screen: n }
-  } = H(), { isSmallScreen: s } = A(), { theme: a } = X(), { setWidth: i, setHeight: l } = Dt();
+  } = P(), { isSmallScreen: s } = W(), { theme: a } = q(), { setWidth: i, setHeight: l } = Tt();
   if (n !== "chat" && n !== "sessions") return null;
-  const p = (() => {
+  const d = (() => {
     switch (n) {
       case "chat":
         return a.screens.chat.height;
       case "sessions":
         return a.screens.sessions.height;
       default:
-        return D(n, ue.name), a.screens.chat.height;
+        return D(n, we.name), a.screens.chat.height;
     }
-  })(), m = (() => {
+  })(), g = (() => {
     switch (n) {
       case "chat":
         return a.screens.chat.width;
       case "sessions":
         return a.screens.sessions.width;
       default:
-        return D(n, ue.name), a.screens.chat.width;
+        return D(n, we.name), a.screens.chat.width;
     }
-  })(), C = () => {
+  })(), y = () => {
     t((x) => {
       const h = !x;
-      return l(h ? "100vh" : p), i(h ? `max(40vw, ${m})` : m), h;
+      return l(h ? "100vh" : d), i(h ? `max(40vw, ${g})` : g), h;
     });
   };
   return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ o(
@@ -899,7 +946,7 @@ function ue({
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: C,
+      onClick: y,
       children: /* @__PURE__ */ o(
         ee,
         {
@@ -909,175 +956,180 @@ function ue({
     }
   );
 }
-function Ot({
+function Dt({
   button: e
 }) {
-  var _, y;
-  const [r, t] = j(!1), { widgetCtx: n } = q(), { setIsOpen: s } = K(), { resolveSession: a, sessionState: i } = U(), { isSmallScreen: l } = A(), p = !i.session, m = ((_ = i.session) == null ? void 0 : _.isOpened) === !1, C = e.onResolved || "stay-in-chat", x = e.behaviorBeforeSessionCreation || "disabled", h = e.behaviorIfSessionIsResolved || "disabled", v = !!(i.isResolvingSession || p && x === "disabled" || m && h === "disabled"), u = async () => {
-    const { success: T, error: M } = await a();
-    if (t(!1), !T) return console.error(M);
-    switch (C) {
+  var b, _;
+  const { close: r } = ce(), { widgetCtx: t } = L(), { setIsOpen: n } = K(), { resolveSession: s, sessionState: a } = Y(), { isSmallScreen: i } = W(), l = !a.session, d = ((b = a.session) == null ? void 0 : b.isOpened) === !1, g = e.onResolved || "stay-in-chat", y = e.behaviorBeforeSessionCreation || "disabled", x = e.behaviorIfSessionIsResolved || "disabled", h = !!(a.isResolvingSession || l && y === "disabled" || d && x === "disabled"), v = async () => {
+    const { success: k, error: T } = await s();
+    if (r(), !k) return console.error(T);
+    switch (g) {
       case "stay-in-chat":
         return;
       case "close-widget":
-        s(!1);
+        n(!1);
         break;
       case "reset-chat":
-        n.resetChat();
+        t.resetChat();
         break;
       case "reset-chat-and-close-widget":
-        s(!1), n.resetChat();
+        n(!1), t.resetChat();
         break;
       default:
-        D(C, Ot.name);
+        D(g, Dt.name);
         break;
     }
-  }, b = () => {
-    if (p)
-      switch (x) {
+  }, u = () => {
+    if (l)
+      switch (y) {
         case "disabled":
           return;
         case "close-widget":
-          s(!1);
+          n(!1);
           break;
         default:
           D(
-            x,
-            b.name
+            y,
+            u.name
           );
       }
-    if (m)
-      switch (h) {
+    if (d)
+      switch (x) {
         case "disabled":
           return;
         case "close-widget":
-          s(!1);
+          n(!1);
           break;
         case "reset-chat":
-          n.resetChat();
+          t.resetChat();
           break;
         case "reset-chat-and-close-widget":
-          s(!1), n.resetChat();
+          n(!1), setTimeout(() => {
+            t.resetChat();
+          }, 200);
           break;
         default:
           D(
-            h,
-            b.name
+            x,
+            u.name
           );
       }
   };
-  return l && e.hideOnSmallScreen || !l && e.hideOnLargeScreen ? null : ((y = e.confirmation) == null ? void 0 : y.type) === "modal" && !m && !p ? /* @__PURE__ */ c(vt, { open: r, onOpenChange: t, children: [
-    /* @__PURE__ */ o(bt, { asChild: !0, children: /* @__PURE__ */ o(
-      z,
-      {
-        variant: "ghost",
-        size: "fit",
-        className: "rounded-full",
-        disabled: v,
-        children: /* @__PURE__ */ o(ee, { name: e.icon })
-      }
-    ) }),
-    /* @__PURE__ */ c(ye, { children: [
-      /* @__PURE__ */ o(yt, { children: /* @__PURE__ */ o(ke, { children: e.confirmation.title || "Close conversation" }) }),
-      /* @__PURE__ */ o(kt, { children: /* @__PURE__ */ o(zt, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
-      /* @__PURE__ */ c(Ct, { children: [
-        /* @__PURE__ */ o(
-          z,
-          {
-            variant: "secondary",
-            onClick: () => t(!1),
-            disabled: i.isResolvingSession,
-            children: e.confirmation.cancelButtonText || "No"
-          }
-        ),
-        /* @__PURE__ */ o(
-          z,
-          {
-            variant: "destructive",
-            onClick: u,
-            disabled: i.isResolvingSession,
-            children: e.confirmation.confirmButtonText || "Yes"
-          }
-        )
+  return i && e.hideOnSmallScreen || !i && e.hideOnLargeScreen ? null : ((_ = e.confirmation) == null ? void 0 : _.type) === "modal" && !d && !l ? /* @__PURE__ */ o(
+    kt,
+    {
+      trigger: /* @__PURE__ */ o(
+        z,
+        {
+          variant: "ghost",
+          size: "fit",
+          className: "rounded-full",
+          disabled: h,
+          children: /* @__PURE__ */ o(ee, { name: e.icon })
+        }
+      ),
+      children: /* @__PURE__ */ c(ut, { children: [
+        /* @__PURE__ */ o(ft, { children: /* @__PURE__ */ o(xt, { children: e.confirmation.title || "Close conversation" }) }),
+        /* @__PURE__ */ o(vt, { children: /* @__PURE__ */ o(yt, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
+        /* @__PURE__ */ c(bt, { children: [
+          /* @__PURE__ */ o(
+            z,
+            {
+              variant: "secondary",
+              onClick: r,
+              disabled: a.isResolvingSession,
+              children: e.confirmation.cancelButtonText || "No"
+            }
+          ),
+          /* @__PURE__ */ o(
+            z,
+            {
+              variant: "destructive",
+              onClick: v,
+              disabled: a.isResolvingSession,
+              children: e.confirmation.confirmButtonText || "Yes"
+            }
+          )
+        ] })
       ] })
-    ] })
-  ] }) : /* @__PURE__ */ o(
+    }
+  ) : /* @__PURE__ */ o(
     z,
     {
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: m || p ? b : u,
-      disabled: v,
+      onClick: d || l ? u : v,
+      disabled: h,
       children: /* @__PURE__ */ o(ee, { name: e.icon })
     }
   );
 }
-function fe({ button: e }) {
+function ue({ button: e }) {
   switch (e.functionality) {
     case "close-widget":
-      return /* @__PURE__ */ o(Go, { button: e });
+      return /* @__PURE__ */ o(Xo, { button: e });
     case "expand-shrink":
-      return /* @__PURE__ */ o(ue, { button: e });
+      return /* @__PURE__ */ o(we, { button: e });
     case "resolve-session":
-      return /* @__PURE__ */ o(Ot, { button: e });
+      return /* @__PURE__ */ o(Dt, { button: e });
     default:
-      return D(e, fe.name), null;
+      return D(e, ue.name), null;
   }
 }
-const Zo = {
+const Vo = {
   functionality: "close-widget",
   hideOnLargeScreen: !0,
   icon: "X"
 };
-function Jo() {
+function Ko() {
   const {
     routerState: { screen: e }
-  } = H(), { headerButtons: r } = N(), t = e === "chat" ? r == null ? void 0 : r.chatScreen : e === "sessions" ? r == null ? void 0 : r.sessionsScreen : [];
-  return !t || t.length === 0 ? /* @__PURE__ */ o(fe, { button: Zo }) : /* @__PURE__ */ o(ve, { children: t.map((n) => /* @__PURE__ */ o(
-    fe,
+  } = P(), { headerButtons: r } = N(), t = e === "chat" ? r == null ? void 0 : r.chatScreen : e === "sessions" ? r == null ? void 0 : r.sessionsScreen : [];
+  return !t || t.length === 0 ? /* @__PURE__ */ o(ue, { button: Vo }) : /* @__PURE__ */ o(st, { children: t.map((n) => /* @__PURE__ */ o(
+    ue,
     {
       button: n
     },
     `${n.functionality}-${n.icon}`
   )) });
 }
-function jt() {
+function Et() {
   const {
     routerState: { screen: e }
-  } = H(), { isLoading: r } = ce(), t = Vo(e), n = _e();
+  } = P(), { isLoading: r } = le(), t = qo(e), n = Ce();
   return /* @__PURE__ */ o("header", { ...t, className: "py-2 px-4 shrink-0", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ o(Ko, {}),
+    /* @__PURE__ */ o(Uo, {}),
     /* @__PURE__ */ o(
       "div",
       {
-        className: d(
+        className: p(
           "flex-1 h-8 flex items-center",
           e === "sessions" && "ps-2"
         ),
-        children: /* @__PURE__ */ o(I, { mode: "wait", children: r ? /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ o(Rt, { className: "h-5 w-1/2" }) }, "skeleton") : /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o("h2", { className: "font-semibold", children: n }) }, "organization-name") })
+        children: /* @__PURE__ */ o(I, { mode: "wait", children: r ? /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ o(Mt, { className: "h-5 w-1/2" }) }, "skeleton") : /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o("h2", { className: "font-semibold", children: n }) }, "organization-name") })
       }
     ),
-    /* @__PURE__ */ o(Jo, {})
+    /* @__PURE__ */ o(Ko, {})
   ] }) });
 }
-function Et({ className: e }) {
-  return /* @__PURE__ */ o(co, { className: d("size-4 animate-spin", e) });
+function jt({ className: e }) {
+  return /* @__PURE__ */ o(mo, { className: p("size-4 animate-spin", e) });
 }
-function Qo() {
+function Go() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = Y(), { isSmallScreen: r } = A(), { activeMode: t, Component: n } = pt();
+  } = $(), { isSmallScreen: r } = W(), { activeMode: t, Component: n } = ct();
   return {
     isCanvasOpen: !e && !r && !!t && !!n
   };
 }
-function er() {
-  const { activeMode: e, Component: r } = pt(), { sendMessage: t } = Y(), { createStateCheckpoint: n } = U(), [s, a] = j(!1), i = async (l) => {
+function Zo() {
+  const { activeMode: e, Component: r } = ct(), { sendMessage: t } = $(), { createStateCheckpoint: n } = Y(), [s, a] = M(!1), i = async (l) => {
     try {
       a(!0), await t(l);
-    } catch (p) {
-      console.error(p);
+    } catch (d) {
+      console.error(d);
     } finally {
       a(!1);
     }
@@ -1085,7 +1137,7 @@ function er() {
   return !e || !r ? null : /* @__PURE__ */ o(
     r,
     {
-      react: se,
+      react: U,
       mode: e,
       createStateCheckpoint: n,
       sendMessage: i,
@@ -1093,7 +1145,7 @@ function er() {
     }
   );
 }
-const tr = {
+const Jo = {
   "write-a-message": "اكتب رسالة...",
   "session-closed-lead": "تم حل مشكلتك!",
   "new-conversation": "محادثة جديدة",
@@ -1109,7 +1161,7 @@ const tr = {
   "no-conversations-yet": "لا يوجد محادثات",
   "back-to-conversations": "العودة إلى المحادثات",
   "closed-conversations": "المحادثات المغلقة"
-}, or = {
+}, Qo = {
   "write-a-message": "Nachricht schreiben...",
   "session-closed-lead": "Ihr Problem wurde gelöst!",
   "new-conversation": "Neue Konversation",
@@ -1125,7 +1177,7 @@ const tr = {
   "no-conversations-yet": "noch keine Gespräche",
   "back-to-conversations": "Zurück zur Konversationen",
   "closed-conversations": "Geschlossene Konversationen"
-}, rr = {
+}, er = {
   "write-a-message": "Write a message...",
   "session-closed-lead": "Your issue has been resolved!",
   "new-conversation": "New conversation",
@@ -1141,7 +1193,7 @@ const tr = {
   "no-conversations-yet": "No conversations yet",
   "back-to-conversations": "Back to conversations",
   "closed-conversations": "Closed conversations"
-}, nr = {
+}, tr = {
   "write-a-message": "Écrivez un message...",
   "session-closed-lead": "Votre problème a été résolu !",
   "new-conversation": "Nouvelle conversation",
@@ -1157,7 +1209,7 @@ const tr = {
   "no-conversations-yet": "Aucune conversation pour le moment",
   "back-to-conversations": "Retour aux conversations",
   "closed-conversations": "Conversations fermées"
-}, sr = {
+}, or = {
   "write-a-message": "Schrijf een bericht...",
   "session-closed-lead": "Uw probleem is opgelost!",
   "new-conversation": "Nieuw gesprek",
@@ -1173,7 +1225,7 @@ const tr = {
   "no-conversations-yet": "Nog geen gesprekken",
   "back-to-conversations": "Terug naar gesprekken",
   "closed-conversations": "Afgesloten gesprekken"
-}, ar = {
+}, rr = {
   "write-a-message": "Escreva uma mensagem...",
   "session-closed-lead": "Seu problema foi resolvido!",
   "new-conversation": "Nova conversa",
@@ -1189,7 +1241,7 @@ const tr = {
   "no-conversations-yet": "Nenhuma conversa ainda",
   "back-to-conversations": "Voltar para conversas",
   "closed-conversations": "Conversas fechadas"
-}, ir = {
+}, nr = {
   "write-a-message": "Escribe un mensaje...",
   "session-closed-lead": "¡Tu problema fue resuelto!",
   "new-conversation": "Nueva conversación",
@@ -1205,7 +1257,7 @@ const tr = {
   "no-conversations-yet": "Sin conversaciones aún",
   "back-to-conversations": "Volver a conversaciones",
   "closed-conversations": "Conversaciones cerradas"
-}, lr = {
+}, sr = {
   "write-a-message": "Bir mesaj yazın...",
   "session-closed-lead": "Sorununuz çözüldü!",
   "new-conversation": "Yeni konuşma",
@@ -1221,57 +1273,57 @@ const tr = {
   "no-conversations-yet": "Henüz konuşma yok",
   "back-to-conversations": "Konuşmalara geri dön",
   "closed-conversations": "Kapatılan konuşmalar"
-}, Pt = {
-  en: rr,
-  ar: tr,
-  nl: sr,
-  fr: nr,
-  de: or,
-  pt: ar,
-  es: ir,
-  tr: lr
-}, cr = Object.keys(Pt);
-function dr(e) {
-  return cr.includes(e);
-}
-function pr(e, r) {
-  const t = Pt[r];
+}, Ot = {
+  en: er,
+  ar: Jo,
+  nl: or,
+  fr: tr,
+  de: Qo,
+  pt: rr,
+  es: nr,
+  tr: sr
+}, ar = Object.keys(Ot);
+function ir(e) {
+  return ar.includes(e);
+}
+function lr(e, r) {
+  const t = Ot[r];
   return t && t[e] || "";
 }
 function Z() {
-  const { dir: e } = be(), r = N();
-  return dt(() => {
-    const t = dr(r.language) ? r.language : "en";
+  const { dir: e } = fe(), r = N();
+  return lt(() => {
+    const t = ir(r.language) ? r.language : "en";
     return {
-      t: (n) => pr(n, t),
+      t: (n) => lr(n, t),
       language: t,
       dir: t === "ar" ? "rtl" : "ltr",
       hostDocumentDir: e
     };
   }, [r.language, e]);
 }
-function Ie({
+function ze({
   suggestion: e,
   className: r,
   ...t
 }) {
-  const { sendMessage: n } = Y(), s = () => {
+  const { sendMessage: n } = $(), s = () => {
     const a = e.trim();
     a && n({ content: a });
   };
   return /* @__PURE__ */ o(
     z,
     {
-      ...g("chat/suggested_reply_btn"),
+      ...m("chat/suggested_reply_btn"),
       size: "sm",
-      className: d("rounded-xl w-fit", r),
+      className: p("rounded-xl w-fit", r),
       ...t,
       onClick: s,
       children: e
     }
   );
 }
-function hr() {
+function cr() {
   const { t: e } = Z(), r = [
     e("i-need-more-help"),
     e("this-was-helpful")
@@ -1279,10 +1331,10 @@ function hr() {
   return /* @__PURE__ */ o(
     "div",
     {
-      ...g("chat/might_solve_user_issue_suggested_replies_container"),
+      ...m("chat/might_solve_user_issue_suggested_replies_container"),
       className: "flex items-center gap-2 p-2 pb-0 flex-wrap",
       children: r.map((t) => /* @__PURE__ */ o(
-        Ie,
+        ze,
         {
           suggestion: t,
           className: "flex-1"
@@ -1292,37 +1344,37 @@ function hr() {
     }
   );
 }
-function mr({
+function dr({
   file: { status: e, file: r, error: t },
   onCancel: n
 }) {
-  const [s, a] = j(
+  const [s, a] = M(
     null
   );
-  ie(() => {
+  te(() => {
     if (!r.type.startsWith("image/")) return;
-    const p = new FileReader();
-    return p.onload = () => a(p.result), p.onerror = () => console.error("Error reading file"), p.readAsDataURL(r), () => p.abort();
+    const d = new FileReader();
+    return d.onload = () => a(d.result), d.onerror = () => console.error("Error reading file"), d.readAsDataURL(r), () => d.abort();
   }, [r]);
   const i = () => {
     switch (e) {
       case "uploading":
-        return /* @__PURE__ */ o(uo, { className: "size-4 animate-spin" });
+        return /* @__PURE__ */ o(bo, { className: "size-4 animate-spin" });
       case "error":
-        return /* @__PURE__ */ o(wo, { className: "size-4 text-destructive" });
+        return /* @__PURE__ */ o(vo, { className: "size-4 text-destructive" });
       default:
         return null;
     }
   }, l = () => {
-    const p = r.type.split("/")[0];
-    return p === "image" && s ? /* @__PURE__ */ o(
+    const d = r.type.split("/")[0];
+    return d === "image" && s ? /* @__PURE__ */ o(
       "img",
       {
         src: typeof s == "string" ? s : "",
         className: "object-cover bg-secondary size-full",
         alt: r.name
       }
-    ) : p === "audio" ? /* @__PURE__ */ o(fo, {}) : p === "video" ? /* @__PURE__ */ o(vo, {}) : /* @__PURE__ */ o(bo, {});
+    ) : d === "audio" ? /* @__PURE__ */ o(xo, {}) : d === "video" ? /* @__PURE__ */ o(yo, {}) : /* @__PURE__ */ o(ko, {});
   };
   return /* @__PURE__ */ o(
     Q,
@@ -1335,7 +1387,7 @@ function mr({
       children: /* @__PURE__ */ c(
         "div",
         {
-          className: d(
+          className: p(
             e === "uploading" && "opacity-50",
             "group",
             "size-12 border rounded-2xl overflow-hidden relative",
@@ -1347,13 +1399,13 @@ function mr({
               "button",
               {
                 type: "button",
-                className: d(
+                className: p(
                   "absolute bg-black/50 inset-0 size-full z-10 opacity-0",
                   "flex items-center justify-center",
                   "opacity-0 group-hover:opacity-100 transition"
                 ),
                 onClick: n,
-                children: /* @__PURE__ */ o(xe, { className: "size-4 text-primary-foreground" })
+                children: /* @__PURE__ */ o(ve, { className: "size-4 text-primary-foreground" })
               }
             ),
             /* @__PURE__ */ o(l, {})
@@ -1363,40 +1415,40 @@ function mr({
     }
   );
 }
-function gr() {
-  var O;
-  const { isSmallScreen: e } = A(), r = le(null), { sendMessage: t } = Y(), { sessionState: n } = U(), { t: s } = Z(), [a, i] = j(""), {
+function pr() {
+  var E;
+  const { isSmallScreen: e } = W(), r = ie(null), { sendMessage: t } = $(), { sessionState: n } = Y(), { t: s } = Z(), [a, i] = M(""), {
     allFiles: l,
-    emptyTheFiles: p,
-    handleCancelUpload: m,
-    appendFiles: C,
+    emptyTheFiles: d,
+    handleCancelUpload: g,
+    appendFiles: y,
     isUploading: x,
     successFiles: h
-  } = $t(), v = !!((O = n.session) != null && O.isHandedOff), { isAwaitingBotReply: u } = ht(), b = (f) => {
-    C(f);
-  }, _ = !a.trim() && h.length === 0, y = async () => {
+  } = Lt(), v = !!((E = n.session) != null && E.isHandedOff), { isAwaitingBotReply: u } = dt(), b = (f) => {
+    y(f);
+  }, _ = !a.trim() && h.length === 0, k = async () => {
     if (u || _) return;
     x && console.info("please wait for the file(s) to upload");
     const f = a.trim();
     t({
       content: f,
       attachments: h.flatMap(
-        (k) => k.fileUrl ? [
+        (C) => C.fileUrl ? [
           {
-            url: k.fileUrl,
-            type: k.file.type,
-            name: k.file.name,
-            id: k.id,
-            size: k.file.size
+            url: C.fileUrl,
+            type: C.file.type,
+            name: C.file.name,
+            id: C.id,
+            size: C.file.size
           }
         ] : []
       )
-    }), i(""), p();
+    }), i(""), d();
   }, {
     getRootProps: T,
-    getInputProps: M,
-    open: P
-  } = Do({
+    getInputProps: j,
+    open: O
+  } = Io({
     onDrop: b,
     noClick: !0,
     onDropRejected() {
@@ -1413,23 +1465,23 @@ function gr() {
       "image/gif": [".gif"],
       "image/webp": [".webp"]
     }
-  }), F = (f) => {
-    const k = f.clipboardData;
-    k && k.files.length > 0 && b(Array.from(k.files));
+  }), R = (f) => {
+    const C = f.clipboardData;
+    C && C.files.length > 0 && b(Array.from(C.files));
   };
   return /* @__PURE__ */ c(
     "div",
     {
-      ...g("chat/input_box/root"),
+      ...m("chat/input_box/root"),
       className: "p-2 relative space-y-1",
       ...T(),
       children: [
-        /* @__PURE__ */ o("input", { ...M() }),
+        /* @__PURE__ */ o("input", { ...j() }),
         /* @__PURE__ */ c(
           "div",
           {
-            ...g("chat/input_box/inner_root"),
-            className: d(
+            ...m("chat/input_box/inner_root"),
+            className: p(
               "transition-all",
               "bg-white",
               // 'border',
@@ -1440,18 +1492,18 @@ function gr() {
               /* @__PURE__ */ c(
                 "div",
                 {
-                  ...g("chat/input_box/textarea_and_attachments_container"),
+                  ...m("chat/input_box/textarea_and_attachments_container"),
                   className: "flex flex-col gap-2",
                   children: [
                     l.length > 0 && /* @__PURE__ */ o(
                       "div",
                       {
-                        ...g("chat/input_box/attachments_container"),
+                        ...m("chat/input_box/attachments_container"),
                         className: "flex items-center gap-1",
                         children: /* @__PURE__ */ o(I, { mode: "popLayout", children: l.map((f) => /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ o(
-                          mr,
+                          dr,
                           {
-                            onCancel: () => m(f.id),
+                            onCancel: () => g(f.id),
                             file: f
                           }
                         ) }, f.id)) })
@@ -1460,13 +1512,13 @@ function gr() {
                     /* @__PURE__ */ o(
                       "textarea",
                       {
-                        ...g("chat/input_box/textarea"),
-                        onPaste: F,
+                        ...m("chat/input_box/textarea"),
+                        onPaste: R,
                         ref: r,
                         id: "chat-input",
                         value: a,
                         rows: 3,
-                        className: d(
+                        className: p(
                           /** Match the border radius of the container */
                           // INPUT_CONTAINER_B_RADIUS,
                           "max-h-16 [field-sizing:content]",
@@ -1479,7 +1531,7 @@ function gr() {
                         ),
                         onChange: (f) => i(f.target.value),
                         onKeyDown: async (f) => {
-                          f.key === "Enter" && !f.shiftKey && (f.preventDefault(), y());
+                          f.key === "Enter" && !f.shiftKey && (f.preventDefault(), k());
                         },
                         placeholder: s("write-a-message")
                       }
@@ -1497,13 +1549,13 @@ function gr() {
                     children: /* @__PURE__ */ o(
                       z,
                       {
-                        onClick: P,
+                        onClick: O,
                         size: "fit",
                         variant: "ghost",
-                        className: d(
+                        className: p(
                           "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
                         ),
-                        children: /* @__PURE__ */ o(I, { mode: "wait", children: v ? /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(po, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(ho, { className: "size-4" }) }, "image-icon") })
+                        children: /* @__PURE__ */ o(I, { mode: "wait", children: v ? /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(go, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(wo, { className: "size-4" }) }, "image-icon") })
                       }
                     )
                   }
@@ -1512,10 +1564,10 @@ function gr() {
                   z,
                   {
                     size: "fit",
-                    onClick: y,
+                    onClick: k,
                     disabled: u || x || _,
                     className: "rounded-full size-8 flex items-center justify-center p-0",
-                    children: /* @__PURE__ */ o(I, { mode: "wait", children: u || x ? /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ o(mo, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ o(go, { className: "size-4" }) }, "send") })
+                    children: /* @__PURE__ */ o(I, { mode: "wait", children: u || x ? /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ o(uo, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ o(fo, { className: "size-4" }) }, "send") })
                   }
                 ) })
               ] })
@@ -1526,11 +1578,11 @@ function gr() {
     }
   );
 }
-function wr() {
-  const { widgetCtx: e } = q(), { router: r } = N(), { canCreateNewSession: t } = U(), { toSessionsScreen: n } = H(), { t: s } = Z();
+function hr() {
+  const { widgetCtx: e } = L(), { router: r } = N(), { canCreateNewSession: t } = Y(), { toSessionsScreen: n } = P(), { t: s } = Z();
   return /* @__PURE__ */ o("div", { className: "p-2", children: /* @__PURE__ */ c("div", { className: "p-2 bg-muted rounded-3xl space-y-2", children: [
     /* @__PURE__ */ c("div", { className: "ps-2 flex items-center gap-1", children: [
-      /* @__PURE__ */ o(mt, { className: "size-4 text-emerald-600" }),
+      /* @__PURE__ */ o(pt, { className: "size-4 text-emerald-600" }),
       /* @__PURE__ */ o("h2", { className: "text-sm font-medium", children: s("session-closed-lead") })
     ] }),
     /* @__PURE__ */ o("div", { children: t || r != null && r.chatScreenOnly ? /* @__PURE__ */ o(
@@ -1543,9 +1595,9 @@ function wr() {
     ) : /* @__PURE__ */ o(z, { onClick: n, className: "rounded-2xl w-full", children: s("back-to-conversations") }) })
   ] }) });
 }
-function ur() {
+function mr() {
   var i;
-  const { initialQuestions: e, initialQuestionsPosition: r, thisWasHelpfulOrNot: t } = N(), { sessionState: n } = U(), { messagesState: s } = Y(), a = s.messages.length === 0;
+  const { initialQuestions: e, initialQuestionsPosition: r, thisWasHelpfulOrNot: t } = N(), { sessionState: n } = Y(), { messagesState: s } = $(), a = s.messages.length === 0;
   return /* @__PURE__ */ o("footer", { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(I, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ o(
     w,
     {
@@ -1555,7 +1607,7 @@ function ur() {
         animate: { height: "auto" },
         exit: { height: 0 }
       },
-      children: /* @__PURE__ */ o(wr, {})
+      children: /* @__PURE__ */ o(hr, {})
     },
     "session-closed"
   ) : /* @__PURE__ */ c(
@@ -1568,27 +1620,27 @@ function ur() {
         exit: { height: 0 }
       },
       children: [
-        s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ o(hr, {}),
-        a && e && r !== "below-initial-messages" && /* @__PURE__ */ o("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, p) => /* @__PURE__ */ o(
-          Ie,
+        s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ o(cr, {}),
+        a && e && r !== "below-initial-messages" && /* @__PURE__ */ o("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, d) => /* @__PURE__ */ o(
+          ze,
           {
             suggestion: l
           },
-          `${l}-${p}`
+          `${l}-${d}`
         )) }),
-        /* @__PURE__ */ o(gr, {})
+        /* @__PURE__ */ o(pr, {})
       ]
     },
     "chat-input"
   ) }) }) });
 }
-function fr({
+function gr({
   isFirstInGroup: e,
   isLastInGroup: r,
   isAloneInGroup: t,
   ...n
 }) {
-  const { componentStore: s } = q();
+  const { componentStore: s } = L();
   if (n.data.action) {
     const i = s.getComponent(n.data.action.name);
     if (i)
@@ -1614,7 +1666,7 @@ function fr({
       isAloneInGroup: t
     }
   ) : /* @__PURE__ */ o(
-    ge,
+    me,
     {
       ...n,
       isFirstInGroup: e,
@@ -1623,7 +1675,7 @@ function fr({
     }
   );
 }
-function Ft({
+function Rt({
   messages: e,
   className: r,
   containerClassName: t
@@ -1641,13 +1693,13 @@ function Ft({
         minute: "2-digit",
         hour12: !0
       });
-    } catch (p) {
-      return console.error(p), null;
+    } catch (d) {
+      return console.error(d), null;
     }
   })();
-  return a ? /* @__PURE__ */ o("div", { className: t, children: /* @__PURE__ */ o("span", { className: d("text-xs text-muted-foreground", r), children: a }) }) : null;
+  return a ? /* @__PURE__ */ o("div", { className: t, children: /* @__PURE__ */ o("span", { className: p("text-xs text-muted-foreground", r), children: a }) }) : null;
 }
-function me({
+function he({
   messages: e,
   agent: r,
   suggestedReplies: t
@@ -1655,39 +1707,39 @@ function me({
   return /* @__PURE__ */ c(
     "div",
     {
-      ...g("chat/agent_msg_group/root"),
-      className: d("flex items-end gap-2"),
+      ...m("chat/agent_msg_group/root"),
+      className: p("flex items-end gap-2"),
       children: [
         /* @__PURE__ */ o(Q, { content: r == null ? void 0 : r.name, side: "right", align: "end", children: /* @__PURE__ */ o(
-          we,
+          ge,
           {
-            ...g("chat/agent_msg_group/root/avatar"),
+            ...m("chat/agent_msg_group/root/avatar"),
             agent: r,
             className: "hidden"
           }
         ) }),
-        /* @__PURE__ */ c("div", { className: d("flex-1 flex flex-col gap-1"), children: [
+        /* @__PURE__ */ c("div", { className: p("flex-1 flex flex-col gap-1"), children: [
           /* @__PURE__ */ c(
             "div",
             {
-              ...g("chat/agent_msg_group/avatar_and_msgs/root"),
-              className: d("flex items-end gap-2"),
+              ...m("chat/agent_msg_group/avatar_and_msgs/root"),
+              className: p("flex items-end gap-2"),
               children: [
                 /* @__PURE__ */ o(Q, { content: r == null ? void 0 : r.name, side: "right", align: "end", children: /* @__PURE__ */ o(
-                  we,
+                  ge,
                   {
-                    ...g("chat/agent_msg_group/avatar_and_msgs/avatar"),
+                    ...m("chat/agent_msg_group/avatar_and_msgs/avatar"),
                     agent: r
                   }
                 ) }),
                 /* @__PURE__ */ c(
                   "div",
                   {
-                    ...g("chat/agent_msg_group/avatar_and_msgs/msgs"),
-                    className: d("flex-1 flex flex-col gap-1"),
+                    ...m("chat/agent_msg_group/avatar_and_msgs/msgs"),
+                    className: p("flex-1 flex flex-col gap-1"),
                     children: [
                       e.map((n, s, a) => /* @__PURE__ */ o(
-                        fr,
+                        gr,
                         {
                           isFirstInGroup: s === 0,
                           isLastInGroup: s === a.length - 1,
@@ -1696,7 +1748,7 @@ function me({
                         },
                         n.id
                       )),
-                      /* @__PURE__ */ o(Ft, { messages: e })
+                      /* @__PURE__ */ o(Rt, { messages: e })
                     ]
                   }
                 )
@@ -1706,10 +1758,10 @@ function me({
           t && t.length > 0 && /* @__PURE__ */ o(
             "div",
             {
-              ...g("chat/agent_msg_group/suggestions"),
-              className: d("flex flex-col gap-1 ps-8"),
+              ...m("chat/agent_msg_group/suggestions"),
+              className: p("flex flex-col gap-1 ps-8"),
               children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ o(
-                Ie,
+                ze,
                 {
                   suggestion: n
                 },
@@ -1722,7 +1774,7 @@ function me({
     }
   );
 }
-function vr({
+function wr({
   message: e,
   isFirstInGroup: r,
   isLastInGroup: t,
@@ -1732,18 +1784,18 @@ function vr({
   return /* @__PURE__ */ c(
     "div",
     {
-      ...g("chat/user_msg/root"),
+      ...m("chat/user_msg/root"),
       className: "w-5/6 flex flex-col items-end gap-1",
       children: [
-        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ o("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((a) => /* @__PURE__ */ o(Nt, { attachment: a }, a.id)) }),
+        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ o("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((a) => /* @__PURE__ */ o(Ct, { attachment: a }, a.id)) }),
         e.content.length > 0 && /* @__PURE__ */ o(
           "div",
           {
-            ...g("chat/user_msg/msg"),
+            ...m("chat/user_msg/msg"),
             "data-first": r,
             "data-last": t,
             "data-alone": n,
-            className: d(
+            className: p(
               "transition-all",
               "w-fit py-3 px-4 rounded-3xl text-sm",
               "bg-primary text-primary-foreground",
@@ -1762,17 +1814,17 @@ function vr({
     }
   );
 }
-function br({
+function ur({
   messages: e
 }) {
   return /* @__PURE__ */ c(
     "div",
     {
-      ...g("chat/user_msg_group/root"),
-      className: d("group", "flex flex-col gap-1 justify-end items-end"),
+      ...m("chat/user_msg_group/root"),
+      className: p("group", "flex flex-col gap-1 justify-end items-end"),
       children: [
         e.map((r, t, n) => /* @__PURE__ */ o(
-          vr,
+          wr,
           {
             message: r,
             isFirstInGroup: t === 0,
@@ -1781,12 +1833,12 @@ function br({
           },
           r.id
         )),
-        /* @__PURE__ */ o(Ft, { messages: e, containerClassName: "ms-auto" })
+        /* @__PURE__ */ o(Rt, { messages: e, containerClassName: "ms-auto" })
       ]
     }
   );
 }
-function xr(e) {
+function fr(e) {
   const r = [];
   let t = null;
   return e.forEach((n) => {
@@ -1794,59 +1846,59 @@ function xr(e) {
     (!t || ((s = t[0]) == null ? void 0 : s.type) !== n.type) && (t = [], r.push(t)), ((a = t[0]) == null ? void 0 : a.type) === "FROM_AGENT" && n.type === "FROM_AGENT" && ((i = n.agent) == null ? void 0 : i.id) !== ((l = t[0].agent) == null ? void 0 : l.id) && (t = [], r.push(t)), t.push(n);
   }), r;
 }
-function yr(e) {
+function vr(e) {
   var r;
   return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "FROM_USER";
 }
-function kr(e) {
+function br(e) {
   var r;
   return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "FROM_BOT";
 }
-function Cr(e) {
+function xr(e) {
   var r;
   return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "FROM_AGENT";
 }
-function zr() {
+function yr() {
   const {
     messagesState: { messages: e }
-  } = Y(), { chatBannerItems: r } = N();
+  } = $(), { chatBannerItems: r } = N();
   return !(r != null && r.length) || e.length > 0 && r.every((t) => !t.persistent) ? null : /* @__PURE__ */ o("div", { className: "w-full text-center text-xs", children: r.map(
-    ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(_t, { children: t }) }, `${t}-${s}`)
+    ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(Nt, { children: t }) }, `${t}-${s}`)
   ) });
 }
-function Nr() {
+function kr() {
   const {
     messagesState: { messages: e }
-  } = Y(), { isAwaitingBotReply: r } = ht(), { componentStore: t } = q(), n = N(), { initialQuestions: s, initialQuestionsPosition: a } = n, i = dt(
-    () => xr(e),
+  } = $(), { isAwaitingBotReply: r } = dt(), { componentStore: t } = L(), n = N(), { initialQuestions: s, initialQuestionsPosition: a } = n, i = lt(
+    () => fr(e),
     [e]
   ), l = (() => {
     var h;
     return e.length ? ((h = n.advancedInitialMessages) == null ? void 0 : h.filter((v) => !!v.persistent)) || [] : n.advancedInitialMessages || [];
-  })(), p = (() => {
+  })(), d = (() => {
     var h;
     return l.length ? [] : e.length ? [] : (h = n.initialMessages) != null && h.length ? n.initialMessages : ["Hello, how can I help you?"];
-  })(), m = t.getComponent(
+  })(), g = t.getComponent(
     "loading"
-  ), C = le(null);
+  ), y = ie(null);
   function x() {
     setTimeout(() => {
-      const h = C.current;
+      const h = y.current;
       h && (h.scrollTop = h.scrollHeight);
     }, 0);
   }
-  return ie(() => {
+  return te(() => {
     x();
   }, [e]), /* @__PURE__ */ c(
     "div",
     {
-      ...g("chat/msgs/root"),
-      ref: C,
+      ...m("chat/msgs/root"),
+      ref: y,
       className: "max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",
       children: [
-        /* @__PURE__ */ o(zr, {}),
-        l.length > 0 && /* @__PURE__ */ o(
-          me,
+        /* @__PURE__ */ o(yr, {}),
+        e.length === 0 && l.length > 0 && /* @__PURE__ */ o(
+          he,
           {
             messages: l.map(
               ({ message: h }, v) => ({
@@ -1861,10 +1913,10 @@ function Nr() {
             agent: n.bot ? { ...n.bot, isAi: !0, id: null } : void 0
           }
         ),
-        e.length === 0 && p.length > 0 && /* @__PURE__ */ o(
-          me,
+        e.length === 0 && d.length > 0 && /* @__PURE__ */ o(
+          he,
           {
-            messages: p.map(
+            messages: d.map(
               (h, v) => ({
                 component: "bot_message",
                 data: { message: h },
@@ -1878,15 +1930,15 @@ function Nr() {
           }
         ),
         i.map((h) => {
-          var b, _, y;
+          var b, _, k;
           const v = (b = h == null ? void 0 : h[0]) == null ? void 0 : b.type, u = (_ = h[0]) == null ? void 0 : _.id;
           if (!v || !u) return null;
-          if (yr(h))
-            return /* @__PURE__ */ o(br, { messages: h }, u);
-          if (kr(h) || Cr(h)) {
-            const T = (y = h[0]) == null ? void 0 : y.agent;
+          if (vr(h))
+            return /* @__PURE__ */ o(ur, { messages: h }, u);
+          if (br(h) || xr(h)) {
+            const T = (k = h[0]) == null ? void 0 : k.agent;
             return /* @__PURE__ */ o(
-              me,
+              he,
               {
                 messages: h,
                 agent: T
@@ -1896,27 +1948,27 @@ function Nr() {
           }
           return null;
         }),
-        r && m && /* @__PURE__ */ o(m, { agent: n.bot })
+        r && g && /* @__PURE__ */ o(g, { agent: n.bot })
       ]
     }
   );
 }
-function Sr() {
+function Cr() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = Y(), {
+  } = $(), {
     sessionState: { session: r }
-  } = U(), { isCanvasOpen: t } = Qo(), { theme: n } = X();
-  Se({
+  } = Y(), { isCanvasOpen: t } = Go(), { theme: n } = q();
+  ke({
     width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
     height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
   });
-  const s = le((r == null ? void 0 : r.id) || "chat").current;
+  const s = ie((r == null ? void 0 : r.id) || "chat").current;
   return /* @__PURE__ */ o(
     "div",
     {
-      ...g("chat/root"),
-      className: d("flex flex-col overflow-hidden"),
+      ...m("chat/root"),
+      className: p("flex flex-col overflow-hidden"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -1928,12 +1980,12 @@ function Sr() {
         // Relative to the iframe
       },
       children: /* @__PURE__ */ c("div", { className: "size-full justify-between flex flex-col", children: [
-        /* @__PURE__ */ o(jt, {}),
+        /* @__PURE__ */ o(Et, {}),
         /* @__PURE__ */ o(I, { mode: "wait", children: e ? /* @__PURE__ */ o(
           w,
           {
             className: "flex flex-col items-center justify-center w-full flex-1",
-            children: /* @__PURE__ */ o(Et, {})
+            children: /* @__PURE__ */ o(jt, {})
           },
           "loading"
         ) : /* @__PURE__ */ c(
@@ -1945,8 +1997,8 @@ function Sr() {
               /* @__PURE__ */ c(
                 "div",
                 {
-                  ...g("chat/main/root"),
-                  className: d(
+                  ...m("chat/main/root"),
+                  className: p(
                     "flex flex-col h-full overflow-auto transition-all",
                     t ? "w-2/5" : "w-full"
                   ),
@@ -1955,16 +2007,16 @@ function Sr() {
                     transitionDuration: n.screens.chat.withCanvas.transitionDuration
                   },
                   children: [
-                    /* @__PURE__ */ o(Nr, {}),
-                    /* @__PURE__ */ o(ur, {})
+                    /* @__PURE__ */ o(kr, {}),
+                    /* @__PURE__ */ o(mr, {})
                   ]
                 }
               ),
               /* @__PURE__ */ o(
                 "div",
                 {
-                  ...g("chat/canvas/root"),
-                  className: d(
+                  ...m("chat/canvas/root"),
+                  className: p(
                     "h-full overflow-auto transition-all",
                     t ? "w-3/5" : "w-0"
                   ),
@@ -1972,7 +2024,7 @@ function Sr() {
                     transitionTimingFunction: n.screens.chat.withCanvas.transitionTimingFunction,
                     transitionDuration: n.screens.chat.withCanvas.transitionDuration
                   },
-                  children: /* @__PURE__ */ o(er, {})
+                  children: /* @__PURE__ */ o(Zo, {})
                 }
               )
             ]
@@ -1983,7 +2035,7 @@ function Sr() {
     }
   );
 }
-function _r({ className: e }) {
+function zr({ className: e }) {
   return /* @__PURE__ */ o(
     "svg",
     {
@@ -1992,7 +2044,7 @@ function _r({ className: e }) {
       viewBox: "0 0 26 32",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: d("text-primary-foreground", e),
+      className: p("text-primary-foreground", e),
       children: /* @__PURE__ */ o(
         "path",
         {
@@ -2003,22 +2055,22 @@ function _r({ className: e }) {
     }
   );
 }
-function Wt({ className: e }) {
+function Ft({ className: e }) {
   const { token: r } = N();
   return /* @__PURE__ */ o(
     "div",
     {
-      className: d(
+      className: p(
         "flex items-center justify-center gap-2 p-2 pt-0",
         e
       ),
-      children: /* @__PURE__ */ o(W, { children: /* @__PURE__ */ c(
+      children: /* @__PURE__ */ o(F, { children: /* @__PURE__ */ c(
         "a",
         {
           href: `https://open.cx/?ref=${r}`,
           target: "_blank",
           rel: "noreferrer",
-          className: d(
+          className: p(
             "text-[10px] flex items-center",
             "text-muted-foreground/70 [&_svg]:text-muted-foreground/70",
             "hover:text-primary [&_svg]:hover:text-primary"
@@ -2027,7 +2079,7 @@ function Wt({ className: e }) {
             /* @__PURE__ */ o("span", { children: "Powered by" }),
             /* @__PURE__ */ o("span", { children: " " }),
             /* @__PURE__ */ c("span", { className: "flex items-center gap-[1px]", children: [
-              /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(_r, { className: "size-3 inline-block" }) }),
+              /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(zr, { className: "size-3 inline-block" }) }),
               /* @__PURE__ */ o("span", { className: "font-semibold", children: "open" })
             ] })
           ]
@@ -2036,67 +2088,67 @@ function Wt({ className: e }) {
     }
   );
 }
-function Ir({ children: e }) {
+function Nr({ children: e }) {
   return /* @__PURE__ */ o("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
 }
-function lt({
+function nt({
   session: e,
   className: r
 }) {
-  const { bot: t } = N(), { toChatScreen: n } = H(), s = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
+  const { bot: t } = N(), { toChatScreen: n } = P(), s = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
   return /* @__PURE__ */ c(
     z,
     {
       variant: "ghost",
       size: "lg",
-      className: d(
+      className: p(
         "rounded-full p-2 pe-4 flex text-start justify-between w-full whitespace-normal",
         r
       ),
       onClick: () => n(e.id),
       children: [
         /* @__PURE__ */ c("div", { className: "flex-1 flex gap-2 items-center", children: [
-          /* @__PURE__ */ o(I, { mode: "wait", children: /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ c(Ce, { className: "size-10", children: [
-            /* @__PURE__ */ o(ze, { src: a, alt: "Agent Icon" }),
-            /* @__PURE__ */ o(Ne, { children: /* @__PURE__ */ o(xo, { className: "size-4" }) })
+          /* @__PURE__ */ o(I, { mode: "wait", children: /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ c(be, { className: "size-10", children: [
+            /* @__PURE__ */ o(xe, { src: a, alt: "Agent Icon" }),
+            /* @__PURE__ */ o(ye, { children: /* @__PURE__ */ o(Co, { className: "size-4" }) })
           ] }) }) }),
           /* @__PURE__ */ c("div", { className: "flex-1", children: [
             /* @__PURE__ */ o(I, { mode: "wait", children: /* @__PURE__ */ o(w, { snapExit: !0, children: s }, s) }),
             /* @__PURE__ */ o(I, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ o(w, { snapExit: !0, children: /* @__PURE__ */ o(
-              St,
+              zt,
               {
-                remarkPlugins: [wt],
-                rehypePlugins: [ut],
+                remarkPlugins: [ht],
+                rehypePlugins: [mt],
                 className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
                 children: e.lastMessage
               }
-            ) }, e.lastMessage || "content") : /* @__PURE__ */ o(w, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ o(Rt, { className: "h-4 w-full" }) }, "skeleton") })
+            ) }, e.lastMessage || "content") : /* @__PURE__ */ o(w, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ o(Mt, { className: "h-4 w-full" }) }, "skeleton") })
           ] })
         ] }),
-        /* @__PURE__ */ o(yo, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
+        /* @__PURE__ */ o(zo, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
       ]
     }
   );
 }
-function Tr() {
-  const { t: e } = Z(), { toChatScreen: r } = H(), {
+function Sr() {
+  const { t: e } = Z(), { toChatScreen: r } = P(), {
     sessionsState: { data: t, isInitialFetchLoading: n },
     openSessions: s,
     closedSessions: a,
     canCreateNewSession: i
-  } = U();
+  } = Y();
   return /* @__PURE__ */ o("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ o(I, { mode: "wait", children: n ? /* @__PURE__ */ o(
     w,
     {
       className: "flex-1 flex items-center justify-center",
-      children: /* @__PURE__ */ o(Et, {})
+      children: /* @__PURE__ */ o(jt, {})
     },
     "loading"
   ) : /* @__PURE__ */ o(
     w,
     {
       className: "flex-1 flex flex-col gap-2 relative",
-      children: t.length ? /* @__PURE__ */ c(ve, { children: [
+      children: t.length ? /* @__PURE__ */ c(st, { children: [
         /* @__PURE__ */ c(I, { children: [
           s.length > 0 && /* @__PURE__ */ o(
             w,
@@ -2105,7 +2157,7 @@ function Tr() {
               delay: 0.2,
               className: "space-y-2",
               snapExit: !0,
-              children: s.map((l) => /* @__PURE__ */ o(lt, { session: l }, l.id))
+              children: s.map((l) => /* @__PURE__ */ o(nt, { session: l }, l.id))
             },
             "open-sessions"
           ),
@@ -2116,9 +2168,9 @@ function Tr() {
               delay: 0.2,
               snapExit: !0,
               children: [
-                /* @__PURE__ */ o(Ir, { children: e("closed-conversations") }),
+                /* @__PURE__ */ o(Nr, { children: e("closed-conversations") }),
                 a.map((l) => /* @__PURE__ */ o(
-                  lt,
+                  nt,
                   {
                     session: l,
                     className: "opacity-50 hover:opacity-100"
@@ -2130,10 +2182,10 @@ function Tr() {
             "closed-sessions"
           )
         ] }),
-        i && /* @__PURE__ */ o("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ nt(
+        i && /* @__PURE__ */ o("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ et(
           z,
           {
-            ...g("sessions/new_conversation_btn"),
+            ...m("sessions/new_conversation_btn"),
             size: "lg",
             key: "new-session",
             className: "w-full",
@@ -2143,10 +2195,10 @@ function Tr() {
         ) })
       ] }) : /* @__PURE__ */ c("div", { className: "flex-1 flex flex-col gap-2 items-center", children: [
         /* @__PURE__ */ o("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ o("p", { className: "text-muted-foreground", children: e("no-conversations-yet") }) }),
-        /* @__PURE__ */ nt(
+        /* @__PURE__ */ et(
           z,
           {
-            ...g("sessions/new_conversation_btn"),
+            ...m("sessions/new_conversation_btn"),
             size: "lg",
             key: "new-session",
             className: "w-full",
@@ -2159,16 +2211,16 @@ function Tr() {
     "sessions"
   ) }) });
 }
-function Mr() {
-  const { theme: e } = X();
-  return Se({
+function _r() {
+  const { theme: e } = q();
+  return ke({
     width: e.screens.sessions.width,
     height: e.screens.sessions.height
   }), /* @__PURE__ */ o(
     "div",
     {
-      ...g("sessions/root"),
-      className: d("flex flex-col overflow-hidden bg-background"),
+      ...m("sessions/root"),
+      className: p("flex flex-col overflow-hidden bg-background"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2180,21 +2232,21 @@ function Mr() {
         // Relative to the iframe
       },
       children: /* @__PURE__ */ c("div", { className: "size-full flex flex-col", children: [
-        /* @__PURE__ */ o(jt, {}),
-        /* @__PURE__ */ o(Tr, {}),
-        /* @__PURE__ */ o(Wt, {})
+        /* @__PURE__ */ o(Et, {}),
+        /* @__PURE__ */ o(Sr, {}),
+        /* @__PURE__ */ o(Ft, {})
       ] })
     }
   );
 }
-const ne = E.forwardRef(
+const se = V.forwardRef(
   ({ className: e, type: r, ...t }, n) => {
-    const { isSmallScreen: s } = A();
-    return /* @__PURE__ */ o(W, { ref: n, children: /* @__PURE__ */ o(
+    const { isSmallScreen: s } = W();
+    return /* @__PURE__ */ o(F, { ref: n, children: /* @__PURE__ */ o(
       "input",
       {
         type: r,
-        className: d(
+        className: p(
           // 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",
@@ -2207,10 +2259,10 @@ const ne = E.forwardRef(
     ) });
   }
 );
-ne.displayName = "Input";
-function Dr() {
-  const { contentIframeRef: e } = q(), { inline: r } = N(), t = le(null);
-  return ie(() => {
+se.displayName = "Input";
+function Ir() {
+  const { contentIframeRef: e } = L(), { inline: r } = N(), t = ie(null);
+  return te(() => {
     const n = e == null ? void 0 : e.current;
     if (n && t.current) {
       const s = t.current;
@@ -2230,33 +2282,33 @@ function Dr() {
     }
   }, [e, r]), { observedElementRef: t };
 }
-const Rr = he.object({
-  name: he.string().min(2),
-  email: he.string().email()
+const Tr = pe.object({
+  name: pe.string().min(2),
+  email: pe.string().email()
 });
-function Or() {
-  var y, T, M, P, F, O, f, k, B;
-  const { setIsOpen: e } = K(), { createUnverifiedContact: r } = Yt(), { isSmallScreen: t } = A(), n = N(), { theme: s } = X(), { t: a } = Z(), { data: i } = ce(), { observedElementRef: l } = Dr();
-  Se({
+function Mr() {
+  var k, T, j, O, R, E, f, C, H;
+  const { setIsOpen: e } = K(), { createUnverifiedContact: r } = $t(), { isSmallScreen: t } = W(), n = N(), { theme: s } = q(), { t: a } = Z(), { data: i } = le(), { observedElementRef: l } = Ir();
+  ke({
     height: void 0,
     width: s.screens.welcome.width
   });
-  const [p, m] = j(((y = n.prefillUserData) == null ? void 0 : y.name) || ""), [C, x] = j(((T = n.prefillUserData) == null ? void 0 : T.email) || ""), h = (n.extraDataCollectionFields || []).filter(
+  const [d, g] = M(((k = n.prefillUserData) == null ? void 0 : k.name) || ""), [y, x] = M(((T = n.prefillUserData) == null ? void 0 : T.email) || ""), h = (n.extraDataCollectionFields || []).filter(
     (S) => S !== "name" && S !== "email" && !!S
-  ), [v, u] = j({}), [b, _] = Ro(
+  ), [v, u] = M({}), [b, _] = To(
     async (S) => {
       S.preventDefault();
-      const L = Rr.safeParse({ name: p, email: C });
-      L.success && await r(
+      const A = Tr.safeParse({ name: d, email: y });
+      A.success && await r(
         {
-          email: L.data.email,
-          non_verified_name: L.data.name
+          email: A.data.email,
+          non_verified_name: A.data.name
         },
         // Only pass extra data if there is any
         Object.values(v).filter(Boolean).length ? v : void 0
       );
     },
-    [p, C, v]
+    [d, y, v]
   );
   return /* @__PURE__ */ o(
     "div",
@@ -2277,7 +2329,7 @@ function Or() {
         "div",
         {
           ref: l,
-          className: d(
+          className: p(
             "flex flex-col",
             t && "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)]"
@@ -2286,23 +2338,23 @@ function Or() {
             /* @__PURE__ */ c(
               "div",
               {
-                className: d(
+                className: p(
                   "flex-1 flex flex-col px-4 py-12 text-start space-y-4 relative z-10",
                   "text-primary-foreground"
                 ),
                 children: [
-                  t && /* @__PURE__ */ o(w, { className: "absolute top-6 end-6", children: /* @__PURE__ */ o(z, { size: "selfless", onClick: () => e(!1), children: /* @__PURE__ */ o(xe, { className: "size-4" }) }) }),
-                  /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full mb-2", children: (M = n.assets) != null && M.organizationLogo ? /* @__PURE__ */ o(
+                  t && /* @__PURE__ */ o(w, { className: "absolute top-6 end-6", children: /* @__PURE__ */ o(z, { size: "selfless", onClick: () => e(!1), children: /* @__PURE__ */ o(ve, { className: "size-4" }) }) }),
+                  /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full mb-2", children: (j = n.assets) != null && j.organizationLogo ? /* @__PURE__ */ o(
                     "img",
                     {
-                      src: (P = n.assets) == null ? void 0 : P.organizationLogo,
+                      src: (O = n.assets) == null ? void 0 : O.organizationLogo,
                       alt: "Company Logo",
                       className: "h-8 w-auto object-contain"
                     }
-                  ) : /* @__PURE__ */ o("h2", { className: "font-bold text-sm", children: (F = i == null ? void 0 : i.data) == null ? void 0 : F.organizationName }) }),
+                  ) : /* @__PURE__ */ o("h2", { className: "font-bold text-sm", children: (R = i == null ? void 0 : i.data) == null ? void 0 : R.organizationName }) }),
                   /* @__PURE__ */ c("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ o("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((f = (O = n.textContent) == null ? void 0 : O.welcomeScreen) == null ? void 0 : f.title) || a("welcome-title") }),
-                    /* @__PURE__ */ o("p", { className: "text-sm", children: ((B = (k = n.textContent) == null ? void 0 : k.welcomeScreen) == null ? void 0 : B.description) || a("welcome-description") })
+                    /* @__PURE__ */ o("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((f = (E = n.textContent) == null ? void 0 : E.welcomeScreen) == null ? void 0 : f.title) || a("welcome-title") }),
+                    /* @__PURE__ */ o("p", { className: "text-sm", children: ((H = (C = n.textContent) == null ? void 0 : C.welcomeScreen) == null ? void 0 : H.description) || a("welcome-description") })
                   ] })
                 ]
               }
@@ -2310,7 +2362,7 @@ function Or() {
             /* @__PURE__ */ c(
               "div",
               {
-                className: d(
+                className: p(
                   "z-10 m-2 px-2 pt-2 bp-0 space-y-2",
                   "bg-[white]",
                   "border shadow",
@@ -2319,20 +2371,20 @@ function Or() {
                 children: [
                   /* @__PURE__ */ c("form", { onSubmit: _, className: "space-y-2", children: [
                     /* @__PURE__ */ o(
-                      ne,
+                      se,
                       {
-                        value: p,
-                        onChange: (S) => m(S.target.value),
+                        value: d,
+                        onChange: (S) => g(S.target.value),
                         required: !0,
                         placeholder: a("your-name"),
                         name: "name"
                       }
                     ),
                     /* @__PURE__ */ o(
-                      ne,
+                      se,
                       {
                         required: !0,
-                        value: C,
+                        value: y,
                         onChange: (S) => x(S.target.value),
                         type: "email",
                         placeholder: a("your-email"),
@@ -2340,12 +2392,12 @@ function Or() {
                       }
                     ),
                     h.map((S) => /* @__PURE__ */ o(
-                      ne,
+                      se,
                       {
                         value: v[S],
-                        onChange: (L) => u((oe) => ({
-                          ...oe,
-                          [S]: L.target.value
+                        onChange: (A) => u((re) => ({
+                          ...re,
+                          [S]: A.target.value
                         })),
                         placeholder: `${S} (${a("optional")})`
                       },
@@ -2359,12 +2411,12 @@ function Or() {
                         size: "lg",
                         children: [
                           b.loading ? a("starting-chat") : a("start-chat"),
-                          /* @__PURE__ */ o(ko, { className: "size-4 rtl:-scale-100" })
+                          /* @__PURE__ */ o(No, { className: "size-4 rtl:-scale-100" })
                         ]
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ o(Wt, {})
+                  /* @__PURE__ */ o(Ft, {})
                 ]
               }
             )
@@ -2374,59 +2426,56 @@ function Or() {
     }
   );
 }
-function Ht() {
-  ce();
+function Pt() {
+  le();
   const {
     routerState: { screen: e }
-  } = H();
-  return /* @__PURE__ */ c(ve, { children: [
-    /* @__PURE__ */ o(de.Container, {}),
-    /* @__PURE__ */ o("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ o(I, { mode: "wait", children: (() => {
-      switch (e) {
-        case "welcome":
-          return /* @__PURE__ */ o(
-            w,
-            {
-              fadeIn: "right",
-              className: "size-full",
-              snapExit: !0,
-              children: /* @__PURE__ */ o(Or, {})
-            },
-            e
-          );
-        case "sessions":
-          return /* @__PURE__ */ o(
-            w,
-            {
-              fadeIn: "right",
-              className: "size-full",
-              snapExit: !0,
-              children: /* @__PURE__ */ o(Mr, {})
-            },
-            e
-          );
-        case "chat":
-          return /* @__PURE__ */ o(
-            w,
-            {
-              fadeIn: "right",
-              className: "size-full",
-              snapExit: !0,
-              children: /* @__PURE__ */ o(Sr, {})
-            },
-            e
-          );
-        default:
-          return D(e, Ht.name), null;
-      }
-    })() }) })
-  ] });
+  } = P();
+  return /* @__PURE__ */ o("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ o(I, { mode: "wait", children: (() => {
+    switch (e) {
+      case "welcome":
+        return /* @__PURE__ */ o(
+          w,
+          {
+            fadeIn: "right",
+            className: "size-full",
+            snapExit: !0,
+            children: /* @__PURE__ */ o(Mr, {})
+          },
+          e
+        );
+      case "sessions":
+        return /* @__PURE__ */ o(
+          w,
+          {
+            fadeIn: "right",
+            className: "size-full",
+            snapExit: !0,
+            children: /* @__PURE__ */ o(_r, {})
+          },
+          e
+        );
+      case "chat":
+        return /* @__PURE__ */ o(
+          w,
+          {
+            fadeIn: "right",
+            className: "size-full",
+            snapExit: !0,
+            children: /* @__PURE__ */ o(Cr, {})
+          },
+          e
+        );
+      default:
+        return D(e, Pt.name), null;
+    }
+  })() }) });
 }
-const jr = "4.0.8", Er = `<!DOCTYPE html>
+const Dr = "4.0.10", Er = `<!DOCTYPE html>
 <html>
 <head>
 <style>
-${It}
+${St}
 html, body {
     height: 100%;
     width: 100%;
@@ -2440,8 +2489,8 @@ html, body {
 <body>
 </body>
 </html>`;
-function At() {
-  const { isOpen: e } = K(), { contentIframeRef: r } = q(), { cssOverrides: t, inline: n } = N(), { theme: s, cssVars: a, computed: i } = X(), { dir: l } = Z();
+function Wt() {
+  const { isOpen: e } = K(), { contentIframeRef: r } = L(), { cssOverrides: t, inline: n } = N(), { theme: s, cssVars: a, computed: i } = q(), { dir: l } = Z();
   return /* @__PURE__ */ o(
     J.div,
     {
@@ -2496,22 +2545,23 @@ function At() {
           children: [
             t && /* @__PURE__ */ o("style", { children: t }),
             /* @__PURE__ */ o(
-              Yo,
+              "div",
               {
-                delayDuration: 200,
-                disableHoverableContent: !0,
+                style: {
+                  ...a,
+                  zIndex: s.widgetContentContainer.zIndex
+                },
+                "data-version": Dr,
+                className: p(
+                  "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
+                ),
+                dir: l,
                 children: /* @__PURE__ */ o(
-                  "div",
+                  Bo,
                   {
-                    style: {
-                      ...a
-                    },
-                    "data-version": jr,
-                    className: d(
-                      "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground"
-                    ),
-                    dir: l,
-                    children: /* @__PURE__ */ o(Ht, {})
+                    delayDuration: 200,
+                    disableHoverableContent: !0,
+                    children: /* @__PURE__ */ o(Po, { children: /* @__PURE__ */ o(Pt, {}) })
                   }
                 )
               }
@@ -2522,8 +2572,8 @@ function At() {
     }
   );
 }
-function Pr() {
-  const { theme: e } = X();
+function jr() {
+  const { theme: e } = q();
   return /* @__PURE__ */ o(
     ae.Content,
     {
@@ -2538,11 +2588,11 @@ function Pr() {
       sideOffset: e.widgetContentContainer.offset.side,
       alignOffset: e.widgetContentContainer.offset.align,
       avoidCollisions: !1,
-      children: /* @__PURE__ */ o(At, {})
+      children: /* @__PURE__ */ o(Wt, {})
     }
   );
 }
-function Fr({
+function Or({
   className: e,
   style: r
 }) {
@@ -2554,7 +2604,7 @@ function Fr({
       viewBox: "0 0 32 30",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: d("text-primary-foreground", e),
+      className: p("text-primary-foreground", e),
       style: r,
       children: [
         /* @__PURE__ */ o(
@@ -2577,11 +2627,11 @@ function Fr({
     }
   );
 }
-const Wr = `<!DOCTYPE html>
+const Rr = `<!DOCTYPE html>
 <html>
 <head>
 <style>
-${It}
+${St}
 html, body {
     height: 100%;
     width: 100%;
@@ -2594,16 +2644,16 @@ html, body {
 <body>
 </body>
 </html>`;
-function Hr() {
+function Fr() {
   var a, i;
-  const { isOpen: e } = K(), { cssOverrides: r, assets: t } = N(), { theme: n, cssVars: s } = X();
+  const { isOpen: e } = K(), { cssOverrides: r, assets: t } = N(), { theme: n, cssVars: s } = q();
   return /* @__PURE__ */ c(
     gt,
     {
-      initialContent: Wr,
+      initialContent: Rr,
       style: {
-        height: `calc(${n.widgetTrigger.size.button}px + ${V.x * 2}px)`,
-        width: `calc(${n.widgetTrigger.size.button}px + ${V.y * 2}px)`,
+        height: `calc(${n.widgetTrigger.size.button}px + ${X.x * 2}px)`,
+        width: `calc(${n.widgetTrigger.size.button}px + ${X.y * 2}px)`,
         fontSize: "16px",
         position: "fixed",
         zIndex: n.widgetTrigger.zIndex,
@@ -2632,18 +2682,18 @@ function Hr() {
             children: /* @__PURE__ */ o(
               ae.PopoverTrigger,
               {
-                className: d(
+                className: p(
                   "font-sans flex items-center justify-center rounded-full"
                 ),
                 style: {
                   height: n.widgetTrigger.size.button,
                   width: n.widgetTrigger.size.button
                 },
-                children: /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(
+                children: /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(
                   "div",
                   {
-                    ...g("trigger/btn"),
-                    className: d(
+                    ...m("trigger/btn"),
+                    className: p(
                       "relative size-full rounded-full",
                       "flex items-center justify-center",
                       "overflow-hidden",
@@ -2671,7 +2721,7 @@ function Hr() {
                             }
                           }
                         ) : /* @__PURE__ */ o(
-                          Co,
+                          So,
                           {
                             style: {
                               width: n.widgetTrigger.size.icon,
@@ -2700,7 +2750,7 @@ function Hr() {
                             }
                           }
                         ) : /* @__PURE__ */ o(
-                          Fr,
+                          Or,
                           {
                             style: {
                               width: n.widgetTrigger.size.icon,
@@ -2722,8 +2772,8 @@ function Hr() {
     }
   );
 }
-function Ar() {
-  const { dir: e } = be();
+function Pr() {
+  const { dir: e } = fe();
   return /* @__PURE__ */ o(
     ae.Anchor,
     {
@@ -2736,32 +2786,32 @@ function Ar() {
     }
   );
 }
-function Br() {
+function Wr() {
   const { isOpen: e, setIsOpen: r } = K();
   return /* @__PURE__ */ c(ae.Root, { open: e, onOpenChange: r, children: [
-    /* @__PURE__ */ o(Ar, {}),
-    /* @__PURE__ */ o(Hr, {}),
-    /* @__PURE__ */ o(Pr, {})
+    /* @__PURE__ */ o(Pr, {}),
+    /* @__PURE__ */ o(Fr, {}),
+    /* @__PURE__ */ o(jr, {})
   ] });
 }
-const Lr = [
+const Hr = [
   {
     key: "loading",
-    component: $o
+    component: Ao
   },
   {
     key: "fallback",
-    component: Po
+    component: Ho
   },
   {
     key: "bot_message",
-    component: ge
+    component: me
   },
   {
     key: "agent_message",
-    component: ge
+    component: me
   }
-], $r = {
+], Ar = {
   get: async (e) => localStorage.getItem(e),
   set: async (e, r) => {
     localStorage.setItem(e, r);
@@ -2770,23 +2820,23 @@ const Lr = [
     localStorage.removeItem(e);
   }
 };
-function dn({
+function sn({
   options: e,
   components: r = [],
   loadingComponent: t
 }) {
   return /* @__PURE__ */ o(
-    qt,
+    Yt,
     {
-      components: [...Lr, ...r],
+      components: [...Hr, ...r],
       options: e,
-      storage: $r,
+      storage: Ar,
       loadingComponent: t,
-      children: /* @__PURE__ */ o(Ut, { children: e.inline ? /* @__PURE__ */ o(At, {}) : /* @__PURE__ */ o(Br, {}) })
+      children: /* @__PURE__ */ o(qt, { children: e.inline ? /* @__PURE__ */ o(Wt, {}) : /* @__PURE__ */ o(Wr, {}) })
     }
   );
 }
 export {
-  dn as Widget
+  sn as Widget
 };
 //# sourceMappingURL=index.js.map