@opencx/widget-react 4.0.53 → 4.0.54

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.
package/dist/index.js CHANGED
@@ -1,36 +1,65 @@
1
1
  import { jsx as r, jsxs as d, Fragment as Q } from "react/jsx-runtime";
2
2
  import * as me from "@radix-ui/react-popover";
3
3
  import * as J from "react";
4
- import L, { memo as Kt, forwardRef as xt, useState as D, cloneElement as vt, createContext as Qt, useEffect as se, useContext as Jt, useRef as B, useCallback as V, useMemo as bt, createElement as lt } from "react";
5
- import { useWidget as O, useConfig as C, useSessions as U, useMessages as A, useWidgetRouter as H, useDocumentDir as ye, useWidgetTrigger as G, useModes as yt, useCsat as kt, useUploadFiles as er, useIsAwaitingBotReply as Ct, useContact as zt, WidgetProvider as tr, WidgetTriggerProvider as rr } from "@opencx/widget-react-headless";
6
- import { X as or, ZoomOut as nr, ZoomIn as sr, RotateCcw as ar, FileText as Nt, CircleDashedIcon as ir, XIcon as ke, SquareXIcon as lr, SquareCheckBigIcon as cr, SquareCheckIcon as dr, ShrinkIcon as pr, Minimize2Icon as mr, MinimizeIcon as hr, Maximize2Icon as gr, MaximizeIcon as ur, ExpandIcon as wr, CircleXIcon as fr, CircleCheckBigIcon as xr, CircleCheckIcon as St, CheckCheckIcon as vr, CheckIcon as br, ChevronLeftIcon as yr, LoaderIcon as kr, ArrowUpIcon as _t, PaperclipIcon as ct, CircleDashed as Cr, AlertCircle as zr, Loader2 as Nr, FileAudio2Icon as Sr, FileVideo2Icon as _r, FileIcon as Ir, UserRoundIcon as Tr, ChevronRightIcon as Mr, SendHorizontal as Dr, ChevronDownIcon as Rr } from "lucide-react";
7
- import { clsx as jr } from "clsx";
8
- import { twMerge as Pr } from "tailwind-merge";
4
+ import L, { memo as rr, forwardRef as yt, useState as D, cloneElement as kt, createContext as or, useEffect as se, useContext as nr, useRef as B, useCallback as V, useMemo as Ct, createElement as ct } from "react";
5
+ import { useWidget as O, useConfig as C, useSessions as U, useMessages as A, useWidgetRouter as H, useDocumentDir as ke, useWidgetTrigger as G, useModes as zt, useCsat as Nt, useUploadFiles as sr, useIsAwaitingBotReply as St, useContact as _t, WidgetProvider as ar, WidgetTriggerProvider as ir } from "@opencx/widget-react-headless";
6
+ import { X as lr, ZoomOut as cr, ZoomIn as dr, RotateCcw as pr, FileText as It, FileSpreadsheet as Tt, CircleDashedIcon as mr, XIcon as Ce, SquareXIcon as hr, SquareCheckBigIcon as ur, SquareCheckIcon as gr, ShrinkIcon as wr, Minimize2Icon as fr, MinimizeIcon as xr, Maximize2Icon as vr, MaximizeIcon as br, ExpandIcon as yr, CircleXIcon as kr, CircleCheckBigIcon as Cr, CircleCheckIcon as Mt, CheckCheckIcon as zr, CheckIcon as Nr, ChevronLeftIcon as Sr, LoaderIcon as _r, ArrowUpIcon as Dt, PaperclipIcon as dt, CircleDashed as Ir, AlertCircle as Tr, Loader2 as Mr, FileAudio2Icon as Dr, FileVideo2Icon as Er, FileIcon as Rr, UserRoundIcon as Pr, ChevronRightIcon as jr, SendHorizontal as Or, ChevronDownIcon as Ar } from "lucide-react";
7
+ import { clsx as Fr } from "clsx";
8
+ import { twMerge as Hr } from "tailwind-merge";
9
9
  import { motion as re, AnimatePresence as T } from "framer-motion";
10
- import { Slot as Er } from "@radix-ui/react-slot";
11
- import { cva as Or } from "class-variance-authority";
12
- import It from "remark-gfm";
13
- import Ar from "react-markdown";
14
- import Tt from "rehype-raw";
15
- import { isExhaustive as F, isSupportedLanguage as Fr, getTranslation as Hr } from "@opencx/widget-core";
10
+ import { Slot as Wr } from "@radix-ui/react-slot";
11
+ import { cva as Lr } from "class-variance-authority";
12
+ import Et from "remark-gfm";
13
+ import $r from "react-markdown";
14
+ import Rt from "rehype-raw";
15
+ import { isExhaustive as F, isSupportedLanguage as Br, getTranslation as Yr } from "@opencx/widget-core";
16
16
  import * as ee from "@radix-ui/react-avatar";
17
- import Mt from "@uiw/react-iframe";
17
+ import Pt from "@uiw/react-iframe";
18
18
  import * as ae from "@radix-ui/react-tooltip";
19
- import dt from "tinycolor2";
20
- import { useDropzone as Wr } from "react-dropzone";
21
- import Lr from "react-use/lib/useAsyncFn";
22
- import { z as ue } from "zod";
19
+ import pt from "tinycolor2";
20
+ import { useDropzone as Ur } from "react-dropzone";
21
+ import Xr from "react-use/lib/useAsyncFn";
22
+ import { z as ge } from "zod";
23
23
  function f(e) {
24
24
  return { "data-component": e };
25
25
  }
26
+ const fe = [
27
+ {
28
+ kind: "csv",
29
+ label: "CSV",
30
+ mimes: ["text/csv", "application/csv"],
31
+ extensions: ["csv"]
32
+ },
33
+ {
34
+ kind: "excel",
35
+ label: "Excel",
36
+ mimes: [
37
+ "application/vnd.ms-excel",
38
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
39
+ ],
40
+ extensions: ["xls", "xlsx"]
41
+ }
42
+ ], mt = Object.fromEntries(
43
+ fe.flatMap(
44
+ (e) => e.mimes.map((o) => [o, e.extensions.map((t) => `.${t}`)])
45
+ )
46
+ );
47
+ function jt({
48
+ type: e,
49
+ name: o
50
+ }) {
51
+ var s, i;
52
+ const t = ((s = o.split(".").pop()) == null ? void 0 : s.toLowerCase()) ?? "", n = ((i = e.toLowerCase().split(";")[0]) == null ? void 0 : i.trim()) ?? "";
53
+ return fe.find((a) => t && a.extensions.includes(t)) ?? fe.find((a) => n && a.mimes.includes(n)) ?? null;
54
+ }
26
55
  function m(...e) {
27
- return Pr(jr(e));
56
+ return Hr(Fr(e));
28
57
  }
29
58
  const K = {
30
59
  x: 2,
31
60
  y: 2
32
- }, Y = Kt(
33
- xt(
61
+ }, Y = rr(
62
+ yt(
34
63
  ({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
35
64
  const [i, a] = D(!1), [l, c] = D({ x: 0, y: 0 });
36
65
  if (n || /translate/.test(
@@ -38,32 +67,32 @@ const K = {
38
67
  )) return e;
39
68
  const x = (b) => {
40
69
  var M, h;
41
- const { clientX: z, clientY: _ } = b, y = b.currentTarget.getBoundingClientRect(), R = z - (y.left + y.width / 2), P = _ - (y.top + y.height / 2), E = Math.max(
70
+ const { clientX: z, clientY: _ } = b, y = b.currentTarget.getBoundingClientRect(), E = z - (y.left + y.width / 2), P = _ - (y.top + y.height / 2), j = Math.max(
42
71
  -1,
43
- Math.min(1, R / (y.width / 2))
72
+ Math.min(1, E / (y.width / 2))
44
73
  ), w = Math.max(
45
74
  -1,
46
75
  Math.min(1, P / (y.height / 2))
47
- ), I = E * K.x, j = w * K.y;
48
- c({ x: I, y: j }), (h = (M = e.props).onMouseMove) == null || h.call(M, b);
76
+ ), I = j * K.x, R = w * K.y;
77
+ c({ x: I, y: R }), (h = (M = e.props).onMouseMove) == null || h.call(M, b);
49
78
  }, v = () => {
50
79
  var b, z;
51
80
  a(!0), (z = (b = e.props).onMouseEnter) == null || z.call(b);
52
- }, u = () => {
81
+ }, g = () => {
53
82
  var b, z;
54
83
  a(!1), c({ x: 0, y: 0 }), (z = (b = e.props).onMouseLeave) == null || z.call(b);
55
- }, g = {
84
+ }, u = {
56
85
  "--wobble-x": i ? `${l.x}px` : "0px",
57
86
  "--wobble-y": i ? `${l.y}px` : "0px",
58
87
  "--scale": 1 - (t - 1)
59
88
  };
60
- return vt(e, {
89
+ return kt(e, {
61
90
  ref: s,
62
91
  onMouseMove: x,
63
92
  onMouseEnter: v,
64
- onMouseLeave: u,
93
+ onMouseLeave: g,
65
94
  style: {
66
- ...g,
95
+ ...u,
67
96
  ...e.props.style
68
97
  },
69
98
  className: m(
@@ -79,43 +108,43 @@ const K = {
79
108
  )
80
109
  );
81
110
  Y.displayName = "Wobble";
82
- const $r = 10, Br = (e, o, t) => ({
111
+ const qr = 10, Vr = (e, o, t) => ({
83
112
  initial: { opacity: 0, x: -e, ...o.initial },
84
113
  animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
85
114
  exit: { opacity: 0, x: e, ...o.exit }
86
- }), Yr = (e, o, t) => ({
115
+ }), Gr = (e, o, t) => ({
87
116
  initial: { opacity: 0, x: e, ...o.initial },
88
117
  animate: { opacity: 1, x: 0, ...o.animate, transition: { delay: t } },
89
118
  exit: { opacity: 0, x: -e, ...o.exit }
90
- }), Ur = (e, o, t) => ({
119
+ }), Zr = (e, o, t) => ({
91
120
  initial: { opacity: 0, y: e, ...o.initial },
92
121
  animate: { opacity: 1, y: 0, ...o.animate, transition: { delay: t } },
93
122
  exit: { opacity: 0, y: -e, ...o.exit }
94
- }), Xr = (e, o, t) => ({
123
+ }), Kr = (e, o, t) => ({
95
124
  initial: { opacity: 0, y: -e, ...o.initial },
96
125
  animate: { opacity: 1, y: 0, ...o.animate, transition: { delay: t } },
97
126
  exit: { opacity: 0, y: e, ...o.exit }
98
- }), qr = {
99
- right: Br,
100
- left: Yr,
101
- up: Ur,
102
- down: Xr
103
- }, k = xt(
127
+ }), Qr = {
128
+ right: Vr,
129
+ left: Gr,
130
+ up: Zr,
131
+ down: Kr
132
+ }, k = yt(
104
133
  ({
105
134
  fadeIn: e = "down",
106
- distance: o = $r,
135
+ distance: o = qr,
107
136
  children: t,
108
137
  snapExit: n = !1,
109
138
  overrides: s = {},
110
139
  delay: i = 0,
111
140
  ...a
112
141
  }, l) => {
113
- const c = e ? qr[e](o, s, i) : {};
142
+ const c = e ? Qr[e](o, s, i) : {};
114
143
  return n && c.exit && typeof c.exit == "object" && !Array.isArray(c.exit) && (c.exit.transition = { duration: 0 }), /* @__PURE__ */ r(re.div, { ref: l, ...a, ...c, children: t });
115
144
  }
116
145
  );
117
146
  k.displayName = "MotionDiv";
118
- const Vr = Or(
147
+ const Jr = Lr(
119
148
  m(
120
149
  "inline-flex shrink-0 items-center justify-center gap-2",
121
150
  "text-sm font-medium whitespace-nowrap",
@@ -156,18 +185,18 @@ const Vr = Or(
156
185
  }
157
186
  ), N = J.forwardRef(
158
187
  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, i) => /* @__PURE__ */ r(Y, { ref: i, children: /* @__PURE__ */ r(
159
- n ? Er : "button",
188
+ n ? Wr : "button",
160
189
  {
161
190
  ...f("ui_lib/btn"),
162
191
  "data-variant": o,
163
- className: m(Vr({ variant: o, size: t, className: e })),
192
+ className: m(Jr({ variant: o, size: t, className: e })),
164
193
  ...s
165
194
  }
166
195
  ) })
167
196
  );
168
197
  N.displayName = "Button";
169
- const Dt = Qt(null);
170
- function Gr({ children: e }) {
198
+ const Ot = or(null);
199
+ function eo({ children: e }) {
171
200
  const [o, t] = D(!1), [n, s] = D(null), i = (l) => {
172
201
  s(l), t(!0);
173
202
  }, a = () => {
@@ -176,18 +205,18 @@ function Gr({ children: e }) {
176
205
  }, 200);
177
206
  };
178
207
  return /* @__PURE__ */ d(
179
- Dt.Provider,
208
+ Ot.Provider,
180
209
  {
181
210
  value: { open: i, close: a, isOpen: o, content: n },
182
211
  children: [
183
- /* @__PURE__ */ r(Zr, {}),
212
+ /* @__PURE__ */ r(to, {}),
184
213
  e
185
214
  ]
186
215
  }
187
216
  );
188
217
  }
189
218
  function he() {
190
- const e = Jt(Dt);
219
+ const e = nr(Ot);
191
220
  return e || (console.error("useDialoger must be used within a DialogerProvider"), {
192
221
  open: () => {
193
222
  },
@@ -197,7 +226,7 @@ function he() {
197
226
  content: null
198
227
  });
199
228
  }
200
- function Zr() {
229
+ function to() {
201
230
  const { contentIframeRef: e } = O(), { isOpen: o, content: t, close: n } = he();
202
231
  return se(() => {
203
232
  var i, a;
@@ -229,7 +258,7 @@ function Zr() {
229
258
  "dialog-content"
230
259
  ) });
231
260
  }
232
- function Ce({
261
+ function ze({
233
262
  children: e,
234
263
  className: o,
235
264
  withClose: t = !1
@@ -252,7 +281,7 @@ function Ce({
252
281
  className: "rounded-full absolute top-4 right-4 opacity-50 hover:opacity-100",
253
282
  onClick: n,
254
283
  children: [
255
- /* @__PURE__ */ r(or, { className: "h-4 w-4" }),
284
+ /* @__PURE__ */ r(lr, { className: "h-4 w-4" }),
256
285
  /* @__PURE__ */ r("span", { className: "sr-only", children: "Close" })
257
286
  ]
258
287
  }
@@ -261,7 +290,7 @@ function Ce({
261
290
  }
262
291
  );
263
292
  }
264
- const Rt = ({
293
+ const At = ({
265
294
  className: e,
266
295
  ...o
267
296
  }) => /* @__PURE__ */ r(
@@ -271,8 +300,8 @@ const Rt = ({
271
300
  ...o
272
301
  }
273
302
  );
274
- Rt.displayName = "DialogerHeader";
275
- const jt = ({
303
+ At.displayName = "DialogerHeader";
304
+ const Ft = ({
276
305
  className: e,
277
306
  ...o
278
307
  }) => /* @__PURE__ */ r(
@@ -282,13 +311,13 @@ const jt = ({
282
311
  ...o
283
312
  }
284
313
  );
285
- jt.displayName = "DialogerBody";
286
- const Pt = ({
314
+ Ft.displayName = "DialogerBody";
315
+ const Ht = ({
287
316
  className: e,
288
317
  ...o
289
318
  }) => /* @__PURE__ */ r("div", { className: m("flex flex-col gap-2", e), ...o });
290
- Pt.displayName = "DialogerFooter";
291
- const Et = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
319
+ Ht.displayName = "DialogerFooter";
320
+ const Wt = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
292
321
  "p",
293
322
  {
294
323
  ref: t,
@@ -299,8 +328,8 @@ const Et = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
299
328
  ...o
300
329
  }
301
330
  ));
302
- Et.displayName = "DialogerTitle";
303
- const Ot = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
331
+ Wt.displayName = "DialogerTitle";
332
+ const Lt = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
304
333
  "p",
305
334
  {
306
335
  ref: t,
@@ -308,18 +337,18 @@ const Ot = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
308
337
  ...o
309
338
  }
310
339
  ));
311
- Ot.displayName = "DialogerDescription";
312
- function ze({
340
+ Lt.displayName = "DialogerDescription";
341
+ function Ne({
313
342
  children: e,
314
343
  trigger: o
315
344
  }) {
316
345
  const { open: t } = he();
317
- return vt(o, {
346
+ return kt(o, {
318
347
  onClick: () => t(e)
319
348
  });
320
349
  }
321
- const pt = 1, mt = 5, le = 0.5, Kr = 2.5;
322
- function Qr(e, o, t, n) {
350
+ const ht = 1, ut = 5, le = 0.5, ro = 2.5;
351
+ function oo(e, o, t, n) {
323
352
  if (!t || !n || o <= 1) return { x: 0, y: 0 };
324
353
  const s = t.getBoundingClientRect(), i = n.offsetWidth, a = n.offsetHeight, l = Math.max(0, (i * o - s.width) / (2 * o)), c = Math.max(
325
354
  0,
@@ -330,51 +359,51 @@ function Qr(e, o, t, n) {
330
359
  y: Math.min(c, Math.max(-c, e.y))
331
360
  };
332
361
  }
333
- function At({
362
+ function $t({
334
363
  src: e,
335
364
  alt: o
336
365
  }) {
337
- const [t, n] = D(1), [s, i] = D({ x: 0, y: 0 }), [a, l] = D(!1), c = B({ x: 0, y: 0 }), p = B({ x: 0, y: 0 }), x = B(null), v = B(null), u = B(!1), g = (w) => Math.min(mt, Math.max(pt, w)), b = V(() => {
366
+ const [t, n] = D(1), [s, i] = D({ x: 0, y: 0 }), [a, l] = D(!1), c = B({ x: 0, y: 0 }), p = B({ x: 0, y: 0 }), x = B(null), v = B(null), g = B(!1), u = (w) => Math.min(ut, Math.max(ht, w)), b = V(() => {
338
367
  n(1), i({ x: 0, y: 0 });
339
368
  }, []), z = V(() => {
340
- n((w) => g(w + le));
369
+ n((w) => u(w + le));
341
370
  }, []), _ = V(() => {
342
371
  n((w) => {
343
- const I = g(w - le);
372
+ const I = u(w - le);
344
373
  return I <= 1 && i({ x: 0, y: 0 }), I;
345
374
  });
346
375
  }, []);
347
376
  V((w) => {
348
377
  w.preventDefault(), w.stopPropagation();
349
378
  const I = w.deltaY > 0 ? -le : le;
350
- n((j) => {
351
- const M = g(j + I);
379
+ n((R) => {
380
+ const M = u(R + I);
352
381
  return M <= 1 && i({ x: 0, y: 0 }), M;
353
382
  });
354
383
  }, []);
355
384
  const y = V(
356
385
  (w) => {
357
- w.preventDefault(), u.current = !1, l(!0), c.current = { x: w.clientX, y: w.clientY }, p.current = { ...s }, w.target.setPointerCapture(w.pointerId);
386
+ w.preventDefault(), g.current = !1, l(!0), c.current = { x: w.clientX, y: w.clientY }, p.current = { ...s }, w.target.setPointerCapture(w.pointerId);
358
387
  },
359
388
  [s]
360
- ), R = V(
389
+ ), E = V(
361
390
  (w) => {
362
391
  if (!a) return;
363
- const I = w.clientX - c.current.x, j = w.clientY - c.current.y;
364
- if ((Math.abs(I) > 3 || Math.abs(j) > 3) && (u.current = !0), t <= 1) return;
392
+ const I = w.clientX - c.current.x, R = w.clientY - c.current.y;
393
+ if ((Math.abs(I) > 3 || Math.abs(R) > 3) && (g.current = !0), t <= 1) return;
365
394
  const M = {
366
395
  x: p.current.x + I / t,
367
- y: p.current.y + j / t
396
+ y: p.current.y + R / t
368
397
  };
369
398
  i(
370
- Qr(M, t, x.current, v.current)
399
+ oo(M, t, x.current, v.current)
371
400
  );
372
401
  },
373
402
  [a, t]
374
403
  ), P = V(() => {
375
- const w = u.current;
376
- l(!1), !w && n((I) => I > 1 ? (i({ x: 0, y: 0 }), 1) : Kr);
377
- }, []), E = t > 1;
404
+ const w = g.current;
405
+ l(!1), !w && n((I) => I > 1 ? (i({ x: 0, y: 0 }), 1) : ro);
406
+ }, []), j = t > 1;
378
407
  return /* @__PURE__ */ d(
379
408
  "div",
380
409
  {
@@ -387,14 +416,14 @@ function At({
387
416
  ref: x,
388
417
  className: m(
389
418
  "overflow-hidden max-h-full max-w-full rounded-2xl flex items-center justify-center",
390
- E && "size-full"
419
+ j && "size-full"
391
420
  ),
392
421
  onPointerDown: y,
393
- onPointerMove: R,
422
+ onPointerMove: E,
394
423
  onPointerUp: P,
395
424
  onPointerCancel: P,
396
425
  style: {
397
- cursor: a ? "grabbing" : E ? "grab" : "zoom-in",
426
+ cursor: a ? "grabbing" : j ? "grab" : "zoom-in",
398
427
  touchAction: "none"
399
428
  },
400
429
  children: /* @__PURE__ */ r(
@@ -416,15 +445,15 @@ function At({
416
445
  }
417
446
  ),
418
447
  /* @__PURE__ */ d("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1 bg-black/60 backdrop-blur-sm rounded-full px-1.5 py-1 transition opacity-50 hover:opacity-100", children: [
419
- /* @__PURE__ */ r(we, { onClick: _, label: "Zoom out", disabled: t <= pt, children: /* @__PURE__ */ r(nr, { className: "size-3.5" }) }),
448
+ /* @__PURE__ */ r(we, { onClick: _, label: "Zoom out", disabled: t <= ht, children: /* @__PURE__ */ r(cr, { className: "size-3.5" }) }),
420
449
  /* @__PURE__ */ d("span", { className: "text-white text-xs font-medium min-w-[3ch] text-center tabular-nums", children: [
421
450
  Math.round(t * 100),
422
451
  "%"
423
452
  ] }),
424
- /* @__PURE__ */ r(we, { onClick: z, label: "Zoom in", disabled: t >= mt, children: /* @__PURE__ */ r(sr, { className: "size-3.5" }) }),
425
- E && /* @__PURE__ */ d(Q, { children: [
453
+ /* @__PURE__ */ r(we, { onClick: z, label: "Zoom in", disabled: t >= ut, children: /* @__PURE__ */ r(dr, { className: "size-3.5" }) }),
454
+ j && /* @__PURE__ */ d(Q, { children: [
426
455
  /* @__PURE__ */ r("div", { className: "w-px h-4 bg-white/30 mx-0.5" }),
427
- /* @__PURE__ */ r(we, { onClick: b, label: "Reset zoom", children: /* @__PURE__ */ r(ar, { className: "size-3.5" }) })
456
+ /* @__PURE__ */ r(we, { onClick: b, label: "Reset zoom", children: /* @__PURE__ */ r(pr, { className: "size-3.5" }) })
428
457
  ] })
429
458
  ] })
430
459
  ]
@@ -448,31 +477,17 @@ function we({
448
477
  }
449
478
  );
450
479
  }
451
- function Ft({ attachment: e }) {
452
- const { name: o, size: t, type: n, url: s } = e, i = n.startsWith("image/"), a = n.startsWith("video/"), l = n.startsWith("audio/"), c = n === "application/pdf";
453
- return l ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
454
- /* @__PURE__ */ r("source", { src: s, type: n }),
455
- "Your browser does not support the audio tag."
456
- ] }) }) }) : a ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
457
- /* @__PURE__ */ r("source", { src: s, type: n }),
458
- "Your browser does not support the video tag."
459
- ] }) }) }) : i ? /* @__PURE__ */ r(
460
- ze,
461
- {
462
- trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
463
- children: /* @__PURE__ */ r(
464
- Ce,
465
- {
466
- className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
467
- withClose: !0,
468
- children: /* @__PURE__ */ r(At, { src: s, alt: o })
469
- }
470
- )
471
- }
472
- ) : c ? /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
480
+ function gt({
481
+ url: e,
482
+ name: o,
483
+ size: t,
484
+ icon: n,
485
+ label: s
486
+ }) {
487
+ return /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(
473
488
  "a",
474
489
  {
475
- href: s,
490
+ href: e,
476
491
  target: "_blank",
477
492
  rel: "noopener noreferrer",
478
493
  className: m(
@@ -489,7 +504,7 @@ function Ft({ attachment: e }) {
489
504
  "bg-secondary text-muted-foreground"
490
505
  ),
491
506
  "aria-hidden": !0,
492
- children: /* @__PURE__ */ r(Nt, { className: "size-5", strokeWidth: 1.75 })
507
+ children: n
493
508
  }
494
509
  ),
495
510
  /* @__PURE__ */ d("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5 text-left", children: [
@@ -506,12 +521,63 @@ function Ft({ attachment: e }) {
506
521
  ),
507
522
  /* @__PURE__ */ d("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
508
523
  (t / 1024).toFixed(2),
509
- " KB · PDF"
524
+ " KB · ",
525
+ s
510
526
  ] })
511
527
  ] })
512
528
  ] })
513
529
  }
514
- ) }) : /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
530
+ ) });
531
+ }
532
+ function Bt({ attachment: e }) {
533
+ const { name: o, size: t, type: n, url: s } = e, i = n.startsWith("image/"), a = n.startsWith("video/"), l = n.startsWith("audio/"), c = n === "application/pdf";
534
+ if (l)
535
+ return /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
536
+ /* @__PURE__ */ r("source", { src: s, type: n }),
537
+ "Your browser does not support the audio tag."
538
+ ] }) }) });
539
+ if (a)
540
+ return /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
541
+ /* @__PURE__ */ r("source", { src: s, type: n }),
542
+ "Your browser does not support the video tag."
543
+ ] }) }) });
544
+ if (i)
545
+ return /* @__PURE__ */ r(
546
+ Ne,
547
+ {
548
+ trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
549
+ children: /* @__PURE__ */ r(
550
+ ze,
551
+ {
552
+ className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
553
+ withClose: !0,
554
+ children: /* @__PURE__ */ r($t, { src: s, alt: o })
555
+ }
556
+ )
557
+ }
558
+ );
559
+ if (c)
560
+ return /* @__PURE__ */ r(
561
+ gt,
562
+ {
563
+ url: s,
564
+ name: o,
565
+ size: t,
566
+ icon: /* @__PURE__ */ r(It, { className: "size-5", strokeWidth: 1.75 }),
567
+ label: "PDF"
568
+ }
569
+ );
570
+ const p = jt({ type: n, name: o });
571
+ return p ? /* @__PURE__ */ r(
572
+ gt,
573
+ {
574
+ url: s,
575
+ name: o,
576
+ size: t,
577
+ icon: /* @__PURE__ */ r(Tt, { className: "size-5", strokeWidth: 1.75 }),
578
+ label: p.label
579
+ }
580
+ ) : /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
515
581
  /* @__PURE__ */ r(
516
582
  "a",
517
583
  {
@@ -532,27 +598,27 @@ function Ft({ attachment: e }) {
532
598
  ] })
533
599
  ] }) }) });
534
600
  }
535
- const Ht = L.memo(
536
- Ar,
601
+ const Yt = L.memo(
602
+ $r,
537
603
  (e, o) => e.children === o.children && e.className === o.className
538
604
  );
539
- function Ne({
605
+ function Se({
540
606
  children: e,
541
607
  messageType: o,
542
608
  messageId: t
543
609
  }) {
544
610
  const { anchorTarget: n } = C();
545
611
  return /* @__PURE__ */ r(
546
- Ht,
612
+ Yt,
547
613
  {
548
614
  "data-type": o,
549
615
  "data-id": t,
550
- remarkPlugins: [It],
551
- rehypePlugins: [Tt],
616
+ remarkPlugins: [Et],
617
+ rehypePlugins: [Rt],
552
618
  components: {
553
619
  a: ({ children: s, ...i }) => /* @__PURE__ */ r("a", { target: i.target || n || "_top", ...i, children: s }),
554
620
  img: ({ src: s, alt: i, ...a }) => s ? /* @__PURE__ */ r(
555
- ze,
621
+ Ne,
556
622
  {
557
623
  trigger: /* @__PURE__ */ r(
558
624
  "img",
@@ -564,11 +630,11 @@ function Ne({
564
630
  }
565
631
  ),
566
632
  children: /* @__PURE__ */ r(
567
- Ce,
633
+ ze,
568
634
  {
569
635
  className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
570
636
  withClose: !0,
571
- children: /* @__PURE__ */ r(At, { src: s, alt: i })
637
+ children: /* @__PURE__ */ r($t, { src: s, alt: i })
572
638
  }
573
639
  )
574
640
  }
@@ -597,14 +663,14 @@ function te() {
597
663
  currentScreen: s
598
664
  };
599
665
  }
600
- function Jr({
666
+ function no({
601
667
  currentMessage: e
602
668
  }) {
603
669
  var n;
604
670
  const o = te(), t = (n = o.config.customComponents) == null ? void 0 : n["message::after"];
605
671
  return t ? /* @__PURE__ */ r(t, { ...o, currentMessage: e }) : null;
606
672
  }
607
- function fe(e) {
673
+ function xe(e) {
608
674
  const {
609
675
  data: o,
610
676
  id: t,
@@ -627,7 +693,7 @@ function fe(e) {
627
693
  p == null ? void 0 : p.messageContainer
628
694
  ),
629
695
  children: [
630
- s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((u) => /* @__PURE__ */ r(Ft, { attachment: u }, u.id)) }),
696
+ s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((g) => /* @__PURE__ */ r(Bt, { attachment: g }, g.id)) }),
631
697
  x.length > 0 && /* @__PURE__ */ d("div", { className: "flex flex-row gap-2", children: [
632
698
  /* @__PURE__ */ r(
633
699
  "div",
@@ -652,19 +718,19 @@ function fe(e) {
652
718
  !i && !a && !l && "rounded-l-md",
653
719
  p == null ? void 0 : p.message
654
720
  ),
655
- children: /* @__PURE__ */ r(Ne, { messageType: n, messageId: t, children: x })
721
+ children: /* @__PURE__ */ r(Se, { messageType: n, messageId: t, children: x })
656
722
  }
657
723
  ),
658
- /* @__PURE__ */ r(Jr, { currentMessage: e })
724
+ /* @__PURE__ */ r(no, { currentMessage: e })
659
725
  ] })
660
726
  ]
661
727
  }
662
728
  );
663
729
  }
664
- function eo(e) {
730
+ function so(e) {
665
731
  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) }) });
666
732
  }
667
- const Se = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
733
+ const _e = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
668
734
  ee.Root,
669
735
  {
670
736
  ref: t,
@@ -676,8 +742,8 @@ const Se = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
676
742
  ...o
677
743
  }
678
744
  ));
679
- Se.displayName = ee.Root.displayName;
680
- const _e = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
745
+ _e.displayName = ee.Root.displayName;
746
+ const Ie = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
681
747
  ee.Image,
682
748
  {
683
749
  ref: t,
@@ -685,8 +751,8 @@ const _e = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
685
751
  ...o
686
752
  }
687
753
  ));
688
- _e.displayName = ee.Image.displayName;
689
- const Ie = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
754
+ Ie.displayName = ee.Image.displayName;
755
+ const Te = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
690
756
  ee.Fallback,
691
757
  {
692
758
  ref: t,
@@ -697,25 +763,25 @@ const Ie = J.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
697
763
  ...o
698
764
  }
699
765
  ));
700
- Ie.displayName = ee.Fallback.displayName;
701
- function xe({
766
+ Te.displayName = ee.Fallback.displayName;
767
+ function ve({
702
768
  agent: e,
703
769
  ...o
704
770
  }) {
705
771
  var t, n;
706
- return /* @__PURE__ */ d(Se, { ...o, children: [
707
- /* @__PURE__ */ r(_e, { src: (e == null ? void 0 : e.avatarUrl) || (e == null ? void 0 : e.avatar) || "", alt: "Agent Icon" }),
708
- (e == null ? void 0 : e.name) && /* @__PURE__ */ r(Ie, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
772
+ return /* @__PURE__ */ d(_e, { ...o, children: [
773
+ /* @__PURE__ */ r(Ie, { src: (e == null ? void 0 : e.avatarUrl) || (e == null ? void 0 : e.avatar) || "", alt: "Agent Icon" }),
774
+ (e == null ? void 0 : e.name) && /* @__PURE__ */ r(Te, { children: (n = (t = e == null ? void 0 : e.name) == null ? void 0 : t.slice(0, 1)) == null ? void 0 : n.toUpperCase() })
709
775
  ] });
710
776
  }
711
- function to({ agent: e }) {
777
+ function ao({ agent: e }) {
712
778
  return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ d(
713
779
  k,
714
780
  {
715
781
  ...f("chat/bot_loading/root"),
716
782
  className: "flex flex-row items-end w-full gap-2 animate-pulse",
717
783
  children: [
718
- /* @__PURE__ */ r(xe, { agent: e }),
784
+ /* @__PURE__ */ r(ve, { agent: e }),
719
785
  /* @__PURE__ */ d(
720
786
  "div",
721
787
  {
@@ -735,7 +801,7 @@ function to({ agent: e }) {
735
801
  }
736
802
  ) });
737
803
  }
738
- const Wt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.\\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-0{width:0px;height:0px}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-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%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.min-w-\\[3ch\\]{min-width:3ch}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-\\[min\\(100\\%\\,16rem\\)\\]{max-width:min(100%,16rem)}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\\/2,.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-background\\/80{background-color:hsl(var(--opencx-background) / .8)}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/30{background-color:#ffffff4d}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-accent\\/60:hover{background-color:hsl(var(--opencx-accent) / .6)}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:bg-white\\/15:hover{background-color:#ffffff26}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', ro = ae.Provider, oo = ae.Root, no = ae.Trigger, Lt = J.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
804
+ const Ut = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.\\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-0{width:0px;height:0px}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-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%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.min-w-\\[3ch\\]{min-width:3ch}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-\\[min\\(100\\%\\,16rem\\)\\]{max-width:min(100%,16rem)}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\\/2,.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-background\\/80{background-color:hsl(var(--opencx-background) / .8)}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/30{background-color:#ffffff4d}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-accent\\/60:hover{background-color:hsl(var(--opencx-accent) / .6)}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:bg-white\\/15:hover{background-color:#ffffff26}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', io = ae.Provider, lo = ae.Root, co = ae.Trigger, Xt = J.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
739
805
  ae.Content,
740
806
  {
741
807
  ref: n,
@@ -747,7 +813,7 @@ const Wt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;-
747
813
  ...t
748
814
  }
749
815
  ));
750
- Lt.displayName = ae.Content.displayName;
816
+ Xt.displayName = ae.Content.displayName;
751
817
  function oe({
752
818
  children: e,
753
819
  content: o,
@@ -755,10 +821,10 @@ function oe({
755
821
  align: n
756
822
  }) {
757
823
  const { disableTooltips: s } = C();
758
- return !o || s ? e : /* @__PURE__ */ d(oo, { children: [
759
- /* @__PURE__ */ r(no, { asChild: !0, children: e }),
824
+ return !o || s ? e : /* @__PURE__ */ d(lo, { children: [
825
+ /* @__PURE__ */ r(co, { asChild: !0, children: e }),
760
826
  /* @__PURE__ */ r(
761
- Lt,
827
+ Xt,
762
828
  {
763
829
  side: t,
764
830
  align: n,
@@ -769,12 +835,12 @@ function oe({
769
835
  )
770
836
  ] });
771
837
  }
772
- const ht = 450;
838
+ const wt = 450;
773
839
  function $() {
774
- const [e, o] = L.useState(() => (window.top || window).innerWidth < ht);
840
+ const [e, o] = L.useState(() => (window.top || window).innerWidth < wt);
775
841
  return L.useEffect(() => {
776
842
  const t = window.top || window, n = () => {
777
- o(t.innerWidth < ht);
843
+ o(t.innerWidth < wt);
778
844
  };
779
845
  return n(), t.addEventListener("resize", n), () => {
780
846
  t.removeEventListener("resize", n);
@@ -786,17 +852,17 @@ const ce = {
786
852
  transitionDuration: "1000ms"
787
853
  };
788
854
  function Z() {
789
- var v, u, g, b, z, _, y, R, P, E, w, I, j, M, h, S, ie, Re, je, Pe, Ee, Oe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it;
790
- const { dir: e } = ye(), { isSmallScreen: o } = $(), { theme: t, inline: n } = C(), s = (X) => n ? "100%" : X, i = (X, ge) => o ? `100dv${X}` : ge, a = (X, ge) => s(i(X, ge)), l = {
855
+ var v, g, u, b, z, _, y, E, P, j, w, I, R, M, h, S, ie, Re, Pe, je, Oe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, Xe, qe, Ve, Ge, Ze, Ke, Qe, Je, et, tt, rt, ot, nt, st, at, it, lt;
856
+ const { dir: e } = ke(), { isSmallScreen: o } = $(), { theme: t, inline: n } = C(), s = (X) => n ? "100%" : X, i = (X, ue) => o ? `100dv${X}` : ue, a = (X, ue) => s(i(X, ue)), l = {
791
857
  zIndex: ((v = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : v.zIndex) ?? 1e7,
792
858
  offset: {
793
- bottom: ((g = (u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.offset) == null ? void 0 : g.bottom) ?? 20,
859
+ bottom: ((u = (g = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : g.offset) == null ? void 0 : u.bottom) ?? 20,
794
860
  right: ((z = (b = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : b.offset) == null ? void 0 : z.right) ?? (e === "ltr" ? 20 : "initial"),
795
861
  left: ((y = (_ = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : _.offset) == null ? void 0 : y.left) ?? (e === "rtl" ? 20 : "initial")
796
862
  },
797
863
  size: {
798
- button: ((P = (R = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : R.size) == null ? void 0 : P.button) ?? 48,
799
- icon: ((w = (E = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : E.size) == null ? void 0 : w.icon) ?? 24
864
+ button: ((P = (E = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : E.size) == null ? void 0 : P.button) ?? 48,
865
+ icon: ((w = (j = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : j.size) == null ? void 0 : w.icon) ?? 24
800
866
  }
801
867
  }, c = (() => {
802
868
  const X = e === "ltr" ? l.offset.right : l.offset.left;
@@ -807,46 +873,46 @@ function Z() {
807
873
  widgetTrigger: l,
808
874
  widgetContentContainer: {
809
875
  borderRadius: o ? "0px" : ((I = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : I.borderRadius) ?? "32px",
810
- zIndex: ((j = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : j.zIndex) ?? l.zIndex + 1,
876
+ zIndex: ((R = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : R.zIndex) ?? l.zIndex + 1,
811
877
  outline: ((M = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : M.outline) ?? "none",
812
878
  // was: '1px solid'
813
879
  outlineColor: ((h = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : h.outlineColor) ?? "hsl(0 0% 50% / .5)",
814
880
  boxShadow: ((S = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : S.boxShadow) ?? "0 0px 100px 0px rgb(0 0 0 / 0.25)",
815
881
  transitionProperty: ((ie = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : ie.transitionProperty) ?? "all",
816
882
  transitionTimingFunction: ((Re = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Re.transitionTimingFunction) ?? ce.transitionTimingFunction,
817
- transitionDuration: ((je = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : je.transitionDuration) ?? ce.transitionDuration,
883
+ transitionDuration: ((Pe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Pe.transitionDuration) ?? ce.transitionDuration,
818
884
  offset: {
819
- side: o ? 0 : l.offset.bottom + l.size.button + K.y * 2 + (((Ee = (Pe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Pe.offset) == null ? void 0 : Ee.side) ?? 10),
820
- align: o ? 0 : c + (((Ae = (Oe = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Oe.offset) == null ? void 0 : Ae.align) ?? 0)
885
+ side: o ? 0 : l.offset.bottom + l.size.button + K.y * 2 + (((Oe = (je = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : je.offset) == null ? void 0 : Oe.side) ?? 10),
886
+ align: o ? 0 : c + (((Fe = (Ae = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : Ae.offset) == null ? void 0 : Fe.align) ?? 0)
821
887
  }
822
888
  },
823
889
  screens: {
824
890
  welcome: {
825
- width: a("w", ((He = (Fe = t == null ? void 0 : t.screens) == null ? void 0 : Fe.welcome) == null ? void 0 : He.width) ?? "400px"),
891
+ width: a("w", ((We = (He = t == null ? void 0 : t.screens) == null ? void 0 : He.welcome) == null ? void 0 : We.width) ?? "400px"),
826
892
  // By setting minHeight to 1px, a nice animation will play from 1px to the dynamic height of the content of the screen
827
893
  minHeight: a(
828
894
  "h",
829
- ((Le = (We = t == null ? void 0 : t.screens) == null ? void 0 : We.welcome) == null ? void 0 : Le.minHeight) ?? "1px"
895
+ (($e = (Le = t == null ? void 0 : t.screens) == null ? void 0 : Le.welcome) == null ? void 0 : $e.minHeight) ?? "1px"
830
896
  )
831
897
  },
832
898
  sessions: {
833
- width: a("w", ((Be = ($e = t == null ? void 0 : t.screens) == null ? void 0 : $e.sessions) == null ? void 0 : Be.width) ?? "450px"),
834
- height: a("h", ((Ue = (Ye = t == null ? void 0 : t.screens) == null ? void 0 : Ye.sessions) == null ? void 0 : Ue.height) ?? "600px")
899
+ width: a("w", ((Ye = (Be = t == null ? void 0 : t.screens) == null ? void 0 : Be.sessions) == null ? void 0 : Ye.width) ?? "450px"),
900
+ height: a("h", ((Xe = (Ue = t == null ? void 0 : t.screens) == null ? void 0 : Ue.sessions) == null ? void 0 : Xe.height) ?? "600px")
835
901
  },
836
902
  chat: {
837
- width: a("w", ((qe = (Xe = t == null ? void 0 : t.screens) == null ? void 0 : Xe.chat) == null ? void 0 : qe.width) ?? "525px"),
838
- height: a("h", ((Ge = (Ve = t == null ? void 0 : t.screens) == null ? void 0 : Ve.chat) == null ? void 0 : Ge.height) ?? "700px"),
903
+ width: a("w", ((Ve = (qe = t == null ? void 0 : t.screens) == null ? void 0 : qe.chat) == null ? void 0 : Ve.width) ?? "525px"),
904
+ height: a("h", ((Ze = (Ge = t == null ? void 0 : t.screens) == null ? void 0 : Ge.chat) == null ? void 0 : Ze.height) ?? "700px"),
839
905
  withCanvas: {
840
906
  width: a(
841
907
  "w",
842
- ((Qe = (Ke = (Ze = t == null ? void 0 : t.screens) == null ? void 0 : Ze.chat) == null ? void 0 : Ke.withCanvas) == null ? void 0 : Qe.width) ?? "min(1050px, 100vw)"
908
+ ((Je = (Qe = (Ke = t == null ? void 0 : t.screens) == null ? void 0 : Ke.chat) == null ? void 0 : Qe.withCanvas) == null ? void 0 : Je.width) ?? "min(1050px, 100vw)"
843
909
  ),
844
910
  height: a(
845
911
  "h",
846
- ((tt = (et = (Je = t == null ? void 0 : t.screens) == null ? void 0 : Je.chat) == null ? void 0 : et.withCanvas) == null ? void 0 : tt.height) ?? "min(800px, 100vh)"
912
+ ((rt = (tt = (et = t == null ? void 0 : t.screens) == null ? void 0 : et.chat) == null ? void 0 : tt.withCanvas) == null ? void 0 : rt.height) ?? "min(800px, 100vh)"
847
913
  ),
848
- transitionTimingFunction: ((nt = (ot = (rt = t == null ? void 0 : t.screens) == null ? void 0 : rt.chat) == null ? void 0 : ot.withCanvas) == null ? void 0 : nt.transitionTimingFunction) ?? ce.transitionTimingFunction,
849
- transitionDuration: ((it = (at = (st = t == null ? void 0 : t.screens) == null ? void 0 : st.chat) == null ? void 0 : at.withCanvas) == null ? void 0 : it.transitionDuration) ?? ce.transitionDuration
914
+ transitionTimingFunction: ((st = (nt = (ot = t == null ? void 0 : t.screens) == null ? void 0 : ot.chat) == null ? void 0 : nt.withCanvas) == null ? void 0 : st.transitionTimingFunction) ?? ce.transitionTimingFunction,
915
+ transitionDuration: ((lt = (it = (at = t == null ? void 0 : t.screens) == null ? void 0 : at.chat) == null ? void 0 : it.withCanvas) == null ? void 0 : lt.transitionDuration) ?? ce.transitionDuration
850
916
  }
851
917
  }
852
918
  }
@@ -891,17 +957,17 @@ function Z() {
891
957
  return {
892
958
  theme: p,
893
959
  computed: x,
894
- cssVars: so({
960
+ cssVars: po({
895
961
  palette: p.palette,
896
962
  primary: p.primaryColor
897
963
  })
898
964
  };
899
965
  }
900
- function so({
966
+ function po({
901
967
  palette: e,
902
968
  primary: o
903
969
  }) {
904
- const t = $t(e), n = dt(o).toHsl(), s = dt(o).isLight() ? t[950] : t[50];
970
+ const t = qt(e), n = pt(o).toHsl(), s = pt(o).isLight() ? t[950] : t[50];
905
971
  return {
906
972
  "--opencx-primary": `${n.h} ${n.s * 100}% ${n.l * 100}%`,
907
973
  "--opencx-primary-foreground": s,
@@ -920,7 +986,7 @@ function so({
920
986
  "--opencx-ring": "var(--opencx-foreground)"
921
987
  };
922
988
  }
923
- function $t(e) {
989
+ function qt(e) {
924
990
  const o = {
925
991
  50: "0 0% 98%",
926
992
  100: "0 0% 96.1%",
@@ -980,10 +1046,10 @@ function $t(e) {
980
1046
  case "slate":
981
1047
  return s;
982
1048
  default:
983
- return F(e, $t.name), o;
1049
+ return F(e, qt.name), o;
984
1050
  }
985
1051
  }
986
- function Bt() {
1052
+ function Vt() {
987
1053
  const { contentIframeRef: e } = O(), { inline: o } = C();
988
1054
  return {
989
1055
  setWidth: (t) => {
@@ -1002,16 +1068,16 @@ function Bt() {
1002
1068
  }
1003
1069
  };
1004
1070
  }
1005
- function Te({
1071
+ function Me({
1006
1072
  width: e,
1007
1073
  height: o
1008
1074
  }) {
1009
- const { isSmallScreen: t } = $(), { setWidth: n, setHeight: s } = Bt();
1075
+ const { isSmallScreen: t } = $(), { setWidth: n, setHeight: s } = Vt();
1010
1076
  se(() => {
1011
1077
  e && n(e), o && s(o);
1012
1078
  }, [t, o, e, n, s]);
1013
1079
  }
1014
- const gt = ir;
1080
+ const ft = mr;
1015
1081
  function ne({
1016
1082
  name: e,
1017
1083
  className: o
@@ -1019,54 +1085,54 @@ function ne({
1019
1085
  const t = (() => {
1020
1086
  switch (e) {
1021
1087
  case "Check":
1022
- return br;
1088
+ return Nr;
1023
1089
  case "CheckCheck":
1024
- return vr;
1090
+ return zr;
1025
1091
  case "CircleCheck":
1026
- return St;
1092
+ return Mt;
1027
1093
  case "CircleCheckBig":
1028
- return xr;
1094
+ return Cr;
1029
1095
  case "CircleX":
1030
- return fr;
1096
+ return kr;
1031
1097
  case "Expand":
1032
- return wr;
1098
+ return yr;
1033
1099
  case "Maximize":
1034
- return ur;
1100
+ return br;
1035
1101
  case "Maximize2":
1036
- return gr;
1102
+ return vr;
1037
1103
  case "Minimize":
1038
- return hr;
1104
+ return xr;
1039
1105
  case "Minimize2":
1040
- return mr;
1106
+ return fr;
1041
1107
  case "Shrink":
1042
- return pr;
1108
+ return wr;
1043
1109
  case "SquareCheck":
1044
- return dr;
1110
+ return gr;
1045
1111
  case "SquareCheckBig":
1046
- return cr;
1112
+ return ur;
1047
1113
  case "SquareX":
1048
- return lr;
1114
+ return hr;
1049
1115
  case "X":
1050
- return ke;
1116
+ return Ce;
1051
1117
  case void 0:
1052
- return gt;
1118
+ return ft;
1053
1119
  default:
1054
- return F(e, ne.name), gt;
1120
+ return F(e, ne.name), ft;
1055
1121
  }
1056
1122
  })();
1057
1123
  return /* @__PURE__ */ r(t, { className: m("size-4", o) });
1058
1124
  }
1059
- function ao() {
1125
+ function mo() {
1060
1126
  var t;
1061
1127
  const e = te(), o = (t = e.config.customComponents) == null ? void 0 : t.headerBottom;
1062
1128
  return o ? /* @__PURE__ */ r(o, { ...e }) : null;
1063
1129
  }
1064
- function io({ fallback: e }) {
1130
+ function ho({ fallback: e }) {
1065
1131
  var n;
1066
1132
  const o = te(), t = (n = o.config.customComponents) == null ? void 0 : n.headerTitle;
1067
1133
  return t ? /* @__PURE__ */ r(t, { ...o }) : e;
1068
1134
  }
1069
- function Me() {
1135
+ function De() {
1070
1136
  const {
1071
1137
  widgetCtx: { org: e }
1072
1138
  } = O(), {
@@ -1082,12 +1148,12 @@ function Me() {
1082
1148
  case "welcome":
1083
1149
  return;
1084
1150
  default:
1085
- F(o, Me.name);
1151
+ F(o, De.name);
1086
1152
  return;
1087
1153
  }
1088
1154
  })() ?? e.name ?? "Chat";
1089
1155
  }
1090
- function lo(e) {
1156
+ function uo(e) {
1091
1157
  switch (e) {
1092
1158
  case "chat":
1093
1159
  return f("chat/header");
@@ -1096,11 +1162,11 @@ function lo(e) {
1096
1162
  case "welcome":
1097
1163
  return;
1098
1164
  default:
1099
- F(e, Me.name);
1165
+ F(e, De.name);
1100
1166
  return;
1101
1167
  }
1102
1168
  }
1103
- function co() {
1169
+ function go() {
1104
1170
  const { router: e } = C(), {
1105
1171
  routerState: { screen: o },
1106
1172
  toSessionsScreen: t
@@ -1112,11 +1178,11 @@ function co() {
1112
1178
  size: "fit",
1113
1179
  className: "rounded-full",
1114
1180
  onClick: t,
1115
- children: /* @__PURE__ */ r(yr, { className: "size-4 rtl:-scale-100" })
1181
+ children: /* @__PURE__ */ r(Sr, { className: "size-4 rtl:-scale-100" })
1116
1182
  }
1117
1183
  );
1118
1184
  }
1119
- function po({
1185
+ function wo({
1120
1186
  button: e
1121
1187
  }) {
1122
1188
  const { setIsOpen: o } = G(), { isSmallScreen: t } = $();
@@ -1134,12 +1200,12 @@ function po({
1134
1200
  }
1135
1201
  );
1136
1202
  }
1137
- function ve({
1203
+ function be({
1138
1204
  button: e
1139
1205
  }) {
1140
1206
  const [o, t] = D(!1), {
1141
1207
  routerState: { screen: n }
1142
- } = H(), { isSmallScreen: s } = $(), { theme: i } = Z(), { setWidth: a, setHeight: l } = Bt();
1208
+ } = H(), { isSmallScreen: s } = $(), { theme: i } = Z(), { setWidth: a, setHeight: l } = Vt();
1143
1209
  if (n !== "chat" && n !== "sessions") return null;
1144
1210
  const c = (() => {
1145
1211
  switch (n) {
@@ -1148,7 +1214,7 @@ function ve({
1148
1214
  case "sessions":
1149
1215
  return i.screens.sessions.height;
1150
1216
  default:
1151
- return F(n, ve.name), i.screens.chat.height;
1217
+ return F(n, be.name), i.screens.chat.height;
1152
1218
  }
1153
1219
  })(), p = (() => {
1154
1220
  switch (n) {
@@ -1157,12 +1223,12 @@ function ve({
1157
1223
  case "sessions":
1158
1224
  return i.screens.sessions.width;
1159
1225
  default:
1160
- return F(n, ve.name), i.screens.chat.width;
1226
+ return F(n, be.name), i.screens.chat.width;
1161
1227
  }
1162
1228
  })(), x = () => {
1163
1229
  t((v) => {
1164
- const u = !v;
1165
- return l(u ? "100vh" : c), a(u ? `max(40vw, ${p})` : p), u;
1230
+ const g = !v;
1231
+ return l(g ? "100vh" : c), a(g ? `max(40vw, ${p})` : p), g;
1166
1232
  });
1167
1233
  };
1168
1234
  return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
@@ -1181,13 +1247,13 @@ function ve({
1181
1247
  }
1182
1248
  );
1183
1249
  }
1184
- function Yt({
1250
+ function Gt({
1185
1251
  button: e
1186
1252
  }) {
1187
1253
  var z, _;
1188
- const { close: o } = he(), { widgetCtx: t } = O(), { setIsOpen: n } = G(), { resolveSession: s, sessionState: i } = U(), { isSmallScreen: a } = $(), l = !i.session, c = ((z = i.session) == null ? void 0 : z.isOpened) === !1, p = e.onResolved || "stay-in-chat", x = e.behaviorBeforeSessionCreation || "disabled", v = e.behaviorIfSessionIsResolved || "disabled", u = !!(i.isResolvingSession || l && x === "disabled" || c && v === "disabled"), g = async () => {
1189
- const { success: y, error: R } = await s();
1190
- if (o(), !y) return console.error(R);
1254
+ const { close: o } = he(), { widgetCtx: t } = O(), { setIsOpen: n } = G(), { resolveSession: s, sessionState: i } = U(), { isSmallScreen: a } = $(), l = !i.session, c = ((z = i.session) == null ? void 0 : z.isOpened) === !1, p = e.onResolved || "stay-in-chat", x = e.behaviorBeforeSessionCreation || "disabled", v = e.behaviorIfSessionIsResolved || "disabled", g = !!(i.isResolvingSession || l && x === "disabled" || c && v === "disabled"), u = async () => {
1255
+ const { success: y, error: E } = await s();
1256
+ if (o(), !y) return console.error(E);
1191
1257
  switch (p) {
1192
1258
  case "stay-in-chat":
1193
1259
  return;
@@ -1201,7 +1267,7 @@ function Yt({
1201
1267
  n(!1), t.resetChat();
1202
1268
  break;
1203
1269
  default:
1204
- F(p, Yt.name);
1270
+ F(p, Gt.name);
1205
1271
  break;
1206
1272
  }
1207
1273
  }, b = () => {
@@ -1241,7 +1307,7 @@ function Yt({
1241
1307
  }
1242
1308
  };
1243
1309
  return a && e.hideOnSmallScreen || !a && e.hideOnLargeScreen ? null : ((_ = e.confirmation) == null ? void 0 : _.type) === "modal" && !c && !l ? /* @__PURE__ */ r(
1244
- ze,
1310
+ Ne,
1245
1311
  {
1246
1312
  trigger: /* @__PURE__ */ r(
1247
1313
  N,
@@ -1249,14 +1315,14 @@ function Yt({
1249
1315
  variant: "ghost",
1250
1316
  size: "fit",
1251
1317
  className: "rounded-full",
1252
- disabled: u,
1318
+ disabled: g,
1253
1319
  children: /* @__PURE__ */ r(ne, { name: e.icon })
1254
1320
  }
1255
1321
  ),
1256
- children: /* @__PURE__ */ d(Ce, { children: [
1257
- /* @__PURE__ */ r(Rt, { children: /* @__PURE__ */ r(Et, { children: e.confirmation.title || "Close conversation" }) }),
1258
- /* @__PURE__ */ r(jt, { children: /* @__PURE__ */ r(Ot, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
1259
- /* @__PURE__ */ d(Pt, { children: [
1322
+ children: /* @__PURE__ */ d(ze, { children: [
1323
+ /* @__PURE__ */ r(At, { children: /* @__PURE__ */ r(Wt, { children: e.confirmation.title || "Close conversation" }) }),
1324
+ /* @__PURE__ */ r(Ft, { children: /* @__PURE__ */ r(Lt, { children: e.confirmation.description || "Are you sure you want to close this conversation?" }) }),
1325
+ /* @__PURE__ */ d(Ht, { children: [
1260
1326
  /* @__PURE__ */ r(
1261
1327
  N,
1262
1328
  {
@@ -1270,7 +1336,7 @@ function Yt({
1270
1336
  N,
1271
1337
  {
1272
1338
  variant: "destructive",
1273
- onClick: g,
1339
+ onClick: u,
1274
1340
  disabled: i.isResolvingSession,
1275
1341
  children: e.confirmation.confirmButtonText || "Yes"
1276
1342
  }
@@ -1284,48 +1350,48 @@ function Yt({
1284
1350
  variant: "ghost",
1285
1351
  size: "fit",
1286
1352
  className: "rounded-full",
1287
- onClick: c || l ? b : g,
1288
- disabled: u,
1353
+ onClick: c || l ? b : u,
1354
+ disabled: g,
1289
1355
  children: /* @__PURE__ */ r(ne, { name: e.icon })
1290
1356
  }
1291
1357
  );
1292
1358
  }
1293
- function be({ button: e }) {
1359
+ function ye({ button: e }) {
1294
1360
  switch (e.functionality) {
1295
1361
  case "close-widget":
1296
- return /* @__PURE__ */ r(po, { button: e });
1362
+ return /* @__PURE__ */ r(wo, { button: e });
1297
1363
  case "expand-shrink":
1298
- return /* @__PURE__ */ r(ve, { button: e });
1364
+ return /* @__PURE__ */ r(be, { button: e });
1299
1365
  case "resolve-session":
1300
- return /* @__PURE__ */ r(Yt, { button: e });
1366
+ return /* @__PURE__ */ r(Gt, { button: e });
1301
1367
  default:
1302
- return F(e, be.name), null;
1368
+ return F(e, ye.name), null;
1303
1369
  }
1304
1370
  }
1305
- const mo = {
1371
+ const fo = {
1306
1372
  functionality: "close-widget",
1307
1373
  hideOnLargeScreen: !0,
1308
1374
  icon: "X"
1309
1375
  };
1310
- function ho() {
1376
+ function xo() {
1311
1377
  const {
1312
1378
  routerState: { screen: e }
1313
1379
  } = H(), { headerButtons: o } = C(), t = e === "chat" ? o == null ? void 0 : o.chatScreen : e === "sessions" ? o == null ? void 0 : o.sessionsScreen : [];
1314
- return !t || t.length === 0 ? /* @__PURE__ */ r(be, { button: mo }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
1315
- be,
1380
+ return !t || t.length === 0 ? /* @__PURE__ */ r(ye, { button: fo }) : /* @__PURE__ */ r(Q, { children: t.map((n) => /* @__PURE__ */ r(
1381
+ ye,
1316
1382
  {
1317
1383
  button: n
1318
1384
  },
1319
1385
  `${n.functionality}-${n.icon}`
1320
1386
  )) });
1321
1387
  }
1322
- function Ut() {
1388
+ function Zt() {
1323
1389
  const {
1324
1390
  routerState: { screen: e }
1325
- } = H(), o = lo(e), t = Me();
1391
+ } = H(), o = uo(e), t = De();
1326
1392
  return /* @__PURE__ */ d("header", { ...o, className: "py-2 px-4 shrink-0", children: [
1327
1393
  /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
1328
- /* @__PURE__ */ r(co, {}),
1394
+ /* @__PURE__ */ r(go, {}),
1329
1395
  /* @__PURE__ */ r(
1330
1396
  "div",
1331
1397
  {
@@ -1334,31 +1400,31 @@ function Ut() {
1334
1400
  e === "sessions" && "ps-2"
1335
1401
  ),
1336
1402
  children: /* @__PURE__ */ r(
1337
- io,
1403
+ ho,
1338
1404
  {
1339
1405
  fallback: /* @__PURE__ */ r("h2", { className: "font-semibold", children: t })
1340
1406
  }
1341
1407
  )
1342
1408
  }
1343
1409
  ),
1344
- /* @__PURE__ */ r(ho, {})
1410
+ /* @__PURE__ */ r(xo, {})
1345
1411
  ] }),
1346
- /* @__PURE__ */ r(ao, {})
1412
+ /* @__PURE__ */ r(mo, {})
1347
1413
  ] });
1348
1414
  }
1349
- function Xt({ className: e }) {
1350
- return /* @__PURE__ */ r(kr, { className: m("size-4 animate-spin", e) });
1415
+ function Kt({ className: e }) {
1416
+ return /* @__PURE__ */ r(_r, { className: m("size-4 animate-spin", e) });
1351
1417
  }
1352
- function go() {
1418
+ function vo() {
1353
1419
  const {
1354
1420
  messagesState: { isInitialFetchLoading: e }
1355
- } = A(), { isSmallScreen: o } = $(), { activeMode: t, Component: n } = yt();
1421
+ } = A(), { isSmallScreen: o } = $(), { activeMode: t, Component: n } = zt();
1356
1422
  return {
1357
1423
  isCanvasOpen: !e && !o && !!t && !!n
1358
1424
  };
1359
1425
  }
1360
- function uo() {
1361
- const e = te(), { activeMode: o, Component: t } = yt(), { sendMessage: n } = A(), { createStateCheckpoint: s } = U(), [i, a] = D(!1), l = async (c) => {
1426
+ function bo() {
1427
+ const e = te(), { activeMode: o, Component: t } = zt(), { sendMessage: n } = A(), { createStateCheckpoint: s } = U(), [i, a] = D(!1), l = async (c) => {
1362
1428
  try {
1363
1429
  a(!0), await n(c);
1364
1430
  } catch (p) {
@@ -1379,11 +1445,11 @@ function uo() {
1379
1445
  );
1380
1446
  }
1381
1447
  function q() {
1382
- const { dir: e } = ye(), o = C();
1383
- return bt(() => {
1384
- const t = Fr(o.language) ? o.language : "en";
1448
+ const { dir: e } = ke(), o = C();
1449
+ return Ct(() => {
1450
+ const t = Br(o.language) ? o.language : "en";
1385
1451
  return {
1386
- t: (n) => Hr(n, t, o.translationOverrides),
1452
+ t: (n) => Yr(n, t, o.translationOverrides),
1387
1453
  language: t,
1388
1454
  dir: t === "ar" ? "rtl" : "ltr",
1389
1455
  hostDocumentDir: e
@@ -1409,7 +1475,7 @@ const W = L.forwardRef(
1409
1475
  }
1410
1476
  );
1411
1477
  W.displayName = "MotionDiv__VerticalReveal";
1412
- const wo = [
1478
+ const yo = [
1413
1479
  {
1414
1480
  label: "Terrible",
1415
1481
  value: 1,
@@ -1436,16 +1502,16 @@ const wo = [
1436
1502
  emoji: "😍"
1437
1503
  }
1438
1504
  ];
1439
- function fo() {
1505
+ function ko() {
1440
1506
  const { isSmallScreen: e } = $(), { t: o } = q(), {
1441
1507
  submitCsat: t,
1442
1508
  isCsatRequested: n,
1443
1509
  isCsatSubmitted: s,
1444
1510
  submittedScore: i,
1445
1511
  submittedFeedback: a
1446
- } = kt(), [l, c] = D(null), [p, x] = D(null), v = (g) => {
1447
- c((b) => b === g ? null : g);
1448
- }, u = () => {
1512
+ } = Nt(), [l, c] = D(null), [p, x] = D(null), v = (u) => {
1513
+ c((b) => b === u ? null : u);
1514
+ }, g = () => {
1449
1515
  l && t({
1450
1516
  score: l,
1451
1517
  feedback: p || void 0
@@ -1462,10 +1528,10 @@ function fo() {
1462
1528
  "transition-all",
1463
1529
  s && "gap-0 justify-center"
1464
1530
  ),
1465
- children: wo.map((g) => /* @__PURE__ */ r(
1531
+ children: yo.map((u) => /* @__PURE__ */ r(
1466
1532
  N,
1467
1533
  {
1468
- variant: g.value === l ? "secondary" : "ghost",
1534
+ variant: u.value === l ? "secondary" : "ghost",
1469
1535
  size: "selfless",
1470
1536
  className: m(
1471
1537
  "transition-all overflow-hidden",
@@ -1473,14 +1539,14 @@ function fo() {
1473
1539
  "opacity-35",
1474
1540
  "hover:opacity-100",
1475
1541
  !l && "opacity-100",
1476
- g.value === l && "opacity-100",
1477
- s && g.value !== i && "opacity-0 size-0",
1478
- s && g.value === i && "opacity-100 size-fit text-4xl"
1542
+ u.value === l && "opacity-100",
1543
+ s && u.value !== i && "opacity-0 size-0",
1544
+ s && u.value === i && "opacity-100 size-fit text-4xl"
1479
1545
  ),
1480
- onClick: n ? () => v(g.value) : void 0,
1481
- children: g.emoji
1546
+ onClick: n ? () => v(u.value) : void 0,
1547
+ children: u.emoji
1482
1548
  },
1483
- g.value
1549
+ u.value
1484
1550
  ))
1485
1551
  }
1486
1552
  ),
@@ -1500,7 +1566,7 @@ function fo() {
1500
1566
  s && "text-center"
1501
1567
  ),
1502
1568
  value: s ? a || "" : p || "",
1503
- onChange: n ? (g) => x(g.target.value) : void 0,
1569
+ onChange: n ? (u) => x(u.target.value) : void 0,
1504
1570
  readOnly: s,
1505
1571
  placeholder: n ? o("csat_feedback_placeholder") : void 0
1506
1572
  }
@@ -1509,14 +1575,14 @@ function fo() {
1509
1575
  N,
1510
1576
  {
1511
1577
  size: "fit",
1512
- onClick: u,
1578
+ onClick: g,
1513
1579
  disabled: !l,
1514
1580
  className: m(
1515
1581
  "transition-all overflow-hidden",
1516
1582
  "rounded-full size-8 flex items-center justify-center p-0",
1517
1583
  s && "opacity-0 size-0"
1518
1584
  ),
1519
- children: /* @__PURE__ */ r(_t, { className: "size-4" })
1585
+ children: /* @__PURE__ */ r(Dt, { className: "size-4" })
1520
1586
  }
1521
1587
  )
1522
1588
  ] }) }, "feedback-box") }),
@@ -1528,7 +1594,7 @@ function fo() {
1528
1594
  )
1529
1595
  ] });
1530
1596
  }
1531
- function De({
1597
+ function Ee({
1532
1598
  suggestion: e,
1533
1599
  className: o,
1534
1600
  ...t
@@ -1549,7 +1615,7 @@ function De({
1549
1615
  }
1550
1616
  );
1551
1617
  }
1552
- function xo() {
1618
+ function Co() {
1553
1619
  const { t: e } = q(), o = [e("i_need_more_help"), e("this_was_helpful")];
1554
1620
  return /* @__PURE__ */ r(
1555
1621
  "div",
@@ -1557,7 +1623,7 @@ function xo() {
1557
1623
  ...f("chat/might_solve_user_issue_suggested_replies_container"),
1558
1624
  className: "flex items-center gap-2 p-2 pb-0 flex-wrap",
1559
1625
  children: o.map((t) => /* @__PURE__ */ r(
1560
- De,
1626
+ Ee,
1561
1627
  {
1562
1628
  suggestion: t,
1563
1629
  className: "flex-1"
@@ -1567,11 +1633,11 @@ function xo() {
1567
1633
  }
1568
1634
  );
1569
1635
  }
1570
- function ut() {
1636
+ function xt() {
1571
1637
  const { sessionState: e } = U(), { chatFooterItems: o } = C(), t = !!e.session && !e.session.isOpened, n = !t;
1572
- return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Ne, { children: s.message }) }) }, `${s.message}-${i}`)) });
1638
+ return /* @__PURE__ */ r(T, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(Se, { children: s.message }) }) }, `${s.message}-${i}`)) });
1573
1639
  }
1574
- function vo({
1640
+ function zo({
1575
1641
  file: { status: e, file: o, error: t },
1576
1642
  onCancel: n
1577
1643
  }) {
@@ -1586,9 +1652,9 @@ function vo({
1586
1652
  const a = () => {
1587
1653
  switch (e) {
1588
1654
  case "uploading":
1589
- return /* @__PURE__ */ r(Nr, { className: "size-4 animate-spin" });
1655
+ return /* @__PURE__ */ r(Mr, { className: "size-4 animate-spin" });
1590
1656
  case "error":
1591
- return /* @__PURE__ */ r(zr, { className: "size-4 text-destructive" });
1657
+ return /* @__PURE__ */ r(Tr, { className: "size-4 text-destructive" });
1592
1658
  default:
1593
1659
  return null;
1594
1660
  }
@@ -1601,7 +1667,7 @@ function vo({
1601
1667
  className: "object-cover bg-secondary size-full",
1602
1668
  alt: o.name
1603
1669
  }
1604
- ) : c === "audio" ? /* @__PURE__ */ r(Sr, { className: "size-4 text-muted-foreground" }) : c === "video" ? /* @__PURE__ */ r(_r, { className: "size-4 text-muted-foreground" }) : o.type === "application/pdf" ? /* @__PURE__ */ r(Nt, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ r(Ir, { className: "size-4 text-muted-foreground" });
1670
+ ) : c === "audio" ? /* @__PURE__ */ r(Dr, { className: "size-4 text-muted-foreground" }) : c === "video" ? /* @__PURE__ */ r(Er, { className: "size-4 text-muted-foreground" }) : o.type === "application/pdf" ? /* @__PURE__ */ r(It, { className: "size-4 text-muted-foreground" }) : jt({ type: o.type, name: o.name }) ? /* @__PURE__ */ r(Tt, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ r(Rr, { className: "size-4 text-muted-foreground" });
1605
1671
  };
1606
1672
  return /* @__PURE__ */ r(
1607
1673
  oe,
@@ -1632,7 +1698,7 @@ function vo({
1632
1698
  "opacity-0 group-hover:opacity-100 transition"
1633
1699
  ),
1634
1700
  onClick: n,
1635
- children: /* @__PURE__ */ r(ke, { className: "size-4 text-primary-foreground" })
1701
+ children: /* @__PURE__ */ r(Ce, { className: "size-4 text-primary-foreground" })
1636
1702
  }
1637
1703
  ),
1638
1704
  /* @__PURE__ */ r(l, {})
@@ -1642,24 +1708,24 @@ function vo({
1642
1708
  }
1643
1709
  );
1644
1710
  }
1645
- function bo() {
1711
+ function No() {
1646
1712
  var M;
1647
1713
  const { isSmallScreen: e } = $(), o = B(null), { sendMessage: t } = A(), { sessionState: n } = U(), { disableSendingWhenAwaitingAIReply: s } = C(), { t: i } = q(), [a, l] = D(""), {
1648
1714
  allFiles: c,
1649
1715
  emptyTheFiles: p,
1650
1716
  handleCancelUpload: x,
1651
1717
  appendFiles: v,
1652
- isUploading: u,
1653
- successFiles: g
1654
- } = er(), b = !!((M = n.session) != null && M.isHandedOff), { isAwaitingBotReply: z } = Ct(), _ = s !== !1 && z, y = (h) => {
1718
+ isUploading: g,
1719
+ successFiles: u
1720
+ } = sr(), b = !!((M = n.session) != null && M.isHandedOff), { isAwaitingBotReply: z } = St(), _ = s !== !1 && z, y = (h) => {
1655
1721
  v(h);
1656
- }, R = !a.trim() && g.length === 0, P = async () => {
1657
- if (_ || R) return;
1658
- u && console.info("please wait for the file(s) to upload");
1722
+ }, E = !a.trim() && u.length === 0, P = async () => {
1723
+ if (_ || E) return;
1724
+ g && console.info("please wait for the file(s) to upload");
1659
1725
  const h = a.trim();
1660
1726
  t({
1661
1727
  content: h,
1662
- attachments: g.flatMap(
1728
+ attachments: u.flatMap(
1663
1729
  (S) => S.fileUrl ? [
1664
1730
  {
1665
1731
  url: S.fileUrl,
@@ -1672,10 +1738,10 @@ function bo() {
1672
1738
  )
1673
1739
  }), l(""), p();
1674
1740
  }, {
1675
- getRootProps: E,
1741
+ getRootProps: j,
1676
1742
  getInputProps: w,
1677
1743
  open: I
1678
- } = Wr({
1744
+ } = Ur({
1679
1745
  onDrop: y,
1680
1746
  noClick: !0,
1681
1747
  onDropRejected() {
@@ -1685,15 +1751,17 @@ function bo() {
1685
1751
  accept: b ? {
1686
1752
  "text/*": [".txt"],
1687
1753
  "image/*": [".png", ".jpg", ".jpeg", ".gif"],
1688
- "application/pdf": [".pdf"]
1754
+ "application/pdf": [".pdf"],
1755
+ ...mt
1689
1756
  } : {
1690
1757
  "image/png": [".png"],
1691
1758
  "image/jpeg": [".jpg", ".jpeg"],
1692
1759
  "image/gif": [".gif"],
1693
1760
  "image/webp": [".webp"],
1694
- "application/pdf": [".pdf"]
1761
+ "application/pdf": [".pdf"],
1762
+ ...mt
1695
1763
  }
1696
- }), j = (h) => {
1764
+ }), R = (h) => {
1697
1765
  const S = h.clipboardData;
1698
1766
  S && S.files.length > 0 && y(Array.from(S.files));
1699
1767
  };
@@ -1702,7 +1770,7 @@ function bo() {
1702
1770
  {
1703
1771
  ...f("chat/input_box/root"),
1704
1772
  className: "p-2 relative space-y-1",
1705
- ...E(),
1773
+ ...j(),
1706
1774
  children: [
1707
1775
  /* @__PURE__ */ r("input", { ...w() }),
1708
1776
  /* @__PURE__ */ d(
@@ -1729,7 +1797,7 @@ function bo() {
1729
1797
  ...f("chat/input_box/attachments_container"),
1730
1798
  className: "flex items-center gap-1",
1731
1799
  children: /* @__PURE__ */ r(T, { mode: "popLayout", children: c.map((h) => /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
1732
- vo,
1800
+ zo,
1733
1801
  {
1734
1802
  onCancel: () => x(h.id),
1735
1803
  file: h
@@ -1741,7 +1809,7 @@ function bo() {
1741
1809
  "textarea",
1742
1810
  {
1743
1811
  ...f("chat/input_box/textarea"),
1744
- onPaste: j,
1812
+ onPaste: R,
1745
1813
  ref: o,
1746
1814
  id: "chat-input",
1747
1815
  value: a,
@@ -1773,7 +1841,7 @@ function bo() {
1773
1841
  {
1774
1842
  side: "top",
1775
1843
  align: "start",
1776
- content: "attach images or PDF (maximum size 5mb)",
1844
+ content: "attach images, PDFs, or spreadsheets (maximum size 5mb)",
1777
1845
  children: /* @__PURE__ */ r(
1778
1846
  N,
1779
1847
  {
@@ -1783,7 +1851,7 @@ function bo() {
1783
1851
  className: m(
1784
1852
  "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
1785
1853
  ),
1786
- children: /* @__PURE__ */ r(T, { mode: "wait", children: _ ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(ct, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(ct, { className: "size-4" }) }, "paper-clip") })
1854
+ children: /* @__PURE__ */ r(T, { mode: "wait", children: _ ? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(dt, { className: "size-4 opacity-50" }) }, "paper-clip-disabled") : /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(dt, { className: "size-4" }) }, "paper-clip") })
1787
1855
  }
1788
1856
  )
1789
1857
  }
@@ -1793,9 +1861,9 @@ function bo() {
1793
1861
  {
1794
1862
  size: "fit",
1795
1863
  onClick: P,
1796
- disabled: _ || u || R,
1864
+ disabled: _ || g || E,
1797
1865
  className: "rounded-full size-8 flex items-center justify-center p-0",
1798
- children: /* @__PURE__ */ r(T, { mode: "wait", children: _ || u ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Cr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(_t, { className: "size-4" }) }, "send") })
1866
+ children: /* @__PURE__ */ r(T, { mode: "wait", children: _ || g ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Ir, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(Dt, { className: "size-4" }) }, "send") })
1799
1867
  }
1800
1868
  ) })
1801
1869
  ] })
@@ -1806,43 +1874,43 @@ function bo() {
1806
1874
  }
1807
1875
  );
1808
1876
  }
1809
- function wt() {
1877
+ function vt() {
1810
1878
  const { widgetCtx: e } = O(), { router: o } = C(), { canCreateNewSession: t } = U(), { toSessionsScreen: n } = H(), { t: s } = q();
1811
1879
  return /* @__PURE__ */ r(Q, { children: t || o != null && o.chatScreenOnly ? /* @__PURE__ */ r(N, { onClick: e.resetChat, className: "rounded-2xl w-full", children: s("new_conversation") }) : /* @__PURE__ */ r(N, { onClick: n, className: "rounded-2xl w-full", children: s("back_to_conversations") }) });
1812
1880
  }
1813
- function yo() {
1814
- const { t: e } = q(), { isCsatRequested: o, isCsatSubmitted: t } = kt();
1881
+ function So() {
1882
+ const { t: e } = q(), { isCsatRequested: o, isCsatSubmitted: t } = Nt();
1815
1883
  return /* @__PURE__ */ r("div", { className: "p-2", children: /* @__PURE__ */ r("div", { className: "p-2 bg-muted rounded-3xl", children: /* @__PURE__ */ r(T, { mode: "wait", children: o || t ? /* @__PURE__ */ d(W, { children: [
1816
- /* @__PURE__ */ r(fo, {}),
1817
- /* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(wt, {}) }, "new-conv-or-back-to-convs-button") })
1884
+ /* @__PURE__ */ r(ko, {}),
1885
+ /* @__PURE__ */ r(T, { mode: "wait", children: t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(vt, {}) }, "new-conv-or-back-to-convs-button") })
1818
1886
  ] }, "csat") : /* @__PURE__ */ d(W, { children: [
1819
1887
  /* @__PURE__ */ d("div", { className: "ps-2 flex items-center gap-1 pb-2", children: [
1820
- /* @__PURE__ */ r(St, { className: "size-4 text-emerald-600" }),
1888
+ /* @__PURE__ */ r(Mt, { className: "size-4 text-emerald-600" }),
1821
1889
  /* @__PURE__ */ r("h2", { className: "text-sm font-medium", children: e("your_issue_has_been_resolved") })
1822
1890
  ] }),
1823
- /* @__PURE__ */ r(wt, {})
1891
+ /* @__PURE__ */ r(vt, {})
1824
1892
  ] }, "session-closed") }) }) });
1825
1893
  }
1826
- function ko() {
1894
+ function _o() {
1827
1895
  var a;
1828
1896
  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = C(), { sessionState: n } = U(), { messagesState: s } = A(), i = s.messages.length === 0;
1829
1897
  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(T, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(W, { children: [
1830
- /* @__PURE__ */ r(yo, {}),
1831
- /* @__PURE__ */ r(ut, {})
1898
+ /* @__PURE__ */ r(So, {}),
1899
+ /* @__PURE__ */ r(xt, {})
1832
1900
  ] }, "session-closed") : /* @__PURE__ */ d(W, { children: [
1833
- s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(xo, {}),
1901
+ s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(Co, {}),
1834
1902
  i && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ r(
1835
- De,
1903
+ Ee,
1836
1904
  {
1837
1905
  suggestion: l
1838
1906
  },
1839
1907
  `${l}-${c}`
1840
1908
  )) }),
1841
- /* @__PURE__ */ r(bo, {}),
1842
- /* @__PURE__ */ r(ut, {})
1909
+ /* @__PURE__ */ r(No, {}),
1910
+ /* @__PURE__ */ r(xt, {})
1843
1911
  ] }, "chat-input") }) });
1844
1912
  }
1845
- function Co({
1913
+ function Io({
1846
1914
  isFirstInGroup: e,
1847
1915
  isLastInGroup: o,
1848
1916
  isAloneInGroup: t,
@@ -1875,7 +1943,7 @@ function Co({
1875
1943
  isAloneInGroup: t
1876
1944
  }
1877
1945
  ) : /* @__PURE__ */ r(
1878
- fe,
1946
+ xe,
1879
1947
  {
1880
1948
  ...n,
1881
1949
  isFirstInGroup: e,
@@ -1884,7 +1952,7 @@ function Co({
1884
1952
  }
1885
1953
  );
1886
1954
  }
1887
- function qt({
1955
+ function Qt({
1888
1956
  messages: e,
1889
1957
  className: o,
1890
1958
  containerClassName: t
@@ -1920,7 +1988,7 @@ function pe({
1920
1988
  className: m("flex items-end gap-2"),
1921
1989
  children: [
1922
1990
  /* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
1923
- xe,
1991
+ ve,
1924
1992
  {
1925
1993
  ...f("chat/agent_msg_group/root/avatar"),
1926
1994
  agent: o,
@@ -1935,7 +2003,7 @@ function pe({
1935
2003
  className: m("flex items-end gap-2"),
1936
2004
  children: [
1937
2005
  /* @__PURE__ */ r(oe, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
1938
- xe,
2006
+ ve,
1939
2007
  {
1940
2008
  ...f("chat/agent_msg_group/avatar_and_msgs/avatar"),
1941
2009
  agent: o
@@ -1948,7 +2016,7 @@ function pe({
1948
2016
  className: m("flex-1 flex flex-col gap-1"),
1949
2017
  children: [
1950
2018
  e.map((n, s, i) => /* @__PURE__ */ r(
1951
- Co,
2019
+ Io,
1952
2020
  {
1953
2021
  isFirstInGroup: s === 0,
1954
2022
  isLastInGroup: s === i.length - 1,
@@ -1957,7 +2025,7 @@ function pe({
1957
2025
  },
1958
2026
  n.id
1959
2027
  )),
1960
- /* @__PURE__ */ r(qt, { messages: e })
2028
+ /* @__PURE__ */ r(Qt, { messages: e })
1961
2029
  ]
1962
2030
  }
1963
2031
  )
@@ -1970,7 +2038,7 @@ function pe({
1970
2038
  ...f("chat/agent_msg_group/suggestions"),
1971
2039
  className: m("flex flex-col gap-1 ps-8"),
1972
2040
  children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
1973
- De,
2041
+ Ee,
1974
2042
  {
1975
2043
  suggestion: n
1976
2044
  },
@@ -1983,14 +2051,14 @@ function pe({
1983
2051
  }
1984
2052
  );
1985
2053
  }
1986
- function zo() {
2054
+ function To() {
1987
2055
  var t, n;
1988
2056
  const e = te();
1989
2057
  if ((t = e.session) != null && t.isOpened || !e.session) return null;
1990
2058
  const o = (n = e.config.customComponents) == null ? void 0 : n.onSessionResolved;
1991
2059
  return o ? /* @__PURE__ */ r(o, { ...e }) : null;
1992
2060
  }
1993
- function No({
2061
+ function Mo({
1994
2062
  message: e,
1995
2063
  isFirstInGroup: o,
1996
2064
  isLastInGroup: t,
@@ -2003,7 +2071,7 @@ function No({
2003
2071
  ...f("chat/user_msg/root"),
2004
2072
  className: "w-5/6 flex flex-col items-end gap-1",
2005
2073
  children: [
2006
- e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((i) => /* @__PURE__ */ r(Ft, { attachment: i }, i.id)) }),
2074
+ e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((i) => /* @__PURE__ */ r(Bt, { attachment: i }, i.id)) }),
2007
2075
  e.content.length > 0 && /* @__PURE__ */ r(
2008
2076
  "div",
2009
2077
  {
@@ -2030,7 +2098,7 @@ function No({
2030
2098
  }
2031
2099
  );
2032
2100
  }
2033
- function So({
2101
+ function Do({
2034
2102
  messages: e
2035
2103
  }) {
2036
2104
  return /* @__PURE__ */ d(
@@ -2040,7 +2108,7 @@ function So({
2040
2108
  className: m("group", "flex flex-col gap-1 justify-end items-end"),
2041
2109
  children: [
2042
2110
  e.map((o, t, n) => /* @__PURE__ */ r(
2043
- No,
2111
+ Mo,
2044
2112
  {
2045
2113
  message: o,
2046
2114
  isFirstInGroup: t === 0,
@@ -2049,12 +2117,12 @@ function So({
2049
2117
  },
2050
2118
  o.id
2051
2119
  )),
2052
- /* @__PURE__ */ r(qt, { messages: e, containerClassName: "ms-auto" })
2120
+ /* @__PURE__ */ r(Qt, { messages: e, containerClassName: "ms-auto" })
2053
2121
  ]
2054
2122
  }
2055
2123
  );
2056
2124
  }
2057
- function _o(e) {
2125
+ function Eo(e) {
2058
2126
  const o = [];
2059
2127
  let t = null;
2060
2128
  return e.forEach((n) => {
@@ -2064,19 +2132,19 @@ function _o(e) {
2064
2132
  ((i = t[0]) == null ? void 0 : i.type) === "AGENT" && n.type === "AGENT" && (((a = n.agent) == null ? void 0 : a.id) !== ((l = t[0].agent) == null ? void 0 : l.id) || ((c = n.agent) == null ? void 0 : c.name) !== ((p = t[0].agent) == null ? void 0 : p.name))) && (t = [], o.push(t)), t.push(n);
2065
2133
  }), o;
2066
2134
  }
2067
- function Io(e) {
2135
+ function Ro(e) {
2068
2136
  var o;
2069
2137
  return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "USER";
2070
2138
  }
2071
- function To(e) {
2139
+ function Po(e) {
2072
2140
  var o;
2073
2141
  return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AI";
2074
2142
  }
2075
- function Mo(e) {
2143
+ function jo(e) {
2076
2144
  var o;
2077
2145
  return ((o = e == null ? void 0 : e[0]) == null ? void 0 : o.type) === "AGENT";
2078
2146
  }
2079
- function Do() {
2147
+ function Oo() {
2080
2148
  const {
2081
2149
  messagesState: { messages: e }
2082
2150
  } = A(), {
@@ -2102,15 +2170,15 @@ function Do() {
2102
2170
  }
2103
2171
  ) });
2104
2172
  }
2105
- function Ro() {
2173
+ function Ao() {
2106
2174
  const {
2107
2175
  messagesState: { messages: e }
2108
2176
  } = A(), { chatBannerItems: o } = C();
2109
2177
  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(
2110
- ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Ne, { children: t }) }, `${t}-${s}`)
2178
+ ({ message: t, persistent: n }, s) => e.length > 0 && !n ? null : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Se, { children: t }) }, `${t}-${s}`)
2111
2179
  ) });
2112
2180
  }
2113
- function jo() {
2181
+ function Fo() {
2114
2182
  const {
2115
2183
  messagesState: { messages: e }
2116
2184
  } = A(), o = C(), {
@@ -2138,16 +2206,16 @@ function jo() {
2138
2206
  }
2139
2207
  ) });
2140
2208
  }
2141
- function Po() {
2209
+ function Ho() {
2142
2210
  var t;
2143
2211
  const e = te(), o = (t = e.config.customComponents) == null ? void 0 : t.chatBottomComponents;
2144
2212
  return o ? /* @__PURE__ */ r("div", { children: o.map(({ key: n, component: s }) => /* @__PURE__ */ r(s, { ...e }, n)) }) : null;
2145
2213
  }
2146
- function Eo() {
2214
+ function Wo() {
2147
2215
  const {
2148
2216
  messagesState: { messages: e }
2149
- } = A(), { isAwaitingBotReply: o } = Ct(), { componentStore: t } = O(), { bot: n, humanAgent: s } = C(), i = bt(
2150
- () => _o(e),
2217
+ } = A(), { isAwaitingBotReply: o } = St(), { componentStore: t } = O(), { bot: n, humanAgent: s } = C(), i = Ct(
2218
+ () => Eo(e),
2151
2219
  [e]
2152
2220
  ), a = t.getComponent(
2153
2221
  "loading"
@@ -2167,16 +2235,16 @@ function Eo() {
2167
2235
  ref: l,
2168
2236
  className: "max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",
2169
2237
  children: [
2170
- /* @__PURE__ */ r(Ro, {}),
2171
- /* @__PURE__ */ r(Do, {}),
2172
- /* @__PURE__ */ r(jo, {}),
2238
+ /* @__PURE__ */ r(Ao, {}),
2239
+ /* @__PURE__ */ r(Oo, {}),
2240
+ /* @__PURE__ */ r(Fo, {}),
2173
2241
  i.map((p, x) => {
2174
- var g, b, z, _;
2175
- const v = (g = p == null ? void 0 : p[0]) == null ? void 0 : g.type, u = (b = p[0]) == null ? void 0 : b.id;
2176
- if (!v || !u) return null;
2177
- if (Io(p))
2178
- return /* @__PURE__ */ r(So, { messages: p }, u);
2179
- if (To(p)) {
2242
+ var u, b, z, _;
2243
+ const v = (u = p == null ? void 0 : p[0]) == null ? void 0 : u.type, g = (b = p[0]) == null ? void 0 : b.id;
2244
+ if (!v || !g) return null;
2245
+ if (Ro(p))
2246
+ return /* @__PURE__ */ r(Do, { messages: p }, g);
2247
+ if (Po(p)) {
2180
2248
  const y = x === i.length - 1;
2181
2249
  return o && y ? null : ((z = p[0]) == null || z.agent, /* @__PURE__ */ r(
2182
2250
  pe,
@@ -2184,10 +2252,10 @@ function Eo() {
2184
2252
  messages: p,
2185
2253
  agent: n ? { ...n, isAi: !0, id: null } : void 0
2186
2254
  },
2187
- u
2255
+ g
2188
2256
  ));
2189
2257
  }
2190
- if (Mo(p)) {
2258
+ if (jo(p)) {
2191
2259
  const y = (_ = p[0]) == null ? void 0 : _.agent;
2192
2260
  return /* @__PURE__ */ r(
2193
2261
  pe,
@@ -2204,25 +2272,25 @@ function Eo() {
2204
2272
  avatarUrl: s.avatarUrl || null
2205
2273
  } : void 0
2206
2274
  },
2207
- u
2275
+ g
2208
2276
  );
2209
2277
  }
2210
2278
  return null;
2211
2279
  }),
2212
2280
  o && a && /* @__PURE__ */ r(a, { agent: n }),
2213
- /* @__PURE__ */ r(Po, {}),
2214
- /* @__PURE__ */ r(zo, {})
2281
+ /* @__PURE__ */ r(Ho, {}),
2282
+ /* @__PURE__ */ r(To, {})
2215
2283
  ]
2216
2284
  }
2217
2285
  );
2218
2286
  }
2219
- function Oo() {
2287
+ function Lo() {
2220
2288
  const {
2221
2289
  messagesState: { isInitialFetchLoading: e }
2222
2290
  } = A(), {
2223
2291
  sessionState: { session: o }
2224
- } = U(), { isCanvasOpen: t } = go(), { theme: n } = Z();
2225
- Te({
2292
+ } = U(), { isCanvasOpen: t } = vo(), { theme: n } = Z();
2293
+ Me({
2226
2294
  width: t ? n.screens.chat.withCanvas.width : n.screens.chat.width,
2227
2295
  height: t ? n.screens.chat.withCanvas.height : n.screens.chat.height
2228
2296
  });
@@ -2243,12 +2311,12 @@ function Oo() {
2243
2311
  // Relative to the iframe
2244
2312
  },
2245
2313
  children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
2246
- /* @__PURE__ */ r(Ut, {}),
2314
+ /* @__PURE__ */ r(Zt, {}),
2247
2315
  /* @__PURE__ */ r(T, { mode: "wait", children: e ? /* @__PURE__ */ r(
2248
2316
  k,
2249
2317
  {
2250
2318
  className: "flex flex-col items-center justify-center w-full flex-1",
2251
- children: /* @__PURE__ */ r(Xt, {})
2319
+ children: /* @__PURE__ */ r(Kt, {})
2252
2320
  },
2253
2321
  "loading"
2254
2322
  ) : /* @__PURE__ */ d(
@@ -2270,8 +2338,8 @@ function Oo() {
2270
2338
  transitionDuration: n.screens.chat.withCanvas.transitionDuration
2271
2339
  },
2272
2340
  children: [
2273
- /* @__PURE__ */ r(Eo, {}),
2274
- /* @__PURE__ */ r(ko, {})
2341
+ /* @__PURE__ */ r(Wo, {}),
2342
+ /* @__PURE__ */ r(_o, {})
2275
2343
  ]
2276
2344
  }
2277
2345
  ),
@@ -2287,7 +2355,7 @@ function Oo() {
2287
2355
  transitionTimingFunction: n.screens.chat.withCanvas.transitionTimingFunction,
2288
2356
  transitionDuration: n.screens.chat.withCanvas.transitionDuration
2289
2357
  },
2290
- children: /* @__PURE__ */ r(uo, {})
2358
+ children: /* @__PURE__ */ r(bo, {})
2291
2359
  }
2292
2360
  )
2293
2361
  ]
@@ -2298,7 +2366,7 @@ function Oo() {
2298
2366
  }
2299
2367
  );
2300
2368
  }
2301
- function Ao({
2369
+ function $o({
2302
2370
  className: e,
2303
2371
  ...o
2304
2372
  }) {
@@ -2310,7 +2378,7 @@ function Ao({
2310
2378
  }
2311
2379
  );
2312
2380
  }
2313
- function Fo({ className: e }) {
2381
+ function Bo({ className: e }) {
2314
2382
  return /* @__PURE__ */ r(
2315
2383
  "svg",
2316
2384
  {
@@ -2330,7 +2398,7 @@ function Fo({ className: e }) {
2330
2398
  }
2331
2399
  );
2332
2400
  }
2333
- function Vt({ className: e }) {
2401
+ function Jt({ className: e }) {
2334
2402
  const { token: o } = C();
2335
2403
  return /* @__PURE__ */ r(
2336
2404
  "div",
@@ -2354,7 +2422,7 @@ function Vt({ className: e }) {
2354
2422
  /* @__PURE__ */ r("span", { children: "Powered by" }),
2355
2423
  /* @__PURE__ */ r("span", { children: " " }),
2356
2424
  /* @__PURE__ */ d("span", { className: "flex items-center gap-[1px]", children: [
2357
- /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(Fo, { className: "size-3 inline-block" }) }),
2425
+ /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(Bo, { className: "size-3 inline-block" }) }),
2358
2426
  /* @__PURE__ */ r("span", { className: "font-semibold", children: "open" })
2359
2427
  ] })
2360
2428
  ]
@@ -2363,10 +2431,10 @@ function Vt({ className: e }) {
2363
2431
  }
2364
2432
  );
2365
2433
  }
2366
- function Ho({ children: e }) {
2434
+ function Yo({ children: e }) {
2367
2435
  return /* @__PURE__ */ r("p", { className: "ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight", children: e });
2368
2436
  }
2369
- function ft({
2437
+ function bt({
2370
2438
  session: e,
2371
2439
  className: o
2372
2440
  }) {
@@ -2383,29 +2451,29 @@ function ft({
2383
2451
  onClick: () => s(e.id),
2384
2452
  children: [
2385
2453
  /* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
2386
- /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ d(Se, { className: "size-10", children: [
2387
- /* @__PURE__ */ r(_e, { src: a, alt: "Agent Icon" }),
2388
- /* @__PURE__ */ r(Ie, { children: /* @__PURE__ */ r(Tr, { className: "size-4" }) })
2454
+ /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ d(_e, { className: "size-10", children: [
2455
+ /* @__PURE__ */ r(Ie, { src: a, alt: "Agent Icon" }),
2456
+ /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(Pr, { className: "size-4" }) })
2389
2457
  ] }) }) }),
2390
2458
  /* @__PURE__ */ d("div", { className: "flex-1", children: [
2391
2459
  /* @__PURE__ */ r(T, { mode: "wait", children: /* @__PURE__ */ r(k, { snapExit: !0, children: i }, i) }),
2392
2460
  /* @__PURE__ */ r(T, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(k, { snapExit: !0, children: /* @__PURE__ */ r(
2393
- Ht,
2461
+ Yt,
2394
2462
  {
2395
- remarkPlugins: [It],
2396
- rehypePlugins: [Tt],
2463
+ remarkPlugins: [Et],
2464
+ rehypePlugins: [Rt],
2397
2465
  className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
2398
2466
  children: e.lastMessage
2399
2467
  }
2400
- ) }, e.lastMessage || "content") : /* @__PURE__ */ r(k, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(Ao, { className: "h-4 w-full" }) }, "skeleton") })
2468
+ ) }, e.lastMessage || "content") : /* @__PURE__ */ r(k, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r($o, { className: "h-4 w-full" }) }, "skeleton") })
2401
2469
  ] })
2402
2470
  ] }),
2403
- /* @__PURE__ */ r(Mr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
2471
+ /* @__PURE__ */ r(jr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
2404
2472
  ]
2405
2473
  }
2406
2474
  );
2407
2475
  }
2408
- function Wo() {
2476
+ function Uo() {
2409
2477
  const { t: e } = q(), { toChatScreen: o } = H(), {
2410
2478
  sessionsState: { data: t, isInitialFetchLoading: n },
2411
2479
  openSessions: s,
@@ -2416,7 +2484,7 @@ function Wo() {
2416
2484
  k,
2417
2485
  {
2418
2486
  className: "flex-1 flex items-center justify-center",
2419
- children: /* @__PURE__ */ r(Xt, {})
2487
+ children: /* @__PURE__ */ r(Kt, {})
2420
2488
  },
2421
2489
  "loading"
2422
2490
  ) : /* @__PURE__ */ r(
@@ -2432,7 +2500,7 @@ function Wo() {
2432
2500
  delay: 0.2,
2433
2501
  className: "space-y-2",
2434
2502
  snapExit: !0,
2435
- children: s.map((l) => /* @__PURE__ */ r(ft, { session: l }, l.id))
2503
+ children: s.map((l) => /* @__PURE__ */ r(bt, { session: l }, l.id))
2436
2504
  },
2437
2505
  "open-sessions"
2438
2506
  ),
@@ -2443,9 +2511,9 @@ function Wo() {
2443
2511
  delay: 0.2,
2444
2512
  snapExit: !0,
2445
2513
  children: [
2446
- /* @__PURE__ */ r(Ho, { children: e("closed_conversations") }),
2514
+ /* @__PURE__ */ r(Yo, { children: e("closed_conversations") }),
2447
2515
  i.map((l) => /* @__PURE__ */ r(
2448
- ft,
2516
+ bt,
2449
2517
  {
2450
2518
  session: l,
2451
2519
  className: "opacity-50 hover:opacity-100"
@@ -2457,7 +2525,7 @@ function Wo() {
2457
2525
  "closed-sessions"
2458
2526
  )
2459
2527
  ] }),
2460
- a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ lt(
2528
+ a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ ct(
2461
2529
  N,
2462
2530
  {
2463
2531
  ...f("sessions/new_conversation_btn"),
@@ -2470,7 +2538,7 @@ function Wo() {
2470
2538
  ) })
2471
2539
  ] }) : /* @__PURE__ */ d("div", { className: "flex-1 flex flex-col gap-2 items-center", children: [
2472
2540
  /* @__PURE__ */ r("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ r("p", { className: "text-muted-foreground", children: e("no_conversations_yet") }) }),
2473
- /* @__PURE__ */ lt(
2541
+ /* @__PURE__ */ ct(
2474
2542
  N,
2475
2543
  {
2476
2544
  ...f("sessions/new_conversation_btn"),
@@ -2486,9 +2554,9 @@ function Wo() {
2486
2554
  "sessions"
2487
2555
  ) }) });
2488
2556
  }
2489
- function Lo() {
2557
+ function Xo() {
2490
2558
  const { theme: e } = Z();
2491
- return Te({
2559
+ return Me({
2492
2560
  width: e.screens.sessions.width,
2493
2561
  height: e.screens.sessions.height
2494
2562
  }), /* @__PURE__ */ r(
@@ -2507,9 +2575,9 @@ function Lo() {
2507
2575
  // Relative to the iframe
2508
2576
  },
2509
2577
  children: /* @__PURE__ */ d("div", { className: "size-full flex flex-col", children: [
2510
- /* @__PURE__ */ r(Ut, {}),
2511
- /* @__PURE__ */ r(Wo, {}),
2512
- /* @__PURE__ */ r(Vt, {})
2578
+ /* @__PURE__ */ r(Zt, {}),
2579
+ /* @__PURE__ */ r(Uo, {}),
2580
+ /* @__PURE__ */ r(Jt, {})
2513
2581
  ] })
2514
2582
  }
2515
2583
  );
@@ -2536,7 +2604,7 @@ const de = J.forwardRef(
2536
2604
  }
2537
2605
  );
2538
2606
  de.displayName = "Input";
2539
- function $o() {
2607
+ function qo() {
2540
2608
  const { contentIframeRef: e } = O(), { inline: o } = C(), t = B(null);
2541
2609
  return se(() => {
2542
2610
  const n = e == null ? void 0 : e.current;
@@ -2558,35 +2626,35 @@ function $o() {
2558
2626
  }
2559
2627
  }, [e, o]), { observedElementRef: t };
2560
2628
  }
2561
- const Bo = ue.object({
2562
- name: ue.string().min(2),
2563
- email: ue.string().email()
2629
+ const Vo = ge.object({
2630
+ name: ge.string().min(2),
2631
+ email: ge.string().email()
2564
2632
  });
2565
- function Yo() {
2566
- var y, R, P, E, w, I, j, M;
2633
+ function Go() {
2634
+ var y, E, P, j, w, I, R, M;
2567
2635
  const {
2568
2636
  widgetCtx: { org: e }
2569
- } = O(), { setIsOpen: o } = G(), { createUnverifiedContact: t } = zt(), { isSmallScreen: n } = $(), s = C(), { theme: i } = Z(), { t: a } = q(), { observedElementRef: l } = $o();
2570
- Te({
2637
+ } = O(), { setIsOpen: o } = G(), { createUnverifiedContact: t } = _t(), { isSmallScreen: n } = $(), s = C(), { theme: i } = Z(), { t: a } = q(), { observedElementRef: l } = qo();
2638
+ Me({
2571
2639
  height: void 0,
2572
2640
  width: i.screens.welcome.width
2573
2641
  });
2574
- const [c, p] = D(((y = s.prefillUserData) == null ? void 0 : y.name) || ""), [x, v] = D(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), u = (s.extraDataCollectionFields || []).filter(
2642
+ const [c, p] = D(((y = s.prefillUserData) == null ? void 0 : y.name) || ""), [x, v] = D(((E = s.prefillUserData) == null ? void 0 : E.email) || ""), g = (s.extraDataCollectionFields || []).filter(
2575
2643
  (h) => h !== "name" && h !== "email" && !!h
2576
- ), [g, b] = D({}), [z, _] = Lr(
2644
+ ), [u, b] = D({}), [z, _] = Xr(
2577
2645
  async (h) => {
2578
2646
  h.preventDefault();
2579
- const S = Bo.safeParse({ name: c, email: x });
2647
+ const S = Vo.safeParse({ name: c, email: x });
2580
2648
  S.success && await t(
2581
2649
  {
2582
2650
  email: S.data.email,
2583
2651
  non_verified_name: S.data.name
2584
2652
  },
2585
2653
  // Only pass extra data if there is any
2586
- Object.values(g).filter(Boolean).length ? g : void 0
2654
+ Object.values(u).filter(Boolean).length ? u : void 0
2587
2655
  );
2588
2656
  },
2589
- [c, x, g]
2657
+ [c, x, u]
2590
2658
  );
2591
2659
  return /* @__PURE__ */ r(
2592
2660
  "div",
@@ -2621,18 +2689,18 @@ function Yo() {
2621
2689
  "text-primary-foreground"
2622
2690
  ),
2623
2691
  children: [
2624
- n && /* @__PURE__ */ r(k, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(N, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(ke, { className: "size-4" }) }) }),
2692
+ n && /* @__PURE__ */ r(k, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(N, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(Ce, { className: "size-4" }) }) }),
2625
2693
  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (P = s.assets) != null && P.organizationLogo ? /* @__PURE__ */ r(
2626
2694
  "img",
2627
2695
  {
2628
- src: (E = s.assets) == null ? void 0 : E.organizationLogo,
2696
+ src: (j = s.assets) == null ? void 0 : j.organizationLogo,
2629
2697
  alt: "Company Logo",
2630
2698
  className: "h-8 w-auto object-contain"
2631
2699
  }
2632
2700
  ) : /* @__PURE__ */ r("h2", { className: "font-bold text-sm", children: e.name }) }),
2633
2701
  /* @__PURE__ */ d("div", { className: "space-y-2", children: [
2634
2702
  /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((I = (w = s.textContent) == null ? void 0 : w.welcomeScreen) == null ? void 0 : I.title) || a("welcome_screen_title") }),
2635
- /* @__PURE__ */ r("p", { className: "text-sm", children: ((M = (j = s.textContent) == null ? void 0 : j.welcomeScreen) == null ? void 0 : M.description) || a("welcome_screen_description") })
2703
+ /* @__PURE__ */ r("p", { className: "text-sm", children: ((M = (R = s.textContent) == null ? void 0 : R.welcomeScreen) == null ? void 0 : M.description) || a("welcome_screen_description") })
2636
2704
  ] })
2637
2705
  ]
2638
2706
  }
@@ -2669,10 +2737,10 @@ function Yo() {
2669
2737
  name: "email"
2670
2738
  }
2671
2739
  ),
2672
- u.map((h) => /* @__PURE__ */ r(
2740
+ g.map((h) => /* @__PURE__ */ r(
2673
2741
  de,
2674
2742
  {
2675
- value: g[h],
2743
+ value: u[h],
2676
2744
  onChange: (S) => b((ie) => ({
2677
2745
  ...ie,
2678
2746
  [h]: S.target.value
@@ -2689,12 +2757,12 @@ function Yo() {
2689
2757
  size: "lg",
2690
2758
  children: [
2691
2759
  z.loading ? a("start_chat_button_loading") : a("start_chat_button"),
2692
- /* @__PURE__ */ r(Dr, { className: "size-4 rtl:-scale-100" })
2760
+ /* @__PURE__ */ r(Or, { className: "size-4 rtl:-scale-100" })
2693
2761
  ]
2694
2762
  }
2695
2763
  )
2696
2764
  ] }),
2697
- /* @__PURE__ */ r(Vt, {})
2765
+ /* @__PURE__ */ r(Jt, {})
2698
2766
  ]
2699
2767
  }
2700
2768
  )
@@ -2704,7 +2772,7 @@ function Yo() {
2704
2772
  }
2705
2773
  );
2706
2774
  }
2707
- function Gt() {
2775
+ function er() {
2708
2776
  const {
2709
2777
  routerState: { screen: e }
2710
2778
  } = H();
@@ -2717,7 +2785,7 @@ function Gt() {
2717
2785
  fadeIn: "right",
2718
2786
  className: "size-full",
2719
2787
  snapExit: !0,
2720
- children: /* @__PURE__ */ r(Yo, {})
2788
+ children: /* @__PURE__ */ r(Go, {})
2721
2789
  },
2722
2790
  e
2723
2791
  );
@@ -2728,7 +2796,7 @@ function Gt() {
2728
2796
  fadeIn: "right",
2729
2797
  className: "size-full",
2730
2798
  snapExit: !0,
2731
- children: /* @__PURE__ */ r(Lo, {})
2799
+ children: /* @__PURE__ */ r(Xo, {})
2732
2800
  },
2733
2801
  e
2734
2802
  );
@@ -2739,20 +2807,20 @@ function Gt() {
2739
2807
  fadeIn: "right",
2740
2808
  className: "size-full",
2741
2809
  snapExit: !0,
2742
- children: /* @__PURE__ */ r(Oo, {})
2810
+ children: /* @__PURE__ */ r(Lo, {})
2743
2811
  },
2744
2812
  e
2745
2813
  );
2746
2814
  default:
2747
- return F(e, Gt.name), null;
2815
+ return F(e, er.name), null;
2748
2816
  }
2749
2817
  })() }) });
2750
2818
  }
2751
- const Uo = "4.0.53", Xo = `<!DOCTYPE html>
2819
+ const Zo = "4.0.54", Ko = `<!DOCTYPE html>
2752
2820
  <html>
2753
2821
  <head>
2754
2822
  <style>
2755
- ${Wt}
2823
+ ${Ut}
2756
2824
  html, body {
2757
2825
  height: 100%;
2758
2826
  width: 100%;
@@ -2766,7 +2834,7 @@ html, body {
2766
2834
  <body>
2767
2835
  </body>
2768
2836
  </html>`;
2769
- function Zt() {
2837
+ function tr() {
2770
2838
  const { isOpen: e } = G(), { contentIframeRef: o } = O(), { cssOverrides: t, inline: n } = C(), { theme: s, cssVars: i, computed: a } = Z(), { dir: l } = q();
2771
2839
  return /* @__PURE__ */ r(
2772
2840
  re.div,
@@ -2788,10 +2856,10 @@ function Zt() {
2788
2856
  }
2789
2857
  },
2790
2858
  children: /* @__PURE__ */ d(
2791
- Mt,
2859
+ Pt,
2792
2860
  {
2793
2861
  ref: o,
2794
- initialContent: Xo,
2862
+ initialContent: Ko,
2795
2863
  allowFullScreen: !0,
2796
2864
  title: "OpenCX Live Chat",
2797
2865
  style: {
@@ -2828,17 +2896,17 @@ function Zt() {
2828
2896
  ...i,
2829
2897
  zIndex: s.widgetContentContainer.zIndex
2830
2898
  },
2831
- "data-version": Uo,
2899
+ "data-version": Zo,
2832
2900
  className: m(
2833
2901
  "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
2834
2902
  ),
2835
2903
  dir: l,
2836
2904
  children: /* @__PURE__ */ r(
2837
- ro,
2905
+ io,
2838
2906
  {
2839
2907
  delayDuration: 200,
2840
2908
  disableHoverableContent: !0,
2841
- children: /* @__PURE__ */ r(Gr, { children: /* @__PURE__ */ r(Gt, {}) })
2909
+ children: /* @__PURE__ */ r(eo, { children: /* @__PURE__ */ r(er, {}) })
2842
2910
  }
2843
2911
  )
2844
2912
  }
@@ -2849,7 +2917,7 @@ function Zt() {
2849
2917
  }
2850
2918
  );
2851
2919
  }
2852
- function qo() {
2920
+ function Qo() {
2853
2921
  const { theme: e } = Z();
2854
2922
  return /* @__PURE__ */ r(
2855
2923
  me.Content,
@@ -2867,11 +2935,11 @@ function qo() {
2867
2935
  sideOffset: e.widgetContentContainer.offset.side,
2868
2936
  alignOffset: e.widgetContentContainer.offset.align,
2869
2937
  avoidCollisions: !1,
2870
- children: /* @__PURE__ */ r(Zt, {})
2938
+ children: /* @__PURE__ */ r(tr, {})
2871
2939
  }
2872
2940
  );
2873
2941
  }
2874
- function Vo({
2942
+ function Jo({
2875
2943
  className: e,
2876
2944
  style: o
2877
2945
  }) {
@@ -2906,11 +2974,11 @@ function Vo({
2906
2974
  }
2907
2975
  );
2908
2976
  }
2909
- const Go = `<!DOCTYPE html>
2977
+ const en = `<!DOCTYPE html>
2910
2978
  <html>
2911
2979
  <head>
2912
2980
  <style>
2913
- ${Wt}
2981
+ ${Ut}
2914
2982
  html, body {
2915
2983
  height: 100%;
2916
2984
  width: 100%;
@@ -2923,17 +2991,17 @@ html, body {
2923
2991
  <body>
2924
2992
  </body>
2925
2993
  </html>`;
2926
- function Zo() {
2994
+ function tn() {
2927
2995
  var p, x, v;
2928
2996
  const { isOpen: e, setIsOpen: o } = G(), { cssOverrides: t, assets: n, customComponents: s, accessibility: i } = C(), { theme: a, cssVars: l } = Z(), c = ((p = i == null ? void 0 : i.widgetTriggerButton) == null ? void 0 : p.label) ?? "Chat with us";
2929
2997
  return s != null && s.widgetTrigger ? s.widgetTrigger({
2930
2998
  react: L,
2931
2999
  isOpen: e,
2932
- setIsOpen: (u) => o(u)
3000
+ setIsOpen: (g) => o(g)
2933
3001
  }) : /* @__PURE__ */ d(
2934
- Mt,
3002
+ Pt,
2935
3003
  {
2936
- initialContent: Go,
3004
+ initialContent: en,
2937
3005
  title: "OpenCX Live Chat Trigger",
2938
3006
  style: {
2939
3007
  height: `calc(${a.widgetTrigger.size.button}px + ${K.x * 2}px)`,
@@ -3007,7 +3075,7 @@ function Zo() {
3007
3075
  }
3008
3076
  }
3009
3077
  ) : /* @__PURE__ */ r(
3010
- Rr,
3078
+ Ar,
3011
3079
  {
3012
3080
  style: {
3013
3081
  width: a.widgetTrigger.size.icon,
@@ -3036,7 +3104,7 @@ function Zo() {
3036
3104
  }
3037
3105
  }
3038
3106
  ) : /* @__PURE__ */ r(
3039
- Vo,
3107
+ Jo,
3040
3108
  {
3041
3109
  style: {
3042
3110
  width: a.widgetTrigger.size.icon,
@@ -3058,8 +3126,8 @@ function Zo() {
3058
3126
  }
3059
3127
  );
3060
3128
  }
3061
- function Ko() {
3062
- const { dir: e } = ye();
3129
+ function rn() {
3130
+ const { dir: e } = ke();
3063
3131
  return /* @__PURE__ */ r(
3064
3132
  me.Anchor,
3065
3133
  {
@@ -3072,10 +3140,10 @@ function Ko() {
3072
3140
  }
3073
3141
  );
3074
3142
  }
3075
- function Qo({
3143
+ function on({
3076
3144
  widgetRef: e
3077
3145
  }) {
3078
- const { widgetCtx: o } = O(), { contactState: t } = zt(), { setIsOpen: n, isOpen: s } = G(), {
3146
+ const { widgetCtx: o } = O(), { contactState: t } = _t(), { setIsOpen: n, isOpen: s } = G(), {
3079
3147
  toChatScreen: i,
3080
3148
  routerState: { screen: a }
3081
3149
  } = H(), { sendMessage: l } = A();
@@ -3102,32 +3170,32 @@ function Qo({
3102
3170
  ]
3103
3171
  ), null;
3104
3172
  }
3105
- function Jo() {
3173
+ function nn() {
3106
3174
  const { isOpen: e, setIsOpen: o } = G();
3107
3175
  return /* @__PURE__ */ d(me.Root, { open: e, onOpenChange: o, children: [
3108
- /* @__PURE__ */ r(Ko, {}),
3109
- /* @__PURE__ */ r(Zo, {}),
3110
- /* @__PURE__ */ r(qo, {})
3176
+ /* @__PURE__ */ r(rn, {}),
3177
+ /* @__PURE__ */ r(tn, {}),
3178
+ /* @__PURE__ */ r(Qo, {})
3111
3179
  ] });
3112
3180
  }
3113
- const en = [
3181
+ const sn = [
3114
3182
  {
3115
3183
  key: "loading",
3116
- component: to
3184
+ component: ao
3117
3185
  },
3118
3186
  {
3119
3187
  key: "fallback",
3120
- component: eo
3188
+ component: so
3121
3189
  },
3122
3190
  {
3123
3191
  key: "bot_message",
3124
- component: fe
3192
+ component: xe
3125
3193
  },
3126
3194
  {
3127
3195
  key: "agent_message",
3128
- component: fe
3196
+ component: xe
3129
3197
  }
3130
- ], tn = {
3198
+ ], an = {
3131
3199
  get: async (e) => localStorage.getItem(e),
3132
3200
  set: async (e, o) => {
3133
3201
  localStorage.setItem(e, o);
@@ -3135,23 +3203,23 @@ const en = [
3135
3203
  remove: async (e) => {
3136
3204
  localStorage.removeItem(e);
3137
3205
  }
3138
- }, rn = L.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
3206
+ }, ln = L.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
3139
3207
  return /* @__PURE__ */ r(
3140
- tr,
3208
+ ar,
3141
3209
  {
3142
- components: [...en, ...t],
3210
+ components: [...sn, ...t],
3143
3211
  options: o,
3144
- storage: tn,
3212
+ storage: an,
3145
3213
  loadingComponent: n,
3146
- children: /* @__PURE__ */ d(rr, { children: [
3147
- /* @__PURE__ */ r(Qo, { widgetRef: s }),
3148
- o.inline ? /* @__PURE__ */ r(Zt, {}) : /* @__PURE__ */ r(Jo, {})
3214
+ children: /* @__PURE__ */ d(ir, { children: [
3215
+ /* @__PURE__ */ r(on, { widgetRef: s }),
3216
+ o.inline ? /* @__PURE__ */ r(tr, {}) : /* @__PURE__ */ r(nn, {})
3149
3217
  ] })
3150
3218
  }
3151
3219
  );
3152
3220
  });
3153
- rn.displayName = "Widget";
3221
+ ln.displayName = "Widget";
3154
3222
  export {
3155
- rn as Widget
3223
+ ln as Widget
3156
3224
  };
3157
3225
  //# sourceMappingURL=index.js.map