@linktr.ee/messaging-react 3.7.0 → 3.7.1-rc-1783346817

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

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