@linktr.ee/messaging-react 3.5.5-rc-1782987115 → 3.5.5

package/dist/{index-Bo9wjHNl.js → index-6Q-jnVFS.js}

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import F, { createContext as Xe, useContext as ye, useCallback as W, useState as $, useRef as H, useEffect as q, useId as Sn, useMemo as re, Suspense as Ke } from "react";
-import { StreamChatService as Tn } from "@linktr.ee/messaging-core";
-import { StreamChat as An, LinkPreviewsManager as Dt } from "stream-chat";
-import { Chat as Mn, DateSeparator as Rn, useChannelStateContext as de, useChatContext as ue, areMessageUIPropsEqual as Ln, useMessageReminder as Dn, useComponentContext as Ht, Attachment as Pn, EditMessageModal as On, MessageBlocked as zn, MessageBouncePrompt as $n, MessageDeleted as Fn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as Un, ReminderNotification as jn, StreamedMessageText as Vn, messageHasAttachments as Gn, messageHasReactions as Hn, isDateSeparatorMessage as Yn, isMessageBlocked as qn, isMessageBounced as Wn, MessageBounceModal as Xn, MessageText as Pt, Poll as Kn, MessageErrorIcon as Jn, useMessageContext as ke, useMessageComposer as Zn, useStateStore as Qn, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ns, AttachmentPreviewList as ss, QuotedMessagePreview as as, TextareaComposer as rs, MessageTimestamp as Fe, AIStates as Be, useTypingContext as is, useAIState as os, Channel as ls, WithComponents as cs, Window as ds, MessageList as us, ChannelList as ms, InfiniteScroll as hs } from "stream-chat-react";
-import { StarIcon as He, DotsThreeIcon as fs, SpinnerGapIcon as Ae, SignOutIcon as gs, ProhibitInsetIcon as Ot, FlagIcon as Yt, FileIcon as qt, ImageIcon as ps, SpeakerHighIcon as bs, VideoCameraIcon as Wt, FileMdIcon as vs, FileTextIcon as xs, FileZipIcon as ws, FilePptIcon as Ns, FileCsvIcon as _s, FileXlsIcon as ys, FileDocIcon as ks, FilePdfIcon as Cs, CircleNotchIcon as Ne, PlayIcon as Ye, PauseIcon as Es, LinkIcon as Is, DownloadSimpleIcon as _e, GiftIcon as Ss, ThumbsUpIcon as Ts, ThumbsDownIcon as As, TrashSimpleIcon as Ms, XIcon as Oe, ArrowUpIcon as Rs, SparkleIcon as ve, ProhibitIcon as Ls, ArrowLeftIcon as zt, CaretRightIcon as xe, PencilSimpleIcon as Ds, CaretLeftIcon as Ps } from "@phosphor-icons/react";
-import k from "classnames";
-import { MessageActions as Os, DefaultDropdownActionButton as Xt } from "stream-chat-react/experimental";
+import $, { createContext as Xe, useContext as ye, useCallback as W, useState as F, useRef as H, useEffect as q, useId as Tn, useMemo as re, Suspense as Ke } from "react";
+import { StreamChatService as An } from "@linktr.ee/messaging-core";
+import { StreamChat as Mn, LinkPreviewsManager as Dt } from "stream-chat";
+import { Chat as Rn, DateSeparator as Ln, useChannelStateContext as de, useChatContext as ue, areMessageUIPropsEqual as Dn, useMessageReminder as Pn, useComponentContext as Ht, Attachment as On, EditMessageModal as zn, MessageBlocked as Fn, MessageBouncePrompt as $n, MessageDeleted as Bn, MessageIsThreadReplyInChannelButtonIndicator as jn, MessageRepliesCountButton as Un, ReminderNotification as Vn, StreamedMessageText as Gn, messageHasAttachments as Hn, messageHasReactions as Yn, isDateSeparatorMessage as qn, isMessageBlocked as Wn, isMessageBounced as Xn, MessageBounceModal as Kn, MessageText as Pt, Poll as Jn, MessageErrorIcon as Zn, useMessageContext as Ce, useMessageComposer as Qn, useStateStore as es, MessageInput as ts, useMessageInputContext as ns, useMessageComposerHasSendableData as ss, AttachmentPreviewList as as, QuotedMessagePreview as rs, TextareaComposer as is, MessageTimestamp as $e, AIStates as Be, useTypingContext as os, useAIState as ls, Channel as cs, WithComponents as ds, Window as us, MessageList as ms, ChannelList as hs, InfiniteScroll as fs } from "stream-chat-react";
+import { StarIcon as He, DotsThreeIcon as gs, SpinnerGapIcon as Ae, SignOutIcon as ps, ProhibitInsetIcon as Ot, FlagIcon as Yt, FileIcon as qt, ImageIcon as bs, SpeakerHighIcon as vs, VideoCameraIcon as Wt, FileMdIcon as xs, FileTextIcon as ws, FileZipIcon as Ns, FilePptIcon as _s, FileCsvIcon as ys, FileXlsIcon as Cs, FileDocIcon as ks, FilePdfIcon as Es, CircleNotchIcon as Ne, PlayIcon as Ye, PauseIcon as Is, LinkIcon as Ss, DownloadSimpleIcon as _e, GiftIcon as Ts, ThumbsUpIcon as As, ThumbsDownIcon as Ms, TrashSimpleIcon as Rs, XIcon as Oe, ArrowUpIcon as Ls, SparkleIcon as ve, ProhibitIcon as Ds, ArrowLeftIcon as zt, CaretRightIcon as xe, PencilSimpleIcon as Ps, CaretLeftIcon as Os } from "@phosphor-icons/react";
+import C from "classnames";
+import { MessageActions as zs, DefaultDropdownActionButton as Xt } from "stream-chat-react/experimental";
 const Kt = Xe({
   service: null,
   client: null,
@@ -16,7 +16,7 @@ const Kt = Xe({
   refreshConnection: async () => {
   },
   debug: !1
-}), Je = () => ye(Kt), Ci = ({
+}), Je = () => ye(Kt), Ii = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -37,7 +37,7 @@ const Kt = Xe({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = $(null), [u, g] = $(null), [m, f] = $(!1), [c, b] = $(!1), [w, v] = $(null), p = H(!1), N = H(null), _ = H(s);
+  const [l, d] = F(null), [u, g] = F(null), [m, f] = F(!1), [c, b] = F(!1), [w, v] = F(null), p = H(!1), N = H(null), _ = H(s);
   _.current = s;
   const T = H(i);
   T.current = i;
@@ -63,7 +63,7 @@ const Kt = Xe({
     capabilities: r
   };
   const L = H(null);
-  a && ((A = L.current) == null ? void 0 : A.apiKey) !== a && (L.current = { apiKey: a, client: new An(a) });
+  a && ((A = L.current) == null ? void 0 : A.apiKey) !== a && (L.current = { apiKey: a, client: new Mn(a) });
   const D = a ? ((E = L.current) == null ? void 0 : E.client) ?? null : null;
   q(() => {
     const y = M.current, I = _.current;
@@ -78,7 +78,7 @@ const Kt = Xe({
       renderCount: y,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const z = new Tn({
+    const z = new An({
       ...I,
       apiKey: a,
       debug: T.current,
@@ -124,10 +124,10 @@ const Kt = Xe({
           clientId: O.userID
         });
       } catch (O) {
-        const U = O instanceof Error ? O.message : "Connection failed";
-        v(U), o("❌ USER CONNECTION ERROR", {
+        const j = O instanceof Error ? O.message : "Connection failed";
+        v(j), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: U
+          error: j
         });
       } finally {
         b(!1), p.current = !1, o("🔄 USER CONNECTION FINISHED", {
@@ -165,7 +165,7 @@ const Kt = Xe({
     } finally {
       b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), C = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), k = $.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!u,
     isConnected: m,
@@ -195,9 +195,9 @@ const Kt = Xe({
   return o("🔄 RENDER END", {
     renderCount: M.current,
     willRenderChat: !!D,
-    contextValueReady: !!C
-  }), /* @__PURE__ */ n(Kt.Provider, { value: C, children: D ? /* @__PURE__ */ n(
-    Mn,
+    contextValueReady: !!k
+  }), /* @__PURE__ */ n(Kt.Provider, { value: k, children: D ? /* @__PURE__ */ n(
+    Rn,
     {
       client: D,
       customClasses: {
@@ -206,9 +206,9 @@ const Kt = Xe({
       children: e
     }
   ) : e });
-}, zs = () => Je(), Jt = (e) => {
+}, Fs = () => Je(), Jt = (e) => {
   var a, r;
-  const [t, s] = $(
+  const [t, s] = F(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return q(() => {
@@ -228,14 +228,14 @@ const Kt = Xe({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, $s = "linktree-official", Fs = "linktree-official-sender";
+}, $s = "linktree-official", Bs = "linktree-official-sender";
 function Ze(e, t, s) {
   const a = Object.values(e || {});
   if (s === $s) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Fs;
+        return ((o = i.user) == null ? void 0 : o.id) === Bs;
       }
     );
     if (r) return r;
@@ -247,46 +247,46 @@ function Ze(e, t, s) {
     }
   );
 }
-const Bs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+const js = /^[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 Us(e) {
-  return Bs.test(e.trim());
+  return js.test(e.trim());
 }
-function $t(e, t) {
+function Ft(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t ? !1 : !Us(s);
 }
 function Zt(e) {
-  return $t(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : $t(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+  return Ft(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ft(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Ft = [
-  "🍎",
+const $t = [
+  { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
-  "🍌",
+  { emoji: "🍌", bgColor: "#FFF1C9" },
   // Banana
-  "🍇",
+  { emoji: "🍇", bgColor: "#E6D9FF" },
   // Grape
-  "🍊",
+  { emoji: "🍊", bgColor: "#D6F4FF" },
   // Orange
-  "🍓",
+  { emoji: "🍓", bgColor: "#FFE0AE" },
   // Strawberry
-  "🥥",
+  { emoji: "🥥", bgColor: "#F7E7D8" },
   // Coconut
-  "🍒",
+  { emoji: "🍒", bgColor: "#DFF4D8" },
   // Cherry
-  "🥭",
+  { emoji: "🥭", bgColor: "#FFD8C2" },
   // Mango
-  "🍉",
+  { emoji: "🍉", bgColor: "#D6EBFF" },
   // Watermelon
-  "🍋",
+  { emoji: "🍋", bgColor: "#CAEEB5" },
   // Lemon
-  "🥝",
+  { emoji: "🥝", bgColor: "#FFE7C7" },
   // Kiwi
-  "🫒",
+  { emoji: "🫒", bgColor: "#F6E3B4" },
   // Olive
-  "🍈"
+  { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function js(e) {
+function Vs(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -294,9 +294,14 @@ function js(e) {
   }
   return Math.abs(t);
 }
-function Vs(e) {
-  const s = js(e) % Ft.length;
-  return Ft[s];
+function Qt(e) {
+  return $t[Vs(e) % $t.length];
+}
+function Gs(e) {
+  return Qt(e).emoji;
+}
+function Hs(e) {
+  return Qt(e).bgColor;
 }
 const ne = ({
   id: e,
@@ -307,7 +312,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Vs(e), d = 0.45, g = s < 32 ? Math.round(s * d) : s < 56 ? 14 : s < 120 ? 18 : 36, m = s >= 40 ? 2 : 1, f = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, c = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: f, children: t ? /* @__PURE__ */ n(
+  const l = Gs(e), d = Hs(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, f = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -318,24 +323,26 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: k(
-        "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors"
+      className: C(
+        "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
-      style: { fontSize: g, lineHeight: 1 },
+      style: { fontSize: m, lineHeight: 1 },
       children: l
     }
   ) });
   return /* @__PURE__ */ h(
     "div",
     {
-      className: k(
-        "relative flex-shrink-0 !bg-transparent",
+      className: C(
+        "relative flex-shrink-0",
         a
       ),
       style: {
         "--str-chat__avatar-size": `${s}px`,
         width: `${s}px`,
-        height: `${s}px`
+        height: `${s}px`,
+        backgroundColor: t ? void 0 : d,
+        ...c
       },
       children: [
         r && /* @__PURE__ */ n(
@@ -350,26 +357,26 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k(
+            className: C(
               "h-full w-full",
               "bg-transparent"
             ),
             style: {
-              ...f,
+              ...c,
               ...o && {
-                borderWidth: `${m}px`,
+                borderWidth: `${f}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: c
+            children: b
           }
         )
       ]
     }
   );
-}, Gs = "https://linktr.ee/s/about/trust-center/report", Hs = ({
+}, Ys = "https://linktr.ee/s/about/trust-center/report", qs = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -383,7 +390,7 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var A;
-  const { service: m, debug: f } = Je(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, b = !!(a && s && m && c), [w, v] = $(!1), [p, N] = $(null), [_, T] = $(!1), [R, M] = $(!1), L = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
+  const { service: m, debug: f } = Je(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, b = !!(a && s && m && c), [w, v] = F(!1), [p, N] = F(null), [_, T] = F(!1), [R, M] = F(!1), L = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
   return q(() => {
     if (!b || !m || !c) {
       v(!1), N(null);
@@ -453,7 +460,7 @@ const ne = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(Gs, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Ys, "_blank", "noopener,noreferrer");
     }
   };
 }, be = ({
@@ -465,7 +472,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: k(
+    className: C(
       "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
@@ -487,7 +494,7 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: m
 }) => {
-  const [f, c] = $(!1), b = H(null), w = Sn(), v = W(() => c(!1), []), {
+  const [f, c] = F(!1), b = H(null), w = Tn(), v = W(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: N,
     isLeaving: _,
@@ -496,7 +503,7 @@ const ne = ({
     handleBlockUser: M,
     handleUnblockUser: L,
     handleReportUser: D
-  } = Hs({
+  } = qs({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -513,11 +520,11 @@ const ne = ({
     if (!f) return;
     const P = (A) => {
       b.current && !b.current.contains(A.target) && c(!1);
-    }, C = (A) => {
+    }, k = (A) => {
       A.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", P), document.addEventListener("keydown", C), () => {
-      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", C);
+    return document.addEventListener("mousedown", P), document.addEventListener("keydown", k), () => {
+      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", k);
     };
   }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ h(
@@ -530,7 +537,7 @@ const ne = ({
         "aria-controls": f ? w : void 0,
         onClick: () => c((P) => !P),
         children: [
-          /* @__PURE__ */ n(fs, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(gs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -540,7 +547,7 @@ const ne = ({
       {
         id: w,
         "aria-label": "Conversation options",
-        className: k(
+        className: C(
           "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"
         ),
@@ -552,7 +559,7 @@ const ne = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(gs, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ps, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -596,13 +603,13 @@ const ne = ({
       }
     )
   ] });
-}, Ys = (e) => /* @__PURE__ */ n(Rn, { ...e, position: "center" }), qe = "vote_up", We = "vote_down";
-function qs(e) {
+}, Ws = (e) => /* @__PURE__ */ n(Ln, { ...e, position: "center" }), qe = "vote_up", We = "vote_down";
+function Xs(e) {
   return e != null && e.length ? e.some((t) => t.type === We) ? "down" : e.some((t) => t.type === qe) ? "up" : null : null;
 }
-function Ws(e) {
+function Ks(e) {
   const { channel: t } = de(), { client: s } = ue("useMessageVote"), a = re(
-    () => qs(e.own_reactions),
+    () => Xs(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
     if (s != null && s.userID)
@@ -627,24 +634,24 @@ function Ws(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Xs(e) {
+function Js(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Qt({
+function en({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Xs(t);
+  const s = e == null ? void 0 : e.text, a = Js(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Ks = F.lazy(() => import("./Card-rMhzAqC4.js")), Js = F.lazy(() => import("./Card-B6Jplpgi.js")), Zs = F.lazy(() => import("./Card-hIM2Pu2w.js")), Qe = () => /* @__PURE__ */ n(
+const Zs = $.lazy(() => import("./Card-CHvZlG79.js")), Qs = $.lazy(() => import("./Card-Bb26YfI4.js")), ea = $.lazy(() => import("./Card-DN-Wvpia.js")), Qe = () => /* @__PURE__ */ n(
   "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
   }
-), Qs = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Ks, { ...e }) }), en = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Js, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Zs, { ...e }) }), ea = en, ta = tn, Ut = { Composer: Qs, Sent: en, Received: tn, Creator: ea, Visitor: ta }, na = [
+), ta = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Zs, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Qs, { ...e }) }), nn = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(ea, { ...e }) }), na = tn, sa = nn, jt = { Composer: ta, Sent: tn, Received: nn, Creator: na, Visitor: sa }, aa = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -657,39 +664,39 @@ const Ks = F.lazy(() => import("./Card-rMhzAqC4.js")), Js = F.lazy(() => import(
 function ie(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function nn(e) {
-  const t = na.find(
+function sn(e) {
+  const t = aa.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const sa = {
+const ra = {
   video: Wt,
-  audio: bs,
-  image: ps,
+  audio: vs,
+  image: bs,
   document: qt
-}, aa = {
-  pdf: Cs,
+}, ia = {
+  pdf: Es,
   doc: ks,
-  xls: ys,
-  csv: _s,
-  ppt: Ns,
-  zip: ws,
-  text: xs,
-  markdown: vs,
+  xls: Cs,
+  csv: ys,
+  ppt: _s,
+  zip: Ns,
+  text: ws,
+  markdown: xs,
   generic: qt
 };
-function ra(e) {
+function oa(e) {
   const t = ie(e);
-  return t !== "document" ? sa[t] : aa[nn(e)];
+  return t !== "document" ? ra[t] : ia[sn(e)];
 }
 function ce(e, t) {
-  return F.createElement(ra(e), t);
+  return $.createElement(oa(e), t);
 }
-const ia = (e) => {
+const la = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, oa = ({
+}, ca = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -701,7 +708,7 @@ const ia = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = ie(t), m = H(null), f = H(null), c = H(null), b = H(r), [w, v] = $(a), [p, N] = $(0), [_, T] = $(!1), [R, M] = $(!1), [L, D] = $(!1), [B, P] = $(!1), [C, A] = $(!0), [E, y] = $(null), I = W(() => {
+  const g = ie(t), m = H(null), f = H(null), c = H(null), b = H(r), [w, v] = F(a), [p, N] = F(0), [_, T] = F(!1), [R, M] = F(!1), [L, D] = F(!1), [B, P] = F(!1), [k, A] = F(!0), [E, y] = F(null), I = W(() => {
     D(!1), v(!0);
   }, []), z = W((x) => {
     const S = f.current;
@@ -709,12 +716,12 @@ const ia = (e) => {
     const G = S.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ia(x) - G.left) / G.width)
+      Math.min(1, (la(x) - G.left) / G.width)
     );
   }, []), O = W((x) => {
     const S = m.current;
     S && S.duration && (S.currentTime = x * S.duration);
-  }, []), U = (x) => {
+  }, []), j = (x) => {
     x.stopPropagation(), T(!0);
     const S = z(x);
     N(S), O(S);
@@ -772,7 +779,7 @@ const ia = (e) => {
         }
       },
       children: [
-        s && (g === "audio" || C) && /* @__PURE__ */ n(
+        s && (g === "audio" || k) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -780,7 +787,7 @@ const ia = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || C) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || k) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -862,8 +869,8 @@ const ia = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: U,
-            onTouchStart: U,
+            onMouseDown: j,
+            onTouchStart: j,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
               x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
@@ -887,7 +894,7 @@ const ia = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(Es, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Ye, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(Is, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Ye, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -901,8 +908,8 @@ const ia = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: U,
-              onTouchStart: U,
+              onMouseDown: j,
+              onTouchStart: j,
               onClick: (x) => x.stopPropagation(),
               onMouseEnter: () => M(!0),
               onMouseLeave: () => M(!1),
@@ -937,7 +944,7 @@ const ia = (e) => {
       ]
     }
   );
-}, jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", la = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", sn = ({
+}, Ut = (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", an = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -946,9 +953,9 @@ const ia = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ie(e), [d, u] = $(!1);
+  const l = ie(e), [d, u] = F(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    oa,
+    ca,
     {
       source: t,
       mimeType: e,
@@ -995,11 +1002,11 @@ const ia = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: jt(r),
+        className: Ut(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${la(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${da(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1012,12 +1019,12 @@ const ia = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: jt(r),
+        className: Ut(r),
         weight: "regular"
       })
     }
   );
-}, an = ({
+}, rn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1037,9 +1044,9 @@ const ia = (e) => {
     {
       ref: g,
       "data-testid": m,
-      className: k(
+      className: C(
         "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)]",
-        f ? "bg-[#1e2330]" : "bg-white"
+        f ? "bg-[#121110]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
@@ -1049,7 +1056,7 @@ const ia = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: k("mb-0.5 truncate text-base font-medium", {
+              className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
                 "text-white/30": f && b,
                 "text-white": f && !b
@@ -1059,7 +1066,7 @@ const ia = (e) => {
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             ce(r, {
-              className: k(
+              className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1068,7 +1075,7 @@ const ia = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: k(
+                className: C(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1083,29 +1090,29 @@ const ia = (e) => {
     }
   );
 };
-function rn(e) {
+function on(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function et(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)]`;
+  return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function ca(e) {
+function ua(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function da(e) {
+function ma(e) {
   return e ? "text-white" : "text-black";
 }
-function ua(e) {
+function ha(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ma(e) {
+function fa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function ha(e) {
+function ga(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const tt = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ h(F.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ h($.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1116,26 +1123,26 @@ const tt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ca(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Is, { className: `size-12 ${ha(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${ua(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Ss, { className: `size-12 ${ga(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${da(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ua(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ma(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ma(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ha(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${fa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ n("div", { className: "block", children: u });
 };
-function on(e) {
+function ln(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function nt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(on);
+  return (t = e.attachments) == null ? void 0 : t.find(ln);
 }
-async function fa(e, t) {
+async function pa(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1147,11 +1154,11 @@ async function fa(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const ga = ({
+const ba = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = $(!1);
+  const [s, a] = F(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1159,7 +1166,7 @@ const ga = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), fa(e, t).then(() => {
+        a(!0), pa(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1167,7 +1174,7 @@ const ga = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(Ne, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(F.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(Ne, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h($.Fragment, { children: [
         /* @__PURE__ */ n(_e, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1195,16 +1202,16 @@ function st(e) {
     thumbnailUrl: g
   };
 }
-const ln = ({
+const cn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? rn(a) : void 0;
+  const i = a !== void 0 ? on(a) : void 0;
   return /* @__PURE__ */ n(
-    an,
+    rn,
     {
       variant: "dark",
       title: s,
@@ -1212,7 +1219,7 @@ const ln = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        sn,
+        an,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1223,23 +1230,23 @@ const ln = ({
       )
     }
   );
-}, cn = ({
+}, dn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ie(t), o = a !== void 0 ? rn(a) : void 0;
+  const i = ie(t), o = a !== void 0 ? on(a) : void 0;
   return /* @__PURE__ */ n(
-    an,
+    rn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        sn,
+        an,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1249,10 +1256,10 @@ const ln = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(ga, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ba, { url: e, filename: s })
     }
   );
-}, pa = ({
+}, va = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1277,40 +1284,40 @@ const ln = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: et(t), children: /* @__PURE__ */ n(tt, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(ln, { ...a }) : /* @__PURE__ */ n(cn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: et(t), children: /* @__PURE__ */ n(tt, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(cn, { ...a }) : /* @__PURE__ */ n(dn, { ...a })
           }
         ) })
       }
     )
   ] });
-}, ba = ({
+}, xa = ({
   message: e
 }) => {
   const t = nt(e);
   if (t)
     return /* @__PURE__ */ n("div", { className: et(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(tt, { attachment: t, isMyMessage: !0 }) });
   const s = st(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ln, { ...s }) }) : null;
-}, va = ({
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(cn, { ...s }) }) : null;
+}, wa = ({
   message: e
 }) => {
   const t = nt(e);
   if (t)
     return /* @__PURE__ */ n("div", { className: et(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(tt, { attachment: t, isMyMessage: !1 }) });
   const s = st(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(cn, { ...s }) }) : null;
-}, Ei = Object.assign(pa, {
-  Creator: ba,
-  Visitor: va
-}), xa = {
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dn, { ...s }) }) : null;
+}, Si = Object.assign(va, {
+  Creator: xa,
+  Visitor: wa
+}), Na = {
   isUnlocking: () => !1
-}, wa = {
-  LockedAttachment: xa
-}, dn = Xe({}), Ii = dn.Provider;
-function Na(e) {
-  return ye(dn)[e] ?? wa[e];
+}, _a = {
+  LockedAttachment: Na
+}, un = Xe({}), Ti = un.Provider;
+function ya(e) {
+  return ye(un)[e] ?? _a[e];
 }
-const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1327,29 +1334,29 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), ya = (e) => {
+), ka = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, ka = (e) => {
+}, Ea = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Re = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Ca = (e) => {
+}, Ia = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, un = (e) => ya(e) || ka(e), Ea = (e) => {
+}, mn = (e) => ka(e) || Ea(e), Sa = (e) => {
   var t;
-  return un(e) && !((t = e.text) != null && t.trim());
-}, Ue = ({
+  return mn(e) && !((t = e.text) != null && t.trim());
+}, je = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var m;
-  const r = un(e), i = Re(e);
+  const r = mn(e), i = Re(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1357,7 +1364,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(Ss, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(Ts, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: b })
     ] });
   }
@@ -1365,7 +1372,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(_a, { size: o ? 12 : 15 }) });
+  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Ca, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
     u,
     g
@@ -1373,7 +1380,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     g,
     u
   ] }) });
-}, Ia = ({
+}, Ta = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1382,32 +1389,32 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: C("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__ */ n(Ts, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(As, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(As, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Ms, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Sa = (e) => {
-  var vt, xt, wt, Nt, _t, yt, kt, Ct, Et, It, St, Tt, At, Mt;
+] }), Aa = (e) => {
+  var vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It, St, Tt, At, Mt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1425,40 +1432,40 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: b,
     threadList: w,
     viewerLanguage: v
-  } = e, { client: p } = ue("CustomMessage"), { channel: N } = de("CustomMessage"), { isUnlocking: _, onUnlockClick: T, onFetchSource: R, onDownloadClick: M } = Na("LockedAttachment"), [L, D] = $(!1), B = Dn(c.id), { selected: P, voteUp: C, voteDown: A } = Ws(c), {
-    Attachment: E = Pn,
-    EditMessageModal: y = On,
+  } = e, { client: p } = ue("CustomMessage"), { channel: N } = de("CustomMessage"), { isUnlocking: _, onUnlockClick: T, onFetchSource: R, onDownloadClick: M } = ya("LockedAttachment"), [L, D] = F(!1), B = Pn(c.id), { selected: P, voteUp: k, voteDown: A } = Ks(c), {
+    Attachment: E = On,
+    EditMessageModal: y = zn,
     MessageActions: I,
-    MessageBlocked: z = zn,
+    MessageBlocked: z = Fn,
     MessageBouncePrompt: O = $n,
-    MessageDeleted: U = Fn,
-    MessageIsThreadReplyInChannelButtonIndicator: X = Bn,
+    MessageDeleted: j = Bn,
+    MessageIsThreadReplyInChannelButtonIndicator: X = jn,
     MessageRepliesCountButton: Z = Un,
-    ReminderNotification: Y = jn,
-    StreamedMessageText: x = Vn,
+    ReminderNotification: Y = Vn,
+    StreamedMessageText: x = Gn,
     PinIndicator: S
-  } = Ht("CustomMessage"), G = Gn(c), V = Hn(c), Q = re(
+  } = Ht("CustomMessage"), G = Hn(c), V = Yn(c), Q = re(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), j = re(() => {
+  ), U = re(() => {
     const pe = c.attachments ?? [], Te = c.shared_location ? [c.shared_location, ...pe] : pe;
     if (!Re(c)) return Te;
-    const Rt = Te.filter((Lt) => !("type" in Lt) || !on(Lt));
+    const Rt = Te.filter((Lt) => !("type" in Lt) || !ln(Lt));
     return Rt.length === Te.length ? Te : Rt;
   }, [c]), K = re(() => {
-    const pe = Qt({ message: c, viewerLanguage: v });
+    const pe = en({ message: c, viewerLanguage: v });
     return pe === c.text ? c : { ...c, text: pe };
   }, [c, v]);
-  if (Yn(c))
+  if (qn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(U, { message: c });
-  if (qn(c))
+    return /* @__PURE__ */ n(j, { message: c });
+  if (Wn(c))
     return /* @__PURE__ */ n(z, {});
-  const ee = !w && !!c.reply_count, me = !w && c.show_in_channel && c.parent_id, he = c.status === "failed" && ((vt = c.error) == null ? void 0 : vt.status) !== 403, fe = Wn(c);
+  const ee = !w && !!c.reply_count, me = !w && c.show_in_channel && c.parent_id, he = c.status === "failed" && ((vt = c.error) == null ? void 0 : vt.status) !== 403, fe = Xn(c);
   let J;
   he ? J = () => u(c) : fe && (J = () => D(!0));
-  const te = f(), oe = k(
+  const te = f(), oe = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -1475,7 +1482,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ft = c.poll_id && p.polls.fromState(c.poll_id), gt = Ea(c), ge = Re(c), pt = Ca(c), $e = !!(j != null && j.length && !c.quoted_message), bt = ge && te && $e;
+  ), ft = c.poll_id && p.polls.fromState(c.poll_id), gt = Sa(c), ge = Re(c), pt = Ia(c), Fe = !!(U != null && U.length && !c.quoted_message), bt = ge && te && Fe;
   return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
       y,
@@ -1484,7 +1491,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     ),
     L && /* @__PURE__ */ n(
-      Xn,
+      Kn,
       {
         MessageBouncePrompt: O,
         onClose: () => D(!1),
@@ -1515,7 +1522,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: k("str-chat__message-inner", {
+              className: C("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": he || fe
               }),
               "data-testid": "message-inner",
@@ -1533,21 +1540,21 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 te ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   I && /* @__PURE__ */ n(I, {}),
                   /* @__PURE__ */ n(
-                    Ut.Sent,
+                    jt.Sent,
                     {
                       title: (wt = c.metadata) == null ? void 0 : wt.attachment_title,
                       mimeType: (Nt = c.metadata) == null ? void 0 : Nt.attachment_mime_type,
                       thumbnailUrl: (_t = c.metadata) == null ? void 0 : _t.attachment_thumbnail,
                       amountText: (yt = c.metadata) == null ? void 0 : yt.amount_text,
-                      detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
-                      paymentStatus: (Ct = c.metadata) == null ? void 0 : Ct.payment_status,
+                      detail: (Ct = c.metadata) == null ? void 0 : Ct.attachment_detail,
+                      paymentStatus: (kt = c.metadata) == null ? void 0 : kt.payment_status,
                       onPreviewClick: () => T == null ? void 0 : T(c, N),
                       onFetchSource: async () => await (R == null ? void 0 : R(c, N))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    Ut.Received,
+                    jt.Received,
                     {
                       title: (Et = c.metadata) == null ? void 0 : Et.attachment_title,
                       mimeType: (It = c.metadata) == null ? void 0 : It.attachment_mime_type,
@@ -1572,22 +1579,22 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 ) })
               ] }) : gt ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Ue, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(je, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
                 ge && !bt && /* @__PURE__ */ n(
-                  Ue,
+                  je,
                   {
                     message: c,
-                    hasAttachment: $e,
+                    hasAttachment: Fe,
                     isMyMessage: te
                   }
                 ),
-                ft && /* @__PURE__ */ n(Kn, { poll: ft }),
-                j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
+                ft && /* @__PURE__ */ n(Jn, { poll: ft }),
+                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ n(
                   E,
                   {
                     actionHandler: l,
-                    attachments: j
+                    attachments: U
                   }
                 ) : null,
                 Q ? /* @__PURE__ */ n(
@@ -1603,24 +1610,24 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                     renderText: b
                   }
                 ),
-                /* @__PURE__ */ n(Jn, {})
+                /* @__PURE__ */ n(Zn, {})
               ] }) })
             }
           ),
           !pt && !gt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
             (!ge || bt) && /* @__PURE__ */ n(
-              Ue,
+              je,
               {
                 message: c,
-                hasAttachment: $e,
+                hasAttachment: Fe,
                 isMyMessage: te
               }
             ),
             s && ge && /* @__PURE__ */ n(
-              Ia,
+              Ta,
               {
                 selected: P,
-                onVoteUp: C,
+                onVoteUp: k,
                 onVoteDown: A
               }
             )
@@ -1638,15 +1645,15 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       c.id
     )
   ] });
-}, Ta = F.memo(
-  Sa,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ln(e, t)
-), Aa = (e) => {
-  const t = ke("CustomMessage");
-  return /* @__PURE__ */ n(Ta, { ...t, ...e });
-}, Ma = () => {
+}, Ma = $.memo(
+  Aa,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Dn(e, t)
+), Ra = (e) => {
+  const t = Ce("CustomMessage");
+  return /* @__PURE__ */ n(Ma, { ...t, ...e });
+}, La = () => {
   var s;
-  const { handleDelete: e, message: t } = ke("CustomMessageActions");
+  const { handleDelete: e, message: t } = Ce("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Xt,
     {
@@ -1654,11 +1661,11 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Ms, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Rs, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ra = () => {
-  const { handleFlag: e } = ke("CustomMessageActions");
+}, Da = () => {
+  const { handleFlag: e } = Ce("CustomMessageActions");
   return /* @__PURE__ */ n(
     Xt,
     {
@@ -1669,19 +1676,19 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Yt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, La = () => {
+}, Pa = () => {
   var t;
-  const { message: e } = ke("CustomMessageActions");
+  const { message: e } = Ce("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Os,
+    zs,
     {
       messageActionSet: [
-        { Component: Ma, placement: "quick", type: "delete" },
-        { Component: Ra, placement: "quick", type: "flag" }
+        { Component: La, placement: "quick", type: "delete" },
+        { Component: Da, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Da = ({
+}, Oa = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1692,7 +1699,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       href: s,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: "relative block w-full rounded-[24px] bg-[#1e2330] p-2 no-underline transition-opacity hover:opacity-90",
+      className: "relative block w-full rounded-[24px] bg-[#121110] p-2 no-underline transition-opacity hover:opacity-90",
       children: [
         r && /* @__PURE__ */ n(
           "img",
@@ -1721,26 +1728,26 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Pa = (e) => ({
+}, za = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Dt.previewIsLoaded(t) || Dt.previewIsLoading(t)
   )
-}), Oa = () => {
-  const { linkPreviewsManager: e } = Zn(), { linkPreviews: t } = Qn(
+}), Fa = () => {
+  const { linkPreviewsManager: e } = Qn(), { linkPreviews: t } = es(
     e.state,
-    Pa
+    za
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Da,
+    Oa,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, at = F.createContext(!1), Si = () => ye(at), za = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, at = $.createContext(!1), Ai = () => ye(at), $a = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1748,12 +1755,12 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Rs, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Ls, { weight: "bold", className: "size-4" })
   }
-), $a = () => {
-  const e = ye(at), { handleSubmit: t } = ts(), s = ns(), a = e || !s, {
-    SendButton: r = za,
-    AttachmentPreviewList: i = ss
+), Ba = () => {
+  const e = ye(at), { handleSubmit: t } = ns(), s = ss(), a = e || !s, {
+    SendButton: r = $a,
+    AttachmentPreviewList: i = as
   } = Ht("CustomMessageInput");
   return /* @__PURE__ */ h(
     "div",
@@ -1761,12 +1768,12 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       className: "central-container flex flex-col gap-2 min-w-0 w-full 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__ */ n(as, {}),
-        /* @__PURE__ */ n(Oa, {}),
+        /* @__PURE__ */ n(rs, {}),
+        /* @__PURE__ */ n(Fa, {}),
         /* @__PURE__ */ n(i, {}),
         /* @__PURE__ */ h("div", { className: "flex", children: [
           /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-            rs,
+            is,
             {
               "aria-disabled": e || void 0,
               className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -1791,7 +1798,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Fa = ({
+}, ja = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
@@ -1812,23 +1819,23 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(at.Provider, { value: o, children: /* @__PURE__ */ n(es, { Input: r ?? $a }) })
+          /* @__PURE__ */ n(at.Provider, { value: o, children: /* @__PURE__ */ n(ts, { Input: r ?? Ba }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Ba = [
+}, Ua = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ua = {
+], Va = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, ja = [
+}, Ga = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Va = {
+], Ha = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, je = "age safety guidelines.", Ga = "https://linktr.ee/s/about/contact", Vt = (e) => Ba.includes(e), Ha = (e) => ja.includes(e), Ya = (e) => {
+}, Ue = "age safety guidelines.", Ya = "https://linktr.ee/s/about/contact", Vt = (e) => Ua.includes(e), qa = (e) => Ga.includes(e), Wa = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Vt(t))
@@ -1836,7 +1843,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Ha(t))
+  if (qa(t))
     return {
       kind: "age-safety",
       type: t
@@ -1847,32 +1854,32 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, qa = (e) => {
-  const t = e.indexOf(je);
+}, Xa = (e) => {
+  const t = e.indexOf(Ue);
   if (t === -1)
     return e;
-  const s = t + je.length;
+  const s = t + Ue.length;
   return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: Ga,
+        href: Ya,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: je
+        children: Ue
       }
     ),
     e.slice(s)
   ] });
-}, Wa = (e) => {
+}, Ka = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Ya(
+  const t = e.message.hide_date === !0, s = Wa(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ua[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Va[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1894,11 +1901,11 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Fe, { message: e.message })
+      !t && /* @__PURE__ */ n($e, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Va[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ha[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1908,7 +1915,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ls,
+              Ds,
               {
                 size: 24,
                 weight: "duotone",
@@ -1917,11 +1924,11 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("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: qa(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("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: Xa(i) }) })
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Fe, { message: e.message })
+      !t && /* @__PURE__ */ n($e, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1930,9 +1937,9 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Fe, { message: e.message })
+    !t && /* @__PURE__ */ n($e, { message: e.message })
   ] });
-}, mn = Xe(!1), Ve = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, hn = Xe(!1), Ve = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1942,15 +1949,15 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Xa = /* @__PURE__ */ new Set([
+) }), Ja = /* @__PURE__ */ new Set([
   Be.Thinking,
   Be.Generating,
   Be.ExternalSources
-]), Ka = ({ threadList: e }) => {
+]), Za = ({ threadList: e }) => {
   var b, w;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = ue(), { typing: i = {} } = is(), { aiState: o } = os(t), l = ye(mn);
-  if (!e && l && Xa.has(o)) {
-    const v = Ja(t, (b = r.user) == null ? void 0 : b.id);
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = ue(), { typing: i = {} } = os(), { aiState: o } = ls(t), l = ye(hn);
+  if (!e && l && Ja.has(o)) {
+    const v = Qa(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Gt,
       {
@@ -2030,7 +2037,7 @@ const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] })
   }
 );
-function Ja(e, t) {
+function Qa(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2039,10 +2046,10 @@ function Ja(e, t) {
       return i;
   }
 }
-const Za = () => null, Qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const er = () => null, tr = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: k("flex items-center justify-center h-full", e),
+    className: C("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2082,12 +2089,12 @@ const Za = () => null, Qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Le = F.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(Qa, { className: "w-6 h-6" }),
+), Le = $.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(tr, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Le.displayName = "LoadingState";
-const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Me = "Replies instantly with AI assistant", er = ({
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Me = "Replies instantly with AI assistant", nr = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2107,11 +2114,11 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: v
 }) => {
   var A, E, y, I, z, O;
-  const { channel: p } = de(), { client: N } = ue(), _ = F.useMemo(
+  const { channel: p } = de(), { client: N } = ue(), _ = $.useMemo(
     () => {
-      var U;
+      var j;
       return Ze(
-        (U = p.state) == null ? void 0 : U.members,
+        (j = p.state) == null ? void 0 : j.members,
         N == null ? void 0 : N.userID,
         p.type
       );
@@ -2123,13 +2130,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }), D = "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", B = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", P = /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: T }),
     L && /* @__PURE__ */ n("span", { className: "shrink-0", children: L })
-  ] }), C = async () => {
+  ] }), k = async () => {
     try {
       M ? await p.unpin() : await p.pin();
-    } catch (U) {
+    } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        U
+        j
       );
     }
   };
@@ -2138,7 +2145,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: k(
+          className: C(
             le,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -2160,7 +2167,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               type: "button",
               onClick: w,
               "aria-label": `View details for ${T}`,
-              className: k(
+              className: C(
                 D,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
@@ -2220,13 +2227,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: le,
-            onClick: C,
+            onClick: k,
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               He,
               {
-                className: k("size-5", {
+                className: C("size-5", {
                   "text-yellow-600": M,
                   "text-black/90": !M
                 }),
@@ -2249,7 +2256,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: k(le, "bg-[#F1F0EE]")
+            triggerClassName: C(le, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2259,7 +2266,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: k(
+            className: C(
               le,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -2275,7 +2282,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: w,
             "aria-label": `View details for ${T}`,
-            className: k(
+            className: C(
               B,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -2338,13 +2345,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: le,
-            onClick: C,
+            onClick: k,
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               He,
               {
-                className: k("size-6", {
+                className: C("size-6", {
                   "text-yellow-600": M,
                   "text-black/90": !M
                 }),
@@ -2373,7 +2380,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, tr = ({
+}, sr = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2403,27 +2410,27 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerInput: P
 }) => {
   var X, Z, Y, x;
-  const { channel: C } = de(), { client: A } = ue(), E = F.useMemo(
+  const { channel: k } = de(), { client: A } = ue(), E = $.useMemo(
     () => {
       var S;
       return Ze(
-        (S = C.state) == null ? void 0 : S.members,
+        (S = k.state) == null ? void 0 : S.members,
         A == null ? void 0 : A.userID,
-        C.type
+        k.type
       );
     },
-    [(X = C.state) == null ? void 0 : X.members, A == null ? void 0 : A.userID, C.type]
-  ), y = F.useMemo(() => {
+    [(X = k.state) == null ? void 0 : X.members, A == null ? void 0 : A.userID, k.type]
+  ), y = $.useMemo(() => {
     var V;
     const S = A == null ? void 0 : A.userID;
-    return S ? Object.values(((V = C.state) == null ? void 0 : V.members) || {}).find((Q) => {
-      var j;
-      return ((j = Q.user) == null ? void 0 : j.id) === S;
+    return S ? Object.values(((V = k.state) == null ? void 0 : V.members) || {}).find((Q) => {
+      var U;
+      return ((U = Q.user) == null ? void 0 : U.id) === S;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (Z = C.state) == null ? void 0 : Z.members]), I = ((Y = y == null ? void 0 : y.user) == null ? void 0 : Y.is_account) ?? (y == null ? void 0 : y.is_account), z = ((x = E == null ? void 0 : E.user) == null ? void 0 : x.is_account) ?? (E == null ? void 0 : E.is_account), O = M && I === !1 && z === !0, U = W(
+  }, [A == null ? void 0 : A.userID, (Z = k.state) == null ? void 0 : Z.members]), I = ((Y = y == null ? void 0 : y.user) == null ? void 0 : Y.is_account) ?? (y == null ? void 0 : y.is_account), z = ((x = E == null ? void 0 : E.user) == null ? void 0 : x.is_account) ?? (E == null ? void 0 : E.is_account), O = M && I === !1 && z === !0, j = W(
     (S) => {
-      const { message: G } = ke("ChannelView"), V = /* @__PURE__ */ n(
-        Aa,
+      const { message: G } = Ce("ChannelView"), V = /* @__PURE__ */ n(
+        Ra,
         {
           ...S,
           chatbotVotingEnabled: v,
@@ -2435,15 +2442,15 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     [v, R, L]
   );
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
-    cs,
+    ds,
     {
       overrides: {
-        Message: U,
-        MessageActions: La
+        Message: j,
+        MessageActions: Pa
       },
-      children: /* @__PURE__ */ h(ds, { children: [
+      children: /* @__PURE__ */ h(us, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          er,
+          nr,
           {
             onBack: e,
             showBackButton: t,
@@ -2464,23 +2471,23 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             renderHeaderTitleBadges: N
           }
         ) }, "lt-channel-header"),
-        p ? /* @__PURE__ */ n(F.Fragment, { children: p() }, "lt-channel-banner") : null,
+        p ? /* @__PURE__ */ n($.Fragment, { children: p() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
-            children: /* @__PURE__ */ n(us, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
+            children: /* @__PURE__ */ n(ms, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(F.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n($.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          Fa,
+          ja,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(C)
+              renderActions: () => s == null ? void 0 : s(k)
             },
-            renderFooter: () => a == null ? void 0 : a(C),
+            renderFooter: () => a == null ? void 0 : a(k),
             disabled: c,
             disabledReason: b,
             composerInput: P
@@ -2490,7 +2497,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, hn = F.memo(
+}, fn = $.memo(
   ({
     channel: e,
     onBack: t,
@@ -2501,7 +2508,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = Za,
+    CustomChannelEmptyState: u = er,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: f,
@@ -2519,14 +2526,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     renderHeaderTitleBadges: D,
     customChannelActions: B,
     renderChannelActions: P,
-    renderMessage: C,
+    renderMessage: k,
     onMessageLinkClick: A,
     sendButton: E,
     attachmentPreviewList: y,
     viewerLanguage: I,
     showChannelInfo: z = !0,
     onParticipantNameClick: O,
-    composerInput: U
+    composerInput: j
   }) => {
     const X = W(
       async (Y, x, S) => {
@@ -2540,10 +2547,10 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ..._
             }
           }
-        }, j = {
+        }, U = {
           ...S,
           ...V && { skip_push: !0 }
-        }, K = await e.sendMessage(Q, j);
+        }, K = await e.sendMessage(Q, U);
         return T == null || T(K), K;
       },
       [e, N, _, T]
@@ -2555,7 +2562,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const x = (S) => {
         const G = S.target, V = G == null ? void 0 : G.closest("a[href]"), Q = V == null ? void 0 : V.getAttribute("href");
         if (!Q) return;
-        const j = V == null ? void 0 : V.closest("[data-message-id]"), K = j == null ? void 0 : j.getAttribute("data-message-id"), ee = K ? e.state.messages.find((me) => me.id === K) : void 0;
+        const U = V == null ? void 0 : V.closest("[data-message-id]"), K = U == null ? void 0 : U.getAttribute("data-message-id"), ee = K ? e.state.messages.find((me) => me.id === K) : void 0;
         A(Q, ee);
       };
       return Y.addEventListener("click", x), () => Y.removeEventListener("click", x);
@@ -2563,24 +2570,24 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       "div",
       {
         ref: Z,
-        className: k(
+        className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(mn.Provider, { value: N ?? !1, children: /* @__PURE__ */ n(
-          ls,
+        children: /* @__PURE__ */ n(hn.Provider, { value: N ?? !1, children: /* @__PURE__ */ n(
+          cs,
           {
             channel: e,
-            MessageSystem: Wa,
+            MessageSystem: Ka,
             EmptyStateIndicator: u,
             LoadingIndicator: Le,
-            DateSeparator: Ys,
-            TypingIndicator: Ka,
+            DateSeparator: Ws,
+            TypingIndicator: Za,
             doSendMessageRequest: X,
             ...E ? { SendButton: E } : {},
             ...y ? { AttachmentPreviewList: y } : {},
             children: /* @__PURE__ */ n(
-              tr,
+              sr,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2605,11 +2612,11 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 renderHeaderTitleBadges: D,
                 customChannelActions: B,
                 renderChannelActions: P,
-                renderMessage: C,
+                renderMessage: k,
                 viewerLanguage: I,
                 showChannelInfo: z,
                 onParticipantNameClick: O,
-                composerInput: U
+                composerInput: j
               }
             )
           }
@@ -2618,8 +2625,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-hn.displayName = "ChannelView";
-const we = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+fn.displayName = "ChannelView";
+const we = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2634,7 +2641,7 @@ const we = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 we.displayName = "ErrorState";
-const Ti = ({
+const Mi = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2664,10 +2671,10 @@ const Ti = ({
     isConnected: D,
     isLoading: B,
     error: P,
-    refreshConnection: C,
+    refreshConnection: k,
     service: A,
     debug: E
-  } = zs(), [y, I] = $(null), [z, O] = $(null), [U, X] = $(!1), { showDeleteConversation: Z = !0 } = e, Y = H(o);
+  } = Fs(), [y, I] = F(null), [z, O] = F(null), [j, X] = F(!1), { showDeleteConversation: Z = !0 } = e, Y = H(o);
   Y.current = o;
   const x = H(a);
   x.current = a;
@@ -2676,9 +2683,9 @@ const Ti = ({
     G.current = y;
   }, [y]), q(() => {
     if (!L || !D) return;
-    const j = L.userID;
-    if (!j) return;
-    const K = `${j}::${i}`;
+    const U = L.userID;
+    if (!U) return;
+    const K = `${U}::${i}`;
     if (S.current === K) return;
     S.current = K;
     const ee = () => {
@@ -2694,7 +2701,7 @@ const Ti = ({
         const J = await L.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [j, i] }
+            members: { $eq: [U, i] }
           },
           {},
           { limit: 1 }
@@ -2741,17 +2748,17 @@ const Ti = ({
   const V = H(r);
   V.current = r;
   const Q = W(() => {
-    var j;
-    I(null), X(!0), (j = V.current) == null || j.call(V);
+    var U;
+    I(null), X(!0), (U = V.current) == null || U.call(V);
   }, []);
-  return B ? /* @__PURE__ */ n(Le, {}) : P ? /* @__PURE__ */ n(we, { message: P, onBack: C }) : !D || !L ? /* @__PURE__ */ n(
+  return B ? /* @__PURE__ */ n(Le, {}) : P ? /* @__PURE__ */ n(we, { message: P, onBack: k }) : !D || !L ? /* @__PURE__ */ n(
     we,
     {
       message: "Not connected to messaging service",
-      onBack: C
+      onBack: k
     }
-  ) : z ? /* @__PURE__ */ n(we, { message: z }) : U && !y ? /* @__PURE__ */ n(we, { message: "Conversation ended" }) : y ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
-    hn,
+  ) : z ? /* @__PURE__ */ n(we, { message: z }) : j && !y ? /* @__PURE__ */ n(we, { message: "Conversation ended" }) : y ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+    fn,
     {
       channel: y,
       renderMessageInputActions: t,
@@ -2779,13 +2786,13 @@ const Ti = ({
     y.id
   ) }) }) : /* @__PURE__ */ n(Le, {});
 };
-function nr(e) {
+function ar(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const fn = F.createContext({
+const gn = $.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -2793,18 +2800,18 @@ const fn = F.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), sr = fn.Provider, ar = () => F.useContext(fn), rr = (e, t) => {
+}), rr = gn.Provider, ir = () => $.useContext(gn), or = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, ir = (e) => {
+}, lr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = rr(e, t);
+  const a = or(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2814,7 +2821,7 @@ const fn = F.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, gn = F.memo(
+}, pn = $.memo(
   (e) => {
     var D, B, P;
     const { channel: t, unread: s } = e, {
@@ -2824,7 +2831,7 @@ const fn = F.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = ar(), { client: u } = ue(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Jt(t);
+    } = ir(), { client: u } = ue(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Jt(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -2838,34 +2845,34 @@ const fn = F.createContext({
       );
     const f = () => {
       t && r(t);
-    }, c = (C) => {
-      const A = C.key === "Enter" || C.key === " ", E = C.repeat;
-      !A || E || (C.preventDefault(), f());
+    }, c = (k) => {
+      const A = k.key === "Enter" || k.key === " ", E = k.repeat;
+      !A || E || (k.preventDefault(), f());
     }, b = Ze(
       (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
     ), w = Zt(b == null ? void 0 : b.user), v = (B = b == null ? void 0 : b.user) == null ? void 0 : B.image, p = (() => {
       var A;
-      const C = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
-      if (C != null && C.length) {
-        for (let E = C.length - 1; E >= 0; E--)
-          if (C[E].type !== "system") return C[E];
+      const k = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
+      if (k != null && k.length) {
+        for (let E = k.length - 1; E >= 0; E--)
+          if (k[E].type !== "system") return k[E];
       }
     })(), _ = (() => {
-      var z, O, U, X;
-      const C = Qt({
+      var z, O, j, X;
+      const k = en({
         message: p,
         viewerLanguage: d
       });
-      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return C ? `💵 ${C}` : "💵 Sent a tip";
-      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return C ? `💰 ${C}` : "💰 Sent a message";
-      if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_ATTACHMENT")
-        return C ? `📎 ${C}` : "📎 Sent an attachment";
-      if (C) return C;
+      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
+      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
+      if (((j = p == null ? void 0 : p.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
+        return k ? `📎 ${k}` : "📎 Sent an attachment";
+      if (k) return k;
       const I = (X = p == null ? void 0 : p.attachments) == null ? void 0 : X[0];
       return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), T = p != null && p.created_at ? ir(new Date(p.created_at)) : "", R = p ? Re(p) : !1, M = l ? l(p, _) : `${R ? "✨ " : ""}${_}`, L = s ?? 0;
+    })(), T = p != null && p.created_at ? lr(new Date(p.created_at)) : "", R = p ? Re(p) : !1, M = l ? l(p, _) : `${R ? "✨ " : ""}${_}`, L = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
@@ -2879,7 +2886,7 @@ const fn = F.createContext({
         tabIndex: 0,
         onClick: f,
         onKeyDown: c,
-        className: k(
+        className: C(
           "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]": g,
@@ -2903,7 +2910,7 @@ const fn = F.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: k(
+                  className: C(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -2924,28 +2931,28 @@ const fn = F.createContext({
     );
   }
 );
-gn.displayName = "CustomChannelPreview";
-const or = { last_message_at: -1 }, lr = F.memo(
+pn.displayName = "CustomChannelPreview";
+const cr = { last_message_at: -1 }, dr = $.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = or,
+    sort: i = cr,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = hs,
+    channelListPaginator: d = fs,
     channelPreview: u,
     renderMessagePreview: g,
     viewerLanguage: m
   }) => {
-    const f = F.useRef(0);
+    const f = $.useRef(0);
     f.current++;
-    const { debug: c = !1 } = Je(), b = F.useCallback(
+    const { debug: c = !1 } = Je(), b = $.useCallback(
       (v) => {
         for (const p of v)
-          nr(p);
+          ar(p);
         return r ? r(v) : v;
       },
       [r]
@@ -2955,7 +2962,7 @@ const or = { last_message_at: -1 }, lr = F.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const w = F.useMemo(
+    const w = $.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2976,12 +2983,12 @@ const or = { last_message_at: -1 }, lr = F.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: k(
+        className: C(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(sr, { value: w, children: /* @__PURE__ */ n(
-          ms,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(rr, { value: w, children: /* @__PURE__ */ n(
+          hs,
           {
             filters: s,
             sort: i,
@@ -2989,7 +2996,7 @@ const or = { last_message_at: -1 }, lr = F.memo(
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: b,
             Paginator: d,
-            Preview: gn,
+            Preview: pn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -2998,26 +3005,26 @@ const or = { last_message_at: -1 }, lr = F.memo(
     );
   }
 );
-lr.displayName = "ChannelList";
-const cr = /^([a-z][a-z0-9+.-]*):/i, dr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+dr.displayName = "ChannelList";
+const ur = /^([a-z][a-z0-9+.-]*):/i, mr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function rt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = cr.exec(t);
+  const s = ur.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return dr.has(a) ? t : void 0;
+    return mr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const ur = {
+const hr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, mr = ({ variant: e, cta: t }) => {
-  const s = k(
+}, fr = ({ variant: e, cta: t }) => {
+  const s = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    ur[e]
+    hr[e]
   ), a = rt(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -3044,10 +3051,10 @@ const ur = {
       children: t.label
     }
   );
-}, hr = {
+}, gr = {
   dark: "text-white",
   light: "text-black/90"
-}, fr = "text-white/30", gr = {
+}, pr = "text-white/30", br = {
   dark: "text-white/55",
   light: "text-black/55"
 }, it = ({
@@ -3062,12 +3069,12 @@ const ur = {
 }) => {
   const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
   if (!g && !m && !c && !b) return null;
-  const v = k(
+  const v = C(
     "truncate text-base font-medium leading-6",
-    d && !t ? fr : hr[e]
-  ), p = k(
+    d && !t ? pr : gr[e]
+  ), p = C(
     "truncate text-xs leading-4",
-    gr[e]
+    br[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -3075,7 +3082,7 @@ const ur = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: k("min-w-0", v), children: u })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", v), children: u })
           ] }),
           m && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
@@ -3083,9 +3090,9 @@ const ur = {
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(mr, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(fr, { variant: e, cta: o })
   ] });
-}, pr = k(
+}, vr = C(
   "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"
@@ -3103,9 +3110,9 @@ const ur = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const u = s != null || a != null, g = k(
-    pr,
-    l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
+  const u = s != null || a != null, g = C(
+    vr,
+    l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
@@ -3134,7 +3141,7 @@ const ur = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: k(g, "text-left"),
+      className: C(g, "text-left"),
       children: [
         t,
         m
@@ -3152,13 +3159,13 @@ const ur = {
       ]
     }
   );
-}, br = {
+}, xr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, vr = {
+}, wr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, ze = (e, t) => !!t && !!e && ie(e) === "audio", pn = (e, t) => {
+}, ze = (e, t) => !!t && !!e && ie(e) === "audio", bn = (e, t) => {
   if (!t || !e) return !1;
   const s = ie(e);
   return s === "video" || s === "audio";
@@ -3184,7 +3191,7 @@ const ur = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: C(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3211,12 +3218,12 @@ const ur = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: k(
+            className: C(
               "flex h-full w-full items-center justify-center",
-              br[e]
+              xr[e]
             ),
             children: ce(r, {
-              className: vr[e],
+              className: wr[e],
               weight: "regular"
             })
           }
@@ -3226,7 +3233,7 @@ const ur = {
       ]
     }
   );
-}, xr = ({
+}, Nr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3256,7 +3263,7 @@ const ur = {
       onClick: m,
       "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__ */ n(Ds, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ps, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: ot, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3303,7 +3310,7 @@ const ur = {
       ]
     }
   );
-}, wr = ({
+}, _r = ({
   title: e,
   description: t,
   url: s,
@@ -3315,7 +3322,7 @@ const ur = {
   cta: d,
   onClick: u
 }) => {
-  const g = pn(a, i), m = rt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = ze(a, i) ? ot : void 0, w = d && u ? {
+  const g = bn(a, i), m = rt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = ze(a, i) ? ot : void 0, w = d && u ? {
     ...d,
     onClick: () => {
       var v;
@@ -3356,7 +3363,7 @@ const ur = {
       ]
     }
   );
-}, Nr = ({
+}, yr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3369,7 +3376,7 @@ const ur = {
   cta: u,
   onClick: g
 }) => {
-  const m = pn(r, o), f = rt(a), c = u == null && f != null && !m ? f : void 0, b = u == null && !m && c != null ? g : void 0;
+  const m = bn(r, o), f = rt(a), c = u == null && f != null && !m ? f : void 0, b = u == null && !m && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     De,
     {
@@ -3403,20 +3410,20 @@ const ur = {
       ]
     }
   );
-}, Ai = {
-  Composer: xr,
-  Sent: Nr,
-  Received: wr
-}, _r = {
-  dark: "bg-[#1e2330]",
+}, Ri = {
+  Composer: Nr,
+  Sent: yr,
+  Received: _r
+}, Cr = {
+  dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, yr = {
+}, kr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, kr = {
+}, Er = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Cr = (e) => e === "dark" ? "sender" : "receiver", Er = {
+}, Ir = (e) => e === "dark" ? "sender" : "receiver", Sr = {
   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]",
@@ -3429,7 +3436,7 @@ const ur = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Ce = ({
+}, ke = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3438,13 +3445,13 @@ const ur = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Er[Cr(e)][a];
+  const l = t != null && t !== "", d = Sr[Ir(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: k(
+      className: C(
         // 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
@@ -3453,10 +3460,10 @@ const ur = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        _r[e],
-        yr[e],
+        Cr[e],
+        kr[e],
         s && "border",
-        s && kr[e],
+        s && Er[e],
         r
       ),
       children: [
@@ -3464,7 +3471,7 @@ const ur = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: k(
+            className: C(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3493,22 +3500,22 @@ const ur = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: k(
+    className: C(
       "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__ */ n(Oe, { className: "size-3", weight: "bold" })
   }
-), Ie = (e) => e === "received" ? "light" : "dark", Mi = ({
+), Ie = (e) => e === "received" ? "light" : "dark", Li = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ir = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Tr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Sr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Ar = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3531,19 +3538,19 @@ const ur = {
   preload: l,
   onDismiss: d
 }) => {
-  const u = Ie(e), g = e === "composer" && !!d, m = Ir({ src: t, mimeType: s, filename: a, items: r });
+  const u = Ie(e), g = e === "composer" && !!d, m = Tr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const f = l ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    Ce,
+    ke,
     {
       variant: u,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, b) => /* @__PURE__ */ n(
-        Sr,
+        Ar,
         {
           item: c,
           preload: f,
@@ -3557,15 +3564,15 @@ const ur = {
       )) })
     }
   );
-}, Tr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Ar = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Mr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Rr = {
-  Composer: Tr,
-  Sent: Ar,
-  Received: Mr
+}, Mr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Rr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Lr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Dr = {
+  Composer: Mr,
+  Sent: Rr,
+  Received: Lr
 };
-function Lr(e) {
+function Pr(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 Dr = {
+const Or = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3575,7 +3582,7 @@ const Dr = {
   text: "TXT",
   markdown: "MD"
 };
-function Pr(e, t) {
+function zr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3585,7 +3592,7 @@ function Pr(e, t) {
   }
   if (!e) return;
   if (ie(e) === "document") {
-    const r = nn(e), i = Dr[r];
+    const r = sn(e), i = Or[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3593,8 +3600,8 @@ function Pr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Or(e, t, s) {
-  const a = Pr(e, t), r = typeof s == "number" && s > 0 ? Lr(s) : void 0;
+function Fr(e, t, s) {
+  const a = zr(e, t), r = typeof s == "number" && s > 0 ? Pr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ae(e) {
@@ -3605,16 +3612,16 @@ function ae(e) {
     return "download";
   }
 }
-const zr = {
+const $r = {
   dark: "text-white/55",
   light: "text-black/65"
-}, $r = {
+}, Br = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Fr = {
+}, jr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, bn = ({
+}, vn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3624,16 +3631,16 @@ const zr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", u = Or(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = Fr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        $r[e]
+        Br[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: k("size-6", Fr[e]),
+        className: C("size-6", jr[e]),
         weight: "regular"
       })
     }
@@ -3642,9 +3649,9 @@ const zr = {
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: k(
+        className: C(
           "truncate text-xs leading-4",
-          zr[e]
+          $r[e]
         ),
         children: u
       }
@@ -3655,7 +3662,7 @@ const zr = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: k(
+      className: C(
         "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]"
       ),
@@ -3673,7 +3680,7 @@ const zr = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function vn(e, t) {
+async function xn(e, t) {
   const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3687,14 +3694,14 @@ async function vn(e, t) {
     }
   }
 }
-const Br = ({
+const Ur = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Ur = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Vr = ({
   variant: e,
   item: t,
   index: s,
@@ -3703,7 +3710,7 @@ const Br = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    vn,
     {
       variant: e,
       filename: i,
@@ -3728,7 +3735,7 @@ const Br = ({
   onClick: u,
   onDismiss: g
 }) => {
-  const m = Ie(e), f = e === "composer" && !!g, c = Br({
+  const m = Ie(e), f = e === "composer" && !!g, c = Ur({
     src: t,
     filename: s,
     fileSize: a,
@@ -3740,14 +3747,14 @@ const Br = ({
     const p = c[v];
     if (!p) return;
     const N = p.filename ?? ae(p.src);
-    vn(p.src, N);
+    xn(p.src, N);
   };
   if (c.length === 0)
     return null;
   const w = /* @__PURE__ */ n(
     "span",
     {
-      className: k(
+      className: C(
         "flex size-8 items-center justify-center rounded-full",
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3756,14 +3763,14 @@ const Br = ({
     }
   );
   return /* @__PURE__ */ n(
-    Ce,
+    ke,
     {
       variant: m,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, p) => /* @__PURE__ */ n(
-        Ur,
+        Vr,
         {
           variant: m,
           item: v,
@@ -3775,10 +3782,10 @@ const Br = ({
       )) })
     }
   );
-}, jr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), Vr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), Gr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), Hr = {
-  Composer: jr,
-  Sent: Vr,
-  Received: Gr
+}, Gr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), Hr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), qr = {
+  Composer: Gr,
+  Sent: Hr,
+  Received: Yr
 }, dt = ({
   onPrev: e,
   onNext: t,
@@ -3792,7 +3799,7 @@ const Br = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ps, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Os, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3805,7 +3812,7 @@ const Br = ({
       children: /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), xn = ({
+] }), wn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3814,15 +3821,15 @@ const Br = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = $(!1), u = W(
+  const [l, d] = F(!1), u = W(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), vn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), xn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
     },
     [l, e, t, o]
-  ), g = r ?? s !== "pill", f = { className: k(
+  ), g = r ?? s !== "pill", f = { className: C(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3833,7 +3840,7 @@ const Br = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: k(
+      className: C(
         "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",
@@ -3873,7 +3880,7 @@ const Br = ({
       onClick: u,
       disabled: l,
       "aria-label": g ? a : void 0,
-      className: k(
+      className: C(
         "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"
       ),
@@ -3895,7 +3902,7 @@ const Br = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = Ge(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
+  const a = Ge(t, 0, Math.max(e - 1, 0)), [r, i] = F(a);
   q(() => {
     s && i(Ge(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), q(() => {
@@ -4005,7 +4012,7 @@ const Br = ({
       ]
     }
   );
-}, wn = ({
+}, Nn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4027,7 +4034,7 @@ const Br = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        xn,
+        wn,
         {
           url: l.src,
           filename: d,
@@ -4061,7 +4068,7 @@ const Br = ({
       ]
     }
   ) : null;
-}, Yr = "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", Nn = ({
+}, Wr = "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", _n = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4070,14 +4077,14 @@ const Br = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, u, g) => {
-    const m = k(Yr, "h-full w-full");
+    const m = C(Wr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(u),
         "aria-label": d.ariaLabel ?? `Open media ${u + 1}`,
-        className: k(m, "cursor-zoom-in"),
+        className: C(m, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -4089,10 +4096,10 @@ const Br = ({
       g
     ] }, u);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -4101,7 +4108,7 @@ const Br = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4114,7 +4121,7 @@ const Br = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4132,14 +4139,14 @@ const Br = ({
     }
   );
 }, Se = (e) => {
-  const [t, s] = $(!1), [a, r] = $(0), i = W(
+  const [t, s] = F(!1), [a, r] = F(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
   ), o = W(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, qr = (e, t, s, a) => ({
+}, Xr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4154,15 +4161,15 @@ const Br = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Wr = ({
+}), Kr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], _n = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], yn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Xr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Jr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Se(
     r
   );
@@ -4189,16 +4196,16 @@ const Br = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ee, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      wn,
+      Nn,
       {
         open: o,
-        items: _n([{ src: e, alt: t }], s),
+        items: yn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
     )
   ] });
-}, yn = ({
+}, Cn = ({
   state: e,
   src: t,
   alt: s,
@@ -4209,28 +4216,28 @@ const Br = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = Wr({ src: t, alt: s, items: r }), g = Ie(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: b } = Se(
+  const u = Kr({ src: t, alt: s, items: r }), g = Ie(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: b } = Se(
     d
   );
   if (u.length === 0)
     return null;
   const w = u.map(
-    (v, p) => qr(v, p, u.length, l)
+    (v, p) => Xr(v, p, u.length, l)
   );
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: g,
       text: i,
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Nn, { tiles: w, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(_n, { tiles: w, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          wn,
+          Nn,
           {
             open: m,
-            items: _n(u, a),
+            items: yn(u, a),
             initialIndex: f,
             onClose: b
           }
@@ -4238,11 +4245,11 @@ const Br = ({
       ]
     }
   );
-}, Kr = (e) => /* @__PURE__ */ n(Xr, { ...e }), Jr = (e) => /* @__PURE__ */ n(yn, { ...e, state: "sent" }), Zr = (e) => /* @__PURE__ */ n(yn, { ...e, state: "received" }), Qr = {
-  Composer: Kr,
-  Sent: Jr,
-  Received: Zr
-}, ei = ({
+}, Zr = (e) => /* @__PURE__ */ n(Jr, { ...e }), Qr = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ti = {
+  Composer: Zr,
+  Sent: Qr,
+  Received: ei
+}, ni = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4256,7 +4263,7 @@ const Br = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
     [l]
   ), u = re(
-    () => l ? ti(l.src) : void 0,
+    () => l ? si(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ h(
@@ -4290,16 +4297,16 @@ const Br = ({
       ]
     }
   );
-}, ti = (e) => {
+}, si = (e) => {
   const t = e.indexOf("#"), s = 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"), `${s}#${r.toString()}`;
-}, ni = ({
+}, ai = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], si = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ri = ({
   variant: e,
   item: t,
   index: s,
@@ -4308,7 +4315,7 @@ const Br = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    vn,
     {
       variant: e,
       filename: i,
@@ -4332,7 +4339,7 @@ const Br = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Ie(e), m = ni({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = Se(
+  const g = Ie(e), m = ai({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = Se(
     d
   ), v = e === "composer" && !!u;
   if (m.length === 0)
@@ -4342,7 +4349,7 @@ const Br = ({
     filename: N.filename ?? ae(N.src)
   }));
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: g,
       text: o,
@@ -4351,7 +4358,7 @@ const Br = ({
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((N, _) => {
           const T = N.filename ?? ae(N.src), R = v && _ === 0 ? /* @__PURE__ */ n(Ee, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            xn,
+            wn,
             {
               url: N.src,
               filename: T,
@@ -4361,7 +4368,7 @@ const Br = ({
             }
           );
           return /* @__PURE__ */ n(
-            si,
+            ri,
             {
               variant: g,
               item: N,
@@ -4373,7 +4380,7 @@ const Br = ({
           );
         }) }),
         /* @__PURE__ */ n(
-          ei,
+          ni,
           {
             open: f,
             items: p,
@@ -4384,10 +4391,10 @@ const Br = ({
       ]
     }
   );
-}, ai = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), ri = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), ii = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), oi = {
-  Composer: ai,
-  Sent: ri,
-  Received: ii
+}, ii = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), oi = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), ci = {
+  Composer: ii,
+  Sent: oi,
+  Received: li
 }, kn = ({
   open: e,
   items: t,
@@ -4438,7 +4445,7 @@ const Br = ({
       ]
     }
   ) : null;
-}, li = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Ye, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
+}, di = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Ye, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), En = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4460,23 +4467,23 @@ const Br = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(li, {})
-] }), ci = (e, t, s) => ({
+  /* @__PURE__ */ n(di, {})
+] }), ui = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Cn, { item: e, index: t })
-}), di = ({
+  content: /* @__PURE__ */ n(En, { item: e, index: t })
+}), mi = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], En = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], In = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), ui = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), hi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: g } = Se(
     i
   );
@@ -4488,7 +4495,7 @@ const Br = ({
         onClick: () => u(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__ */ n(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(En, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ee, { onClick: o }) }) : null,
@@ -4496,7 +4503,7 @@ const Br = ({
       kn,
       {
         open: l,
-        items: En(
+        items: In(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4505,7 +4512,7 @@ const Br = ({
       }
     )
   ] });
-}, In = ({
+}, Sn = ({
   state: e,
   src: t,
   poster: s,
@@ -4517,16 +4524,16 @@ const Br = ({
   preload: d,
   onClick: u
 }) => {
-  const g = di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ie(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = Se(
+  const g = mi({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ie(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = Se(
     u
   );
   if (g.length === 0)
     return null;
   const v = g.map(
-    (p, N) => ci(p, N, g.length)
+    (p, N) => ui(p, N, g.length)
   );
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: m,
       text: o,
@@ -4534,7 +4541,7 @@ const Br = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          Nn,
+          _n,
           {
             tiles: v,
             onTileActivate: b,
@@ -4545,7 +4552,7 @@ const Br = ({
           kn,
           {
             open: f,
-            items: En(g, r),
+            items: In(g, r),
             initialIndex: c,
             onClose: w
           }
@@ -4553,17 +4560,17 @@ const Br = ({
       ]
     }
   );
-}, mi = (e) => /* @__PURE__ */ n(ui, { ...e }), hi = (e) => /* @__PURE__ */ n(In, { ...e, state: "sent" }), fi = (e) => /* @__PURE__ */ n(In, { ...e, state: "received" }), gi = {
-  Composer: mi,
-  Sent: hi,
-  Received: fi
-}, Ri = {
-  Image: Qr,
-  Video: gi,
-  Audio: Rr,
-  Pdf: oi,
-  File: Hr
-}, pi = ({
+}, fi = (e) => /* @__PURE__ */ n(hi, { ...e }), gi = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "sent" }), pi = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "received" }), bi = {
+  Composer: fi,
+  Sent: gi,
+  Received: pi
+}, Di = {
+  Image: ti,
+  Video: bi,
+  Audio: Dr,
+  Pdf: ci,
+  File: qr
+}, vi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4575,7 +4582,7 @@ const Br = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: k(
+    className: C(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4585,7 +4592,7 @@ const Br = ({
     ),
     children: e
   }
-), Li = ({
+), Pi = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4614,7 +4621,7 @@ const Br = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            pi,
+            vi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4628,40 +4635,40 @@ const Br = ({
   ] }) });
 };
 export {
-  sn as A,
-  Si as B,
-  Za as C,
-  Na as D,
-  Ws as E,
-  Li as F,
-  zs as G,
-  Ai as L,
-  Ei as M,
+  an as A,
+  Ai as B,
+  er as C,
+  ya as D,
+  Ks as E,
+  Pi as F,
+  Fs as G,
+  Ri as L,
+  Si as M,
   be as a,
   ne as b,
-  lr as c,
-  hn as d,
-  Ii as e,
-  pi as f,
+  dr as c,
+  fn as d,
+  Ti as e,
+  vi as f,
   ie as g,
-  Ut as h,
-  Ri as i,
-  Ia as j,
-  Ci as k,
-  Ti as l,
-  Or as m,
-  Lr as n,
-  ir as o,
-  Pr as p,
-  Qt as q,
+  jt as h,
+  Di as i,
+  Ta as j,
+  Ii as k,
+  Mi as l,
+  Fr as m,
+  Pr as n,
+  lr as o,
+  zr as p,
+  en as q,
   ce as r,
-  on as s,
+  ln as s,
   Us as t,
-  Mi as u,
-  Xs as v,
+  Li as u,
+  Js as v,
   Ze as w,
   nt as x,
   st as y,
   Zt as z
 };
-//# sourceMappingURL=index-Bo9wjHNl.js.map
+//# sourceMappingURL=index-6Q-jnVFS.js.map