@opencx/widget-react 4.0.48 → 4.0.49

package/dist/index.js

@@ -1,36 +1,36 @@
 import { jsx as r, jsxs as d, Fragment as Q } from "react/jsx-runtime";
-import * as he from "@radix-ui/react-popover";
+import * as me from "@radix-ui/react-popover";
 import * as J from "react";
-import W, { memo as Gt, forwardRef as ft, useState as D, cloneElement as xt, createContext as Zt, useEffect as se, useContext as Kt, useRef as $, useCallback as q, useMemo as vt, createElement as lt } from "react";
-import { useWidget as P, useConfig as N, useSessions as Y, useMessages as O, useWidgetRouter as H, useDocumentDir as ye, useWidgetTrigger as V, useModes as bt, useCsat as yt, useUploadFiles as Qt, useIsAwaitingBotReply as kt, useContact as Ct, WidgetProvider as Jt, WidgetTriggerProvider as er } from "@opencx/widget-react-headless";
-import { clsx as tr } from "clsx";
-import { twMerge as rr } from "tailwind-merge";
+import W, { memo as Kt, forwardRef as xt, useState as D, cloneElement as vt, createContext as Qt, useEffect as se, useContext as Jt, useRef as $, useCallback as q, useMemo as bt, createElement as lt } from "react";
+import { useWidget as E, useConfig as N, useSessions as Y, useMessages as O, useWidgetRouter as F, useDocumentDir as ye, useWidgetTrigger as V, useModes as yt, useCsat as kt, useUploadFiles as er, useIsAwaitingBotReply as Ct, useContact as zt, WidgetProvider as tr, WidgetTriggerProvider as rr } from "@opencx/widget-react-headless";
+import { X as or, ZoomOut as nr, ZoomIn as sr, RotateCcw as ar, FileText as Nt, CircleDashedIcon as ir, XIcon as ke, SquareXIcon as lr, SquareCheckBigIcon as cr, SquareCheckIcon as dr, ShrinkIcon as pr, Minimize2Icon as mr, MinimizeIcon as hr, Maximize2Icon as ur, MaximizeIcon as gr, ExpandIcon as wr, CircleXIcon as fr, CircleCheckBigIcon as xr, CircleCheckIcon as St, CheckCheckIcon as vr, CheckIcon as br, ChevronLeftIcon as yr, LoaderIcon as kr, ArrowUpIcon as _t, PaperclipIcon as ct, CircleDashed as Cr, AlertCircle as zr, Loader2 as Nr, FileAudio2Icon as Sr, FileVideo2Icon as _r, FileIcon as Ir, UserRoundIcon as Tr, ChevronRightIcon as Mr, SendHorizontal as Dr, ChevronDownIcon as Rr } from "lucide-react";
+import { clsx as jr } from "clsx";
+import { twMerge as Pr } from "tailwind-merge";
 import { motion as re, AnimatePresence as T } from "framer-motion";
-import { Slot as or } from "@radix-ui/react-slot";
-import { cva as nr } from "class-variance-authority";
-import { X as sr, ZoomOut as ar, ZoomIn as ir, RotateCcw as lr, CircleDashedIcon as cr, XIcon as ke, SquareXIcon as dr, SquareCheckBigIcon as pr, SquareCheckIcon as hr, ShrinkIcon as mr, Minimize2Icon as ur, MinimizeIcon as gr, Maximize2Icon as wr, MaximizeIcon as fr, ExpandIcon as xr, CircleXIcon as vr, CircleCheckBigIcon as br, CircleCheckIcon as zt, CheckCheckIcon as yr, CheckIcon as kr, ChevronLeftIcon as Cr, LoaderIcon as zr, ArrowUpIcon as Nt, PaperclipIcon as Nr, ImageIcon as Sr, CircleDashed as _r, AlertCircle as Ir, Loader2 as Tr, FileAudio2Icon as Mr, FileVideo2Icon as Dr, FileIcon as Rr, UserRoundIcon as jr, ChevronRightIcon as Er, SendHorizontal as Pr, ChevronDownIcon as Or } from "lucide-react";
-import St from "remark-gfm";
+import { Slot as Er } from "@radix-ui/react-slot";
+import { cva as Or } from "class-variance-authority";
+import It from "remark-gfm";
 import Ar from "react-markdown";
-import _t from "rehype-raw";
-import { isExhaustive as A, isSupportedLanguage as Hr, getTranslation as Fr } from "@opencx/widget-core";
+import Tt from "rehype-raw";
+import { isExhaustive as A, isSupportedLanguage as Fr, getTranslation as Hr } from "@opencx/widget-core";
 import * as ee from "@radix-ui/react-avatar";
-import It from "@uiw/react-iframe";
+import Mt from "@uiw/react-iframe";
 import * as ae from "@radix-ui/react-tooltip";
-import ct from "tinycolor2";
+import dt from "tinycolor2";
 import { useDropzone as Wr } from "react-dropzone";
 import Lr from "react-use/lib/useAsyncFn";
 import { z as ge } from "zod";
 function g(e) {
   return { "data-component": e };
 }
-function h(...e) {
-  return rr(tr(e));
+function m(...e) {
+  return Pr(jr(e));
 }
 const K = {
   x: 2,
   y: 2
-}, X = Gt(
-  ft(
+}, B = Kt(
+  xt(
     ({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
       const [a, i] = D(!1), [l, c] = D({ x: 0, y: 0 });
       if (n || /translate/.test(
@@ -38,35 +38,35 @@ const K = {
       )) return e;
       const b = (f) => {
         var y, I;
-        const { clientX: z, clientY: M } = f, v = f.currentTarget.getBoundingClientRect(), R = z - (v.left + v.width / 2), E = M - (v.top + v.height / 2), j = Math.max(
+        const { clientX: C, clientY: M } = f, v = f.currentTarget.getBoundingClientRect(), R = C - (v.left + v.width / 2), P = M - (v.top + v.height / 2), j = Math.max(
           -1,
           Math.min(1, R / (v.width / 2))
         ), u = Math.max(
           -1,
-          Math.min(1, E / (v.height / 2))
+          Math.min(1, P / (v.height / 2))
         ), _ = j * K.x, w = u * K.y;
         c({ x: _, y: w }), (I = (y = e.props).onMouseMove) == null || I.call(y, f);
       }, x = () => {
-        var f, z;
-        i(!0), (z = (f = e.props).onMouseEnter) == null || z.call(f);
-      }, m = () => {
-        var f, z;
-        i(!1), c({ x: 0, y: 0 }), (z = (f = e.props).onMouseLeave) == null || z.call(f);
-      }, C = {
+        var f, C;
+        i(!0), (C = (f = e.props).onMouseEnter) == null || C.call(f);
+      }, h = () => {
+        var f, C;
+        i(!1), c({ x: 0, y: 0 }), (C = (f = e.props).onMouseLeave) == null || C.call(f);
+      }, z = {
         "--wobble-x": a ? `${l.x}px` : "0px",
         "--wobble-y": a ? `${l.y}px` : "0px",
         "--scale": 1 - (t - 1)
       };
-      return xt(e, {
+      return vt(e, {
         ref: s,
         onMouseMove: b,
         onMouseEnter: x,
-        onMouseLeave: m,
+        onMouseLeave: h,
         style: {
-          ...C,
+          ...z,
           ...e.props.style
         },
-        className: h(
+        className: m(
           "translate-x-[var(--wobble-x)]",
           "translate-y-[var(--wobble-y)]",
           "hover:scale-[var(--scale)] active:hover:scale-[calc(var(--scale)-0.02)]",
@@ -78,12 +78,12 @@ const K = {
     }
   )
 );
-X.displayName = "Wobble";
-const $r = 10, Yr = (e, o, t) => ({
+B.displayName = "Wobble";
+const $r = 10, Br = (e, o, t) => ({
   initial: { opacity: 0, x: -e, ...o.initial },
   animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
   exit: { opacity: 0, x: e, ...o.exit }
-}), Br = (e, o, t) => ({
+}), Yr = (e, o, t) => ({
   initial: { opacity: 0, x: e, ...o.initial },
   animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
   exit: { opacity: 0, x: -e, ...o.exit }
@@ -96,11 +96,11 @@ const $r = 10, Yr = (e, o, t) => ({
   animate: { opacity: 1, y: 0, ...o.animate, transition: { delay: t } },
   exit: { opacity: 0, y: e, ...o.exit }
 }), qr = {
-  right: Yr,
-  left: Br,
+  right: Br,
+  left: Yr,
   up: Ur,
   down: Xr
-}, k = ft(
+}, k = xt(
   ({
     fadeIn: e = "down",
     distance: o = $r,
@@ -115,8 +115,8 @@ const $r = 10, Yr = (e, o, t) => ({
   }
 );
 k.displayName = "MotionDiv";
-const Vr = nr(
-  h(
+const Vr = Or(
+  m(
     "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",
@@ -155,18 +155,18 @@ const Vr = nr(
     }
   }
 ), S = J.forwardRef(
-  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ r(X, { ref: a, children: /* @__PURE__ */ r(
-    n ? or : "button",
+  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ r(B, { ref: a, children: /* @__PURE__ */ r(
+    n ? Er : "button",
     {
       ...g("ui_lib/btn"),
       "data-variant": o,
-      className: h(Vr({ variant: o, size: t, className: e })),
+      className: m(Vr({ variant: o, size: t, className: e })),
       ...s
     }
   ) })
 );
 S.displayName = "Button";
-const Tt = Zt(null);
+const Dt = Qt(null);
 function Gr({ children: e }) {
   const [o, t] = D(!1), [n, s] = D(null), a = (l) => {
     s(l), t(!0);
@@ -176,7 +176,7 @@ function Gr({ children: e }) {
     }, 200);
   };
   return /* @__PURE__ */ d(
-    Tt.Provider,
+    Dt.Provider,
     {
       value: { open: a, close: i, isOpen: o, content: n },
       children: [
@@ -186,8 +186,8 @@ function Gr({ children: e }) {
     }
   );
 }
-function me() {
-  const e = Kt(Tt);
+function he() {
+  const e = Jt(Dt);
   return e || (console.error("useDialoger must be used within a DialogerProvider"), {
     open: () => {
     },
@@ -198,7 +198,7 @@ function me() {
   });
 }
 function Zr() {
-  const { contentIframeRef: e } = P(), { isOpen: o, content: t, close: n } = me();
+  const { contentIframeRef: e } = E(), { isOpen: o, content: t, close: n } = he();
   return se(() => {
     var a, i;
     const s = (l) => {
@@ -234,11 +234,11 @@ function Ce({
   className: o,
   withClose: t = !1
 }) {
-  const { close: n } = me();
+  const { close: n } = he();
   return /* @__PURE__ */ d(
     "div",
     {
-      className: h(
+      className: m(
         "fixed left-[50%] top-[50%] z-50 flex flex-col gap-4 w-full max-w-[61.8%] translate-x-[-50%] translate-y-[-50%] border bg-background p-4 rounded-3xl",
         o
       ),
@@ -252,7 +252,7 @@ function Ce({
             className: "rounded-full absolute top-4 right-4 opacity-50 hover:opacity-100",
             onClick: n,
             children: [
-              /* @__PURE__ */ r(sr, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r(or, { className: "h-4 w-4" }),
               /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
             ]
           }
@@ -261,64 +261,64 @@ function Ce({
     }
   );
 }
-const Mt = ({
+const Rt = ({
   className: e,
   ...o
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: h("flex flex-col gap-2 text-center pt-2", e),
+    className: m("flex flex-col gap-2 text-center pt-2", e),
     ...o
   }
 );
-Mt.displayName = "DialogerHeader";
-const Dt = ({
+Rt.displayName = "DialogerHeader";
+const jt = ({
   className: e,
   ...o
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: h("flex flex-col gap-2 text-center", e),
+    className: m("flex flex-col gap-2 text-center", e),
     ...o
   }
 );
-Dt.displayName = "DialogerBody";
-const Rt = ({
+jt.displayName = "DialogerBody";
+const Pt = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ r("div", { className: h("flex flex-col gap-2", e), ...o });
-Rt.displayName = "DialogerFooter";
-const jt = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ r("div", { className: m("flex flex-col gap-2", e), ...o });
+Pt.displayName = "DialogerFooter";
+const Et = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
-    className: h(
+    className: m(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
     ...o
   }
 ));
-jt.displayName = "DialogerTitle";
-const Et = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+Et.displayName = "DialogerTitle";
+const Ot = W.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
-    className: h("text-sm text-muted-foreground", e),
+    className: m("text-sm text-muted-foreground", e),
     ...o
   }
 ));
-Et.displayName = "DialogerDescription";
+Ot.displayName = "DialogerDescription";
 function ze({
   children: e,
   trigger: o
 }) {
-  const { open: t } = me();
-  return xt(o, {
+  const { open: t } = he();
+  return vt(o, {
     onClick: () => t(e)
   });
 }
-const dt = 1, pt = 5, le = 0.5, Kr = 2.5;
+const pt = 1, mt = 5, le = 0.5, Kr = 2.5;
 function Qr(e, o, t, n) {
   if (!t || !n || o <= 1) return { x: 0, y: 0 };
   const s = t.getBoundingClientRect(), a = n.offsetWidth, i = n.offsetHeight, l = Math.max(0, (a * o - s.width) / (2 * o)), c = Math.max(
@@ -330,17 +330,17 @@ function Qr(e, o, t, n) {
     y: Math.min(c, Math.max(-c, e.y))
   };
 }
-function Pt({
+function At({
   src: e,
   alt: o
 }) {
-  const [t, n] = D(1), [s, a] = D({ x: 0, y: 0 }), [i, l] = D(!1), c = $({ x: 0, y: 0 }), p = $({ x: 0, y: 0 }), b = $(null), x = $(null), m = $(!1), C = (u) => Math.min(pt, Math.max(dt, u)), f = q(() => {
+  const [t, n] = D(1), [s, a] = D({ x: 0, y: 0 }), [i, l] = D(!1), c = $({ x: 0, y: 0 }), p = $({ x: 0, y: 0 }), b = $(null), x = $(null), h = $(!1), z = (u) => Math.min(mt, Math.max(pt, u)), f = q(() => {
     n(1), a({ x: 0, y: 0 });
-  }, []), z = q(() => {
-    n((u) => C(u + le));
+  }, []), C = q(() => {
+    n((u) => z(u + le));
   }, []), M = q(() => {
     n((u) => {
-      const _ = C(u - le);
+      const _ = z(u - le);
       return _ <= 1 && a({ x: 0, y: 0 }), _;
     });
   }, []);
@@ -348,20 +348,20 @@ function Pt({
     u.preventDefault(), u.stopPropagation();
     const _ = u.deltaY > 0 ? -le : le;
     n((w) => {
-      const y = C(w + _);
+      const y = z(w + _);
       return y <= 1 && a({ x: 0, y: 0 }), y;
     });
   }, []);
   const v = q(
     (u) => {
-      u.preventDefault(), m.current = !1, l(!0), c.current = { x: u.clientX, y: u.clientY }, p.current = { ...s }, u.target.setPointerCapture(u.pointerId);
+      u.preventDefault(), h.current = !1, l(!0), c.current = { x: u.clientX, y: u.clientY }, p.current = { ...s }, u.target.setPointerCapture(u.pointerId);
     },
     [s]
   ), R = q(
     (u) => {
       if (!i) return;
       const _ = u.clientX - c.current.x, w = u.clientY - c.current.y;
-      if ((Math.abs(_) > 3 || Math.abs(w) > 3) && (m.current = !0), t <= 1) return;
+      if ((Math.abs(_) > 3 || Math.abs(w) > 3) && (h.current = !0), t <= 1) return;
       const y = {
         x: p.current.x + _ / t,
         y: p.current.y + w / t
@@ -371,8 +371,8 @@ function Pt({
       );
     },
     [i, t]
-  ), E = q(() => {
-    const u = m.current;
+  ), P = q(() => {
+    const u = h.current;
     l(!1), !u && n((_) => _ > 1 ? (a({ x: 0, y: 0 }), 1) : Kr);
   }, []), j = t > 1;
   return /* @__PURE__ */ d(
@@ -385,14 +385,14 @@ function Pt({
           "div",
           {
             ref: b,
-            className: h(
+            className: m(
               "overflow-hidden max-h-full max-w-full rounded-2xl flex items-center justify-center",
               j && "size-full"
             ),
             onPointerDown: v,
             onPointerMove: R,
-            onPointerUp: E,
-            onPointerCancel: E,
+            onPointerUp: P,
+            onPointerCancel: P,
             style: {
               cursor: i ? "grabbing" : j ? "grab" : "zoom-in",
               touchAction: "none"
@@ -416,15 +416,15 @@ function Pt({
           }
         ),
         /* @__PURE__ */ d("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1 bg-black/60 backdrop-blur-sm rounded-full px-1.5 py-1 transition opacity-50 hover:opacity-100", children: [
-          /* @__PURE__ */ r(we, { onClick: M, label: "Zoom out", disabled: t <= dt, children: /* @__PURE__ */ r(ar, { className: "size-3.5" }) }),
+          /* @__PURE__ */ r(we, { onClick: M, label: "Zoom out", disabled: t <= pt, children: /* @__PURE__ */ r(nr, { className: "size-3.5" }) }),
           /* @__PURE__ */ d("span", { className: "text-white text-xs font-medium min-w-[3ch] text-center tabular-nums", children: [
             Math.round(t * 100),
             "%"
           ] }),
-          /* @__PURE__ */ r(we, { onClick: z, label: "Zoom in", disabled: t >= pt, children: /* @__PURE__ */ r(ir, { className: "size-3.5" }) }),
+          /* @__PURE__ */ r(we, { onClick: C, label: "Zoom in", disabled: t >= mt, children: /* @__PURE__ */ r(sr, { className: "size-3.5" }) }),
           j && /* @__PURE__ */ d(Q, { children: [
             /* @__PURE__ */ r("div", { className: "w-px h-4 bg-white/30 mx-0.5" }),
-            /* @__PURE__ */ r(we, { onClick: f, label: "Reset zoom", children: /* @__PURE__ */ r(lr, { className: "size-3.5" }) })
+            /* @__PURE__ */ r(we, { onClick: f, label: "Reset zoom", children: /* @__PURE__ */ r(ar, { className: "size-3.5" }) })
           ] })
         ] })
       ]
@@ -448,35 +448,77 @@ function we({
     }
   );
 }
-function Ot({ attachment: e }) {
-  const { name: o, size: t, type: n, url: s } = e, a = n.startsWith("image/"), i = n.startsWith("video/");
-  return n.startsWith("audio/") ? /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
+function Ft({ attachment: e }) {
+  const { name: o, size: t, type: n, url: s } = e, a = n.startsWith("image/"), i = n.startsWith("video/"), l = n.startsWith("audio/"), c = n === "application/pdf";
+  return l ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
     /* @__PURE__ */ r("source", { src: s, type: n }),
     "Your browser does not support the audio tag."
-  ] }) }) }) : i ? /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
+  ] }) }) }) : i ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
     /* @__PURE__ */ r("source", { src: s, type: n }),
     "Your browser does not support the video tag."
   ] }) }) }) : a ? /* @__PURE__ */ r(
     ze,
     {
-      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
+      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
       children: /* @__PURE__ */ r(
         Ce,
         {
           className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
           withClose: !0,
-          children: /* @__PURE__ */ r(Pt, { src: s, alt: o })
+          children: /* @__PURE__ */ r(At, { src: s, alt: o })
         }
       )
     }
-  ) : /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
+  ) : c ? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
+    "a",
+    {
+      href: s,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: m(
+        "block size-fit max-w-[min(100%,16rem)] shrink-0 rounded-2xl border",
+        "bg-background/80 transition-colors hover:bg-accent/60",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+      ),
+      children: /* @__PURE__ */ d("div", { className: "flex items-center gap-3 p-3 min-w-0", children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: m(
+              "flex size-10 shrink-0 items-center justify-center rounded-xl",
+              "bg-secondary text-muted-foreground"
+            ),
+            "aria-hidden": !0,
+            children: /* @__PURE__ */ r(Nt, { className: "size-5", strokeWidth: 1.75 })
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5 text-left", children: [
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: m(
+                "text-xs font-medium text-foreground line-clamp-1",
+                "break-words [word-break:break-word]"
+                // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
+              ),
+              children: o
+            }
+          ),
+          /* @__PURE__ */ d("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+            (t / 1024).toFixed(2),
+            " KB · PDF"
+          ] })
+        ] })
+      ] })
+    }
+  ) }) : /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
     /* @__PURE__ */ r(
       "a",
       {
         href: s,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: h(
+        className: m(
           "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
@@ -490,7 +532,7 @@ function Ot({ attachment: e }) {
     ] })
   ] }) }) });
 }
-const At = W.memo(
+const Ht = W.memo(
   Ar,
   (e, o) => e.children === o.children && e.className === o.className
 );
@@ -501,12 +543,12 @@ function Ne({
 }) {
   const { anchorTarget: n } = N();
   return /* @__PURE__ */ r(
-    At,
+    Ht,
     {
       "data-type": o,
       "data-id": t,
-      remarkPlugins: [St],
-      rehypePlugins: [_t],
+      remarkPlugins: [It],
+      rehypePlugins: [Tt],
       components: {
         a: ({ children: s, ...a }) => /* @__PURE__ */ r("a", { target: a.target || n || "_top", ...a, children: s }),
         img: ({ src: s, alt: a, ...i }) => s ? /* @__PURE__ */ r(
@@ -526,7 +568,7 @@ function Ne({
               {
                 className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
                 withClose: !0,
-                children: /* @__PURE__ */ r(Pt, { src: s, alt: a })
+                children: /* @__PURE__ */ r(At, { src: s, alt: a })
               }
             )
           }
@@ -539,13 +581,13 @@ function Ne({
 function te() {
   const {
     widgetCtx: { org: e }
-  } = P(), {
+  } = E(), {
     sessionState: { session: o }
   } = Y(), t = N(), {
     messagesState: { messages: n }
   } = O(), {
     routerState: { screen: s }
-  } = H();
+  } = F();
   return {
     react: W,
     org: e,
@@ -580,12 +622,12 @@ function fe(e) {
     "div",
     {
       ...g((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
-      className: h(
+      className: m(
         "w-5/6 flex flex-col items-start gap-1",
         p == null ? void 0 : p.messageContainer
       ),
       children: [
-        s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((m) => /* @__PURE__ */ r(Ot, { attachment: m }, m.id)) }),
+        s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((h) => /* @__PURE__ */ r(Ft, { attachment: h }, h.id)) }),
         b.length > 0 && /* @__PURE__ */ d("div", { className: "flex flex-row gap-2", children: [
           /* @__PURE__ */ r(
             "div",
@@ -595,7 +637,7 @@ function fe(e) {
               "data-last": i,
               "data-alone": l,
               "data-variant": x,
-              className: h(
+              className: m(
                 "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",
@@ -626,7 +668,7 @@ const Se = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Root,
   {
     ref: t,
-    className: h(
+    className: m(
       "relative flex size-6 aspect-square shrink-0 overflow-hidden rounded-full bg-secondary",
       // 'border',
       e
@@ -639,7 +681,7 @@ const _e = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Image,
   {
     ref: t,
-    className: h("aspect-square h-full w-full", e),
+    className: m("aspect-square h-full w-full", e),
     ...o
   }
 ));
@@ -648,7 +690,7 @@ const Ie = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   ee.Fallback,
   {
     ref: t,
-    className: h(
+    className: m(
       "flex size-full text-xs items-center justify-center rounded-lg",
       e
     ),
@@ -678,7 +720,7 @@ function to({ agent: e }) {
           "div",
           {
             ...g("chat/bot_loading/bouncing_dots_container"),
-            className: h(
+            className: m(
               "flex items-center [&_span]:bg-secondary-foreground [&_span]:size-1 gap-1 p-2 rounded-xl bg-secondary"
               // 'border',
             ),
@@ -693,19 +735,19 @@ function to({ agent: e }) {
     }
   ) });
 }
-const Ht = '*,: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%!important}.container{width:100%}@media (min-width: 640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\\!container{max-width:1536px!important}.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}.bottom-3{bottom:.75rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2{left:50%}.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}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.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-0{width:0px;height:0px}.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-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.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-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-40{max-height:10rem}.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-dvw{width:100dvw}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-80{min-width:20rem}.min-w-\\[3ch\\]{min-width:3ch}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.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%}.flex-\\[2\\]{flex:2}.shrink-0{flex-shrink:0}.-translate-x-1\\/2,.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))}.transform{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-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.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-white\\/30{background-color:#ffffff4d}.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-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.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{padding-top:.25rem;padding-bottom:.25rem}.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}.pb-2{padding-bottom:.5rem}.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}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.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}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.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))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.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-100{opacity:1}.opacity-35{opacity:.35}.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-\\[height\\]{transition-property:height;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{--tw-enter-scale: 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}.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\\:bg-white\\/15:hover{background-color:#ffffff26}.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\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.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\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.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))}', ro = ae.Provider, oo = ae.Root, no = ae.Trigger, Ft = J.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
+const Wt = '*,: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%!important}.container{width:100%}@media (min-width: 640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\\!container{max-width:1536px!important}.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}.bottom-3{bottom:.75rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2{left:50%}.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}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.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-0{width:0px;height:0px}.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-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.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-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-40{max-height:10rem}.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-dvw{width:100dvw}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.min-w-\\[3ch\\]{min-width:3ch}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-\\[min\\(100\\%\\,16rem\\)\\]{max-width:min(100%,16rem)}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\\[2\\]{flex:2}.shrink-0{flex-shrink:0}.-translate-x-1\\/2,.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))}.transform{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-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.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-background\\/80{background-color:hsl(var(--opencx-background) / .8)}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.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-white\\/30{background-color:#ffffff4d}.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-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.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{padding-top:.25rem;padding-bottom:.25rem}.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}.pb-2{padding-bottom:.5rem}.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-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.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}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.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))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.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-100{opacity:1}.opacity-35{opacity:.35}.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-\\[height\\]{transition-property:height;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{--tw-enter-scale: 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}.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-accent\\/60:hover{background-color:hsl(var(--opencx-accent) / .6)}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:bg-white\\/15:hover{background-color:#ffffff26}.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\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.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\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.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))}', ro = ae.Provider, oo = ae.Root, no = ae.Trigger, Lt = J.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
   ae.Content,
   {
     ref: n,
     sideOffset: o,
-    className: h(
+    className: m(
       "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
   }
 ));
-Ft.displayName = ae.Content.displayName;
+Lt.displayName = ae.Content.displayName;
 function oe({
   children: e,
   content: o,
@@ -716,7 +758,7 @@ function oe({
   return !o || s ? e : /* @__PURE__ */ d(oo, { children: [
     /* @__PURE__ */ r(no, { asChild: !0, children: e }),
     /* @__PURE__ */ r(
-      Ft,
+      Lt,
       {
         side: t,
         align: n,
@@ -744,21 +786,21 @@ const ce = {
   transitionDuration: "1000ms"
 };
 function G() {
-  var x, m, C, f, z, M, v, R, E, j, u, _, w, y, I, B, ie, Re, je, Ee, Pe, Oe, Ae, He, Fe, We, Le, $e, Ye, Be, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it;
-  const { dir: e } = ye(), { isSmallScreen: o } = L(), { theme: t, inline: n } = N(), s = (U) => n ? "100%" : U, a = (U, ue) => o ? `100dv${U}` : ue, i = (U, ue) => s(a(U, ue)), l = {
+  var x, h, z, f, C, M, v, R, P, j, u, _, w, y, I, U, ie, Re, je, Pe, Ee, Oe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it;
+  const { dir: e } = ye(), { isSmallScreen: o } = L(), { theme: t, inline: n } = N(), s = (X) => n ? "100%" : X, a = (X, ue) => o ? `100dv${X}` : ue, i = (X, ue) => s(a(X, ue)), l = {
     zIndex: ((x = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : x.zIndex) ?? 1e7,
     offset: {
-      bottom: ((C = (m = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : m.offset) == null ? void 0 : C.bottom) ?? 20,
-      right: ((z = (f = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : f.offset) == null ? void 0 : z.right) ?? (e === "ltr" ? 20 : "initial"),
+      bottom: ((z = (h = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : h.offset) == null ? void 0 : z.bottom) ?? 20,
+      right: ((C = (f = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : f.offset) == null ? void 0 : C.right) ?? (e === "ltr" ? 20 : "initial"),
       left: ((v = (M = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : M.offset) == null ? void 0 : v.left) ?? (e === "rtl" ? 20 : "initial")
     },
     size: {
-      button: ((E = (R = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : R.size) == null ? void 0 : E.button) ?? 48,
+      button: ((P = (R = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : R.size) == null ? void 0 : P.button) ?? 48,
       icon: ((u = (j = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : j.size) == null ? void 0 : u.icon) ?? 24
     }
   }, c = (() => {
-    const U = e === "ltr" ? l.offset.right : l.offset.left;
-    return typeof U != "number" ? 0 : U;
+    const X = e === "ltr" ? l.offset.right : l.offset.left;
+    return typeof X != "number" ? 0 : X;
   })(), p = {
     palette: (t == null ? void 0 : t.palette) ?? "neutral",
     primaryColor: (t == null ? void 0 : t.primaryColor) ?? "hsl(0 0% 9%)",
@@ -769,18 +811,18 @@ function G() {
       outline: ((y = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : y.outline) ?? "none",
       // was: '1px solid'
       outlineColor: ((I = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : I.outlineColor) ?? "hsl(0 0% 50% / .5)",
-      boxShadow: ((B = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : B.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
+      boxShadow: ((U = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : U.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
       transitionProperty: ((ie = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : ie.transitionProperty) ?? "all",
       transitionTimingFunction: ((Re = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Re.transitionTimingFunction) ?? ce.transitionTimingFunction,
       transitionDuration: ((je = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : je.transitionDuration) ?? ce.transitionDuration,
       offset: {
-        side: o ? 0 : l.offset.bottom + l.size.button + K.y * 2 + (((Pe = (Ee = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Ee.offset) == null ? void 0 : Pe.side) ?? 10),
+        side: o ? 0 : l.offset.bottom + l.size.button + K.y * 2 + (((Ee = (Pe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Pe.offset) == null ? void 0 : Ee.side) ?? 10),
         align: o ? 0 : c + (((Ae = (Oe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Oe.offset) == null ? void 0 : Ae.align) ?? 0)
       }
     },
     screens: {
       welcome: {
-        width: i("w", ((Fe = (He = t == null ? void 0 : t.screens) == null ? void 0 : He.welcome) == null ? void 0 : Fe.width) ?? "400px"),
+        width: i("w", ((He = (Fe = t == null ? void 0 : t.screens) == null ? void 0 : Fe.welcome) == null ? void 0 : He.width) ?? "400px"),
         // By setting minHeight to 1px, a nice animation will play from 1px to the dynamic height of the content of the screen
         minHeight: i(
           "h",
@@ -788,8 +830,8 @@ function G() {
         )
       },
       sessions: {
-        width: i("w", ((Ye = ($e = t == null ? void 0 : t.screens) == null ? void 0 : $e.sessions) == null ? void 0 : Ye.width) ?? "450px"),
-        height: i("h", ((Ue = (Be = t == null ? void 0 : t.screens) == null ? void 0 : Be.sessions) == null ? void 0 : Ue.height) ?? "600px")
+        width: i("w", ((Be = ($e = t == null ? void 0 : t.screens) == null ? void 0 : $e.sessions) == null ? void 0 : Be.width) ?? "450px"),
+        height: i("h", ((Ue = (Ye = t == null ? void 0 : t.screens) == null ? void 0 : Ye.sessions) == null ? void 0 : Ue.height) ?? "600px")
       },
       chat: {
         width: i("w", ((qe = (Xe = t == null ? void 0 : t.screens) == null ? void 0 : Xe.chat) == null ? void 0 : qe.width) ?? "525px"),
@@ -859,7 +901,7 @@ function so({
   palette: e,
   primary: o
 }) {
-  const t = Wt(e), n = ct(o).toHsl(), s = ct(o).isLight() ? t[950] : t[50];
+  const t = $t(e), n = dt(o).toHsl(), s = dt(o).isLight() ? t[950] : t[50];
   return {
     "--opencx-primary": `${n.h} ${n.s * 100}% ${n.l * 100}%`,
     "--opencx-primary-foreground": s,
@@ -878,7 +920,7 @@ function so({
     "--opencx-ring": "var(--opencx-foreground)"
   };
 }
-function Wt(e) {
+function $t(e) {
   const o = {
     50: "0 0% 98%",
     100: "0 0% 96.1%",
@@ -938,11 +980,11 @@ function Wt(e) {
     case "slate":
       return s;
     default:
-      return A(e, Wt.name), o;
+      return A(e, $t.name), o;
   }
 }
-function Lt() {
-  const { contentIframeRef: e } = P(), { inline: o } = N();
+function Bt() {
+  const { contentIframeRef: e } = E(), { inline: o } = N();
   return {
     setWidth: (t) => {
       var n;
@@ -964,12 +1006,12 @@ function Te({
   width: e,
   height: o
 }) {
-  const { isSmallScreen: t } = L(), { setWidth: n, setHeight: s } = Lt();
+  const { isSmallScreen: t } = L(), { setWidth: n, setHeight: s } = Bt();
   se(() => {
     e && n(e), o && s(o);
   }, [t, o, e, n, s]);
 }
-const mt = cr;
+const ut = ir;
 function ne({
   name: e,
   className: o
@@ -977,42 +1019,42 @@ function ne({
   const t = (() => {
     switch (e) {
       case "Check":
-        return kr;
+        return br;
       case "CheckCheck":
-        return yr;
+        return vr;
       case "CircleCheck":
-        return zt;
+        return St;
       case "CircleCheckBig":
-        return br;
+        return xr;
       case "CircleX":
-        return vr;
+        return fr;
       case "Expand":
-        return xr;
+        return wr;
       case "Maximize":
-        return fr;
+        return gr;
       case "Maximize2":
-        return wr;
+        return ur;
       case "Minimize":
-        return gr;
+        return hr;
       case "Minimize2":
-        return ur;
-      case "Shrink":
         return mr;
+      case "Shrink":
+        return pr;
       case "SquareCheck":
-        return hr;
+        return dr;
       case "SquareCheckBig":
-        return pr;
+        return cr;
       case "SquareX":
-        return dr;
+        return lr;
       case "X":
         return ke;
       case void 0:
-        return mt;
+        return ut;
       default:
-        return A(e, ne.name), mt;
+        return A(e, ne.name), ut;
     }
   })();
-  return /* @__PURE__ */ r(t, { className: h("size-4", o) });
+  return /* @__PURE__ */ r(t, { className: m("size-4", o) });
 }
 function ao() {
   var t;
@@ -1027,9 +1069,9 @@ function io({ fallback: e }) {
 function Me() {
   const {
     widgetCtx: { org: e }
-  } = P(), {
+  } = E(), {
     routerState: { screen: o }
-  } = H(), { textContent: t } = N();
+  } = F(), { textContent: t } = N();
   return (() => {
     var s, a;
     switch (o) {
@@ -1062,7 +1104,7 @@ function co() {
   const { router: e } = N(), {
     routerState: { screen: o },
     toSessionsScreen: t
-  } = H();
+  } = F();
   return o !== "chat" || e != null && e.chatScreenOnly ? null : /* @__PURE__ */ r(
     S,
     {
@@ -1070,7 +1112,7 @@ function co() {
       size: "fit",
       className: "rounded-full",
       onClick: t,
-      children: /* @__PURE__ */ r(Cr, { className: "size-4 rtl:-scale-100" })
+      children: /* @__PURE__ */ r(yr, { className: "size-4 rtl:-scale-100" })
     }
   );
 }
@@ -1097,7 +1139,7 @@ function ve({
 }) {
   const [o, t] = D(!1), {
     routerState: { screen: n }
-  } = H(), { isSmallScreen: s } = L(), { theme: a } = G(), { setWidth: i, setHeight: l } = Lt();
+  } = F(), { isSmallScreen: s } = L(), { theme: a } = G(), { setWidth: i, setHeight: l } = Bt();
   if (n !== "chat" && n !== "sessions") return null;
   const c = (() => {
     switch (n) {
@@ -1119,8 +1161,8 @@ function ve({
     }
   })(), b = () => {
     t((x) => {
-      const m = !x;
-      return l(m ? "100vh" : c), i(m ? `max(40vw, ${p})` : p), m;
+      const h = !x;
+      return l(h ? "100vh" : c), i(h ? `max(40vw, ${p})` : p), h;
     });
   };
   return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
@@ -1139,11 +1181,11 @@ function ve({
     }
   );
 }
-function $t({
+function Yt({
   button: e
 }) {
-  var z, M;
-  const { close: o } = me(), { widgetCtx: t } = P(), { setIsOpen: n } = V(), { resolveSession: s, sessionState: a } = Y(), { isSmallScreen: i } = L(), l = !a.session, c = ((z = a.session) == null ? void 0 : z.isOpened) === !1, p = e.onResolved || "stay-in-chat", b = e.behaviorBeforeSessionCreation || "disabled", x = e.behaviorIfSessionIsResolved || "disabled", m = !!(a.isResolvingSession || l && b === "disabled" || c && x === "disabled"), C = async () => {
+  var C, M;
+  const { close: o } = he(), { widgetCtx: t } = E(), { setIsOpen: n } = V(), { resolveSession: s, sessionState: a } = Y(), { isSmallScreen: i } = L(), l = !a.session, c = ((C = a.session) == null ? void 0 : C.isOpened) === !1, p = e.onResolved || "stay-in-chat", b = e.behaviorBeforeSessionCreation || "disabled", x = e.behaviorIfSessionIsResolved || "disabled", h = !!(a.isResolvingSession || l && b === "disabled" || c && x === "disabled"), z = async () => {
     const { success: v, error: R } = await s();
     if (o(), !v) return console.error(R);
     switch (p) {
@@ -1159,7 +1201,7 @@ function $t({
         n(!1), t.resetChat();
         break;
       default:
-        A(p, $t.name);
+        A(p, Yt.name);
         break;
     }
   }, f = () => {
@@ -1207,14 +1249,14 @@ function $t({
           variant: "ghost",
           size: "fit",
           className: "rounded-full",
-          disabled: m,
+          disabled: h,
           children: /* @__PURE__ */ r(ne, { name: e.icon })
         }
       ),
       children: /* @__PURE__ */ d(Ce, { children: [
-        /* @__PURE__ */ r(Mt, { children: /* @__PURE__ */ r(jt, { children: e.confirmation.title || "Close conversation" }) }),
-        /* @__PURE__ */ r(Dt, { children: /* @__PURE__ */ r(Et, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
-        /* @__PURE__ */ d(Rt, { children: [
+        /* @__PURE__ */ r(Rt, { children: /* @__PURE__ */ r(Et, { children: e.confirmation.title || "Close conversation" }) }),
+        /* @__PURE__ */ r(jt, { children: /* @__PURE__ */ r(Ot, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
+        /* @__PURE__ */ d(Pt, { children: [
           /* @__PURE__ */ r(
             S,
             {
@@ -1228,7 +1270,7 @@ function $t({
             S,
             {
               variant: "destructive",
-              onClick: C,
+              onClick: z,
               disabled: a.isResolvingSession,
               children: e.confirmation.confirmButtonText || "Yes"
             }
@@ -1242,8 +1284,8 @@ function $t({
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: c || l ? f : C,
-      disabled: m,
+      onClick: c || l ? f : z,
+      disabled: h,
       children: /* @__PURE__ */ r(ne, { name: e.icon })
     }
   );
@@ -1255,21 +1297,21 @@ function be({ button: e }) {
     case "expand-shrink":
       return /* @__PURE__ */ r(ve, { button: e });
     case "resolve-session":
-      return /* @__PURE__ */ r($t, { button: e });
+      return /* @__PURE__ */ r(Yt, { button: e });
     default:
       return A(e, be.name), null;
   }
 }
-const ho = {
+const mo = {
   functionality: "close-widget",
   hideOnLargeScreen: !0,
   icon: "X"
 };
-function mo() {
+function ho() {
   const {
     routerState: { screen: e }
-  } = H(), { headerButtons: o } = N(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
-  return !t || t.length === 0 ? /* @__PURE__ */ r(be, { button: ho }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
+  } = F(), { headerButtons: o } = N(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
+  return !t || t.length === 0 ? /* @__PURE__ */ r(be, { button: mo }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
     be,
     {
       button: n
@@ -1277,17 +1319,17 @@ function mo() {
     `${n.functionality}-${n.icon}`
   )) });
 }
-function Yt() {
+function Ut() {
   const {
     routerState: { screen: e }
-  } = H(), o = lo(e), t = Me();
+  } = F(), o = lo(e), t = Me();
   return /* @__PURE__ */ d("header", { ...o, className: "py-2 px-4 shrink-0", children: [
     /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r(co, {}),
       /* @__PURE__ */ r(
         "div",
         {
-          className: h(
+          className: m(
             "flex-1 h-8 flex items-center",
             e === "sessions" && "ps-2"
           ),
@@ -1299,24 +1341,24 @@ function Yt() {
           )
         }
       ),
-      /* @__PURE__ */ r(mo, {})
+      /* @__PURE__ */ r(ho, {})
     ] }),
     /* @__PURE__ */ r(ao, {})
   ] });
 }
-function Bt({ className: e }) {
-  return /* @__PURE__ */ r(zr, { className: h("size-4 animate-spin", e) });
+function Xt({ className: e }) {
+  return /* @__PURE__ */ r(kr, { className: m("size-4 animate-spin", e) });
 }
 function uo() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = O(), { isSmallScreen: o } = L(), { activeMode: t, Component: n } = bt();
+  } = O(), { isSmallScreen: o } = L(), { activeMode: t, Component: n } = yt();
   return {
     isCanvasOpen: !e && !o && !!t && !!n
   };
 }
 function go() {
-  const e = te(), { activeMode: o, Component: t } = bt(), { sendMessage: n } = O(), { createStateCheckpoint: s } = Y(), [a, i] = D(!1), l = async (c) => {
+  const e = te(), { activeMode: o, Component: t } = yt(), { sendMessage: n } = O(), { createStateCheckpoint: s } = Y(), [a, i] = D(!1), l = async (c) => {
     try {
       i(!0), await n(c);
     } catch (p) {
@@ -1336,7 +1378,7 @@ function go() {
     }
   );
 }
-const F = W.forwardRef(
+const H = W.forwardRef(
   (e, o) => {
     var t, n, s;
     return /* @__PURE__ */ r(
@@ -1344,7 +1386,7 @@ const F = W.forwardRef(
       {
         ...e,
         ref: o,
-        className: h("overflow-hidden", e.className),
+        className: m("overflow-hidden", e.className),
         overrides: {
           initial: { height: 0, opacity: 0, ...(t = e.overrides) == null ? void 0 : t.initial },
           animate: { height: "auto", opacity: 1, ...(n = e.overrides) == null ? void 0 : n.animate },
@@ -1354,7 +1396,7 @@ const F = W.forwardRef(
     );
   }
 );
-F.displayName = "MotionDiv__VerticalReveal";
+H.displayName = "MotionDiv__VerticalReveal";
 const wo = [
   {
     label: "Terrible",
@@ -1389,8 +1431,8 @@ function fo() {
     isCsatSubmitted: n,
     submittedScore: s,
     submittedFeedback: a
-  } = yt(), [i, l] = D(null), [c, p] = D(null), b = (m) => {
-    l((C) => C === m ? null : m);
+  } = kt(), [i, l] = D(null), [c, p] = D(null), b = (h) => {
+    l((z) => z === h ? null : h);
   }, x = () => {
     i && o({
       score: i,
@@ -1398,43 +1440,43 @@ function fo() {
     });
   };
   return !t && !n ? null : /* @__PURE__ */ d("div", { className: "w-1/2 min-w-80 max-w-96 mx-auto overflow-hidden", children: [
-    /* @__PURE__ */ r(T, { mode: "wait", children: t && !i ? /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
+    /* @__PURE__ */ r(T, { mode: "wait", children: t && !i ? /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
     /* @__PURE__ */ r(
       "div",
       {
-        className: h(
+        className: m(
           "flex gap-4 justify-between pt-2 px-2 pb-2",
           "transition-all",
           n && "gap-0 justify-center"
         ),
-        children: wo.map((m) => /* @__PURE__ */ r(
+        children: wo.map((h) => /* @__PURE__ */ r(
           S,
           {
-            variant: m.value === i ? "secondary" : "ghost",
+            variant: h.value === i ? "secondary" : "ghost",
             size: "selfless",
-            className: h(
+            className: m(
               "transition-all overflow-hidden",
               "text-2xl size-8 rounded-full",
               "opacity-35",
               "hover:opacity-100",
               !i && "opacity-100",
-              m.value === i && "opacity-100",
-              n && m.value !== s && "opacity-0 size-0",
-              n && m.value === s && "opacity-100 size-fit text-4xl"
+              h.value === i && "opacity-100",
+              n && h.value !== s && "opacity-0 size-0",
+              n && h.value === s && "opacity-100 size-fit text-4xl"
             ),
-            onClick: t ? () => b(m.value) : void 0,
-            children: m.emoji
+            onClick: t ? () => b(h.value) : void 0,
+            children: h.emoji
           },
-          m.value
+          h.value
         ))
       }
     ),
-    /* @__PURE__ */ r(T, { mode: "wait", children: (i || s) && /* @__PURE__ */ r(F, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
+    /* @__PURE__ */ r(T, { mode: "wait", children: (i || s) && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
       /* @__PURE__ */ r(
         "textarea",
         {
           rows: 3,
-          className: h(
+          className: m(
             "transition-all",
             "max-h-40 [field-sizing:content]",
             "w-full resize-none",
@@ -1445,7 +1487,7 @@ function fo() {
             n && "text-center"
           ),
           value: n ? a || "" : c || "",
-          onChange: t ? (m) => p(m.target.value) : void 0,
+          onChange: t ? (h) => p(h.target.value) : void 0,
           readOnly: n,
           placeholder: t ? "Tell us more... (optional)" : void 0
         }
@@ -1456,24 +1498,24 @@ function fo() {
           size: "fit",
           onClick: x,
           disabled: !i,
-          className: h(
+          className: m(
             "transition-all overflow-hidden",
             "rounded-full size-8 flex items-center justify-center p-0",
             n && "opacity-0 size-0"
           ),
-          children: /* @__PURE__ */ r(Nt, { className: "size-4" })
+          children: /* @__PURE__ */ r(_t, { className: "size-4" })
         }
       )
     ] }) }, "feedback-box") }),
-    /* @__PURE__ */ r("div", { className: h("h-0 transition-[height]", n && "h-4") })
+    /* @__PURE__ */ r("div", { className: m("h-0 transition-[height]", n && "h-4") })
   ] });
 }
 function Z() {
   const { dir: e } = ye(), o = N();
-  return vt(() => {
-    const t = Hr(o.language) ? o.language : "en";
+  return bt(() => {
+    const t = Fr(o.language) ? o.language : "en";
     return {
-      t: (n) => Fr(n, t, o.translationOverrides),
+      t: (n) => Hr(n, t, o.translationOverrides),
       language: t,
       dir: t === "ar" ? "rtl" : "ltr",
       hostDocumentDir: e
@@ -1494,7 +1536,7 @@ function De({
     {
       ...g("chat/suggested_reply_btn"),
       size: "sm",
-      className: h("rounded-xl w-fit", o),
+      className: m("rounded-xl w-fit", o),
       ...t,
       onClick: s,
       children: e
@@ -1519,9 +1561,9 @@ function xo() {
     }
   );
 }
-function ut() {
+function gt() {
   const { sessionState: e } = Y(), { chatFooterItems: o } = N(), t = !!e.session && !e.session.isOpened, n = !t;
-  return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, a) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Ne, { children: s.message }) }) }, `${s.message}-${a}`)) });
+  return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, a) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Ne, { children: s.message }) }) }, `${s.message}-${a}`)) });
 }
 function vo({
   file: { status: e, file: o, error: t },
@@ -1538,9 +1580,9 @@ function vo({
   const i = () => {
     switch (e) {
       case "uploading":
-        return /* @__PURE__ */ r(Tr, { className: "size-4 animate-spin" });
+        return /* @__PURE__ */ r(Nr, { className: "size-4 animate-spin" });
       case "error":
-        return /* @__PURE__ */ r(Ir, { className: "size-4 text-destructive" });
+        return /* @__PURE__ */ r(zr, { className: "size-4 text-destructive" });
       default:
         return null;
     }
@@ -1553,7 +1595,7 @@ function vo({
         className: "object-cover bg-secondary size-full",
         alt: o.name
       }
-    ) : c === "audio" ? /* @__PURE__ */ r(Mr, {}) : c === "video" ? /* @__PURE__ */ r(Dr, {}) : /* @__PURE__ */ r(Rr, {});
+    ) : c === "audio" ? /* @__PURE__ */ r(Sr, { className: "size-4 text-muted-foreground" }) : c === "video" ? /* @__PURE__ */ r(_r, { className: "size-4 text-muted-foreground" }) : o.type === "application/pdf" ? /* @__PURE__ */ r(Nt, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ r(Ir, { className: "size-4 text-muted-foreground" });
   };
   return /* @__PURE__ */ r(
     oe,
@@ -1566,7 +1608,7 @@ function vo({
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: h(
+          className: m(
             e === "uploading" && "opacity-50",
             "group",
             "size-12 border rounded-2xl overflow-hidden relative",
@@ -1578,7 +1620,7 @@ function vo({
               "button",
               {
                 type: "button",
-                className: h(
+                className: m(
                   "absolute bg-black/50 inset-0 size-full z-10 opacity-0",
                   "flex items-center justify-center",
                   "opacity-0 group-hover:opacity-100 transition"
@@ -1602,16 +1644,16 @@ function bo() {
     handleCancelUpload: p,
     appendFiles: b,
     isUploading: x,
-    successFiles: m
-  } = Qt(), C = !!((_ = n.session) != null && _.isHandedOff), { isAwaitingBotReply: f } = kt(), z = (w) => {
+    successFiles: h
+  } = er(), z = !!((_ = n.session) != null && _.isHandedOff), { isAwaitingBotReply: f } = Ct(), C = (w) => {
     b(w);
-  }, M = !a.trim() && m.length === 0, v = async () => {
+  }, M = !a.trim() && h.length === 0, v = async () => {
     if (f || M) return;
     x && console.info("please wait for the file(s) to upload");
     const w = a.trim();
     t({
       content: w,
-      attachments: m.flatMap(
+      attachments: h.flatMap(
         (y) => y.fileUrl ? [
           {
             url: y.fileUrl,
@@ -1625,16 +1667,16 @@ function bo() {
     }), i(""), c();
   }, {
     getRootProps: R,
-    getInputProps: E,
+    getInputProps: P,
     open: j
   } = Wr({
-    onDrop: z,
+    onDrop: C,
     noClick: !0,
     onDropRejected() {
       console.error("unsupported file type, or the file is too large");
     },
     maxSize: 5 * 1024 * 1024,
-    accept: C ? {
+    accept: z ? {
       "text/*": [".txt"],
       "image/*": [".png", ".jpg", ".jpeg", ".gif"],
       "application/pdf": [".pdf"]
@@ -1642,11 +1684,12 @@ function bo() {
       "image/png": [".png"],
       "image/jpeg": [".jpg", ".jpeg"],
       "image/gif": [".gif"],
-      "image/webp": [".webp"]
+      "image/webp": [".webp"],
+      "application/pdf": [".pdf"]
     }
   }), u = (w) => {
     const y = w.clipboardData;
-    y && y.files.length > 0 && z(Array.from(y.files));
+    y && y.files.length > 0 && C(Array.from(y.files));
   };
   return /* @__PURE__ */ d(
     "div",
@@ -1655,12 +1698,12 @@ function bo() {
       className: "p-2 relative space-y-1",
       ...R(),
       children: [
-        /* @__PURE__ */ r("input", { ...E() }),
+        /* @__PURE__ */ r("input", { ...P() }),
         /* @__PURE__ */ d(
           "div",
           {
             ...g("chat/input_box/inner_root"),
-            className: h(
+            className: m(
               "transition-all",
               "bg-white",
               // 'border',
@@ -1697,7 +1740,7 @@ function bo() {
                         id: "chat-input",
                         value: a,
                         rows: 3,
-                        className: h(
+                        className: m(
                           /** Match the border radius of the container */
                           // INPUT_CONTAINER_B_RADIUS,
                           "max-h-16 [field-sizing:content]",
@@ -1724,17 +1767,17 @@ function bo() {
                   {
                     side: "top",
                     align: "start",
-                    content: "attach files, (maximum size 5mb)",
+                    content: "attach images or PDF (maximum size 5mb)",
                     children: /* @__PURE__ */ r(
                       S,
                       {
                         onClick: j,
                         size: "fit",
                         variant: "ghost",
-                        className: h(
+                        className: m(
                           "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
                         ),
-                        children: /* @__PURE__ */ r(T, { mode: "wait", children: C && !f ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(Nr, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(Sr, { className: "size-4" }) }, "image-icon") })
+                        children: /* @__PURE__ */ r(T, { mode: "wait", children: f ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(ct, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(ct, { className: "size-4" }) }, "paper-clip") })
                       }
                     )
                   }
@@ -1746,7 +1789,7 @@ function bo() {
                     onClick: v,
                     disabled: f || x || M,
                     className: "rounded-full size-8 flex items-center justify-center p-0",
-                    children: /* @__PURE__ */ r(T, { mode: "wait", children: f || x ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(_r, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Nt, { className: "size-4" }) }, "send") })
+                    children: /* @__PURE__ */ r(T, { mode: "wait", children: f || x ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Cr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(_t, { className: "size-4" }) }, "send") })
                   }
                 ) })
               ] })
@@ -1757,30 +1800,30 @@ function bo() {
     }
   );
 }
-function gt() {
-  const { widgetCtx: e } = P(), { router: o } = N(), { canCreateNewSession: t } = Y(), { toSessionsScreen: n } = H(), { t: s } = Z();
+function wt() {
+  const { widgetCtx: e } = E(), { router: o } = N(), { canCreateNewSession: t } = Y(), { toSessionsScreen: n } = F(), { t: s } = Z();
   return /* @__PURE__ */ r(Q, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(S, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(S, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
 }
 function yo() {
-  const { t: e } = Z(), { isCsatRequested: o, isCsatSubmitted: t } = yt();
-  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(T, { mode: "wait", children: o || t ? /* @__PURE__ */ d(F, { children: [
+  const { t: e } = Z(), { isCsatRequested: o, isCsatSubmitted: t } = kt();
+  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(T, { mode: "wait", children: o || t ? /* @__PURE__ */ d(H, { children: [
     /* @__PURE__ */ r(fo, {}),
-    /* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(gt, {}) }, "new-conv-or-back-to-convs-button") })
-  ] }, "csat") : /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(wt, {}) }, "new-conv-or-back-to-convs-button") })
+  ] }, "csat") : /* @__PURE__ */ d(H, { children: [
     /* @__PURE__ */ d("div", { className: "ps-2 flex items-center gap-1 pb-2", children: [
-      /* @__PURE__ */ r(zt, { className: "size-4 text-emerald-600" }),
+      /* @__PURE__ */ r(St, { className: "size-4 text-emerald-600" }),
       /* @__PURE__ */ r("h2", { className: "text-sm font-medium", children: e("your_issue_has_been_resolved") })
     ] }),
-    /* @__PURE__ */ r(gt, {})
+    /* @__PURE__ */ r(wt, {})
   ] }, "session-closed") }) }) });
 }
 function ko() {
   var i;
   const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = N(), { sessionState: n } = Y(), { messagesState: s } = O(), a = s.messages.length === 0;
-  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(T, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ d(F, { children: [
+  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(T, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ d(H, { children: [
     /* @__PURE__ */ r(yo, {}),
-    /* @__PURE__ */ r(ut, {})
-  ] }, "session-closed") : /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ r(gt, {})
+  ] }, "session-closed") : /* @__PURE__ */ d(H, { children: [
     s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(xo, {}),
     a && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ r(
       De,
@@ -1790,7 +1833,7 @@ function ko() {
       `${l}-${c}`
     )) }),
     /* @__PURE__ */ r(bo, {}),
-    /* @__PURE__ */ r(ut, {})
+    /* @__PURE__ */ r(gt, {})
   ] }, "chat-input") }) });
 }
 function Co({
@@ -1799,7 +1842,7 @@ function Co({
   isAloneInGroup: t,
   ...n
 }) {
-  const { componentStore: s } = P();
+  const { componentStore: s } = E();
   if (n.type !== "AGENT" && n.type !== "AI") return null;
   if (n.data.action) {
     const i = s.getComponent(n.data.action.name);
@@ -1835,7 +1878,7 @@ function Co({
     }
   );
 }
-function Ut({
+function qt({
   messages: e,
   className: o,
   containerClassName: t
@@ -1857,7 +1900,7 @@ function Ut({
       return console.error(c), null;
     }
   })();
-  return a ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: h("text-xs text-muted-foreground", o), children: a }) }) : null;
+  return a ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: m("text-xs text-muted-foreground", o), children: a }) }) : null;
 }
 function pe({
   messages: e,
@@ -1868,7 +1911,7 @@ function pe({
     "div",
     {
       ...g("chat/agent_msg_group/root"),
-      className: h("flex items-end gap-2"),
+      className: m("flex items-end gap-2"),
       children: [
         /* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
           xe,
@@ -1878,12 +1921,12 @@ function pe({
             className: "hidden"
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: h("flex-1 flex flex-col gap-1"), children: [
+        /* @__PURE__ */ d("div", { className: m("flex-1 flex flex-col gap-1"), children: [
           /* @__PURE__ */ d(
             "div",
             {
               ...g("chat/agent_msg_group/avatar_and_msgs/root"),
-              className: h("flex items-end gap-2"),
+              className: m("flex items-end gap-2"),
               children: [
                 /* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
                   xe,
@@ -1896,7 +1939,7 @@ function pe({
                   "div",
                   {
                     ...g("chat/agent_msg_group/avatar_and_msgs/msgs"),
-                    className: h("flex-1 flex flex-col gap-1"),
+                    className: m("flex-1 flex flex-col gap-1"),
                     children: [
                       e.map((n, s, a) => /* @__PURE__ */ r(
                         Co,
@@ -1908,7 +1951,7 @@ function pe({
                         },
                         n.id
                       )),
-                      /* @__PURE__ */ r(Ut, { messages: e })
+                      /* @__PURE__ */ r(qt, { messages: e })
                     ]
                   }
                 )
@@ -1919,7 +1962,7 @@ function pe({
             "div",
             {
               ...g("chat/agent_msg_group/suggestions"),
-              className: h("flex flex-col gap-1 ps-8"),
+              className: m("flex flex-col gap-1 ps-8"),
               children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
                 De,
                 {
@@ -1954,7 +1997,7 @@ function No({
       ...g("chat/user_msg/root"),
       className: "w-5/6 flex flex-col items-end gap-1",
       children: [
-        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((a) => /* @__PURE__ */ r(Ot, { attachment: a }, a.id)) }),
+        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((a) => /* @__PURE__ */ r(Ft, { attachment: a }, a.id)) }),
         e.content.length > 0 && /* @__PURE__ */ r(
           "div",
           {
@@ -1962,7 +2005,7 @@ function No({
             "data-first": o,
             "data-last": t,
             "data-alone": n,
-            className: h(
+            className: m(
               "transition-all",
               "w-fit py-3 px-4 rounded-3xl text-sm",
               "bg-primary text-primary-foreground",
@@ -1988,7 +2031,7 @@ function So({
     "div",
     {
       ...g("chat/user_msg_group/root"),
-      className: h("group", "flex flex-col gap-1 justify-end items-end"),
+      className: m("group", "flex flex-col gap-1 justify-end items-end"),
       children: [
         e.map((o, t, n) => /* @__PURE__ */ r(
           No,
@@ -2000,7 +2043,7 @@ function So({
           },
           o.id
         )),
-        /* @__PURE__ */ r(Ut, { messages: e, containerClassName: "ms-auto" })
+        /* @__PURE__ */ r(qt, { messages: e, containerClassName: "ms-auto" })
       ]
     }
   );
@@ -2089,15 +2132,15 @@ function jo() {
     }
   ) });
 }
-function Eo() {
+function Po() {
   var t;
   const e = te(), o = (t = e.config.customComponents) == null ? void 0 : t.chatBottomComponents;
   return o ? /* @__PURE__ */ r("div", { children: o.map(({ key: n, component: s }) => /* @__PURE__ */ r(s, { ...e }, n)) }) : null;
 }
-function Po() {
+function Eo() {
   const {
     messagesState: { messages: e }
-  } = O(), { isAwaitingBotReply: o } = kt(), { componentStore: t } = P(), { bot: n, humanAgent: s } = N(), a = vt(
+  } = O(), { isAwaitingBotReply: o } = Ct(), { componentStore: t } = E(), { bot: n, humanAgent: s } = N(), a = bt(
     () => _o(e),
     [e]
   ), i = t.getComponent(
@@ -2122,20 +2165,20 @@ function Po() {
         /* @__PURE__ */ r(Do, {}),
         /* @__PURE__ */ r(jo, {}),
         a.map((p, b) => {
-          var C, f, z, M;
-          const x = (C = p == null ? void 0 : p[0]) == null ? void 0 : C.type, m = (f = p[0]) == null ? void 0 : f.id;
-          if (!x || !m) return null;
+          var z, f, C, M;
+          const x = (z = p == null ? void 0 : p[0]) == null ? void 0 : z.type, h = (f = p[0]) == null ? void 0 : f.id;
+          if (!x || !h) return null;
           if (Io(p))
-            return /* @__PURE__ */ r(So, { messages: p }, m);
+            return /* @__PURE__ */ r(So, { messages: p }, h);
           if (To(p)) {
             const v = b === a.length - 1;
-            return o && v ? null : ((z = p[0]) == null || z.agent, /* @__PURE__ */ r(
+            return o && v ? null : ((C = p[0]) == null || C.agent, /* @__PURE__ */ r(
               pe,
               {
                 messages: p,
                 agent: n ? { ...n, isAi: !0, id: null } : void 0
               },
-              m
+              h
             ));
           }
           if (Mo(p)) {
@@ -2155,13 +2198,13 @@ function Po() {
                   avatarUrl: s.avatarUrl || null
                 } : void 0
               },
-              m
+              h
             );
           }
           return null;
         }),
         o && i && /* @__PURE__ */ r(i, { agent: n }),
-        /* @__PURE__ */ r(Eo, {}),
+        /* @__PURE__ */ r(Po, {}),
         /* @__PURE__ */ r(zo, {})
       ]
     }
@@ -2182,7 +2225,7 @@ function Oo() {
     "div",
     {
       ...g("chat/root"),
-      className: h("flex flex-col overflow-hidden"),
+      className: m("flex flex-col overflow-hidden"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2194,12 +2237,12 @@ function Oo() {
         // Relative to the iframe
       },
       children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
-        /* @__PURE__ */ r(Yt, {}),
+        /* @__PURE__ */ r(Ut, {}),
         /* @__PURE__ */ r(T, { mode: "wait", children: e ? /* @__PURE__ */ r(
           k,
           {
             className: "flex flex-col items-center justify-center w-full flex-1",
-            children: /* @__PURE__ */ r(Bt, {})
+            children: /* @__PURE__ */ r(Xt, {})
           },
           "loading"
         ) : /* @__PURE__ */ d(
@@ -2212,7 +2255,7 @@ function Oo() {
                 "div",
                 {
                   ...g("chat/main/root"),
-                  className: h(
+                  className: m(
                     "flex flex-col h-full overflow-auto transition-all",
                     t ? "w-2/5" : "w-full"
                   ),
@@ -2221,7 +2264,7 @@ function Oo() {
                     transitionDuration: n.screens.chat.withCanvas.transitionDuration
                   },
                   children: [
-                    /* @__PURE__ */ r(Po, {}),
+                    /* @__PURE__ */ r(Eo, {}),
                     /* @__PURE__ */ r(ko, {})
                   ]
                 }
@@ -2230,7 +2273,7 @@ function Oo() {
                 "div",
                 {
                   ...g("chat/canvas/root"),
-                  className: h(
+                  className: m(
                     "h-full overflow-auto transition-all",
                     t ? "w-3/5" : "w-0"
                   ),
@@ -2256,12 +2299,12 @@ function Ao({
   return /* @__PURE__ */ r(
     "div",
     {
-      className: h("animate-pulse rounded-md bg-secondary", e),
+      className: m("animate-pulse rounded-md bg-secondary", e),
       ...o
     }
   );
 }
-function Ho({ className: e }) {
+function Fo({ className: e }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -2270,7 +2313,7 @@ function Ho({ className: e }) {
       viewBox: "0 0 26 32",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: h("text-primary-foreground", e),
+      className: m("text-primary-foreground", e),
       children: /* @__PURE__ */ r(
         "path",
         {
@@ -2281,22 +2324,22 @@ function Ho({ className: e }) {
     }
   );
 }
-function Xt({ className: e }) {
+function Vt({ className: e }) {
   const { token: o } = N();
   return /* @__PURE__ */ r(
     "div",
     {
-      className: h(
+      className: m(
         "flex items-center justify-center gap-2 p-2 pt-0",
         e
       ),
-      children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ d(
         "a",
         {
           href: `https://open.cx/?ref=${o}`,
           target: "_blank",
           rel: "noreferrer",
-          className: h(
+          className: m(
             "text-[10px] flex items-center",
             "text-muted-foreground/70 [&_svg]:text-muted-foreground/70",
             "hover:text-primary [&_svg]:hover:text-primary"
@@ -2305,7 +2348,7 @@ function Xt({ className: e }) {
             /* @__PURE__ */ r("span", { children: "Powered by" }),
             /* @__PURE__ */ r("span", { children: " " }),
             /* @__PURE__ */ d("span", { className: "flex items-center gap-[1px]", children: [
-              /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(Ho, { className: "size-3 inline-block" }) }),
+              /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(Fo, { className: "size-3 inline-block" }) }),
               /* @__PURE__ */ r("span", { className: "font-semibold", children: "open" })
             ] })
           ]
@@ -2314,20 +2357,20 @@ function Xt({ className: e }) {
     }
   );
 }
-function Fo({ children: e }) {
+function Ho({ children: e }) {
   return /* @__PURE__ */ r("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
 }
-function wt({
+function ft({
   session: e,
   className: o
 }) {
-  const { bot: t, humanAgent: n } = N(), { toChatScreen: s } = H(), a = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
+  const { bot: t, humanAgent: n } = N(), { toChatScreen: s } = F(), a = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
   return /* @__PURE__ */ d(
     S,
     {
       variant: "ghost",
       size: "lg",
-      className: h(
+      className: m(
         "rounded-full p-2 pe-4 flex text-start justify-between w-full whitespace-normal",
         o
       ),
@@ -2336,28 +2379,28 @@ function wt({
         /* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
           /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ d(Se, { className: "size-10", children: [
             /* @__PURE__ */ r(_e, { src: i, alt: "Agent Icon" }),
-            /* @__PURE__ */ r(Ie, { children: /* @__PURE__ */ r(jr, { className: "size-4" }) })
+            /* @__PURE__ */ r(Ie, { children: /* @__PURE__ */ r(Tr, { className: "size-4" }) })
           ] }) }) }),
           /* @__PURE__ */ d("div", { className: "flex-1", children: [
             /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: a }, a) }),
             /* @__PURE__ */ r(T, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
-              At,
+              Ht,
               {
-                remarkPlugins: [St],
-                rehypePlugins: [_t],
+                remarkPlugins: [It],
+                rehypePlugins: [Tt],
                 className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
                 children: e.lastMessage
               }
             ) }, e.lastMessage || "content") : /* @__PURE__ */ r(k, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(Ao, { className: "h-4 w-full" }) }, "skeleton") })
           ] })
         ] }),
-        /* @__PURE__ */ r(Er, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
+        /* @__PURE__ */ r(Mr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
       ]
     }
   );
 }
 function Wo() {
-  const { t: e } = Z(), { toChatScreen: o } = H(), {
+  const { t: e } = Z(), { toChatScreen: o } = F(), {
     sessionsState: { data: t, isInitialFetchLoading: n },
     openSessions: s,
     closedSessions: a,
@@ -2367,7 +2410,7 @@ function Wo() {
     k,
     {
       className: "flex-1 flex items-center justify-center",
-      children: /* @__PURE__ */ r(Bt, {})
+      children: /* @__PURE__ */ r(Xt, {})
     },
     "loading"
   ) : /* @__PURE__ */ r(
@@ -2383,7 +2426,7 @@ function Wo() {
               delay: 0.2,
               className: "space-y-2",
               snapExit: !0,
-              children: s.map((l) => /* @__PURE__ */ r(wt, { session: l }, l.id))
+              children: s.map((l) => /* @__PURE__ */ r(ft, { session: l }, l.id))
             },
             "open-sessions"
           ),
@@ -2394,9 +2437,9 @@ function Wo() {
               delay: 0.2,
               snapExit: !0,
               children: [
-                /* @__PURE__ */ r(Fo, { children: e("closed_conversations") }),
+                /* @__PURE__ */ r(Ho, { children: e("closed_conversations") }),
                 a.map((l) => /* @__PURE__ */ r(
-                  wt,
+                  ft,
                   {
                     session: l,
                     className: "opacity-50 hover:opacity-100"
@@ -2446,7 +2489,7 @@ function Lo() {
     "div",
     {
       ...g("sessions/root"),
-      className: h("flex flex-col overflow-hidden bg-background"),
+      className: m("flex flex-col overflow-hidden bg-background"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2458,9 +2501,9 @@ function Lo() {
         // Relative to the iframe
       },
       children: /* @__PURE__ */ d("div", { className: "size-full flex flex-col", children: [
-        /* @__PURE__ */ r(Yt, {}),
+        /* @__PURE__ */ r(Ut, {}),
         /* @__PURE__ */ r(Wo, {}),
-        /* @__PURE__ */ r(Xt, {})
+        /* @__PURE__ */ r(Vt, {})
       ] })
     }
   );
@@ -2473,7 +2516,7 @@ const de = J.forwardRef(
       {
         ref: n,
         type: o,
-        className: h(
+        className: m(
           // 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",
@@ -2488,7 +2531,7 @@ const de = J.forwardRef(
 );
 de.displayName = "Input";
 function $o() {
-  const { contentIframeRef: e } = P(), { inline: o } = N(), t = $(null);
+  const { contentIframeRef: e } = E(), { inline: o } = N(), t = $(null);
   return se(() => {
     const n = e == null ? void 0 : e.current;
     if (n && t.current) {
@@ -2509,35 +2552,35 @@ function $o() {
     }
   }, [e, o]), { observedElementRef: t };
 }
-const Yo = ge.object({
+const Bo = ge.object({
   name: ge.string().min(2),
   email: ge.string().email()
 });
-function Bo() {
-  var v, R, E, j, u, _, w, y;
+function Yo() {
+  var v, R, P, j, u, _, w, y;
   const {
     widgetCtx: { org: e }
-  } = P(), { setIsOpen: o } = V(), { createUnverifiedContact: t } = Ct(), { isSmallScreen: n } = L(), s = N(), { theme: a } = G(), { t: i } = Z(), { observedElementRef: l } = $o();
+  } = E(), { setIsOpen: o } = V(), { createUnverifiedContact: t } = zt(), { isSmallScreen: n } = L(), s = N(), { theme: a } = G(), { t: i } = Z(), { observedElementRef: l } = $o();
   Te({
     height: void 0,
     width: a.screens.welcome.width
   });
-  const [c, p] = D(((v = s.prefillUserData) == null ? void 0 : v.name) || ""), [b, x] = D(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), m = (s.extraDataCollectionFields || []).filter(
+  const [c, p] = D(((v = s.prefillUserData) == null ? void 0 : v.name) || ""), [b, x] = D(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), h = (s.extraDataCollectionFields || []).filter(
     (I) => I !== "name" && I !== "email" && !!I
-  ), [C, f] = D({}), [z, M] = Lr(
+  ), [z, f] = D({}), [C, M] = Lr(
     async (I) => {
       I.preventDefault();
-      const B = Yo.safeParse({ name: c, email: b });
-      B.success && await t(
+      const U = Bo.safeParse({ name: c, email: b });
+      U.success && await t(
         {
-          email: B.data.email,
-          non_verified_name: B.data.name
+          email: U.data.email,
+          non_verified_name: U.data.name
         },
         // Only pass extra data if there is any
-        Object.values(C).filter(Boolean).length ? C : void 0
+        Object.values(z).filter(Boolean).length ? z : void 0
       );
     },
-    [c, b, C]
+    [c, b, z]
   );
   return /* @__PURE__ */ r(
     "div",
@@ -2558,7 +2601,7 @@ function Bo() {
         "div",
         {
           ref: l,
-          className: h(
+          className: m(
             "flex flex-col",
             n && "h-full",
             "bg-[radial-gradient(ellipse_at_top_left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse_at_top_right,hsl(var(--opencx-primary)),transparent)]"
@@ -2567,13 +2610,13 @@ function Bo() {
             /* @__PURE__ */ d(
               "div",
               {
-                className: h(
+                className: m(
                   "flex-1 flex flex-col px-4 py-12 text-start space-y-4 relative z-10",
                   "text-primary-foreground"
                 ),
                 children: [
                   n && /* @__PURE__ */ r(k, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(S, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(ke, { className: "size-4" }) }) }),
-                  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (E = s.assets) != null && E.organizationLogo ? /* @__PURE__ */ r(
+                  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (P = s.assets) != null && P.organizationLogo ? /* @__PURE__ */ r(
                     "img",
                     {
                       src: (j = s.assets) == null ? void 0 : j.organizationLogo,
@@ -2591,7 +2634,7 @@ function Bo() {
             /* @__PURE__ */ d(
               "div",
               {
-                className: h(
+                className: m(
                   "z-10 m-2 px-2 pt-2 bp-0 space-y-2",
                   "bg-[white]",
                   "border shadow",
@@ -2620,13 +2663,13 @@ function Bo() {
                         name: "email"
                       }
                     ),
-                    m.map((I) => /* @__PURE__ */ r(
+                    h.map((I) => /* @__PURE__ */ r(
                       de,
                       {
-                        value: C[I],
-                        onChange: (B) => f((ie) => ({
+                        value: z[I],
+                        onChange: (U) => f((ie) => ({
                           ...ie,
-                          [I]: B.target.value
+                          [I]: U.target.value
                         })),
                         placeholder: `${I} (${i("optional")})`
                       },
@@ -2635,17 +2678,17 @@ function Bo() {
                     /* @__PURE__ */ d(
                       S,
                       {
-                        disabled: z.loading,
+                        disabled: C.loading,
                         className: "w-full",
                         size: "lg",
                         children: [
-                          z.loading ? i("start_chat_button_loading") : i("start_chat_button"),
-                          /* @__PURE__ */ r(Pr, { className: "size-4 rtl:-scale-100" })
+                          C.loading ? i("start_chat_button_loading") : i("start_chat_button"),
+                          /* @__PURE__ */ r(Dr, { className: "size-4 rtl:-scale-100" })
                         ]
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ r(Xt, {})
+                  /* @__PURE__ */ r(Vt, {})
                 ]
               }
             )
@@ -2655,10 +2698,10 @@ function Bo() {
     }
   );
 }
-function qt() {
+function Gt() {
   const {
     routerState: { screen: e }
-  } = H();
+  } = F();
   return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(T, { mode: "wait", children: (() => {
     switch (e) {
       case "welcome":
@@ -2668,7 +2711,7 @@ function qt() {
             fadeIn: "right",
             className: "size-full",
             snapExit: !0,
-            children: /* @__PURE__ */ r(Bo, {})
+            children: /* @__PURE__ */ r(Yo, {})
           },
           e
         );
@@ -2695,15 +2738,15 @@ function qt() {
           e
         );
       default:
-        return A(e, qt.name), null;
+        return A(e, Gt.name), null;
     }
   })() }) });
 }
-const Uo = "4.0.48", Xo = `<!DOCTYPE html>
+const Uo = "4.0.49", Xo = `<!DOCTYPE html>
 <html>
 <head>
 <style>
-${Ht}
+${Wt}
 html, body {
     height: 100%;
     width: 100%;
@@ -2717,8 +2760,8 @@ html, body {
 <body>
 </body>
 </html>`;
-function Vt() {
-  const { isOpen: e } = V(), { contentIframeRef: o } = P(), { cssOverrides: t, inline: n } = N(), { theme: s, cssVars: a, computed: i } = G(), { dir: l } = Z();
+function Zt() {
+  const { isOpen: e } = V(), { contentIframeRef: o } = E(), { cssOverrides: t, inline: n } = N(), { theme: s, cssVars: a, computed: i } = G(), { dir: l } = Z();
   return /* @__PURE__ */ r(
     re.div,
     {
@@ -2739,7 +2782,7 @@ function Vt() {
         }
       },
       children: /* @__PURE__ */ d(
-        It,
+        Mt,
         {
           ref: o,
           initialContent: Xo,
@@ -2780,7 +2823,7 @@ function Vt() {
                   zIndex: s.widgetContentContainer.zIndex
                 },
                 "data-version": Uo,
-                className: h(
+                className: m(
                   "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
                 ),
                 dir: l,
@@ -2789,7 +2832,7 @@ function Vt() {
                   {
                     delayDuration: 200,
                     disableHoverableContent: !0,
-                    children: /* @__PURE__ */ r(Gr, { children: /* @__PURE__ */ r(qt, {}) })
+                    children: /* @__PURE__ */ r(Gr, { children: /* @__PURE__ */ r(Gt, {}) })
                   }
                 )
               }
@@ -2803,7 +2846,7 @@ function Vt() {
 function qo() {
   const { theme: e } = G();
   return /* @__PURE__ */ r(
-    he.Content,
+    me.Content,
     {
       onInteractOutside: (o) => o.preventDefault(),
       forceMount: !0,
@@ -2818,7 +2861,7 @@ function qo() {
       sideOffset: e.widgetContentContainer.offset.side,
       alignOffset: e.widgetContentContainer.offset.align,
       avoidCollisions: !1,
-      children: /* @__PURE__ */ r(Vt, {})
+      children: /* @__PURE__ */ r(Zt, {})
     }
   );
 }
@@ -2834,7 +2877,7 @@ function Vo({
       viewBox: "0 0 32 30",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: h("text-primary-foreground", e),
+      className: m("text-primary-foreground", e),
       style: o,
       children: [
         /* @__PURE__ */ r(
@@ -2861,7 +2904,7 @@ const Go = `<!DOCTYPE html>
 <html>
 <head>
 <style>
-${Ht}
+${Wt}
 html, body {
     height: 100%;
     width: 100%;
@@ -2882,7 +2925,7 @@ function Zo() {
     isOpen: e,
     setIsOpen: (p) => o(p)
   }) : /* @__PURE__ */ d(
-    It,
+    Mt,
     {
       initialContent: Go,
       title: "OpenCX Live Chat Trigger",
@@ -2915,20 +2958,20 @@ function Zo() {
               justifyContent: "center"
             },
             children: /* @__PURE__ */ r(
-              he.PopoverTrigger,
+              me.PopoverTrigger,
               {
-                className: h(
+                className: m(
                   "font-sans flex items-center justify-center rounded-full"
                 ),
                 style: {
                   height: a.widgetTrigger.size.button,
                   width: a.widgetTrigger.size.button
                 },
-                children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
                   "div",
                   {
                     ...g("trigger/btn"),
-                    className: h(
+                    className: m(
                       "relative size-full rounded-full",
                       "flex items-center justify-center",
                       "overflow-hidden",
@@ -2956,7 +2999,7 @@ function Zo() {
                             }
                           }
                         ) : /* @__PURE__ */ r(
-                          Or,
+                          Rr,
                           {
                             style: {
                               width: a.widgetTrigger.size.icon,
@@ -3010,7 +3053,7 @@ function Zo() {
 function Ko() {
   const { dir: e } = ye();
   return /* @__PURE__ */ r(
-    he.Anchor,
+    me.Anchor,
     {
       style: {
         position: "fixed",
@@ -3024,10 +3067,10 @@ function Ko() {
 function Qo({
   widgetRef: e
 }) {
-  const { widgetCtx: o } = P(), { contactState: t } = Ct(), { setIsOpen: n, isOpen: s } = V(), {
+  const { widgetCtx: o } = E(), { contactState: t } = zt(), { setIsOpen: n, isOpen: s } = V(), {
     toChatScreen: a,
     routerState: { screen: i }
-  } = H(), { sendMessage: l } = O();
+  } = F(), { sendMessage: l } = O();
   return W.useImperativeHandle(
     e,
     () => ({
@@ -3053,7 +3096,7 @@ function Qo({
 }
 function Jo() {
   const { isOpen: e, setIsOpen: o } = V();
-  return /* @__PURE__ */ d(he.Root, { open: e, onOpenChange: o, children: [
+  return /* @__PURE__ */ d(me.Root, { open: e, onOpenChange: o, children: [
     /* @__PURE__ */ r(Ko, {}),
     /* @__PURE__ */ r(Zo, {}),
     /* @__PURE__ */ r(qo, {})
@@ -3086,15 +3129,15 @@ const en = [
   }
 }, rn = W.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
   return /* @__PURE__ */ r(
-    Jt,
+    tr,
     {
       components: [...en, ...t],
       options: o,
       storage: tn,
       loadingComponent: n,
-      children: /* @__PURE__ */ d(er, { children: [
+      children: /* @__PURE__ */ d(rr, { children: [
         /* @__PURE__ */ r(Qo, { widgetRef: s }),
-        o.inline ? /* @__PURE__ */ r(Vt, {}) : /* @__PURE__ */ r(Jo, {})
+        o.inline ? /* @__PURE__ */ r(Zt, {}) : /* @__PURE__ */ r(Jo, {})
       ] })
     }
   );