@opencx/widget-react 4.0.25 → 4.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.cjs +4 -4
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +275 -258
  4. package/dist/index.js.map +1 -1
  5. package/dist/src/components/custom-components/BotOrAgentMessageDefaultComponent.d.ts.map +1 -1
  6. package/dist/src/screens/chat/ChatMain.d.ts.map +1 -1
  7. package/dist/src/utils/group-messages-by-type.d.ts.map +1 -1
  8. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import { jsx as r, jsxs as d, Fragment as te } from "react/jsx-runtime";
2
- import * as ae from "@radix-ui/react-popover";
2
+ import * as le from "@radix-ui/react-popover";
3
3
  import * as G from "react";
4
- import q, { memo as Bt, forwardRef as ct, useState as I, cloneElement as dt, createContext as Lt, useEffect as re, useContext as Yt, useMemo as pt, useRef as le, createElement as rt } from "react";
5
- import { useWidget as R, useConfig as b, useDocumentDir as ue, useWidgetRouter as $, useWidgetTrigger as K, useSessions as B, useMessages as j, useModes as ht, useCsat as mt, useUploadFiles as qt, useIsAwaitingBotReply as gt, useContact as Xt, WidgetProvider as Ut, WidgetTriggerProvider as Vt } from "@opencx/widget-react-headless";
4
+ import q, { memo as Bt, forwardRef as ct, useState as T, cloneElement as dt, createContext as Lt, useEffect as re, useContext as Yt, useMemo as pt, useRef as ce, createElement as rt } from "react";
5
+ import { useWidget as R, useConfig as x, useDocumentDir as fe, useWidgetRouter as $, useWidgetTrigger as K, useSessions as B, useMessages as j, useModes as ht, useCsat as mt, useUploadFiles as qt, useIsAwaitingBotReply as gt, useContact as Xt, WidgetProvider as Ut, WidgetTriggerProvider as Vt } from "@opencx/widget-react-headless";
6
6
  import { clsx as Gt } from "clsx";
7
7
  import { twMerge as Kt } from "tailwind-merge";
8
- import { motion as Z, AnimatePresence as S } from "framer-motion";
8
+ import { motion as Z, AnimatePresence as _ } from "framer-motion";
9
9
  import { Slot as Qt } from "@radix-ui/react-slot";
10
10
  import { cva as Zt } from "class-variance-authority";
11
- import { X as Jt, CircleDashedIcon as er, XIcon as fe, SquareXIcon as tr, SquareCheckBigIcon as rr, SquareCheckIcon as or, ShrinkIcon as nr, Minimize2Icon as sr, MinimizeIcon as ir, Maximize2Icon as ar, MaximizeIcon as lr, ExpandIcon as cr, CircleXIcon as dr, CircleCheckBigIcon as pr, CircleCheckIcon as wt, CheckCheckIcon as hr, CheckIcon as mr, ChevronLeftIcon as gr, LoaderIcon as wr, ArrowUpIcon as ut, PaperclipIcon as ur, ImageIcon as fr, CircleDashed as vr, AlertCircle as xr, Loader2 as br, FileAudio2Icon as yr, FileVideo2Icon as kr, FileIcon as Cr, UserRoundIcon as zr, ChevronRightIcon as Nr, SendHorizontal as Sr, ChevronDownIcon as _r } from "lucide-react";
11
+ import { X as Jt, CircleDashedIcon as er, XIcon as ve, SquareXIcon as tr, SquareCheckBigIcon as rr, SquareCheckIcon as or, ShrinkIcon as nr, Minimize2Icon as sr, MinimizeIcon as ir, Maximize2Icon as ar, MaximizeIcon as lr, ExpandIcon as cr, CircleXIcon as dr, CircleCheckBigIcon as pr, CircleCheckIcon as wt, CheckCheckIcon as hr, CheckIcon as mr, ChevronLeftIcon as gr, LoaderIcon as wr, ArrowUpIcon as ut, PaperclipIcon as ur, ImageIcon as fr, CircleDashed as vr, AlertCircle as xr, Loader2 as br, FileAudio2Icon as yr, FileVideo2Icon as kr, FileIcon as Cr, UserRoundIcon as zr, ChevronRightIcon as Nr, SendHorizontal as Sr, ChevronDownIcon as _r } from "lucide-react";
12
12
  import ft from "remark-gfm";
13
13
  import Ir from "react-markdown";
14
14
  import vt from "rehype-raw";
@@ -19,7 +19,7 @@ import * as oe from "@radix-ui/react-tooltip";
19
19
  import ot from "tinycolor2";
20
20
  import { useDropzone as Dr } from "react-dropzone";
21
21
  import Rr from "react-use/lib/useAsyncFn";
22
- import { z as pe } from "zod";
22
+ import { z as he } from "zod";
23
23
  function g(e) {
24
24
  return { "data-component": e };
25
25
  }
@@ -32,38 +32,38 @@ const V = {
32
32
  }, W = Bt(
33
33
  ct(
34
34
  ({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
35
- const [i, a] = I(!1), [c, l] = I({ x: 0, y: 0 });
35
+ const [i, a] = T(!1), [c, l] = T({ x: 0, y: 0 });
36
36
  if (n || /translate/.test(
37
37
  e.props.className || ""
38
38
  )) return e;
39
- const x = (f) => {
40
- var C, z;
41
- const { clientX: N, clientY: T } = f, _ = f.currentTarget.getBoundingClientRect(), M = N - (_.left + _.width / 2), A = T - (_.top + _.height / 2), F = Math.max(
39
+ const b = (u) => {
40
+ var z, N;
41
+ const { clientX: y, clientY: I } = u, S = u.currentTarget.getBoundingClientRect(), M = y - (S.left + S.width / 2), A = I - (S.top + S.height / 2), F = Math.max(
42
42
  -1,
43
- Math.min(1, M / (_.width / 2))
43
+ Math.min(1, M / (S.width / 2))
44
44
  ), H = Math.max(
45
45
  -1,
46
- Math.min(1, A / (_.height / 2))
46
+ Math.min(1, A / (S.height / 2))
47
47
  ), E = F * V.x, v = H * V.y;
48
- l({ x: E, y: v }), (z = (C = e.props).onMouseMove) == null || z.call(C, f);
49
- }, u = () => {
50
- var f, N;
51
- a(!0), (N = (f = e.props).onMouseEnter) == null || N.call(f);
48
+ l({ x: E, y: v }), (N = (z = e.props).onMouseMove) == null || N.call(z, u);
49
+ }, w = () => {
50
+ var u, y;
51
+ a(!0), (y = (u = e.props).onMouseEnter) == null || y.call(u);
52
52
  }, m = () => {
53
- var f, N;
54
- a(!1), l({ x: 0, y: 0 }), (N = (f = e.props).onMouseLeave) == null || N.call(f);
55
- }, k = {
53
+ var u, y;
54
+ a(!1), l({ x: 0, y: 0 }), (y = (u = e.props).onMouseLeave) == null || y.call(u);
55
+ }, C = {
56
56
  "--wobble-x": i ? `${c.x}px` : "0px",
57
57
  "--wobble-y": i ? `${c.y}px` : "0px",
58
58
  "--scale": 1 - (t - 1)
59
59
  };
60
60
  return dt(e, {
61
61
  ref: s,
62
- onMouseMove: x,
63
- onMouseEnter: u,
62
+ onMouseMove: b,
63
+ onMouseEnter: w,
64
64
  onMouseLeave: m,
65
65
  style: {
66
- ...k,
66
+ ...C,
67
67
  ...e.props.style
68
68
  },
69
69
  className: p(
@@ -100,7 +100,7 @@ const jr = 10, Er = (e, o, t) => ({
100
100
  left: Or,
101
101
  up: Pr,
102
102
  down: Ar
103
- }, w = ct(
103
+ }, f = ct(
104
104
  ({
105
105
  fadeIn: e = "down",
106
106
  distance: o = jr,
@@ -114,7 +114,7 @@ const jr = 10, Er = (e, o, t) => ({
114
114
  return n && l.exit && typeof l.exit == "object" && !Array.isArray(l.exit) && (l.exit.transition = { duration: 0 }), /* @__PURE__ */ r(Z.div, { ref: c, ...a, ...l, children: t });
115
115
  }
116
116
  );
117
- w.displayName = "MotionDiv";
117
+ f.displayName = "MotionDiv";
118
118
  const Hr = Zt(
119
119
  p(
120
120
  "inline-flex shrink-0 items-center justify-center gap-2",
@@ -154,7 +154,7 @@ const Hr = Zt(
154
154
  size: "default"
155
155
  }
156
156
  }
157
- ), y = G.forwardRef(
157
+ ), k = G.forwardRef(
158
158
  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, i) => /* @__PURE__ */ r(W, { ref: i, children: /* @__PURE__ */ r(
159
159
  n ? Qt : "button",
160
160
  {
@@ -165,10 +165,10 @@ const Hr = Zt(
165
165
  }
166
166
  ) })
167
167
  );
168
- y.displayName = "Button";
168
+ k.displayName = "Button";
169
169
  const bt = Lt(null);
170
170
  function Wr({ children: e }) {
171
- const [o, t] = I(!1), [n, s] = I(null), i = (c) => {
171
+ const [o, t] = T(!1), [n, s] = T(null), i = (c) => {
172
172
  s(c), t(!0);
173
173
  }, a = () => {
174
174
  t(!1), setTimeout(() => {
@@ -186,7 +186,7 @@ function Wr({ children: e }) {
186
186
  }
187
187
  );
188
188
  }
189
- function ce() {
189
+ function de() {
190
190
  const e = Yt(bt);
191
191
  return e || (console.error("useDialoger must be used within a DialogerProvider"), {
192
192
  open: () => {
@@ -198,7 +198,7 @@ function ce() {
198
198
  });
199
199
  }
200
200
  function $r() {
201
- const { contentIframeRef: e } = R(), { isOpen: o, content: t, close: n } = ce();
201
+ const { contentIframeRef: e } = R(), { isOpen: o, content: t, close: n } = de();
202
202
  return re(() => {
203
203
  var i, a;
204
204
  const s = (c) => {
@@ -214,8 +214,8 @@ function $r() {
214
214
  s
215
215
  );
216
216
  };
217
- }, []), /* @__PURE__ */ r(S, { mode: "wait", children: o && t && /* @__PURE__ */ r(
218
- w,
217
+ }, []), /* @__PURE__ */ r(_, { mode: "wait", children: o && t && /* @__PURE__ */ r(
218
+ f,
219
219
  {
220
220
  overrides: {
221
221
  initial: { y: 0 },
@@ -234,7 +234,7 @@ function yt({
234
234
  className: o,
235
235
  withClose: t = !1
236
236
  }) {
237
- const { close: n } = ce();
237
+ const { close: n } = de();
238
238
  return /* @__PURE__ */ d(
239
239
  "div",
240
240
  {
@@ -246,7 +246,7 @@ function yt({
246
246
  children: [
247
247
  e,
248
248
  t && /* @__PURE__ */ d(
249
- y,
249
+ k,
250
250
  {
251
251
  size: "fit",
252
252
  className: "rounded-full absolute top-4 right-4",
@@ -314,7 +314,7 @@ function _t({
314
314
  children: e,
315
315
  trigger: o
316
316
  }) {
317
- const { open: t } = ce();
317
+ const { open: t } = de();
318
318
  return dt(o, {
319
319
  onClick: () => t(e)
320
320
  });
@@ -365,12 +365,12 @@ const Tt = q.memo(
365
365
  Ir,
366
366
  (e, o) => e.children === o.children && e.className === o.className
367
367
  );
368
- function ve({
368
+ function xe({
369
369
  children: e,
370
370
  messageType: o,
371
371
  messageId: t
372
372
  }) {
373
- const { anchorTarget: n } = b();
373
+ const { anchorTarget: n } = x();
374
374
  return /* @__PURE__ */ r(
375
375
  Tt,
376
376
  {
@@ -385,7 +385,7 @@ function ve({
385
385
  }
386
386
  );
387
387
  }
388
- function he({
388
+ function me({
389
389
  data: e,
390
390
  id: o,
391
391
  type: t,
@@ -397,8 +397,8 @@ function he({
397
397
  classNames: l
398
398
  }) {
399
399
  if (t !== "AI" && t !== "AGENT") return null;
400
- const { message: h, variant: x = "default" } = e;
401
- 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(
400
+ const { message: h, variant: b = "default" } = e;
401
+ return /* @__PURE__ */ d(
402
402
  "div",
403
403
  {
404
404
  ...g((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
@@ -407,7 +407,7 @@ function he({
407
407
  l == null ? void 0 : l.messageContainer
408
408
  ),
409
409
  children: [
410
- 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(It, { attachment: u }, u.id)) }),
410
+ 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((w) => /* @__PURE__ */ r(It, { attachment: w }, w.id)) }),
411
411
  h.length > 0 && /* @__PURE__ */ r(
412
412
  "div",
413
413
  {
@@ -415,6 +415,7 @@ function he({
415
415
  "data-first": s,
416
416
  "data-last": i,
417
417
  "data-alone": a,
418
+ "data-variant": b,
418
419
  className: p(
419
420
  "transition-all",
420
421
  "w-fit py-3 px-4 rounded-3xl bg-secondary text-secondary-foreground",
@@ -423,13 +424,14 @@ function he({
423
424
  // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
424
425
  // 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
425
426
  // Adding "whitespace-pre-wrap" will result in unnecessarily huge line breaks
427
+ b === "error" && "bg-destructive/15 text-destructive",
426
428
  // We're using the booleans directly here, not the data attributes, to make any external styling more specific than this
427
429
  s && !a && "rounded-bl-md",
428
430
  i && !a && "rounded-tl-md",
429
431
  !s && !i && !a && "rounded-l-md",
430
432
  l == null ? void 0 : l.message
431
433
  ),
432
- children: /* @__PURE__ */ r(ve, { messageType: t, messageId: o, children: h })
434
+ children: /* @__PURE__ */ r(xe, { messageType: t, messageId: o, children: h })
433
435
  }
434
436
  )
435
437
  ]
@@ -439,7 +441,7 @@ function he({
439
441
  function Br(e) {
440
442
  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) }) });
441
443
  }
442
- const xe = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
444
+ const be = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
443
445
  Q.Root,
444
446
  {
445
447
  ref: t,
@@ -451,8 +453,8 @@ const xe = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
451
453
  ...o
452
454
  }
453
455
  ));
454
- xe.displayName = Q.Root.displayName;
455
- const be = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
456
+ be.displayName = Q.Root.displayName;
457
+ const ye = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
456
458
  Q.Image,
457
459
  {
458
460
  ref: t,
@@ -460,8 +462,8 @@ const be = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
460
462
  ...o
461
463
  }
462
464
  ));
463
- be.displayName = Q.Image.displayName;
464
- const ye = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
465
+ ye.displayName = Q.Image.displayName;
466
+ const ke = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
465
467
  Q.Fallback,
466
468
  {
467
469
  ref: t,
@@ -472,25 +474,25 @@ const ye = G.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
472
474
  ...o
473
475
  }
474
476
  ));
475
- ye.displayName = Q.Fallback.displayName;
476
- function me({
477
+ ke.displayName = Q.Fallback.displayName;
478
+ function ge({
477
479
  agent: e,
478
480
  ...o
479
481
  }) {
480
482
  var t, n;
481
- return /* @__PURE__ */ d(xe, { ...o, children: [
482
- /* @__PURE__ */ r(be, { src: (e == null ? void 0 : e.avatar) ?? "", alt: "Agent Icon" }),
483
- (e == null ? void 0 : e.name) && /* @__PURE__ */ r(ye, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
483
+ return /* @__PURE__ */ d(be, { ...o, children: [
484
+ /* @__PURE__ */ r(ye, { src: (e == null ? void 0 : e.avatar) ?? "", alt: "Agent Icon" }),
485
+ (e == null ? void 0 : e.name) && /* @__PURE__ */ r(ke, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
484
486
  ] });
485
487
  }
486
488
  function Lr({ agent: e }) {
487
- return /* @__PURE__ */ r(S, { children: /* @__PURE__ */ d(
488
- w,
489
+ return /* @__PURE__ */ r(_, { children: /* @__PURE__ */ d(
490
+ f,
489
491
  {
490
492
  ...g("chat/bot_loading/root"),
491
493
  className: "flex flex-row items-end w-full gap-2 animate-pulse",
492
494
  children: [
493
- /* @__PURE__ */ r(me, { agent: e }),
495
+ /* @__PURE__ */ r(ge, { agent: e }),
494
496
  /* @__PURE__ */ d(
495
497
  "div",
496
498
  {
@@ -510,7 +512,7 @@ function Lr({ agent: e }) {
510
512
  }
511
513
  ) });
512
514
  }
513
- const Mt = '@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))}', Yr = oe.Provider, qr = oe.Root, Xr = oe.Trigger, Dt = G.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
515
+ const Mt = '@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-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[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))}', Yr = oe.Provider, qr = oe.Root, Xr = oe.Trigger, Dt = G.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
514
516
  oe.Content,
515
517
  {
516
518
  ref: n,
@@ -529,7 +531,7 @@ function J({
529
531
  side: t,
530
532
  align: n
531
533
  }) {
532
- const { disableTooltips: s } = b();
534
+ const { disableTooltips: s } = x();
533
535
  return !o || s ? e : /* @__PURE__ */ d(qr, { children: [
534
536
  /* @__PURE__ */ r(Xr, { asChild: !0, children: e }),
535
537
  /* @__PURE__ */ r(
@@ -561,13 +563,13 @@ const se = {
561
563
  transitionDuration: "1000ms"
562
564
  };
563
565
  function X() {
564
- var u, m, k, f, N, T, _, M, A, F, H, E, v, C, z, L, ne, Se, _e, Ie, Te, Me, De, Re, je, Ee, Oe, Pe, Ae, Fe, He, We, $e, Be, Le, Ye, qe, Xe, Ue, Ve, Ge, Ke, Qe, Ze, Je, et, tt;
565
- const { dir: e } = ue(), { isSmallScreen: o } = P(), { theme: t, inline: n } = b(), s = (Y) => n ? "100%" : Y, i = (Y, de) => o ? `100dv${Y}` : de, a = (Y, de) => s(i(Y, de)), c = {
566
- zIndex: ((u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.zIndex) ?? 1e7,
566
+ var w, m, C, u, y, I, S, M, A, F, H, E, v, z, N, L, ne, Se, _e, Ie, Te, Me, De, Re, je, Ee, Oe, Pe, Ae, Fe, He, We, $e, Be, Le, Ye, qe, Xe, Ue, Ve, Ge, Ke, Qe, Ze, Je, et, tt;
567
+ const { dir: e } = fe(), { isSmallScreen: o } = P(), { theme: t, inline: n } = x(), s = (Y) => n ? "100%" : Y, i = (Y, pe) => o ? `100dv${Y}` : pe, a = (Y, pe) => s(i(Y, pe)), c = {
568
+ zIndex: ((w = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : w.zIndex) ?? 1e7,
567
569
  offset: {
568
- bottom: ((k = (m = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : m.offset) == null ? void 0 : k.bottom) ?? 20,
569
- right: ((N = (f = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : f.offset) == null ? void 0 : N.right) ?? (e === "ltr" ? 20 : "initial"),
570
- left: ((_ = (T = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : T.offset) == null ? void 0 : _.left) ?? (e === "rtl" ? 20 : "initial")
570
+ bottom: ((C = (m = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : m.offset) == null ? void 0 : C.bottom) ?? 20,
571
+ right: ((y = (u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.offset) == null ? void 0 : y.right) ?? (e === "ltr" ? 20 : "initial"),
572
+ left: ((S = (I = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : I.offset) == null ? void 0 : S.left) ?? (e === "rtl" ? 20 : "initial")
571
573
  },
572
574
  size: {
573
575
  button: ((A = (M = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : M.size) == null ? void 0 : A.button) ?? 48,
@@ -583,9 +585,9 @@ function X() {
583
585
  widgetContentContainer: {
584
586
  borderRadius: o ? "0px" : ((E = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : E.borderRadius) ?? "32px",
585
587
  zIndex: ((v = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : v.zIndex) ?? c.zIndex + 1,
586
- outline: ((C = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : C.outline) ?? "none",
588
+ outline: ((z = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : z.outline) ?? "none",
587
589
  // was: '1px solid'
588
- outlineColor: ((z = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : z.outlineColor) ?? "hsl(0 0% 50% / .5)",
590
+ outlineColor: ((N = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : N.outlineColor) ?? "hsl(0 0% 50% / .5)",
589
591
  boxShadow: ((L = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : L.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
590
592
  transitionProperty: ((ne = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : ne.transitionProperty) ?? "all",
591
593
  transitionTimingFunction: ((Se = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Se.transitionTimingFunction) ?? se.transitionTimingFunction,
@@ -625,7 +627,7 @@ function X() {
625
627
  }
626
628
  }
627
629
  }
628
- }, x = {
630
+ }, b = {
629
631
  // Subtract the offset.bottom twice so that it adds a bit of padding to the top
630
632
  // Subtract the distance between the trigger and the widget content container
631
633
  // Subtract the invisible padding of the trigger (for the wobble effect)
@@ -665,7 +667,7 @@ function X() {
665
667
  };
666
668
  return {
667
669
  theme: h,
668
- computed: x,
670
+ computed: b,
669
671
  cssVars: Ur({
670
672
  palette: h.palette,
671
673
  primary: h.primaryColor
@@ -759,7 +761,7 @@ function Rt(e) {
759
761
  }
760
762
  }
761
763
  function jt() {
762
- const { contentIframeRef: e } = R(), { inline: o } = b();
764
+ const { contentIframeRef: e } = R(), { inline: o } = x();
763
765
  return {
764
766
  setWidth: (t) => {
765
767
  var n;
@@ -777,7 +779,7 @@ function jt() {
777
779
  }
778
780
  };
779
781
  }
780
- function ke({
782
+ function Ce({
781
783
  width: e,
782
784
  height: o
783
785
  }) {
@@ -822,7 +824,7 @@ function ee({
822
824
  case "SquareX":
823
825
  return tr;
824
826
  case "X":
825
- return fe;
827
+ return ve;
826
828
  case void 0:
827
829
  return st;
828
830
  default:
@@ -831,10 +833,10 @@ function ee({
831
833
  })();
832
834
  return /* @__PURE__ */ r(t, { className: p("size-4", o) });
833
835
  }
834
- function Ce() {
836
+ function ze() {
835
837
  const { widgetCtx: { org: e } } = R(), {
836
838
  routerState: { screen: o }
837
- } = $(), { textContent: t } = b();
839
+ } = $(), { textContent: t } = x();
838
840
  return (() => {
839
841
  var s, i;
840
842
  switch (o) {
@@ -845,7 +847,7 @@ function Ce() {
845
847
  case "welcome":
846
848
  return;
847
849
  default:
848
- D(o, Ce.name);
850
+ D(o, ze.name);
849
851
  return;
850
852
  }
851
853
  })() ?? e.name ?? "Chat";
@@ -859,17 +861,17 @@ function Vr(e) {
859
861
  case "welcome":
860
862
  return;
861
863
  default:
862
- D(e, Ce.name);
864
+ D(e, ze.name);
863
865
  return;
864
866
  }
865
867
  }
866
868
  function Gr() {
867
- const { router: e } = b(), {
869
+ const { router: e } = x(), {
868
870
  routerState: { screen: o },
869
871
  toSessionsScreen: t
870
872
  } = $();
871
873
  return o !== "chat" || e != null && e.chatScreenOnly ? null : /* @__PURE__ */ r(
872
- y,
874
+ k,
873
875
  {
874
876
  variant: "ghost",
875
877
  size: "fit",
@@ -884,7 +886,7 @@ function Kr({
884
886
  }) {
885
887
  const { setIsOpen: o } = K(), { isSmallScreen: t } = P();
886
888
  return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
887
- y,
889
+ k,
888
890
  {
889
891
  variant: "ghost",
890
892
  size: "fit",
@@ -897,10 +899,10 @@ function Kr({
897
899
  }
898
900
  );
899
901
  }
900
- function ge({
902
+ function we({
901
903
  button: e
902
904
  }) {
903
- const [o, t] = I(!1), {
905
+ const [o, t] = T(!1), {
904
906
  routerState: { screen: n }
905
907
  } = $(), { isSmallScreen: s } = P(), { theme: i } = X(), { setWidth: a, setHeight: c } = jt();
906
908
  if (n !== "chat" && n !== "sessions") return null;
@@ -911,7 +913,7 @@ function ge({
911
913
  case "sessions":
912
914
  return i.screens.sessions.height;
913
915
  default:
914
- return D(n, ge.name), i.screens.chat.height;
916
+ return D(n, we.name), i.screens.chat.height;
915
917
  }
916
918
  })(), h = (() => {
917
919
  switch (n) {
@@ -920,21 +922,21 @@ function ge({
920
922
  case "sessions":
921
923
  return i.screens.sessions.width;
922
924
  default:
923
- return D(n, ge.name), i.screens.chat.width;
925
+ return D(n, we.name), i.screens.chat.width;
924
926
  }
925
- })(), x = () => {
926
- t((u) => {
927
- const m = !u;
927
+ })(), b = () => {
928
+ t((w) => {
929
+ const m = !w;
928
930
  return c(m ? "100vh" : l), a(m ? `max(40vw, ${h})` : h), m;
929
931
  });
930
932
  };
931
933
  return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
932
- y,
934
+ k,
933
935
  {
934
936
  variant: "ghost",
935
937
  size: "fit",
936
938
  className: "rounded-full",
937
- onClick: x,
939
+ onClick: b,
938
940
  children: /* @__PURE__ */ r(
939
941
  ee,
940
942
  {
@@ -947,10 +949,10 @@ function ge({
947
949
  function Et({
948
950
  button: e
949
951
  }) {
950
- var N, T;
951
- const { close: o } = ce(), { widgetCtx: t } = R(), { setIsOpen: n } = K(), { resolveSession: s, sessionState: i } = B(), { isSmallScreen: a } = P(), c = !i.session, l = ((N = i.session) == null ? void 0 : N.isOpened) === !1, h = e.onResolved || "stay-in-chat", x = e.behaviorBeforeSessionCreation || "disabled", u = e.behaviorIfSessionIsResolved || "disabled", m = !!(i.isResolvingSession || c && x === "disabled" || l && u === "disabled"), k = async () => {
952
- const { success: _, error: M } = await s();
953
- if (o(), !_) return console.error(M);
952
+ var y, I;
953
+ const { close: o } = de(), { widgetCtx: t } = R(), { setIsOpen: n } = K(), { resolveSession: s, sessionState: i } = B(), { isSmallScreen: a } = P(), c = !i.session, l = ((y = i.session) == null ? void 0 : y.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"), C = async () => {
954
+ const { success: S, error: M } = await s();
955
+ if (o(), !S) return console.error(M);
954
956
  switch (h) {
955
957
  case "stay-in-chat":
956
958
  return;
@@ -967,9 +969,9 @@ function Et({
967
969
  D(h, Et.name);
968
970
  break;
969
971
  }
970
- }, f = () => {
972
+ }, u = () => {
971
973
  if (c)
972
- switch (x) {
974
+ switch (b) {
973
975
  case "disabled":
974
976
  return;
975
977
  case "close-widget":
@@ -977,12 +979,12 @@ function Et({
977
979
  break;
978
980
  default:
979
981
  D(
980
- x,
981
- f.name
982
+ b,
983
+ u.name
982
984
  );
983
985
  }
984
986
  if (l)
985
- switch (u) {
987
+ switch (w) {
986
988
  case "disabled":
987
989
  return;
988
990
  case "close-widget":
@@ -998,16 +1000,16 @@ function Et({
998
1000
  break;
999
1001
  default:
1000
1002
  D(
1001
- u,
1002
- f.name
1003
+ w,
1004
+ u.name
1003
1005
  );
1004
1006
  }
1005
1007
  };
1006
- return a && e.hideOnSmallScreen || !a && e.hideOnLargeScreen ? null : ((T = e.confirmation) == null ? void 0 : T.type) === "modal" && !l && !c ? /* @__PURE__ */ r(
1008
+ return a && e.hideOnSmallScreen || !a && e.hideOnLargeScreen ? null : ((I = e.confirmation) == null ? void 0 : I.type) === "modal" && !l && !c ? /* @__PURE__ */ r(
1007
1009
  _t,
1008
1010
  {
1009
1011
  trigger: /* @__PURE__ */ r(
1010
- y,
1012
+ k,
1011
1013
  {
1012
1014
  variant: "ghost",
1013
1015
  size: "fit",
@@ -1021,7 +1023,7 @@ function Et({
1021
1023
  /* @__PURE__ */ r(Ct, { children: /* @__PURE__ */ r(St, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
1022
1024
  /* @__PURE__ */ d(zt, { children: [
1023
1025
  /* @__PURE__ */ r(
1024
- y,
1026
+ k,
1025
1027
  {
1026
1028
  variant: "secondary",
1027
1029
  onClick: o,
@@ -1030,10 +1032,10 @@ function Et({
1030
1032
  }
1031
1033
  ),
1032
1034
  /* @__PURE__ */ r(
1033
- y,
1035
+ k,
1034
1036
  {
1035
1037
  variant: "destructive",
1036
- onClick: k,
1038
+ onClick: C,
1037
1039
  disabled: i.isResolvingSession,
1038
1040
  children: e.confirmation.confirmButtonText || "Yes"
1039
1041
  }
@@ -1042,27 +1044,27 @@ function Et({
1042
1044
  ] })
1043
1045
  }
1044
1046
  ) : /* @__PURE__ */ r(
1045
- y,
1047
+ k,
1046
1048
  {
1047
1049
  variant: "ghost",
1048
1050
  size: "fit",
1049
1051
  className: "rounded-full",
1050
- onClick: l || c ? f : k,
1052
+ onClick: l || c ? u : C,
1051
1053
  disabled: m,
1052
1054
  children: /* @__PURE__ */ r(ee, { name: e.icon })
1053
1055
  }
1054
1056
  );
1055
1057
  }
1056
- function we({ button: e }) {
1058
+ function ue({ button: e }) {
1057
1059
  switch (e.functionality) {
1058
1060
  case "close-widget":
1059
1061
  return /* @__PURE__ */ r(Kr, { button: e });
1060
1062
  case "expand-shrink":
1061
- return /* @__PURE__ */ r(ge, { button: e });
1063
+ return /* @__PURE__ */ r(we, { button: e });
1062
1064
  case "resolve-session":
1063
1065
  return /* @__PURE__ */ r(Et, { button: e });
1064
1066
  default:
1065
- return D(e, we.name), null;
1067
+ return D(e, ue.name), null;
1066
1068
  }
1067
1069
  }
1068
1070
  const Qr = {
@@ -1073,9 +1075,9 @@ const Qr = {
1073
1075
  function Zr() {
1074
1076
  const {
1075
1077
  routerState: { screen: e }
1076
- } = $(), { headerButtons: o } = b(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
1077
- return !t || t.length === 0 ? /* @__PURE__ */ r(we, { button: Qr }) : /* @__PURE__ */ r(te, { children: t.map((n) => /* @__PURE__ */ r(
1078
- we,
1078
+ } = $(), { headerButtons: o } = x(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
1079
+ return !t || t.length === 0 ? /* @__PURE__ */ r(ue, { button: Qr }) : /* @__PURE__ */ r(te, { children: t.map((n) => /* @__PURE__ */ r(
1080
+ ue,
1079
1081
  {
1080
1082
  button: n
1081
1083
  },
@@ -1085,7 +1087,7 @@ function Zr() {
1085
1087
  function Ot() {
1086
1088
  const {
1087
1089
  routerState: { screen: e }
1088
- } = $(), o = Vr(e), t = Ce();
1090
+ } = $(), o = Vr(e), t = ze();
1089
1091
  return /* @__PURE__ */ r("header", { ...o, className: "py-2 px-4 shrink-0", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
1090
1092
  /* @__PURE__ */ r(Gr, {}),
1091
1093
  /* @__PURE__ */ r(
@@ -1113,7 +1115,7 @@ function Jr() {
1113
1115
  };
1114
1116
  }
1115
1117
  function eo() {
1116
- const { activeMode: e, Component: o } = ht(), { sendMessage: t } = j(), { createStateCheckpoint: n } = B(), [s, i] = I(!1), a = async (c) => {
1118
+ const { activeMode: e, Component: o } = ht(), { sendMessage: t } = j(), { createStateCheckpoint: n } = B(), [s, i] = T(!1), a = async (c) => {
1117
1119
  try {
1118
1120
  i(!0), await t(c);
1119
1121
  } catch (l) {
@@ -1137,7 +1139,7 @@ const O = q.forwardRef(
1137
1139
  (e, o) => {
1138
1140
  var t, n, s;
1139
1141
  return /* @__PURE__ */ r(
1140
- w,
1142
+ f,
1141
1143
  {
1142
1144
  ...e,
1143
1145
  ref: o,
@@ -1186,16 +1188,16 @@ function ro() {
1186
1188
  isCsatSubmitted: n,
1187
1189
  submittedScore: s,
1188
1190
  submittedFeedback: i
1189
- } = mt(), [a, c] = I(null), [l, h] = I(null), x = (m) => {
1190
- c((k) => k === m ? null : m);
1191
- }, u = () => {
1191
+ } = mt(), [a, c] = T(null), [l, h] = T(null), b = (m) => {
1192
+ c((C) => C === m ? null : m);
1193
+ }, w = () => {
1192
1194
  a && o({
1193
1195
  score: a,
1194
1196
  feedback: l || void 0
1195
1197
  });
1196
1198
  };
1197
1199
  return !t && !n ? null : /* @__PURE__ */ d("div", { className: "w-1/2 min-w-80 max-w-96 mx-auto overflow-hidden", children: [
1198
- /* @__PURE__ */ r(S, { mode: "wait", children: t && !a ? /* @__PURE__ */ r(O, { 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(O, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
1200
+ /* @__PURE__ */ r(_, { mode: "wait", children: t && !a ? /* @__PURE__ */ r(O, { 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(O, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
1199
1201
  /* @__PURE__ */ r(
1200
1202
  "div",
1201
1203
  {
@@ -1205,7 +1207,7 @@ function ro() {
1205
1207
  n && "gap-0 justify-center"
1206
1208
  ),
1207
1209
  children: to.map((m) => /* @__PURE__ */ r(
1208
- y,
1210
+ k,
1209
1211
  {
1210
1212
  variant: m.value === a ? "secondary" : "ghost",
1211
1213
  size: "selfless",
@@ -1219,14 +1221,14 @@ function ro() {
1219
1221
  n && m.value !== s && "opacity-0 size-0",
1220
1222
  n && m.value === s && "opacity-100 size-fit text-4xl"
1221
1223
  ),
1222
- onClick: t ? () => x(m.value) : void 0,
1224
+ onClick: t ? () => b(m.value) : void 0,
1223
1225
  children: m.emoji
1224
1226
  },
1225
1227
  m.value
1226
1228
  ))
1227
1229
  }
1228
1230
  ),
1229
- /* @__PURE__ */ r(S, { mode: "wait", children: (a || s) && /* @__PURE__ */ r(O, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
1231
+ /* @__PURE__ */ r(_, { mode: "wait", children: (a || s) && /* @__PURE__ */ r(O, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
1230
1232
  /* @__PURE__ */ r(
1231
1233
  "textarea",
1232
1234
  {
@@ -1248,10 +1250,10 @@ function ro() {
1248
1250
  }
1249
1251
  ),
1250
1252
  /* @__PURE__ */ r(
1251
- y,
1253
+ k,
1252
1254
  {
1253
1255
  size: "fit",
1254
- onClick: u,
1256
+ onClick: w,
1255
1257
  disabled: !a,
1256
1258
  className: p(
1257
1259
  "transition-all overflow-hidden",
@@ -1266,7 +1268,7 @@ function ro() {
1266
1268
  ] });
1267
1269
  }
1268
1270
  function U() {
1269
- const { dir: e } = ue(), o = b();
1271
+ const { dir: e } = fe(), o = x();
1270
1272
  return pt(() => {
1271
1273
  const t = Tr(o.language) ? o.language : "en";
1272
1274
  return {
@@ -1277,7 +1279,7 @@ function U() {
1277
1279
  };
1278
1280
  }, [o.language, e]);
1279
1281
  }
1280
- function ze({
1282
+ function Ne({
1281
1283
  suggestion: e,
1282
1284
  className: o,
1283
1285
  ...t
@@ -1287,7 +1289,7 @@ function ze({
1287
1289
  i && n({ content: i });
1288
1290
  };
1289
1291
  return /* @__PURE__ */ r(
1290
- y,
1292
+ k,
1291
1293
  {
1292
1294
  ...g("chat/suggested_reply_btn"),
1293
1295
  size: "sm",
@@ -1306,7 +1308,7 @@ function oo() {
1306
1308
  ...g("chat/might_solve_user_issue_suggested_replies_container"),
1307
1309
  className: "flex items-center gap-2 p-2 pb-0 flex-wrap",
1308
1310
  children: o.map((t) => /* @__PURE__ */ r(
1309
- ze,
1311
+ Ne,
1310
1312
  {
1311
1313
  suggestion: t,
1312
1314
  className: "flex-1"
@@ -1317,14 +1319,14 @@ function oo() {
1317
1319
  );
1318
1320
  }
1319
1321
  function it() {
1320
- const { sessionState: e } = B(), { chatFooterItems: o } = b(), t = !!e.session && !e.session.isOpened, n = !t;
1321
- return /* @__PURE__ */ r(S, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(ve, { children: s.message }) }) }, `${s.message}-${i}`)) });
1322
+ const { sessionState: e } = B(), { chatFooterItems: o } = x(), t = !!e.session && !e.session.isOpened, n = !t;
1323
+ return /* @__PURE__ */ r(_, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(xe, { children: s.message }) }) }, `${s.message}-${i}`)) });
1322
1324
  }
1323
1325
  function no({
1324
1326
  file: { status: e, file: o, error: t },
1325
1327
  onCancel: n
1326
1328
  }) {
1327
- const [s, i] = I(
1329
+ const [s, i] = T(
1328
1330
  null
1329
1331
  );
1330
1332
  re(() => {
@@ -1381,7 +1383,7 @@ function no({
1381
1383
  "opacity-0 group-hover:opacity-100 transition"
1382
1384
  ),
1383
1385
  onClick: n,
1384
- children: /* @__PURE__ */ r(fe, { className: "size-4 text-primary-foreground" })
1386
+ children: /* @__PURE__ */ r(ve, { className: "size-4 text-primary-foreground" })
1385
1387
  }
1386
1388
  ),
1387
1389
  /* @__PURE__ */ r(c, {})
@@ -1393,29 +1395,29 @@ function no({
1393
1395
  }
1394
1396
  function so() {
1395
1397
  var E;
1396
- const { isSmallScreen: e } = P(), o = le(null), { sendMessage: t } = j(), { sessionState: n } = B(), { t: s } = U(), [i, a] = I(""), {
1398
+ const { isSmallScreen: e } = P(), o = ce(null), { sendMessage: t } = j(), { sessionState: n } = B(), { t: s } = U(), [i, a] = T(""), {
1397
1399
  allFiles: c,
1398
1400
  emptyTheFiles: l,
1399
1401
  handleCancelUpload: h,
1400
- appendFiles: x,
1401
- isUploading: u,
1402
+ appendFiles: b,
1403
+ isUploading: w,
1402
1404
  successFiles: m
1403
- } = qt(), k = !!((E = n.session) != null && E.isHandedOff), { isAwaitingBotReply: f } = gt(), N = (v) => {
1404
- x(v);
1405
- }, T = !i.trim() && m.length === 0, _ = async () => {
1406
- if (f || T) return;
1407
- u && console.info("please wait for the file(s) to upload");
1405
+ } = qt(), C = !!((E = n.session) != null && E.isHandedOff), { isAwaitingBotReply: u } = gt(), y = (v) => {
1406
+ b(v);
1407
+ }, I = !i.trim() && m.length === 0, S = async () => {
1408
+ if (u || I) return;
1409
+ w && console.info("please wait for the file(s) to upload");
1408
1410
  const v = i.trim();
1409
1411
  t({
1410
1412
  content: v,
1411
1413
  attachments: m.flatMap(
1412
- (C) => C.fileUrl ? [
1414
+ (z) => z.fileUrl ? [
1413
1415
  {
1414
- url: C.fileUrl,
1415
- type: C.file.type,
1416
- name: C.file.name,
1417
- id: C.id,
1418
- size: C.file.size
1416
+ url: z.fileUrl,
1417
+ type: z.file.type,
1418
+ name: z.file.name,
1419
+ id: z.id,
1420
+ size: z.file.size
1419
1421
  }
1420
1422
  ] : []
1421
1423
  )
@@ -1425,13 +1427,13 @@ function so() {
1425
1427
  getInputProps: A,
1426
1428
  open: F
1427
1429
  } = Dr({
1428
- onDrop: N,
1430
+ onDrop: y,
1429
1431
  noClick: !0,
1430
1432
  onDropRejected() {
1431
1433
  console.error("unsupported file type, or the file is too large");
1432
1434
  },
1433
1435
  maxSize: 5 * 1024 * 1024,
1434
- accept: k ? {
1436
+ accept: C ? {
1435
1437
  "text/*": [".txt"],
1436
1438
  "image/*": [".png", ".jpg", ".jpeg", ".gif"],
1437
1439
  "application/pdf": [".pdf"]
@@ -1442,8 +1444,8 @@ function so() {
1442
1444
  "image/webp": [".webp"]
1443
1445
  }
1444
1446
  }), H = (v) => {
1445
- const C = v.clipboardData;
1446
- C && C.files.length > 0 && N(Array.from(C.files));
1447
+ const z = v.clipboardData;
1448
+ z && z.files.length > 0 && y(Array.from(z.files));
1447
1449
  };
1448
1450
  return /* @__PURE__ */ d(
1449
1451
  "div",
@@ -1476,7 +1478,7 @@ function so() {
1476
1478
  {
1477
1479
  ...g("chat/input_box/attachments_container"),
1478
1480
  className: "flex items-center gap-1",
1479
- children: /* @__PURE__ */ r(S, { mode: "popLayout", children: c.map((v) => /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(
1481
+ children: /* @__PURE__ */ r(_, { mode: "popLayout", children: c.map((v) => /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(
1480
1482
  no,
1481
1483
  {
1482
1484
  onCancel: () => h(v.id),
@@ -1507,7 +1509,7 @@ function so() {
1507
1509
  ),
1508
1510
  onChange: (v) => a(v.target.value),
1509
1511
  onKeyDown: async (v) => {
1510
- v.key === "Enter" && !v.shiftKey && (v.preventDefault(), _());
1512
+ v.key === "Enter" && !v.shiftKey && (v.preventDefault(), S());
1511
1513
  },
1512
1514
  placeholder: s("write_a_message_placeholder")
1513
1515
  }
@@ -1523,7 +1525,7 @@ function so() {
1523
1525
  align: "start",
1524
1526
  content: "attach files, (maximum size 5mb)",
1525
1527
  children: /* @__PURE__ */ r(
1526
- y,
1528
+ k,
1527
1529
  {
1528
1530
  onClick: F,
1529
1531
  size: "fit",
@@ -1531,19 +1533,19 @@ function so() {
1531
1533
  className: p(
1532
1534
  "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
1533
1535
  ),
1534
- children: /* @__PURE__ */ r(S, { mode: "wait", children: k ? /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(ur, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(fr, { className: "size-4" }) }, "image-icon") })
1536
+ children: /* @__PURE__ */ r(_, { mode: "wait", children: C && !u ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(ur, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(fr, { className: "size-4" }) }, "image-icon") })
1535
1537
  }
1536
1538
  )
1537
1539
  }
1538
1540
  ),
1539
1541
  /* @__PURE__ */ r(J, { content: "send message", side: "top", align: "end", children: /* @__PURE__ */ r(
1540
- y,
1542
+ k,
1541
1543
  {
1542
1544
  size: "fit",
1543
- onClick: _,
1544
- disabled: f || u || T,
1545
+ onClick: S,
1546
+ disabled: u || w || I,
1545
1547
  className: "rounded-full size-8 flex items-center justify-center p-0",
1546
- children: /* @__PURE__ */ r(S, { mode: "wait", children: f || u ? /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(vr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(ut, { className: "size-4" }) }, "send") })
1548
+ children: /* @__PURE__ */ r(_, { mode: "wait", children: u || w ? /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(vr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(ut, { className: "size-4" }) }, "send") })
1547
1549
  }
1548
1550
  ) })
1549
1551
  ] })
@@ -1555,14 +1557,14 @@ function so() {
1555
1557
  );
1556
1558
  }
1557
1559
  function at() {
1558
- const { widgetCtx: e } = R(), { router: o } = b(), { canCreateNewSession: t } = B(), { toSessionsScreen: n } = $(), { t: s } = U();
1559
- 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") }) });
1560
+ const { widgetCtx: e } = R(), { router: o } = x(), { canCreateNewSession: t } = B(), { toSessionsScreen: n } = $(), { t: s } = U();
1561
+ return /* @__PURE__ */ r(te, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(k, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(k, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
1560
1562
  }
1561
1563
  function io() {
1562
1564
  const { t: e } = U(), { isCsatRequested: o, isCsatSubmitted: t } = mt();
1563
- 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(O, { children: [
1565
+ return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(_, { mode: "wait", children: o || t ? /* @__PURE__ */ d(O, { children: [
1564
1566
  /* @__PURE__ */ r(ro, {}),
1565
- /* @__PURE__ */ r(S, { mode: "wait", children: t && /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(at, {}) }, "new-conv-or-back-to-convs-button") })
1567
+ /* @__PURE__ */ r(_, { mode: "wait", children: t && /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(at, {}) }, "new-conv-or-back-to-convs-button") })
1566
1568
  ] }, "csat") : /* @__PURE__ */ d(O, { children: [
1567
1569
  /* @__PURE__ */ d("div", { className: "ps-2 flex items-center gap-1 pb-2", children: [
1568
1570
  /* @__PURE__ */ r(wt, { className: "size-4 text-emerald-600" }),
@@ -1573,14 +1575,14 @@ function io() {
1573
1575
  }
1574
1576
  function ao() {
1575
1577
  var a;
1576
- const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = b(), { sessionState: n } = B(), { messagesState: s } = j(), i = s.messages.length === 0;
1577
- return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(S, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(O, { children: [
1578
+ const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = x(), { sessionState: n } = B(), { messagesState: s } = j(), i = s.messages.length === 0;
1579
+ return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(_, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(O, { children: [
1578
1580
  /* @__PURE__ */ r(io, {}),
1579
1581
  /* @__PURE__ */ r(it, {})
1580
1582
  ] }, "session-closed") : /* @__PURE__ */ d(O, { children: [
1581
1583
  s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(oo, {}),
1582
1584
  i && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((c, l) => /* @__PURE__ */ r(
1583
- ze,
1585
+ Ne,
1584
1586
  {
1585
1587
  suggestion: c
1586
1588
  },
@@ -1623,7 +1625,7 @@ function lo({
1623
1625
  isAloneInGroup: t
1624
1626
  }
1625
1627
  ) : /* @__PURE__ */ r(
1626
- he,
1628
+ me,
1627
1629
  {
1628
1630
  ...n,
1629
1631
  isFirstInGroup: e,
@@ -1638,7 +1640,7 @@ function At({
1638
1640
  containerClassName: t
1639
1641
  }) {
1640
1642
  var a, c;
1641
- const { timestamps: n } = b();
1643
+ const { timestamps: n } = x();
1642
1644
  if (!((a = n == null ? void 0 : n.perMessageGroup) != null && a.enabled))
1643
1645
  return null;
1644
1646
  const s = (c = e[e.length - 1]) == null ? void 0 : c.timestamp;
@@ -1656,7 +1658,7 @@ function At({
1656
1658
  })();
1657
1659
  return i ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: p("text-xs text-muted-foreground", o), children: i }) }) : null;
1658
1660
  }
1659
- function Ne({
1661
+ function ae({
1660
1662
  messages: e,
1661
1663
  agent: o,
1662
1664
  suggestedReplies: t
@@ -1668,7 +1670,7 @@ function Ne({
1668
1670
  className: p("flex items-end gap-2"),
1669
1671
  children: [
1670
1672
  /* @__PURE__ */ r(J, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
1671
- me,
1673
+ ge,
1672
1674
  {
1673
1675
  ...g("chat/agent_msg_group/root/avatar"),
1674
1676
  agent: o,
@@ -1683,7 +1685,7 @@ function Ne({
1683
1685
  className: p("flex items-end gap-2"),
1684
1686
  children: [
1685
1687
  /* @__PURE__ */ r(J, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
1686
- me,
1688
+ ge,
1687
1689
  {
1688
1690
  ...g("chat/agent_msg_group/avatar_and_msgs/avatar"),
1689
1691
  agent: o
@@ -1718,7 +1720,7 @@ function Ne({
1718
1720
  ...g("chat/agent_msg_group/suggestions"),
1719
1721
  className: p("flex flex-col gap-1 ps-8"),
1720
1722
  children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
1721
- ze,
1723
+ Ne,
1722
1724
  {
1723
1725
  suggestion: n
1724
1726
  },
@@ -1736,7 +1738,7 @@ function Ft() {
1736
1738
  widgetCtx: { org: e }
1737
1739
  } = R(), {
1738
1740
  sessionState: { session: o }
1739
- } = B(), t = b(), {
1741
+ } = B(), t = x(), {
1740
1742
  messagesState: { messages: n }
1741
1743
  } = j();
1742
1744
  return {
@@ -1825,7 +1827,9 @@ function mo(e) {
1825
1827
  let t = null;
1826
1828
  return e.forEach((n) => {
1827
1829
  var s, i, a, c, l, h;
1828
- (!t || ((s = t[0]) == null ? void 0 : s.type) !== n.type) && (t = [], o.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 = [], o.push(t)), t.push(n);
1830
+ // Start a new group if the type changes
1831
+ (((s = t == null ? void 0 : t[0]) == null ? void 0 : s.type) !== n.type || // Start a new group if the agent changes
1832
+ ((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 = [], o.push(t)), t.push(n);
1829
1833
  }), o;
1830
1834
  }
1831
1835
  function go(e) {
@@ -1848,9 +1852,9 @@ function fo() {
1848
1852
  initialQuestionsPosition: t,
1849
1853
  initialQuestions: n,
1850
1854
  bot: s
1851
- } = b();
1855
+ } = x();
1852
1856
  return /* @__PURE__ */ r(te, { children: e.length === 0 && o.length > 0 && /* @__PURE__ */ r(
1853
- Ne,
1857
+ ae,
1854
1858
  {
1855
1859
  messages: o.map(
1856
1860
  ({ message: i }, a) => ({
@@ -1869,15 +1873,15 @@ function fo() {
1869
1873
  function vo() {
1870
1874
  const {
1871
1875
  messagesState: { messages: e }
1872
- } = j(), { chatBannerItems: o } = b();
1876
+ } = j(), { chatBannerItems: o } = x();
1873
1877
  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(
1874
- ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(ve, { children: t }) }, `${t}-${s}`)
1878
+ ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(xe, { children: t }) }, `${t}-${s}`)
1875
1879
  ) });
1876
1880
  }
1877
1881
  function xo() {
1878
1882
  const {
1879
1883
  messagesState: { messages: e }
1880
- } = j(), o = b(), {
1884
+ } = j(), o = x(), {
1881
1885
  advancedInitialMessages: t = [],
1882
1886
  initialQuestions: n,
1883
1887
  initialQuestionsPosition: s
@@ -1886,7 +1890,7 @@ function xo() {
1886
1890
  return t.length ? [] : e.length ? [] : (a = o.initialMessages) != null && a.length ? o.initialMessages : ["Hello, how can I help you?"];
1887
1891
  })();
1888
1892
  return /* @__PURE__ */ r(te, { children: e.length === 0 && i.length > 0 && /* @__PURE__ */ r(
1889
- Ne,
1893
+ ae,
1890
1894
  {
1891
1895
  messages: i.map(
1892
1896
  (a, c) => ({
@@ -1910,12 +1914,12 @@ function bo() {
1910
1914
  function yo() {
1911
1915
  const {
1912
1916
  messagesState: { messages: e }
1913
- } = j(), { isAwaitingBotReply: o } = gt(), { componentStore: t } = R(), n = b(), s = pt(
1917
+ } = j(), { isAwaitingBotReply: o } = gt(), { componentStore: t } = R(), n = x(), s = pt(
1914
1918
  () => mo(e),
1915
1919
  [e]
1916
1920
  ), i = t.getComponent(
1917
1921
  "loading"
1918
- ), a = le(null);
1922
+ ), a = ce(null);
1919
1923
  function c() {
1920
1924
  setTimeout(() => {
1921
1925
  const l = a.current;
@@ -1934,21 +1938,34 @@ function yo() {
1934
1938
  /* @__PURE__ */ r(vo, {}),
1935
1939
  /* @__PURE__ */ r(fo, {}),
1936
1940
  /* @__PURE__ */ r(xo, {}),
1937
- s.map((l) => {
1938
- var u, m, k;
1939
- const h = (u = l == null ? void 0 : l[0]) == null ? void 0 : u.type, x = (m = l[0]) == null ? void 0 : m.id;
1940
- if (!h || !x) return null;
1941
+ s.map((l, h) => {
1942
+ var m, C, u, y;
1943
+ const b = (m = l == null ? void 0 : l[0]) == null ? void 0 : m.type, w = (C = l[0]) == null ? void 0 : C.id;
1944
+ if (!b || !w) return null;
1941
1945
  if (go(l))
1942
- return /* @__PURE__ */ r(ho, { messages: l }, x);
1943
- if (wo(l) || uo(l)) {
1944
- const f = (k = l[0]) == null ? void 0 : k.agent;
1946
+ return /* @__PURE__ */ r(ho, { messages: l }, w);
1947
+ if (wo(l)) {
1948
+ const I = h === s.length - 1;
1949
+ if (o && I) return null;
1950
+ const S = (u = l[0]) == null ? void 0 : u.agent;
1945
1951
  return /* @__PURE__ */ r(
1946
- Ne,
1952
+ ae,
1947
1953
  {
1948
1954
  messages: l,
1949
- agent: f
1955
+ agent: S
1950
1956
  },
1951
- x
1957
+ w
1958
+ );
1959
+ }
1960
+ if (uo(l)) {
1961
+ const I = (y = l[0]) == null ? void 0 : y.agent;
1962
+ return /* @__PURE__ */ r(
1963
+ ae,
1964
+ {
1965
+ messages: l,
1966
+ agent: I
1967
+ },
1968
+ w
1952
1969
  );
1953
1970
  }
1954
1971
  return null;
@@ -1966,11 +1983,11 @@ function ko() {
1966
1983
  } = j(), {
1967
1984
  sessionState: { session: o }
1968
1985
  } = B(), { isCanvasOpen: t } = Jr(), { theme: n } = X();
1969
- ke({
1986
+ Ce({
1970
1987
  width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
1971
1988
  height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
1972
1989
  });
1973
- const s = le((o == null ? void 0 : o.id) || "chat").current;
1990
+ const s = ce((o == null ? void 0 : o.id) || "chat").current;
1974
1991
  return /* @__PURE__ */ r(
1975
1992
  "div",
1976
1993
  {
@@ -1988,15 +2005,15 @@ function ko() {
1988
2005
  },
1989
2006
  children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
1990
2007
  /* @__PURE__ */ r(Ot, {}),
1991
- /* @__PURE__ */ r(S, { mode: "wait", children: e ? /* @__PURE__ */ r(
1992
- w,
2008
+ /* @__PURE__ */ r(_, { mode: "wait", children: e ? /* @__PURE__ */ r(
2009
+ f,
1993
2010
  {
1994
2011
  className: "flex flex-col items-center justify-center w-full flex-1",
1995
2012
  children: /* @__PURE__ */ r(Pt, {})
1996
2013
  },
1997
2014
  "loading"
1998
2015
  ) : /* @__PURE__ */ d(
1999
- w,
2016
+ f,
2000
2017
  {
2001
2018
  className: "flex items-start h-full flex-1 overflow-auto",
2002
2019
  snapExit: !0,
@@ -2075,7 +2092,7 @@ function zo({ className: e }) {
2075
2092
  );
2076
2093
  }
2077
2094
  function Ht({ className: e }) {
2078
- const { token: o } = b();
2095
+ const { token: o } = x();
2079
2096
  return /* @__PURE__ */ r(
2080
2097
  "div",
2081
2098
  {
@@ -2114,9 +2131,9 @@ function lt({
2114
2131
  session: e,
2115
2132
  className: o
2116
2133
  }) {
2117
- 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", i = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
2134
+ const { bot: t } = x(), { toChatScreen: n } = $(), 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) || "";
2118
2135
  return /* @__PURE__ */ d(
2119
- y,
2136
+ k,
2120
2137
  {
2121
2138
  variant: "ghost",
2122
2139
  size: "lg",
@@ -2127,13 +2144,13 @@ function lt({
2127
2144
  onClick: () => n(e.id),
2128
2145
  children: [
2129
2146
  /* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
2130
- /* @__PURE__ */ r(S, { mode: "wait", children: /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ d(xe, { className: "size-10", children: [
2131
- /* @__PURE__ */ r(be, { src: i, alt: "Agent Icon" }),
2132
- /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ r(zr, { className: "size-4" }) })
2147
+ /* @__PURE__ */ r(_, { mode: "wait", children: /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ d(be, { className: "size-10", children: [
2148
+ /* @__PURE__ */ r(ye, { src: i, alt: "Agent Icon" }),
2149
+ /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(zr, { className: "size-4" }) })
2133
2150
  ] }) }) }),
2134
2151
  /* @__PURE__ */ d("div", { className: "flex-1", children: [
2135
- /* @__PURE__ */ r(S, { mode: "wait", children: /* @__PURE__ */ r(w, { snapExit: !0, children: s }, s) }),
2136
- /* @__PURE__ */ r(S, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(
2152
+ /* @__PURE__ */ r(_, { mode: "wait", children: /* @__PURE__ */ r(f, { snapExit: !0, children: s }, s) }),
2153
+ /* @__PURE__ */ r(_, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(f, { snapExit: !0, children: /* @__PURE__ */ r(
2137
2154
  Tt,
2138
2155
  {
2139
2156
  remarkPlugins: [ft],
@@ -2141,7 +2158,7 @@ function lt({
2141
2158
  className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
2142
2159
  children: e.lastMessage
2143
2160
  }
2144
- ) }, e.lastMessage || "content") : /* @__PURE__ */ r(w, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(Co, { className: "h-4 w-full" }) }, "skeleton") })
2161
+ ) }, e.lastMessage || "content") : /* @__PURE__ */ r(f, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(Co, { className: "h-4 w-full" }) }, "skeleton") })
2145
2162
  ] })
2146
2163
  ] }),
2147
2164
  /* @__PURE__ */ r(Nr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
@@ -2156,21 +2173,21 @@ function So() {
2156
2173
  closedSessions: i,
2157
2174
  canCreateNewSession: a
2158
2175
  } = B();
2159
- 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(
2160
- w,
2176
+ return /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ r(_, { mode: "wait", children: n ? /* @__PURE__ */ r(
2177
+ f,
2161
2178
  {
2162
2179
  className: "flex-1 flex items-center justify-center",
2163
2180
  children: /* @__PURE__ */ r(Pt, {})
2164
2181
  },
2165
2182
  "loading"
2166
2183
  ) : /* @__PURE__ */ r(
2167
- w,
2184
+ f,
2168
2185
  {
2169
2186
  className: "flex-1 flex flex-col gap-2 relative",
2170
2187
  children: t.length ? /* @__PURE__ */ d(te, { children: [
2171
- /* @__PURE__ */ d(S, { children: [
2188
+ /* @__PURE__ */ d(_, { children: [
2172
2189
  s.length > 0 && /* @__PURE__ */ r(
2173
- w,
2190
+ f,
2174
2191
  {
2175
2192
  fadeIn: "up",
2176
2193
  delay: 0.2,
@@ -2181,7 +2198,7 @@ function So() {
2181
2198
  "open-sessions"
2182
2199
  ),
2183
2200
  i.length > 0 && /* @__PURE__ */ d(
2184
- w,
2201
+ f,
2185
2202
  {
2186
2203
  className: "space-y-2",
2187
2204
  delay: 0.2,
@@ -2202,7 +2219,7 @@ function So() {
2202
2219
  )
2203
2220
  ] }),
2204
2221
  a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ rt(
2205
- y,
2222
+ k,
2206
2223
  {
2207
2224
  ...g("sessions/new_conversation_btn"),
2208
2225
  size: "lg",
@@ -2215,7 +2232,7 @@ function So() {
2215
2232
  ] }) : /* @__PURE__ */ d("div", { className: "flex-1 flex flex-col gap-2 items-center", children: [
2216
2233
  /* @__PURE__ */ r("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: e("no_conversations_yet") }) }),
2217
2234
  /* @__PURE__ */ rt(
2218
- y,
2235
+ k,
2219
2236
  {
2220
2237
  ...g("sessions/new_conversation_btn"),
2221
2238
  size: "lg",
@@ -2232,7 +2249,7 @@ function So() {
2232
2249
  }
2233
2250
  function _o() {
2234
2251
  const { theme: e } = X();
2235
- return ke({
2252
+ return Ce({
2236
2253
  width: e.screens.sessions.width,
2237
2254
  height: e.screens.sessions.height
2238
2255
  }), /* @__PURE__ */ r(
@@ -2280,7 +2297,7 @@ const ie = G.forwardRef(
2280
2297
  );
2281
2298
  ie.displayName = "Input";
2282
2299
  function Io() {
2283
- const { contentIframeRef: e } = R(), { inline: o } = b(), t = le(null);
2300
+ const { contentIframeRef: e } = R(), { inline: o } = x(), t = ce(null);
2284
2301
  return re(() => {
2285
2302
  const n = e == null ? void 0 : e.current;
2286
2303
  if (n && t.current) {
@@ -2301,35 +2318,35 @@ function Io() {
2301
2318
  }
2302
2319
  }, [e, o]), { observedElementRef: t };
2303
2320
  }
2304
- const To = pe.object({
2305
- name: pe.string().min(2),
2306
- email: pe.string().email()
2321
+ const To = he.object({
2322
+ name: he.string().min(2),
2323
+ email: he.string().email()
2307
2324
  });
2308
2325
  function Mo() {
2309
- var _, M, A, F, H, E, v, C;
2326
+ var S, M, A, F, H, E, v, z;
2310
2327
  const {
2311
2328
  widgetCtx: { org: e }
2312
- } = R(), { setIsOpen: o } = K(), { createUnverifiedContact: t } = Xt(), { isSmallScreen: n } = P(), s = b(), { theme: i } = X(), { t: a } = U(), { observedElementRef: c } = Io();
2313
- ke({
2329
+ } = R(), { setIsOpen: o } = K(), { createUnverifiedContact: t } = Xt(), { isSmallScreen: n } = P(), s = x(), { theme: i } = X(), { t: a } = U(), { observedElementRef: c } = Io();
2330
+ Ce({
2314
2331
  height: void 0,
2315
2332
  width: i.screens.welcome.width
2316
2333
  });
2317
- 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(
2318
- (z) => z !== "name" && z !== "email" && !!z
2319
- ), [k, f] = I({}), [N, T] = Rr(
2320
- async (z) => {
2321
- z.preventDefault();
2322
- const L = To.safeParse({ name: l, email: x });
2334
+ const [l, h] = T(((S = s.prefillUserData) == null ? void 0 : S.name) || ""), [b, w] = T(((M = s.prefillUserData) == null ? void 0 : M.email) || ""), m = (s.extraDataCollectionFields || []).filter(
2335
+ (N) => N !== "name" && N !== "email" && !!N
2336
+ ), [C, u] = T({}), [y, I] = Rr(
2337
+ async (N) => {
2338
+ N.preventDefault();
2339
+ const L = To.safeParse({ name: l, email: b });
2323
2340
  L.success && await t(
2324
2341
  {
2325
2342
  email: L.data.email,
2326
2343
  non_verified_name: L.data.name
2327
2344
  },
2328
2345
  // Only pass extra data if there is any
2329
- Object.values(k).filter(Boolean).length ? k : void 0
2346
+ Object.values(C).filter(Boolean).length ? C : void 0
2330
2347
  );
2331
2348
  },
2332
- [l, x, k]
2349
+ [l, b, C]
2333
2350
  );
2334
2351
  return /* @__PURE__ */ r(
2335
2352
  "div",
@@ -2364,7 +2381,7 @@ function Mo() {
2364
2381
  "text-primary-foreground"
2365
2382
  ),
2366
2383
  children: [
2367
- 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" }) }) }),
2384
+ n && /* @__PURE__ */ r(f, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(k, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(ve, { className: "size-4" }) }) }),
2368
2385
  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (A = s.assets) != null && A.organizationLogo ? /* @__PURE__ */ r(
2369
2386
  "img",
2370
2387
  {
@@ -2375,7 +2392,7 @@ function Mo() {
2375
2392
  ) : /* @__PURE__ */ r("h2", { className: "font-bold text-sm", children: e.name }) }),
2376
2393
  /* @__PURE__ */ d("div", { className: "space-y-2", children: [
2377
2394
  /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((E = (H = s.textContent) == null ? void 0 : H.welcomeScreen) == null ? void 0 : E.title) || a("welcome_screen_title") }),
2378
- /* @__PURE__ */ r("p", { className: "text-sm", children: ((C = (v = s.textContent) == null ? void 0 : v.welcomeScreen) == null ? void 0 : C.description) || a("welcome_screen_description") })
2395
+ /* @__PURE__ */ r("p", { className: "text-sm", children: ((z = (v = s.textContent) == null ? void 0 : v.welcomeScreen) == null ? void 0 : z.description) || a("welcome_screen_description") })
2379
2396
  ] })
2380
2397
  ]
2381
2398
  }
@@ -2390,12 +2407,12 @@ function Mo() {
2390
2407
  "rounded-3xl"
2391
2408
  ),
2392
2409
  children: [
2393
- /* @__PURE__ */ d("form", { onSubmit: T, className: "space-y-2", children: [
2410
+ /* @__PURE__ */ d("form", { onSubmit: I, className: "space-y-2", children: [
2394
2411
  /* @__PURE__ */ r(
2395
2412
  ie,
2396
2413
  {
2397
2414
  value: l,
2398
- onChange: (z) => h(z.target.value),
2415
+ onChange: (N) => h(N.target.value),
2399
2416
  required: !0,
2400
2417
  placeholder: a("your_name_placeholder"),
2401
2418
  name: "name"
@@ -2405,33 +2422,33 @@ function Mo() {
2405
2422
  ie,
2406
2423
  {
2407
2424
  required: !0,
2408
- value: x,
2409
- onChange: (z) => u(z.target.value),
2425
+ value: b,
2426
+ onChange: (N) => w(N.target.value),
2410
2427
  type: "email",
2411
2428
  placeholder: a("your_email_placeholder"),
2412
2429
  name: "email"
2413
2430
  }
2414
2431
  ),
2415
- m.map((z) => /* @__PURE__ */ r(
2432
+ m.map((N) => /* @__PURE__ */ r(
2416
2433
  ie,
2417
2434
  {
2418
- value: k[z],
2419
- onChange: (L) => f((ne) => ({
2435
+ value: C[N],
2436
+ onChange: (L) => u((ne) => ({
2420
2437
  ...ne,
2421
- [z]: L.target.value
2438
+ [N]: L.target.value
2422
2439
  })),
2423
- placeholder: `${z} (${a("optional")})`
2440
+ placeholder: `${N} (${a("optional")})`
2424
2441
  },
2425
- z
2442
+ N
2426
2443
  )),
2427
2444
  /* @__PURE__ */ d(
2428
- y,
2445
+ k,
2429
2446
  {
2430
- disabled: N.loading,
2447
+ disabled: y.loading,
2431
2448
  className: "w-full",
2432
2449
  size: "lg",
2433
2450
  children: [
2434
- N.loading ? a("start_chat_button_loading") : a("start_chat_button"),
2451
+ y.loading ? a("start_chat_button_loading") : a("start_chat_button"),
2435
2452
  /* @__PURE__ */ r(Sr, { className: "size-4 rtl:-scale-100" })
2436
2453
  ]
2437
2454
  }
@@ -2451,11 +2468,11 @@ function Wt() {
2451
2468
  const {
2452
2469
  routerState: { screen: e }
2453
2470
  } = $();
2454
- return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(S, { mode: "wait", children: (() => {
2471
+ return /* @__PURE__ */ r("div", { className: "relative bg-background size-full", children: /* @__PURE__ */ r(_, { mode: "wait", children: (() => {
2455
2472
  switch (e) {
2456
2473
  case "welcome":
2457
2474
  return /* @__PURE__ */ r(
2458
- w,
2475
+ f,
2459
2476
  {
2460
2477
  fadeIn: "right",
2461
2478
  className: "size-full",
@@ -2466,7 +2483,7 @@ function Wt() {
2466
2483
  );
2467
2484
  case "sessions":
2468
2485
  return /* @__PURE__ */ r(
2469
- w,
2486
+ f,
2470
2487
  {
2471
2488
  fadeIn: "right",
2472
2489
  className: "size-full",
@@ -2477,7 +2494,7 @@ function Wt() {
2477
2494
  );
2478
2495
  case "chat":
2479
2496
  return /* @__PURE__ */ r(
2480
- w,
2497
+ f,
2481
2498
  {
2482
2499
  fadeIn: "right",
2483
2500
  className: "size-full",
@@ -2491,7 +2508,7 @@ function Wt() {
2491
2508
  }
2492
2509
  })() }) });
2493
2510
  }
2494
- const Do = "4.0.25", Ro = `<!DOCTYPE html>
2511
+ const Do = "4.0.28", Ro = `<!DOCTYPE html>
2495
2512
  <html>
2496
2513
  <head>
2497
2514
  <style>
@@ -2510,7 +2527,7 @@ html, body {
2510
2527
  </body>
2511
2528
  </html>`;
2512
2529
  function $t() {
2513
- const { isOpen: e } = K(), { contentIframeRef: o } = R(), { cssOverrides: t, inline: n } = b(), { theme: s, cssVars: i, computed: a } = X(), { dir: c } = U();
2530
+ const { isOpen: e } = K(), { contentIframeRef: o } = R(), { cssOverrides: t, inline: n } = x(), { theme: s, cssVars: i, computed: a } = X(), { dir: c } = U();
2514
2531
  return /* @__PURE__ */ r(
2515
2532
  Z.div,
2516
2533
  {
@@ -2595,7 +2612,7 @@ function $t() {
2595
2612
  function jo() {
2596
2613
  const { theme: e } = X();
2597
2614
  return /* @__PURE__ */ r(
2598
- ae.Content,
2615
+ le.Content,
2599
2616
  {
2600
2617
  onInteractOutside: (o) => o.preventDefault(),
2601
2618
  forceMount: !0,
@@ -2666,7 +2683,7 @@ html, body {
2666
2683
  </html>`;
2667
2684
  function Po() {
2668
2685
  var i, a;
2669
- const { isOpen: e } = K(), { cssOverrides: o, assets: t } = b(), { theme: n, cssVars: s } = X();
2686
+ const { isOpen: e } = K(), { cssOverrides: o, assets: t } = x(), { theme: n, cssVars: s } = X();
2670
2687
  return /* @__PURE__ */ d(
2671
2688
  xt,
2672
2689
  {
@@ -2700,7 +2717,7 @@ function Po() {
2700
2717
  justifyContent: "center"
2701
2718
  },
2702
2719
  children: /* @__PURE__ */ r(
2703
- ae.PopoverTrigger,
2720
+ le.PopoverTrigger,
2704
2721
  {
2705
2722
  className: p(
2706
2723
  "font-sans flex items-center justify-center rounded-full"
@@ -2721,8 +2738,8 @@ function Po() {
2721
2738
  "bg-primary",
2722
2739
  "text-primary-foreground"
2723
2740
  ),
2724
- children: /* @__PURE__ */ r(S, { mode: "wait", children: e ? /* @__PURE__ */ r(
2725
- w,
2741
+ children: /* @__PURE__ */ r(_, { mode: "wait", children: e ? /* @__PURE__ */ r(
2742
+ f,
2726
2743
  {
2727
2744
  snapExit: !0,
2728
2745
  fadeIn: "up",
@@ -2752,7 +2769,7 @@ function Po() {
2752
2769
  },
2753
2770
  "x-icon"
2754
2771
  ) : /* @__PURE__ */ r(
2755
- w,
2772
+ f,
2756
2773
  {
2757
2774
  snapExit: !0,
2758
2775
  overrides: {
@@ -2793,9 +2810,9 @@ function Po() {
2793
2810
  );
2794
2811
  }
2795
2812
  function Ao() {
2796
- const { dir: e } = ue();
2813
+ const { dir: e } = fe();
2797
2814
  return /* @__PURE__ */ r(
2798
- ae.Anchor,
2815
+ le.Anchor,
2799
2816
  {
2800
2817
  style: {
2801
2818
  position: "fixed",
@@ -2808,7 +2825,7 @@ function Ao() {
2808
2825
  }
2809
2826
  function Fo() {
2810
2827
  const { isOpen: e, setIsOpen: o } = K();
2811
- return /* @__PURE__ */ d(ae.Root, { open: e, onOpenChange: o, children: [
2828
+ return /* @__PURE__ */ d(le.Root, { open: e, onOpenChange: o, children: [
2812
2829
  /* @__PURE__ */ r(Ao, {}),
2813
2830
  /* @__PURE__ */ r(Po, {}),
2814
2831
  /* @__PURE__ */ r(jo, {})
@@ -2825,11 +2842,11 @@ const Ho = [
2825
2842
  },
2826
2843
  {
2827
2844
  key: "bot_message",
2828
- component: he
2845
+ component: me
2829
2846
  },
2830
2847
  {
2831
2848
  key: "agent_message",
2832
- component: he
2849
+ component: me
2833
2850
  }
2834
2851
  ], Wo = {
2835
2852
  get: async (e) => localStorage.getItem(e),