@linktr.ee/messaging-react 3.9.2 → 3.10.0-rc-1783605409

package/dist/{index-CPbf44kW.js → index-DSY7bIL-.js}

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as u, Fragment as te } from "react/jsx-runtime";
-import V, { createContext as lt, useContext as Ie, useCallback as Z, useState as U, useRef as G, useEffect as J, useId as Gs, useMemo as ae, Suspense as ot } from "react";
-import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
-import { StreamChat as Ys, LinkPreviewsManager as Wt } from "stream-chat";
-import { Chat as qs, useChannelStateContext as le, useChatContext as me, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, MessageErrorIcon as et, MessageText as tt, areMessageUIPropsEqual as Ks, useMessageReminder as Js, useComponentContext as is, Attachment as Zs, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as An } from "stream-chat-react";
-import { StarIcon as Ee, DotsThreeIcon as Mn, SpinnerGapIcon as ze, SignOutIcon as Rn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as st, CurrencyDollarIcon as Dn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Ln, SpeakerHighIcon as zn, VideoCameraIcon as cs, FileMdIcon as Pn, FileTextIcon as Fn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Bn, FileXlsIcon as Un, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as nt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Ue, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Jn, TrashSimpleIcon as Zn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
-import k from "classnames";
-import { MessageActions as ta, DefaultDropdownActionButton as ds } from "stream-chat-react/experimental";
-const us = lt({
+import V, { createContext as lt, useContext as Ie, useCallback as J, useState as U, useRef as G, useEffect as Z, useId as Ys, useMemo as ae, Suspense as ot } from "react";
+import { StreamChatService as qs } from "@linktr.ee/messaging-core";
+import { StreamChat as Ws, LinkPreviewsManager as Wt } from "stream-chat";
+import { Chat as Xs, useChannelStateContext as le, useChatContext as me, DateSeparator as Ks, MessageStatus as Zs, useMessageContext as _e, MessageErrorIcon as et, MessageText as tt, areMessageUIPropsEqual as Js, useMessageReminder as Qs, useComponentContext as ls, Attachment as en, EditMessageModal as tn, MessageBlocked as sn, MessageBouncePrompt as nn, MessageDeleted as an, MessageIsThreadReplyInChannelButtonIndicator as rn, MessageRepliesCountButton as ln, ReminderNotification as on, StreamedMessageText as cn, messageHasAttachments as dn, messageHasReactions as un, isDateSeparatorMessage as mn, isMessageBlocked as hn, isMessageBounced as fn, MessageBounceModal as gn, Poll as pn, useMessageComposer as bn, useStateStore as vn, MessageInput as xn, useMessageInputContext as wn, useMessageComposerHasSendableData as _n, AttachmentPreviewList as Nn, QuotedMessagePreview as yn, TextareaComposer as kn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as Cn, useAIState as Sn, Channel as En, WithComponents as In, Window as Tn, MessageList as An, ChannelList as Mn, InfiniteScroll as Rn } from "stream-chat-react";
+import { StarIcon as Ee, DotsThreeIcon as Dn, SpinnerGapIcon as ze, SignOutIcon as Ln, ProhibitInsetIcon as Xt, FlagIcon as os, ArrowLeftIcon as st, CurrencyDollarIcon as zn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as cs, ImageIcon as Pn, SpeakerHighIcon as Fn, VideoCameraIcon as ds, FileMdIcon as On, FileTextIcon as $n, FileZipIcon as Bn, FilePptIcon as Un, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Hn, CircleNotchIcon as Ce, PlayIcon as nt, PauseIcon as Yn, LinkIcon as qn, DownloadSimpleIcon as Se, XIcon as Ue, CaretLeftIcon as Wn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
+import y from "classnames";
+import { MessageActions as na, DefaultDropdownActionButton as us } from "stream-chat-react/experimental";
+const ms = lt({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const us = lt({
   refreshConnection: async () => {
   },
   debug: !1
-}), ct = () => Ie(us), ll = ({
+}), ct = () => Ie(ms), fl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -26,7 +26,7 @@ const us = lt({
   client: o
 }) => {
   var I, M;
-  const l = Z(
+  const l = J(
     (T, ...z) => {
       i && console.log(`🔥 [MessagingProvider] ${T}`, ...z);
     },
@@ -64,9 +64,9 @@ const us = lt({
     capabilities: r
   };
   const $ = G(null);
-  !o && a && ((I = $.current) == null ? void 0 : I.apiKey) !== a && ($.current = { apiKey: a, client: new Ys(a) });
+  !o && a && ((I = $.current) == null ? void 0 : I.apiKey) !== a && ($.current = { apiKey: a, client: new Ws(a) });
   const F = o || (a ? ((M = $.current) == null ? void 0 : M.client) ?? null : null);
-  J(() => {
+  Z(() => {
     const T = D.current, z = C.current;
     if (o) {
       w.current = null, m(null), h(null), c(!1), f(null), x(!1);
@@ -83,7 +83,7 @@ const us = lt({
       renderCount: T,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const O = new Hs({
+    const O = new qs({
       ...z,
       apiKey: a,
       debug: R.current,
@@ -95,7 +95,7 @@ const us = lt({
     });
   }, [a, F, o]);
   const L = G(null);
-  J(() => {
+  Z(() => {
     var z, O;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
@@ -143,14 +143,14 @@ const us = lt({
         });
       }
     })();
-  }, [d, t, l, g, o]), J(() => {
+  }, [d, t, l, g, o]), Z(() => {
     const T = F;
     return () => {
       var z;
       T && (L.current = null, (z = w.current) == null || z.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const y = Z(async () => {
+  const k = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -196,7 +196,7 @@ const us = lt({
     isLoading: o ? !1 : b,
     error: o ? null : v,
     capabilities: r,
-    refreshConnection: y,
+    refreshConnection: k,
     debug: i
   }), [
     d,
@@ -206,7 +206,7 @@ const us = lt({
     b,
     v,
     r,
-    y,
+    k,
     i,
     l
   ]);
@@ -214,8 +214,8 @@ const us = lt({
     renderCount: D.current,
     willRenderChat: !!F,
     contextValueReady: !!E
-  }), /* @__PURE__ */ s(us.Provider, { value: E, children: F ? /* @__PURE__ */ s(
-    qs,
+  }), /* @__PURE__ */ s(ms.Provider, { value: E, children: F ? /* @__PURE__ */ s(
+    Xs,
     {
       client: F,
       customClasses: {
@@ -224,12 +224,12 @@ const us = lt({
       children: e
     }
   ) : e });
-}, sa = () => ct(), dt = (e) => {
+}, aa = () => ct(), dt = (e) => {
   var a, r;
   const [t, n] = U(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return J(() => {
+  return Z(() => {
     var o;
     if (!e) {
       n(!1);
@@ -246,14 +246,14 @@ const us = lt({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, na = "linktree-official", aa = "linktree-official-sender";
+}, ra = "linktree-official", ia = "linktree-official-sender";
 function je(e, t, n) {
   const a = Object.values(e || {});
-  if (n === na) {
+  if (n === ra) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === aa;
+        return ((o = i.user) == null ? void 0 : o.id) === ia;
       }
     );
     if (r) return r;
@@ -265,18 +265,18 @@ function je(e, t, n) {
     }
   );
 }
-const ra = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function ia(e) {
-  return ra.test(e.trim());
+const la = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function oa(e) {
+  return la.test(e.trim());
 }
 function Kt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t ? !1 : !ia(n);
+  return !n || t && n === t ? !1 : !oa(n);
 }
 function ut(e) {
   return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Jt = [
+const Zt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -304,7 +304,7 @@ const Jt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function la(e) {
+function ca(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -312,14 +312,14 @@ function la(e) {
   }
   return Math.abs(t);
 }
-function ms(e) {
-  return Jt[la(e) % Jt.length];
+function hs(e) {
+  return Zt[ca(e) % Zt.length];
 }
-function oa(e) {
-  return ms(e).emoji;
+function da(e) {
+  return hs(e).emoji;
 }
-function ca(e) {
-  return ms(e).bgColor;
+function ua(e) {
+  return hs(e).bgColor;
 }
 const se = ({
   id: e,
@@ -330,7 +330,7 @@ const se = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = oa(e), d = ca(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const l = da(e), d = ua(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -341,7 +341,7 @@ const se = ({
     "div",
     {
       "aria-hidden": "true",
-      className: k(
+      className: y(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: h, lineHeight: 1 },
@@ -351,7 +351,7 @@ const se = ({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: k(
+      className: y(
         "relative flex-shrink-0",
         a
       ),
@@ -375,7 +375,7 @@ const se = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k(
+            className: y(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -394,7 +394,7 @@ const se = ({
       ]
     }
   );
-}, da = "https://linktr.ee/s/about/trust-center/report", ua = ({
+}, ma = "https://linktr.ee/s/about/trust-center/report", ha = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -409,7 +409,7 @@ const se = ({
 }) => {
   var E;
   const { service: h, debug: g } = ct(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [x, v] = U(!1), [f, N] = U(null), [w, C] = U(!1), [R, S] = U(!1), D = b && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
-  return J(() => {
+  return Z(() => {
     if (!b || !h || !c) {
       v(!1), N(null);
       return;
@@ -478,7 +478,7 @@ const se = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(da, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(ma, "_blank", "noopener,noreferrer");
     }
   };
 }, Ne = ({
@@ -490,7 +490,7 @@ const se = ({
   "button",
   {
     type: "button",
-    className: k(
+    className: y(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -512,7 +512,7 @@ const se = ({
   customChannelActions: p,
   triggerClassName: h
 }) => {
-  const [g, c] = U(!1), b = G(null), x = Gs(), v = Z(() => c(!1), []), {
+  const [g, c] = U(!1), b = G(null), x = Ys(), v = J(() => c(!1), []), {
     isParticipantBlocked: f,
     isCheckingBlockedStatus: N,
     isLeaving: w,
@@ -521,7 +521,7 @@ const se = ({
     handleBlockUser: S,
     handleUnblockUser: D,
     handleReportUser: $
-  } = ua({
+  } = ha({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -534,15 +534,15 @@ const se = ({
     onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
-  return J(() => {
+  return Z(() => {
     if (!g) return;
     const L = (E) => {
       b.current && !b.current.contains(E.target) && c(!1);
-    }, y = (E) => {
+    }, k = (E) => {
       E.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", k), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", k);
     };
   }, [g]), !t || !(n || a || r || !!p) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ u(
@@ -555,7 +555,7 @@ const se = ({
         "aria-controls": g ? x : void 0,
         onClick: () => c((L) => !L),
         children: [
-          /* @__PURE__ */ s(Mn, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(Dn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -565,7 +565,7 @@ const se = ({
       {
         id: x,
         "aria-label": "Conversation options",
-        className: k(
+        className: y(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -577,7 +577,7 @@ const se = ({
               disabled: w,
               "aria-busy": w,
               children: [
-                w ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Rn, { className: "h-5 w-5" }),
+                w ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Ln, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -613,7 +613,7 @@ const se = ({
             }
           ) }),
           r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(Ne, { variant: "danger", onClick: $, children: [
-            /* @__PURE__ */ s(ls, { className: "h-5 w-5" }),
+            /* @__PURE__ */ s(os, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           p
@@ -621,10 +621,10 @@ const se = ({
       }
     )
   ] });
-}, We = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ma = "CUSTOMER_PAID", ha = "Replies instantly with AI assistant", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, ga = (e) => {
+}, We = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", fa = "CUSTOMER_PAID", ga = "Replies instantly with AI assistant", pa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === fa, ba = (e) => {
   const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(fa);
-}, pa = ({
+  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(pa);
+}, va = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -643,7 +643,7 @@ const se = ({
   showChannelInfo: x = !0,
   onParticipantNameClick: v
 }) => {
-  var F, L, y;
+  var F, L, k;
   const { channel: f } = le(), { client: N } = me(), w = V.useMemo(
     () => {
       var E;
@@ -654,7 +654,7 @@ const se = ({
       );
     },
     [(F = f.state) == null ? void 0 : F.members, N == null ? void 0 : N.userID, f.type]
-  ), C = ut(w == null ? void 0 : w.user), R = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, S = dt(f), D = ga(w), $ = async () => {
+  ), C = ut(w == null ? void 0 : w.user), R = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, S = dt(f), D = ba(w), $ = async () => {
     try {
       S ? await f.unpin() : await f.pin();
     } catch (E) {
@@ -667,7 +667,7 @@ const se = ({
   return /* @__PURE__ */ s(
     "div",
     {
-      className: k(
+      className: y(
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
@@ -675,7 +675,7 @@ const se = ({
         /* @__PURE__ */ s("div", { className: "flex items-start", children: n && /* @__PURE__ */ s(
           "button",
           {
-            className: k(
+            className: y(
               We,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
@@ -697,7 +697,7 @@ const se = ({
               /* @__PURE__ */ s(
                 se,
                 {
-                  id: ((y = w == null ? void 0 : w.user) == null ? void 0 : y.id) || f.id || "unknown",
+                  id: ((k = w == null ? void 0 : w.user) == null ? void 0 : k.id) || f.id || "unknown",
                   name: C,
                   image: R,
                   dmAgentEnabled: r,
@@ -715,7 +715,7 @@ const se = ({
                       {
                         "aria-label": "Paid customer",
                         className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                        children: /* @__PURE__ */ s(Dn, { className: "size-2.5", weight: "bold" })
+                        children: /* @__PURE__ */ s(zn, { className: "size-2.5", weight: "bold" })
                       }
                     ),
                     a && S && /* @__PURE__ */ s(
@@ -738,7 +738,7 @@ const se = ({
                 ] }),
                 r && /* @__PURE__ */ u("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
                   /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-                  /* @__PURE__ */ s("span", { children: ha })
+                  /* @__PURE__ */ s("span", { children: ga })
                 ] })
               ] })
             ]
@@ -756,7 +756,7 @@ const se = ({
               children: /* @__PURE__ */ s(
                 Ee,
                 {
-                  className: k("size-5", {
+                  className: y("size-5", {
                     "text-[#FFD60A]": S,
                     "text-black/90": !S
                   }),
@@ -786,15 +786,15 @@ const se = ({
       ] })
     }
   );
-}, ba = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), rt = "vote_up", it = "vote_down";
-function va(e) {
+}, xa = (e) => /* @__PURE__ */ s(Ks, { ...e, position: "center" }), rt = "vote_up", it = "vote_down";
+function wa(e) {
   return e != null && e.length ? e.some((t) => t.type === it) ? "down" : e.some((t) => t.type === rt) ? "up" : null : null;
 }
-function xa(e) {
+function _a(e) {
   const { channel: t } = le(), { client: n } = me("useMessageVote"), a = ae(
-    () => va(e.own_reactions),
+    () => wa(e.own_reactions),
     [e.own_reactions]
-  ), r = Z(async () => {
+  ), r = J(async () => {
     if (n != null && n.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, rt) : await t.sendReaction(
@@ -804,7 +804,7 @@ function xa(e) {
         );
       } catch {
       }
-  }, [t, n == null ? void 0 : n.userID, e.id, a]), i = Z(async () => {
+  }, [t, n == null ? void 0 : n.userID, e.id, a]), i = J(async () => {
     if (n != null && n.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, it) : await t.sendReaction(
@@ -817,24 +817,24 @@ function xa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function wa(e) {
+function Na(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function hs({
+function fs({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = wa(t);
+  const n = e == null ? void 0 : e.text, a = Na(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const _a = V.lazy(() => import("./Card-B83PIVO4.js")), Na = V.lazy(() => import("./Card-ckN-pJAf.js")), ya = V.lazy(() => import("./Card-Cblg_OP2.js")), mt = () => /* @__PURE__ */ s(
+const ya = V.lazy(() => import("./Card-CiuPUMBG.js")), ka = V.lazy(() => import("./Card-C_HNnA8B.js")), Ca = V.lazy(() => import("./Card-CpH1yJmm.js")), mt = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), ka = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), fs = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(Na, { ...e }) }), gs = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(ya, { ...e }) }), Ca = fs, Sa = gs, Zt = { Composer: ka, Sent: fs, Received: gs, Creator: Ca, Visitor: Sa }, Ea = [
+), Sa = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(ya, { ...e }) }), gs = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(ka, { ...e }) }), ps = (e) => /* @__PURE__ */ s(ot, { fallback: /* @__PURE__ */ s(mt, {}), children: /* @__PURE__ */ s(Ca, { ...e }) }), Ea = gs, Ia = ps, Jt = { Composer: Sa, Sent: gs, Received: ps, Creator: Ea, Visitor: Ia }, Ta = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -847,39 +847,39 @@ const _a = V.lazy(() => import("./Card-B83PIVO4.js")), Na = V.lazy(() => import(
 function oe(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function ps(e) {
-  const t = Ea.find(
+function bs(e) {
+  const t = Ta.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ia = {
-  video: cs,
-  audio: zn,
-  image: Ln,
-  document: os
-}, Ta = {
-  pdf: Vn,
-  doc: jn,
-  xls: Un,
-  csv: Bn,
-  ppt: $n,
-  zip: On,
-  text: Fn,
-  markdown: Pn,
-  generic: os
+const Aa = {
+  video: ds,
+  audio: Fn,
+  image: Pn,
+  document: cs
+}, Ma = {
+  pdf: Hn,
+  doc: Gn,
+  xls: Vn,
+  csv: jn,
+  ppt: Un,
+  zip: Bn,
+  text: $n,
+  markdown: On,
+  generic: cs
 };
-function Aa(e) {
+function Ra(e) {
   const t = oe(e);
-  return t !== "document" ? Ia[t] : Ta[ps(e)];
+  return t !== "document" ? Aa[t] : Ma[bs(e)];
 }
 function we(e, t) {
-  return V.createElement(Aa(e), t);
+  return V.createElement(Ra(e), t);
 }
-const Ma = (e) => {
+const Da = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, Ra = ({
+}, La = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -891,17 +891,17 @@ const Ma = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const p = oe(t), h = G(null), g = G(null), c = G(null), b = G(r), [x, v] = U(a), [f, N] = U(0), [w, C] = U(!1), [R, S] = U(!1), [D, $] = U(!1), [F, L] = U(!1), [y, E] = U(!0), [I, M] = U(null), T = Z(() => {
+  const p = oe(t), h = G(null), g = G(null), c = G(null), b = G(r), [x, v] = U(a), [f, N] = U(0), [w, C] = U(!1), [R, S] = U(!1), [D, $] = U(!1), [F, L] = U(!1), [k, E] = U(!0), [I, M] = U(null), T = J(() => {
     $(!1), v(!0);
-  }, []), z = Z((_) => {
+  }, []), z = J((_) => {
     const A = g.current;
     if (!A) return 0;
     const H = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ma(_) - H.left) / H.width)
+      Math.min(1, (Da(_) - H.left) / H.width)
     );
-  }, []), O = Z((_) => {
+  }, []), O = J((_) => {
     const A = h.current;
     A && A.duration && (A.currentTime = _ * A.duration);
   }, []), j = (_) => {
@@ -909,9 +909,9 @@ const Ma = (e) => {
     const A = z(_);
     N(A), O(A);
   };
-  J(() => {
+  Z(() => {
     r !== void 0 && r !== b.current && (b.current = r, v(r));
-  }, [r]), J(() => {
+  }, [r]), Z(() => {
     if (!x) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
@@ -923,12 +923,12 @@ const Ma = (e) => {
     return c.current = requestAnimationFrame(_), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [x, w]), J(() => {
+  }, [x, w]), Z(() => {
     const _ = h.current;
     _ && (x ? _.play().catch((A) => {
       v(!1), $(!0);
     }) : _.pause());
-  }, [x]), J(() => {
+  }, [x]), Z(() => {
     if (!w) return;
     const _ = (H) => N(z(H)), A = (H) => {
       C(!1), O(z(H));
@@ -962,7 +962,7 @@ const Ma = (e) => {
         }
       },
       children: [
-        n && (p === "audio" || y) && /* @__PURE__ */ s(
+        n && (p === "audio" || k) && /* @__PURE__ */ s(
           "img",
           {
             src: n,
@@ -970,7 +970,7 @@ const Ma = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (p === "audio" || y) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
+        !n && (p === "audio" || k) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1077,7 +1077,7 @@ const Ma = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(nt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: x ? /* @__PURE__ */ s(Yn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(nt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ u(
@@ -1127,7 +1127,7 @@ const Ma = (e) => {
       ]
     }
   );
-}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Da = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", bs = ({
+}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", za = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", vs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1138,7 +1138,7 @@ const Ma = (e) => {
 }) => {
   const l = oe(e), [d, m] = U(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
-    Ra,
+    La,
     {
       source: t,
       mimeType: e,
@@ -1189,7 +1189,7 @@ const Ma = (e) => {
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Da(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${za(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: n,
@@ -1207,7 +1207,7 @@ const Ma = (e) => {
       })
     }
   );
-}, vs = ({
+}, xs = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1227,7 +1227,7 @@ const Ma = (e) => {
     {
       ref: p,
       "data-testid": h,
-      className: k(
+      className: y(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         g ? "bg-[#1e2330]" : "bg-white"
       ),
@@ -1239,7 +1239,7 @@ const Ma = (e) => {
           c.trim() !== "" && /* @__PURE__ */ s(
             "p",
             {
-              className: k("mb-0.5 truncate text-base font-medium", {
+              className: y("mb-0.5 truncate text-base font-medium", {
                 "text-black": !g,
                 "text-white/30": g && b,
                 "text-white": g && !b
@@ -1249,7 +1249,7 @@ const Ma = (e) => {
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
             we(r, {
-              className: k(
+              className: y(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
               ),
@@ -1258,7 +1258,7 @@ const Ma = (e) => {
             i != null && i !== "" && /* @__PURE__ */ s(
               "span",
               {
-                className: k(
+                className: y(
                   "text-xs font-medium",
                   g ? "text-white/55" : "text-black/55"
                 ),
@@ -1273,25 +1273,25 @@ const Ma = (e) => {
     }
   );
 };
-function xs(e) {
+function ws(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function ht(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function La(e) {
+function Pa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function za(e) {
+function Fa(e) {
   return e ? "text-white" : "text-black";
 }
-function Pa(e) {
+function Oa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Fa(e) {
+function $a(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Oa(e) {
+function Ba(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const ft = ({ attachment: e, isMyMessage: t }) => {
@@ -1306,26 +1306,26 @@ const ft = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${La(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Oa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Pa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(qn, { className: `size-12 ${Ba(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${za(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Pa(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Fa(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Fa(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Oa(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${$a(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function ws(e) {
+function _s(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function gt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(ws);
+  return (t = e.attachments) == null ? void 0 : t.find(_s);
 }
-async function $a(e, t) {
+async function Ua(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1337,7 +1337,7 @@ async function $a(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = n, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const Ba = ({
+const ja = ({
   url: e,
   filename: t
 }) => {
@@ -1349,7 +1349,7 @@ const Ba = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), $a(e, t).then(() => {
+        a(!0), Ua(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1385,16 +1385,16 @@ function pt(e) {
     thumbnailUrl: p
   };
 }
-const _s = ({
+const Ns = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? xs(a) : void 0;
+  const i = a !== void 0 ? ws(a) : void 0;
   return /* @__PURE__ */ s(
-    vs,
+    xs,
     {
       variant: "dark",
       title: n,
@@ -1402,7 +1402,7 @@ const _s = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        bs,
+        vs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1413,23 +1413,23 @@ const _s = ({
       )
     }
   );
-}, Ns = ({
+}, ys = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = oe(t), o = a !== void 0 ? xs(a) : void 0;
+  const i = oe(t), o = a !== void 0 ? ws(a) : void 0;
   return /* @__PURE__ */ s(
-    vs,
+    xs,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ s(
-        bs,
+        vs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1439,10 +1439,10 @@ const _s = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Ba, { url: e, filename: n })
+      action: /* @__PURE__ */ s(ja, { url: e, filename: n })
     }
   );
-}, Ua = ({
+}, Va = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1468,41 +1468,41 @@ const _s = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ht(t), children: /* @__PURE__ */ s(ft, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(_s, { ...a }) : /* @__PURE__ */ s(Ns, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: ht(t), children: /* @__PURE__ */ s(ft, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(Ns, { ...a }) : /* @__PURE__ */ s(ys, { ...a })
           }
         ) })
       }
     )
   ] });
-}, ja = ({
+}, Ga = ({
   message: e
 }) => {
   const t = gt(e);
   if (t)
     return /* @__PURE__ */ s("div", { className: ht(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !0 }) });
   const n = pt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
-}, Va = ({
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
+}, Ha = ({
   message: e
 }) => {
   const t = gt(e);
   if (t)
     return /* @__PURE__ */ s("div", { className: ht(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !1 }) });
   const n = pt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
-}, ol = Object.assign(Ua, {
-  Creator: ja,
-  Visitor: Va
-}), Ga = {
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ys, { ...n }) }) : null;
+}, gl = Object.assign(Va, {
+  Creator: Ga,
+  Visitor: Ha
+}), Ya = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, Ha = {
+}, qa = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Ya = {
+}, Wa = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, qa = (e) => e === "dark" ? "sender" : "receiver", Wa = {
+}, Xa = (e) => e === "dark" ? "sender" : "receiver", Ka = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -1524,13 +1524,13 @@ const _s = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Wa[qa(e)][a];
+  const l = t != null && t !== "", d = Ka[Xa(e)][a];
   return /* @__PURE__ */ u(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: k(
+      className: y(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -1539,10 +1539,10 @@ const _s = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ga[e],
-        Ha[e],
+        Ya[e],
+        qa[e],
         n && "border",
-        n && Ya[e],
+        n && Wa[e],
         r
       ),
       children: [
@@ -1550,7 +1550,7 @@ const _s = ({
         l ? /* @__PURE__ */ s(
           "p",
           {
-            className: k(
+            className: y(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -1579,22 +1579,22 @@ const _s = ({
       a.stopPropagation(), e();
     },
     "aria-label": n,
-    className: k(
+    className: y(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ s(Ue, { className: "size-3", weight: "bold" })
   }
-), Me = (e) => e === "received" ? "light" : "dark", Xa = ({
+), Me = (e) => e === "received" ? "light" : "dark", Za = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ka = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ja = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ja = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Qa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1617,7 +1617,7 @@ const _s = ({
   preload: l,
   onDismiss: d
 }) => {
-  const m = Me(e), p = e === "composer" && !!d, h = Ka({ src: t, mimeType: n, filename: a, items: r });
+  const m = Me(e), p = e === "composer" && !!d, h = Ja({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const g = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1629,7 +1629,7 @@ const _s = ({
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, b) => /* @__PURE__ */ s(
-        Ja,
+        Qa,
         {
           item: c,
           preload: g,
@@ -1643,15 +1643,15 @@ const _s = ({
       )) })
     }
   );
-}, Za = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), Qa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), er = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), tr = {
-  Composer: Za,
-  Sent: Qa,
-  Received: er
+}, er = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), tr = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), sr = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), nr = {
+  Composer: er,
+  Sent: tr,
+  Received: sr
 };
-function sr(e) {
+function ar(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const nr = {
+const rr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1661,7 +1661,7 @@ const nr = {
   text: "TXT",
   markdown: "MD"
 };
-function ar(e, t) {
+function ir(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1671,7 +1671,7 @@ function ar(e, t) {
   }
   if (!e) return;
   if (oe(e) === "document") {
-    const r = ps(e), i = nr[r];
+    const r = bs(e), i = rr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1679,8 +1679,8 @@ function ar(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function rr(e, t, n) {
-  const a = ar(e, t), r = typeof n == "number" && n > 0 ? sr(n) : void 0;
+function lr(e, t, n) {
+  const a = ir(e, t), r = typeof n == "number" && n > 0 ? ar(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -1691,16 +1691,16 @@ function re(e) {
     return "download";
   }
 }
-const ir = {
+const or = {
   dark: "text-white/55",
   light: "text-black/65"
-}, lr = {
+}, cr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, or = {
+}, dr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, ys = ({
+}, ks = ({
   variant: e,
   filename: t,
   title: n,
@@ -1710,16 +1710,16 @@ const ir = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = n ?? t ?? "File", m = rr(a, t, r), p = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = lr(a, t, r), p = /* @__PURE__ */ s(
     "div",
     {
-      className: k(
+      className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        lr[e]
+        cr[e]
       ),
       "aria-hidden": !0,
       children: we(a, {
-        className: k("size-6", or[e]),
+        className: y("size-6", dr[e]),
         weight: "regular"
       })
     }
@@ -1728,9 +1728,9 @@ const ir = {
     m ? /* @__PURE__ */ s(
       "p",
       {
-        className: k(
+        className: y(
           "truncate text-xs leading-4",
-          ir[e]
+          or[e]
         ),
         children: m
       }
@@ -1741,7 +1741,7 @@ const ir = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: k(
+      className: y(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -1759,7 +1759,7 @@ const ir = {
     l ? /* @__PURE__ */ s("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function ks(e, t) {
+async function Cs(e, t) {
   const n = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1773,14 +1773,14 @@ async function ks(e, t) {
     }
   }
 }
-const cr = ({
+const ur = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], dr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], mr = ({
   variant: e,
   item: t,
   index: n,
@@ -1789,7 +1789,7 @@ const cr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    ys,
+    ks,
     {
       variant: e,
       filename: i,
@@ -1814,7 +1814,7 @@ const cr = ({
   onClick: m,
   onDismiss: p
 }) => {
-  const h = Me(e), g = e === "composer" && !!p, c = cr({
+  const h = Me(e), g = e === "composer" && !!p, c = ur({
     src: t,
     filename: n,
     fileSize: a,
@@ -1826,14 +1826,14 @@ const cr = ({
     const f = c[v];
     if (!f) return;
     const N = f.filename ?? re(f.src);
-    ks(f.src, N);
+    Cs(f.src, N);
   };
   if (c.length === 0)
     return null;
   const x = /* @__PURE__ */ s(
     "span",
     {
-      className: k(
+      className: y(
         "flex size-8 items-center justify-center rounded-full",
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -1849,7 +1849,7 @@ const cr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((v, f) => /* @__PURE__ */ s(
-        dr,
+        mr,
         {
           variant: h,
           item: v,
@@ -1861,10 +1861,10 @@ const cr = ({
       )) })
     }
   );
-}, ur = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), mr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), fr = {
-  Composer: ur,
-  Sent: mr,
-  Received: hr
+}, hr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), fr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), gr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), pr = {
+  Composer: hr,
+  Sent: fr,
+  Received: gr
 }, xt = ({
   onPrev: e,
   onNext: t,
@@ -1878,7 +1878,7 @@ const cr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Yn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Wn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1891,7 +1891,7 @@ const cr = ({
       children: /* @__PURE__ */ s(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Cs = ({
+] }), Ss = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1900,15 +1900,15 @@ const cr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = U(!1), m = Z(
+  const [l, d] = U(!1), m = J(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), ks(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), Cs(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
     },
     [l, e, t, o]
-  ), p = r ?? n !== "pill", g = { className: k(
+  ), p = r ?? n !== "pill", g = { className: y(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1919,7 +1919,7 @@ const cr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: k(
+      className: y(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -1959,7 +1959,7 @@ const cr = ({
       onClick: m,
       disabled: l,
       "aria-label": p ? a : void 0,
-      className: k(
+      className: y(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -1982,17 +1982,17 @@ const cr = ({
   open: n
 }) => {
   const a = Xe(t, 0, Math.max(e - 1, 0)), [r, i] = U(a);
-  J(() => {
+  Z(() => {
     n && i(Xe(t, 0, Math.max(e - 1, 0)));
-  }, [n, t, e]), J(() => {
+  }, [n, t, e]), Z(() => {
     i((d) => Xe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = Z(() => {
+  const o = J(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = Z(() => {
+  }, [e]), l = J(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return J(() => {
+  return Z(() => {
     if (!n || e <= 1) return;
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
@@ -2011,7 +2011,7 @@ const cr = ({
   "data-testid": o
 }) => {
   const l = G(null), d = G(null);
-  return J(() => {
+  return Z(() => {
     var g;
     const h = l.current;
     if (h) {
@@ -2091,7 +2091,7 @@ const cr = ({
       ]
     }
   );
-}, Ss = ({
+}, Es = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2113,7 +2113,7 @@ const cr = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        Cs,
+        Ss,
         {
           url: l.src,
           filename: d,
@@ -2147,7 +2147,7 @@ const cr = ({
       ]
     }
   ) : null;
-}, gr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Es = ({
+}, br = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Is = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2156,14 +2156,14 @@ const cr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, m, p) => {
-    const h = k(gr, "h-full w-full");
+    const h = y(br, "h-full w-full");
     return t ? /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: k(h, "cursor-zoom-in"),
+        className: y(h, "cursor-zoom-in"),
         children: [
           d.content,
           p
@@ -2175,10 +2175,10 @@ const cr = ({
       p
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ s("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
+  return i.length === 1 ? /* @__PURE__ */ s("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -2187,7 +2187,7 @@ const cr = ({
   ) : i.length === 3 ? /* @__PURE__ */ u(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2200,7 +2200,7 @@ const cr = ({
   ) : /* @__PURE__ */ s(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2218,14 +2218,14 @@ const cr = ({
     }
   );
 }, Re = (e) => {
-  const [t, n] = U(!1), [a, r] = U(0), i = Z(
+  const [t, n] = U(!1), [a, r] = U(0), i = J(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), n(!0));
     },
     [e]
-  ), o = Z(() => n(!1), []);
+  ), o = J(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, pr = (e, t, n, a) => ({
+}, vr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2240,15 +2240,15 @@ const cr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), br = ({
+}), xr = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Is = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ts = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), vr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), wr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Re(
     r
   );
@@ -2275,16 +2275,16 @@ const cr = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Ss,
+      Es,
       {
         open: o,
-        items: Is([{ src: e, alt: t }], n),
+        items: Ts([{ src: e, alt: t }], n),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, Ts = ({
+}, As = ({
   state: e,
   src: t,
   alt: n,
@@ -2295,13 +2295,13 @@ const cr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = br({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Re(
+  const m = xr({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Re(
     d
   );
   if (m.length === 0)
     return null;
   const x = m.map(
-    (v, f) => pr(v, f, m.length, l)
+    (v, f) => vr(v, f, m.length, l)
   );
   return /* @__PURE__ */ u(
     Te,
@@ -2311,12 +2311,12 @@ const cr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Es, { tiles: x, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Is, { tiles: x, onTileActivate: c }) }),
         /* @__PURE__ */ s(
-          Ss,
+          Es,
           {
             open: h,
-            items: Is(m, a),
+            items: Ts(m, a),
             initialIndex: g,
             onClose: b
           }
@@ -2324,11 +2324,11 @@ const cr = ({
       ]
     }
   );
-}, xr = (e) => /* @__PURE__ */ s(vr, { ...e }), wr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), _r = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Nr = {
-  Composer: xr,
-  Sent: wr,
-  Received: _r
-}, yr = ({
+}, _r = (e) => /* @__PURE__ */ s(wr, { ...e }), Nr = (e) => /* @__PURE__ */ s(As, { ...e, state: "sent" }), yr = (e) => /* @__PURE__ */ s(As, { ...e, state: "received" }), kr = {
+  Composer: _r,
+  Sent: Nr,
+  Received: yr
+}, Cr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2342,7 +2342,7 @@ const cr = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
   ), m = ae(
-    () => l ? kr(l.src) : void 0,
+    () => l ? Sr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ u(
@@ -2376,16 +2376,16 @@ const cr = ({
       ]
     }
   );
-}, kr = (e) => {
+}, Sr = (e) => {
   const t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${n}#${r.toString()}`;
-}, Cr = ({
+}, Er = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Sr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Ir = ({
   variant: e,
   item: t,
   index: n,
@@ -2394,7 +2394,7 @@ const cr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    ys,
+    ks,
     {
       variant: e,
       filename: i,
@@ -2418,7 +2418,7 @@ const cr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const p = Me(e), h = Cr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: x } = Re(
+  const p = Me(e), h = Er({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: x } = Re(
     d
   ), v = e === "composer" && !!m;
   if (h.length === 0)
@@ -2437,7 +2437,7 @@ const cr = ({
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((N, w) => {
           const C = N.filename ?? re(N.src), R = v && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            Cs,
+            Ss,
             {
               url: N.src,
               filename: C,
@@ -2447,7 +2447,7 @@ const cr = ({
             }
           );
           return /* @__PURE__ */ s(
-            Sr,
+            Ir,
             {
               variant: p,
               item: N,
@@ -2459,7 +2459,7 @@ const cr = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          yr,
+          Cr,
           {
             open: g,
             items: f,
@@ -2470,11 +2470,11 @@ const cr = ({
       ]
     }
   );
-}, Er = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "received" }), Ar = {
-  Composer: Er,
-  Sent: Ir,
-  Received: Tr
-}, As = ({
+}, Tr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "composer" }), Ar = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "sent" }), Mr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "received" }), Rr = {
+  Composer: Tr,
+  Sent: Ar,
+  Received: Mr
+}, Ms = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2524,7 +2524,7 @@ const cr = ({
       ]
     }
   ) : null;
-}, Mr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(nt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ms = ({
+}, Dr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(nt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Rs = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ u("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2539,30 +2539,30 @@ const cr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    cs,
+    ds,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Mr, {})
-] }), Rr = (e, t, n) => ({
+  /* @__PURE__ */ s(Dr, {})
+] }), Lr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(Ms, { item: e, index: t })
-}), Dr = ({
+  content: /* @__PURE__ */ s(Rs, { item: e, index: t })
+}), zr = ({
   src: e,
   poster: t,
   mimeType: n,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Rs = (e, t) => e.map((n, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Ds = (e, t) => e.map((n, a) => ({
   src: n.src,
   poster: n.poster,
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Lr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), Pr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: p } = Re(
     i
   );
@@ -2574,15 +2574,15 @@ const cr = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ s(Ms, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Rs, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: o }) }) : null,
     /* @__PURE__ */ s(
-      As,
+      Ms,
       {
         open: l,
-        items: Rs(
+        items: Ds(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2591,7 +2591,7 @@ const cr = ({
       }
     )
   ] });
-}, Ds = ({
+}, Ls = ({
   state: e,
   src: t,
   poster: n,
@@ -2603,13 +2603,13 @@ const cr = ({
   preload: d,
   onClick: m
 }) => {
-  const p = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: x } = Re(
+  const p = zr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: x } = Re(
     m
   );
   if (p.length === 0)
     return null;
   const v = p.map(
-    (f, N) => Rr(f, N, p.length)
+    (f, N) => Lr(f, N, p.length)
   );
   return /* @__PURE__ */ u(
     Te,
@@ -2620,7 +2620,7 @@ const cr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          Es,
+          Is,
           {
             tiles: v,
             onTileActivate: b,
@@ -2628,10 +2628,10 @@ const cr = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          As,
+          Ms,
           {
             open: g,
-            items: Rs(p, r),
+            items: Ds(p, r),
             initialIndex: c,
             onClose: x
           }
@@ -2639,25 +2639,25 @@ const cr = ({
       ]
     }
   );
-}, zr = (e) => /* @__PURE__ */ s(Lr, { ...e }), Pr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), Or = {
-  Composer: zr,
-  Sent: Pr,
-  Received: Fr
+}, Fr = (e) => /* @__PURE__ */ s(Pr, { ...e }), Or = (e) => /* @__PURE__ */ s(Ls, { ...e, state: "sent" }), $r = (e) => /* @__PURE__ */ s(Ls, { ...e, state: "received" }), Br = {
+  Composer: Fr,
+  Sent: Or,
+  Received: $r
 }, ye = {
-  Image: Nr,
-  Video: Or,
-  Audio: tr,
-  Pdf: Ar,
-  File: fr
-}, $r = {
+  Image: kr,
+  Video: Br,
+  Audio: nr,
+  Pdf: Rr,
+  File: pr
+}, Ur = {
   isUnlocking: () => !1
-}, Br = {
-  LockedAttachment: $r
-}, Ls = lt({}), cl = Ls.Provider;
-function Ur(e) {
-  return Ie(Ls)[e] ?? Br[e];
+}, jr = {
+  LockedAttachment: Ur
+}, zs = lt({}), pl = zs.Provider;
+function Vr(e) {
+  return Ie(zs)[e] ?? jr[e];
 }
-const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+const Gr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2674,21 +2674,21 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
       }
     )
   }
-), Vr = (e) => {
+), Hr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Gr = (e) => {
+}, Yr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Fe = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Hr = (e) => {
+}, qr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, zs = (e) => Vr(e) || Gr(e), Yr = (e) => {
+}, Ps = (e) => Hr(e) || Yr(e), Wr = (e) => {
   var t;
-  return zs(e) && !((t = e.text) != null && t.trim());
+  return Ps(e) && !((t = e.text) != null && t.trim());
 }, Ke = ({
   message: e,
   standalone: t = !1,
@@ -2696,7 +2696,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = zs(e), i = Fe(e);
+  const r = Ps(e), i = Fe(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2704,7 +2704,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
     if (!g) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${g} tip` : `Delivered with ${g} tip`;
     return /* @__PURE__ */ u("div", { className: c, children: [
-      /* @__PURE__ */ s(qn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(Xn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: b })
     ] });
   }
@@ -2712,7 +2712,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(jr, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Gr, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ u(te, { children: [
     m,
     p
@@ -2720,7 +2720,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
     p,
     m
   ] }) });
-}, qr = ({
+}, Xr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2729,31 +2729,31 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Kn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: n,
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(Xn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Zn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Je = () => {
+] }), Ze = () => {
   const { message: e } = _e("SentMessageDeliveryStatus"), { messages: t } = le("SentMessageDeliveryStatus"), n = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
@@ -2763,36 +2763,36 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
       }
   })();
   return e.id !== n ? null : /* @__PURE__ */ u(te, { children: [
-    /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
+    /* @__PURE__ */ s(Jn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
-}, Wr = () => null, Xr = () => /* @__PURE__ */ s(
-  Xs,
+}, Kr = () => null, Zr = () => /* @__PURE__ */ s(
+  Zs,
   {
-    MessageSentStatus: Je,
-    MessageDeliveredStatus: Je,
-    MessageReadStatus: Je,
-    MessageSendingStatus: Wr
+    MessageSentStatus: Ze,
+    MessageDeliveredStatus: Ze,
+    MessageReadStatus: Ze,
+    MessageSendingStatus: Kr
   }
-), Kr = /^([a-z][a-z0-9+.-]*):/i, Jr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+), Jr = /^([a-z][a-z0-9+.-]*):/i, Qr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function yt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Kr.exec(t);
+  const n = Jr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Jr.has(a) ? t : void 0;
+    return Qr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Zr = {
+const ei = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, Qr = ({ variant: e, cta: t }) => {
-  const n = k(
+}, ti = ({ variant: e, cta: t }) => {
+  const n = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Zr[e]
+    ei[e]
   ), a = yt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
@@ -2819,10 +2819,10 @@ const Zr = {
       children: t.label
     }
   );
-}, ei = {
+}, si = {
   dark: "text-white",
   light: "text-black/90"
-}, ti = "text-white/30", si = {
+}, ni = "text-white/30", ai = {
   dark: "text-white/55",
   light: "text-black/55"
 }, kt = ({
@@ -2837,12 +2837,12 @@ const Zr = {
 }) => {
   const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", p = m.trim() !== "", h = a != null && a.trim() !== "", g = typeof r == "string" ? r.trim() : "", c = g !== "", b = o != null;
   if (!p && !h && !c && !b) return null;
-  const v = k(
+  const v = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? ti : ei[e]
-  ), f = k(
+    d && !t ? ni : si[e]
+  ), f = y(
     "truncate text-xs leading-4",
-    si[e]
+    ai[e]
   );
   return /* @__PURE__ */ u("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ u("div", { className: "flex items-end gap-3", children: [
@@ -2850,7 +2850,7 @@ const Zr = {
         /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-1", children: [
           p && /* @__PURE__ */ u("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ s("p", { className: k("min-w-0", v), children: m })
+            /* @__PURE__ */ s("p", { className: y("min-w-0", v), children: m })
           ] }),
           h && /* @__PURE__ */ s("p", { className: f, children: a })
         ] }),
@@ -2858,9 +2858,9 @@ const Zr = {
       ] }),
       l && /* @__PURE__ */ s("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ s(Qr, { variant: e, cta: o })
+    o && /* @__PURE__ */ s(ti, { variant: e, cta: o })
   ] });
-}, ni = k(
+}, ri = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2878,8 +2878,8 @@ const Zr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = n != null || a != null, p = k(
-    ni,
+  const m = n != null || a != null, p = y(
+    ri,
     l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2909,7 +2909,7 @@ const Zr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: k(p, "text-left"),
+      className: y(p, "text-left"),
       children: [
         t,
         h
@@ -2927,10 +2927,10 @@ const Zr = {
       ]
     }
   );
-}, ai = {
+}, ii = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ri = {
+}, li = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, Ve = (e, t) => !!t && !!e && oe(e) === "audio", Ct = (e, t) => {
@@ -2959,7 +2959,7 @@ const Zr = {
   ) }) : /* @__PURE__ */ u(
     "div",
     {
-      className: k(
+      className: y(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -2986,12 +2986,12 @@ const Zr = {
         ) : /* @__PURE__ */ s(
           "div",
           {
-            className: k(
+            className: y(
               "flex h-full w-full items-center justify-center",
-              ai[e]
+              ii[e]
             ),
             children: we(r, {
-              className: ri[e],
+              className: li[e],
               weight: "regular"
             })
           }
@@ -3001,7 +3001,7 @@ const Zr = {
       ]
     }
   );
-}, ii = ({
+}, oi = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3031,7 +3031,7 @@ const Zr = {
       onClick: h,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ s(Jn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Qn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: St, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3078,7 +3078,7 @@ const Zr = {
       ]
     }
   );
-}, li = ({
+}, ci = ({
   title: e,
   description: t,
   url: n,
@@ -3131,7 +3131,7 @@ const Zr = {
       ]
     }
   );
-}, oi = ({
+}, di = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3179,9 +3179,9 @@ const Zr = {
     }
   );
 }, es = {
-  Composer: ii,
-  Sent: oi,
-  Received: li
+  Composer: oi,
+  Sent: di,
+  Received: ci
 };
 function P(e) {
   const t = e == null ? void 0 : e.trim();
@@ -3190,7 +3190,7 @@ function P(e) {
 function ts(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function ci(e, t) {
+function ui(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
   const n = ts(e), a = ts(t);
@@ -3215,15 +3215,15 @@ function ss(e) {
     mimeType: r
   };
 }
-function di(e) {
+function mi(e) {
   var t;
-  return Ps(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
+  return Fs(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
-function Ps(e) {
+function Fs(e) {
   const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Fs(e) {
+function Os(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const o = t[t.length - 1];
@@ -3241,25 +3241,25 @@ function Fs(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Ps(r)) {
+    if (Fs(r)) {
       a(r);
       continue;
     }
-    const i = di(r);
+    const i = mi(r);
     i && n(i, r);
   }
   return t;
 }
-function ui(e) {
+function hi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function mi(e, t, n) {
+function fi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function ns(e) {
   return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
-function hi(e) {
+function gi(e) {
   switch (e) {
     case "image":
       return ye.Image;
@@ -3273,7 +3273,7 @@ function hi(e) {
       return ye.File;
   }
 }
-function fi(e, t) {
+function pi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
@@ -3360,27 +3360,27 @@ function fi(e, t) {
       };
   }
 }
-function gi({
+function bi({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = hi(n.kind), r = {
-    ...fi(n.kind, n.attachments),
+  const a = gi(n.kind), r = {
+    ...pi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const pi = ({
+const vi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var b;
-  const r = Fs(n.attachments);
+  const r = Os(n.attachments);
   if (r.length === 0) return null;
-  const i = ui(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, m = o && ci(o, d) ? void 0 : o;
+  const i = hi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, m = o && ui(o, d) ? void 0 : o;
   let p = 0;
   const h = [], g = (x, v) => {
     const f = t ? es.Sent : es.Received;
@@ -3388,14 +3388,14 @@ const pi = ({
       /* @__PURE__ */ s(f, { ...ss(x) }, v)
     );
   }, c = (x, v) => {
-    const f = mi(
+    const f = fi(
       p,
       i,
       e
     );
     p += 1, h.push(
       /* @__PURE__ */ s(
-        gi,
+        bi,
         {
           groupPosition: f,
           isMyMessage: t,
@@ -3442,7 +3442,7 @@ const pi = ({
       /* @__PURE__ */ s(et, {})
     ] }) : null
   ] });
-}, bi = (e) => {
+}, xi = (e) => {
   var Rt, Dt, Lt, zt, Pt, Ft, Ot, $t, Bt, Ut, jt, Vt, Gt, Ht;
   const {
     additionalMessageInputProps: t,
@@ -3461,52 +3461,52 @@ const pi = ({
     renderText: b,
     threadList: x,
     viewerLanguage: v
-  } = e, { client: f } = me("CustomMessage"), { channel: N } = le("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: R, onDownloadClick: S } = Ur("LockedAttachment"), [D, $] = U(!1), F = Js(c.id), { selected: L, voteUp: y, voteDown: E } = xa(c), {
-    Attachment: I = Zs,
-    EditMessageModal: M = Qs,
+  } = e, { client: f } = me("CustomMessage"), { channel: N } = le("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: R, onDownloadClick: S } = Vr("LockedAttachment"), [D, $] = U(!1), F = Qs(c.id), { selected: L, voteUp: k, voteDown: E } = _a(c), {
+    Attachment: I = en,
+    EditMessageModal: M = tn,
     MessageActions: T,
-    MessageBlocked: z = en,
-    MessageBouncePrompt: O = tn,
-    MessageDeleted: j = sn,
-    MessageIsThreadReplyInChannelButtonIndicator: X = nn,
-    MessageRepliesCountButton: ee = an,
-    ReminderNotification: K = rn,
-    StreamedMessageText: _ = ln,
+    MessageBlocked: z = sn,
+    MessageBouncePrompt: O = nn,
+    MessageDeleted: j = an,
+    MessageIsThreadReplyInChannelButtonIndicator: X = rn,
+    MessageRepliesCountButton: ee = ln,
+    ReminderNotification: K = on,
+    StreamedMessageText: _ = cn,
     PinIndicator: A
-  } = is("CustomMessage"), H = on(c), q = cn(c), Y = ae(
+  } = ls("CustomMessage"), H = dn(c), q = un(c), Y = ae(
     () => h == null ? void 0 : h(c),
     [h, c]
   ), B = ae(() => {
     const ue = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...ue] : ue;
     if (!Fe(c)) return pe;
-    const Yt = pe.filter((qt) => !("type" in qt) || !ws(qt));
+    const Yt = pe.filter((qt) => !("type" in qt) || !_s(qt));
     return Yt.length === pe.length ? pe : Yt;
   }, [c]), W = ae(
-    () => Fs(B),
+    () => Os(B),
     [B]
   ), Q = ae(() => {
-    const ue = hs({ message: c, viewerLanguage: v });
+    const ue = fs({ message: c, viewerLanguage: v });
     return ue === c.text ? c : { ...c, text: ue };
   }, [c, v]), ce = W.length > 0, De = W.reduce(
     (ue, pe) => ue + pe.attachments.length,
     0
-  ) === ((B == null ? void 0 : B.length) ?? 0), Le = Xa(
+  ) === ((B == null ? void 0 : B.length) ?? 0), Le = Za(
     {
       endOfGroup: r,
       firstOfGroup: i,
       groupedByUser: o
     }
   );
-  if (dn(c))
+  if (mn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(j, { message: c });
-  if (un(c))
+  if (hn(c))
     return /* @__PURE__ */ s(z, {});
-  const ne = !x && !!c.reply_count, de = !x && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, It = mn(c);
+  const ne = !x && !!c.reply_count, de = !x && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, It = fn(c);
   let he;
   ie ? he = () => m(c) : It && (he = () => $(!0));
-  const fe = g(), js = k(
+  const fe = g(), Gs = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3523,7 +3523,7 @@ const pi = ({
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Tt = Yr(c), ge = Fe(c), At = Hr(c), He = !!(B != null && B.length && !c.quoted_message), Mt = ge && fe && He, Vs = ce && De && !c.quoted_message && !Ge && !Y && !ge;
+  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Tt = Wr(c), ge = Fe(c), At = qr(c), He = !!(B != null && B.length && !c.quoted_message), Mt = ge && fe && He, Hs = ce && De && !c.quoted_message && !Ge && !Y && !ge;
   return /* @__PURE__ */ u(te, { children: [
     a && /* @__PURE__ */ s(
       M,
@@ -3532,7 +3532,7 @@ const pi = ({
       }
     ),
     D && /* @__PURE__ */ s(
-      hn,
+      gn,
       {
         MessageBouncePrompt: O,
         onClose: () => $(!1),
@@ -3542,7 +3542,7 @@ const pi = ({
     /* @__PURE__ */ u(
       "div",
       {
-        className: js,
+        className: Gs,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -3563,7 +3563,7 @@ const pi = ({
           /* @__PURE__ */ s(
             "div",
             {
-              className: k("str-chat__message-inner", {
+              className: y("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": ie || It
               }),
               "data-testid": "message-inner",
@@ -3581,7 +3581,7 @@ const pi = ({
                 fe ? /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   T && /* @__PURE__ */ s(T, {}),
                   /* @__PURE__ */ s(
-                    Zt.Sent,
+                    Jt.Sent,
                     {
                       title: (Lt = c.metadata) == null ? void 0 : Lt.attachment_title,
                       mimeType: (zt = c.metadata) == null ? void 0 : zt.attachment_mime_type,
@@ -3595,7 +3595,7 @@ const pi = ({
                   )
                 ] }) : /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ s(
-                    Zt.Received,
+                    Jt.Received,
                     {
                       title: (Bt = c.metadata) == null ? void 0 : Bt.attachment_title,
                       mimeType: (Ut = c.metadata) == null ? void 0 : Ut.attachment_mime_type,
@@ -3621,8 +3621,8 @@ const pi = ({
               ] }) : Tt ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ s(Ke, { message: c, standalone: !0 })
-              ) : Vs ? /* @__PURE__ */ s(
-                pi,
+              ) : Hs ? /* @__PURE__ */ s(
+                vi,
                 {
                   groupPosition: Le,
                   isMyMessage: fe,
@@ -3645,7 +3645,7 @@ const pi = ({
                     isMyMessage: fe
                   }
                 ),
-                Ge && /* @__PURE__ */ s(fn, { poll: Ge }),
+                Ge && /* @__PURE__ */ s(pn, { poll: Ge }),
                 B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
                   I,
                   {
@@ -3680,15 +3680,15 @@ const pi = ({
               }
             ),
             n && ge && /* @__PURE__ */ s(
-              qr,
+              Xr,
               {
                 selected: L,
-                onVoteUp: y,
+                onVoteUp: k,
                 onVoteDown: E
               }
             )
           ] }),
-          /* @__PURE__ */ s(Xr, {}),
+          /* @__PURE__ */ s(Zr, {}),
           ne && /* @__PURE__ */ s(
             ee,
             {
@@ -3702,50 +3702,50 @@ const pi = ({
       c.id
     )
   ] });
-}, vi = V.memo(
-  bi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
-), xi = (e) => {
+}, wi = V.memo(
+  xi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Js(e, t)
+), _i = (e) => {
   const t = _e("CustomMessage");
-  return /* @__PURE__ */ s(vi, { ...t, ...e });
-}, wi = () => {
+  return /* @__PURE__ */ s(wi, { ...t, ...e });
+}, Ni = () => {
   var n;
   const { handleDelete: e, message: t } = _e("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    ds,
+    us,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ea, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, _i = () => {
+}, yi = () => {
   const { handleFlag: e } = _e("CustomMessageActions");
   return /* @__PURE__ */ s(
-    ds,
+    us,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(ls, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(os, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ni = () => {
+}, ki = () => {
   var t;
   const { message: e } = _e("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    ta,
+    na,
     {
       messageActionSet: [
-        { Component: wi, placement: "quick", type: "delete" },
-        { Component: _i, placement: "quick", type: "flag" }
+        { Component: Ni, placement: "quick", type: "delete" },
+        { Component: yi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, yi = ({
+}, Ci = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3785,14 +3785,14 @@ const pi = ({
       ]
     }
   );
-}, ki = (e) => ({
+}, Si = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Wt.previewIsLoaded(t) || Wt.previewIsLoading(t)
   )
-}), Ci = () => {
-  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
+}), Ei = () => {
+  const { linkPreviewsManager: e } = bn(), { linkPreviews: t } = vn(
     e.state,
-    ki
+    Si
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3805,9 +3805,9 @@ const pi = ({
     // block so it keeps its intrinsic height and the container scrolls — a
     // bare flex-column child would be shrunk on the column axis and its
     // fixed-height hero would spill out of the collapsed card box.
-    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(yi, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
+    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Et = V.createContext(!1), dl = () => Ie(Et), Si = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Et = V.createContext(!1), bl = () => Ie(Et), Ii = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3815,13 +3815,13 @@ const pi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(ta, { weight: "bold", className: "size-4" })
   }
-), Ei = () => {
-  const e = Ie(Et), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
-    SendButton: r = Si,
-    AttachmentPreviewList: i = wn
-  } = is("CustomMessageInput");
+), Ti = () => {
+  const e = Ie(Et), { handleSubmit: t } = wn(), n = _n(), a = e || !n, {
+    SendButton: r = Ii,
+    AttachmentPreviewList: i = Nn
+  } = ls("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -3837,12 +3837,12 @@ const pi = ({
         className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
         "data-dd-privacy": "mask",
         children: [
-          /* @__PURE__ */ s(_n, {}),
-          /* @__PURE__ */ s(Ci, {}),
+          /* @__PURE__ */ s(yn, {}),
+          /* @__PURE__ */ s(Ei, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ u("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
-              Nn,
+              kn,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3869,7 +3869,7 @@ const pi = ({
       }
     )
   );
-}, Ii = ({
+}, Ai = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3890,23 +3890,23 @@ const pi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(Et.Provider, { value: o, children: /* @__PURE__ */ s(bn, { Input: r ?? Ei }) })
+          /* @__PURE__ */ s(Et.Provider, { value: o, children: /* @__PURE__ */ s(xn, { Input: r ?? Ti }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Ti = [
+}, Mi = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ai = {
+], Ri = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Mi = [
+}, Di = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ri = {
+], Li = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ze = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", as = (e) => Ti.includes(e), Li = (e) => Mi.includes(e), zi = (e) => {
+}, Je = "age safety guidelines.", zi = "https://linktr.ee/s/about/contact", as = (e) => Mi.includes(e), Pi = (e) => Di.includes(e), Fi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (as(t))
@@ -3914,7 +3914,7 @@ const pi = ({
       kind: "dm-agent",
       type: t
     };
-  if (Li(t))
+  if (Pi(t))
     return {
       kind: "age-safety",
       type: t
@@ -3925,32 +3925,32 @@ const pi = ({
       kind: "dm-agent",
       type: n
     };
-}, Pi = (e) => {
-  const t = e.indexOf(Ze);
+}, Oi = (e) => {
+  const t = e.indexOf(Je);
   if (t === -1)
     return e;
-  const n = t + Ze.length;
+  const n = t + Je.length;
   return /* @__PURE__ */ u(te, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: Di,
+        href: zi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Ze
+        children: Je
       }
     ),
     e.slice(n)
   ] });
-}, Fi = (e) => {
+}, $i = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = zi(
+  const t = e.message.hide_date === !0, n = Fi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ri[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -3976,7 +3976,7 @@ const pi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ri[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Li[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -3986,7 +3986,7 @@ const pi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              ea,
+              sa,
               {
                 size: 24,
                 weight: "duotone",
@@ -3995,7 +3995,7 @@ const pi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Pi(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Oi(i) }) })
           ]
         }
       ),
@@ -4010,7 +4010,7 @@ const pi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ye, { message: e.message })
   ] });
-}, Os = lt(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, $s = lt(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4020,15 +4020,15 @@ const pi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Oi = /* @__PURE__ */ new Set([
+) }), Bi = /* @__PURE__ */ new Set([
   qe.Thinking,
   qe.Generating,
   qe.ExternalSources
-]), $i = ({ threadList: e }) => {
+]), Ui = ({ threadList: e }) => {
   var b, x;
-  const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = me(), { typing: i = {} } = yn(), { aiState: o } = kn(t), l = Ie(Os);
-  if (!e && l && Oi.has(o)) {
-    const v = Bi(t, (b = r.user) == null ? void 0 : b.id);
+  const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = me(), { typing: i = {} } = Cn(), { aiState: o } = Sn(t), l = Ie($s);
+  if (!e && l && Bi.has(o)) {
+    const v = ji(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       rs,
       {
@@ -4108,7 +4108,7 @@ const pi = ({
     ] })
   }
 );
-function Bi(e, t) {
+function ji(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4117,10 +4117,10 @@ function Bi(e, t) {
       return i;
   }
 }
-const Ui = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const Vi = () => null, Gi = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
-    className: k("flex items-center justify-center h-full", e),
+    className: y("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ u("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ s("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ s(
@@ -4161,11 +4161,11 @@ const Ui = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
     ]
   }
 ), Be = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(ji, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Gi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Be.displayName = "LoadingState";
-const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Vi = ({
+const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Hi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4201,7 +4201,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }), $ = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", F = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", L = /* @__PURE__ */ u(te, { children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: C }),
     D && /* @__PURE__ */ s("span", { className: "shrink-0", children: D })
-  ] }), y = async () => {
+  ] }), k = async () => {
     try {
       S ? await f.unpin() : await f.pin();
     } catch (j) {
@@ -4216,7 +4216,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ s(
         "button",
         {
-          className: k(
+          className: y(
             be,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -4238,7 +4238,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               type: "button",
               onClick: x,
               "aria-label": `View details for ${C}`,
-              className: k(
+              className: y(
                 $,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
@@ -4298,13 +4298,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: be,
-            onClick: y,
+            onClick: k,
             type: "button",
             "aria-label": S ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
-                className: k("size-5", {
+                className: y("size-5", {
                   "text-yellow-600": S,
                   "text-black/90": !S
                 }),
@@ -4327,7 +4327,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: p,
             onReportParticipantClick: h,
             customChannelActions: g,
-            triggerClassName: k(be, "bg-[#F1F0EE]")
+            triggerClassName: y(be, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -4337,7 +4337,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ s(
           "button",
           {
-            className: k(
+            className: y(
               be,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -4353,7 +4353,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: x,
             "aria-label": `View details for ${C}`,
-            className: k(
+            className: y(
               F,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -4416,13 +4416,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: be,
-            onClick: y,
+            onClick: k,
             type: "button",
             "aria-label": S ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
-                className: k("size-6", {
+                className: y("size-6", {
                   "text-yellow-600": S,
                   "text-black/90": !S
                 }),
@@ -4451,7 +4451,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Gi = ({
+}, Yi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4481,27 +4481,27 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerInput: L
 }) => {
   var _, A, H, q;
-  const { channel: y } = le(), { client: E } = me(), I = V.useMemo(
+  const { channel: k } = le(), { client: E } = me(), I = V.useMemo(
     () => {
       var Y;
       return je(
-        (Y = y.state) == null ? void 0 : Y.members,
+        (Y = k.state) == null ? void 0 : Y.members,
         E == null ? void 0 : E.userID,
-        y.type
+        k.type
       );
     },
-    [(_ = y.state) == null ? void 0 : _.members, E == null ? void 0 : E.userID, y.type]
+    [(_ = k.state) == null ? void 0 : _.members, E == null ? void 0 : E.userID, k.type]
   ), M = V.useMemo(() => {
     var W;
     const Y = E == null ? void 0 : E.userID;
-    return Y ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((Q) => {
+    return Y ? Object.values(((W = k.state) == null ? void 0 : W.members) || {}).find((Q) => {
       var ce;
       return ((ce = Q.user) == null ? void 0 : ce.id) === Y;
     }) : void 0;
-  }, [E == null ? void 0 : E.userID, (A = y.state) == null ? void 0 : A.members]), T = ((H = M == null ? void 0 : M.user) == null ? void 0 : H.is_account) ?? (M == null ? void 0 : M.is_account), z = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), O = S && T === !1 && z === !0, j = y.state.messages.some(
+  }, [E == null ? void 0 : E.userID, (A = k.state) == null ? void 0 : A.members]), T = ((H = M == null ? void 0 : M.user) == null ? void 0 : H.is_account) ?? (M == null ? void 0 : M.is_account), z = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), O = S && T === !1 && z === !0, j = k.state.messages.some(
     (Y) => Y.type !== "deleted"
   ), X = f ? /* @__PURE__ */ s(V.Fragment, { children: f() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
-    pa,
+    va,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
@@ -4521,10 +4521,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       renderChannelActions: C,
       onParticipantNameClick: F
     }
-  ) : null, K = Z(
+  ) : null, K = J(
     (Y) => {
       const { message: B } = _e("ChannelView"), W = /* @__PURE__ */ s(
-        xi,
+        _i,
         {
           ...Y,
           chatbotVotingEnabled: v,
@@ -4536,16 +4536,16 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     [v, R, D]
   );
   return /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(
-    Sn,
+    In,
     {
       overrides: {
         Message: K,
-        MessageActions: Ni
+        MessageActions: ki
       },
-      children: /* @__PURE__ */ u(En, { children: [
+      children: /* @__PURE__ */ u(Tn, { children: [
         !F && /* @__PURE__ */ u(te, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Vi,
+            Hi,
             {
               onBack: e,
               showBackButton: t,
@@ -4577,7 +4577,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 X
               ] }) }),
               /* @__PURE__ */ s(
-                In,
+                An,
                 {
                   head: F && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                     ee,
@@ -4591,14 +4591,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ s(V.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ s(V.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          Ii,
+          Ai,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(y)
+              renderActions: () => n == null ? void 0 : n(k)
             },
-            renderFooter: () => a == null ? void 0 : a(y),
+            renderFooter: () => a == null ? void 0 : a(k),
             disabled: c,
             disabledReason: b,
             composerInput: L
@@ -4608,7 +4608,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, $s = V.memo(
+}, Bs = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4619,7 +4619,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Ui,
+    CustomChannelEmptyState: m = Vi,
     showDeleteConversation: p = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: g,
@@ -4637,7 +4637,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     renderHeaderTitleBadges: $,
     customChannelActions: F,
     renderChannelActions: L,
-    renderMessage: y,
+    renderMessage: k,
     onMessageLinkClick: E,
     sendButton: I,
     attachmentPreviewList: M,
@@ -4646,7 +4646,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onParticipantNameClick: O,
     composerInput: j
   }) => {
-    const X = Z(
+    const X = J(
       async (K, _, A) => {
         var Q;
         const H = ((Q = e.data) == null ? void 0 : Q.chatbot_paused) === !0, q = N && !H, Y = {
@@ -4666,7 +4666,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       },
       [e, N, w, C]
     ), ee = G(null);
-    return J(() => {
+    return Z(() => {
       if (!E) return;
       const K = ee.current;
       if (!K) return;
@@ -4681,24 +4681,24 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       "div",
       {
         ref: ee,
-        className: k(
+        className: y(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Os.Provider, { value: N ?? !1, children: /* @__PURE__ */ s(
-          Cn,
+        children: /* @__PURE__ */ s($s.Provider, { value: N ?? !1, children: /* @__PURE__ */ s(
+          En,
           {
             channel: e,
-            MessageSystem: Fi,
+            MessageSystem: $i,
             EmptyStateIndicator: m,
             LoadingIndicator: Be,
-            DateSeparator: ba,
-            TypingIndicator: $i,
+            DateSeparator: xa,
+            TypingIndicator: Ui,
             doSendMessageRequest: X,
             ...I ? { SendButton: I } : {},
             ...M ? { AttachmentPreviewList: M } : {},
             children: /* @__PURE__ */ s(
-              Gi,
+              Yi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4723,7 +4723,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 renderHeaderTitleBadges: $,
                 customChannelActions: F,
                 renderChannelActions: L,
-                renderMessage: y,
+                renderMessage: k,
                 viewerLanguage: T,
                 showChannelInfo: z,
                 onParticipantNameClick: O,
@@ -4736,7 +4736,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-$s.displayName = "ChannelView";
+Bs.displayName = "ChannelView";
 const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ u("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -4752,7 +4752,7 @@ const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 ke.displayName = "ErrorState";
-const ul = ({
+const vl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4782,17 +4782,17 @@ const ul = ({
     isConnected: $,
     isLoading: F,
     error: L,
-    refreshConnection: y,
+    refreshConnection: k,
     service: E,
     debug: I
-  } = sa(), [M, T] = U(null), [z, O] = U(null), [j, X] = U(!1), { showDeleteConversation: ee = !0 } = e, K = G(o);
+  } = aa(), [M, T] = U(null), [z, O] = U(null), [j, X] = U(!1), { showDeleteConversation: ee = !0 } = e, K = G(o);
   K.current = o;
   const _ = G(a);
   _.current = a;
   const A = G(null), H = G(null);
-  J(() => {
+  Z(() => {
     H.current = M;
-  }, [M]), J(() => {
+  }, [M]), Z(() => {
     if (!D || !$) return;
     const B = D.userID;
     if (!B) return;
@@ -4858,18 +4858,18 @@ const ul = ({
   }, [i, D, $, E, I]);
   const q = G(r);
   q.current = r;
-  const Y = Z(() => {
+  const Y = J(() => {
     var B;
     T(null), X(!0), (B = q.current) == null || B.call(q);
   }, []);
-  return F ? /* @__PURE__ */ s(Be, {}) : L ? /* @__PURE__ */ s(ke, { message: L, onBack: y }) : !$ || !D ? /* @__PURE__ */ s(
+  return F ? /* @__PURE__ */ s(Be, {}) : L ? /* @__PURE__ */ s(ke, { message: L, onBack: k }) : !$ || !D ? /* @__PURE__ */ s(
     ke,
     {
       message: "Not connected to messaging service",
-      onBack: y
+      onBack: k
     }
   ) : z ? /* @__PURE__ */ s(ke, { message: z }) : j && !M ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : M ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    $s,
+    Bs,
     {
       channel: M,
       renderMessageInputActions: t,
@@ -4897,13 +4897,13 @@ const ul = ({
     M.id
   ) }) }) : /* @__PURE__ */ s(Be, {});
 };
-function Hi(e) {
+function qi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Bs = V.createContext({
+const Us = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4911,18 +4911,18 @@ const Bs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Yi = Bs.Provider, qi = () => V.useContext(Bs), Wi = (e, t) => {
+}), Wi = Us.Provider, Xi = () => V.useContext(Us), Ki = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Xi = (e) => {
+}, Zi = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Wi(e, t);
+  const a = Ki(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4932,7 +4932,7 @@ const Bs = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Us = V.memo(
+}, js = V.memo(
   (e) => {
     var $, F, L;
     const { channel: t, unread: n } = e, {
@@ -4942,7 +4942,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = qi(), { client: m } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = dt(t);
+    } = Xi(), { client: m } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = dt(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -4956,34 +4956,34 @@ const Bs = V.createContext({
       );
     const g = () => {
       t && r(t);
-    }, c = (y) => {
-      const E = y.key === "Enter" || y.key === " ", I = y.repeat;
-      !E || I || (y.preventDefault(), g());
+    }, c = (k) => {
+      const E = k.key === "Enter" || k.key === " ", I = k.repeat;
+      !E || I || (k.preventDefault(), g());
     }, b = je(
       ($ = t == null ? void 0 : t.state) == null ? void 0 : $.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
     ), x = ut(b == null ? void 0 : b.user), v = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, f = (() => {
       var E;
-      const y = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
-      if (y != null && y.length) {
-        for (let I = y.length - 1; I >= 0; I--)
-          if (y[I].type !== "system") return y[I];
+      const k = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
+      if (k != null && k.length) {
+        for (let I = k.length - 1; I >= 0; I--)
+          if (k[I].type !== "system") return k[I];
       }
     })(), w = (() => {
       var z, O, j, X;
-      const y = hs({
+      const k = fs({
         message: f,
         viewerLanguage: d
       });
-      if (((z = f == null ? void 0 : f.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return y ? `💵 ${y}` : "💵 Sent a tip";
-      if (((O = f == null ? void 0 : f.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return y ? `💰 ${y}` : "💰 Sent a message";
+      if (((z = f == null ? void 0 : f.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
+      if (((O = f == null ? void 0 : f.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
       if (((j = f == null ? void 0 : f.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
-        return y ? `📎 ${y}` : "📎 Sent an attachment";
-      if (y) return y;
+        return k ? `📎 ${k}` : "📎 Sent an attachment";
+      if (k) return k;
       const T = (X = f == null ? void 0 : f.attachments) == null ? void 0 : X[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), C = f != null && f.created_at ? Xi(new Date(f.created_at)) : "", R = f ? Fe(f) : !1, S = l ? l(f, w) : `${R ? "✨ " : ""}${w}`, D = n ?? 0;
+    })(), C = f != null && f.created_at ? Zi(new Date(f.created_at)) : "", R = f ? Fe(f) : !1, S = l ? l(f, w) : `${R ? "✨ " : ""}${w}`, D = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: p,
@@ -4997,7 +4997,7 @@ const Bs = V.createContext({
         tabIndex: 0,
         onClick: g,
         onKeyDown: c,
-        className: k(
+        className: y(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": p,
@@ -5021,7 +5021,7 @@ const Bs = V.createContext({
               /* @__PURE__ */ u(
                 "h3",
                 {
-                  className: k(
+                  className: y(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -5042,18 +5042,18 @@ const Bs = V.createContext({
     );
   }
 );
-Us.displayName = "CustomChannelPreview";
-const Ki = { last_message_at: -1 }, Ji = V.memo(
+js.displayName = "CustomChannelPreview";
+const Ji = { last_message_at: -1 }, Qi = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Ki,
+    sort: i = Ji,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = An,
+    channelListPaginator: d = Rn,
     channelPreview: m,
     renderMessagePreview: p,
     viewerLanguage: h
@@ -5063,7 +5063,7 @@ const Ki = { last_message_at: -1 }, Ji = V.memo(
     const { debug: c = !1 } = ct(), b = V.useCallback(
       (v) => {
         for (const f of v)
-          Hi(f);
+          qi(f);
         return r ? r(v) : v;
       },
       [r]
@@ -5094,12 +5094,12 @@ const Ki = { last_message_at: -1 }, Ji = V.memo(
     return /* @__PURE__ */ s(
       "div",
       {
-        className: k(
+        className: y(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Yi, { value: x, children: /* @__PURE__ */ s(
-          Tn,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Wi, { value: x, children: /* @__PURE__ */ s(
+          Mn,
           {
             filters: n,
             sort: i,
@@ -5107,7 +5107,7 @@ const Ki = { last_message_at: -1 }, Ji = V.memo(
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: b,
             Paginator: d,
-            Preview: Us,
+            Preview: js,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5116,8 +5116,85 @@ const Ki = { last_message_at: -1 }, Ji = V.memo(
     );
   }
 );
-Ji.displayName = "ChannelList";
-const Zi = ({
+Qi.displayName = "ChannelList";
+const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, el = {
+  sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
+  received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
+}, tl = ({ variant: e }) => /* @__PURE__ */ s(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: "pointer-events-none absolute bottom-0 z-[-1] h-[1.4375rem] w-5",
+    style: {
+      insetInlineEnd: e === "sent" ? "calc(-1 * 0.25rem)" : void 0,
+      insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
+      transform: e === "received" ? "scaleX(-1)" : void 0,
+      transformOrigin: "center",
+      backgroundColor: el[e],
+      WebkitMask: is,
+      mask: is
+    }
+  }
+), sl = {
+  sent: {
+    backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
+    color: "var(--str-chat__own-message-bubble-color, #fff)"
+  },
+  received: {
+    backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
+    color: "var(--str-chat__message-bubble-color, #000000)"
+  }
+}, Vs = ({
+  variant: e,
+  text: t,
+  tail: n = !0,
+  header: a,
+  className: r
+}) => /* @__PURE__ */ u(
+  "div",
+  {
+    className: y(
+      "relative w-fit max-w-full px-4 py-3",
+      "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]",
+      r
+    ),
+    style: {
+      ...sl[e],
+      borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
+      isolation: "isolate"
+    },
+    children: [
+      a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
+      /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
+      n && /* @__PURE__ */ s(tl, { variant: e })
+    ]
+  }
+), nl = ({
+  text: e,
+  tail: t,
+  header: n,
+  className: a
+}) => /* @__PURE__ */ s(
+  Vs,
+  {
+    variant: "received",
+    text: e,
+    tail: t,
+    header: n,
+    className: a
+  }
+), al = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(
+  Vs,
+  {
+    variant: "sent",
+    text: e,
+    tail: t,
+    className: n
+  }
+), xl = {
+  Sent: al,
+  Received: nl
+}, rl = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5129,7 +5206,7 @@ const Zi = ({
     onClick: t,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: k(
+    className: y(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -5139,7 +5216,7 @@ const Zi = ({
     ),
     children: e
   }
-), ml = ({
+), wl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5168,7 +5245,7 @@ const Zi = ({
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            Zi,
+            rl,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5182,40 +5259,41 @@ const Zi = ({
   ] }) });
 };
 export {
-  bs as A,
-  dl as B,
-  Ui as C,
-  Ur as D,
-  xa as E,
-  ml as F,
-  sa as G,
+  vs as A,
+  ut as B,
+  Vi as C,
+  bl as D,
+  Vr as E,
+  wl as F,
+  _a as G,
+  aa as H,
   es as L,
-  ol as M,
+  gl as M,
   Ne as a,
   se as b,
-  Ji as c,
-  $s as d,
-  cl as e,
-  Zi as f,
+  Qi as c,
+  Bs as d,
+  pl as e,
+  rl as f,
   oe as g,
-  Zt as h,
+  Jt as h,
   ye as i,
-  qr as j,
-  ll as k,
-  ul as l,
-  rr as m,
-  sr as n,
-  Xi as o,
-  ar as p,
-  hs as q,
+  xl as j,
+  Xr as k,
+  fl as l,
+  vl as m,
+  lr as n,
+  ar as o,
+  Zi as p,
+  ir as q,
   we as r,
-  ws as s,
-  ia as t,
-  Xa as u,
-  wa as v,
-  je as w,
-  gt as x,
-  pt as y,
-  ut as z
+  fs as s,
+  _s as t,
+  oa as u,
+  Za as v,
+  Na as w,
+  je as x,
+  gt as y,
+  pt as z
 };
-//# sourceMappingURL=index-CPbf44kW.js.map
+//# sourceMappingURL=index-DSY7bIL-.js.map