@opencx/widget-react 4.0.17 → 4.0.18

package/dist/index.js

@@ -1,66 +1,66 @@
-import { jsx as o, jsxs as d, Fragment as te } from "react/jsx-runtime";
-import * as ie from "@radix-ui/react-popover";
+import { jsx as r, jsxs as d, Fragment as te } from "react/jsx-runtime";
+import * as ae from "@radix-ui/react-popover";
 import * as G from "react";
-import $, { memo as Bt, forwardRef as it, useState as I, cloneElement as lt, createContext as Lt, useEffect as oe, useContext as Yt, useMemo as ct, useRef as le, createElement as tt } from "react";
-import { useWidget as j, useConfig as x, useDocumentDir as we, useWidgetRouter as B, useWidgetTrigger as K, useSessions as q, useMessages as R, useModes as dt, useCsat as pt, useUploadFiles as $t, useIsAwaitingBotReply as ht, useContact as qt, WidgetProvider as Ut, WidgetTriggerProvider as Vt } from "@opencx/widget-react-headless";
-import { clsx as Xt } from "clsx";
-import { twMerge as Gt } from "tailwind-merge";
-import { motion as Q, AnimatePresence as S } from "framer-motion";
-import { Slot as Kt } from "@radix-ui/react-slot";
-import { cva as Zt } from "class-variance-authority";
-import { X as Qt, CircleDashedIcon as Jt, XIcon as fe, SquareXIcon as eo, SquareCheckBigIcon as to, SquareCheckIcon as oo, ShrinkIcon as ro, Minimize2Icon as no, MinimizeIcon as so, Maximize2Icon as ao, MaximizeIcon as io, ExpandIcon as lo, CircleXIcon as co, CircleCheckBigIcon as po, CircleCheckIcon as mt, CheckCheckIcon as ho, CheckIcon as mo, ChevronLeftIcon as uo, LoaderIcon as go, ArrowUpIcon as ut, PaperclipIcon as wo, ImageIcon as fo, CircleDashed as vo, AlertCircle as bo, Loader2 as xo, FileAudio2Icon as yo, FileVideo2Icon as ko, FileIcon as Co, UserRoundIcon as zo, ChevronRightIcon as No, SendHorizontal as So, ChevronDownIcon as _o } from "lucide-react";
-import gt from "remark-gfm";
-import Io from "react-markdown";
-import wt from "rehype-raw";
-import { isExhaustive as D } from "@opencx/widget-core";
-import * as Z from "@radix-ui/react-avatar";
+import Y, { memo as Wt, forwardRef as at, useState as I, cloneElement as lt, createContext as $t, useEffect as re, useContext as Bt, useMemo as ct, useRef as le, createElement as tt } from "react";
+import { useWidget as j, useConfig as b, useDocumentDir as ue, useWidgetRouter as $, useWidgetTrigger as K, useSessions as q, useMessages as E, useModes as dt, useCsat as pt, useUploadFiles as Lt, useIsAwaitingBotReply as ht, useContact as Yt, WidgetProvider as qt, WidgetTriggerProvider as Xt } from "@opencx/widget-react-headless";
+import { clsx as Ut } from "clsx";
+import { twMerge as Vt } from "tailwind-merge";
+import { motion as Z, AnimatePresence as S } from "framer-motion";
+import { Slot as Gt } from "@radix-ui/react-slot";
+import { cva as Kt } from "class-variance-authority";
+import { X as Qt, CircleDashedIcon as Zt, XIcon as fe, SquareXIcon as Jt, SquareCheckBigIcon as er, SquareCheckIcon as tr, ShrinkIcon as rr, Minimize2Icon as or, MinimizeIcon as nr, Maximize2Icon as sr, MaximizeIcon as ir, ExpandIcon as ar, CircleXIcon as lr, CircleCheckBigIcon as cr, CircleCheckIcon as mt, CheckCheckIcon as dr, CheckIcon as pr, ChevronLeftIcon as hr, LoaderIcon as mr, ArrowUpIcon as gt, PaperclipIcon as gr, ImageIcon as wr, CircleDashed as ur, AlertCircle as fr, Loader2 as vr, FileAudio2Icon as xr, FileVideo2Icon as br, FileIcon as yr, UserRoundIcon as kr, ChevronRightIcon as Cr, SendHorizontal as zr, ChevronDownIcon as Nr } from "lucide-react";
+import wt from "remark-gfm";
+import Sr from "react-markdown";
+import ut from "rehype-raw";
+import { isExhaustive as D, isSupportedLanguage as _r, getTranslation as Ir } from "@opencx/widget-core";
+import * as Q from "@radix-ui/react-avatar";
 import ft from "@uiw/react-iframe";
-import * as re from "@radix-ui/react-tooltip";
-import ot from "tinycolor2";
-import { useDropzone as To } from "react-dropzone";
-import Mo from "react-use/lib/useAsyncFn";
+import * as oe from "@radix-ui/react-tooltip";
+import rt from "tinycolor2";
+import { useDropzone as Tr } from "react-dropzone";
+import Mr from "react-use/lib/useAsyncFn";
 import { z as pe } from "zod";
-function u(e) {
+function g(e) {
   return { "data-component": e };
 }
 function p(...e) {
-  return Gt(Xt(e));
+  return Vt(Ut(e));
 }
-const X = {
+const V = {
   x: 2,
   y: 2
-}, H = Bt(
-  it(
-    ({ children: e, className: r, scale: t = 1.02, off: n = !1 }, s) => {
-      const [i, a] = I(!1), [c, l] = I({ x: 0, y: 0 });
+}, H = Wt(
+  at(
+    ({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
+      const [a, i] = I(!1), [c, l] = I({ x: 0, y: 0 });
       if (n || /translate/.test(
         e.props.className || ""
       )) return e;
-      const b = (f) => {
+      const x = (f) => {
         var C, z;
-        const { clientX: N, clientY: T } = f, _ = f.currentTarget.getBoundingClientRect(), M = N - (_.left + _.width / 2), A = T - (_.top + _.height / 2), P = Math.max(
+        const { clientX: N, clientY: T } = f, _ = f.currentTarget.getBoundingClientRect(), M = N - (_.left + _.width / 2), O = T - (_.top + _.height / 2), A = Math.max(
           -1,
           Math.min(1, M / (_.width / 2))
-        ), W = Math.max(
+        ), F = Math.max(
           -1,
-          Math.min(1, A / (_.height / 2))
-        ), E = P * X.x, v = W * X.y;
-        l({ x: E, y: v }), (z = (C = e.props).onMouseMove) == null || z.call(C, f);
-      }, w = () => {
+          Math.min(1, O / (_.height / 2))
+        ), R = A * V.x, v = F * V.y;
+        l({ x: R, y: v }), (z = (C = e.props).onMouseMove) == null || z.call(C, f);
+      }, u = () => {
         var f, N;
-        a(!0), (N = (f = e.props).onMouseEnter) == null || N.call(f);
+        i(!0), (N = (f = e.props).onMouseEnter) == null || N.call(f);
       }, m = () => {
         var f, N;
-        a(!1), l({ x: 0, y: 0 }), (N = (f = e.props).onMouseLeave) == null || N.call(f);
+        i(!1), l({ x: 0, y: 0 }), (N = (f = e.props).onMouseLeave) == null || N.call(f);
       }, k = {
-        "--wobble-x": i ? `${c.x}px` : "0px",
-        "--wobble-y": i ? `${c.y}px` : "0px",
+        "--wobble-x": a ? `${c.x}px` : "0px",
+        "--wobble-y": a ? `${c.y}px` : "0px",
         "--scale": 1 - (t - 1)
       };
       return lt(e, {
         ref: s,
-        onMouseMove: b,
-        onMouseEnter: w,
+        onMouseMove: x,
+        onMouseEnter: u,
         onMouseLeave: m,
         style: {
           ...k,
@@ -70,7 +70,7 @@ const X = {
           "translate-x-[var(--wobble-x)]",
           "translate-y-[var(--wobble-y)]",
           "hover:scale-[var(--scale)] active:hover:scale-[calc(var(--scale)-0.02)]",
-          r,
+          o,
           e.props.className,
           "transition-all ease-out"
         )
@@ -79,43 +79,43 @@ const X = {
   )
 );
 H.displayName = "Wobble";
-const Do = 10, jo = (e, r, t) => ({
-  initial: { opacity: 0, x: -e, ...r.initial },
-  animate: { opacity: 1, x: 0, ...r.animate, transition: { delay: t } },
-  exit: { opacity: 0, x: e, ...r.exit }
-}), Eo = (e, r, t) => ({
-  initial: { opacity: 0, x: e, ...r.initial },
-  animate: { opacity: 1, x: 0, ...r.animate, transition: { delay: t } },
-  exit: { opacity: 0, x: -e, ...r.exit }
-}), Ro = (e, r, t) => ({
-  initial: { opacity: 0, y: e, ...r.initial },
-  animate: { opacity: 1, y: 0, ...r.animate, transition: { delay: t } },
-  exit: { opacity: 0, y: -e, ...r.exit }
-}), Oo = (e, r, t) => ({
-  initial: { opacity: 0, y: -e, ...r.initial },
-  animate: { opacity: 1, y: 0, ...r.animate, transition: { delay: t } },
-  exit: { opacity: 0, y: e, ...r.exit }
-}), Ao = {
-  right: jo,
-  left: Eo,
-  up: Ro,
-  down: Oo
-}, g = it(
+const Dr = 10, jr = (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 }
+}), Rr = (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 }
+}), Er = (e, o, t) => ({
+  initial: { opacity: 0, y: e, ...o.initial },
+  animate: { opacity: 1, y: 0, ...o.animate, transition: { delay: t } },
+  exit: { opacity: 0, y: -e, ...o.exit }
+}), Pr = (e, o, t) => ({
+  initial: { opacity: 0, y: -e, ...o.initial },
+  animate: { opacity: 1, y: 0, ...o.animate, transition: { delay: t } },
+  exit: { opacity: 0, y: e, ...o.exit }
+}), Or = {
+  right: jr,
+  left: Rr,
+  up: Er,
+  down: Pr
+}, w = at(
   ({
     fadeIn: e = "down",
-    distance: r = Do,
+    distance: o = Dr,
     children: t,
     snapExit: n = !1,
     overrides: s = {},
-    delay: i = 0,
-    ...a
+    delay: a = 0,
+    ...i
   }, c) => {
-    const l = e ? Ao[e](r, s, i) : {};
-    return n && l.exit && typeof l.exit == "object" && !Array.isArray(l.exit) && (l.exit.transition = { duration: 0 }), /* @__PURE__ */ o(Q.div, { ref: c, ...a, ...l, children: t });
+    const l = e ? Or[e](o, s, a) : {};
+    return n && l.exit && typeof l.exit == "object" && !Array.isArray(l.exit) && (l.exit.transition = { duration: 0 }), /* @__PURE__ */ r(Z.div, { ref: c, ...i, ...l, children: t });
   }
 );
-g.displayName = "MotionDiv";
-const Po = Zt(
+w.displayName = "MotionDiv";
+const Ar = Kt(
   p(
     "inline-flex shrink-0 items-center justify-center gap-2",
     "text-sm font-medium whitespace-nowrap",
@@ -155,22 +155,22 @@ const Po = Zt(
     }
   }
 ), y = G.forwardRef(
-  ({ className: e, variant: r = "default", size: t, asChild: n = !1, ...s }, i) => /* @__PURE__ */ o(H, { ref: i, children: /* @__PURE__ */ o(
-    n ? Kt : "button",
+  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ r(H, { ref: a, children: /* @__PURE__ */ r(
+    n ? Gt : "button",
     {
-      ...u("ui_lib/btn"),
-      "data-variant": r,
-      className: p(Po({ variant: r, size: t, className: e })),
+      ...g("ui_lib/btn"),
+      "data-variant": o,
+      className: p(Ar({ variant: o, size: t, className: e })),
       ...s
     }
   ) })
 );
 y.displayName = "Button";
-const vt = Lt(null);
-function Wo({ children: e }) {
-  const [r, t] = I(!1), [n, s] = I(null), i = (c) => {
+const vt = $t(null);
+function Fr({ children: e }) {
+  const [o, t] = I(!1), [n, s] = I(null), a = (c) => {
     s(c), t(!0);
-  }, a = () => {
+  }, i = () => {
     t(!1), setTimeout(() => {
       s(null);
     }, 200);
@@ -178,16 +178,16 @@ function Wo({ children: e }) {
   return /* @__PURE__ */ d(
     vt.Provider,
     {
-      value: { open: i, close: a, isOpen: r, content: n },
+      value: { open: a, close: i, isOpen: o, content: n },
       children: [
-        /* @__PURE__ */ o(Ho, {}),
+        /* @__PURE__ */ r(Hr, {}),
         e
       ]
     }
   );
 }
 function ce() {
-  const e = Yt(vt);
+  const e = Bt(vt);
   return e || (console.error("useDialoger must be used within a DialogerProvider"), {
     open: () => {
     },
@@ -197,14 +197,14 @@ function ce() {
     content: null
   });
 }
-function Ho() {
-  const { contentIframeRef: e } = j(), { isOpen: r, content: t, close: n } = ce();
-  return oe(() => {
-    var i, a;
+function Hr() {
+  const { contentIframeRef: e } = j(), { isOpen: o, content: t, close: n } = ce();
+  return re(() => {
+    var a, i;
     const s = (c) => {
       c.key === "Escape" && n();
     };
-    return (a = (i = e == null ? void 0 : e.current) == null ? void 0 : i.contentWindow) == null || a.document.addEventListener(
+    return (i = (a = e == null ? void 0 : e.current) == null ? void 0 : a.contentWindow) == null || i.document.addEventListener(
       "keydown",
       s
     ), () => {
@@ -214,8 +214,8 @@ function Ho() {
         s
       );
     };
-  }, []), /* @__PURE__ */ o(S, { mode: "wait", children: r && t && /* @__PURE__ */ o(
-    g,
+  }, []), /* @__PURE__ */ r(S, { mode: "wait", children: o && t && /* @__PURE__ */ r(
+    w,
     {
       overrides: {
         initial: { y: 0 },
@@ -229,9 +229,9 @@ function Ho() {
     "dialog-content"
   ) });
 }
-function bt({
+function xt({
   children: e,
-  className: r,
+  className: o,
   withClose: t = !1
 }) {
   const { close: n } = ce();
@@ -240,7 +240,7 @@ function bt({
     {
       className: p(
         "fixed left-[50%] top-[50%] z-50 flex flex-col gap-4 w-full max-w-[61.8%] translate-x-[-50%] translate-y-[-50%] border bg-background p-4 rounded-3xl",
-        r
+        o
       ),
       onClick: (s) => s.stopPropagation(),
       children: [
@@ -253,8 +253,8 @@ function bt({
             variant: "secondary",
             onClick: n,
             children: [
-              /* @__PURE__ */ o(Qt, { className: "h-4 w-4" }),
-              /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+              /* @__PURE__ */ r(Qt, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
             ]
           }
         )
@@ -262,34 +262,34 @@ function bt({
     }
   );
 }
-const xt = ({
+const bt = ({
   className: e,
-  ...r
-}) => /* @__PURE__ */ o(
+  ...o
+}) => /* @__PURE__ */ r(
   "div",
   {
     className: p("flex flex-col gap-2 text-center pt-2", e),
-    ...r
+    ...o
   }
 );
-xt.displayName = "DialogerHeader";
+bt.displayName = "DialogerHeader";
 const yt = ({
   className: e,
-  ...r
-}) => /* @__PURE__ */ o(
+  ...o
+}) => /* @__PURE__ */ r(
   "div",
   {
     className: p("flex flex-col gap-2 text-center", e),
-    ...r
+    ...o
   }
 );
 yt.displayName = "DialogerBody";
 const kt = ({
   className: e,
-  ...r
-}) => /* @__PURE__ */ o("div", { className: p("flex flex-col gap-2", e), ...r });
+  ...o
+}) => /* @__PURE__ */ r("div", { className: p("flex flex-col gap-2", e), ...o });
 kt.displayName = "DialogerFooter";
-const Ct = $.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+const Ct = Y.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
@@ -297,38 +297,38 @@ const Ct = $.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
-    ...r
+    ...o
   }
 ));
 Ct.displayName = "DialogerTitle";
-const zt = $.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+const zt = Y.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
     className: p("text-sm text-muted-foreground", e),
-    ...r
+    ...o
   }
 ));
 zt.displayName = "DialogerDescription";
 function Nt({
   children: e,
-  trigger: r
+  trigger: o
 }) {
   const { open: t } = ce();
-  return lt(r, {
+  return lt(o, {
     onClick: () => t(e)
   });
 }
 function St({ attachment: e }) {
-  const { name: r, size: t, type: n, url: s } = e, i = n.startsWith("image/"), a = n.startsWith("video/"), c = n.startsWith("audio/");
-  return c ? /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
-    /* @__PURE__ */ o("source", { src: s, type: n }),
+  const { name: o, size: t, type: n, url: s } = e, a = n.startsWith("image/"), i = n.startsWith("video/"), c = n.startsWith("audio/");
+  return c ? /* @__PURE__ */ r(H, { 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."
-  ] }) }) }) : a ? /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
-    /* @__PURE__ */ o("source", { src: s, type: n }),
+  ] }) }) }) : i ? /* @__PURE__ */ r(H, { 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."
-  ] }) }) }) : !i && !a && !c ? /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o("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__ */ o(
+  ] }) }) }) : !a && !i && !c ? /* @__PURE__ */ r(H, { 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,
@@ -339,47 +339,47 @@ function St({ attachment: e }) {
           "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: r
+        children: o
       }
     ),
     /* @__PURE__ */ d("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
       (t / 1024).toFixed(2),
       " KB"
     ] })
-  ] }) }) }) : /* @__PURE__ */ o(
+  ] }) }) }) : /* @__PURE__ */ r(
     Nt,
     {
-      trigger: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: i && /* @__PURE__ */ o("img", { src: s, className: "object-cover size-16", alt: r }) }) }) }),
-      children: /* @__PURE__ */ o(
-        bt,
+      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: a && /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
+      children: /* @__PURE__ */ r(
+        xt,
         {
           className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
           withClose: !0,
-          children: i && /* @__PURE__ */ o("div", { className: "size-fit shrink-0 rounded-2xl overflow-hidden max-h-full", children: /* @__PURE__ */ o("img", { src: s, className: "object-cover size-auto", alt: r }) })
+          children: a && /* @__PURE__ */ r("div", { className: "size-fit shrink-0 rounded-2xl overflow-hidden max-h-full", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-auto", alt: o }) })
         }
       )
     }
   );
 }
-const _t = $.memo(
-  Io,
-  (e, r) => e.children === r.children && e.className === r.className
+const _t = Y.memo(
+  Sr,
+  (e, o) => e.children === o.children && e.className === o.className
 );
 function It({
   children: e,
-  messageType: r,
+  messageType: o,
   messageId: t
 }) {
-  const { anchorTarget: n } = x();
-  return /* @__PURE__ */ o(
+  const { anchorTarget: n } = b();
+  return /* @__PURE__ */ r(
     _t,
     {
-      "data-type": r,
+      "data-type": o,
       "data-id": t,
-      remarkPlugins: [gt],
-      rehypePlugins: [wt],
+      remarkPlugins: [wt],
+      rehypePlugins: [ut],
       components: {
-        a: ({ children: s, ...i }) => /* @__PURE__ */ o("a", { target: n ?? "_top", ...i, children: s })
+        a: ({ children: s, ...a }) => /* @__PURE__ */ r("a", { target: n ?? "_top", ...a, children: s })
       },
       children: e
     }
@@ -387,34 +387,34 @@ function It({
 }
 function he({
   data: e,
-  id: r,
+  id: o,
   type: t,
   attachments: n,
   isFirstInGroup: s,
-  isLastInGroup: i,
-  isAloneInGroup: a,
+  isLastInGroup: a,
+  isAloneInGroup: i,
   dataComponentNames: c,
   classNames: l
 }) {
   if (t !== "AI" && t !== "AGENT") return null;
-  const { message: h, variant: b = "default" } = e;
-  return b === "error" ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: "flex flex-row flex-wrap items-center justify-start", children: /* @__PURE__ */ o("div", { className: "leading-snug text-sm text-destructive", children: h }) }) }) : /* @__PURE__ */ d(
+  const { message: h, variant: x = "default" } = e;
+  return x === "error" ? /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("div", { className: "flex flex-row flex-wrap items-center justify-start", children: /* @__PURE__ */ r("div", { className: "leading-snug text-sm text-destructive", children: h }) }) }) : /* @__PURE__ */ d(
     "div",
     {
-      ...u((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
+      ...g((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
       className: p(
         "w-5/6 flex flex-col items-start gap-1",
         l == null ? void 0 : l.messageContainer
       ),
       children: [
-        n && n.length > 0 && /* @__PURE__ */ o("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: n == null ? void 0 : n.map((w) => /* @__PURE__ */ o(St, { attachment: w }, w.id)) }),
-        h.length > 0 && /* @__PURE__ */ o(
+        n && n.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: n == null ? void 0 : n.map((u) => /* @__PURE__ */ r(St, { attachment: u }, u.id)) }),
+        h.length > 0 && /* @__PURE__ */ r(
           "div",
           {
-            ...u((c == null ? void 0 : c.message) ?? "chat/agent_msg/msg"),
+            ...g((c == null ? void 0 : c.message) ?? "chat/agent_msg/msg"),
             "data-first": s,
-            "data-last": i,
-            "data-alone": a,
+            "data-last": a,
+            "data-alone": i,
             className: p(
               "transition-all",
               "w-fit py-3 px-4 rounded-3xl bg-secondary text-secondary-foreground",
@@ -424,23 +424,23 @@ function he({
               // No need to add "whitespace-pre-wrap" in the agent or bot message because it is markup and content appear on separate lines as expected
               // Adding "whitespace-pre-wrap" will result in unnecessarily huge line breaks
               // We're using the booleans directly here, not the data attributes, to make any external styling more specific than this
-              s && !a && "rounded-bl-md",
-              i && !a && "rounded-tl-md",
-              !s && !i && !a && "rounded-l-md",
+              s && !i && "rounded-bl-md",
+              a && !i && "rounded-tl-md",
+              !s && !a && !i && "rounded-l-md",
               l == null ? void 0 : l.message
             ),
-            children: /* @__PURE__ */ o(It, { messageType: t, messageId: r, children: h })
+            children: /* @__PURE__ */ r(It, { messageType: t, messageId: o, children: h })
           }
         )
       ]
     }
   );
 }
-function Fo(e) {
-  return /* @__PURE__ */ o("div", { className: "w-full max-w-full overflow-auto shrink-0", children: /* @__PURE__ */ o("pre", { className: "text-xs leading-tight whitespace-pre-wrap break-word", children: JSON.stringify(e, null, 1) }) });
+function Wr(e) {
+  return /* @__PURE__ */ r("div", { className: "w-full max-w-full overflow-auto shrink-0", children: /* @__PURE__ */ r("pre", { className: "text-xs leading-tight whitespace-pre-wrap break-word", children: JSON.stringify(e, null, 1) }) });
 }
-const ve = G.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
-  Z.Root,
+const ve = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+  Q.Root,
   {
     ref: t,
     className: p(
@@ -448,61 +448,61 @@ const ve = G.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
       // 'border',
       e
     ),
-    ...r
+    ...o
   }
 ));
-ve.displayName = Z.Root.displayName;
-const be = G.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
-  Z.Image,
+ve.displayName = Q.Root.displayName;
+const xe = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+  Q.Image,
   {
     ref: t,
     className: p("aspect-square h-full w-full", e),
-    ...r
+    ...o
   }
 ));
-be.displayName = Z.Image.displayName;
-const xe = G.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
-  Z.Fallback,
+xe.displayName = Q.Image.displayName;
+const be = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+  Q.Fallback,
   {
     ref: t,
     className: p(
       "flex size-full text-xs items-center justify-center rounded-lg",
       e
     ),
-    ...r
+    ...o
   }
 ));
-xe.displayName = Z.Fallback.displayName;
+be.displayName = Q.Fallback.displayName;
 function me({
   agent: e,
-  ...r
+  ...o
 }) {
   var t, n;
-  return /* @__PURE__ */ d(ve, { ...r, children: [
-    /* @__PURE__ */ o(be, { src: (e == null ? void 0 : e.avatar) ?? "", alt: "Agent Icon" }),
-    (e == null ? void 0 : e.name) && /* @__PURE__ */ o(xe, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
+  return /* @__PURE__ */ d(ve, { ...o, children: [
+    /* @__PURE__ */ r(xe, { src: (e == null ? void 0 : e.avatar) ?? "", alt: "Agent Icon" }),
+    (e == null ? void 0 : e.name) && /* @__PURE__ */ r(be, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
   ] });
 }
-function Bo({ agent: e }) {
-  return /* @__PURE__ */ o(S, { children: /* @__PURE__ */ d(
-    g,
+function $r({ agent: e }) {
+  return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ d(
+    w,
     {
-      ...u("chat/bot_loading/root"),
+      ...g("chat/bot_loading/root"),
       className: "flex flex-row items-end w-full gap-2 animate-pulse",
       children: [
-        /* @__PURE__ */ o(me, { agent: e }),
+        /* @__PURE__ */ r(me, { agent: e }),
         /* @__PURE__ */ d(
           "div",
           {
-            ...u("chat/bot_loading/bouncing_dots_container"),
+            ...g("chat/bot_loading/bouncing_dots_container"),
             className: p(
               "flex items-center [&_span]:bg-secondary-foreground [&_span]:size-1 gap-1 p-2 rounded-xl bg-secondary"
               // 'border',
             ),
             children: [
-              /* @__PURE__ */ o(Q.span, { className: "rounded-full animate-bounce [animation-delay:-0.3s]" }),
-              /* @__PURE__ */ o(Q.span, { className: "rounded-full animate-bounce [animation-delay:-0.15s]" }),
-              /* @__PURE__ */ o(Q.span, { className: "rounded-full animate-bounce" })
+              /* @__PURE__ */ r(Z.span, { className: "rounded-full animate-bounce [animation-delay:-0.3s]" }),
+              /* @__PURE__ */ r(Z.span, { className: "rounded-full animate-bounce [animation-delay:-0.15s]" }),
+              /* @__PURE__ */ r(Z.span, { className: "rounded-full animate-bounce" })
             ]
           }
         )
@@ -510,11 +510,11 @@ function Bo({ agent: e }) {
     }
   ) });
 }
-const Tt = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..700;1,14..32,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.end-6{inset-inline-end:1.5rem}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.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-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-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-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-fit{width:fit-content}.w-full{width:100%}.min-w-80{min-width:20rem}.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%}.shrink-0{flex-shrink:0}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.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}.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}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-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-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.required:after{content:" *";color:red}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', Lo = re.Provider, Yo = re.Root, $o = re.Trigger, Mt = G.forwardRef(({ className: e, sideOffset: r = 4, ...t }, n) => /* @__PURE__ */ o(
-  re.Content,
+const Tt = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..700;1,14..32,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.end-6{inset-inline-end:1.5rem}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.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-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-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-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-fit{width:fit-content}.w-full{width:100%}.min-w-80{min-width:20rem}.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%}.shrink-0{flex-shrink:0}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.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}.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}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-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-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.required:after{content:" *";color:red}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', Br = oe.Provider, Lr = oe.Root, Yr = oe.Trigger, Mt = G.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
+  oe.Content,
   {
     ref: n,
-    sideOffset: r,
+    sideOffset: o,
     className: p(
       "z-50 overflow-hidden max-w-xs rounded-xl bg-primary border text-primary-foreground p-2 text-center align-middle text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
@@ -522,34 +522,34 @@ const Tt = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wgh
     ...t
   }
 ));
-Mt.displayName = re.Content.displayName;
+Mt.displayName = oe.Content.displayName;
 function J({
   children: e,
-  content: r,
+  content: o,
   side: t,
   align: n
 }) {
-  const { disableTooltips: s } = x();
-  return !r || s ? e : /* @__PURE__ */ d(Yo, { children: [
-    /* @__PURE__ */ o($o, { asChild: !0, children: e }),
-    /* @__PURE__ */ o(
+  const { disableTooltips: s } = b();
+  return !o || s ? e : /* @__PURE__ */ d(Lr, { children: [
+    /* @__PURE__ */ r(Yr, { asChild: !0, children: e }),
+    /* @__PURE__ */ r(
       Mt,
       {
         side: t,
         align: n,
         collisionPadding: 8,
         avoidCollisions: !0,
-        children: r
+        children: o
       }
     )
   ] });
 }
-const rt = 450;
-function O() {
-  const [e, r] = $.useState(() => (window.top || window).innerWidth < rt);
-  return $.useEffect(() => {
+const ot = 450;
+function P() {
+  const [e, o] = Y.useState(() => (window.top || window).innerWidth < ot);
+  return Y.useEffect(() => {
     const t = window.top || window, n = () => {
-      r(t.innerWidth < rt);
+      o(t.innerWidth < ot);
     };
     return n(), t.addEventListener("resize", n), () => {
       t.removeEventListener("resize", n);
@@ -560,93 +560,93 @@ const se = {
   transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
   transitionDuration: "1000ms"
 };
-function U() {
-  var w, m, k, f, N, T, _, M, A, P, W, E, v, C, z, L, ne, Ne, Se, _e, Ie, Te, Me, De, je, Ee, Re, Oe, Ae, Pe, We, He, Fe, Be, Le, Ye, $e, qe, Ue, Ve, Xe, Ge, Ke, Ze, Qe, Je, et;
-  const { dir: e } = we(), { isSmallScreen: r } = O(), { theme: t, inline: n } = x(), s = (Y) => n ? "100%" : Y, i = (Y, de) => r ? `100dv${Y}` : de, a = (Y, de) => s(i(Y, de)), c = {
-    zIndex: ((w = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : w.zIndex) ?? 1e7,
+function X() {
+  var u, m, k, f, N, T, _, M, O, A, F, R, v, C, z, B, ne, Ne, Se, _e, Ie, Te, Me, De, je, Re, Ee, Pe, Oe, Ae, Fe, He, We, $e, Be, Le, Ye, qe, Xe, Ue, Ve, Ge, Ke, Qe, Ze, Je, et;
+  const { dir: e } = ue(), { isSmallScreen: o } = P(), { theme: t, inline: n } = b(), s = (L) => n ? "100%" : L, a = (L, de) => o ? `100dv${L}` : de, i = (L, de) => s(a(L, de)), c = {
+    zIndex: ((u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.zIndex) ?? 1e7,
     offset: {
       bottom: ((k = (m = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : m.offset) == null ? void 0 : k.bottom) ?? 20,
       right: ((N = (f = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : f.offset) == null ? void 0 : N.right) ?? (e === "ltr" ? 20 : "initial"),
       left: ((_ = (T = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : T.offset) == null ? void 0 : _.left) ?? (e === "rtl" ? 20 : "initial")
     },
     size: {
-      button: ((A = (M = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : M.size) == null ? void 0 : A.button) ?? 48,
-      icon: ((W = (P = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : P.size) == null ? void 0 : W.icon) ?? 24
+      button: ((O = (M = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : M.size) == null ? void 0 : O.button) ?? 48,
+      icon: ((F = (A = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : A.size) == null ? void 0 : F.icon) ?? 24
     }
   }, l = (() => {
-    const Y = e === "ltr" ? c.offset.right : c.offset.left;
-    return typeof Y != "number" ? 0 : Y;
+    const L = e === "ltr" ? c.offset.right : c.offset.left;
+    return typeof L != "number" ? 0 : L;
   })(), h = {
     palette: (t == null ? void 0 : t.palette) ?? "neutral",
     primaryColor: (t == null ? void 0 : t.primaryColor) ?? "hsl(0 0% 9%)",
     widgetTrigger: c,
     widgetContentContainer: {
-      borderRadius: r ? "0px" : ((E = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : E.borderRadius) ?? "32px",
+      borderRadius: o ? "0px" : ((R = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : R.borderRadius) ?? "32px",
       zIndex: ((v = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : v.zIndex) ?? c.zIndex + 1,
       outline: ((C = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : C.outline) ?? "none",
       // was: '1px solid'
       outlineColor: ((z = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : z.outlineColor) ?? "hsl(0 0% 50% / .5)",
-      boxShadow: ((L = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : L.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
+      boxShadow: ((B = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : B.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
       transitionProperty: ((ne = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : ne.transitionProperty) ?? "all",
       transitionTimingFunction: ((Ne = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Ne.transitionTimingFunction) ?? se.transitionTimingFunction,
       transitionDuration: ((Se = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Se.transitionDuration) ?? se.transitionDuration,
       offset: {
-        side: r ? 0 : c.offset.bottom + c.size.button + X.y * 2 + (((Ie = (_e = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : _e.offset) == null ? void 0 : Ie.side) ?? 10),
-        align: r ? 0 : l + (((Me = (Te = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Te.offset) == null ? void 0 : Me.align) ?? 0)
+        side: o ? 0 : c.offset.bottom + c.size.button + V.y * 2 + (((Ie = (_e = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : _e.offset) == null ? void 0 : Ie.side) ?? 10),
+        align: o ? 0 : l + (((Me = (Te = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Te.offset) == null ? void 0 : Me.align) ?? 0)
       }
     },
     screens: {
       welcome: {
-        width: a("w", ((je = (De = t == null ? void 0 : t.screens) == null ? void 0 : De.welcome) == null ? void 0 : je.width) ?? "400px"),
+        width: i("w", ((je = (De = t == null ? void 0 : t.screens) == null ? void 0 : De.welcome) == null ? void 0 : je.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: a(
+        minHeight: i(
           "h",
-          ((Re = (Ee = t == null ? void 0 : t.screens) == null ? void 0 : Ee.welcome) == null ? void 0 : Re.minHeight) ?? "1px"
+          ((Ee = (Re = t == null ? void 0 : t.screens) == null ? void 0 : Re.welcome) == null ? void 0 : Ee.minHeight) ?? "1px"
         )
       },
       sessions: {
-        width: a("w", ((Ae = (Oe = t == null ? void 0 : t.screens) == null ? void 0 : Oe.sessions) == null ? void 0 : Ae.width) ?? "450px"),
-        height: a("h", ((We = (Pe = t == null ? void 0 : t.screens) == null ? void 0 : Pe.sessions) == null ? void 0 : We.height) ?? "600px")
+        width: i("w", ((Oe = (Pe = t == null ? void 0 : t.screens) == null ? void 0 : Pe.sessions) == null ? void 0 : Oe.width) ?? "450px"),
+        height: i("h", ((Fe = (Ae = t == null ? void 0 : t.screens) == null ? void 0 : Ae.sessions) == null ? void 0 : Fe.height) ?? "600px")
       },
       chat: {
-        width: a("w", ((Fe = (He = t == null ? void 0 : t.screens) == null ? void 0 : He.chat) == null ? void 0 : Fe.width) ?? "525px"),
-        height: a("h", ((Le = (Be = t == null ? void 0 : t.screens) == null ? void 0 : Be.chat) == null ? void 0 : Le.height) ?? "700px"),
+        width: i("w", ((We = (He = t == null ? void 0 : t.screens) == null ? void 0 : He.chat) == null ? void 0 : We.width) ?? "525px"),
+        height: i("h", ((Be = ($e = t == null ? void 0 : t.screens) == null ? void 0 : $e.chat) == null ? void 0 : Be.height) ?? "700px"),
         withCanvas: {
-          width: a(
+          width: i(
             "w",
-            ((qe = ($e = (Ye = t == null ? void 0 : t.screens) == null ? void 0 : Ye.chat) == null ? void 0 : $e.withCanvas) == null ? void 0 : qe.width) ?? "min(1050px, 100vw)"
+            ((qe = (Ye = (Le = t == null ? void 0 : t.screens) == null ? void 0 : Le.chat) == null ? void 0 : Ye.withCanvas) == null ? void 0 : qe.width) ?? "min(1050px, 100vw)"
           ),
-          height: a(
+          height: i(
             "h",
-            ((Xe = (Ve = (Ue = t == null ? void 0 : t.screens) == null ? void 0 : Ue.chat) == null ? void 0 : Ve.withCanvas) == null ? void 0 : Xe.height) ?? "min(800px, 100vh)"
+            ((Ve = (Ue = (Xe = t == null ? void 0 : t.screens) == null ? void 0 : Xe.chat) == null ? void 0 : Ue.withCanvas) == null ? void 0 : Ve.height) ?? "min(800px, 100vh)"
           ),
-          transitionTimingFunction: ((Ze = (Ke = (Ge = t == null ? void 0 : t.screens) == null ? void 0 : Ge.chat) == null ? void 0 : Ke.withCanvas) == null ? void 0 : Ze.transitionTimingFunction) ?? se.transitionTimingFunction,
-          transitionDuration: ((et = (Je = (Qe = t == null ? void 0 : t.screens) == null ? void 0 : Qe.chat) == null ? void 0 : Je.withCanvas) == null ? void 0 : et.transitionDuration) ?? se.transitionDuration
+          transitionTimingFunction: ((Qe = (Ke = (Ge = t == null ? void 0 : t.screens) == null ? void 0 : Ge.chat) == null ? void 0 : Ke.withCanvas) == null ? void 0 : Qe.transitionTimingFunction) ?? se.transitionTimingFunction,
+          transitionDuration: ((et = (Je = (Ze = t == null ? void 0 : t.screens) == null ? void 0 : Ze.chat) == null ? void 0 : Je.withCanvas) == null ? void 0 : et.transitionDuration) ?? se.transitionDuration
         }
       }
     }
-  }, b = {
+  }, x = {
     // Subtract the offset.bottom twice so that it adds a bit of padding to the top
     // Subtract the distance between the trigger and the widget content container
     // Subtract the invisible padding of the trigger (for the wobble effect)
-    maxHeight: a(
+    maxHeight: i(
       "h",
       `calc(
         100vh 
         - ${h.widgetTrigger.offset.bottom}px
         - ${h.widgetContentContainer.offset.side}px
-        - ${X.y * 2}px
+        - ${V.y * 2}px
       )`
     ),
     // Subtract the offset.right twice so that it adds a bit of padding to the left
-    maxWidth: a(
+    maxWidth: i(
       "w",
       `calc(
         100vw 
         - ${l * 2}px
       )`
     ),
-    minHeight: a(
+    minHeight: i(
       "h",
       `min(
         ${h.screens.welcome.minHeight}, 
@@ -654,7 +654,7 @@ function U() {
         ${h.screens.chat.height}
       )`
     ),
-    minWidth: a(
+    minWidth: i(
       "w",
       `min(
         ${h.screens.welcome.width}, 
@@ -665,18 +665,18 @@ function U() {
   };
   return {
     theme: h,
-    computed: b,
-    cssVars: qo({
+    computed: x,
+    cssVars: qr({
       palette: h.palette,
       primary: h.primaryColor
     })
   };
 }
-function qo({
+function qr({
   palette: e,
-  primary: r
+  primary: o
 }) {
-  const t = Dt(e), n = ot(r).toHsl(), s = ot(r).isLight() ? t[950] : t[50];
+  const t = Dt(e), n = rt(o).toHsl(), s = rt(o).isLight() ? t[950] : t[50];
   return {
     "--opencx-primary": `${n.h} ${n.s * 100}% ${n.l * 100}%`,
     "--opencx-primary-foreground": s,
@@ -696,7 +696,7 @@ function qo({
   };
 }
 function Dt(e) {
-  const r = {
+  const o = {
     50: "0 0% 98%",
     100: "0 0% 96.1%",
     200: "0 0% 89.8%",
@@ -747,7 +747,7 @@ function Dt(e) {
   };
   switch (e) {
     case "neutral":
-      return r;
+      return o;
     case "stone":
       return t;
     case "zinc":
@@ -755,72 +755,72 @@ function Dt(e) {
     case "slate":
       return s;
     default:
-      return D(e, Dt.name), r;
+      return D(e, Dt.name), o;
   }
 }
 function jt() {
-  const { contentIframeRef: e } = j(), { inline: r } = x();
+  const { contentIframeRef: e } = j(), { inline: o } = b();
   return {
     setWidth: (t) => {
       var n;
       (n = e == null ? void 0 : e.current) == null || n.style.setProperty(
         "--opencx-widget-width",
-        r ? "100%" : t
+        o ? "100%" : t
       );
     },
     setHeight: (t) => {
       var n;
       (n = e == null ? void 0 : e.current) == null || n.style.setProperty(
         "--opencx-widget-height",
-        r ? "100%" : t
+        o ? "100%" : t
       );
     }
   };
 }
 function ye({
   width: e,
-  height: r
+  height: o
 }) {
-  const { isSmallScreen: t } = O(), { setWidth: n, setHeight: s } = jt();
-  oe(() => {
-    e && n(e), r && s(r);
-  }, [t, r, e, n, s]);
+  const { isSmallScreen: t } = P(), { setWidth: n, setHeight: s } = jt();
+  re(() => {
+    e && n(e), o && s(o);
+  }, [t, o, e, n, s]);
 }
-const nt = Jt;
+const nt = Zt;
 function ee({
   name: e,
-  className: r
+  className: o
 }) {
   const t = (() => {
     switch (e) {
       case "Check":
-        return mo;
+        return pr;
       case "CheckCheck":
-        return ho;
+        return dr;
       case "CircleCheck":
         return mt;
       case "CircleCheckBig":
-        return po;
+        return cr;
       case "CircleX":
-        return co;
+        return lr;
       case "Expand":
-        return lo;
+        return ar;
       case "Maximize":
-        return io;
+        return ir;
       case "Maximize2":
-        return ao;
+        return sr;
       case "Minimize":
-        return so;
+        return nr;
       case "Minimize2":
-        return no;
+        return or;
       case "Shrink":
-        return ro;
+        return rr;
       case "SquareCheck":
-        return oo;
+        return tr;
       case "SquareCheckBig":
-        return to;
+        return er;
       case "SquareX":
-        return eo;
+        return Jt;
       case "X":
         return fe;
       case void 0:
@@ -829,33 +829,33 @@ function ee({
         return D(e, ee.name), nt;
     }
   })();
-  return /* @__PURE__ */ o(t, { className: p("size-4", r) });
+  return /* @__PURE__ */ r(t, { className: p("size-4", o) });
 }
 function ke() {
   const { widgetCtx: { org: e } } = j(), {
-    routerState: { screen: r }
-  } = B(), { textContent: t } = x();
+    routerState: { screen: o }
+  } = $(), { textContent: t } = b();
   return (() => {
-    var s, i;
-    switch (r) {
+    var s, a;
+    switch (o) {
       case "chat":
         return (s = t == null ? void 0 : t.chatScreen) == null ? void 0 : s.headerTitle;
       case "sessions":
-        return (i = t == null ? void 0 : t.sessionsScreen) == null ? void 0 : i.headerTitle;
+        return (a = t == null ? void 0 : t.sessionsScreen) == null ? void 0 : a.headerTitle;
       case "welcome":
         return;
       default:
-        D(r, ke.name);
+        D(o, ke.name);
         return;
     }
   })() ?? e.name ?? "Chat";
 }
-function Uo(e) {
+function Xr(e) {
   switch (e) {
     case "chat":
-      return u("chat/header");
+      return g("chat/header");
     case "sessions":
-      return u("sessions/header");
+      return g("sessions/header");
     case "welcome":
       return;
     default:
@@ -863,27 +863,27 @@ function Uo(e) {
       return;
   }
 }
-function Vo() {
-  const { router: e } = x(), {
-    routerState: { screen: r },
+function Ur() {
+  const { router: e } = b(), {
+    routerState: { screen: o },
     toSessionsScreen: t
-  } = B();
-  return r !== "chat" || e != null && e.chatScreenOnly ? null : /* @__PURE__ */ o(
+  } = $();
+  return o !== "chat" || e != null && e.chatScreenOnly ? null : /* @__PURE__ */ r(
     y,
     {
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
       onClick: t,
-      children: /* @__PURE__ */ o(uo, { className: "size-4 rtl:-scale-100" })
+      children: /* @__PURE__ */ r(hr, { className: "size-4 rtl:-scale-100" })
     }
   );
 }
-function Xo({
+function Vr({
   button: e
 }) {
-  const { setIsOpen: r } = K(), { isSmallScreen: t } = O();
-  return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ o(
+  const { setIsOpen: o } = K(), { isSmallScreen: t } = P();
+  return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
     y,
     {
       variant: "ghost",
@@ -891,66 +891,66 @@ function Xo({
       className: "rounded-full",
       onClick: () => {
         if (e.handleClick) return e.handleClick();
-        r(!1);
+        o(!1);
       },
-      children: /* @__PURE__ */ o(ee, { name: e.icon })
+      children: /* @__PURE__ */ r(ee, { name: e.icon })
     }
   );
 }
-function ue({
+function ge({
   button: e
 }) {
-  const [r, t] = I(!1), {
+  const [o, t] = I(!1), {
     routerState: { screen: n }
-  } = B(), { isSmallScreen: s } = O(), { theme: i } = U(), { setWidth: a, setHeight: c } = jt();
+  } = $(), { isSmallScreen: s } = P(), { theme: a } = X(), { setWidth: i, setHeight: c } = jt();
   if (n !== "chat" && n !== "sessions") return null;
   const l = (() => {
     switch (n) {
       case "chat":
-        return i.screens.chat.height;
+        return a.screens.chat.height;
       case "sessions":
-        return i.screens.sessions.height;
+        return a.screens.sessions.height;
       default:
-        return D(n, ue.name), i.screens.chat.height;
+        return D(n, ge.name), a.screens.chat.height;
     }
   })(), h = (() => {
     switch (n) {
       case "chat":
-        return i.screens.chat.width;
+        return a.screens.chat.width;
       case "sessions":
-        return i.screens.sessions.width;
+        return a.screens.sessions.width;
       default:
-        return D(n, ue.name), i.screens.chat.width;
+        return D(n, ge.name), a.screens.chat.width;
     }
-  })(), b = () => {
-    t((w) => {
-      const m = !w;
-      return c(m ? "100vh" : l), a(m ? `max(40vw, ${h})` : h), m;
+  })(), x = () => {
+    t((u) => {
+      const m = !u;
+      return c(m ? "100vh" : l), i(m ? `max(40vw, ${h})` : h), m;
     });
   };
-  return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ o(
+  return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
     y,
     {
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: b,
-      children: /* @__PURE__ */ o(
+      onClick: x,
+      children: /* @__PURE__ */ r(
         ee,
         {
-          name: e.icon || (r ? e.shrinkIcon : e.expandIcon)
+          name: e.icon || (o ? e.shrinkIcon : e.expandIcon)
         }
       )
     }
   );
 }
-function Et({
+function Rt({
   button: e
 }) {
   var N, T;
-  const { close: r } = ce(), { widgetCtx: t } = j(), { setIsOpen: n } = K(), { resolveSession: s, sessionState: i } = q(), { isSmallScreen: a } = O(), c = !i.session, l = ((N = i.session) == null ? void 0 : N.isOpened) === !1, h = e.onResolved || "stay-in-chat", b = e.behaviorBeforeSessionCreation || "disabled", w = e.behaviorIfSessionIsResolved || "disabled", m = !!(i.isResolvingSession || c && b === "disabled" || l && w === "disabled"), k = async () => {
+  const { close: o } = ce(), { widgetCtx: t } = j(), { setIsOpen: n } = K(), { resolveSession: s, sessionState: a } = q(), { isSmallScreen: i } = P(), c = !a.session, l = ((N = a.session) == null ? void 0 : N.isOpened) === !1, h = e.onResolved || "stay-in-chat", x = e.behaviorBeforeSessionCreation || "disabled", u = e.behaviorIfSessionIsResolved || "disabled", m = !!(a.isResolvingSession || c && x === "disabled" || l && u === "disabled"), k = async () => {
     const { success: _, error: M } = await s();
-    if (r(), !_) return console.error(M);
+    if (o(), !_) return console.error(M);
     switch (h) {
       case "stay-in-chat":
         return;
@@ -964,12 +964,12 @@ function Et({
         n(!1), t.resetChat();
         break;
       default:
-        D(h, Et.name);
+        D(h, Rt.name);
         break;
     }
   }, f = () => {
     if (c)
-      switch (b) {
+      switch (x) {
         case "disabled":
           return;
         case "close-widget":
@@ -977,12 +977,12 @@ function Et({
           break;
         default:
           D(
-            b,
+            x,
             f.name
           );
       }
     if (l)
-      switch (w) {
+      switch (u) {
         case "disabled":
           return;
         case "close-widget":
@@ -998,50 +998,50 @@ function Et({
           break;
         default:
           D(
-            w,
+            u,
             f.name
           );
       }
   };
-  return a && e.hideOnSmallScreen || !a && e.hideOnLargeScreen ? null : ((T = e.confirmation) == null ? void 0 : T.type) === "modal" && !l && !c ? /* @__PURE__ */ o(
+  return i && e.hideOnSmallScreen || !i && e.hideOnLargeScreen ? null : ((T = e.confirmation) == null ? void 0 : T.type) === "modal" && !l && !c ? /* @__PURE__ */ r(
     Nt,
     {
-      trigger: /* @__PURE__ */ o(
+      trigger: /* @__PURE__ */ r(
         y,
         {
           variant: "ghost",
           size: "fit",
           className: "rounded-full",
           disabled: m,
-          children: /* @__PURE__ */ o(ee, { name: e.icon })
+          children: /* @__PURE__ */ r(ee, { name: e.icon })
         }
       ),
-      children: /* @__PURE__ */ d(bt, { children: [
-        /* @__PURE__ */ o(xt, { children: /* @__PURE__ */ o(Ct, { children: e.confirmation.title || "Close conversation" }) }),
-        /* @__PURE__ */ o(yt, { children: /* @__PURE__ */ o(zt, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
+      children: /* @__PURE__ */ d(xt, { children: [
+        /* @__PURE__ */ r(bt, { children: /* @__PURE__ */ r(Ct, { children: e.confirmation.title || "Close conversation" }) }),
+        /* @__PURE__ */ r(yt, { children: /* @__PURE__ */ r(zt, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
         /* @__PURE__ */ d(kt, { children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             y,
             {
               variant: "secondary",
-              onClick: r,
-              disabled: i.isResolvingSession,
+              onClick: o,
+              disabled: a.isResolvingSession,
               children: e.confirmation.cancelButtonText || "No"
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             y,
             {
               variant: "destructive",
               onClick: k,
-              disabled: i.isResolvingSession,
+              disabled: a.isResolvingSession,
               children: e.confirmation.confirmButtonText || "Yes"
             }
           )
         ] })
       ] })
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ r(
     y,
     {
       variant: "ghost",
@@ -1049,98 +1049,98 @@ function Et({
       className: "rounded-full",
       onClick: l || c ? f : k,
       disabled: m,
-      children: /* @__PURE__ */ o(ee, { name: e.icon })
+      children: /* @__PURE__ */ r(ee, { name: e.icon })
     }
   );
 }
-function ge({ button: e }) {
+function we({ button: e }) {
   switch (e.functionality) {
     case "close-widget":
-      return /* @__PURE__ */ o(Xo, { button: e });
+      return /* @__PURE__ */ r(Vr, { button: e });
     case "expand-shrink":
-      return /* @__PURE__ */ o(ue, { button: e });
+      return /* @__PURE__ */ r(ge, { button: e });
     case "resolve-session":
-      return /* @__PURE__ */ o(Et, { button: e });
+      return /* @__PURE__ */ r(Rt, { button: e });
     default:
-      return D(e, ge.name), null;
+      return D(e, we.name), null;
   }
 }
-const Go = {
+const Gr = {
   functionality: "close-widget",
   hideOnLargeScreen: !0,
   icon: "X"
 };
-function Ko() {
+function Kr() {
   const {
     routerState: { screen: e }
-  } = B(), { headerButtons: r } = x(), t = e === "chat" ? r == null ? void 0 : r.chatScreen : e === "sessions" ? r == null ? void 0 : r.sessionsScreen : [];
-  return !t || t.length === 0 ? /* @__PURE__ */ o(ge, { button: Go }) : /* @__PURE__ */ o(te, { children: t.map((n) => /* @__PURE__ */ o(
-    ge,
+  } = $(), { headerButtons: o } = b(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
+  return !t || t.length === 0 ? /* @__PURE__ */ r(we, { button: Gr }) : /* @__PURE__ */ r(te, { children: t.map((n) => /* @__PURE__ */ r(
+    we,
     {
       button: n
     },
     `${n.functionality}-${n.icon}`
   )) });
 }
-function Rt() {
+function Et() {
   const {
     routerState: { screen: e }
-  } = B(), r = Uo(e), t = ke();
-  return /* @__PURE__ */ o("header", { ...r, className: "py-2 px-4 shrink-0", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ o(Vo, {}),
-    /* @__PURE__ */ o(
+  } = $(), o = Xr(e), t = ke();
+  return /* @__PURE__ */ r("header", { ...o, className: "py-2 px-4 shrink-0", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ r(Ur, {}),
+    /* @__PURE__ */ r(
       "div",
       {
         className: p(
           "flex-1 h-8 flex items-center",
           e === "sessions" && "ps-2"
         ),
-        children: /* @__PURE__ */ o("h2", { className: "font-semibold", children: t })
+        children: /* @__PURE__ */ r("h2", { className: "font-semibold", children: t })
       }
     ),
-    /* @__PURE__ */ o(Ko, {})
+    /* @__PURE__ */ r(Kr, {})
   ] }) });
 }
-function Ot({ className: e }) {
-  return /* @__PURE__ */ o(go, { className: p("size-4 animate-spin", e) });
+function Pt({ className: e }) {
+  return /* @__PURE__ */ r(mr, { className: p("size-4 animate-spin", e) });
 }
-function Zo() {
+function Qr() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = R(), { isSmallScreen: r } = O(), { activeMode: t, Component: n } = dt();
+  } = E(), { isSmallScreen: o } = P(), { activeMode: t, Component: n } = dt();
   return {
-    isCanvasOpen: !e && !r && !!t && !!n
+    isCanvasOpen: !e && !o && !!t && !!n
   };
 }
-function Qo() {
-  const { activeMode: e, Component: r } = dt(), { sendMessage: t } = R(), { createStateCheckpoint: n } = q(), [s, i] = I(!1), a = async (c) => {
+function Zr() {
+  const { activeMode: e, Component: o } = dt(), { sendMessage: t } = E(), { createStateCheckpoint: n } = q(), [s, a] = I(!1), i = async (c) => {
     try {
-      i(!0), await t(c);
+      a(!0), await t(c);
     } catch (l) {
       console.error(l);
     } finally {
-      i(!1);
+      a(!1);
     }
   };
-  return !e || !r ? null : /* @__PURE__ */ o(
-    r,
+  return !e || !o ? null : /* @__PURE__ */ r(
+    o,
     {
-      react: $,
+      react: Y,
       mode: e,
       createStateCheckpoint: n,
-      sendMessage: a,
+      sendMessage: i,
       isSendingMessage: s
     }
   );
 }
-const F = $.forwardRef(
-  (e, r) => {
+const W = Y.forwardRef(
+  (e, o) => {
     var t, n, s;
-    return /* @__PURE__ */ o(
-      g,
+    return /* @__PURE__ */ r(
+      w,
       {
         ...e,
-        ref: r,
+        ref: o,
         className: p("overflow-hidden", e.className),
         overrides: {
           initial: { height: 0, opacity: 0, ...(t = e.overrides) == null ? void 0 : t.initial },
@@ -1151,8 +1151,8 @@ const F = $.forwardRef(
     );
   }
 );
-F.displayName = "MotionDiv__VerticalReveal";
-const Jo = [
+W.displayName = "MotionDiv__VerticalReveal";
+const Jr = [
   {
     label: "Terrible",
     value: 1,
@@ -1179,24 +1179,24 @@ const Jo = [
     emoji: "😍"
   }
 ];
-function er() {
-  const { isSmallScreen: e } = O(), {
-    submitCsat: r,
+function eo() {
+  const { isSmallScreen: e } = P(), {
+    submitCsat: o,
     isCsatRequested: t,
     isCsatSubmitted: n,
     submittedScore: s,
-    submittedFeedback: i
-  } = pt(), [a, c] = I(null), [l, h] = I(null), b = (m) => {
+    submittedFeedback: a
+  } = pt(), [i, c] = I(null), [l, h] = I(null), x = (m) => {
     c((k) => k === m ? null : m);
-  }, w = () => {
-    a && r({
-      score: a,
+  }, u = () => {
+    i && o({
+      score: i,
       feedback: l || void 0
     });
   };
   return !t && !n ? null : /* @__PURE__ */ d("div", { className: "w-1/2 min-w-80 max-w-96 mx-auto overflow-hidden", children: [
-    /* @__PURE__ */ o(S, { mode: "wait", children: t && !a ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r(S, { mode: "wait", children: t && !i ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
+    /* @__PURE__ */ r(
       "div",
       {
         className: p(
@@ -1204,30 +1204,30 @@ function er() {
           "transition-all",
           n && "gap-0 justify-center"
         ),
-        children: Jo.map((m) => /* @__PURE__ */ o(
+        children: Jr.map((m) => /* @__PURE__ */ r(
           y,
           {
-            variant: m.value === a ? "secondary" : "ghost",
+            variant: m.value === i ? "secondary" : "ghost",
             size: "selfless",
             className: p(
               "transition-all overflow-hidden",
               "text-2xl size-8 rounded-full",
               "opacity-35",
               "hover:opacity-100",
-              !a && "opacity-100",
-              m.value === a && "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"
             ),
-            onClick: t ? () => b(m.value) : void 0,
+            onClick: t ? () => x(m.value) : void 0,
             children: m.emoji
           },
           m.value
         ))
       }
     ),
-    /* @__PURE__ */ o(S, { mode: "wait", children: (a || s) && /* @__PURE__ */ o(F, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
-      /* @__PURE__ */ o(
+    /* @__PURE__ */ r(S, { mode: "wait", children: (i || s) && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
+      /* @__PURE__ */ r(
         "textarea",
         {
           rows: 3,
@@ -1241,219 +1241,71 @@ function er() {
             e ? "text-[16px]" : "text-sm",
             n && "text-center"
           ),
-          value: n ? i || "" : l || "",
+          value: n ? a || "" : l || "",
           onChange: t ? (m) => h(m.target.value) : void 0,
           readOnly: n,
           placeholder: t ? "Tell us more... (optional)" : void 0
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ r(
         y,
         {
           size: "fit",
-          onClick: w,
-          disabled: !a,
+          onClick: u,
+          disabled: !i,
           className: p(
             "transition-all overflow-hidden",
             "rounded-full size-8 flex items-center justify-center p-0",
             n && "opacity-0 size-0"
           ),
-          children: /* @__PURE__ */ o(ut, { className: "size-4" })
+          children: /* @__PURE__ */ r(gt, { className: "size-4" })
         }
       )
     ] }) }, "feedback-box") }),
-    /* @__PURE__ */ o("div", { className: p("h-0 transition-[height]", n && "h-4") })
+    /* @__PURE__ */ r("div", { className: p("h-0 transition-[height]", n && "h-4") })
   ] });
 }
-const tr = {
-  "write-a-message": "اكتب رسالة...",
-  "session-closed-lead": "تم حل مشكلتك!",
-  "new-conversation": "محادثة جديدة",
-  "welcome-title": "مرحبًا بك في دردشة الدعم الخاصة بنا",
-  "welcome-description": "نحن هنا للمساعدة! ابدأ محادثة وسنرد عليك في أقرب وقت ممكن.",
-  "your-name": "اسمك",
-  "your-email": "عنوان بريدك الإلكتروني",
-  "start-chat": "تحدث إلى الدعم",
-  "starting-chat": "جاري الاتصال...",
-  "i-need-more-help": "أحتاج المزيد من المساعدة",
-  "this-was-helpful": "كان هذا مفيدًا",
-  optional: "اختياري",
-  "no-conversations-yet": "لا يوجد محادثات",
-  "back-to-conversations": "العودة إلى المحادثات",
-  "closed-conversations": "المحادثات المغلقة"
-}, or = {
-  "write-a-message": "Nachricht schreiben...",
-  "session-closed-lead": "Ihr Problem wurde gelöst!",
-  "new-conversation": "Neue Konversation",
-  "welcome-title": "Willkommen in unserem Support-Chat",
-  "welcome-description": "Wir sind hier, um zu helfen! Beginnen Sie ein Gesprách und wir werden so schnell wie mogelijk antworten.",
-  "your-name": "Ihr Name",
-  "your-email": "Ihre E-Mail-Adresse",
-  "start-chat": "Mit dem Support sprechen",
-  "starting-chat": "Verbindung wird hergestellt...",
-  "i-need-more-help": "Ich brauche weitere Hilfe",
-  "this-was-helpful": "Dies war hilfreich",
-  optional: "Optional",
-  "no-conversations-yet": "noch keine Gespräche",
-  "back-to-conversations": "Zurück zur Konversationen",
-  "closed-conversations": "Geschlossene Konversationen"
-}, rr = {
-  "write-a-message": "Write a message...",
-  "session-closed-lead": "Your issue has been resolved!",
-  "new-conversation": "New conversation",
-  "welcome-title": "Welcome to our support chat",
-  "welcome-description": "We're here to help! Start a conversation and we'll get back to you as soon as possible.",
-  "your-name": "Your name",
-  "your-email": "Your email address",
-  "start-chat": "Talk to support",
-  "starting-chat": "Connecting...",
-  "i-need-more-help": "I need more help",
-  "this-was-helpful": "This was helpful",
-  optional: "Optional",
-  "no-conversations-yet": "No conversations yet",
-  "back-to-conversations": "Back to conversations",
-  "closed-conversations": "Closed conversations"
-}, nr = {
-  "write-a-message": "Écrivez un message...",
-  "session-closed-lead": "Votre problème a été résolu !",
-  "new-conversation": "Nouvelle conversation",
-  "welcome-title": "Bienvenue dans notre chat de support",
-  "welcome-description": "Nous sommes là pour vous aider ! Commencez une conversation et nous vous répondrons dès que possible.",
-  "your-name": "Votre nom",
-  "your-email": "Votre adresse e-mail",
-  "start-chat": "Parler au support",
-  "starting-chat": "Connexion...",
-  "i-need-more-help": "Je besoin d'aide plus",
-  "this-was-helpful": "C'était utile",
-  optional: "Optionnel",
-  "no-conversations-yet": "Aucune conversation pour le moment",
-  "back-to-conversations": "Retour aux conversations",
-  "closed-conversations": "Conversations fermées"
-}, sr = {
-  "write-a-message": "Schrijf een bericht...",
-  "session-closed-lead": "Uw probleem is opgelost!",
-  "new-conversation": "Nieuw gesprek",
-  "welcome-title": "Welkom bij onze supportchat",
-  "welcome-description": "We zijn hier om te helpen! Begin een gesprek en we nemen zo snel mogelijk contact met u op.",
-  "your-name": "Uw naam",
-  "your-email": "Uw e-mailadres",
-  "start-chat": "Praat met ondersteuning",
-  "starting-chat": "Verbinding maken...",
-  "i-need-more-help": "Ik heb nog meer hulp nodig",
-  "this-was-helpful": "Mijn vraag is opgelost",
-  optional: "Optioneel",
-  "no-conversations-yet": "Nog geen gesprekken",
-  "back-to-conversations": "Terug naar gesprekken",
-  "closed-conversations": "Afgesloten gesprekken"
-}, ar = {
-  "write-a-message": "Escreva uma mensagem...",
-  "session-closed-lead": "Seu problema foi resolvido!",
-  "new-conversation": "Nova conversa",
-  "welcome-title": "Bem-vindo ao nosso chat de suporte",
-  "welcome-description": "Estamos aqui para ajudar! Inicie uma conversa e responderemos o mais rápido possível.",
-  "your-name": "Seu nome",
-  "your-email": "Seu endereço de email",
-  "start-chat": "Falar com o suporte",
-  "starting-chat": "Conectando...",
-  "i-need-more-help": "preciso de mais ajuda",
-  "this-was-helpful": "Isso foi útil",
-  optional: "Opcional",
-  "no-conversations-yet": "Nenhuma conversa ainda",
-  "back-to-conversations": "Voltar para conversas",
-  "closed-conversations": "Conversas fechadas"
-}, ir = {
-  "write-a-message": "Escribe un mensaje...",
-  "session-closed-lead": "¡Tu problema fue resuelto!",
-  "new-conversation": "Nueva conversación",
-  "welcome-title": "Bienvenido a nuestro chat de soporte",
-  "welcome-description": "¡Estamos aquí para ayudarte! Inicia una conversación y responderemos lo antes posible.",
-  "your-name": "Tu nombre",
-  "your-email": "Tu correo electrónico",
-  "start-chat": "Hablar con soporte",
-  "starting-chat": "Conectando...",
-  "i-need-more-help": "Necesito más ayuda",
-  "this-was-helpful": "Esto fue útil",
-  optional: "Opcional",
-  "no-conversations-yet": "Sin conversaciones aún",
-  "back-to-conversations": "Volver a conversaciones",
-  "closed-conversations": "Conversaciones cerradas"
-}, lr = {
-  "write-a-message": "Bir mesaj yazın...",
-  "session-closed-lead": "Sorununuz çözüldü!",
-  "new-conversation": "Yeni konuşma",
-  "welcome-title": "Destek sohbetimize hoş geldiniz",
-  "welcome-description": "Yardım etmek için buradayız! Bir konuşma başlatın, en kısa sürede size geri döneceğiz.",
-  "your-name": "Adınız",
-  "your-email": "E-posta adresiniz",
-  "start-chat": "Destekle konuş",
-  "starting-chat": "Bağlanıyor...",
-  "i-need-more-help": "Daha fazla yardıma ihtiyacım var",
-  "this-was-helpful": "Bu yardımcı oldu",
-  optional: "İsteğe bağlı",
-  "no-conversations-yet": "Henüz konuşma yok",
-  "back-to-conversations": "Konuşmalara geri dön",
-  "closed-conversations": "Kapatılan konuşmalar"
-}, At = {
-  en: rr,
-  ar: tr,
-  nl: sr,
-  fr: nr,
-  de: or,
-  pt: ar,
-  es: ir,
-  tr: lr
-}, cr = Object.keys(At);
-function dr(e) {
-  return cr.includes(e);
-}
-function pr(e, r) {
-  const t = At[r];
-  return t && t[e] || "";
-}
-function V() {
-  const { dir: e } = we(), r = x();
+function U() {
+  const { dir: e } = ue(), o = b();
   return ct(() => {
-    const t = dr(r.language) ? r.language : "en";
+    const t = _r(o.language) ? o.language : "en";
     return {
-      t: (n) => pr(n, t),
+      t: (n) => Ir(n, t, o.translationOverrides),
       language: t,
       dir: t === "ar" ? "rtl" : "ltr",
       hostDocumentDir: e
     };
-  }, [r.language, e]);
+  }, [o.language, e]);
 }
 function Ce({
   suggestion: e,
-  className: r,
+  className: o,
   ...t
 }) {
-  const { sendMessage: n } = R(), s = () => {
-    const i = e.trim();
-    i && n({ content: i });
+  const { sendMessage: n } = E(), s = () => {
+    const a = e.trim();
+    a && n({ content: a });
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     y,
     {
-      ...u("chat/suggested_reply_btn"),
+      ...g("chat/suggested_reply_btn"),
       size: "sm",
-      className: p("rounded-xl w-fit", r),
+      className: p("rounded-xl w-fit", o),
       ...t,
       onClick: s,
       children: e
     }
   );
 }
-function hr() {
-  const { t: e } = V(), r = [
-    e("i-need-more-help"),
-    e("this-was-helpful")
-  ];
-  return /* @__PURE__ */ o(
+function to() {
+  const { t: e } = U(), o = [e("i_need_more_help"), e("this_was_helpful")];
+  return /* @__PURE__ */ r(
     "div",
     {
-      ...u("chat/might_solve_user_issue_suggested_replies_container"),
+      ...g("chat/might_solve_user_issue_suggested_replies_container"),
       className: "flex items-center gap-2 p-2 pb-0 flex-wrap",
-      children: r.map((t) => /* @__PURE__ */ o(
+      children: o.map((t) => /* @__PURE__ */ r(
         Ce,
         {
           suggestion: t,
@@ -1464,46 +1316,46 @@ function hr() {
     }
   );
 }
-function mr({
-  file: { status: e, file: r, error: t },
+function ro({
+  file: { status: e, file: o, error: t },
   onCancel: n
 }) {
-  const [s, i] = I(
+  const [s, a] = I(
     null
   );
-  oe(() => {
-    if (!r.type.startsWith("image/")) return;
+  re(() => {
+    if (!o.type.startsWith("image/")) return;
     const l = new FileReader();
-    return l.onload = () => i(l.result), l.onerror = () => console.error("Error reading file"), l.readAsDataURL(r), () => l.abort();
-  }, [r]);
-  const a = () => {
+    return l.onload = () => a(l.result), l.onerror = () => console.error("Error reading file"), l.readAsDataURL(o), () => l.abort();
+  }, [o]);
+  const i = () => {
     switch (e) {
       case "uploading":
-        return /* @__PURE__ */ o(xo, { className: "size-4 animate-spin" });
+        return /* @__PURE__ */ r(vr, { className: "size-4 animate-spin" });
       case "error":
-        return /* @__PURE__ */ o(bo, { className: "size-4 text-destructive" });
+        return /* @__PURE__ */ r(fr, { className: "size-4 text-destructive" });
       default:
         return null;
     }
   }, c = () => {
-    const l = r.type.split("/")[0];
-    return l === "image" && s ? /* @__PURE__ */ o(
+    const l = o.type.split("/")[0];
+    return l === "image" && s ? /* @__PURE__ */ r(
       "img",
       {
         src: typeof s == "string" ? s : "",
         className: "object-cover bg-secondary size-full",
-        alt: r.name
+        alt: o.name
       }
-    ) : l === "audio" ? /* @__PURE__ */ o(yo, {}) : l === "video" ? /* @__PURE__ */ o(ko, {}) : /* @__PURE__ */ o(Co, {});
+    ) : l === "audio" ? /* @__PURE__ */ r(xr, {}) : l === "video" ? /* @__PURE__ */ r(br, {}) : /* @__PURE__ */ r(yr, {});
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     J,
     {
       side: "bottom",
       content: e === "error" ? /* @__PURE__ */ d("span", { className: "text-destructive", children: [
         "Failed to upload: ",
         t
-      ] }) : r.name,
+      ] }) : o.name,
       children: /* @__PURE__ */ d(
         "div",
         {
@@ -1514,8 +1366,8 @@ function mr({
             "flex items-center justify-center shrink-0"
           ),
           children: [
-            /* @__PURE__ */ o("div", { className: "absolute inset-0 flex items-center justify-center", children: a() }),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: i() }),
+            /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
@@ -1525,31 +1377,31 @@ function mr({
                   "opacity-0 group-hover:opacity-100 transition"
                 ),
                 onClick: n,
-                children: /* @__PURE__ */ o(fe, { className: "size-4 text-primary-foreground" })
+                children: /* @__PURE__ */ r(fe, { className: "size-4 text-primary-foreground" })
               }
             ),
-            /* @__PURE__ */ o(c, {})
+            /* @__PURE__ */ r(c, {})
           ]
         }
       )
     }
   );
 }
-function ur() {
-  var E;
-  const { isSmallScreen: e } = O(), r = le(null), { sendMessage: t } = R(), { sessionState: n } = q(), { t: s } = V(), [i, a] = I(""), {
+function oo() {
+  var R;
+  const { isSmallScreen: e } = P(), o = le(null), { sendMessage: t } = E(), { sessionState: n } = q(), { t: s } = U(), [a, i] = I(""), {
     allFiles: c,
     emptyTheFiles: l,
     handleCancelUpload: h,
-    appendFiles: b,
-    isUploading: w,
+    appendFiles: x,
+    isUploading: u,
     successFiles: m
-  } = $t(), k = !!((E = n.session) != null && E.isHandedOff), { isAwaitingBotReply: f } = ht(), N = (v) => {
-    b(v);
-  }, T = !i.trim() && m.length === 0, _ = async () => {
+  } = Lt(), k = !!((R = n.session) != null && R.isHandedOff), { isAwaitingBotReply: f } = ht(), N = (v) => {
+    x(v);
+  }, T = !a.trim() && m.length === 0, _ = async () => {
     if (f || T) return;
-    w && console.info("please wait for the file(s) to upload");
-    const v = i.trim();
+    u && console.info("please wait for the file(s) to upload");
+    const v = a.trim();
     t({
       content: v,
       attachments: m.flatMap(
@@ -1563,12 +1415,12 @@ function ur() {
           }
         ] : []
       )
-    }), a(""), l();
+    }), i(""), l();
   }, {
     getRootProps: M,
-    getInputProps: A,
-    open: P
-  } = To({
+    getInputProps: O,
+    open: A
+  } = Tr({
     onDrop: N,
     noClick: !0,
     onDropRejected() {
@@ -1585,22 +1437,22 @@ function ur() {
       "image/gif": [".gif"],
       "image/webp": [".webp"]
     }
-  }), W = (v) => {
+  }), F = (v) => {
     const C = v.clipboardData;
     C && C.files.length > 0 && N(Array.from(C.files));
   };
   return /* @__PURE__ */ d(
     "div",
     {
-      ...u("chat/input_box/root"),
+      ...g("chat/input_box/root"),
       className: "p-2 relative space-y-1",
       ...M(),
       children: [
-        /* @__PURE__ */ o("input", { ...A() }),
+        /* @__PURE__ */ r("input", { ...O() }),
         /* @__PURE__ */ d(
           "div",
           {
-            ...u("chat/input_box/inner_root"),
+            ...g("chat/input_box/inner_root"),
             className: p(
               "transition-all",
               "bg-white",
@@ -1612,16 +1464,16 @@ function ur() {
               /* @__PURE__ */ d(
                 "div",
                 {
-                  ...u("chat/input_box/textarea_and_attachments_container"),
+                  ...g("chat/input_box/textarea_and_attachments_container"),
                   className: "flex flex-col gap-2",
                   children: [
-                    c.length > 0 && /* @__PURE__ */ o(
+                    c.length > 0 && /* @__PURE__ */ r(
                       "div",
                       {
-                        ...u("chat/input_box/attachments_container"),
+                        ...g("chat/input_box/attachments_container"),
                         className: "flex items-center gap-1",
-                        children: /* @__PURE__ */ o(S, { mode: "popLayout", children: c.map((v) => /* @__PURE__ */ o(g, { snapExit: !0, children: /* @__PURE__ */ o(
-                          mr,
+                        children: /* @__PURE__ */ r(S, { mode: "popLayout", children: c.map((v) => /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(
+                          ro,
                           {
                             onCancel: () => h(v.id),
                             file: v
@@ -1629,14 +1481,14 @@ function ur() {
                         ) }, v.id)) })
                       }
                     ),
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ r(
                       "textarea",
                       {
-                        ...u("chat/input_box/textarea"),
-                        onPaste: W,
-                        ref: r,
+                        ...g("chat/input_box/textarea"),
+                        onPaste: F,
+                        ref: o,
                         id: "chat-input",
-                        value: i,
+                        value: a,
                         rows: 3,
                         className: p(
                           /** Match the border radius of the container */
@@ -1649,45 +1501,45 @@ function ur() {
                           // 16px on mobiles prevents auto-zoom on the input when focused
                           e ? "text-[16px]" : "text-sm"
                         ),
-                        onChange: (v) => a(v.target.value),
+                        onChange: (v) => i(v.target.value),
                         onKeyDown: async (v) => {
                           v.key === "Enter" && !v.shiftKey && (v.preventDefault(), _());
                         },
-                        placeholder: s("write-a-message")
+                        placeholder: s("write_a_message_placeholder")
                       }
                     )
                   ]
                 }
               ),
               /* @__PURE__ */ d("div", { className: "gap-2 flex justify-between", children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ r(
                   J,
                   {
                     side: "top",
                     align: "start",
                     content: "attach files, (maximum size 5mb)",
-                    children: /* @__PURE__ */ o(
+                    children: /* @__PURE__ */ r(
                       y,
                       {
-                        onClick: P,
+                        onClick: A,
                         size: "fit",
                         variant: "ghost",
                         className: p(
                           "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
                         ),
-                        children: /* @__PURE__ */ o(S, { mode: "wait", children: k ? /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(wo, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(fo, { className: "size-4" }) }, "image-icon") })
+                        children: /* @__PURE__ */ r(S, { mode: "wait", children: k ? /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(gr, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(wr, { className: "size-4" }) }, "image-icon") })
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ o(J, { content: "send message", side: "top", align: "end", children: /* @__PURE__ */ o(
+                /* @__PURE__ */ r(J, { content: "send message", side: "top", align: "end", children: /* @__PURE__ */ r(
                   y,
                   {
                     size: "fit",
                     onClick: _,
-                    disabled: f || w || T,
+                    disabled: f || u || T,
                     className: "rounded-full size-8 flex items-center justify-center p-0",
-                    children: /* @__PURE__ */ o(S, { mode: "wait", children: f || w ? /* @__PURE__ */ o(g, { snapExit: !0, children: /* @__PURE__ */ o(vo, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ o(g, { snapExit: !0, children: /* @__PURE__ */ o(ut, { className: "size-4" }) }, "send") })
+                    children: /* @__PURE__ */ r(S, { mode: "wait", children: f || u ? /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(ur, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(gt, { className: "size-4" }) }, "send") })
                   }
                 ) })
               ] })
@@ -1699,91 +1551,91 @@ function ur() {
   );
 }
 function st() {
-  const { widgetCtx: e } = j(), { router: r } = x(), { canCreateNewSession: t } = q(), { toSessionsScreen: n } = B(), { t: s } = V();
-  return /* @__PURE__ */ o(te, { children: t || r != null && r.chatScreenOnly ? /* @__PURE__ */ o(y, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new-conversation") }) : /* @__PURE__ */ o(y, { onClick: n, className: "rounded-2xl w-full", children: s("back-to-conversations") }) });
-}
-function gr() {
-  const { t: e } = V(), { isCsatRequested: r, isCsatSubmitted: t } = pt();
-  return /* @__PURE__ */ o("div", { className: "p-2", children: /* @__PURE__ */ o("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ o(S, { mode: "wait", children: r || t ? /* @__PURE__ */ d(F, { children: [
-    /* @__PURE__ */ o(er, {}),
-    /* @__PURE__ */ o(S, { mode: "wait", children: t && /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(st, {}) }, "new-conv-or-back-to-convs-button") })
-  ] }, "csat") : /* @__PURE__ */ d(F, { children: [
+  const { widgetCtx: e } = j(), { router: o } = b(), { canCreateNewSession: t } = q(), { toSessionsScreen: n } = $(), { t: s } = U();
+  return /* @__PURE__ */ r(te, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(y, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(y, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
+}
+function no() {
+  const { t: e } = U(), { isCsatRequested: o, isCsatSubmitted: t } = pt();
+  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(S, { mode: "wait", children: o || t ? /* @__PURE__ */ d(W, { children: [
+    /* @__PURE__ */ r(eo, {}),
+    /* @__PURE__ */ r(S, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(st, {}) }, "new-conv-or-back-to-convs-button") })
+  ] }, "csat") : /* @__PURE__ */ d(W, { children: [
     /* @__PURE__ */ d("div", { className: "ps-2 flex items-center gap-1 pb-2", children: [
-      /* @__PURE__ */ o(mt, { className: "size-4 text-emerald-600" }),
-      /* @__PURE__ */ o("h2", { className: "text-sm font-medium", children: e("session-closed-lead") })
+      /* @__PURE__ */ r(mt, { className: "size-4 text-emerald-600" }),
+      /* @__PURE__ */ r("h2", { className: "text-sm font-medium", children: e("your_issue_has_been_resolved") })
     ] }),
-    /* @__PURE__ */ o(st, {})
+    /* @__PURE__ */ r(st, {})
   ] }, "session-closed") }) }) });
 }
-function wr() {
-  var a;
-  const { initialQuestions: e, initialQuestionsPosition: r, thisWasHelpfulOrNot: t } = x(), { sessionState: n } = q(), { messagesState: s } = R(), i = s.messages.length === 0;
-  return /* @__PURE__ */ o("footer", { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(S, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(gr, {}) }, "session-closed") : /* @__PURE__ */ d(F, { children: [
-    s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ o(hr, {}),
-    i && e && r !== "below-initial-messages" && /* @__PURE__ */ o("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((c, l) => /* @__PURE__ */ o(
+function so() {
+  var i;
+  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = b(), { sessionState: n } = q(), { messagesState: s } = E(), a = s.messages.length === 0;
+  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(S, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(no, {}) }, "session-closed") : /* @__PURE__ */ d(W, { children: [
+    s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(to, {}),
+    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((c, l) => /* @__PURE__ */ r(
       Ce,
       {
         suggestion: c
       },
       `${c}-${l}`
     )) }),
-    /* @__PURE__ */ o(ur, {})
+    /* @__PURE__ */ r(oo, {})
   ] }, "chat-input") }) }) });
 }
-function fr({
+function io({
   isFirstInGroup: e,
-  isLastInGroup: r,
+  isLastInGroup: o,
   isAloneInGroup: t,
   ...n
 }) {
   const { componentStore: s } = j();
   if (n.type !== "AGENT" && n.type !== "AI") return null;
   if (n.data.action) {
-    const a = s.getComponent(n.data.action.name);
-    if (a)
-      return /* @__PURE__ */ o(
-        a,
+    const i = s.getComponent(n.data.action.name);
+    if (i)
+      return /* @__PURE__ */ r(
+        i,
         {
           ...n,
           id: n.id,
           isFirstInGroup: e,
-          isLastInGroup: r,
+          isLastInGroup: o,
           isAloneInGroup: t
         }
       );
   }
-  const i = s.getComponent(n.component);
-  return i ? /* @__PURE__ */ o(
-    i,
+  const a = s.getComponent(n.component);
+  return a ? /* @__PURE__ */ r(
+    a,
     {
       ...n,
       id: n.id,
       isFirstInGroup: e,
-      isLastInGroup: r,
+      isLastInGroup: o,
       isAloneInGroup: t
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ r(
     he,
     {
       ...n,
       isFirstInGroup: e,
-      isLastInGroup: r,
+      isLastInGroup: o,
       isAloneInGroup: t
     }
   );
 }
-function Pt({
+function Ot({
   messages: e,
-  className: r,
+  className: o,
   containerClassName: t
 }) {
-  var a, c;
-  const { timestamps: n } = x();
-  if (!((a = n == null ? void 0 : n.perMessageGroup) != null && a.enabled))
+  var i, c;
+  const { timestamps: n } = b();
+  if (!((i = n == null ? void 0 : n.perMessageGroup) != null && i.enabled))
     return null;
   const s = (c = e[e.length - 1]) == null ? void 0 : c.timestamp;
   if (!s) return null;
-  const i = (() => {
+  const a = (() => {
     try {
       return new Date(s).toLocaleTimeString([], {
         hour: "2-digit",
@@ -1794,24 +1646,24 @@ function Pt({
       return console.error(l), null;
     }
   })();
-  return i ? /* @__PURE__ */ o("div", { className: t, children: /* @__PURE__ */ o("span", { className: p("text-xs text-muted-foreground", r), children: i }) }) : null;
+  return a ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: p("text-xs text-muted-foreground", o), children: a }) }) : null;
 }
 function ze({
   messages: e,
-  agent: r,
+  agent: o,
   suggestedReplies: t
 }) {
   return /* @__PURE__ */ d(
     "div",
     {
-      ...u("chat/agent_msg_group/root"),
+      ...g("chat/agent_msg_group/root"),
       className: p("flex items-end gap-2"),
       children: [
-        /* @__PURE__ */ o(J, { content: r == null ? void 0 : r.name, side: "right", align: "end", children: /* @__PURE__ */ o(
+        /* @__PURE__ */ r(J, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
           me,
           {
-            ...u("chat/agent_msg_group/root/avatar"),
-            agent: r,
+            ...g("chat/agent_msg_group/root/avatar"),
+            agent: o,
             className: "hidden"
           }
         ) }),
@@ -1819,45 +1671,45 @@ function ze({
           /* @__PURE__ */ d(
             "div",
             {
-              ...u("chat/agent_msg_group/avatar_and_msgs/root"),
+              ...g("chat/agent_msg_group/avatar_and_msgs/root"),
               className: p("flex items-end gap-2"),
               children: [
-                /* @__PURE__ */ o(J, { content: r == null ? void 0 : r.name, side: "right", align: "end", children: /* @__PURE__ */ o(
+                /* @__PURE__ */ r(J, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
                   me,
                   {
-                    ...u("chat/agent_msg_group/avatar_and_msgs/avatar"),
-                    agent: r
+                    ...g("chat/agent_msg_group/avatar_and_msgs/avatar"),
+                    agent: o
                   }
                 ) }),
                 /* @__PURE__ */ d(
                   "div",
                   {
-                    ...u("chat/agent_msg_group/avatar_and_msgs/msgs"),
+                    ...g("chat/agent_msg_group/avatar_and_msgs/msgs"),
                     className: p("flex-1 flex flex-col gap-1"),
                     children: [
-                      e.map((n, s, i) => /* @__PURE__ */ o(
-                        fr,
+                      e.map((n, s, a) => /* @__PURE__ */ r(
+                        io,
                         {
                           isFirstInGroup: s === 0,
-                          isLastInGroup: s === i.length - 1,
-                          isAloneInGroup: i.length === 1,
+                          isLastInGroup: s === a.length - 1,
+                          isAloneInGroup: a.length === 1,
                           ...n
                         },
                         n.id
                       )),
-                      /* @__PURE__ */ o(Pt, { messages: e })
+                      /* @__PURE__ */ r(Ot, { messages: e })
                     ]
                   }
                 )
               ]
             }
           ),
-          t && t.length > 0 && /* @__PURE__ */ o(
+          t && t.length > 0 && /* @__PURE__ */ r(
             "div",
             {
-              ...u("chat/agent_msg_group/suggestions"),
+              ...g("chat/agent_msg_group/suggestions"),
               className: p("flex flex-col gap-1 ps-8"),
-              children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ o(
+              children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
                 Ce,
                 {
                   suggestion: n
@@ -1871,20 +1723,20 @@ function ze({
     }
   );
 }
-function vr() {
+function ao() {
   var s;
   const {
     widgetCtx: { org: e }
   } = j(), {
-    sessionState: { session: r }
-  } = q(), t = x();
-  if (r != null && r.isOpened || !r) return null;
+    sessionState: { session: o }
+  } = q(), t = b();
+  if (o != null && o.isOpened || !o) return null;
   const n = (s = t.specialComponents) == null ? void 0 : s.onSessionResolved;
-  return n ? /* @__PURE__ */ o(n, { react: $, session: r, config: t, org: e }) : null;
+  return n ? /* @__PURE__ */ r(n, { react: Y, session: o, config: t, org: e }) : null;
 }
-function br({
+function lo({
   message: e,
-  isFirstInGroup: r,
+  isFirstInGroup: o,
   isLastInGroup: t,
   isAloneInGroup: n
 }) {
@@ -1892,15 +1744,15 @@ function br({
   return /* @__PURE__ */ d(
     "div",
     {
-      ...u("chat/user_msg/root"),
+      ...g("chat/user_msg/root"),
       className: "w-5/6 flex flex-col items-end gap-1",
       children: [
-        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ o("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((i) => /* @__PURE__ */ o(St, { attachment: i }, i.id)) }),
-        e.content.length > 0 && /* @__PURE__ */ o(
+        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(St, { attachment: a }, a.id)) }),
+        e.content.length > 0 && /* @__PURE__ */ r(
           "div",
           {
-            ...u("chat/user_msg/msg"),
-            "data-first": r,
+            ...g("chat/user_msg/msg"),
+            "data-first": o,
             "data-last": t,
             "data-alone": n,
             className: p(
@@ -1911,9 +1763,9 @@ function br({
               // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
               "whitespace-pre-wrap",
               // We're using the booleans directly here, not the data attributes, to make any external styling more specific than this
-              r && !n && "rounded-br-md",
+              o && !n && "rounded-br-md",
               t && !n && "rounded-tr-md",
-              !r && !t && !n && "rounded-r-md"
+              !o && !t && !n && "rounded-r-md"
             ),
             children: e.content
           }
@@ -1922,67 +1774,67 @@ function br({
     }
   );
 }
-function xr({
+function co({
   messages: e
 }) {
   return /* @__PURE__ */ d(
     "div",
     {
-      ...u("chat/user_msg_group/root"),
+      ...g("chat/user_msg_group/root"),
       className: p("group", "flex flex-col gap-1 justify-end items-end"),
       children: [
-        e.map((r, t, n) => /* @__PURE__ */ o(
-          br,
+        e.map((o, t, n) => /* @__PURE__ */ r(
+          lo,
           {
-            message: r,
+            message: o,
             isFirstInGroup: t === 0,
             isLastInGroup: t === n.length - 1,
             isAloneInGroup: n.length === 1
           },
-          r.id
+          o.id
         )),
-        /* @__PURE__ */ o(Pt, { messages: e, containerClassName: "ms-auto" })
+        /* @__PURE__ */ r(Ot, { messages: e, containerClassName: "ms-auto" })
       ]
     }
   );
 }
-function yr(e) {
-  const r = [];
+function po(e) {
+  const o = [];
   let t = null;
   return e.forEach((n) => {
-    var s, i, a, c, l, h;
-    (!t || ((s = t[0]) == null ? void 0 : s.type) !== n.type) && (t = [], r.push(t)), ((i = t[0]) == null ? void 0 : i.type) === "AGENT" && n.type === "AGENT" && (((a = n.agent) == null ? void 0 : a.id) !== ((c = t[0].agent) == null ? void 0 : c.id) || ((l = n.agent) == null ? void 0 : l.name) !== ((h = t[0].agent) == null ? void 0 : h.name)) && (t = [], r.push(t)), t.push(n);
-  }), r;
+    var s, a, i, c, l, h;
+    (!t || ((s = t[0]) == null ? void 0 : s.type) !== n.type) && (t = [], o.push(t)), ((a = t[0]) == null ? void 0 : a.type) === "AGENT" && n.type === "AGENT" && (((i = n.agent) == null ? void 0 : i.id) !== ((c = t[0].agent) == null ? void 0 : c.id) || ((l = n.agent) == null ? void 0 : l.name) !== ((h = t[0].agent) == null ? void 0 : h.name)) && (t = [], o.push(t)), t.push(n);
+  }), o;
 }
-function kr(e) {
-  var r;
-  return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "USER";
+function ho(e) {
+  var o;
+  return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "USER";
 }
-function Cr(e) {
-  var r;
-  return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "AI";
+function mo(e) {
+  var o;
+  return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AI";
 }
-function zr(e) {
-  var r;
-  return ((r = e == null ? void 0 : e[0]) == null ? void 0 : r.type) === "AGENT";
+function go(e) {
+  var o;
+  return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AGENT";
 }
-function Nr() {
+function wo() {
   const {
     messagesState: { messages: e }
-  } = R(), {
-    advancedInitialMessages: r = [],
+  } = E(), {
+    advancedInitialMessages: o = [],
     initialQuestionsPosition: t,
     initialQuestions: n,
     bot: s
-  } = x();
-  return /* @__PURE__ */ o(te, { children: e.length === 0 && r.length > 0 && /* @__PURE__ */ o(
+  } = b();
+  return /* @__PURE__ */ r(te, { children: e.length === 0 && o.length > 0 && /* @__PURE__ */ r(
     ze,
     {
-      messages: r.map(
-        ({ message: i }, a) => ({
+      messages: o.map(
+        ({ message: a }, i) => ({
           component: "bot_message",
-          data: { message: i },
-          id: `${a}-${i}`,
+          data: { message: a },
+          id: `${i}-${a}`,
           type: "AI",
           timestamp: null
         })
@@ -1992,109 +1844,109 @@ function Nr() {
     }
   ) });
 }
-function Sr() {
+function uo() {
   const {
     messagesState: { messages: e }
-  } = R(), { chatBannerItems: r } = x();
-  return !(r != null && r.length) || e.length > 0 && r.every((t) => !t.persistent) ? null : /* @__PURE__ */ o("div", { className: "w-full text-center text-xs", children: r.map(
-    ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(It, { children: t }) }, `${t}-${s}`)
+  } = E(), { chatBannerItems: o } = b();
+  return !(o != null && o.length) || e.length > 0 && o.every((t) => !t.persistent) ? null : /* @__PURE__ */ r("div", { className: "w-full text-center text-xs", children: o.map(
+    ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(It, { children: t }) }, `${t}-${s}`)
   ) });
 }
-function _r() {
+function fo() {
   const {
     messagesState: { messages: e }
-  } = R(), r = x(), {
+  } = E(), o = b(), {
     advancedInitialMessages: t = [],
     initialQuestions: n,
     initialQuestionsPosition: s
-  } = r, i = (() => {
-    var a;
-    return t.length ? [] : e.length ? [] : (a = r.initialMessages) != null && a.length ? r.initialMessages : ["Hello, how can I help you?"];
+  } = o, a = (() => {
+    var i;
+    return t.length ? [] : e.length ? [] : (i = o.initialMessages) != null && i.length ? o.initialMessages : ["Hello, how can I help you?"];
   })();
-  return /* @__PURE__ */ o(te, { children: e.length === 0 && i.length > 0 && /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(te, { children: e.length === 0 && a.length > 0 && /* @__PURE__ */ r(
     ze,
     {
-      messages: i.map(
-        (a, c) => ({
+      messages: a.map(
+        (i, c) => ({
           component: "bot_message",
-          data: { message: a },
-          id: `${c}-${a}`,
+          data: { message: i },
+          id: `${c}-${i}`,
           type: "AI",
           timestamp: null
         })
       ),
       suggestedReplies: s === "below-initial-messages" ? n : void 0,
-      agent: r.bot ? { ...r.bot, isAi: !0, id: null } : void 0
+      agent: o.bot ? { ...o.bot, isAi: !0, id: null } : void 0
     }
   ) });
 }
-function Ir() {
+function vo() {
   const {
     messagesState: { messages: e }
-  } = R(), { isAwaitingBotReply: r } = ht(), { componentStore: t } = j(), n = x(), s = ct(
-    () => yr(e),
+  } = E(), { isAwaitingBotReply: o } = ht(), { componentStore: t } = j(), n = b(), s = ct(
+    () => po(e),
     [e]
-  ), i = t.getComponent(
+  ), a = t.getComponent(
     "loading"
-  ), a = le(null);
+  ), i = le(null);
   function c() {
     setTimeout(() => {
-      const l = a.current;
+      const l = i.current;
       l && (l.scrollTop = l.scrollHeight);
     }, 0);
   }
-  return oe(() => {
+  return re(() => {
     c();
   }, [e]), /* @__PURE__ */ d(
     "div",
     {
-      ...u("chat/msgs/root"),
-      ref: a,
+      ...g("chat/msgs/root"),
+      ref: i,
       className: "max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",
       children: [
-        /* @__PURE__ */ o(Sr, {}),
-        /* @__PURE__ */ o(Nr, {}),
-        /* @__PURE__ */ o(_r, {}),
+        /* @__PURE__ */ r(uo, {}),
+        /* @__PURE__ */ r(wo, {}),
+        /* @__PURE__ */ r(fo, {}),
         s.map((l) => {
-          var w, m, k;
-          const h = (w = l == null ? void 0 : l[0]) == null ? void 0 : w.type, b = (m = l[0]) == null ? void 0 : m.id;
-          if (!h || !b) return null;
-          if (kr(l))
-            return /* @__PURE__ */ o(xr, { messages: l }, b);
-          if (Cr(l) || zr(l)) {
+          var u, m, k;
+          const h = (u = l == null ? void 0 : l[0]) == null ? void 0 : u.type, x = (m = l[0]) == null ? void 0 : m.id;
+          if (!h || !x) return null;
+          if (ho(l))
+            return /* @__PURE__ */ r(co, { messages: l }, x);
+          if (mo(l) || go(l)) {
             const f = (k = l[0]) == null ? void 0 : k.agent;
-            return /* @__PURE__ */ o(
+            return /* @__PURE__ */ r(
               ze,
               {
                 messages: l,
                 agent: f
               },
-              b
+              x
             );
           }
           return null;
         }),
-        r && i && /* @__PURE__ */ o(i, { agent: n.bot }),
-        /* @__PURE__ */ o(vr, {})
+        o && a && /* @__PURE__ */ r(a, { agent: n.bot }),
+        /* @__PURE__ */ r(ao, {})
       ]
     }
   );
 }
-function Tr() {
+function xo() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = R(), {
-    sessionState: { session: r }
-  } = q(), { isCanvasOpen: t } = Zo(), { theme: n } = U();
+  } = E(), {
+    sessionState: { session: o }
+  } = q(), { isCanvasOpen: t } = Qr(), { theme: n } = X();
   ye({
     width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
     height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
   });
-  const s = le((r == null ? void 0 : r.id) || "chat").current;
-  return /* @__PURE__ */ o(
+  const s = le((o == null ? void 0 : o.id) || "chat").current;
+  return /* @__PURE__ */ r(
     "div",
     {
-      ...u("chat/root"),
+      ...g("chat/root"),
       className: p("flex flex-col overflow-hidden"),
       style: {
         width: "100vw",
@@ -2107,16 +1959,16 @@ function Tr() {
         // Relative to the iframe
       },
       children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
-        /* @__PURE__ */ o(Rt, {}),
-        /* @__PURE__ */ o(S, { mode: "wait", children: e ? /* @__PURE__ */ o(
-          g,
+        /* @__PURE__ */ r(Et, {}),
+        /* @__PURE__ */ r(S, { mode: "wait", children: e ? /* @__PURE__ */ r(
+          w,
           {
             className: "flex flex-col items-center justify-center w-full flex-1",
-            children: /* @__PURE__ */ o(Ot, {})
+            children: /* @__PURE__ */ r(Pt, {})
           },
           "loading"
         ) : /* @__PURE__ */ d(
-          g,
+          w,
           {
             className: "flex items-start h-full flex-1 overflow-auto",
             snapExit: !0,
@@ -2124,7 +1976,7 @@ function Tr() {
               /* @__PURE__ */ d(
                 "div",
                 {
-                  ...u("chat/main/root"),
+                  ...g("chat/main/root"),
                   className: p(
                     "flex flex-col h-full overflow-auto transition-all",
                     t ? "w-2/5" : "w-full"
@@ -2134,15 +1986,15 @@ function Tr() {
                     transitionDuration: n.screens.chat.withCanvas.transitionDuration
                   },
                   children: [
-                    /* @__PURE__ */ o(Ir, {}),
-                    /* @__PURE__ */ o(wr, {})
+                    /* @__PURE__ */ r(vo, {}),
+                    /* @__PURE__ */ r(so, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ r(
                 "div",
                 {
-                  ...u("chat/canvas/root"),
+                  ...g("chat/canvas/root"),
                   className: p(
                     "h-full overflow-auto transition-all",
                     t ? "w-3/5" : "w-0"
@@ -2151,7 +2003,7 @@ function Tr() {
                     transitionTimingFunction: n.screens.chat.withCanvas.transitionTimingFunction,
                     transitionDuration: n.screens.chat.withCanvas.transitionDuration
                   },
-                  children: /* @__PURE__ */ o(Qo, {})
+                  children: /* @__PURE__ */ r(Zr, {})
                 }
               )
             ]
@@ -2162,20 +2014,20 @@ function Tr() {
     }
   );
 }
-function Mr({
+function bo({
   className: e,
-  ...r
+  ...o
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     "div",
     {
       className: p("animate-pulse rounded-md bg-secondary", e),
-      ...r
+      ...o
     }
   );
 }
-function Dr({ className: e }) {
-  return /* @__PURE__ */ o(
+function yo({ className: e }) {
+  return /* @__PURE__ */ r(
     "svg",
     {
       width: "26",
@@ -2184,7 +2036,7 @@ function Dr({ className: e }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: p("text-primary-foreground", e),
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ r(
         "path",
         {
           d: "M1.34103 25.6132H5.44245C5.74203 25.6228 6.02673 25.7462 6.23867 25.9582C6.45062 26.1703 6.5739 26.4551 6.58348 26.7548V30.8584C6.59305 31.1581 6.71634 31.443 6.92828 31.655C7.14023 31.8671 7.42492 31.9904 7.7245 32H18.2894C18.589 31.9904 18.8737 31.8671 19.0856 31.655C19.2976 31.443 19.4209 31.1581 19.4304 30.8584V26.7548C19.4401 26.4545 19.5638 26.1692 19.7765 25.957C19.9892 25.7449 20.2748 25.6219 20.5749 25.6132H24.659C24.9586 25.6036 25.2433 25.4803 25.4552 25.2682C25.6671 25.0562 25.7904 24.7713 25.8 24.4716V7.52839C25.7904 7.22865 25.6671 6.94381 25.4552 6.73176C25.2433 6.5197 24.9586 6.39635 24.659 6.38677H20.561C20.2603 6.37802 19.9742 6.25457 19.7614 6.04169C19.5487 5.82881 19.4253 5.54261 19.4165 5.24168V1.14161C19.4072 0.84419 19.2858 0.561291 19.0768 0.349589C18.8678 0.137887 18.5865 0.0130193 18.2894 0L7.7245 0C7.42492 0.00957792 7.14023 0.132929 6.92828 0.344983C6.71634 0.557036 6.59305 0.841878 6.58348 1.14161V5.24168C6.57477 5.54203 6.45187 5.82773 6.23983 6.04052C6.0278 6.25331 5.74262 6.37715 5.44245 6.38677H1.34103C1.04144 6.39635 0.756749 6.5197 0.544805 6.73176C0.332861 6.94381 0.209574 7.22865 0.200001 7.52839V24.4716C0.209574 24.7713 0.332861 25.0562 0.544805 25.2682C0.756749 25.4803 1.04144 25.6036 1.34103 25.6132ZM6.58348 24.4716V7.52839C6.59305 7.22865 6.71634 6.94381 6.92828 6.73176C7.14023 6.5197 7.42492 6.39635 7.7245 6.38677H18.2894C18.589 6.39635 18.8737 6.5197 19.0856 6.73176C19.2976 6.94381 19.4209 7.22865 19.4304 7.52839V24.4716C19.4209 24.7713 19.2976 25.0562 19.0856 25.2682C18.8737 25.4803 18.589 25.6036 18.2894 25.6132H7.7245C7.42492 25.6036 7.14023 25.4803 6.92828 25.2682C6.71634 25.0562 6.59305 24.7713 6.58348 24.4716Z",
@@ -2194,19 +2046,19 @@ function Dr({ className: e }) {
     }
   );
 }
-function Wt({ className: e }) {
-  const { token: r } = x();
-  return /* @__PURE__ */ o(
+function At({ className: e }) {
+  const { token: o } = b();
+  return /* @__PURE__ */ r(
     "div",
     {
       className: p(
         "flex items-center justify-center gap-2 p-2 pt-0",
         e
       ),
-      children: /* @__PURE__ */ o(H, { children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ r(H, { children: /* @__PURE__ */ d(
         "a",
         {
-          href: `https://open.cx/?ref=${r}`,
+          href: `https://open.cx/?ref=${o}`,
           target: "_blank",
           rel: "noreferrer",
           className: p(
@@ -2215,11 +2067,11 @@ function Wt({ className: e }) {
             "hover:text-primary [&_svg]:hover:text-primary"
           ),
           children: [
-            /* @__PURE__ */ o("span", { children: "Powered by" }),
-            /* @__PURE__ */ o("span", { children: " " }),
+            /* @__PURE__ */ r("span", { children: "Powered by" }),
+            /* @__PURE__ */ r("span", { children: " " }),
             /* @__PURE__ */ d("span", { className: "flex items-center gap-[1px]", children: [
-              /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(Dr, { className: "size-3 inline-block" }) }),
-              /* @__PURE__ */ o("span", { className: "font-semibold", children: "open" })
+              /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(yo, { className: "size-3 inline-block" }) }),
+              /* @__PURE__ */ r("span", { className: "font-semibold", children: "open" })
             ] })
           ]
         }
@@ -2227,14 +2079,14 @@ function Wt({ className: e }) {
     }
   );
 }
-function jr({ children: e }) {
-  return /* @__PURE__ */ o("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
+function ko({ children: e }) {
+  return /* @__PURE__ */ r("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
 }
-function at({
+function it({
   session: e,
-  className: r
+  className: o
 }) {
-  const { bot: t } = x(), { toChatScreen: n } = B(), s = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
+  const { bot: t } = b(), { toChatScreen: n } = $(), s = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
   return /* @__PURE__ */ d(
     y,
     {
@@ -2242,74 +2094,74 @@ function at({
       size: "lg",
       className: p(
         "rounded-full p-2 pe-4 flex text-start justify-between w-full whitespace-normal",
-        r
+        o
       ),
       onClick: () => n(e.id),
       children: [
         /* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
-          /* @__PURE__ */ o(S, { mode: "wait", children: /* @__PURE__ */ o(g, { snapExit: !0, children: /* @__PURE__ */ d(ve, { className: "size-10", children: [
-            /* @__PURE__ */ o(be, { src: i, alt: "Agent Icon" }),
-            /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(zo, { className: "size-4" }) })
+          /* @__PURE__ */ r(S, { mode: "wait", children: /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ d(ve, { className: "size-10", children: [
+            /* @__PURE__ */ r(xe, { src: a, alt: "Agent Icon" }),
+            /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(kr, { className: "size-4" }) })
           ] }) }) }),
           /* @__PURE__ */ d("div", { className: "flex-1", children: [
-            /* @__PURE__ */ o(S, { mode: "wait", children: /* @__PURE__ */ o(g, { snapExit: !0, children: s }, s) }),
-            /* @__PURE__ */ o(S, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ o(g, { snapExit: !0, children: /* @__PURE__ */ o(
+            /* @__PURE__ */ r(S, { mode: "wait", children: /* @__PURE__ */ r(w, { snapExit: !0, children: s }, s) }),
+            /* @__PURE__ */ r(S, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(
               _t,
               {
-                remarkPlugins: [gt],
-                rehypePlugins: [wt],
+                remarkPlugins: [wt],
+                rehypePlugins: [ut],
                 className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
                 children: e.lastMessage
               }
-            ) }, e.lastMessage || "content") : /* @__PURE__ */ o(g, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ o(Mr, { className: "h-4 w-full" }) }, "skeleton") })
+            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(w, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(bo, { className: "h-4 w-full" }) }, "skeleton") })
           ] })
         ] }),
-        /* @__PURE__ */ o(No, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
+        /* @__PURE__ */ r(Cr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
       ]
     }
   );
 }
-function Er() {
-  const { t: e } = V(), { toChatScreen: r } = B(), {
+function Co() {
+  const { t: e } = U(), { toChatScreen: o } = $(), {
     sessionsState: { data: t, isInitialFetchLoading: n },
     openSessions: s,
-    closedSessions: i,
-    canCreateNewSession: a
+    closedSessions: a,
+    canCreateNewSession: i
   } = q();
-  return /* @__PURE__ */ o("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ o(S, { mode: "wait", children: n ? /* @__PURE__ */ o(
-    g,
+  return /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ r(S, { mode: "wait", children: n ? /* @__PURE__ */ r(
+    w,
     {
       className: "flex-1 flex items-center justify-center",
-      children: /* @__PURE__ */ o(Ot, {})
+      children: /* @__PURE__ */ r(Pt, {})
     },
     "loading"
-  ) : /* @__PURE__ */ o(
-    g,
+  ) : /* @__PURE__ */ r(
+    w,
     {
       className: "flex-1 flex flex-col gap-2 relative",
       children: t.length ? /* @__PURE__ */ d(te, { children: [
         /* @__PURE__ */ d(S, { children: [
-          s.length > 0 && /* @__PURE__ */ o(
-            g,
+          s.length > 0 && /* @__PURE__ */ r(
+            w,
             {
               fadeIn: "up",
               delay: 0.2,
               className: "space-y-2",
               snapExit: !0,
-              children: s.map((c) => /* @__PURE__ */ o(at, { session: c }, c.id))
+              children: s.map((c) => /* @__PURE__ */ r(it, { session: c }, c.id))
             },
             "open-sessions"
           ),
-          i.length > 0 && /* @__PURE__ */ d(
-            g,
+          a.length > 0 && /* @__PURE__ */ d(
+            w,
             {
               className: "space-y-2",
               delay: 0.2,
               snapExit: !0,
               children: [
-                /* @__PURE__ */ o(jr, { children: e("closed-conversations") }),
-                i.map((c) => /* @__PURE__ */ o(
-                  at,
+                /* @__PURE__ */ r(ko, { children: e("closed_conversations") }),
+                a.map((c) => /* @__PURE__ */ r(
+                  it,
                   {
                     session: c,
                     className: "opacity-50 hover:opacity-100"
@@ -2321,44 +2173,44 @@ function Er() {
             "closed-sessions"
           )
         ] }),
-        a && /* @__PURE__ */ o("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ tt(
+        i && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ tt(
           y,
           {
-            ...u("sessions/new_conversation_btn"),
+            ...g("sessions/new_conversation_btn"),
             size: "lg",
             key: "new-session",
             className: "w-full",
-            onClick: () => r()
+            onClick: () => o()
           },
-          e("new-conversation")
+          e("new_conversation")
         ) })
       ] }) : /* @__PURE__ */ d("div", { className: "flex-1 flex flex-col gap-2 items-center", children: [
-        /* @__PURE__ */ o("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ o("p", { className: "text-muted-foreground", children: e("no-conversations-yet") }) }),
+        /* @__PURE__ */ r("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: e("no_conversations_yet") }) }),
         /* @__PURE__ */ tt(
           y,
           {
-            ...u("sessions/new_conversation_btn"),
+            ...g("sessions/new_conversation_btn"),
             size: "lg",
             key: "new-session",
             className: "w-full",
-            onClick: () => r()
+            onClick: () => o()
           },
-          e("new-conversation")
+          e("new_conversation")
         )
       ] })
     },
     "sessions"
   ) }) });
 }
-function Rr() {
-  const { theme: e } = U();
+function zo() {
+  const { theme: e } = X();
   return ye({
     width: e.screens.sessions.width,
     height: e.screens.sessions.height
-  }), /* @__PURE__ */ o(
+  }), /* @__PURE__ */ r(
     "div",
     {
-      ...u("sessions/root"),
+      ...g("sessions/root"),
       className: p("flex flex-col overflow-hidden bg-background"),
       style: {
         width: "100vw",
@@ -2371,20 +2223,20 @@ function Rr() {
         // Relative to the iframe
       },
       children: /* @__PURE__ */ d("div", { className: "size-full flex flex-col", children: [
-        /* @__PURE__ */ o(Rt, {}),
-        /* @__PURE__ */ o(Er, {}),
-        /* @__PURE__ */ o(Wt, {})
+        /* @__PURE__ */ r(Et, {}),
+        /* @__PURE__ */ r(Co, {}),
+        /* @__PURE__ */ r(At, {})
       ] })
     }
   );
 }
-const ae = G.forwardRef(
-  ({ className: e, type: r, ...t }, n) => {
-    const { isSmallScreen: s } = O();
-    return /* @__PURE__ */ o(H, { ref: n, children: /* @__PURE__ */ o(
+const ie = G.forwardRef(
+  ({ className: e, type: o, ...t }, n) => {
+    const { isSmallScreen: s } = P();
+    return /* @__PURE__ */ r(H, { ref: n, children: /* @__PURE__ */ r(
       "input",
       {
-        type: r,
+        type: o,
         className: p(
           // 16px on mobiles prevents auto-zoom on the input when focused
           s ? "text-[16px]" : "text-sm",
@@ -2398,58 +2250,60 @@ const ae = G.forwardRef(
     ) });
   }
 );
-ae.displayName = "Input";
-function Or() {
-  const { contentIframeRef: e } = j(), { inline: r } = x(), t = le(null);
-  return oe(() => {
+ie.displayName = "Input";
+function No() {
+  const { contentIframeRef: e } = j(), { inline: o } = b(), t = le(null);
+  return re(() => {
     const n = e == null ? void 0 : e.current;
     if (n && t.current) {
       const s = t.current;
-      let i;
-      const a = new ResizeObserver(() => {
-        i = requestAnimationFrame(() => {
+      let a;
+      const i = new ResizeObserver(() => {
+        a = requestAnimationFrame(() => {
           const c = s.offsetHeight;
           n.style.setProperty(
             "--opencx-widget-height",
-            r ? "100%" : `${c.toFixed(1)}px`
+            o ? "100%" : `${c.toFixed(1)}px`
           );
         });
       });
-      return a.observe(s), () => {
-        cancelAnimationFrame(i), a.unobserve(s);
+      return i.observe(s), () => {
+        cancelAnimationFrame(a), i.unobserve(s);
       };
     }
-  }, [e, r]), { observedElementRef: t };
+  }, [e, o]), { observedElementRef: t };
 }
-const Ar = pe.object({
+const So = pe.object({
   name: pe.string().min(2),
   email: pe.string().email()
 });
-function Pr() {
-  var _, M, A, P, W, E, v, C;
-  const { widgetCtx: { org: e } } = j(), { setIsOpen: r } = K(), { createUnverifiedContact: t } = qt(), { isSmallScreen: n } = O(), s = x(), { theme: i } = U(), { t: a } = V(), { observedElementRef: c } = Or();
+function _o() {
+  var _, M, O, A, F, R, v, C;
+  const {
+    widgetCtx: { org: e }
+  } = j(), { setIsOpen: o } = K(), { createUnverifiedContact: t } = Yt(), { isSmallScreen: n } = P(), s = b(), { theme: a } = X(), { t: i } = U(), { observedElementRef: c } = No();
   ye({
     height: void 0,
-    width: i.screens.welcome.width
+    width: a.screens.welcome.width
   });
-  const [l, h] = I(((_ = s.prefillUserData) == null ? void 0 : _.name) || ""), [b, w] = I(((M = s.prefillUserData) == null ? void 0 : M.email) || ""), m = (s.extraDataCollectionFields || []).filter(
+  const [l, h] = I(((_ = s.prefillUserData) == null ? void 0 : _.name) || ""), [x, u] = I(((M = s.prefillUserData) == null ? void 0 : M.email) || ""), m = (s.extraDataCollectionFields || []).filter(
     (z) => z !== "name" && z !== "email" && !!z
-  ), [k, f] = I({}), [N, T] = Mo(
+  ), [k, f] = I({}), [N, T] = Mr(
     async (z) => {
       z.preventDefault();
-      const L = Ar.safeParse({ name: l, email: b });
-      L.success && await t(
+      const B = So.safeParse({ name: l, email: x });
+      B.success && await t(
         {
-          email: L.data.email,
-          non_verified_name: L.data.name
+          email: B.data.email,
+          non_verified_name: B.data.name
         },
         // Only pass extra data if there is any
         Object.values(k).filter(Boolean).length ? k : void 0
       );
     },
-    [l, b, k]
+    [l, x, k]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     "div",
     {
       style: {
@@ -2457,7 +2311,7 @@ function Pr() {
         // Relative to the iframe
         maxWidth: "100vw",
         // Relative to the iframe
-        minHeight: i.screens.welcome.minHeight,
+        minHeight: a.screens.welcome.minHeight,
         height: "100vh",
         // Relative to the iframe
         maxHeight: "100vh",
@@ -2482,18 +2336,18 @@ function Pr() {
                   "text-primary-foreground"
                 ),
                 children: [
-                  n && /* @__PURE__ */ o(g, { className: "absolute top-6 end-6", children: /* @__PURE__ */ o(y, { size: "selfless", onClick: () => r(!1), children: /* @__PURE__ */ o(fe, { className: "size-4" }) }) }),
-                  /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full mb-2", children: (A = s.assets) != null && A.organizationLogo ? /* @__PURE__ */ o(
+                  n && /* @__PURE__ */ r(w, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(y, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(fe, { className: "size-4" }) }) }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (O = s.assets) != null && O.organizationLogo ? /* @__PURE__ */ r(
                     "img",
                     {
-                      src: (P = s.assets) == null ? void 0 : P.organizationLogo,
+                      src: (A = s.assets) == null ? void 0 : A.organizationLogo,
                       alt: "Company Logo",
                       className: "h-8 w-auto object-contain"
                     }
-                  ) : /* @__PURE__ */ o("h2", { className: "font-bold text-sm", children: e.name }) }),
+                  ) : /* @__PURE__ */ r("h2", { className: "font-bold text-sm", children: e.name }) }),
                   /* @__PURE__ */ d("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ o("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((E = (W = s.textContent) == null ? void 0 : W.welcomeScreen) == null ? void 0 : E.title) || a("welcome-title") }),
-                    /* @__PURE__ */ o("p", { className: "text-sm", children: ((C = (v = s.textContent) == null ? void 0 : v.welcomeScreen) == null ? void 0 : C.description) || a("welcome-description") })
+                    /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((R = (F = s.textContent) == null ? void 0 : F.welcomeScreen) == null ? void 0 : R.title) || i("welcome_screen_title") }),
+                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((C = (v = s.textContent) == null ? void 0 : v.welcomeScreen) == null ? void 0 : C.description) || i("welcome_screen_description") })
                   ] })
                 ]
               }
@@ -2509,36 +2363,36 @@ function Pr() {
                 ),
                 children: [
                   /* @__PURE__ */ d("form", { onSubmit: T, className: "space-y-2", children: [
-                    /* @__PURE__ */ o(
-                      ae,
+                    /* @__PURE__ */ r(
+                      ie,
                       {
                         value: l,
                         onChange: (z) => h(z.target.value),
                         required: !0,
-                        placeholder: a("your-name"),
+                        placeholder: i("your_name_placeholder"),
                         name: "name"
                       }
                     ),
-                    /* @__PURE__ */ o(
-                      ae,
+                    /* @__PURE__ */ r(
+                      ie,
                       {
                         required: !0,
-                        value: b,
-                        onChange: (z) => w(z.target.value),
+                        value: x,
+                        onChange: (z) => u(z.target.value),
                         type: "email",
-                        placeholder: a("your-email"),
+                        placeholder: i("your_email_placeholder"),
                         name: "email"
                       }
                     ),
-                    m.map((z) => /* @__PURE__ */ o(
-                      ae,
+                    m.map((z) => /* @__PURE__ */ r(
+                      ie,
                       {
                         value: k[z],
-                        onChange: (L) => f((ne) => ({
+                        onChange: (B) => f((ne) => ({
                           ...ne,
-                          [z]: L.target.value
+                          [z]: B.target.value
                         })),
-                        placeholder: `${z} (${a("optional")})`
+                        placeholder: `${z} (${i("optional")})`
                       },
                       z
                     )),
@@ -2549,13 +2403,13 @@ function Pr() {
                         className: "w-full",
                         size: "lg",
                         children: [
-                          N.loading ? a("starting-chat") : a("start-chat"),
-                          /* @__PURE__ */ o(So, { className: "size-4 rtl:-scale-100" })
+                          N.loading ? i("start_chat_button_loading") : i("start_chat_button"),
+                          /* @__PURE__ */ r(zr, { className: "size-4 rtl:-scale-100" })
                         ]
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ o(Wt, {})
+                  /* @__PURE__ */ r(At, {})
                 ]
               }
             )
@@ -2565,51 +2419,51 @@ function Pr() {
     }
   );
 }
-function Ht() {
+function Ft() {
   const {
     routerState: { screen: e }
-  } = B();
-  return /* @__PURE__ */ o("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ o(S, { mode: "wait", children: (() => {
+  } = $();
+  return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(S, { mode: "wait", children: (() => {
     switch (e) {
       case "welcome":
-        return /* @__PURE__ */ o(
-          g,
+        return /* @__PURE__ */ r(
+          w,
           {
             fadeIn: "right",
             className: "size-full",
             snapExit: !0,
-            children: /* @__PURE__ */ o(Pr, {})
+            children: /* @__PURE__ */ r(_o, {})
           },
           e
         );
       case "sessions":
-        return /* @__PURE__ */ o(
-          g,
+        return /* @__PURE__ */ r(
+          w,
           {
             fadeIn: "right",
             className: "size-full",
             snapExit: !0,
-            children: /* @__PURE__ */ o(Rr, {})
+            children: /* @__PURE__ */ r(zo, {})
           },
           e
         );
       case "chat":
-        return /* @__PURE__ */ o(
-          g,
+        return /* @__PURE__ */ r(
+          w,
           {
             fadeIn: "right",
             className: "size-full",
             snapExit: !0,
-            children: /* @__PURE__ */ o(Tr, {})
+            children: /* @__PURE__ */ r(xo, {})
           },
           e
         );
       default:
-        return D(e, Ht.name), null;
+        return D(e, Ft.name), null;
     }
   })() }) });
 }
-const Wr = "4.0.17", Hr = `<!DOCTYPE html>
+const Io = "4.0.18", To = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -2627,10 +2481,10 @@ html, body {
 <body>
 </body>
 </html>`;
-function Ft() {
-  const { isOpen: e } = K(), { contentIframeRef: r } = j(), { cssOverrides: t, inline: n } = x(), { theme: s, cssVars: i, computed: a } = U(), { dir: c } = V();
-  return /* @__PURE__ */ o(
-    Q.div,
+function Ht() {
+  const { isOpen: e } = K(), { contentIframeRef: o } = j(), { cssOverrides: t, inline: n } = b(), { theme: s, cssVars: a, computed: i } = X(), { dir: c } = U();
+  return /* @__PURE__ */ r(
+    Z.div,
     {
       animate: e ? "visible" : "hidden",
       initial: "hidden",
@@ -2651,21 +2505,21 @@ function Ft() {
       children: /* @__PURE__ */ d(
         ft,
         {
-          ref: r,
-          initialContent: Hr,
+          ref: o,
+          initialContent: To,
           allowFullScreen: !0,
           title: "OpenCX Live Chat",
           style: {
             // @ts-expect-error this is a valid css variable
-            "--opencx-widget-width": a.minWidth,
-            "--opencx-widget-height": a.minHeight,
-            minWidth: a.minWidth,
+            "--opencx-widget-width": i.minWidth,
+            "--opencx-widget-height": i.minHeight,
+            minWidth: i.minWidth,
             width: "var(--opencx-widget-width)",
-            maxWidth: a.maxWidth,
+            maxWidth: i.maxWidth,
             // Relative to the viewport
-            minHeight: a.minHeight,
+            minHeight: i.minHeight,
             height: "var(--opencx-widget-height)",
-            maxHeight: a.maxHeight,
+            maxHeight: i.maxHeight,
             // Relative to the viewport
             overflow: "hidden",
             /** outline is better than border because of box sizing; the outline wouldn't affect the content inside... the border will mess up how the children's border radius sits with the parent */
@@ -2681,25 +2535,25 @@ function Ft() {
             borderWidth: "0px"
           },
           children: [
-            t && /* @__PURE__ */ o("style", { children: t }),
-            /* @__PURE__ */ o(
+            t && /* @__PURE__ */ r("style", { children: t }),
+            /* @__PURE__ */ r(
               "div",
               {
                 style: {
-                  ...i,
+                  ...a,
                   zIndex: s.widgetContentContainer.zIndex
                 },
-                "data-version": Wr,
+                "data-version": Io,
                 className: p(
                   "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
                 ),
                 dir: c,
-                children: /* @__PURE__ */ o(
-                  Lo,
+                children: /* @__PURE__ */ r(
+                  Br,
                   {
                     delayDuration: 200,
                     disableHoverableContent: !0,
-                    children: /* @__PURE__ */ o(Wo, { children: /* @__PURE__ */ o(Ht, {}) })
+                    children: /* @__PURE__ */ r(Fr, { children: /* @__PURE__ */ r(Ft, {}) })
                   }
                 )
               }
@@ -2710,12 +2564,12 @@ function Ft() {
     }
   );
 }
-function Fr() {
-  const { theme: e } = U();
-  return /* @__PURE__ */ o(
-    ie.Content,
+function Mo() {
+  const { theme: e } = X();
+  return /* @__PURE__ */ r(
+    ae.Content,
     {
-      onInteractOutside: (r) => r.preventDefault(),
+      onInteractOutside: (o) => o.preventDefault(),
       forceMount: !0,
       style: {
         zIndex: e.widgetContentContainer.zIndex,
@@ -2726,13 +2580,13 @@ function Fr() {
       sideOffset: e.widgetContentContainer.offset.side,
       alignOffset: e.widgetContentContainer.offset.align,
       avoidCollisions: !1,
-      children: /* @__PURE__ */ o(Ft, {})
+      children: /* @__PURE__ */ r(Ht, {})
     }
   );
 }
-function Br({
+function Do({
   className: e,
-  style: r
+  style: o
 }) {
   return /* @__PURE__ */ d(
     "svg",
@@ -2743,16 +2597,16 @@ function Br({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: p("text-primary-foreground", e),
-      style: r,
+      style: o,
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "path",
           {
             d: "M0 6.94263C0 3.62892 2.68629 0.942627 6 0.942627H26C29.3137 0.942627 32 3.62892 32 6.94263V17.9426C32 21.2563 29.3137 23.9426 26 23.9426H6C2.68629 23.9426 0 21.2563 0 17.9426V6.94263Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           "path",
           {
             fillRule: "evenodd",
@@ -2765,7 +2619,7 @@ function Br({
     }
   );
 }
-const Lr = `<!DOCTYPE html>
+const jo = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -2782,16 +2636,16 @@ html, body {
 <body>
 </body>
 </html>`;
-function Yr() {
-  var i, a;
-  const { isOpen: e } = K(), { cssOverrides: r, assets: t } = x(), { theme: n, cssVars: s } = U();
+function Ro() {
+  var a, i;
+  const { isOpen: e } = K(), { cssOverrides: o, assets: t } = b(), { theme: n, cssVars: s } = X();
   return /* @__PURE__ */ d(
     ft,
     {
-      initialContent: Lr,
+      initialContent: jo,
       style: {
-        height: `calc(${n.widgetTrigger.size.button}px + ${X.x * 2}px)`,
-        width: `calc(${n.widgetTrigger.size.button}px + ${X.y * 2}px)`,
+        height: `calc(${n.widgetTrigger.size.button}px + ${V.x * 2}px)`,
+        width: `calc(${n.widgetTrigger.size.button}px + ${V.y * 2}px)`,
         fontSize: "16px",
         position: "fixed",
         zIndex: n.widgetTrigger.zIndex,
@@ -2805,8 +2659,8 @@ function Yr() {
         borderRadius: "100%"
       },
       children: [
-        r && /* @__PURE__ */ o("style", { children: r }),
-        /* @__PURE__ */ o(
+        o && /* @__PURE__ */ r("style", { children: o }),
+        /* @__PURE__ */ r(
           "div",
           {
             style: {
@@ -2817,8 +2671,8 @@ function Yr() {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ o(
-              ie.PopoverTrigger,
+            children: /* @__PURE__ */ r(
+              ae.PopoverTrigger,
               {
                 className: p(
                   "font-sans flex items-center justify-center rounded-full"
@@ -2827,10 +2681,10 @@ function Yr() {
                   height: n.widgetTrigger.size.button,
                   width: n.widgetTrigger.size.button
                 },
-                children: /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(
+                children: /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(
                   "div",
                   {
-                    ...u("trigger/btn"),
+                    ...g("trigger/btn"),
                     className: p(
                       "relative size-full rounded-full",
                       "flex items-center justify-center",
@@ -2839,8 +2693,8 @@ function Yr() {
                       "bg-primary",
                       "text-primary-foreground"
                     ),
-                    children: /* @__PURE__ */ o(S, { mode: "wait", children: e ? /* @__PURE__ */ o(
-                      g,
+                    children: /* @__PURE__ */ r(S, { mode: "wait", children: e ? /* @__PURE__ */ r(
+                      w,
                       {
                         snapExit: !0,
                         fadeIn: "up",
@@ -2848,7 +2702,7 @@ function Yr() {
                           initial: { rotate: 45 },
                           animate: { rotate: 0 }
                         },
-                        children: (i = t == null ? void 0 : t.widgetTrigger) != null && i.closeIcon ? /* @__PURE__ */ o(
+                        children: (a = t == null ? void 0 : t.widgetTrigger) != null && a.closeIcon ? /* @__PURE__ */ r(
                           "img",
                           {
                             src: t.widgetTrigger.closeIcon,
@@ -2858,8 +2712,8 @@ function Yr() {
                               height: n.widgetTrigger.size.icon
                             }
                           }
-                        ) : /* @__PURE__ */ o(
-                          _o,
+                        ) : /* @__PURE__ */ r(
+                          Nr,
                           {
                             style: {
                               width: n.widgetTrigger.size.icon,
@@ -2869,15 +2723,15 @@ function Yr() {
                         )
                       },
                       "x-icon"
-                    ) : /* @__PURE__ */ o(
-                      g,
+                    ) : /* @__PURE__ */ r(
+                      w,
                       {
                         snapExit: !0,
                         overrides: {
                           initial: { rotate: 45 },
                           animate: { rotate: 0 }
                         },
-                        children: (a = t == null ? void 0 : t.widgetTrigger) != null && a.openIcon ? /* @__PURE__ */ o(
+                        children: (i = t == null ? void 0 : t.widgetTrigger) != null && i.openIcon ? /* @__PURE__ */ r(
                           "img",
                           {
                             src: t.widgetTrigger.openIcon,
@@ -2887,8 +2741,8 @@ function Yr() {
                               height: n.widgetTrigger.size.icon
                             }
                           }
-                        ) : /* @__PURE__ */ o(
-                          Br,
+                        ) : /* @__PURE__ */ r(
+                          Do,
                           {
                             style: {
                               width: n.widgetTrigger.size.icon,
@@ -2910,10 +2764,10 @@ function Yr() {
     }
   );
 }
-function $r() {
-  const { dir: e } = we();
-  return /* @__PURE__ */ o(
-    ie.Anchor,
+function Eo() {
+  const { dir: e } = ue();
+  return /* @__PURE__ */ r(
+    ae.Anchor,
     {
       style: {
         position: "fixed",
@@ -2924,22 +2778,22 @@ function $r() {
     }
   );
 }
-function qr() {
-  const { isOpen: e, setIsOpen: r } = K();
-  return /* @__PURE__ */ d(ie.Root, { open: e, onOpenChange: r, children: [
-    /* @__PURE__ */ o($r, {}),
-    /* @__PURE__ */ o(Yr, {}),
-    /* @__PURE__ */ o(Fr, {})
+function Po() {
+  const { isOpen: e, setIsOpen: o } = K();
+  return /* @__PURE__ */ d(ae.Root, { open: e, onOpenChange: o, children: [
+    /* @__PURE__ */ r(Eo, {}),
+    /* @__PURE__ */ r(Ro, {}),
+    /* @__PURE__ */ r(Mo, {})
   ] });
 }
-const Ur = [
+const Oo = [
   {
     key: "loading",
-    component: Bo
+    component: $r
   },
   {
     key: "fallback",
-    component: Fo
+    component: Wr
   },
   {
     key: "bot_message",
@@ -2949,32 +2803,32 @@ const Ur = [
     key: "agent_message",
     component: he
   }
-], Vr = {
+], Ao = {
   get: async (e) => localStorage.getItem(e),
-  set: async (e, r) => {
-    localStorage.setItem(e, r);
+  set: async (e, o) => {
+    localStorage.setItem(e, o);
   },
   remove: async (e) => {
     localStorage.removeItem(e);
   }
 };
-function mn({
+function rn({
   options: e,
-  components: r = [],
+  components: o = [],
   loadingComponent: t
 }) {
-  return /* @__PURE__ */ o(
-    Ut,
+  return /* @__PURE__ */ r(
+    qt,
     {
-      components: [...Ur, ...r],
+      components: [...Oo, ...o],
       options: e,
-      storage: Vr,
+      storage: Ao,
       loadingComponent: t,
-      children: /* @__PURE__ */ o(Vt, { children: e.inline ? /* @__PURE__ */ o(Ft, {}) : /* @__PURE__ */ o(qr, {}) })
+      children: /* @__PURE__ */ r(Xt, { children: e.inline ? /* @__PURE__ */ r(Ht, {}) : /* @__PURE__ */ r(Po, {}) })
     }
   );
 }
 export {
-  mn as Widget
+  rn as Widget
 };
 //# sourceMappingURL=index.js.map