@linktr.ee/messaging-react 3.7.0-rc-1783338119 → 3.7.0

package/dist/{index-27SEkKTJ.js → index-C-2O97qw.js}

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as m, Fragment as ee } from "react/jsx-runtime";
-import V, { createContext as rt, useContext as Ie, useCallback as Z, useState as U, useRef as G, useEffect as J, useId as Gs, useMemo as se, Suspense as it } from "react";
-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 le, useChatContext as oe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, areMessageUIPropsEqual as Ks, useMessageReminder as Js, useComponentContext as is, Attachment as Zs, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, MessageText as qt, MessageErrorIcon as Wt, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as An } from "stream-chat-react";
-import { StarIcon as Ee, DotsThreeIcon as Mn, SpinnerGapIcon as ze, SignOutIcon as Rn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as et, CurrencyDollarIcon as Dn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Ln, SpeakerHighIcon as zn, VideoCameraIcon as cs, FileMdIcon as Pn, FileTextIcon as Fn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Bn, FileXlsIcon as Un, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as tt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Ue, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Jn, TrashSimpleIcon as Zn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
+import { jsx as s, jsxs as m, Fragment as te } from "react/jsx-runtime";
+import V, { createContext as at, useContext as Se, useCallback as Z, useState as U, useRef as G, useEffect as J, useId as Vs, useMemo as ae, Suspense as rt } from "react";
+import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
+import { StreamChat as Hs, LinkPreviewsManager as Ht } from "stream-chat";
+import { Chat as Ys, useChannelStateContext as ue, useChatContext as me, DateSeparator as qs, areMessageUIPropsEqual as Ws, useMessageReminder as Xs, useComponentContext as rs, Attachment as Ks, EditMessageModal as Js, MessageBlocked as Zs, MessageBouncePrompt as Qs, MessageDeleted as en, MessageIsThreadReplyInChannelButtonIndicator as tn, MessageRepliesCountButton as sn, ReminderNotification as nn, StreamedMessageText as an, messageHasAttachments as rn, messageHasReactions as ln, isDateSeparatorMessage as on, isMessageBlocked as cn, isMessageBounced as dn, MessageBounceModal as un, MessageText as Yt, MessageErrorIcon as qt, Poll as mn, useMessageContext as Ie, useMessageComposer as hn, useStateStore as fn, MessageInput as gn, useMessageInputContext as pn, useMessageComposerHasSendableData as bn, AttachmentPreviewList as vn, QuotedMessagePreview as xn, TextareaComposer as wn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as _n, useAIState as Nn, Channel as yn, WithComponents as kn, Window as Cn, MessageList as En, ChannelList as Sn, InfiniteScroll as In } from "stream-chat-react";
+import { StarIcon as Ee, DotsThreeIcon as Tn, SpinnerGapIcon as ze, SignOutIcon as An, ProhibitInsetIcon as Wt, FlagIcon as is, ArrowLeftIcon as Qe, CurrencyDollarIcon as Mn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as ls, ImageIcon as Rn, SpeakerHighIcon as Ln, VideoCameraIcon as os, FileMdIcon as Dn, FileTextIcon as zn, FileZipIcon as Pn, FilePptIcon as Fn, FileCsvIcon as On, FileXlsIcon as $n, FileDocIcon as Bn, FilePdfIcon as Un, CircleNotchIcon as ke, PlayIcon as et, PauseIcon as jn, LinkIcon as Vn, DownloadSimpleIcon as Ce, XIcon as Ue, CaretLeftIcon as Gn, GiftIcon as Hn, ThumbsUpIcon as Yn, ThumbsDownIcon as qn, PencilSimpleIcon as Wn, TrashSimpleIcon as Xn, ArrowUpIcon as Kn, ProhibitIcon as Jn } from "@phosphor-icons/react";
 import k from "classnames";
-import { MessageActions as ta, DefaultDropdownActionButton as ds } from "stream-chat-react/experimental";
-const us = rt({
+import { MessageActions as Zn, DefaultDropdownActionButton as cs } from "stream-chat-react/experimental";
+const ds = at({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const us = rt({
   refreshConnection: async () => {
   },
   debug: !1
-}), lt = () => Ie(us), dl = ({
+}), it = () => Se(ds), rl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -25,10 +25,10 @@ const us = rt({
   debug: i = !1,
   client: o
 }) => {
-  var S, R;
+  var E, R;
   const l = Z(
-    (E, ...z) => {
-      i && console.log(`🔥 [MessagingProvider] ${E}`, ...z);
+    (S, ...z) => {
+      i && console.log(`🔥 [MessagingProvider] ${S}`, ...z);
     },
     [i]
   );
@@ -47,9 +47,9 @@ const us = rt({
     apiKey: a,
     serviceConfig: n,
     capabilities: r
-  }), D = G(0);
-  D.current++, l("📊 RENDER INFO", {
-    renderCount: D.current,
+  }), L = G(0);
+  L.current++, l("📊 RENDER INFO", {
+    renderCount: L.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: A.current.userId !== (t == null ? void 0 : t.id),
@@ -64,37 +64,37 @@ const us = rt({
     capabilities: r
   };
   const $ = G(null);
-  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new Ys(a) });
+  !o && a && ((E = $.current) == null ? void 0 : E.apiKey) !== a && ($.current = { apiKey: a, client: new Hs(a) });
   const F = o || (a ? ((R = $.current) == null ? void 0 : R.client) ?? null : null);
   J(() => {
-    const E = D.current, z = C.current;
+    const S = L.current, z = C.current;
     if (o) {
       N.current = null, u(null), h(null), c(!1), g(null), w(!1);
       return;
     }
     if (!a || !F || !z) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: E,
+        renderCount: S,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: E,
+      renderCount: S,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const O = new Hs({
+    const O = new Gs({
       ...z,
       apiKey: a,
       debug: T.current,
       client: F
     });
     N.current = O, u(O), l("✅ SERVICE SET", {
-      renderCount: E,
+      renderCount: S,
       serviceInstance: !!O
     });
   }, [a, F, o]);
-  const L = G(null);
+  const D = G(null);
   J(() => {
     var z, O;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -114,7 +114,7 @@ const us = rt({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((z = L.current) == null ? void 0 : z.serviceId) === d && ((O = L.current) == null ? void 0 : O.userId) === t.id) {
+    if (((z = D.current) == null ? void 0 : z.serviceId) === d && ((O = D.current) == null ? void 0 : O.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -126,7 +126,7 @@ const us = rt({
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
-        h(j), c(!0), L.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        h(j), c(!0), D.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: j.userID
         });
@@ -144,10 +144,10 @@ const us = rt({
       }
     })();
   }, [d, t, l, f, o]), J(() => {
-    const E = F;
+    const S = F;
     return () => {
       var z;
-      E && (L.current = null, (z = N.current) == null || z.disconnectUser().catch(console.error));
+      S && (D.current = null, (z = N.current) == null || z.disconnectUser().catch(console.error));
     };
   }, [F]);
   const y = Z(async () => {
@@ -162,10 +162,10 @@ const us = rt({
       l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-        const E = await d.connectUser(t);
-        h(E), c(!0), g(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-      } catch (E) {
-        const z = E instanceof Error ? E.message : "Refresh failed";
+        const S = await d.connectUser(t);
+        h(S), c(!0), g(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      } catch (S) {
+        const z = S instanceof Error ? S.message : "Refresh failed";
         g(z), l("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: z
@@ -211,11 +211,11 @@ const us = rt({
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: D.current,
+    renderCount: L.current,
     willRenderChat: !!F,
     contextValueReady: !!I
-  }), /* @__PURE__ */ s(us.Provider, { value: I, children: F ? /* @__PURE__ */ s(
-    qs,
+  }), /* @__PURE__ */ s(ds.Provider, { value: I, children: F ? /* @__PURE__ */ s(
+    Ys,
     {
       client: F,
       customClasses: {
@@ -224,7 +224,7 @@ const us = rt({
       children: e
     }
   ) : e });
-}, sa = () => lt(), ot = (e) => {
+}, Qn = () => it(), lt = (e) => {
   var a, r;
   const [t, n] = U(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -246,14 +246,14 @@ const us = rt({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, na = "linktree-official", aa = "linktree-official-sender";
+}, ea = "linktree-official", ta = "linktree-official-sender";
 function je(e, t, n) {
   const a = Object.values(e || {});
-  if (n === na) {
+  if (n === ea) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === aa;
+        return ((o = i.user) == null ? void 0 : o.id) === ta;
       }
     );
     if (r) return r;
@@ -265,18 +265,18 @@ function je(e, t, n) {
     }
   );
 }
-const ra = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function ia(e) {
-  return ra.test(e.trim());
+const sa = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function na(e) {
+  return sa.test(e.trim());
 }
-function Kt(e, t) {
+function Xt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t ? !1 : !ia(n);
+  return !n || t && n === t ? !1 : !na(n);
 }
-function ct(e) {
-  return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function ot(e) {
+  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Jt = [
+const Kt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -304,7 +304,7 @@ const Jt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function la(e) {
+function aa(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -312,16 +312,16 @@ function la(e) {
   }
   return Math.abs(t);
 }
-function ms(e) {
-  return Jt[la(e) % Jt.length];
+function us(e) {
+  return Kt[aa(e) % Kt.length];
 }
-function oa(e) {
-  return ms(e).emoji;
+function ra(e) {
+  return us(e).emoji;
 }
-function ca(e) {
-  return ms(e).bgColor;
+function ia(e) {
+  return us(e).bgColor;
 }
-const ne = ({
+const se = ({
   id: e,
   image: t,
   size: n = 40,
@@ -330,7 +330,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = oa(e), d = ca(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const l = ra(e), d = ia(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -394,7 +394,7 @@ const ne = ({
       ]
     }
   );
-}, da = "https://linktr.ee/s/about/trust-center/report", ua = ({
+}, la = "https://linktr.ee/s/about/trust-center/report", oa = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -408,41 +408,41 @@ const ne = ({
   logLabel: p = "useChannelModerationActions"
 }) => {
   var I;
-  const { service: h, debug: f } = lt(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, v = !!(a && n && h && c), [w, b] = U(!1), [g, x] = U(null), [N, C] = U(!1), [T, A] = U(!1), D = v && ((g == null ? void 0 : g.participantId) !== c || (g == null ? void 0 : g.service) !== h);
+  const { service: h, debug: f } = it(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, v = !!(a && n && h && c), [w, b] = U(!1), [g, x] = U(null), [N, C] = U(!1), [T, A] = U(!1), L = v && ((g == null ? void 0 : g.participantId) !== c || (g == null ? void 0 : g.service) !== h);
   return J(() => {
     if (!v || !h || !c) {
       b(!1), x(null);
       return;
     }
-    let S = !1;
+    let E = !1;
     return (async () => {
       try {
         const R = await h.getBlockedUsers();
-        if (S) return;
+        if (E) return;
         b(
           R.some(
-            (E) => E.blocked_user_id === c
+            (S) => S.blocked_user_id === c
           )
         );
       } catch (R) {
-        S || console.error(`[${p}] Failed to check blocked status:`, R);
+        E || console.error(`[${p}] Failed to check blocked status:`, R);
       } finally {
-        S || x({ participantId: c, service: h });
+        E || x({ participantId: c, service: h });
       }
     })(), () => {
-      S = !0;
+      E = !0;
     };
   }, [v, h, c, p]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: D,
+    isCheckingBlockedStatus: L,
     isLeaving: N,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
-      var S;
+      var E;
       if (!N) {
         o == null || o(), f && console.log(`[${p}] Leave conversation`, e.cid), C(!0);
         try {
-          const R = ((S = e._client) == null ? void 0 : S.userID) ?? null;
+          const R = ((E = e._client) == null ? void 0 : E.userID) ?? null;
           await e.hide(R, !1), r && await r(e), u == null || u();
         } catch (R) {
           console.error(`[${p}] Failed to leave conversation`, R);
@@ -452,11 +452,11 @@ const ne = ({
       }
     },
     handleBlockUser: async () => {
-      var S, R, E;
+      var E, R, S;
       if (!(T || !h)) {
-        l == null || l(), f && console.log(`[${p}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), A(!0);
+        l == null || l(), f && console.log(`[${p}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), A(!0);
         try {
-          await h.blockUser((R = t == null ? void 0 : t.user) == null ? void 0 : R.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
+          await h.blockUser((R = t == null ? void 0 : t.user) == null ? void 0 : R.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
         } catch (z) {
           console.error(`[${p}] Failed to block member`, z);
         } finally {
@@ -465,11 +465,11 @@ const ne = ({
       }
     },
     handleUnblockUser: async () => {
-      var S, R, E;
+      var E, R, S;
       if (!(T || !h)) {
-        l == null || l(), f && console.log(`[${p}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), A(!0);
+        l == null || l(), f && console.log(`[${p}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), A(!0);
         try {
-          await h.unBlockUser((R = t == null ? void 0 : t.user) == null ? void 0 : R.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
+          await h.unBlockUser((R = t == null ? void 0 : t.user) == null ? void 0 : R.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
         } catch (z) {
           console.error(`[${p}] Failed to unblock member`, z);
         } finally {
@@ -478,10 +478,10 @@ const ne = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(da, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(la, "_blank", "noopener,noreferrer");
     }
   };
-}, Ne = ({
+}, _e = ({
   variant: e = "default",
   className: t,
   children: n,
@@ -498,7 +498,7 @@ const ne = ({
     ...a,
     children: n
   }
-), st = ({
+), tt = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -512,16 +512,16 @@ const ne = ({
   customChannelActions: p,
   triggerClassName: h
 }) => {
-  const [f, c] = U(!1), v = G(null), w = Gs(), b = Z(() => c(!1), []), {
+  const [f, c] = U(!1), v = G(null), w = Vs(), b = Z(() => c(!1), []), {
     isParticipantBlocked: g,
     isCheckingBlockedStatus: x,
     isLeaving: N,
     isUpdatingBlockStatus: C,
     handleLeaveConversation: T,
     handleBlockUser: A,
-    handleUnblockUser: D,
+    handleUnblockUser: L,
     handleReportUser: $
-  } = ua({
+  } = oa({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -536,13 +536,13 @@ const ne = ({
   });
   return J(() => {
     if (!f) return;
-    const L = (I) => {
+    const D = (I) => {
       v.current && !v.current.contains(I.target) && c(!1);
     }, y = (I) => {
       I.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", y);
     };
   }, [f]), !t || !(n || a || r || !!p) ? null : /* @__PURE__ */ m("div", { ref: v, className: "relative", children: [
     /* @__PURE__ */ m(
@@ -553,9 +553,9 @@ const ne = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? w : void 0,
-        onClick: () => c((L) => !L),
+        onClick: () => c((D) => !D),
         children: [
-          /* @__PURE__ */ s(Mn, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(Tn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -571,13 +571,13 @@ const ne = ({
         ),
         children: /* @__PURE__ */ m("ul", { className: "flex flex-col gap-1", children: [
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(
-            Ne,
+            _e,
             {
               onClick: T,
               disabled: N,
               "aria-busy": N,
               children: [
-                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Rn, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(An, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -585,35 +585,35 @@ const ne = ({
           a && /* @__PURE__ */ s("li", { children: x ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ m(Ne, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ m(_e, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : g ? /* @__PURE__ */ m(
-            Ne,
+            _e,
             {
-              onClick: D,
+              onClick: L,
               disabled: C,
               "aria-busy": C,
               children: [
-                C ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ m(
-            Ne,
+            _e,
             {
               onClick: A,
               disabled: C,
               "aria-busy": C,
               children: [
-                C ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(Ne, { variant: "danger", onClick: $, children: [
-            /* @__PURE__ */ s(ls, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(_e, { variant: "danger", onClick: $, children: [
+            /* @__PURE__ */ s(is, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           p
@@ -621,10 +621,10 @@ const ne = ({
       }
     )
   ] });
-}, We = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ma = "CUSTOMER_PAID", ha = "Replies instantly with AI assistant", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, ga = (e) => {
+}, We = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ca = "CUSTOMER_PAID", da = "Replies instantly with AI assistant", ua = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ca, ma = (e) => {
   const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(fa);
-}, pa = ({
+  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ua);
+}, ha = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -642,8 +642,8 @@ const ne = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: w
 }) => {
-  var $, F, L;
-  const { channel: b } = le(), { client: g } = oe(), x = V.useMemo(
+  var $, F, D;
+  const { channel: b } = ue(), { client: g } = me(), x = V.useMemo(
     () => {
       var y;
       return je(
@@ -653,7 +653,7 @@ const ne = ({
       );
     },
     [($ = b.state) == null ? void 0 : $.members, g == null ? void 0 : g.userID, b.type]
-  ), N = ct(x == null ? void 0 : x.user), C = (F = x == null ? void 0 : x.user) == null ? void 0 : F.image, T = ot(b), A = ga(x), D = async () => {
+  ), N = ot(x == null ? void 0 : x.user), C = (F = x == null ? void 0 : x.user) == null ? void 0 : F.image, T = lt(b), A = ma(x), L = async () => {
     try {
       T ? await b.unpin() : await b.pin();
     } catch (y) {
@@ -675,7 +675,7 @@ const ne = ({
         }),
         type: "button",
         "aria-label": "Back to conversations",
-        children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
+        children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
       }
     ) }),
     /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: /* @__PURE__ */ m(
@@ -687,9 +687,9 @@ const ne = ({
         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,
+            se,
             {
-              id: ((L = x == null ? void 0 : x.user) == null ? void 0 : L.id) || b.id || "unknown",
+              id: ((D = x == null ? void 0 : x.user) == null ? void 0 : D.id) || b.id || "unknown",
               name: N,
               image: C,
               dmAgentEnabled: a,
@@ -707,7 +707,7 @@ const ne = ({
                   {
                     "aria-label": "Paid customer",
                     className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                    children: /* @__PURE__ */ s(Dn, { className: "size-2.5", weight: "bold" })
+                    children: /* @__PURE__ */ s(Mn, { className: "size-2.5", weight: "bold" })
                   }
                 ),
                 n && T && /* @__PURE__ */ s(
@@ -730,7 +730,7 @@ const ne = ({
             ] }),
             a && /* @__PURE__ */ m("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
               /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-              /* @__PURE__ */ s("span", { children: ha })
+              /* @__PURE__ */ s("span", { children: da })
             ] })
           ] })
         ]
@@ -741,7 +741,7 @@ const ne = ({
         "button",
         {
           className: We,
-          onClick: D,
+          onClick: L,
           type: "button",
           "aria-pressed": T,
           "aria-label": T ? "Unstar conversation" : "Star conversation",
@@ -758,7 +758,7 @@ const ne = ({
         }
       ),
       v && (c !== void 0 ? c : /* @__PURE__ */ s(
-        st,
+        tt,
         {
           channel: b,
           participant: x,
@@ -776,20 +776,20 @@ const ne = ({
       ))
     ] })
   ] }) });
-}, ba = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), nt = "vote_up", at = "vote_down";
-function va(e) {
-  return e != null && e.length ? e.some((t) => t.type === at) ? "down" : e.some((t) => t.type === nt) ? "up" : null : null;
+}, fa = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), st = "vote_up", nt = "vote_down";
+function ga(e) {
+  return e != null && e.length ? e.some((t) => t.type === nt) ? "down" : e.some((t) => t.type === st) ? "up" : null : null;
 }
-function xa(e) {
-  const { channel: t } = le(), { client: n } = oe("useMessageVote"), a = se(
-    () => va(e.own_reactions),
+function pa(e) {
+  const { channel: t } = ue(), { client: n } = me("useMessageVote"), a = ae(
+    () => ga(e.own_reactions),
     [e.own_reactions]
   ), r = Z(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, nt) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, st) : await t.sendReaction(
           e.id,
-          { type: nt },
+          { type: st },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -797,9 +797,9 @@ function xa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]), i = Z(async () => {
     if (n != null && n.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, at) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, nt) : await t.sendReaction(
           e.id,
-          { type: at },
+          { type: nt },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -807,24 +807,24 @@ function xa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function wa(e) {
+function ba(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function hs({
+function ms({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = wa(t);
+  const n = e == null ? void 0 : e.text, a = ba(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const _a = V.lazy(() => import("./Card-BJ1ttS3d.js")), Na = V.lazy(() => import("./Card-VcM0VofY.js")), ya = V.lazy(() => import("./Card-Dm-jfetA.js")), dt = () => /* @__PURE__ */ s(
+const va = V.lazy(() => import("./Card-b_mGrfMp.js")), xa = V.lazy(() => import("./Card-DJm5sWmC.js")), wa = V.lazy(() => import("./Card-BB_Vd9Gj.js")), ct = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), ka = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), fs = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(Na, { ...e }) }), gs = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(ya, { ...e }) }), Ca = fs, Sa = gs, Zt = { Composer: ka, Sent: fs, Received: gs, Creator: Ca, Visitor: Sa }, Ea = [
+), _a = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(va, { ...e }) }), hs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(xa, { ...e }) }), fs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(wa, { ...e }) }), Na = hs, ya = fs, Jt = { Composer: _a, Sent: hs, Received: fs, Creator: Na, Visitor: ya }, ka = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -834,42 +834,42 @@ const _a = V.lazy(() => import("./Card-BJ1ttS3d.js")), Na = V.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ce(e) {
+function le(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function ps(e) {
-  const t = Ea.find(
+function gs(e) {
+  const t = ka.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ia = {
-  video: cs,
-  audio: zn,
-  image: Ln,
-  document: os
-}, Ta = {
-  pdf: Vn,
-  doc: jn,
-  xls: Un,
-  csv: Bn,
-  ppt: $n,
-  zip: On,
-  text: Fn,
-  markdown: Pn,
-  generic: os
+const Ca = {
+  video: os,
+  audio: Ln,
+  image: Rn,
+  document: ls
+}, Ea = {
+  pdf: Un,
+  doc: Bn,
+  xls: $n,
+  csv: On,
+  ppt: Fn,
+  zip: Pn,
+  text: zn,
+  markdown: Dn,
+  generic: ls
 };
-function Aa(e) {
-  const t = ce(e);
-  return t !== "document" ? Ia[t] : Ta[ps(e)];
+function Sa(e) {
+  const t = le(e);
+  return t !== "document" ? Ca[t] : Ea[gs(e)];
 }
 function we(e, t) {
-  return V.createElement(Aa(e), t);
+  return V.createElement(Sa(e), t);
 }
-const Ma = (e) => {
+const Ia = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, Ra = ({
+}, Ta = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -881,7 +881,7 @@ const Ma = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const p = ce(t), h = G(null), f = G(null), c = G(null), v = G(r), [w, b] = U(a), [g, x] = U(0), [N, C] = U(!1), [T, A] = U(!1), [D, $] = U(!1), [F, L] = U(!1), [y, I] = U(!0), [S, R] = U(null), E = Z(() => {
+  const p = le(t), h = G(null), f = G(null), c = G(null), v = G(r), [w, b] = U(a), [g, x] = U(0), [N, C] = U(!1), [T, A] = U(!1), [L, $] = U(!1), [F, D] = U(!1), [y, I] = U(!0), [E, R] = U(null), S = Z(() => {
     $(!1), b(!0);
   }, []), z = Z((_) => {
     const M = f.current;
@@ -889,7 +889,7 @@ const Ma = (e) => {
     const H = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ma(_) - H.left) / H.width)
+      Math.min(1, (Ia(_) - H.left) / H.width)
     );
   }, []), O = Z((_) => {
     const M = h.current;
@@ -927,20 +927,20 @@ const Ma = (e) => {
       window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", M);
     };
   }, [N, z, O]);
-  const X = S ? { aspectRatio: String(S) } : void 0, te = S ? "" : " aspect-video", K = Math.round(g * 100);
+  const X = E ? { aspectRatio: String(E) } : void 0, ee = E ? "" : " aspect-video", K = Math.round(g * 100);
   return /* @__PURE__ */ m(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${te}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
       style: X,
       onClick: (_) => {
         if (u) {
           u(_);
           return;
         }
-        D || o && b((M) => !M);
+        L || o && b((M) => !M);
       },
       onKeyDown: (_) => {
         if (!(_.key !== "Enter" && _.key !== " ")) {
@@ -948,7 +948,7 @@ const Ma = (e) => {
             u(_);
             return;
           }
-          D || o && b((M) => !M);
+          L || o && b((M) => !M);
         }
       },
       children: [
@@ -972,11 +972,11 @@ const Ma = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => D(!0),
             onCanPlay: () => {
-              L(!1), I(!1);
+              D(!1), I(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => D(!0),
             onPlay: () => $(!1),
             onEnded: () => {
               i || (b(!1), x(0));
@@ -992,11 +992,11 @@ const Ma = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => D(!0),
             onCanPlay: () => {
-              L(!1), I(!1);
+              D(!1), I(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => D(!0),
             onPlay: () => $(!1),
             onLoadedMetadata: () => {
               const _ = h.current;
@@ -1008,14 +1008,14 @@ const Ma = (e) => {
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        F && !D && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
-          Ce,
+        F && !L && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+          ke,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        D && !o && /* @__PURE__ */ s(
+        L && !o && /* @__PURE__ */ s(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1023,12 +1023,12 @@ const Ma = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (_) => {
-              _.stopPropagation(), E();
+              _.stopPropagation(), S();
             },
             onKeyDown: (_) => {
-              _.key !== "Enter" && _.key !== " " || (_.preventDefault(), _.stopPropagation(), E());
+              _.key !== "Enter" && _.key !== " " || (_.preventDefault(), _.stopPropagation(), S());
             },
-            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(tt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(et, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         l && !o && /* @__PURE__ */ s("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ s(
@@ -1067,7 +1067,7 @@ const Ma = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(tt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ s(jn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(et, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ m(
@@ -1117,7 +1117,7 @@ const Ma = (e) => {
       ]
     }
   );
-}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Da = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", bs = ({
+}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Aa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ps = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1126,9 +1126,9 @@ const Ma = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, u] = U(!1);
+  const l = le(e), [d, u] = U(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
-    Ra,
+    Ta,
     {
       source: t,
       mimeType: e,
@@ -1175,11 +1175,11 @@ const Ma = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Qt(r),
+        className: Zt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Da(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Aa(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: n,
@@ -1192,12 +1192,12 @@ const Ma = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Qt(r),
+        className: Zt(r),
         weight: "regular"
       })
     }
   );
-}, vs = ({
+}, bs = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1263,28 +1263,28 @@ const Ma = (e) => {
     }
   );
 };
-function xs(e) {
+function vs(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ut(e) {
+function dt(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function La(e) {
+function Ma(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function za(e) {
+function Ra(e) {
   return e ? "text-white" : "text-black";
 }
-function Pa(e) {
+function La(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Fa(e) {
+function Da(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Oa(e) {
+function za(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const mt = ({ attachment: e, isMyMessage: t }) => {
+const ut = ({ attachment: e, isMyMessage: t }) => {
   const { title: n, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ m(V.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
@@ -1296,26 +1296,26 @@ const mt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${La(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Oa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Ma(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Vn, { className: `size-12 ${za(t)}` })
       }
     ) }),
     /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${za(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Pa(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Fa(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${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 })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ s("div", { className: "block", children: u });
 };
-function ws(e) {
+function xs(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function ht(e) {
+function mt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(ws);
+  return (t = e.attachments) == null ? void 0 : t.find(xs);
 }
-async function $a(e, t) {
+async function Pa(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1327,7 +1327,7 @@ async function $a(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = n, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const Ba = ({
+const Fa = ({
   url: e,
   filename: t
 }) => {
@@ -1339,7 +1339,7 @@ const Ba = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), $a(e, t).then(() => {
+        a(!0), Pa(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1347,14 +1347,14 @@ const Ba = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ s(Ce, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(V.Fragment, { children: [
-        /* @__PURE__ */ s(Se, { className: "size-4 text-white", weight: "bold" }),
+      children: n ? /* @__PURE__ */ s(ke, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(V.Fragment, { children: [
+        /* @__PURE__ */ s(Ce, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function ft(e) {
+function ht(e) {
   var h, f, c, v;
   const t = (h = e.attachments) == null ? void 0 : h.find(
     (w) => w.type === "video" && w.asset_url
@@ -1375,16 +1375,16 @@ function ft(e) {
     thumbnailUrl: p
   };
 }
-const _s = ({
+const ws = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? xs(a) : void 0;
+  const i = a !== void 0 ? vs(a) : void 0;
   return /* @__PURE__ */ s(
-    vs,
+    bs,
     {
       variant: "dark",
       title: n,
@@ -1392,7 +1392,7 @@ const _s = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        bs,
+        ps,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1403,23 +1403,23 @@ const _s = ({
       )
     }
   );
-}, Ns = ({
+}, _s = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? xs(a) : void 0;
+  const i = le(t), o = a !== void 0 ? vs(a) : void 0;
   return /* @__PURE__ */ s(
-    vs,
+    bs,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ s(
-        bs,
+        ps,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1429,17 +1429,17 @@ const _s = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Ba, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Fa, { url: e, filename: n })
     }
   );
-}, Ua = ({
+}, Oa = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const n = ht(e), a = ft(e);
+  const n = mt(e), a = ht(e);
   return !n && !a ? null : /* @__PURE__ */ m("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ s(
-      ne,
+      se,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1457,41 +1457,41 @@ const _s = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ut(t), children: /* @__PURE__ */ s(mt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(_s, { ...a }) : /* @__PURE__ */ s(Ns, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(ut, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(ws, { ...a }) : /* @__PURE__ */ s(_s, { ...a })
           }
         ) })
       }
     )
   ] });
-}, ja = ({
+}, $a = ({
   message: e
 }) => {
-  const t = ht(e);
+  const t = mt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ut(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !0 }) });
-  const n = ft(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
-}, Va = ({
+    return /* @__PURE__ */ s("div", { className: dt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !0 }) });
+  const n = ht(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ws, { ...n }) }) : null;
+}, Ba = ({
   message: e
 }) => {
-  const t = ht(e);
+  const t = mt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ut(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !1 }) });
-  const n = ft(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
-}, ul = Object.assign(Ua, {
-  Creator: ja,
-  Visitor: Va
-}), Ga = {
+    return /* @__PURE__ */ s("div", { className: dt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !1 }) });
+  const n = ht(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
+}, il = Object.assign(Oa, {
+  Creator: $a,
+  Visitor: Ba
+}), Ua = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Ha = {
+}, ja = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Ya = {
+}, Va = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, qa = (e) => e === "dark" ? "sender" : "receiver", Wa = {
+}, Ga = (e) => e === "dark" ? "sender" : "receiver", Ha = {
   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]",
@@ -1513,7 +1513,7 @@ const _s = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Wa[qa(e)][a];
+  const l = t != null && t !== "", d = Ha[Ga(e)][a];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1528,10 +1528,10 @@ const _s = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ga[e],
-        Ha[e],
+        Ua[e],
+        ja[e],
         n && "border",
-        n && Ya[e],
+        n && Va[e],
         r
       ),
       children: [
@@ -1574,16 +1574,16 @@ const _s = ({
     ),
     children: /* @__PURE__ */ s(Ue, { className: "size-3", weight: "bold" })
   }
-), Me = (e) => e === "received" ? "light" : "dark", Xa = ({
+), Me = (e) => e === "received" ? "light" : "dark", Ya = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ka = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", qa = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ja = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Wa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1595,7 +1595,7 @@ const _s = ({
     }
   ),
   n ?? null
-] }), gt = ({
+] }), ft = ({
   state: e,
   src: t,
   mimeType: n,
@@ -1606,7 +1606,7 @@ const _s = ({
   preload: l,
   onDismiss: d
 }) => {
-  const u = Me(e), p = e === "composer" && !!d, h = Ka({ src: t, mimeType: n, filename: a, items: r });
+  const u = Me(e), p = e === "composer" && !!d, h = qa({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const f = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1618,7 +1618,7 @@ const _s = ({
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, v) => /* @__PURE__ */ s(
-        Ja,
+        Wa,
         {
           item: c,
           preload: f,
@@ -1632,15 +1632,15 @@ const _s = ({
       )) })
     }
   );
-}, Za = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), Qa = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), er = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), tr = {
-  Composer: Za,
-  Sent: Qa,
-  Received: er
+}, Xa = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), Ka = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), Ja = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), Za = {
+  Composer: Xa,
+  Sent: Ka,
+  Received: Ja
 };
-function sr(e) {
+function Qa(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const nr = {
+const er = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1650,7 +1650,7 @@ const nr = {
   text: "TXT",
   markdown: "MD"
 };
-function ar(e, t) {
+function tr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1659,8 +1659,8 @@ function ar(e, t) {
     }
   }
   if (!e) return;
-  if (ce(e) === "document") {
-    const r = ps(e), i = nr[r];
+  if (le(e) === "document") {
+    const r = gs(e), i = er[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1668,8 +1668,8 @@ function ar(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function rr(e, t, n) {
-  const a = ar(e, t), r = typeof n == "number" && n > 0 ? sr(n) : void 0;
+function sr(e, t, n) {
+  const a = tr(e, t), r = typeof n == "number" && n > 0 ? Qa(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -1680,16 +1680,16 @@ function re(e) {
     return "download";
   }
 }
-const ir = {
+const nr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, lr = {
+}, ar = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, or = {
+}, rr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, ys = ({
+}, Ns = ({
   variant: e,
   filename: t,
   title: n,
@@ -1699,16 +1699,16 @@ const ir = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = n ?? t ?? "File", u = rr(a, t, r), p = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", u = sr(a, t, r), p = /* @__PURE__ */ s(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        lr[e]
+        ar[e]
       ),
       "aria-hidden": !0,
       children: we(a, {
-        className: k("size-6", or[e]),
+        className: k("size-6", rr[e]),
         weight: "regular"
       })
     }
@@ -1719,7 +1719,7 @@ const ir = {
       {
         className: k(
           "truncate text-xs leading-4",
-          ir[e]
+          nr[e]
         ),
         children: u
       }
@@ -1739,7 +1739,7 @@ const ir = {
         h
       ]
     }
-  ) : /* @__PURE__ */ m(ee, { children: [
+  ) : /* @__PURE__ */ m(te, { children: [
     p,
     h
   ] });
@@ -1748,7 +1748,7 @@ const ir = {
     l ? /* @__PURE__ */ s("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function ks(e, t) {
+async function ys(e, t) {
   const n = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1762,14 +1762,14 @@ async function ks(e, t) {
     }
   }
 }
-const cr = ({
+const ir = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], dr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], lr = ({
   variant: e,
   item: t,
   index: n,
@@ -1778,7 +1778,7 @@ const cr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    ys,
+    Ns,
     {
       variant: e,
       filename: i,
@@ -1790,7 +1790,7 @@ const cr = ({
       trailingAction: r
     }
   );
-}, pt = ({
+}, gt = ({
   state: e,
   src: t,
   filename: n,
@@ -1803,7 +1803,7 @@ const cr = ({
   onClick: u,
   onDismiss: p
 }) => {
-  const h = Me(e), f = e === "composer" && !!p, c = cr({
+  const h = Me(e), f = e === "composer" && !!p, c = ir({
     src: t,
     filename: n,
     fileSize: a,
@@ -1815,7 +1815,7 @@ const cr = ({
     const g = c[b];
     if (!g) return;
     const x = g.filename ?? re(g.src);
-    ks(g.src, x);
+    ys(g.src, x);
   };
   if (c.length === 0)
     return null;
@@ -1827,7 +1827,7 @@ const cr = ({
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ s(Se, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ s(Ce, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ s(
@@ -1838,7 +1838,7 @@ const cr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((b, g) => /* @__PURE__ */ s(
-        dr,
+        lr,
         {
           variant: h,
           item: b,
@@ -1850,16 +1850,16 @@ const cr = ({
       )) })
     }
   );
-}, ur = (e) => /* @__PURE__ */ s(pt, { ...e, state: "composer" }), mr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "received" }), fr = {
-  Composer: ur,
-  Sent: mr,
-  Received: hr
-}, bt = ({
+}, or = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), cr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), dr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), ur = {
+  Composer: or,
+  Sent: cr,
+  Received: dr
+}, pt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ m(ee, { children: [
+}) => /* @__PURE__ */ m(te, { children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -1867,7 +1867,7 @@ const cr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Yn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Gn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1880,7 +1880,7 @@ const cr = ({
       children: /* @__PURE__ */ s(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Cs = ({
+] }), ks = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1891,7 +1891,7 @@ const cr = ({
 }) => {
   const [l, d] = U(!1), u = Z(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), ks(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), ys(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -1916,14 +1916,14 @@ const cr = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ s(
-        Ce,
+        ke,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ s(
-        Se,
+        Ce,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -1939,7 +1939,7 @@ const cr = ({
       disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: l ? /* @__PURE__ */ s(Ce, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ s(ke, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Ce, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ m(
     "button",
@@ -1954,18 +1954,18 @@ const cr = ({
       ),
       children: [
         l ? /* @__PURE__ */ s(
-          Ce,
+          ke,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ s(Se, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ s(Ce, { ...f, "aria-hidden": !0 }),
         p ? null : a
       ]
     }
   );
-}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), vt = ({
+}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), bt = ({
   length: e,
   initialIndex: t,
   open: n
@@ -1990,7 +1990,7 @@ const cr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, o, l]), { index: r, prev: o, next: l };
-}, xt = ({
+}, vt = ({
   open: e,
   onClose: t,
   ariaLabel: n,
@@ -2080,29 +2080,29 @@ const cr = ({
       ]
     }
   );
-}, Ss = ({
+}, Cs = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = vt({
+  const { index: r, prev: i, next: o } = bt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), l = t[r], d = se(
+  }), l = t[r], d = ae(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ m(
-    xt,
+    vt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        Cs,
+        ks,
         {
           url: l.src,
           filename: d,
@@ -2125,7 +2125,7 @@ const cr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          pt,
           {
             onPrev: i,
             onNext: o,
@@ -2136,7 +2136,7 @@ const cr = ({
       ]
     }
   ) : null;
-}, gr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Es = ({
+}, 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", Es = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2145,7 +2145,7 @@ const cr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, u, p) => {
-    const h = k(gr, "h-full w-full");
+    const h = k(mr, "h-full w-full");
     return t ? /* @__PURE__ */ m(
       "button",
       {
@@ -2214,7 +2214,7 @@ const cr = ({
     [e]
   ), o = Z(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, pr = (e, t, n, a) => ({
+}, hr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2229,15 +2229,15 @@ const cr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), br = ({
+}), fr = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Is = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ss = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), vr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), gr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Re(
     r
   );
@@ -2264,16 +2264,16 @@ const cr = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Ss,
+      Cs,
       {
         open: o,
-        items: Is([{ src: e, alt: t }], n),
+        items: Ss([{ src: e, alt: t }], n),
         initialIndex: l,
         onClose: u
       }
     )
   ] });
-}, Ts = ({
+}, Is = ({
   state: e,
   src: t,
   alt: n,
@@ -2284,13 +2284,13 @@ const cr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = br({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: f, handleActivate: c, closeViewer: v } = Re(
+  const u = fr({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: f, handleActivate: c, closeViewer: v } = Re(
     d
   );
   if (u.length === 0)
     return null;
   const w = u.map(
-    (b, g) => pr(b, g, u.length, l)
+    (b, g) => hr(b, g, u.length, l)
   );
   return /* @__PURE__ */ m(
     Te,
@@ -2302,10 +2302,10 @@ const cr = ({
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Es, { tiles: w, onTileActivate: c }) }),
         /* @__PURE__ */ s(
-          Ss,
+          Cs,
           {
             open: h,
-            items: Is(u, a),
+            items: Ss(u, a),
             initialIndex: f,
             onClose: v
           }
@@ -2313,29 +2313,29 @@ const cr = ({
       ]
     }
   );
-}, xr = (e) => /* @__PURE__ */ s(vr, { ...e }), wr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), _r = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Nr = {
-  Composer: xr,
-  Sent: wr,
-  Received: _r
-}, yr = ({
+}, pr = (e) => /* @__PURE__ */ s(gr, { ...e }), br = (e) => /* @__PURE__ */ s(Is, { ...e, state: "sent" }), vr = (e) => /* @__PURE__ */ s(Is, { ...e, state: "received" }), xr = {
+  Composer: pr,
+  Sent: br,
+  Received: vr
+}, wr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = vt({
+  const { index: r, prev: i, next: o } = bt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), l = t[r], d = se(
+  }), l = t[r], d = ae(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
-  ), u = se(
-    () => l ? kr(l.src) : void 0,
+  ), u = ae(
+    () => l ? _r(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ m(
-    xt,
+    vt,
     {
       open: e,
       onClose: a,
@@ -2354,7 +2354,7 @@ const cr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          pt,
           {
             onPrev: i,
             onNext: o,
@@ -2365,16 +2365,16 @@ const cr = ({
       ]
     }
   );
-}, kr = (e) => {
+}, _r = (e) => {
   const t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${n}#${r.toString()}`;
-}, Cr = ({
+}, Nr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Sr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], yr = ({
   variant: e,
   item: t,
   index: n,
@@ -2383,7 +2383,7 @@ const cr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    ys,
+    Ns,
     {
       variant: e,
       filename: i,
@@ -2395,7 +2395,7 @@ const cr = ({
       trailingAction: r
     }
   );
-}, wt = ({
+}, xt = ({
   state: e,
   src: t,
   filename: n,
@@ -2407,7 +2407,7 @@ const cr = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const p = Me(e), h = Cr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Me(e), h = Nr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
     d
   ), b = e === "composer" && !!u;
   if (h.length === 0)
@@ -2426,7 +2426,7 @@ const cr = ({
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((x, N) => {
           const C = x.filename ?? re(x.src), T = b && N === 0 ? /* @__PURE__ */ s(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            Cs,
+            ks,
             {
               url: x.src,
               filename: C,
@@ -2436,7 +2436,7 @@ const cr = ({
             }
           );
           return /* @__PURE__ */ s(
-            Sr,
+            yr,
             {
               variant: p,
               item: x,
@@ -2448,7 +2448,7 @@ const cr = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          yr,
+          wr,
           {
             open: f,
             items: g,
@@ -2459,26 +2459,26 @@ const cr = ({
       ]
     }
   );
-}, Er = (e) => /* @__PURE__ */ s(wt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ s(wt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(wt, { ...e, state: "received" }), Ar = {
-  Composer: Er,
-  Sent: Ir,
-  Received: Tr
-}, As = ({
+}, kr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), Er = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), Sr = {
+  Composer: kr,
+  Sent: Cr,
+  Received: Er
+}, Ts = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = vt({
+  const { index: r, prev: i, next: o } = bt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), l = t[r], d = se(
+  }), l = t[r], d = ae(
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ m(
-    xt,
+    vt,
     {
       open: e,
       onClose: a,
@@ -2502,7 +2502,7 @@ const cr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          pt,
           {
             onPrev: i,
             onNext: o,
@@ -2513,7 +2513,7 @@ const cr = ({
       ]
     }
   ) : null;
-}, Mr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(tt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ms = ({
+}, 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(et, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), As = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2528,30 +2528,30 @@ const cr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    cs,
+    os,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Mr, {})
-] }), Rr = (e, t, n) => ({
+  /* @__PURE__ */ s(Ir, {})
+] }), Tr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(Ms, { item: e, index: t })
-}), Dr = ({
+  content: /* @__PURE__ */ s(As, { item: e, index: t })
+}), Ar = ({
   src: e,
   poster: t,
   mimeType: n,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Rs = (e, t) => e.map((n, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Ms = (e, t) => e.map((n, a) => ({
   src: n.src,
   poster: n.poster,
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Lr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), Mr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: p } = Re(
     i
   );
@@ -2563,15 +2563,15 @@ const cr = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ s(Ms, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(As, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: o }) }) : null,
     /* @__PURE__ */ s(
-      As,
+      Ts,
       {
         open: l,
-        items: Rs(
+        items: Ms(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2580,7 +2580,7 @@ const cr = ({
       }
     )
   ] });
-}, Ds = ({
+}, Rs = ({
   state: e,
   src: t,
   poster: n,
@@ -2592,13 +2592,13 @@ const cr = ({
   preload: d,
   onClick: u
 }) => {
-  const p = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Ar({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
     u
   );
   if (p.length === 0)
     return null;
   const b = p.map(
-    (g, x) => Rr(g, x, p.length)
+    (g, x) => Tr(g, x, p.length)
   );
   return /* @__PURE__ */ m(
     Te,
@@ -2617,10 +2617,10 @@ const cr = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          As,
+          Ts,
           {
             open: f,
-            items: Rs(p, r),
+            items: Ms(p, r),
             initialIndex: c,
             onClose: w
           }
@@ -2628,25 +2628,25 @@ const cr = ({
       ]
     }
   );
-}, zr = (e) => /* @__PURE__ */ s(Lr, { ...e }), Pr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), Or = {
-  Composer: zr,
-  Sent: Pr,
-  Received: Fr
-}, ye = {
-  Image: Nr,
-  Video: Or,
-  Audio: tr,
-  Pdf: Ar,
-  File: fr
-}, $r = {
+}, Rr = (e) => /* @__PURE__ */ s(Mr, { ...e }), Lr = (e) => /* @__PURE__ */ s(Rs, { ...e, state: "sent" }), Dr = (e) => /* @__PURE__ */ s(Rs, { ...e, state: "received" }), zr = {
+  Composer: Rr,
+  Sent: Lr,
+  Received: Dr
+}, Ne = {
+  Image: xr,
+  Video: zr,
+  Audio: Za,
+  Pdf: Sr,
+  File: ur
+}, Pr = {
   isUnlocking: () => !1
-}, Br = {
-  LockedAttachment: $r
-}, Ls = rt({}), ml = Ls.Provider;
-function Ur(e) {
-  return Ie(Ls)[e] ?? Br[e];
+}, Fr = {
+  LockedAttachment: Pr
+}, Ls = at({}), ll = Ls.Provider;
+function Or(e) {
+  return Se(Ls)[e] ?? Fr[e];
 }
-const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+const $r = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2663,21 +2663,21 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
       }
     )
   }
-), Vr = (e) => {
+), Br = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Gr = (e) => {
+}, Ur = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Fe = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Hr = (e) => {
+}, jr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, zs = (e) => Vr(e) || Gr(e), Yr = (e) => {
+}, Ds = (e) => Br(e) || Ur(e), Vr = (e) => {
   var t;
-  return zs(e) && !((t = e.text) != null && t.trim());
+  return Ds(e) && !((t = e.text) != null && t.trim());
 }, Ke = ({
   message: e,
   standalone: t = !1,
@@ -2685,7 +2685,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = zs(e), i = Fe(e);
+  const r = Ds(e), i = Fe(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2693,7 +2693,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ m("div", { className: c, children: [
-      /* @__PURE__ */ s(qn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(Hn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: v })
     ] });
   }
@@ -2701,15 +2701,15 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(jr, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ m(ee, { children: [
+  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s($r, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ m(te, { children: [
     u,
     p
-  ] }) : /* @__PURE__ */ m(ee, { children: [
+  ] }) : /* @__PURE__ */ m(te, { children: [
     p,
     u
   ] }) });
-}, qr = ({
+}, Gr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2725,7 +2725,7 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Yn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2739,50 +2739,29 @@ const jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(Xn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Je = () => {
-  var i;
-  const { message: e } = _e("SentMessageDeliveryStatus"), { messages: t } = le("SentMessageDeliveryStatus"), { client: n } = oe("SentMessageDeliveryStatus"), a = (i = n.user) == null ? void 0 : i.id, r = se(() => {
-    var o;
-    if (!(!a || !t)) {
-      for (let l = t.length - 1; l >= 0; l -= 1)
-        if (((o = t[l].user) == null ? void 0 : o.id) === a) return t[l].id;
-    }
-  }, [t, a]);
-  return e.id !== r ? null : /* @__PURE__ */ m(ee, { children: [
-    /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
-    /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-  ] });
-}, Wr = () => null, Xr = () => /* @__PURE__ */ s(
-  Xs,
-  {
-    MessageSentStatus: Je,
-    MessageDeliveredStatus: Je,
-    MessageReadStatus: Je,
-    MessageSendingStatus: Wr
-  }
-), Kr = /^([a-z][a-z0-9+.-]*):/i, Jr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function _t(e) {
+] }), Hr = /^([a-z][a-z0-9+.-]*):/i, Yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function wt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Kr.exec(t);
+  const n = Hr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Jr.has(a) ? t : void 0;
+    return Yr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Zr = {
+const qr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, Qr = ({ variant: e, cta: t }) => {
+}, Wr = ({ 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",
-    Zr[e]
-  ), a = _t(t.href);
+    qr[e]
+  ), a = wt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
     {
@@ -2808,13 +2787,13 @@ const Zr = {
       children: t.label
     }
   );
-}, ei = {
+}, Xr = {
   dark: "text-white",
   light: "text-black/90"
-}, ti = "text-white/30", si = {
+}, Kr = "text-white/30", Jr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Nt = ({
+}, _t = ({
   variant: e,
   title: t,
   placeholderTitle: n,
@@ -2828,10 +2807,10 @@ const Zr = {
   if (!p && !h && !c && !v) return null;
   const b = k(
     "truncate text-base font-medium leading-6",
-    d && !t ? ti : ei[e]
+    d && !t ? Kr : Xr[e]
   ), g = k(
     "truncate text-xs leading-4",
-    si[e]
+    Jr[e]
   );
   return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
@@ -2847,9 +2826,9 @@ const Zr = {
       ] }),
       l && /* @__PURE__ */ s("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ s(Qr, { variant: e, cta: o })
+    o && /* @__PURE__ */ s(Wr, { variant: e, cta: o })
   ] });
-}, ni = k(
+}, Zr = 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"
@@ -2868,7 +2847,7 @@ const Zr = {
   "data-testid": d
 }) => {
   const u = n != null || a != null, p = k(
-    ni,
+    Zr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2916,17 +2895,17 @@ const Zr = {
       ]
     }
   );
-}, ai = {
+}, Qr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ri = {
+}, ei = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ve = (e, t) => !!t && !!e && ce(e) === "audio", yt = (e, t) => {
+}, Ve = (e, t) => !!t && !!e && le(e) === "audio", Nt = (e, t) => {
   if (!t || !e) return !1;
-  const n = ce(e);
+  const n = le(e);
   return n === "video" || n === "audio";
-}, kt = "bg-[#F2F3F4]", $e = ({
+}, yt = "bg-[#F2F3F4]", $e = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: n,
@@ -2935,7 +2914,7 @@ const Zr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ce(r), d = !!n && l === "video";
+  const l = le(r), d = !!n && l === "video";
   return Ve(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
@@ -2977,10 +2956,10 @@ const Zr = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              ai[e]
+              Qr[e]
             ),
             children: we(r, {
-              className: ri[e],
+              className: ei[e],
               weight: "regular"
             })
           }
@@ -2990,7 +2969,7 @@ const Zr = {
       ]
     }
   );
-}, ii = ({
+}, ti = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3020,10 +2999,10 @@ const Zr = {
       onClick: h,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ s(Jn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Wn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: kt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: yt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       $e,
       {
@@ -3052,7 +3031,7 @@ const Zr = {
           }
         ),
         /* @__PURE__ */ s(
-          Nt,
+          _t,
           {
             variant: "dark",
             title: e,
@@ -3067,7 +3046,7 @@ const Zr = {
       ]
     }
   );
-}, li = ({
+}, si = ({
   title: e,
   description: t,
   url: n,
@@ -3079,7 +3058,7 @@ const Zr = {
   cta: d,
   onClick: u
 }) => {
-  const p = yt(a, i), h = _t(n), f = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, v = Ve(a, i) ? kt : void 0, w = d && u ? {
+  const p = Nt(a, i), h = wt(n), f = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, v = Ve(a, i) ? yt : void 0, w = d && u ? {
     ...d,
     onClick: () => {
       var b;
@@ -3107,7 +3086,7 @@ const Zr = {
           }
         ),
         /* @__PURE__ */ s(
-          Nt,
+          _t,
           {
             variant: "light",
             title: e,
@@ -3120,7 +3099,7 @@ const Zr = {
       ]
     }
   );
-}, oi = ({
+}, ni = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3133,14 +3112,14 @@ const Zr = {
   cta: u,
   onClick: p
 }) => {
-  const h = yt(r, o), f = _t(a), c = u == null && f != null && !h ? f : void 0, v = u == null && !h && c != null ? p : void 0;
+  const h = Nt(r, o), f = wt(a), c = u == null && f != null && !h ? f : void 0, v = u == null && !h && c != null ? p : void 0;
   return /* @__PURE__ */ m(
     Oe,
     {
       variant: "dark",
       href: c,
       onClick: v,
-      bgClassName: Ve(r, o) ? kt : void 0,
+      bgClassName: Ve(r, o) ? yt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ s(
           $e,
@@ -3153,7 +3132,7 @@ const Zr = {
           }
         ),
         /* @__PURE__ */ s(
-          Nt,
+          _t,
           {
             variant: "dark",
             title: e,
@@ -3167,22 +3146,22 @@ const Zr = {
       ]
     }
   );
-}, es = {
-  Composer: ii,
-  Sent: oi,
-  Received: li
-}, ci = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", di = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
+}, Qt = {
+  Composer: ti,
+  Sent: ni,
+  Received: si
+}, ai = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", ri = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
 function P(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function ts(e) {
+function es(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function ui(e, t) {
+function ii(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = ts(e), a = ts(t);
+  const n = es(e), a = es(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3190,7 +3169,7 @@ function ui(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function ss(e) {
+function ts(e) {
   const t = P(e.og_scrape_url) ?? P(e.title_link), n = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
   return {
     title: P(e.title),
@@ -3200,19 +3179,19 @@ function ss(e) {
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: n || yt(r, a) ? "featured" : "classic",
+    layout: n || Nt(r, a) ? "featured" : "classic",
     mimeType: r
   };
 }
-function mi(e) {
+function li(e) {
   var t;
-  return Ps(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
+  return zs(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
-function Ps(e) {
+function zs(e) {
   const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Fs(e) {
+function Ps(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const o = t[t.length - 1];
@@ -3230,51 +3209,51 @@ function Fs(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Ps(r)) {
+    if (zs(r)) {
       a(r);
       continue;
     }
-    const i = mi(r);
+    const i = li(r);
     i && n(i, r);
   }
   return t;
 }
-function hi(e) {
+function oi(e) {
   let t = 0;
   for (const n of e)
     t += n.type === "link" ? n.attachments.length : 1;
   return t;
 }
-function fi(e) {
+function ci(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function gi(e, t, n) {
+function di(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function ns(e) {
+function ss(e) {
   return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
-function pi(e) {
+function ui(e) {
   switch (e) {
     case "image":
-      return ye.Image;
+      return Ne.Image;
     case "video":
-      return ye.Video;
+      return Ne.Video;
     case "audio":
-      return ye.Audio;
+      return Ne.Audio;
     case "pdf":
-      return ye.Pdf;
+      return Ne.Pdf;
     default:
-      return ye.File;
+      return Ne.File;
   }
 }
-function bi(e, t) {
+function mi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: ns(a),
+            src: ss(a),
             alt: P(a.title)
           }))
         };
@@ -3325,7 +3304,7 @@ function bi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: ns(n),
+        src: ss(n),
         alt: P(n.title)
       };
     case "video":
@@ -3355,48 +3334,48 @@ function bi(e, t) {
       };
   }
 }
-function vi({
+function hi({
   groupPosition: e,
   isMyMessage: t,
   segment: n,
   text: a
 }) {
-  const r = pi(n.kind), i = {
-    ...bi(n.kind, n.attachments),
+  const r = ui(n.kind), i = {
+    ...mi(n.kind, n.attachments),
     groupPosition: e,
     ...a ? { text: a } : {}
   };
   return t ? /* @__PURE__ */ s(r.Sent, { ...i }) : /* @__PURE__ */ s(r.Received, { ...i });
 }
-const xi = ({
+const fi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n
 }) => {
   var w;
-  const a = Fs(n.attachments);
+  const a = Ps(n.attachments);
   if (a.length === 0) return null;
-  const r = hi(a), i = fi(a), o = (w = n.text) == null ? void 0 : w.trim(), l = a.find((b) => b.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ss(l.attachments[0] ?? {}).url : void 0, u = o && ui(o, d) ? void 0 : o;
+  const r = oi(a), i = ci(a), o = (w = n.text) == null ? void 0 : w.trim(), l = a.find((b) => b.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? ts(l.attachments[0] ?? {}).url : void 0, u = o && ii(o, d) ? void 0 : o;
   let p = 0, h = 0;
   const f = [], c = (b, g) => {
     const x = p === r - 1;
     p += 1;
-    const N = t ? es.Sent : es.Received;
+    const N = t ? Qt.Sent : Qt.Received;
     f.push(
       /* @__PURE__ */ m(V.Fragment, { children: [
-        /* @__PURE__ */ s(N, { ...ss(b) }),
-        x && u ? /* @__PURE__ */ s("div", { className: t ? ci : di, children: u }) : null
+        /* @__PURE__ */ s(N, { ...ts(b) }),
+        x && u ? /* @__PURE__ */ s("div", { className: t ? ai : ri, children: u }) : null
       ] }, g)
     );
   }, v = (b, g) => {
-    const x = p === r - 1, N = gi(
+    const x = p === r - 1, N = di(
       h,
       i,
       e
     );
     p += 1, h += 1, f.push(
       /* @__PURE__ */ s(
-        vi,
+        hi,
         {
           groupPosition: N,
           isMyMessage: t,
@@ -3415,9 +3394,9 @@ const xi = ({
       return;
     }
     v(b, `media-${g}`);
-  }), /* @__PURE__ */ s(ee, { children: f });
-}, wi = (e) => {
-  var At, Mt, Rt, Dt, Lt, zt, Pt, Ft, Ot, $t, Bt, Ut, jt, Vt;
+  }), /* @__PURE__ */ s(te, { children: f });
+}, gi = (e) => {
+  var Tt, At, Mt, Rt, Lt, Dt, zt, Pt, Ft, Ot, $t, Bt, Ut, jt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3435,52 +3414,52 @@ const xi = ({
     renderText: v,
     threadList: w,
     viewerLanguage: b
-  } = e, { client: g } = oe("CustomMessage"), { channel: x } = le("CustomMessage"), { isUnlocking: N, onUnlockClick: C, onFetchSource: T, onDownloadClick: A } = Ur("LockedAttachment"), [D, $] = U(!1), F = Js(c.id), { selected: L, voteUp: y, voteDown: I } = xa(c), {
-    Attachment: S = Zs,
-    EditMessageModal: R = Qs,
-    MessageActions: E,
-    MessageBlocked: z = en,
-    MessageBouncePrompt: O = tn,
-    MessageDeleted: j = sn,
-    MessageIsThreadReplyInChannelButtonIndicator: X = nn,
-    MessageRepliesCountButton: te = an,
-    ReminderNotification: K = rn,
-    StreamedMessageText: _ = ln,
+  } = e, { client: g } = me("CustomMessage"), { channel: x } = ue("CustomMessage"), { isUnlocking: N, onUnlockClick: C, onFetchSource: T, onDownloadClick: A } = Or("LockedAttachment"), [L, $] = U(!1), F = Xs(c.id), { selected: D, voteUp: y, voteDown: I } = pa(c), {
+    Attachment: E = Ks,
+    EditMessageModal: R = Js,
+    MessageActions: S,
+    MessageBlocked: z = Zs,
+    MessageBouncePrompt: O = Qs,
+    MessageDeleted: j = en,
+    MessageIsThreadReplyInChannelButtonIndicator: X = tn,
+    MessageRepliesCountButton: ee = sn,
+    ReminderNotification: K = nn,
+    StreamedMessageText: _ = an,
     PinIndicator: M
-  } = is("CustomMessage"), H = on(c), q = cn(c), Y = se(
+  } = rs("CustomMessage"), H = rn(c), q = ln(c), Y = ae(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), B = se(() => {
-    const me = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...me] : me;
+  ), B = ae(() => {
+    const de = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...de] : de;
     if (!Fe(c)) return pe;
-    const Gt = pe.filter((Ht) => !("type" in Ht) || !ws(Ht));
-    return Gt.length === pe.length ? pe : Gt;
-  }, [c]), W = se(
-    () => Fs(B),
+    const Vt = pe.filter((Gt) => !("type" in Gt) || !xs(Gt));
+    return Vt.length === pe.length ? pe : Vt;
+  }, [c]), W = ae(
+    () => Ps(B),
     [B]
-  ), Q = se(() => {
-    const me = hs({ message: c, viewerLanguage: b });
-    return me === c.text ? c : { ...c, text: me };
-  }, [c, b]), de = W.length > 0, De = W.reduce(
-    (me, pe) => me + pe.attachments.length,
+  ), Q = ae(() => {
+    const de = ms({ message: c, viewerLanguage: b });
+    return de === c.text ? c : { ...c, text: de };
+  }, [c, b]), oe = W.length > 0, Le = W.reduce(
+    (de, pe) => de + pe.attachments.length,
     0
-  ) === ((B == null ? void 0 : B.length) ?? 0), Le = Xa(
+  ) === ((B == null ? void 0 : B.length) ?? 0), De = Ya(
     {
       endOfGroup: r,
       firstOfGroup: i,
       groupedByUser: o
     }
   );
-  if (dn(c))
+  if (on(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(j, { message: c });
-  if (un(c))
+  if (cn(c))
     return /* @__PURE__ */ s(z, {});
-  const ae = !w && !!c.reply_count, ue = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((At = c.error) == null ? void 0 : At.status) !== 403, St = mn(c);
+  const ne = !w && !!c.reply_count, ce = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Tt = c.error) == null ? void 0 : Tt.status) !== 403, Ct = dn(c);
   let he;
-  ie ? he = () => u(c) : St && (he = () => $(!0));
-  const fe = f(), js = k(
+  ie ? he = () => u(c) : Ct && (he = () => $(!0));
+  const fe = f(), Us = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3491,39 +3470,39 @@ const xi = ({
       "str-chat__message--highlighted": p,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
-      "str-chat__message-with-thread-link": ae || ue,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((At = c == null ? void 0 : c.error) == null ? void 0 : At.status) !== 403,
+      "str-chat__message-with-thread-link": ne || ce,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ge = c.poll_id && g.polls.fromState(c.poll_id), Et = Yr(c), ge = Fe(c), It = Hr(c), He = !!(B != null && B.length && !c.quoted_message), Tt = ge && fe && He, Vs = de && De && !c.quoted_message && !Ge && !Y && !ge;
-  return /* @__PURE__ */ m(ee, { children: [
+  ), Ge = c.poll_id && g.polls.fromState(c.poll_id), Et = Vr(c), ge = Fe(c), St = jr(c), He = !!(B != null && B.length && !c.quoted_message), It = ge && fe && He, js = oe && Le && !c.quoted_message && !Ge && !Y && !ge;
+  return /* @__PURE__ */ m(te, { children: [
     a && /* @__PURE__ */ s(
       R,
       {
         additionalMessageInputProps: t
       }
     ),
-    D && /* @__PURE__ */ s(
-      hn,
+    L && /* @__PURE__ */ s(
+      un,
       {
         MessageBouncePrompt: O,
         onClose: () => $(!1),
-        open: D
+        open: L
       }
     ),
     /* @__PURE__ */ m(
       "div",
       {
-        className: js,
+        className: Us,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           M && /* @__PURE__ */ s(M, {}),
           !!F && /* @__PURE__ */ s(K, { reminder: F }),
           c.user && /* @__PURE__ */ s(
-            ne,
+            se,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3538,7 +3517,7 @@ const xi = ({
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ie || St
+                "str-chat__simple-message--error-failed": ie || Ct
               }),
               "data-testid": "message-inner",
               onClick: he,
@@ -3551,42 +3530,42 @@ const xi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: It ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
+              children: St ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
                 fe ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-                  E && /* @__PURE__ */ s(E, {}),
+                  S && /* @__PURE__ */ s(S, {}),
                   /* @__PURE__ */ s(
-                    Zt.Sent,
+                    Jt.Sent,
                     {
-                      title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
-                      mimeType: (Dt = c.metadata) == null ? void 0 : Dt.attachment_mime_type,
+                      title: (Mt = c.metadata) == null ? void 0 : Mt.attachment_title,
+                      mimeType: (Rt = c.metadata) == null ? void 0 : Rt.attachment_mime_type,
                       thumbnailUrl: (Lt = c.metadata) == null ? void 0 : Lt.attachment_thumbnail,
-                      amountText: (zt = c.metadata) == null ? void 0 : zt.amount_text,
-                      detail: (Pt = c.metadata) == null ? void 0 : Pt.attachment_detail,
-                      paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
+                      amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
+                      detail: (zt = c.metadata) == null ? void 0 : zt.attachment_detail,
+                      paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
                       onPreviewClick: () => C == null ? void 0 : C(c, x),
                       onFetchSource: async () => await (T == null ? void 0 : T(c, x))
                     }
                   )
                 ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ s(
-                    Zt.Received,
+                    Jt.Received,
                     {
-                      title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
-                      mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
-                      thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
-                      amountText: (Ut = c.metadata) == null ? void 0 : Ut.amount_text,
-                      detail: (jt = c.metadata) == null ? void 0 : jt.attachment_detail,
-                      paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
+                      title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
+                      mimeType: (Ot = c.metadata) == null ? void 0 : Ot.attachment_mime_type,
+                      thumbnailUrl: ($t = c.metadata) == null ? void 0 : $t.attachment_thumbnail,
+                      amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+                      detail: (Ut = c.metadata) == null ? void 0 : Ut.attachment_detail,
+                      paymentStatus: (jt = c.metadata) == null ? void 0 : jt.payment_status,
                       isUnlocking: N(c.id),
                       onUnlockClick: () => C == null ? void 0 : C(c, x),
                       onFetchSource: async () => await (T == null ? void 0 : T(c, x)),
                       onDownloadClick: () => A == null ? void 0 : A(c, x)
                     }
                   ),
-                  E && /* @__PURE__ */ s(E, {})
+                  S && /* @__PURE__ */ s(S, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
-                  qt,
+                  Yt,
                   {
                     message: Q,
                     renderText: v
@@ -3595,7 +3574,7 @@ const xi = ({
               ] }) : Et ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ s(Ke, { message: c, standalone: !0 })
-              ) : Vs ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
+              ) : js ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
                 "div",
                 {
                   className: "str-chat__message-bubble",
@@ -3607,9 +3586,9 @@ const xi = ({
                   },
                   children: [
                     /* @__PURE__ */ s(
-                      xi,
+                      fi,
                       {
-                        groupPosition: Le,
+                        groupPosition: De,
                         isMyMessage: fe,
                         message: {
                           attachments: B,
@@ -3617,11 +3596,11 @@ const xi = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ s(Wt, {})
+                    /* @__PURE__ */ s(qt, {})
                   ]
                 }
               ) }) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-                ge && !Tt && /* @__PURE__ */ s(
+                ge && !It && /* @__PURE__ */ s(
                   Ke,
                   {
                     message: c,
@@ -3629,9 +3608,9 @@ const xi = ({
                     isMyMessage: fe
                   }
                 ),
-                Ge && /* @__PURE__ */ s(fn, { poll: Ge }),
+                Ge && /* @__PURE__ */ s(mn, { poll: Ge }),
                 B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  S,
+                  E,
                   {
                     actionHandler: l,
                     attachments: B
@@ -3644,18 +3623,18 @@ const xi = ({
                     renderText: v
                   }
                 ) : /* @__PURE__ */ s(
-                  qt,
+                  Yt,
                   {
                     message: Q,
                     renderText: v
                   }
                 ),
-                /* @__PURE__ */ s(Wt, {})
+                /* @__PURE__ */ s(qt, {})
               ] }) })
             }
           ),
-          !It && !Et && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-            (!ge || Tt) && /* @__PURE__ */ s(
+          !St && !Et && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
+            (!ge || It) && /* @__PURE__ */ s(
               Ke,
               {
                 message: c,
@@ -3664,72 +3643,71 @@ const xi = ({
               }
             ),
             n && ge && /* @__PURE__ */ s(
-              qr,
+              Gr,
               {
-                selected: L,
+                selected: D,
                 onVoteUp: y,
                 onVoteDown: I
               }
             )
           ] }),
-          /* @__PURE__ */ s(Xr, {}),
-          ae && /* @__PURE__ */ s(
-            te,
+          ne && /* @__PURE__ */ s(
+            ee,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ s(X, {})
+          ce && /* @__PURE__ */ s(X, {})
         ]
       },
       c.id
     )
   ] });
-}, _i = V.memo(
-  wi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
-), Ni = (e) => {
-  const t = _e("CustomMessage");
-  return /* @__PURE__ */ s(_i, { ...t, ...e });
-}, yi = () => {
+}, pi = V.memo(
+  gi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ws(e, t)
+), bi = (e) => {
+  const t = Ie("CustomMessage");
+  return /* @__PURE__ */ s(pi, { ...t, ...e });
+}, vi = () => {
   var n;
-  const { handleDelete: e, message: t } = _e("CustomMessageActions");
+  const { handleDelete: e, message: t } = Ie("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    ds,
+    cs,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Xn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, ki = () => {
-  const { handleFlag: e } = _e("CustomMessageActions");
+}, xi = () => {
+  const { handleFlag: e } = Ie("CustomMessageActions");
   return /* @__PURE__ */ s(
-    ds,
+    cs,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(ls, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(is, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ci = () => {
+}, wi = () => {
   var t;
-  const { message: e } = _e("CustomMessageActions");
+  const { message: e } = Ie("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    ta,
+    Zn,
     {
       messageActionSet: [
-        { Component: yi, placement: "quick", type: "delete" },
-        { Component: ki, placement: "quick", type: "flag" }
+        { Component: vi, placement: "quick", type: "delete" },
+        { Component: xi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Si = ({
+}, _i = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3769,14 +3747,14 @@ const xi = ({
       ]
     }
   );
-}, Ei = (e) => ({
+}, Ni = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
+    (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
   )
-}), Ii = () => {
-  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
+}), yi = () => {
+  const { linkPreviewsManager: e } = hn(), { linkPreviews: t } = fn(
     e.state,
-    Ei
+    Ni
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3789,9 +3767,9 @@ const xi = ({
     // 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(Si, { 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(_i, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Ct = V.createContext(!1), hl = () => Ie(Ct), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, kt = V.createContext(!1), ol = () => Se(kt), ki = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3799,13 +3777,13 @@ const xi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Kn, { weight: "bold", className: "size-4" })
   }
-), Ai = () => {
-  const e = Ie(Ct), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
-    SendButton: r = Ti,
-    AttachmentPreviewList: i = wn
-  } = is("CustomMessageInput");
+), Ci = () => {
+  const e = Se(kt), { handleSubmit: t } = pn(), n = bn(), a = e || !n, {
+    SendButton: r = ki,
+    AttachmentPreviewList: i = vn
+  } = rs("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -3821,12 +3799,12 @@ const xi = ({
         className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
         "data-dd-privacy": "mask",
         children: [
-          /* @__PURE__ */ s(_n, {}),
-          /* @__PURE__ */ s(Ii, {}),
+          /* @__PURE__ */ s(xn, {}),
+          /* @__PURE__ */ s(yi, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ m("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
-              Nn,
+              wn,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3852,7 +3830,7 @@ const xi = ({
       }
     )
   );
-}, Mi = ({
+}, Ei = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3860,8 +3838,8 @@ const xi = ({
   composerInput: r
 }) => {
   var l;
-  const { channel: i } = le(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
-  return n ? /* @__PURE__ */ m(ee, { children: [
+  const { channel: i } = ue(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
+  return n ? /* @__PURE__ */ m(te, { children: [
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ m("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
@@ -3873,67 +3851,67 @@ const xi = ({
         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(Ct.Provider, { value: o, children: /* @__PURE__ */ s(bn, { Input: r ?? Ai }) })
+          /* @__PURE__ */ s(kt.Provider, { value: o, children: /* @__PURE__ */ s(gn, { Input: r ?? Ci }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Ri = [
+}, Si = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Di = {
+], Ii = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Li = [
+}, Ti = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], zi = {
+], Ai = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ze = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", as = (e) => Ri.includes(e), Fi = (e) => Li.includes(e), Oi = (e) => {
+}, Je = "age safety guidelines.", Mi = "https://linktr.ee/s/about/contact", ns = (e) => Si.includes(e), Ri = (e) => Ti.includes(e), Li = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (as(t))
+  if (ns(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Fi(t))
+  if (Ri(t))
     return {
       kind: "age-safety",
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (as(n))
+  if (ns(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, $i = (e) => {
-  const t = e.indexOf(Ze);
+}, Di = (e) => {
+  const t = e.indexOf(Je);
   if (t === -1)
     return e;
-  const n = t + Ze.length;
-  return /* @__PURE__ */ m(ee, { children: [
+  const n = t + Je.length;
+  return /* @__PURE__ */ m(te, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: Pi,
+        href: Mi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Ze
+        children: Je
       }
     ),
     e.slice(n)
   ] });
-}, Bi = (e) => {
+}, zi = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = Oi(
+  const t = e.message.hide_date === !0, n = Li(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Di[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ii[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -3959,7 +3937,7 @@ const xi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || zi[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ai[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -3969,7 +3947,7 @@ const xi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              ea,
+              Jn,
               {
                 size: 24,
                 weight: "duotone",
@@ -3978,7 +3956,7 @@ const xi = ({
                 "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: $i(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: Di(i) }) })
           ]
         }
       ),
@@ -3993,7 +3971,7 @@ const xi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ye, { message: e.message })
   ] });
-}, Os = rt(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Fs = at(!1), Ze = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4003,17 +3981,17 @@ const xi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ui = /* @__PURE__ */ new Set([
+) }), Pi = /* @__PURE__ */ new Set([
   qe.Thinking,
   qe.Generating,
   qe.ExternalSources
-]), ji = ({ threadList: e }) => {
+]), Fi = ({ threadList: e }) => {
   var v, w;
-  const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = oe(), { typing: i = {} } = yn(), { aiState: o } = kn(t), l = Ie(Os);
-  if (!e && l && Ui.has(o)) {
-    const b = Vi(t, (v = r.user) == null ? void 0 : v.id);
+  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = me(), { typing: i = {} } = _n(), { aiState: o } = Nn(t), l = Se(Fs);
+  if (!e && l && Pi.has(o)) {
+    const b = Oi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ s(
-      rs,
+      as,
       {
         avatarId: (b == null ? void 0 : b.id) ?? "ai-agent",
         avatarName: (b == null ? void 0 : b.name) ?? (b == null ? void 0 : b.id) ?? "Agent",
@@ -4039,7 +4017,7 @@ const xi = ({
     return null;
   const f = (w = h[0]) == null ? void 0 : w.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ s(
-    rs,
+    as,
     {
       avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
@@ -4047,7 +4025,7 @@ const xi = ({
       testId: "typing-indicator"
     }
   );
-}, rs = ({
+}, as = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4062,7 +4040,7 @@ const xi = ({
     },
     children: /* @__PURE__ */ m("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ s(
-        ne,
+        se,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4082,16 +4060,16 @@ const xi = ({
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ s(Qe, { cx: "4", index: 0 }),
-            /* @__PURE__ */ s(Qe, { cx: "16", index: 1 }),
-            /* @__PURE__ */ s(Qe, { cx: "28", index: 2 })
+            /* @__PURE__ */ s(Ze, { cx: "4", index: 0 }),
+            /* @__PURE__ */ s(Ze, { cx: "16", index: 1 }),
+            /* @__PURE__ */ s(Ze, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
     ] })
   }
 );
-function Vi(e, t) {
+function Oi(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)) {
@@ -4100,7 +4078,7 @@ function Vi(e, t) {
       return i;
   }
 }
-const Gi = () => null, Hi = ({ className: e, message: t }) => /* @__PURE__ */ m(
+const $i = () => null, Bi = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
@@ -4144,11 +4122,11 @@ const Gi = () => null, Hi = ({ className: e, message: t }) => /* @__PURE__ */ m(
     ]
   }
 ), Be = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(Hi, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Bi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Be.displayName = "LoadingState";
-const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Yi = ({
+const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Ui = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4167,8 +4145,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: w,
   renderHeaderTitleBadges: b
 }) => {
-  var I, S, R, E, z, O;
-  const { channel: g } = le(), { client: x } = oe(), N = V.useMemo(
+  var I, E, R, S, z, O;
+  const { channel: g } = ue(), { client: x } = me(), N = V.useMemo(
     () => {
       var j;
       return je(
@@ -4178,12 +4156,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       );
     },
     [(I = g.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, g.type]
-  ), C = ct(N == null ? void 0 : N.user), T = (S = N == null ? void 0 : N.user) == null ? void 0 : S.image, A = ot(g), D = b == null ? void 0 : b({
+  ), C = ot(N == null ? void 0 : N.user), T = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, A = lt(g), L = b == null ? void 0 : b({
     channel: g,
     participant: N
-  }), $ = "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__ */ m(ee, { children: [
+  }), $ = "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", D = /* @__PURE__ */ m(te, { children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: C }),
-    D && /* @__PURE__ */ s("span", { className: "shrink-0", children: D })
+    L && /* @__PURE__ */ s("span", { className: "shrink-0", children: L })
   ] }), y = async () => {
     try {
       A ? await g.unpin() : await g.pin();
@@ -4207,7 +4185,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ s(
@@ -4227,7 +4205,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ),
               children: [
                 /* @__PURE__ */ s(
-                  ne,
+                  se,
                   {
                     id: ((R = N == null ? void 0 : N.user) == null ? void 0 : R.id) || g.id || "unknown",
                     name: C,
@@ -4238,7 +4216,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   }
                 ),
                 /* @__PURE__ */ m("span", { className: "flex max-w-full items-center gap-0.5", children: [
-                  L,
+                  D,
                   /* @__PURE__ */ s(ve, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -4249,9 +4227,9 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             }
           ) : /* @__PURE__ */ m("div", { className: $, children: [
             /* @__PURE__ */ s(
-              ne,
+              se,
               {
-                id: ((E = N == null ? void 0 : N.user) == null ? void 0 : E.id) || g.id || "unknown",
+                id: ((S = N == null ? void 0 : N.user) == null ? void 0 : S.id) || g.id || "unknown",
                 name: C,
                 image: T,
                 starred: n && A,
@@ -4260,7 +4238,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               }
             ),
             /* @__PURE__ */ m("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-              L,
+              D,
               /* @__PURE__ */ s(
                 ve,
                 {
@@ -4297,7 +4275,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         v && (c !== void 0 ? c : /* @__PURE__ */ s(
-          st,
+          tt,
           {
             channel: g,
             participant: N,
@@ -4327,7 +4305,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
           }
         ),
         w ? /* @__PURE__ */ m(
@@ -4342,7 +4320,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             ),
             children: [
               /* @__PURE__ */ s(
-                ne,
+                se,
                 {
                   id: ((z = N == null ? void 0 : N.user) == null ? void 0 : z.id) || g.id || "unknown",
                   name: C,
@@ -4354,7 +4332,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ),
               /* @__PURE__ */ m("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-                  L,
+                  D,
                   /* @__PURE__ */ s(ve, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -4366,7 +4344,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ) : /* @__PURE__ */ m("div", { className: F, children: [
           /* @__PURE__ */ s(
-            ne,
+            se,
             {
               id: ((O = N == null ? void 0 : N.user) == null ? void 0 : O.id) || g.id || "unknown",
               name: C,
@@ -4378,7 +4356,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ),
           /* @__PURE__ */ m("div", { className: "min-w-0", children: [
             /* @__PURE__ */ m("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-              L,
+              D,
               /* @__PURE__ */ s(
                 ve,
                 {
@@ -4415,7 +4393,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         v && (c !== void 0 ? c : /* @__PURE__ */ s(
-          st,
+          tt,
           {
             channel: g,
             participant: N,
@@ -4434,7 +4412,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, qi = ({
+}, ji = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4458,13 +4436,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderChannelActions: C,
   renderMessage: T,
   dmAgentEnabled: A = !1,
-  viewerLanguage: D,
+  viewerLanguage: L,
   showChannelInfo: $ = !0,
   onParticipantNameClick: F,
-  composerInput: L
+  composerInput: D
 }) => {
   var _, M, H, q;
-  const { channel: y } = le(), { client: I } = oe(), S = V.useMemo(
+  const { channel: y } = ue(), { client: I } = me(), E = V.useMemo(
     () => {
       var Y;
       return je(
@@ -4478,13 +4456,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     var W;
     const Y = I == null ? void 0 : I.userID;
     return Y ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((Q) => {
-      var de;
-      return ((de = Q.user) == null ? void 0 : de.id) === Y;
+      var oe;
+      return ((oe = Q.user) == null ? void 0 : oe.id) === Y;
     }) : void 0;
-  }, [I == null ? void 0 : I.userID, (M = y.state) == null ? void 0 : M.members]), E = ((H = R == null ? void 0 : R.user) == null ? void 0 : H.is_account) ?? (R == null ? void 0 : R.is_account), z = ((q = S == null ? void 0 : S.user) == null ? void 0 : q.is_account) ?? (S == null ? void 0 : S.is_account), O = A && E === !1 && z === !0, j = y.state.messages.some(
+  }, [I == null ? void 0 : I.userID, (M = y.state) == null ? void 0 : M.members]), S = ((H = R == null ? void 0 : R.user) == null ? void 0 : H.is_account) ?? (R == null ? void 0 : R.is_account), z = ((q = E == null ? void 0 : E.user) == null ? void 0 : q.is_account) ?? (E == null ? void 0 : E.is_account), O = A && S === !1 && z === !0, j = y.state.messages.some(
     (Y) => Y.type !== "deleted"
-  ), X = g ? /* @__PURE__ */ s(V.Fragment, { children: g() }, "lt-channel-banner") : null, te = F ? /* @__PURE__ */ s(
-    pa,
+  ), X = g ? /* @__PURE__ */ s(V.Fragment, { children: g() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
+    ha,
     {
       onBack: e,
       showBackButton: t,
@@ -4505,29 +4483,29 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     }
   ) : null, K = Z(
     (Y) => {
-      const { message: B } = _e("ChannelView"), W = /* @__PURE__ */ s(
-        Ni,
+      const { message: B } = Ie("ChannelView"), W = /* @__PURE__ */ s(
+        bi,
         {
           ...Y,
           chatbotVotingEnabled: b,
-          viewerLanguage: D
+          viewerLanguage: L
         }
       );
       return !T || !B ? W : T(W, B);
     },
-    [b, T, D]
+    [b, T, L]
   );
-  return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
-    Sn,
+  return /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(
+    kn,
     {
       overrides: {
         Message: K,
-        MessageActions: Ci
+        MessageActions: wi
       },
-      children: /* @__PURE__ */ m(En, { children: [
-        !F && /* @__PURE__ */ m(ee, { children: [
+      children: /* @__PURE__ */ m(Cn, { children: [
+        !F && /* @__PURE__ */ m(te, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Yi,
+            Ui,
             {
               onBack: e,
               showBackButton: t,
@@ -4550,7 +4528,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           X
         ] }),
         F && !j && /* @__PURE__ */ m("div", { className: "px-4 @lg:px-6", children: [
-          te,
+          ee,
           X
         ] }),
         /* @__PURE__ */ s(
@@ -4558,10 +4536,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             className: "flex-1 overflow-hidden relative",
             children: /* @__PURE__ */ s(
-              In,
+              En,
               {
                 head: F && j ? /* @__PURE__ */ m("div", { className: "sticky top-0 z-10", children: [
-                  te,
+                  ee,
                   X
                 ] }) : void 0,
                 hideDeletedMessages: !0,
@@ -4573,7 +4551,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         ),
         r ? /* @__PURE__ */ s(V.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          Mi,
+          Ei,
           {
             ...n && {
               renderActions: () => n == null ? void 0 : n(y)
@@ -4581,14 +4559,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             renderFooter: () => a == null ? void 0 : a(y),
             disabled: c,
             disabledReason: v,
-            composerInput: L
+            composerInput: D
           },
           "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, $s = V.memo(
+}, Os = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4599,7 +4577,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = Gi,
+    CustomChannelEmptyState: u = $i,
     showDeleteConversation: p = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: f,
@@ -4613,15 +4591,15 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onMessageSent: C,
     showStarButton: T = !1,
     chatbotVotingEnabled: A = !1,
-    renderChannelBanner: D,
+    renderChannelBanner: L,
     renderHeaderTitleBadges: $,
     customChannelActions: F,
-    renderChannelActions: L,
+    renderChannelActions: D,
     renderMessage: y,
     onMessageLinkClick: I,
-    sendButton: S,
+    sendButton: E,
     attachmentPreviewList: R,
-    viewerLanguage: E,
+    viewerLanguage: S,
     showChannelInfo: z = !0,
     onParticipantNameClick: O,
     composerInput: j
@@ -4645,40 +4623,40 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         return C == null || C(W), W;
       },
       [e, x, N, C]
-    ), te = G(null);
+    ), ee = G(null);
     return J(() => {
       if (!I) return;
-      const K = te.current;
+      const K = ee.current;
       if (!K) return;
       const _ = (M) => {
         const H = M.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Q = W ? e.state.messages.find((de) => de.id === W) : void 0;
+        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Q = W ? e.state.messages.find((oe) => oe.id === W) : void 0;
         I(Y, Q);
       };
       return K.addEventListener("click", _), () => K.removeEventListener("click", _);
     }, [I, e]), /* @__PURE__ */ s(
       "div",
       {
-        ref: te,
+        ref: ee,
         className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Os.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
-          Cn,
+        children: /* @__PURE__ */ s(Fs.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
+          yn,
           {
             channel: e,
-            MessageSystem: Bi,
+            MessageSystem: zi,
             EmptyStateIndicator: u,
             LoadingIndicator: Be,
-            DateSeparator: ba,
-            TypingIndicator: ji,
+            DateSeparator: fa,
+            TypingIndicator: Fi,
             doSendMessageRequest: X,
-            ...S ? { SendButton: S } : {},
+            ...E ? { SendButton: E } : {},
             ...R ? { AttachmentPreviewList: R } : {},
             children: /* @__PURE__ */ s(
-              qi,
+              ji,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4699,12 +4677,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showStarButton: T,
                 dmAgentEnabled: x,
                 chatbotVotingEnabled: A,
-                renderChannelBanner: D,
+                renderChannelBanner: L,
                 renderHeaderTitleBadges: $,
                 customChannelActions: F,
-                renderChannelActions: L,
+                renderChannelActions: D,
                 renderMessage: y,
-                viewerLanguage: E,
+                viewerLanguage: S,
                 showChannelInfo: z,
                 onParticipantNameClick: O,
                 composerInput: j
@@ -4716,8 +4694,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-$s.displayName = "ChannelView";
-const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
+Os.displayName = "ChannelView";
+const ye = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ s("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -4731,8 +4709,8 @@ const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
     }
   )
 ] }) }));
-ke.displayName = "ErrorState";
-const fl = ({
+ye.displayName = "ErrorState";
+const cl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4758,14 +4736,14 @@ const fl = ({
   composerInput: A
 }) => {
   const {
-    client: D,
+    client: L,
     isConnected: $,
     isLoading: F,
-    error: L,
+    error: D,
     refreshConnection: y,
     service: I,
-    debug: S
-  } = sa(), [R, E] = U(null), [z, O] = U(null), [j, X] = U(!1), { showDeleteConversation: te = !0 } = e, K = G(o);
+    debug: E
+  } = Qn(), [R, S] = U(null), [z, O] = U(null), [j, X] = U(!1), { showDeleteConversation: ee = !0 } = e, K = G(o);
   K.current = o;
   const _ = G(a);
   _.current = a;
@@ -4773,8 +4751,8 @@ const fl = ({
   J(() => {
     H.current = R;
   }, [R]), J(() => {
-    if (!D || !$) return;
-    const B = D.userID;
+    if (!L || !$) return;
+    const B = L.userID;
     if (!B) return;
     const W = `${B}::${i}`;
     if (M.current === W) return;
@@ -4783,13 +4761,13 @@ const fl = ({
       M.current === W && (M.current = null);
     };
     (async () => {
-      var De, Le;
+      var Le, De;
       try {
-        S && console.log(
+        E && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ae = await D.queryChannels(
+        const ne = await L.queryChannels(
           {
             type: "messaging",
             members: { $eq: [B, i] }
@@ -4797,16 +4775,16 @@ const fl = ({
           {},
           { limit: 1 }
         );
-        if (ae.length > 0) {
-          E(ae[0]), O(null), (De = _.current) == null || De.call(_, ae[0]), S && console.log(
+        if (ne.length > 0) {
+          S(ne[0]), O(null), (Le = _.current) == null || Le.call(_, ne[0]), E && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ae[0].id
+            ne[0].id
           );
           return;
         }
-        const ue = K.current;
-        if (!ue || !I) {
-          Q(), O("No conversation found with this account"), S && console.log(
+        const ce = K.current;
+        if (!ce || !I) {
+          Q(), O("No conversation found with this account"), E && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -4814,11 +4792,11 @@ const fl = ({
         }
         try {
           const ie = await I.startChannelWithParticipant({
-            id: ue.id,
-            name: ue.name,
-            phone: ue.phone
+            id: ce.id,
+            name: ce.name,
+            phone: ce.phone
           });
-          E(ie), O(null), (Le = _.current) == null || Le.call(_, ie), S && console.log(
+          S(ie), O(null), (De = _.current) == null || De.call(_, ie), E && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -4828,28 +4806,28 @@ const fl = ({
             ie
           ), Q(), O("Failed to create conversation");
         }
-      } catch (ae) {
+      } catch (ne) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ae
+          ne
         ), Q(), H.current || O("Failed to load conversation");
       }
     })();
-  }, [i, D, $, I, S]);
+  }, [i, L, $, I, E]);
   const q = G(r);
   q.current = r;
   const Y = Z(() => {
     var B;
-    E(null), X(!0), (B = q.current) == null || B.call(q);
+    S(null), X(!0), (B = q.current) == null || B.call(q);
   }, []);
-  return F ? /* @__PURE__ */ s(Be, {}) : L ? /* @__PURE__ */ s(ke, { message: L, onBack: y }) : !$ || !D ? /* @__PURE__ */ s(
-    ke,
+  return F ? /* @__PURE__ */ s(Be, {}) : D ? /* @__PURE__ */ s(ye, { message: D, onBack: y }) : !$ || !L ? /* @__PURE__ */ s(
+    ye,
     {
       message: "Not connected to messaging service",
       onBack: y
     }
-  ) : z ? /* @__PURE__ */ s(ke, { message: z }) : j && !R ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : R ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    $s,
+  ) : z ? /* @__PURE__ */ s(ye, { message: z }) : j && !R ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : R ? /* @__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(
+    Os,
     {
       channel: R,
       renderMessageInputActions: t,
@@ -4858,7 +4836,7 @@ const fl = ({
       onLeaveConversation: Y,
       onBlockParticipant: Y,
       CustomChannelEmptyState: l,
-      showDeleteConversation: te,
+      showDeleteConversation: ee,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: p,
@@ -4877,13 +4855,13 @@ const fl = ({
     R.id
   ) }) }) : /* @__PURE__ */ s(Be, {});
 };
-function Wi(e) {
+function Vi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Bs = V.createContext({
+const $s = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4891,18 +4869,18 @@ const Bs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Xi = Bs.Provider, Ki = () => V.useContext(Bs), Ji = (e, t) => {
+}), Gi = $s.Provider, Hi = () => V.useContext($s), Yi = (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));
-}, Zi = (e) => {
+}, qi = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Ji(e, t);
+  const a = Yi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4912,9 +4890,9 @@ const Bs = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Us = V.memo(
+}, Bs = V.memo(
   (e) => {
-    var $, F, L;
+    var $, F, D;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4922,7 +4900,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Ki(), { client: u } = oe(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ot(t);
+    } = Hi(), { client: u } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = lt(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -4937,22 +4915,22 @@ const Bs = V.createContext({
     const f = () => {
       t && r(t);
     }, c = (y) => {
-      const I = y.key === "Enter" || y.key === " ", S = y.repeat;
-      !I || S || (y.preventDefault(), f());
+      const I = y.key === "Enter" || y.key === " ", E = y.repeat;
+      !I || E || (y.preventDefault(), f());
     }, v = je(
       ($ = t == null ? void 0 : t.state) == null ? void 0 : $.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = ct(v == null ? void 0 : v.user), b = (F = v == null ? void 0 : v.user) == null ? void 0 : F.image, g = (() => {
+    ), w = ot(v == null ? void 0 : v.user), b = (F = v == null ? void 0 : v.user) == null ? void 0 : F.image, g = (() => {
       var I;
       const y = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
       if (y != null && y.length) {
-        for (let S = y.length - 1; S >= 0; S--)
-          if (y[S].type !== "system") return y[S];
+        for (let E = y.length - 1; E >= 0; E--)
+          if (y[E].type !== "system") return y[E];
       }
     })(), N = (() => {
       var z, O, j, X;
-      const y = hs({
+      const y = ms({
         message: g,
         viewerLanguage: d
       });
@@ -4961,14 +4939,14 @@ const Bs = V.createContext({
       if (((j = g == null ? void 0 : g.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
         return y ? `📎 ${y}` : "📎 Sent an attachment";
       if (y) return y;
-      const E = (X = g == null ? void 0 : g.attachments) == null ? void 0 : X[0];
-      return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), C = g != null && g.created_at ? Zi(new Date(g.created_at)) : "", T = g ? Fe(g) : !1, A = l ? l(g, N) : `${T ? "✨ " : ""}${N}`, D = n ?? 0;
+      const S = (X = g == null ? void 0 : g.attachments) == null ? void 0 : X[0];
+      return S ? S.og_scrape_url ? S.og_scrape_url : S.type === "image" ? "📷 Sent an image" : S.type === "video" ? "🎥 Sent a video" : S.type === "audio" ? "🎵 Sent audio" : S.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), C = g != null && g.created_at ? qi(new Date(g.created_at)) : "", T = g ? Fe(g) : !1, A = l ? l(g, N) : `${T ? "✨ " : ""}${N}`, L = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: p,
       participantName: w,
-      unreadCount: D,
+      unreadCount: L,
       hasTimestamp: !!C
     }), /* @__PURE__ */ s(
       "div",
@@ -4987,9 +4965,9 @@ const Bs = V.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ m("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            ne,
+            se,
             {
-              id: ((L = v == null ? void 0 : v.user) == null ? void 0 : L.id) || t.id || "unknown",
+              id: ((D = v == null ? void 0 : v.user) == null ? void 0 : D.id) || t.id || "unknown",
               name: w,
               image: b,
               size: 48,
@@ -5014,7 +4992,7 @@ const Bs = V.createContext({
             ] }),
             /* @__PURE__ */ m("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: A }),
-              D > 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: D > 99 ? "99+" : D })
+              L > 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: L > 99 ? "99+" : L })
             ] })
           ] })
         ] })
@@ -5022,28 +5000,28 @@ const Bs = V.createContext({
     );
   }
 );
-Us.displayName = "CustomChannelPreview";
-const Qi = { last_message_at: -1 }, el = V.memo(
+Bs.displayName = "CustomChannelPreview";
+const Wi = { last_message_at: -1 }, Xi = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Qi,
+    sort: i = Wi,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = An,
+    channelListPaginator: d = In,
     channelPreview: u,
     renderMessagePreview: p,
     viewerLanguage: h
   }) => {
     const f = V.useRef(0);
     f.current++;
-    const { debug: c = !1 } = lt(), v = V.useCallback(
+    const { debug: c = !1 } = it(), v = V.useCallback(
       (b) => {
         for (const g of b)
-          Wi(g);
+          Vi(g);
         return r ? r(b) : b;
       },
       [r]
@@ -5078,8 +5056,8 @@ const Qi = { last_message_at: -1 }, el = V.memo(
           "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(Xi, { value: w, children: /* @__PURE__ */ s(
-          Tn,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Gi, { value: w, children: /* @__PURE__ */ s(
+          Sn,
           {
             filters: n,
             sort: i,
@@ -5087,7 +5065,7 @@ const Qi = { last_message_at: -1 }, el = V.memo(
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: v,
             Paginator: d,
-            Preview: Us,
+            Preview: Bs,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5096,8 +5074,8 @@ const Qi = { last_message_at: -1 }, el = V.memo(
     );
   }
 );
-el.displayName = "ChannelList";
-const tl = ({
+Xi.displayName = "ChannelList";
+const Ki = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5119,7 +5097,7 @@ const tl = ({
     ),
     children: e
   }
-), gl = ({
+), dl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5131,7 +5109,7 @@ const tl = ({
   const l = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ m("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
-      ne,
+      se,
       {
         id: o || "account",
         name: o || "Account",
@@ -5148,7 +5126,7 @@ const tl = ({
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            tl,
+            Ki,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5162,40 +5140,40 @@ const tl = ({
   ] }) });
 };
 export {
-  bs as A,
-  hl as B,
-  Gi as C,
-  Ur as D,
-  xa as E,
-  gl as F,
-  sa as G,
-  es as L,
-  ul as M,
-  Ne as a,
-  ne as b,
-  el as c,
-  $s as d,
-  ml as e,
-  tl as f,
-  ce as g,
-  Zt as h,
-  ye as i,
-  qr as j,
-  dl as k,
-  fl as l,
-  rr as m,
-  sr as n,
-  Zi as o,
-  ar as p,
-  hs as q,
+  ps as A,
+  ol as B,
+  $i as C,
+  Or as D,
+  pa as E,
+  dl as F,
+  Qn as G,
+  Qt as L,
+  il as M,
+  _e as a,
+  se as b,
+  Xi as c,
+  Os as d,
+  ll as e,
+  Ki as f,
+  le as g,
+  Jt as h,
+  Ne as i,
+  Gr as j,
+  rl as k,
+  cl as l,
+  sr as m,
+  Qa as n,
+  qi as o,
+  tr as p,
+  ms as q,
   we as r,
-  ws as s,
-  ia as t,
-  Xa as u,
-  wa as v,
+  xs as s,
+  na as t,
+  Ya as u,
+  ba as v,
   je as w,
-  ht as x,
-  ft as y,
-  ct as z
+  mt as x,
+  ht as y,
+  ot as z
 };
-//# sourceMappingURL=index-27SEkKTJ.js.map
+//# sourceMappingURL=index-C-2O97qw.js.map