@linktr.ee/messaging-react 3.12.3-rc-1784036508 → 3.12.3-rc-1784036626

package/dist/{index-FDgJhTIG.js → index-5kR8BcYv.js}

@@ -4,7 +4,7 @@ import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
 import { StreamChat as Ys, LinkPreviewsManager as Yt } from "stream-chat";
 import { Chat as qs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as Ne, MessageErrorIcon as nt, MessageText as $e, areMessageUIPropsEqual as Ks, useMessageReminder as Zs, useComponentContext as rs, Attachment as Js, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Xe, AIStates as Ke, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as Mn } from "stream-chat-react";
 import { StarIcon as Ie, DotsThreeIcon as An, SpinnerGapIcon as Fe, SignOutIcon as Rn, ProhibitInsetIcon as qt, FlagIcon as is, ArrowLeftIcon as at, CurrencyDollarIcon as Ln, CaretRightIcon as xe, SparkleIcon as we, FileIcon as ls, ImageIcon as Dn, SpeakerHighIcon as zn, VideoCameraIcon as os, FileMdIcon as Fn, FileTextIcon as Pn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Un, FileXlsIcon as Bn, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Se, PlayIcon as rt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Ee, XIcon as Ge, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Zn, TrashSimpleIcon as Jn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
-import y from "classnames";
+import k from "classnames";
 import { MessageActions as ta, DefaultDropdownActionButton as cs } from "stream-chat-react/experimental";
 const ds = ct({
   service: null,
@@ -16,7 +16,7 @@ const ds = ct({
   refreshConnection: async () => {
   },
   debug: !1
-}), dt = () => Te(ds), hl = ({
+}), dt = () => Te(ds), ml = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -25,7 +25,7 @@ const ds = ct({
   debug: i = !1,
   client: o
 }) => {
-  var I, T;
+  var y, T;
   const l = J(
     (M, ...P) => {
       i && console.log(`🔥 [MessagingProvider] ${M}`, ...P);
@@ -38,11 +38,11 @@ const ds = ct({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = B(null), [f, h] = B(null), [g, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), k = G(n);
-  k.current = n;
+  const [d, m] = B(null), [f, h] = B(null), [g, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), C = G(n);
+  C.current = n;
   const D = G(i);
   D.current = i;
-  const S = G({
+  const E = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
@@ -52,22 +52,22 @@ const ds = ct({
     renderCount: R.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: S.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: S.current.apiKey !== a,
-      serviceConfigChanged: S.current.serviceConfig !== n,
-      capabilitiesChanged: S.current.capabilities !== r
+      userChanged: E.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: E.current.apiKey !== a,
+      serviceConfigChanged: E.current.serviceConfig !== n,
+      capabilitiesChanged: E.current.capabilities !== r
     }
-  }), S.current = {
+  }), E.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
   };
   const O = G(null);
-  !o && a && ((I = O.current) == null ? void 0 : I.apiKey) !== a && (O.current = { apiKey: a, client: new Ys(a) });
+  !o && a && ((y = O.current) == null ? void 0 : y.apiKey) !== a && (O.current = { apiKey: a, client: new Ys(a) });
   const F = o || (a ? ((T = O.current) == null ? void 0 : T.client) ?? null : null);
   K(() => {
-    const M = R.current, P = k.current;
+    const M = R.current, P = C.current;
     if (o) {
       w.current = null, m(null), h(null), c(!1), p(null), v(!1);
       return;
@@ -150,7 +150,7 @@ const ds = ct({
       M && (L.current = null, (P = w.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const C = J(async () => {
+  const S = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -174,7 +174,7 @@ const ds = ct({
         v(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), E = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), I = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!f,
     isConnected: g,
@@ -196,7 +196,7 @@ const ds = ct({
     isLoading: o ? !1 : b,
     error: o ? null : x,
     capabilities: r,
-    refreshConnection: C,
+    refreshConnection: S,
     debug: i
   }), [
     d,
@@ -206,15 +206,15 @@ const ds = ct({
     b,
     x,
     r,
-    C,
+    S,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
     renderCount: R.current,
     willRenderChat: !!F,
-    contextValueReady: !!E
-  }), /* @__PURE__ */ s(ds.Provider, { value: E, children: F ? /* @__PURE__ */ s(
+    contextValueReady: !!I
+  }), /* @__PURE__ */ s(ds.Provider, { value: I, children: F ? /* @__PURE__ */ s(
     qs,
     {
       client: F,
@@ -341,7 +341,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: y(
+      className: k(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: h, lineHeight: 1 },
@@ -351,7 +351,7 @@ const ne = ({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "relative flex-shrink-0",
         a
       ),
@@ -375,7 +375,7 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: y(
+            className: k(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -407,30 +407,30 @@ const ne = ({
   onActionComplete: m,
   logLabel: f = "useChannelModerationActions"
 }) => {
-  var E;
-  const { service: h, debug: g } = dt(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, _] = B(null), [w, k] = B(!1), [D, S] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  var I;
+  const { service: h, debug: g } = dt(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, _] = B(null), [w, C] = B(!1), [D, E] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
       x(!1), _(null);
       return;
     }
-    let I = !1;
+    let y = !1;
     return (async () => {
       try {
         const T = await h.getBlockedUsers();
-        if (I) return;
+        if (y) return;
         x(
           T.some(
             (M) => M.blocked_user_id === c
           )
         );
       } catch (T) {
-        I || console.error(`[${f}] Failed to check blocked status:`, T);
+        y || console.error(`[${f}] Failed to check blocked status:`, T);
       } finally {
-        I || _({ participantId: c, service: h });
+        y || _({ participantId: c, service: h });
       }
     })(), () => {
-      I = !0;
+      y = !0;
     };
   }, [b, h, c, f]), {
     isParticipantBlocked: v,
@@ -438,42 +438,42 @@ const ne = ({
     isLeaving: w,
     isUpdatingBlockStatus: D,
     handleLeaveConversation: async () => {
-      var I;
+      var y;
       if (!w) {
-        o == null || o(), g && console.log(`[${f}] Leave conversation`, e.cid), k(!0);
+        o == null || o(), g && console.log(`[${f}] Leave conversation`, e.cid), C(!0);
         try {
-          const T = ((I = e._client) == null ? void 0 : I.userID) ?? null;
+          const T = ((y = e._client) == null ? void 0 : y.userID) ?? null;
           await e.hide(T, !1), r && await r(e), m == null || m();
         } catch (T) {
           console.error(`[${f}] Failed to leave conversation`, T);
         } finally {
-          k(!1);
+          C(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var I, T, M;
+      var y, T, M;
       if (!(D || !h)) {
-        l == null || l(), g && console.log(`[${f}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
+        l == null || l(), g && console.log(`[${f}] Block member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), E(!0);
         try {
           await h.blockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
         } catch (P) {
           console.error(`[${f}] Failed to block member`, P);
         } finally {
-          S(!1);
+          E(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var I, T, M;
+      var y, T, M;
       if (!(D || !h)) {
-        l == null || l(), g && console.log(`[${f}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
+        l == null || l(), g && console.log(`[${f}] Unblock member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), E(!0);
         try {
           await h.unBlockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
         } catch (P) {
           console.error(`[${f}] Failed to unblock member`, P);
         } finally {
-          S(!1);
+          E(!1);
         }
       }
     },
@@ -490,7 +490,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: y(
+    className: k(
       "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
@@ -516,9 +516,9 @@ const ne = ({
     isParticipantBlocked: p,
     isCheckingBlockedStatus: _,
     isLeaving: w,
-    isUpdatingBlockStatus: k,
+    isUpdatingBlockStatus: C,
     handleLeaveConversation: D,
-    handleBlockUser: S,
+    handleBlockUser: E,
     handleUnblockUser: R,
     handleReportUser: O
   } = ua({
@@ -536,13 +536,13 @@ const ne = ({
   });
   return K(() => {
     if (!g) return;
-    const L = (E) => {
-      b.current && !b.current.contains(E.target) && c(!1);
-    }, C = (E) => {
-      E.key === "Escape" && c(!1);
+    const L = (I) => {
+      b.current && !b.current.contains(I.target) && c(!1);
+    }, S = (I) => {
+      I.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", C), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", C);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", S), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", S);
     };
   }, [g]), !t || !(n || a || r || !!f) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ u(
@@ -565,7 +565,7 @@ const ne = ({
       {
         id: v,
         "aria-label": "Conversation options",
-        className: y(
+        className: k(
           "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"
         ),
@@ -593,21 +593,21 @@ const ne = ({
             ye,
             {
               onClick: R,
-              disabled: k,
-              "aria-busy": k,
+              disabled: C,
+              "aria-busy": C,
               children: [
-                k ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ u(
             ye,
             {
-              onClick: S,
-              disabled: k,
-              "aria-busy": k,
+              onClick: E,
+              disabled: C,
+              "aria-busy": C,
               children: [
-                k ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
@@ -621,10 +621,7 @@ const ne = ({
       }
     )
   ] });
-}, Ze = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ma = "CUSTOMER_PAID", ha = "Replies instantly with AI assistant", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, ga = (e) => {
-  const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(fa);
-}, pa = ({
+}, Ze = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ma = "CUSTOMER_PAID", ha = "Replies instantly with AI assistant", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, ga = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -643,31 +640,31 @@ const ne = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: x
 }) => {
-  var F, L, C;
+  var F, L, S, I;
   const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
     () => {
-      var E;
+      var y;
       return He(
-        (E = p.state) == null ? void 0 : E.members,
+        (y = p.state) == null ? void 0 : y.members,
         _ == null ? void 0 : _.userID,
         p.type
       );
     },
     [(F = p.state) == null ? void 0 : F.members, _ == null ? void 0 : _.userID, p.type]
-  ), k = mt(w == null ? void 0 : w.user), D = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, S = ut(p), R = ga(w), O = async () => {
+  ), C = mt(w == null ? void 0 : w.user), D = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, E = ut(p), R = fa((S = p.data) == null ? void 0 : S.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, O = async () => {
     try {
-      S ? await p.unpin() : await p.pin();
-    } catch (E) {
+      E ? await p.unpin() : await p.pin();
+    } catch (y) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        E
+        y
       );
     }
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
@@ -675,7 +672,7 @@ const ne = ({
         /* @__PURE__ */ s("div", { className: "flex items-start", children: n && /* @__PURE__ */ s(
           "button",
           {
-            className: y(
+            className: k(
               Ze,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
@@ -691,14 +688,14 @@ const ne = ({
           {
             type: "button",
             onClick: x,
-            "aria-label": `View details for ${k}`,
+            "aria-label": `View details for ${C}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
             children: [
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((C = w == null ? void 0 : w.user) == null ? void 0 : C.id) || p.id || "unknown",
-                  name: k,
+                  id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
+                  name: C,
                   image: D,
                   dmAgentEnabled: r,
                   shape: "circle",
@@ -708,7 +705,7 @@ const ne = ({
               ),
               /* @__PURE__ */ u("span", { className: "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95", children: [
                 /* @__PURE__ */ u("span", { className: "flex max-w-full items-center justify-center", children: [
-                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: k }),
+                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: C }),
                   /* @__PURE__ */ u("span", { className: "ml-2 flex gap-1", children: [
                     R && /* @__PURE__ */ s(
                       "span",
@@ -718,7 +715,7 @@ const ne = ({
                         children: /* @__PURE__ */ s(Ln, { className: "size-2.5", weight: "bold" })
                       }
                     ),
-                    a && S && /* @__PURE__ */ s(
+                    a && E && /* @__PURE__ */ s(
                       "span",
                       {
                         "aria-label": "Starred conversation",
@@ -751,16 +748,16 @@ const ne = ({
               className: Ze,
               onClick: O,
               type: "button",
-              "aria-pressed": S,
-              "aria-label": S ? "Unstar conversation" : "Star conversation",
+              "aria-pressed": E,
+              "aria-label": E ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ s(
                 Ie,
                 {
-                  className: y("size-5", {
-                    "text-[#FFD60A]": S,
-                    "text-black/90": !S
+                  className: k("size-5", {
+                    "text-[#FFD60A]": E,
+                    "text-black/90": !E
                   }),
-                  weight: S ? "fill" : "regular"
+                  weight: E ? "fill" : "regular"
                 }
               )
             }
@@ -786,13 +783,13 @@ const ne = ({
       ] })
     }
   );
-}, ba = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), lt = "vote_up", ot = "vote_down";
-function va(e) {
+}, pa = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), lt = "vote_up", ot = "vote_down";
+function ba(e) {
   return e != null && e.length ? e.some((t) => t.type === ot) ? "down" : e.some((t) => t.type === lt) ? "up" : null : null;
 }
-function xa(e) {
+function va(e) {
   const { channel: t } = oe(), { client: n } = fe("useMessageVote"), a = re(
-    () => va(e.own_reactions),
+    () => ba(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (n != null && n.userID)
@@ -817,7 +814,7 @@ function xa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function wa(e) {
+function xa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function ms({
@@ -825,31 +822,31 @@ function ms({
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = wa(t);
+  const n = e == null ? void 0 : e.text, a = xa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const _a = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
-function Na(e) {
+const wa = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
+function _a(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function ya(e) {
-  return _a.some(
+function Na(e) {
+  return wa.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function he(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = Na(t);
-  if (!n || !ya(n)) return t;
+  const n = _a(t);
+  if (!n || !Na(n)) return t;
   const a = new URL(t);
   return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Kt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Kt), a.toString());
 }
-const ka = [
+const ya = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -863,17 +860,17 @@ function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function hs(e) {
-  const t = ka.find(
+  const t = ya.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ca = {
+const ka = {
   video: os,
   audio: zn,
   image: Dn,
   document: ls
-}, Sa = {
+}, Ca = {
   pdf: Vn,
   doc: jn,
   xls: Bn,
@@ -884,17 +881,17 @@ const Ca = {
   markdown: Fn,
   generic: ls
 };
-function Ea(e) {
+function Sa(e) {
   const t = ce(e);
-  return t !== "document" ? Ca[t] : Sa[hs(e)];
+  return t !== "document" ? ka[t] : Ca[hs(e)];
 }
 function _e(e, t) {
-  return V.createElement(Ea(e), t);
+  return V.createElement(Sa(e), t);
 }
-const Ia = (e) => {
+const Ea = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, Ta = ({
+}, Ia = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -906,7 +903,7 @@ const Ia = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const f = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, k] = B(!1), [D, S] = B(!1), [R, O] = B(!1), [F, L] = B(!1), [C, E] = B(!0), [I, T] = B(null), M = J(() => {
+  const f = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, C] = B(!1), [D, E] = B(!1), [R, O] = B(!1), [F, L] = B(!1), [S, I] = B(!0), [y, T] = B(null), M = J(() => {
     O(!1), x(!0);
   }, []), P = J((N) => {
     const A = g.current;
@@ -914,13 +911,13 @@ const Ia = (e) => {
     const H = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ia(N) - H.left) / H.width)
+      Math.min(1, (Ea(N) - H.left) / H.width)
     );
   }, []), $ = J((N) => {
     const A = h.current;
     A && A.duration && (A.currentTime = N * A.duration);
   }, []), j = (N) => {
-    N.stopPropagation(), k(!0);
+    N.stopPropagation(), C(!0);
     const A = P(N);
     _(A), $(A);
   };
@@ -946,13 +943,13 @@ const Ia = (e) => {
   }, [v]), K(() => {
     if (!w) return;
     const N = (H) => _(P(H)), A = (H) => {
-      k(!1), $(P(H));
+      C(!1), $(P(H));
     };
     return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
       window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
     };
   }, [w, P, $]);
-  const Q = I ? { aspectRatio: String(I) } : void 0, ee = I ? "" : " aspect-video", X = Math.round(p * 100);
+  const Q = y ? { aspectRatio: String(y) } : void 0, ee = y ? "" : " aspect-video", X = Math.round(p * 100);
   return /* @__PURE__ */ u(
     "div",
     {
@@ -977,7 +974,7 @@ const Ia = (e) => {
         }
       },
       children: [
-        n && (f === "audio" || C) && /* @__PURE__ */ s(
+        n && (f === "audio" || S) && /* @__PURE__ */ s(
           "img",
           {
             src: n,
@@ -985,7 +982,7 @@ const Ia = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (f === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
+        !n && (f === "audio" || S) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -999,7 +996,7 @@ const Ia = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => L(!0),
             onCanPlay: () => {
-              L(!1), E(!1);
+              L(!1), I(!1);
             },
             onWaiting: () => L(!0),
             onPlay: () => O(!1),
@@ -1019,7 +1016,7 @@ const Ia = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => L(!0),
             onCanPlay: () => {
-              L(!1), E(!1);
+              L(!1), I(!1);
             },
             onWaiting: () => L(!0),
             onPlay: () => O(!1),
@@ -1109,8 +1106,8 @@ const Ia = (e) => {
               onMouseDown: j,
               onTouchStart: j,
               onClick: (N) => N.stopPropagation(),
-              onMouseEnter: () => S(!0),
-              onMouseLeave: () => S(!1),
+              onMouseEnter: () => E(!0),
+              onMouseLeave: () => E(!1),
               onKeyDown: (N) => {
                 N.key === "ArrowRight" && $(Math.min(1, p + 0.05)), N.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
               },
@@ -1142,7 +1139,7 @@ const Ia = (e) => {
       ]
     }
   );
-}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ma = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", fs = ({
+}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ta = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", fs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1153,7 +1150,7 @@ const Ia = (e) => {
 }) => {
   const l = ce(e), [d, m] = B(!1), f = he(t), h = he(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
-    Ta,
+    Ia,
     {
       source: t,
       mimeType: e,
@@ -1204,7 +1201,7 @@ const Ia = (e) => {
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ma(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ta(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: h ?? n,
@@ -1242,7 +1239,7 @@ const Ia = (e) => {
     {
       ref: f,
       "data-testid": h,
-      className: y(
+      className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         g ? "bg-[#1e2330]" : "bg-white"
       ),
@@ -1254,7 +1251,7 @@ const Ia = (e) => {
           c.trim() !== "" && /* @__PURE__ */ s(
             "p",
             {
-              className: y("mb-0.5 truncate text-base font-medium", {
+              className: k("mb-0.5 truncate text-base font-medium", {
                 "text-black": !g,
                 "text-white/30": g && b,
                 "text-white": g && !b
@@ -1264,7 +1261,7 @@ const Ia = (e) => {
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
             _e(r, {
-              className: y(
+              className: k(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
               ),
@@ -1273,7 +1270,7 @@ const Ia = (e) => {
             i != null && i !== "" && /* @__PURE__ */ s(
               "span",
               {
-                className: y(
+                className: k(
                   "text-xs font-medium",
                   g ? "text-white/55" : "text-black/55"
                 ),
@@ -1294,19 +1291,19 @@ function ps(e) {
 function ht(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function Aa(e) {
+function Ma(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ra(e) {
+function Aa(e) {
   return e ? "text-white" : "text-black";
 }
-function La(e) {
+function Ra(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Da(e) {
+function La(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function za(e) {
+function Da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const ft = ({ attachment: e, isMyMessage: t }) => {
@@ -1321,14 +1318,14 @@ const ft = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Aa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${za(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Ma(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Da(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ra(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${La(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Da(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Aa(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ra(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${La(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
@@ -1340,7 +1337,7 @@ function gt(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(bs);
 }
-async function Fa(e, t) {
+async function za(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1352,7 +1349,7 @@ async function Fa(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = n, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const Pa = ({
+const Fa = ({
   url: e,
   filename: t
 }) => {
@@ -1364,7 +1361,7 @@ const Pa = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Fa(e, t).then(() => {
+        a(!0), za(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1454,10 +1451,10 @@ const vs = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Pa, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Fa, { url: e, filename: n })
     }
   );
-}, Oa = ({
+}, Pa = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1489,7 +1486,7 @@ const vs = ({
       }
     )
   ] });
-}, $a = ({
+}, Oa = ({
   message: e
 }) => {
   const t = gt(e);
@@ -1497,7 +1494,7 @@ const vs = ({
     return /* @__PURE__ */ s("div", { className: ht(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !0 }) });
   const n = pt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
-}, Ua = ({
+}, $a = ({
   message: e
 }) => {
   const t = gt(e);
@@ -1505,19 +1502,19 @@ const vs = ({
     return /* @__PURE__ */ s("div", { className: ht(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !1 }) });
   const n = pt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(xs, { ...n }) }) : null;
-}, fl = Object.assign(Oa, {
-  Creator: $a,
-  Visitor: Ua
-}), Ba = {
+}, hl = Object.assign(Pa, {
+  Creator: Oa,
+  Visitor: $a
+}), Ua = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, ja = {
+}, Ba = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Va = {
+}, ja = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Ga = (e) => e === "dark" ? "sender" : "receiver", Ha = {
+}, Va = (e) => e === "dark" ? "sender" : "receiver", Ga = {
   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]",
@@ -1539,13 +1536,13 @@ const vs = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Ha[Ga(e)][a];
+  const l = t != null && t !== "", d = Ga[Va(e)][a];
   return /* @__PURE__ */ u(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: y(
+      className: k(
         // 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
@@ -1554,10 +1551,10 @@ const vs = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
+        Ua[e],
         Ba[e],
-        ja[e],
         n && "border",
-        n && Va[e],
+        n && ja[e],
         r
       ),
       children: [
@@ -1565,7 +1562,7 @@ const vs = ({
         l ? /* @__PURE__ */ s(
           "p",
           {
-            className: y(
+            className: k(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -1594,22 +1591,22 @@ const vs = ({
       a.stopPropagation(), e();
     },
     "aria-label": n,
-    className: y(
+    className: k(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ s(Ge, { className: "size-3", weight: "bold" })
   }
-), Re = (e) => e === "received" ? "light" : "dark", Ya = ({
+), Re = (e) => e === "received" ? "light" : "dark", Ha = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", qa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ya = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Wa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], qa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1632,7 +1629,7 @@ const vs = ({
   preload: l,
   onDismiss: d
 }) => {
-  const m = Re(e), f = e === "composer" && !!d, h = qa({ src: t, mimeType: n, filename: a, items: r });
+  const m = Re(e), f = e === "composer" && !!d, h = Ya({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const g = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1644,7 +1641,7 @@ const vs = ({
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, b) => /* @__PURE__ */ s(
-        Wa,
+        qa,
         {
           item: c,
           preload: g,
@@ -1658,15 +1655,15 @@ const vs = ({
       )) })
     }
   );
-}, Xa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), Ka = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), Za = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), Ja = {
-  Composer: Xa,
-  Sent: Ka,
-  Received: Za
+}, Wa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), Xa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), Ka = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), Za = {
+  Composer: Wa,
+  Sent: Xa,
+  Received: Ka
 };
-function Qa(e) {
+function Ja(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 er = {
+const Qa = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1676,7 +1673,7 @@ const er = {
   text: "TXT",
   markdown: "MD"
 };
-function tr(e, t) {
+function er(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1686,7 +1683,7 @@ function tr(e, t) {
   }
   if (!e) return;
   if (ce(e) === "document") {
-    const r = hs(e), i = er[r];
+    const r = hs(e), i = Qa[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1694,8 +1691,8 @@ function tr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function sr(e, t, n) {
-  const a = tr(e, t), r = typeof n == "number" && n > 0 ? Qa(n) : void 0;
+function tr(e, t, n) {
+  const a = er(e, t), r = typeof n == "number" && n > 0 ? Ja(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ie(e) {
@@ -1706,13 +1703,13 @@ function ie(e) {
     return "download";
   }
 }
-const nr = {
+const sr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, ar = {
+}, nr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, rr = {
+}, ar = {
   dark: "text-white/85",
   light: "text-black/85"
 }, ws = ({
@@ -1725,16 +1722,16 @@ const nr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = n ?? t ?? "File", m = sr(a, t, r), f = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = tr(a, t, r), f = /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        ar[e]
+        nr[e]
       ),
       "aria-hidden": !0,
       children: _e(a, {
-        className: y("size-6", rr[e]),
+        className: k("size-6", ar[e]),
         weight: "regular"
       })
     }
@@ -1743,9 +1740,9 @@ const nr = {
     m ? /* @__PURE__ */ s(
       "p",
       {
-        className: y(
+        className: k(
           "truncate text-xs leading-4",
-          nr[e]
+          sr[e]
         ),
         children: m
       }
@@ -1756,7 +1753,7 @@ const nr = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: y(
+      className: k(
         "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]"
       ),
@@ -1788,14 +1785,14 @@ async function _s(e, t) {
     }
   }
 }
-const ir = ({
+const rr = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], lr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], ir = ({
   variant: e,
   item: t,
   index: n,
@@ -1829,7 +1826,7 @@ const ir = ({
   onClick: m,
   onDismiss: f
 }) => {
-  const h = Re(e), g = e === "composer" && !!f, c = ir({
+  const h = Re(e), g = e === "composer" && !!f, c = rr({
     src: t,
     filename: n,
     fileSize: a,
@@ -1848,7 +1845,7 @@ const ir = ({
   const v = /* @__PURE__ */ s(
     "span",
     {
-      className: y(
+      className: k(
         "flex size-8 items-center justify-center rounded-full",
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -1864,7 +1861,7 @@ const ir = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((x, p) => /* @__PURE__ */ s(
-        lr,
+        ir,
         {
           variant: h,
           item: x,
@@ -1876,10 +1873,10 @@ const ir = ({
       )) })
     }
   );
-}, or = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), cr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), dr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), ur = {
-  Composer: or,
-  Sent: cr,
-  Received: dr
+}, lr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), or = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), cr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), dr = {
+  Composer: lr,
+  Sent: or,
+  Received: cr
 }, xt = ({
   onPrev: e,
   onNext: t,
@@ -1923,7 +1920,7 @@ const ir = ({
       }));
     },
     [l, e, t, o]
-  ), f = r ?? n !== "pill", g = { className: y(
+  ), f = r ?? n !== "pill", g = { className: k(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1934,7 +1931,7 @@ const ir = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: y(
+      className: k(
         "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",
@@ -1974,7 +1971,7 @@ const ir = ({
       onClick: m,
       disabled: l,
       "aria-label": f ? a : void 0,
-      className: y(
+      className: k(
         "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"
       ),
@@ -2162,7 +2159,7 @@ const ir = ({
       ]
     }
   ) : null;
-}, mr = "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", ks = ({
+}, ur = "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", ks = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2171,14 +2168,14 @@ const ir = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, m, f) => {
-    const h = y(mr, "h-full w-full");
+    const h = k(ur, "h-full w-full");
     return t ? /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: y(h, "cursor-zoom-in"),
+        className: k(h, "cursor-zoom-in"),
         children: [
           d.content,
           f
@@ -2190,10 +2187,10 @@ const ir = ({
       f
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ s("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
+  return i.length === 1 ? /* @__PURE__ */ s("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -2202,7 +2199,7 @@ const ir = ({
   ) : i.length === 3 ? /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2215,7 +2212,7 @@ const ir = ({
   ) : /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2240,7 +2237,7 @@ const ir = ({
     [e]
   ), o = J(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, hr = (e, t, n, a) => ({
+}, mr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2255,7 +2252,7 @@ const ir = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), fr = ({
+}), hr = ({
   src: e,
   alt: t,
   items: n
@@ -2263,7 +2260,7 @@ const ir = ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), gr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), fr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Le(
     r
   );
@@ -2310,13 +2307,13 @@ const ir = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = fr({ src: t, alt: n, items: r }), f = Re(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Le(
+  const m = hr({ src: t, alt: n, items: r }), f = Re(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Le(
     d
   );
   if (m.length === 0)
     return null;
   const v = m.map(
-    (x, p) => hr(x, p, m.length, l)
+    (x, p) => mr(x, p, m.length, l)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2339,11 +2336,11 @@ const ir = ({
       ]
     }
   );
-}, pr = (e) => /* @__PURE__ */ s(gr, { ...e }), br = (e) => /* @__PURE__ */ s(Ss, { ...e, state: "sent" }), vr = (e) => /* @__PURE__ */ s(Ss, { ...e, state: "received" }), xr = {
-  Composer: pr,
-  Sent: br,
-  Received: vr
-}, wr = ({
+}, gr = (e) => /* @__PURE__ */ s(fr, { ...e }), pr = (e) => /* @__PURE__ */ s(Ss, { ...e, state: "sent" }), br = (e) => /* @__PURE__ */ s(Ss, { ...e, state: "received" }), vr = {
+  Composer: gr,
+  Sent: pr,
+  Received: br
+}, xr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2357,7 +2354,7 @@ const ir = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "document"),
     [l]
   ), m = re(
-    () => l ? _r(l.src) : void 0,
+    () => l ? wr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ u(
@@ -2391,16 +2388,16 @@ const ir = ({
       ]
     }
   );
-}, _r = (e) => {
+}, wr = (e) => {
   const t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${n}#${r.toString()}`;
-}, Nr = ({
+}, _r = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], yr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Nr = ({
   variant: e,
   item: t,
   index: n,
@@ -2433,7 +2430,7 @@ const ir = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const f = Re(e), h = Nr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
+  const f = Re(e), h = _r({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
     d
   ), x = e === "composer" && !!m;
   if (h.length === 0)
@@ -2451,18 +2448,18 @@ const ir = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
-          const k = _.filename ?? ie(_.src), D = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+          const C = _.filename ?? ie(_.src), D = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             Ns,
             {
               url: _.src,
-              filename: k,
+              filename: C,
               variant: "inline",
-              label: `Download ${k}`,
+              label: `Download ${C}`,
               tone: f
             }
           );
           return /* @__PURE__ */ s(
-            yr,
+            Nr,
             {
               variant: f,
               item: _,
@@ -2474,7 +2471,7 @@ const ir = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          wr,
+          xr,
           {
             open: g,
             items: p,
@@ -2485,10 +2482,10 @@ const ir = ({
       ]
     }
   );
-}, kr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "received" }), Er = {
-  Composer: kr,
-  Sent: Cr,
-  Received: Sr
+}, yr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "composer" }), kr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "sent" }), Cr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "received" }), Sr = {
+  Composer: yr,
+  Sent: kr,
+  Received: Cr
 }, Es = ({
   open: e,
   items: t,
@@ -2539,7 +2536,7 @@ const ir = ({
       ]
     }
   ) : null;
-}, Ir = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Is = ({
+}, Er = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Is = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ u("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2561,11 +2558,11 @@ const ir = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Ir, {})
-] }), Tr = (e, t, n) => ({
+  /* @__PURE__ */ s(Er, {})
+] }), Ir = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(Is, { item: e, index: t })
-}), Mr = ({
+}), Tr = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2577,7 +2574,7 @@ const ir = ({
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Ar = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), Mr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: f } = Le(
     i
   );
@@ -2618,13 +2615,13 @@ const ir = ({
   preload: d,
   onClick: m
 }) => {
-  const f = Mr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
+  const f = Tr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
     m
   );
   if (f.length === 0)
     return null;
   const x = f.map(
-    (p, _) => Tr(p, _, f.length)
+    (p, _) => Ir(p, _, f.length)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2654,31 +2651,31 @@ const ir = ({
       ]
     }
   );
-}, Rr = (e) => /* @__PURE__ */ s(Ar, { ...e }), Lr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), Dr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), zr = {
-  Composer: Rr,
-  Sent: Lr,
-  Received: Dr
+}, Ar = (e) => /* @__PURE__ */ s(Mr, { ...e }), Rr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), Lr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), Dr = {
+  Composer: Ar,
+  Sent: Rr,
+  Received: Lr
 }, ke = {
-  Image: xr,
-  Video: zr,
-  Audio: Ja,
-  Pdf: Er,
-  File: ur
-}, Fr = {
+  Image: vr,
+  Video: Dr,
+  Audio: Za,
+  Pdf: Sr,
+  File: dr
+}, zr = {
   isUnlocking: () => !1
-}, Pr = {
-  LockedAttachment: Fr
-}, As = ct({}), gl = As.Provider;
-function Or(e) {
-  return Te(As)[e] ?? Pr[e];
+}, Fr = {
+  LockedAttachment: zr
+}, As = ct({}), fl = As.Provider;
+function Pr(e) {
+  return Te(As)[e] ?? Fr[e];
 }
-const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-CKM_PULl.js")), Br = () => /* @__PURE__ */ s(
+const Or = V.lazy(() => import("./Card-qS17qnN0.js")), $r = V.lazy(() => import("./Card-B-Sn9hc8.js")), Ur = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Pe = (e) => /* @__PURE__ */ s(Gs, { fallback: /* @__PURE__ */ s(Br, {}), children: e.contentType === "text" ? /* @__PURE__ */ s($r, { ...e }) : /* @__PURE__ */ s(Ur, { ...e }) }), jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Pe = (e) => /* @__PURE__ */ s(Gs, { fallback: /* @__PURE__ */ s(Ur, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Or, { ...e }) : /* @__PURE__ */ s($r, { ...e }) }), Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2695,10 +2692,10 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
       }
     )
   }
-), Vr = (e) => {
+), jr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Gr = (e) => {
+}, Vr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Ue = (e) => {
@@ -2707,13 +2704,13 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
 }, yt = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Hr = (e) => {
+}, Gr = (e) => {
   var t;
   return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Yr = (e) => {
+}, Hr = (e) => {
   var t;
   return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Rs = (e) => Vr(e) || Gr(e), qr = (e) => {
+}, Rs = (e) => jr(e) || Vr(e), Yr = (e) => {
   var t;
   return Rs(e) && !((t = e.text) != null && t.trim());
 }, Qe = ({
@@ -2739,7 +2736,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), f = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(jr, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), f = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Br, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ u(se, { children: [
     m,
     f
@@ -2747,7 +2744,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
     f,
     m
   ] }) });
-}, Wr = ({
+}, qr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2756,7 +2753,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -2770,7 +2767,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: n,
@@ -2793,33 +2790,33 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import(
     /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
-}, Xr = () => null, Kr = () => /* @__PURE__ */ s(
+}, Wr = () => null, Xr = () => /* @__PURE__ */ s(
   Xs,
   {
     MessageSentStatus: et,
     MessageDeliveredStatus: et,
     MessageReadStatus: et,
-    MessageSendingStatus: Xr
+    MessageSendingStatus: Wr
   }
-), Zr = /^([a-z][a-z0-9+.-]*):/i, Jr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+), Kr = /^([a-z][a-z0-9+.-]*):/i, Zr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function kt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Zr.exec(t);
+  const n = Kr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Jr.has(a) ? t : void 0;
+    return Zr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Qr = {
+const Jr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, ei = ({ variant: e, cta: t }) => {
-  const n = y(
+}, Qr = ({ variant: e, cta: t }) => {
+  const n = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Qr[e]
+    Jr[e]
   ), a = kt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
@@ -2846,10 +2843,10 @@ const Qr = {
       children: t.label
     }
   );
-}, ti = {
+}, ei = {
   dark: "text-white",
   light: "text-black/90"
-}, si = "text-white/30", ni = {
+}, ti = "text-white/30", si = {
   dark: "text-white/55",
   light: "text-black/55"
 }, Ct = ({
@@ -2864,12 +2861,12 @@ const Qr = {
 }) => {
   const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", f = m.trim() !== "", h = a != null && a.trim() !== "", g = typeof r == "string" ? r.trim() : "", c = g !== "", b = o != null;
   if (!f && !h && !c && !b) return null;
-  const x = y(
+  const x = k(
     "truncate text-base font-medium leading-6",
-    d && !t ? si : ti[e]
-  ), p = y(
+    d && !t ? ti : ei[e]
+  ), p = k(
     "truncate text-xs leading-4",
-    ni[e]
+    si[e]
   );
   return /* @__PURE__ */ u("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ u("div", { className: "flex items-end gap-3", children: [
@@ -2877,7 +2874,7 @@ const Qr = {
         /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-1", children: [
           f && /* @__PURE__ */ u("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ s("p", { className: y("min-w-0", x), children: m })
+            /* @__PURE__ */ s("p", { className: k("min-w-0", x), children: m })
           ] }),
           h && /* @__PURE__ */ s("p", { className: p, children: a })
         ] }),
@@ -2885,9 +2882,9 @@ const Qr = {
       ] }),
       l && /* @__PURE__ */ s("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ s(ei, { variant: e, cta: o })
+    o && /* @__PURE__ */ s(Qr, { variant: e, cta: o })
   ] });
-}, ai = y(
+}, ni = k(
   "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"
@@ -2905,8 +2902,8 @@ const Qr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = n != null || a != null, f = y(
-    ai,
+  const m = n != null || a != null, f = k(
+    ni,
     l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2936,7 +2933,7 @@ const Qr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(f, "text-left"),
+      className: k(f, "text-left"),
       children: [
         t,
         h
@@ -2954,10 +2951,10 @@ const Qr = {
       ]
     }
   );
-}, ri = {
+}, ai = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ii = {
+}, ri = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, Ye = (e, t) => !!t && !!e && ce(e) === "audio", St = (e, t) => {
@@ -2986,7 +2983,7 @@ const Qr = {
   ) }) : /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3013,12 +3010,12 @@ const Qr = {
         ) : /* @__PURE__ */ s(
           "div",
           {
-            className: y(
+            className: k(
               "flex h-full w-full items-center justify-center",
-              ri[e]
+              ai[e]
             ),
             children: _e(r, {
-              className: ii[e],
+              className: ri[e],
               weight: "regular"
             })
           }
@@ -3028,7 +3025,7 @@ const Qr = {
       ]
     }
   );
-}, li = ({
+}, ii = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3105,7 +3102,7 @@ const Qr = {
       ]
     }
   );
-}, oi = ({
+}, li = ({
   title: e,
   description: t,
   url: n,
@@ -3158,7 +3155,7 @@ const Qr = {
       ]
     }
   );
-}, ci = ({
+}, oi = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3206,9 +3203,9 @@ const Qr = {
     }
   );
 }, Jt = {
-  Composer: li,
-  Sent: ci,
-  Received: oi
+  Composer: ii,
+  Sent: oi,
+  Received: li
 };
 function z(e) {
   const t = e == null ? void 0 : e.trim();
@@ -3217,7 +3214,7 @@ function z(e) {
 function Qt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function di(e, t) {
+function ci(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
   const n = Qt(e), a = Qt(t);
@@ -3242,7 +3239,7 @@ function es(e) {
     mimeType: r
   };
 }
-function ui(e) {
+function di(e) {
   var t;
   return Ls(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
@@ -3272,21 +3269,21 @@ function Ds(e) {
       a(r);
       continue;
     }
-    const i = ui(r);
+    const i = di(r);
     i && n(i, r);
   }
   return t;
 }
-function mi(e) {
+function ui(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function hi(e, t, n) {
+function mi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function ts(e) {
   return z(e.image_url) ?? z(e.asset_url) ?? "";
 }
-function fi(e) {
+function hi(e) {
   switch (e) {
     case "image":
       return ke.Image;
@@ -3300,7 +3297,7 @@ function fi(e) {
       return ke.File;
   }
 }
-function gi(e, t) {
+function fi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
@@ -3387,18 +3384,18 @@ function gi(e, t) {
       };
   }
 }
-function pi({
+function gi({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = fi(n.kind), r = {
-    ...gi(n.kind, n.attachments),
+  const a = hi(n.kind), r = {
+    ...fi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const bi = ({
+const pi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
@@ -3407,7 +3404,7 @@ const bi = ({
   var b;
   const r = Ds(n.attachments);
   if (r.length === 0) return null;
-  const i = mi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? es(l.attachments[0] ?? {}).url : void 0, m = o && di(o, d) ? void 0 : o;
+  const i = ui(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? es(l.attachments[0] ?? {}).url : void 0, m = o && ci(o, d) ? void 0 : o;
   let f = 0;
   const h = [], g = (v, x) => {
     const p = t ? Jt.Sent : Jt.Received;
@@ -3415,14 +3412,14 @@ const bi = ({
       /* @__PURE__ */ s(p, { ...es(v) }, x)
     );
   }, c = (v, x) => {
-    const p = hi(
+    const p = mi(
       f,
       i,
       e
     );
     f += 1, h.push(
       /* @__PURE__ */ s(
-        pi,
+        gi,
         {
           groupPosition: p,
           isMyMessage: t,
@@ -3469,7 +3466,7 @@ const bi = ({
       /* @__PURE__ */ s(nt, {})
     ] }) : null
   ] });
-}, vi = (e) => {
+}, bi = (e) => {
   var Dt, zt, Ft, Pt, Ot, $t, Ut, Bt, jt, Vt;
   const {
     additionalMessageInputProps: t,
@@ -3488,8 +3485,8 @@ const bi = ({
     renderText: b,
     threadList: v,
     viewerLanguage: x
-  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: D, onDownloadClick: S } = Or("LockedAttachment"), [R, O] = B(!1), F = Zs(c.id), { selected: L, voteUp: C, voteDown: E } = xa(c), {
-    Attachment: I = Js,
+  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: D, onDownloadClick: E } = Pr("LockedAttachment"), [R, O] = B(!1), F = Zs(c.id), { selected: L, voteUp: S, voteDown: I } = va(c), {
+    Attachment: y = Js,
     EditMessageModal: T = Qs,
     MessageActions: M,
     MessageBlocked: P = en,
@@ -3517,7 +3514,7 @@ const bi = ({
   }, [c, x]), de = W.length > 0, De = W.reduce(
     (me, be) => me + be.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Ya({
+  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Ha({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
@@ -3531,7 +3528,7 @@ const bi = ({
   const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = mn(c);
   let ge;
   le ? ge = () => m(c) : Tt && (ge = () => O(!0));
-  const te = g(), Us = y(
+  const te = g(), Us = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3548,7 +3545,7 @@ const bi = ({
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Ue(c), Bs = yt(c), We = !!(U != null && U.length && !c.quoted_message), At = pe && te && We, js = de && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
+  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = Yr(c), pe = Ue(c), Bs = yt(c), We = !!(U != null && U.length && !c.quoted_message), At = pe && te && We, js = de && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
     contentType: "text",
     amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
     paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
@@ -3602,7 +3599,7 @@ const bi = ({
           /* @__PURE__ */ s(
             "div",
             {
-              className: y("str-chat__message-inner", {
+              className: k("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": le || Tt
               }),
               "data-testid": "message-inner",
@@ -3616,7 +3613,7 @@ const bi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Mt ? /* @__PURE__ */ s(Qe, { message: c, standalone: !0 }) : Hr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+              children: Mt ? /* @__PURE__ */ s(Qe, { message: c, standalone: !0 }) : Gr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                 te && M && /* @__PURE__ */ s(M, {}),
                 te ? /* @__PURE__ */ s(
                   Pe,
@@ -3630,11 +3627,11 @@ const bi = ({
                     ...Rt,
                     isMine: !1,
                     isUnlocking: w(c.id),
-                    onUnlockClick: () => k == null ? void 0 : k(c, _)
+                    onUnlockClick: () => C == null ? void 0 : C(c, _)
                   }
                 ),
                 !te && M && /* @__PURE__ */ s(M, {})
-              ] }) }) : Yr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : Hr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   te && M && /* @__PURE__ */ s(M, {}),
                   te ? /* @__PURE__ */ s(
@@ -3642,7 +3639,7 @@ const bi = ({
                     {
                       ...Lt,
                       isMine: !0,
-                      onPreviewClick: () => k ? k(c, _) : void 0
+                      onPreviewClick: () => C ? C(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Pe,
@@ -3650,8 +3647,8 @@ const bi = ({
                       ...Lt,
                       isMine: !1,
                       isUnlocking: w(c.id),
-                      onUnlockClick: () => k ? k(c, _) : void 0,
-                      onDownloadClick: () => S ? S(c, _) : void 0
+                      onUnlockClick: () => C ? C(c, _) : void 0,
+                      onDownloadClick: () => E ? E(c, _) : void 0
                     }
                   ),
                   !te && M && /* @__PURE__ */ s(M, {})
@@ -3664,7 +3661,7 @@ const bi = ({
                   }
                 ) })
               ] }) : js ? /* @__PURE__ */ s(
-                bi,
+                pi,
                 {
                   groupPosition: ze,
                   isMyMessage: te,
@@ -3689,7 +3686,7 @@ const bi = ({
                 ),
                 qe && /* @__PURE__ */ s(fn, { poll: qe }),
                 U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  I,
+                  y,
                   {
                     actionHandler: l,
                     attachments: U
@@ -3722,15 +3719,15 @@ const bi = ({
               }
             ),
             n && pe && /* @__PURE__ */ s(
-              Wr,
+              qr,
               {
                 selected: L,
-                onVoteUp: C,
-                onVoteDown: E
+                onVoteUp: S,
+                onVoteDown: I
               }
             )
           ] }),
-          /* @__PURE__ */ s(Kr, {}),
+          /* @__PURE__ */ s(Xr, {}),
           ae && /* @__PURE__ */ s(
             ee,
             {
@@ -3744,13 +3741,13 @@ const bi = ({
       c.id
     )
   ] });
-}, xi = V.memo(
-  vi,
+}, vi = V.memo(
+  bi,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
-), wi = (e) => {
+), xi = (e) => {
   const t = Ne("CustomMessage");
-  return /* @__PURE__ */ s(xi, { ...t, ...e });
-}, _i = () => {
+  return /* @__PURE__ */ s(vi, { ...t, ...e });
+}, wi = () => {
   var n;
   const { handleDelete: e, message: t } = Ne("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
@@ -3763,7 +3760,7 @@ const bi = ({
       children: /* @__PURE__ */ s(Jn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ni = () => {
+}, _i = () => {
   const { handleFlag: e } = Ne("CustomMessageActions");
   return /* @__PURE__ */ s(
     cs,
@@ -3775,19 +3772,19 @@ const bi = ({
       children: /* @__PURE__ */ s(is, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, yi = () => {
+}, Ni = () => {
   var t;
   const { message: e } = Ne("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
     ta,
     {
       messageActionSet: [
-        { Component: _i, placement: "quick", type: "delete" },
-        { Component: Ni, placement: "quick", type: "flag" }
+        { Component: wi, placement: "quick", type: "delete" },
+        { Component: _i, placement: "quick", type: "flag" }
       ]
     }
   );
-}, ki = ({
+}, yi = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3827,14 +3824,14 @@ const bi = ({
       ]
     }
   );
-}, Ci = (e) => ({
+}, ki = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
-}), Si = () => {
+}), Ci = () => {
   const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
     e.state,
-    Ci
+    ki
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3847,9 +3844,9 @@ const bi = ({
     // block so it keeps its intrinsic height and the container scrolls — a
     // bare flex-column child would be shrunk on the column axis and its
     // fixed-height hero would spill out of the collapsed card box.
-    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(ki, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
+    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(yi, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, It = V.createContext(!1), pl = () => Te(It), Ei = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, It = V.createContext(!1), gl = () => Te(It), Si = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3859,9 +3856,9 @@ const bi = ({
     onClick: e,
     children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
   }
-), Ii = () => {
+), Ei = () => {
   const e = Te(It), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
-    SendButton: r = Ei,
+    SendButton: r = Si,
     AttachmentPreviewList: i = wn
   } = rs("CustomMessageInput");
   return (
@@ -3880,7 +3877,7 @@ const bi = ({
         "data-dd-privacy": "mask",
         children: [
           /* @__PURE__ */ s(_n, {}),
-          /* @__PURE__ */ s(Si, {}),
+          /* @__PURE__ */ s(Ci, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ u("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
@@ -3911,7 +3908,7 @@ const bi = ({
       }
     )
   );
-}, Ti = ({
+}, Ii = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3932,23 +3929,23 @@ const bi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(It.Provider, { value: o, children: /* @__PURE__ */ s(bn, { Input: r ?? Ii }) })
+          /* @__PURE__ */ s(It.Provider, { value: o, children: /* @__PURE__ */ s(bn, { Input: r ?? Ei }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Mi = [
+}, Ti = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ai = {
+], Mi = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ri = [
+}, Ai = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Li = {
+], Ri = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, tt = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", ss = (e) => Mi.includes(e), zi = (e) => Ri.includes(e), Fi = (e) => {
+}, tt = "age safety guidelines.", Li = "https://linktr.ee/s/about/contact", ss = (e) => Ti.includes(e), Di = (e) => Ai.includes(e), zi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (ss(t))
@@ -3956,7 +3953,7 @@ const bi = ({
       kind: "dm-agent",
       type: t
     };
-  if (zi(t))
+  if (Di(t))
     return {
       kind: "age-safety",
       type: t
@@ -3967,7 +3964,7 @@ const bi = ({
       kind: "dm-agent",
       type: n
     };
-}, Pi = (e) => {
+}, Fi = (e) => {
   const t = e.indexOf(tt);
   if (t === -1)
     return e;
@@ -3977,7 +3974,7 @@ const bi = ({
     /* @__PURE__ */ s(
       "a",
       {
-        href: Di,
+        href: Li,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -3986,13 +3983,13 @@ const bi = ({
     ),
     e.slice(n)
   ] });
-}, Oi = (e) => {
+}, Pi = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = Fi(
+  const t = e.message.hide_date === !0, n = zi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Mi[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4018,7 +4015,7 @@ const bi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Li[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ri[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4037,7 +4034,7 @@ const bi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Pi(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Fi(i) }) })
           ]
         }
       ),
@@ -4062,15 +4059,15 @@ const bi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), $i = /* @__PURE__ */ new Set([
+) }), Oi = /* @__PURE__ */ new Set([
   Ke.Thinking,
   Ke.Generating,
   Ke.ExternalSources
-]), Ui = ({ threadList: e }) => {
+]), $i = ({ threadList: e }) => {
   var b, v;
   const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = yn(), { aiState: o } = kn(t), l = Te(zs);
-  if (!e && l && $i.has(o)) {
-    const x = Bi(t, (b = r.user) == null ? void 0 : b.id);
+  if (!e && l && Oi.has(o)) {
+    const x = Ui(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       ns,
       {
@@ -4150,7 +4147,7 @@ const bi = ({
     ] })
   }
 );
-function Bi(e, t) {
+function Ui(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4159,10 +4156,10 @@ function Bi(e, t) {
       return i;
   }
 }
-const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const Bi = () => null, ji = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
-    className: y("flex items-center justify-center h-full", e),
+    className: k("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ u("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ s("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ s(
@@ -4203,11 +4200,11 @@ const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ u(
     ]
   }
 ), Ve = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(Vi, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(ji, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ve.displayName = "LoadingState";
-const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Oe = "Replies instantly with AI assistant", Gi = ({
+const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Oe = "Replies instantly with AI assistant", Vi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4226,7 +4223,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: v,
   renderHeaderTitleBadges: x
 }) => {
-  var E, I, T, M, P, $;
+  var I, y, T, M, P, $;
   const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
     () => {
       var j;
@@ -4236,16 +4233,16 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         p.type
       );
     },
-    [(E = p.state) == null ? void 0 : E.members, _ == null ? void 0 : _.userID, p.type]
-  ), k = mt(w == null ? void 0 : w.user), D = (I = w == null ? void 0 : w.user) == null ? void 0 : I.image, S = ut(p), R = x == null ? void 0 : x({
+    [(I = p.state) == null ? void 0 : I.members, _ == null ? void 0 : _.userID, p.type]
+  ), C = mt(w == null ? void 0 : w.user), D = (y = w == null ? void 0 : w.user) == null ? void 0 : y.image, E = ut(p), R = x == null ? void 0 : x({
     channel: p,
     participant: w
   }), O = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", F = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", L = /* @__PURE__ */ u(se, { children: [
-    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: k }),
+    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: C }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
-  ] }), C = async () => {
+  ] }), S = async () => {
     try {
-      S ? await p.unpin() : await p.pin();
+      E ? await p.unpin() : await p.pin();
     } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -4258,7 +4255,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ s(
         "button",
         {
-          className: y(
+          className: k(
             ve,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -4279,8 +4276,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: v,
-              "aria-label": `View details for ${k}`,
-              className: y(
+              "aria-label": `View details for ${C}`,
+              className: k(
                 O,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
@@ -4289,9 +4286,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   ne,
                   {
                     id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
-                    name: k,
+                    name: C,
                     image: D,
-                    starred: n && S,
+                    starred: n && E,
                     dmAgentEnabled: a,
                     size: 48
                   }
@@ -4311,9 +4308,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ne,
               {
                 id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
-                name: k,
+                name: C,
                 image: D,
-                starred: n && S,
+                starred: n && E,
                 dmAgentEnabled: a,
                 size: 48
               }
@@ -4340,17 +4337,17 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: ve,
-            onClick: C,
+            onClick: S,
             type: "button",
-            "aria-label": S ? "Unstar conversation" : "Star conversation",
+            "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ie,
               {
-                className: y("size-5", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                className: k("size-5", {
+                  "text-yellow-600": E,
+                  "text-black/90": !E
                 }),
-                weight: S ? "duotone" : "regular"
+                weight: E ? "duotone" : "regular"
               }
             )
           }
@@ -4369,7 +4366,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: f,
             onReportParticipantClick: h,
             customChannelActions: g,
-            triggerClassName: y(ve, "bg-[#F1F0EE]")
+            triggerClassName: k(ve, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -4379,7 +4376,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ s(
           "button",
           {
-            className: y(
+            className: k(
               ve,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -4394,8 +4391,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             type: "button",
             onClick: v,
-            "aria-label": `View details for ${k}`,
-            className: y(
+            "aria-label": `View details for ${C}`,
+            className: k(
               F,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -4404,9 +4401,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ne,
                 {
                   id: ((P = w == null ? void 0 : w.user) == null ? void 0 : P.id) || p.id || "unknown",
-                  name: k,
+                  name: C,
                   image: D,
-                  starred: n && S,
+                  starred: n && E,
                   dmAgentEnabled: a,
                   size: 48
                 }
@@ -4428,9 +4425,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             ne,
             {
               id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
-              name: k,
+              name: C,
               image: D,
-              starred: n && S,
+              starred: n && E,
               dmAgentEnabled: a,
               size: 48
             }
@@ -4458,17 +4455,17 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: ve,
-            onClick: C,
+            onClick: S,
             type: "button",
-            "aria-label": S ? "Unstar conversation" : "Star conversation",
+            "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ie,
               {
-                className: y("size-6", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                className: k("size-6", {
+                  "text-yellow-600": E,
+                  "text-black/90": !E
                 }),
-                weight: S ? "duotone" : "regular"
+                weight: E ? "duotone" : "regular"
               }
             )
           }
@@ -4493,7 +4490,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Hi = ({
+}, Gi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4514,36 +4511,36 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderChannelBanner: p,
   renderHeaderTitleBadges: _,
   customChannelActions: w,
-  renderChannelActions: k,
+  renderChannelActions: C,
   renderMessage: D,
-  dmAgentEnabled: S = !1,
+  dmAgentEnabled: E = !1,
   viewerLanguage: R,
   showChannelInfo: O = !0,
   onParticipantNameClick: F,
   composerInput: L
 }) => {
   var N, A, H, q;
-  const { channel: C } = oe(), { client: E } = fe(), I = V.useMemo(
+  const { channel: S } = oe(), { client: I } = fe(), y = V.useMemo(
     () => {
       var Y;
       return He(
-        (Y = C.state) == null ? void 0 : Y.members,
-        E == null ? void 0 : E.userID,
-        C.type
+        (Y = S.state) == null ? void 0 : Y.members,
+        I == null ? void 0 : I.userID,
+        S.type
       );
     },
-    [(N = C.state) == null ? void 0 : N.members, E == null ? void 0 : E.userID, C.type]
+    [(N = S.state) == null ? void 0 : N.members, I == null ? void 0 : I.userID, S.type]
   ), T = V.useMemo(() => {
     var W;
-    const Y = E == null ? void 0 : E.userID;
-    return Y ? Object.values(((W = C.state) == null ? void 0 : W.members) || {}).find((Z) => {
+    const Y = I == null ? void 0 : I.userID;
+    return Y ? Object.values(((W = S.state) == null ? void 0 : W.members) || {}).find((Z) => {
       var de;
       return ((de = Z.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
-  }, [E == null ? void 0 : E.userID, (A = C.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), $ = S && M === !1 && P === !0, j = C.state.messages.some(
+  }, [I == null ? void 0 : I.userID, (A = S.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = y == null ? void 0 : y.user) == null ? void 0 : q.is_account) ?? (y == null ? void 0 : y.is_account), $ = E && M === !1 && P === !0, j = S.state.messages.some(
     (Y) => Y.type !== "deleted"
   ), Q = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
-    pa,
+    ga,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
@@ -4560,13 +4557,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onBlockParticipantClick: m,
       onReportParticipantClick: f,
       customChannelActions: w,
-      renderChannelActions: k,
+      renderChannelActions: C,
       onParticipantNameClick: F
     }
   ) : null, X = J(
     (Y) => {
       const { message: U } = Ne("ChannelView"), W = /* @__PURE__ */ s(
-        wi,
+        xi,
         {
           ...Y,
           chatbotVotingEnabled: x,
@@ -4582,13 +4579,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     {
       overrides: {
         Message: X,
-        MessageActions: yi,
+        MessageActions: Ni,
         UnreadMessagesSeparator: () => null
       },
       children: /* @__PURE__ */ u(En, { children: [
         !F && /* @__PURE__ */ u(se, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Gi,
+            Vi,
             {
               onBack: e,
               showBackButton: t,
@@ -4604,7 +4601,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onBlockParticipantClick: m,
               onReportParticipantClick: f,
               customChannelActions: w,
-              renderChannelActions: k,
+              renderChannelActions: C,
               renderHeaderTitleBadges: _
             }
           ) }, "lt-channel-header"),
@@ -4634,14 +4631,14 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ s(V.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ s(V.Fragment, { children: r(S) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          Ti,
+          Ii,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(C)
+              renderActions: () => n == null ? void 0 : n(S)
             },
-            renderFooter: () => a == null ? void 0 : a(C),
+            renderFooter: () => a == null ? void 0 : a(S),
             disabled: c,
             disabledReason: b,
             composerInput: L
@@ -4662,7 +4659,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = ji,
+    CustomChannelEmptyState: m = Bi,
     showDeleteConversation: f = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: g,
@@ -4673,16 +4670,16 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     composerDisabledReason: p,
     dmAgentEnabled: _,
     messageMetadata: w,
-    onMessageSent: k,
+    onMessageSent: C,
     showStarButton: D = !1,
-    chatbotVotingEnabled: S = !1,
+    chatbotVotingEnabled: E = !1,
     renderChannelBanner: R,
     renderHeaderTitleBadges: O,
     customChannelActions: F,
     renderChannelActions: L,
-    renderMessage: C,
-    onMessageLinkClick: E,
-    sendButton: I,
+    renderMessage: S,
+    onMessageLinkClick: I,
+    sendButton: y,
     attachmentPreviewList: T,
     viewerLanguage: M,
     showChannelInfo: P = !0,
@@ -4705,26 +4702,26 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ...A,
           ...q && { skip_push: !0 }
         }, W = await e.sendMessage(Y, U);
-        return k == null || k(W), W;
+        return C == null || C(W), W;
       },
-      [e, _, w, k]
+      [e, _, w, C]
     ), ee = G(null);
     return K(() => {
-      if (!E) return;
+      if (!I) return;
       const X = ee.current;
       if (!X) return;
       const N = (A) => {
         const H = A.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
         const U = q == null ? void 0 : q.closest("[data-message-id]"), W = U == null ? void 0 : U.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
-        E(Y, Z);
+        I(Y, Z);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
-    }, [E, e]), /* @__PURE__ */ s(
+    }, [I, e]), /* @__PURE__ */ s(
       "div",
       {
         ref: ee,
-        className: y(
+        className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -4732,16 +4729,16 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           Cn,
           {
             channel: e,
-            MessageSystem: Oi,
+            MessageSystem: Pi,
             EmptyStateIndicator: m,
             LoadingIndicator: Ve,
-            DateSeparator: ba,
-            TypingIndicator: Ui,
+            DateSeparator: pa,
+            TypingIndicator: $i,
             doSendMessageRequest: Q,
-            ...I ? { SendButton: I } : {},
+            ...y ? { SendButton: y } : {},
             ...T ? { AttachmentPreviewList: T } : {},
             children: /* @__PURE__ */ s(
-              Hi,
+              Gi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4761,12 +4758,12 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 composerDisabledReason: p,
                 showStarButton: D,
                 dmAgentEnabled: _,
-                chatbotVotingEnabled: S,
+                chatbotVotingEnabled: E,
                 renderChannelBanner: R,
                 renderHeaderTitleBadges: O,
                 customChannelActions: F,
                 renderChannelActions: L,
-                renderMessage: C,
+                renderMessage: S,
                 viewerLanguage: M,
                 showChannelInfo: P,
                 onParticipantNameClick: $,
@@ -4795,7 +4792,7 @@ const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const bl = ({
+const pl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4816,18 +4813,18 @@ const bl = ({
   renderChannelActions: p,
   onParticipantNameClick: _,
   renderMessage: w,
-  onMessageLinkClick: k,
+  onMessageLinkClick: C,
   showChannelInfo: D,
-  composerInput: S
+  composerInput: E
 }) => {
   const {
     client: R,
     isConnected: O,
     isLoading: F,
     error: L,
-    refreshConnection: C,
-    service: E,
-    debug: I
+    refreshConnection: S,
+    service: I,
+    debug: y
   } = sa(), [T, M] = B(null), [P, $] = B(null), [j, Q] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
@@ -4848,7 +4845,7 @@ const bl = ({
     (async () => {
       var De, ze;
       try {
-        I && console.log(
+        y && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
@@ -4861,27 +4858,27 @@ const bl = ({
           { limit: 1 }
         );
         if (ae.length > 0) {
-          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), I && console.log(
+          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), y && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ae[0].id
           );
           return;
         }
         const ue = X.current;
-        if (!ue || !E) {
-          Z(), $("No conversation found with this account"), I && console.log(
+        if (!ue || !I) {
+          Z(), $("No conversation found with this account"), y && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const le = await E.startChannelWithParticipant({
+          const le = await I.startChannelWithParticipant({
             id: ue.id,
             name: ue.name,
             phone: ue.phone
           });
-          M(le), $(null), (ze = N.current) == null || ze.call(N, le), I && console.log(
+          M(le), $(null), (ze = N.current) == null || ze.call(N, le), y && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -4898,18 +4895,18 @@ const bl = ({
         ), Z(), H.current || $("Failed to load conversation");
       }
     })();
-  }, [i, R, O, E, I]);
+  }, [i, R, O, I, y]);
   const q = G(r);
   q.current = r;
   const Y = J(() => {
     var U;
     M(null), Q(!0), (U = q.current) == null || U.call(q);
   }, []);
-  return F ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: C }) : !O || !R ? /* @__PURE__ */ s(
+  return F ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: S }) : !O || !R ? /* @__PURE__ */ s(
     Ce,
     {
       message: "Not connected to messaging service",
-      onBack: C
+      onBack: S
     }
   ) : P ? /* @__PURE__ */ s(Ce, { message: P }) : j && !T ? /* @__PURE__ */ s(Ce, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
     Fs,
@@ -4933,14 +4930,14 @@ const bl = ({
       renderChannelActions: p,
       onParticipantNameClick: _,
       renderMessage: w,
-      onMessageLinkClick: k,
+      onMessageLinkClick: C,
       showChannelInfo: D,
-      composerInput: S
+      composerInput: E
     },
     T.id
   ) }) }) : /* @__PURE__ */ s(Ve, {});
 };
-function Yi(e) {
+function Hi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
@@ -4954,18 +4951,18 @@ const Ps = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), qi = Ps.Provider, Wi = () => V.useContext(Ps), Xi = (e, t) => {
+}), Yi = Ps.Provider, qi = () => V.useContext(Ps), Wi = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Ki = (e) => {
+}, Xi = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Xi(e, t);
+  const a = Wi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4985,7 +4982,7 @@ const Ps = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Wi(), { client: m } = fe(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ut(t);
+    } = qi(), { client: m } = fe(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ut(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -4999,46 +4996,46 @@ const Ps = V.createContext({
       );
     const g = () => {
       t && r(t);
-    }, c = (C) => {
-      const E = C.key === "Enter" || C.key === " ", I = C.repeat;
-      !E || I || (C.preventDefault(), g());
+    }, c = (S) => {
+      const I = S.key === "Enter" || S.key === " ", y = S.repeat;
+      !I || y || (S.preventDefault(), g());
     }, b = He(
       (O = t == null ? void 0 : t.state) == null ? void 0 : O.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
     ), v = mt(b == null ? void 0 : b.user), x = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, p = (() => {
-      var E;
-      const C = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
-      if (C != null && C.length) {
-        for (let I = C.length - 1; I >= 0; I--)
-          if (C[I].type !== "system") return C[I];
+      var I;
+      const S = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
+      if (S != null && S.length) {
+        for (let y = S.length - 1; y >= 0; y--)
+          if (S[y].type !== "system") return S[y];
       }
     })(), w = (() => {
       var M;
-      const C = ms({
+      const S = ms({
         message: p,
         viewerLanguage: d
-      }), { custom_type: E, attachment_content_type: I } = (p == null ? void 0 : p.metadata) || {};
-      if (E === "MESSAGE_TIP")
-        return C || "Sent a tip";
-      if (E === "MESSAGE_PAID")
-        return C || "Sent a message";
-      if (E === "MESSAGE_ATTACHMENT") {
-        if (I === "text")
+      }), { custom_type: I, attachment_content_type: y } = (p == null ? void 0 : p.metadata) || {};
+      if (I === "MESSAGE_TIP")
+        return S || "Sent a tip";
+      if (I === "MESSAGE_PAID")
+        return S || "Sent a message";
+      if (I === "MESSAGE_ATTACHMENT") {
+        if (y === "text")
           return "🔒 Sent a locked message";
-        if (I === "media")
+        if (y === "media")
           return "🔒 Sent a locked attachment";
       }
-      if (C) return C;
+      if (S) return S;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), k = p != null && p.created_at ? Ki(new Date(p.created_at)) : "", D = p ? Ue(p) : !1, S = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), C = p != null && p.created_at ? Xi(new Date(p.created_at)) : "", D = p ? Ue(p) : !1, E = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: f,
       participantName: v,
       unreadCount: R,
-      hasTimestamp: !!k
+      hasTimestamp: !!C
     }), /* @__PURE__ */ s(
       "div",
       {
@@ -5046,7 +5043,7 @@ const Ps = V.createContext({
         tabIndex: 0,
         onClick: g,
         onKeyDown: c,
-        className: y(
+        className: k(
           "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]": f,
@@ -5070,7 +5067,7 @@ const Ps = V.createContext({
               /* @__PURE__ */ u(
                 "h3",
                 {
-                  className: y(
+                  className: k(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -5079,10 +5076,10 @@ const Ps = V.createContext({
                   ]
                 }
               ),
-              k && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: k })
+              C && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: C })
             ] }),
             /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: S }),
+              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: E }),
               R > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: R > 99 ? "99+" : R })
             ] })
           ] })
@@ -5092,14 +5089,14 @@ const Ps = V.createContext({
   }
 );
 Os.displayName = "CustomChannelPreview";
-const Zi = { last_message_at: -1 }, Ji = V.memo(
+const Ki = { last_message_at: -1 }, Zi = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Zi,
+    sort: i = Ki,
     className: o,
     customEmptyStateIndicator: l,
     channelListPaginator: d = Mn,
@@ -5115,11 +5112,11 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
   }) => {
     const _ = V.useRef(0);
     _.current++;
-    const { debug: w = !1 } = dt(), k = V.useCallback(
-      (S) => {
-        for (const R of S)
-          Yi(R);
-        return r ? r(S) : S;
+    const { debug: w = !1 } = dt(), C = V.useCallback(
+      (E) => {
+        for (const R of E)
+          Hi(R);
+        return r ? r(E) : E;
       },
       [r]
     );
@@ -5149,18 +5146,18 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
     return /* @__PURE__ */ s(
       "div",
       {
-        className: y(
+        className: k(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(qi, { value: D, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Yi, { value: D, children: /* @__PURE__ */ s(
           Tn,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: k,
+            channelRenderFilterFn: C,
             lockChannelOrder: g,
             onMessageNewHandler: c,
             onMessageNew: b,
@@ -5177,11 +5174,11 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
     );
   }
 );
-Ji.displayName = "ChannelList";
-const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Qi = {
+Zi.displayName = "ChannelList";
+const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Ji = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, el = ({ variant: e }) => /* @__PURE__ */ s(
+}, Qi = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5191,12 +5188,12 @@ const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Qi[e],
+      backgroundColor: Ji[e],
       WebkitMask: as,
       mask: as
     }
   }
-), tl = {
+), el = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5215,23 +5212,23 @@ const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   "div",
   {
     "data-dd-privacy": "mask",
-    className: y(
+    className: k(
       "relative px-4 py-3",
       "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]",
       r
     ),
     style: {
-      ...tl[e],
+      ...el[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(el, { variant: e })
+      n && /* @__PURE__ */ s(Qi, { variant: e })
     ]
   }
-), sl = ({
+), tl = ({
   text: e,
   tail: t,
   header: n,
@@ -5245,10 +5242,10 @@ const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), nl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s($s, { variant: "sent", text: e, tail: t, className: n }), vl = {
-  Sent: nl,
-  Received: sl
-}, al = ({
+), sl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s($s, { variant: "sent", text: e, tail: t, className: n }), bl = {
+  Sent: sl,
+  Received: tl
+}, nl = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5260,7 +5257,7 @@ const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     onClick: t,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: y(
+    className: k(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -5270,7 +5267,7 @@ const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), xl = ({
+), vl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5299,7 +5296,7 @@ const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            al,
+            nl,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5315,40 +5312,40 @@ const as = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
 export {
   fs as A,
   pt as B,
-  ji as C,
+  Bi as C,
   mt as D,
-  pl as E,
-  xl as F,
-  Or as G,
-  xa as H,
+  gl as E,
+  vl as F,
+  Pr as G,
+  va as H,
   sa as I,
   Jt as L,
-  fl as M,
+  hl as M,
   ye as a,
   ne as b,
-  Ji as c,
+  Zi as c,
   Fs as d,
-  gl as e,
-  al as f,
+  fl as e,
+  nl as f,
   ce as g,
   Pe as h,
   ke as i,
-  vl as j,
-  Wr as k,
-  hl as l,
-  bl as m,
-  sr as n,
+  bl as j,
+  qr as k,
+  ml as l,
+  pl as m,
+  tr as n,
   he as o,
-  Qa as p,
-  Ki as q,
+  Ja as p,
+  Xi as q,
   _e as r,
-  tr as s,
+  er as s,
   ms as t,
   bs as u,
   ia as v,
-  Ya as w,
-  wa as x,
+  Ha as w,
+  xa as x,
   He as y,
   gt as z
 };
-//# sourceMappingURL=index-FDgJhTIG.js.map
+//# sourceMappingURL=index-5kR8BcYv.js.map