@linktr.ee/messaging-react 3.12.2 → 3.12.3-rc-1784032997

package/dist/{index-KfZ2Wx3D.js → index-D9_M5IWl.js}

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as u, Fragment as se } from "react/jsx-runtime";
-import V, { createContext as ot, useContext as Ie, useCallback as J, useState as U, useRef as G, useEffect as K, useId as Us, useMemo as re, Suspense as js } from "react";
-import { StreamChatService as Vs } from "@linktr.ee/messaging-core";
-import { StreamChat as Gs, LinkPreviewsManager as Ht } from "stream-chat";
-import { Chat as Hs, useChannelStateContext as oe, useChatContext as he, DateSeparator as Ys, MessageStatus as qs, useMessageContext as _e, MessageErrorIcon as st, MessageText as Oe, areMessageUIPropsEqual as Ws, useMessageReminder as Xs, useComponentContext as ns, Attachment as Ks, EditMessageModal as Zs, MessageBlocked as Js, 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, Poll as mn, 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 We, AIStates as Xe, useTypingContext as _n, useAIState as Nn, Channel as yn, WithComponents as kn, Window as Cn, MessageList as Sn, ChannelList as En, InfiniteScroll as In } from "stream-chat-react";
-import { StarIcon as Ee, DotsThreeIcon as Tn, SpinnerGapIcon as ze, SignOutIcon as Mn, ProhibitInsetIcon as Yt, FlagIcon as as, ArrowLeftIcon as nt, CurrencyDollarIcon as An, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as rs, ImageIcon as Rn, SpeakerHighIcon as Dn, VideoCameraIcon as is, FileMdIcon as Ln, FileTextIcon as zn, FileZipIcon as Fn, FilePptIcon as Pn, FileCsvIcon as On, FileXlsIcon as $n, FileDocIcon as Bn, FilePdfIcon as Un, CircleNotchIcon as Ce, PlayIcon as at, PauseIcon as jn, LinkIcon as Vn, DownloadSimpleIcon as Se, XIcon as Ve, CaretLeftIcon as Gn, GiftIcon as Hn, ThumbsUpIcon as Yn, ThumbsDownIcon as qn, ChecksIcon as Wn, PencilSimpleIcon as Xn, TrashSimpleIcon as Kn, ArrowUpIcon as Zn, ProhibitIcon as Jn } from "@phosphor-icons/react";
+import V, { createContext as ct, useContext as Te, useCallback as J, useState as B, useRef as G, useEffect as K, useId as js, useMemo as re, Suspense as Vs } from "react";
+import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
+import { StreamChat as Hs, LinkPreviewsManager as Yt } from "stream-chat";
+import { Chat as Ys, useChannelStateContext as ce, useChatContext as fe, DateSeparator as qs, MessageStatus as Ws, useMessageContext as Ne, MessageErrorIcon as nt, MessageText as $e, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as as, Attachment as Zs, EditMessageModal as Js, MessageBlocked as Qs, MessageBouncePrompt as en, MessageDeleted as tn, MessageIsThreadReplyInChannelButtonIndicator as sn, MessageRepliesCountButton as nn, ReminderNotification as an, StreamedMessageText as rn, messageHasAttachments as ln, messageHasReactions as on, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, Poll as hn, useMessageComposer as fn, useStateStore as gn, MessageInput as pn, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Xe, AIStates as Ke, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as En, ChannelList as In, InfiniteScroll as Tn } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as Mn, SpinnerGapIcon as Fe, SignOutIcon as An, ProhibitInsetIcon as qt, FlagIcon as rs, ArrowLeftIcon as at, CurrencyDollarIcon as Rn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as is, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as ls, FileMdIcon as zn, FileTextIcon as Fn, FileZipIcon as Pn, FilePptIcon as On, FileCsvIcon as $n, FileXlsIcon as Un, FileDocIcon as Bn, FilePdfIcon as jn, CircleNotchIcon as Se, PlayIcon as rt, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ee, XIcon as Ge, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, ChecksIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Zn, ArrowUpIcon as Jn, ProhibitIcon as Qn } from "@phosphor-icons/react";
 import y from "classnames";
-import { MessageActions as Qn, DefaultDropdownActionButton as ls } from "stream-chat-react/experimental";
-const os = ot({
+import { MessageActions as ea, DefaultDropdownActionButton as os } from "stream-chat-react/experimental";
+const cs = ct({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const os = ot({
   refreshConnection: async () => {
   },
   debug: !1
-}), ct = () => Ie(os), ol = ({
+}), dt = () => Te(cs), hl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -38,10 +38,10 @@ const os = ot({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = U(null), [g, h] = U(null), [f, c] = U(!1), [b, v] = U(!1), [x, p] = U(null), _ = G(!1), w = G(null), k = G(n);
+  const [d, m] = B(null), [f, h] = B(null), [g, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), k = G(n);
   k.current = n;
-  const L = G(i);
-  L.current = i;
+  const D = G(i);
+  D.current = i;
   const S = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
@@ -64,7 +64,7 @@ const os = ot({
     capabilities: r
   };
   const O = G(null);
-  !o && a && ((I = O.current) == null ? void 0 : I.apiKey) !== a && (O.current = { apiKey: a, client: new Gs(a) });
+  !o && a && ((I = O.current) == null ? void 0 : I.apiKey) !== a && (O.current = { apiKey: a, client: new Hs(a) });
   const F = o || (a ? ((T = O.current) == null ? void 0 : T.client) ?? null : null);
   K(() => {
     const M = R.current, P = k.current;
@@ -83,10 +83,10 @@ const os = ot({
       renderCount: M,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Vs({
+    const $ = new Gs({
       ...P,
       apiKey: a,
-      debug: L.current,
+      debug: D.current,
       client: F
     });
     w.current = $, m($), l("✅ SERVICE SET", {
@@ -94,7 +94,7 @@ const os = ot({
       serviceInstance: !!$
     });
   }, [a, F, o]);
-  const D = G(null);
+  const L = G(null);
   K(() => {
     var P, $;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -102,7 +102,7 @@ const os = ot({
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
       isConnecting: _.current,
-      isConnected: f,
+      isConnected: g,
       dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
     }), o)
       return;
@@ -114,7 +114,7 @@ const os = ot({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((P = D.current) == null ? void 0 : P.serviceId) === d && (($ = D.current) == null ? void 0 : $.userId) === t.id) {
+    if (((P = L.current) == null ? void 0 : P.serviceId) === d && (($ = L.current) == null ? void 0 : $.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -126,7 +126,7 @@ const os = ot({
       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
         });
@@ -139,15 +139,15 @@ const os = ot({
       } finally {
         v(!1), _.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
-          isConnected: f
+          isConnected: g
         });
       }
     })();
-  }, [d, t, l, f, o]), K(() => {
+  }, [d, t, l, g, o]), K(() => {
     const M = F;
     return () => {
       var P;
-      M && (D.current = null, (P = w.current) == null || P.disconnectUser().catch(console.error));
+      M && (L.current = null, (P = w.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
   const C = J(async () => {
@@ -176,8 +176,8 @@ const os = ot({
     }
   }, [d, t, l, o]), E = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
-    hasClient: !!g,
-    isConnected: f,
+    hasClient: !!f,
+    isConnected: g,
     isLoading: b,
     hasError: !!x,
     capabilitiesKeys: Object.keys(r)
@@ -191,8 +191,8 @@ const os = ot({
     // surface it directly and report a clean connected state — the apiKey
     // path's `client`/`isLoading`/`error` (from connectUser) must not leak
     // through if the same provider previously attempted an apiKey connect.
-    client: o ?? g,
-    isConnected: o ? !0 : f,
+    client: o ?? f,
+    isConnected: o ? !0 : g,
     isLoading: o ? !1 : b,
     error: o ? null : x,
     capabilities: r,
@@ -200,9 +200,9 @@ const os = ot({
     debug: i
   }), [
     d,
-    g,
-    o,
     f,
+    o,
+    g,
     b,
     x,
     r,
@@ -214,8 +214,8 @@ const os = ot({
     renderCount: R.current,
     willRenderChat: !!F,
     contextValueReady: !!E
-  }), /* @__PURE__ */ s(os.Provider, { value: E, children: F ? /* @__PURE__ */ s(
-    Hs,
+  }), /* @__PURE__ */ s(cs.Provider, { value: E, children: F ? /* @__PURE__ */ s(
+    Ys,
     {
       client: F,
       customClasses: {
@@ -224,9 +224,9 @@ const os = ot({
       children: e
     }
   ) : e });
-}, ea = () => ct(), dt = (e) => {
+}, ta = () => dt(), ut = (e) => {
   var a, r;
-  const [t, n] = U(
+  const [t, n] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return K(() => {
@@ -246,14 +246,14 @@ const os = ot({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, ta = "linktree-official", sa = "linktree-official-sender";
-function Ge(e, t, n) {
+}, sa = "linktree-official", na = "linktree-official-sender";
+function He(e, t, n) {
   const a = Object.values(e || {});
-  if (n === ta) {
+  if (n === sa) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === sa;
+        return ((o = i.user) == null ? void 0 : o.id) === na;
       }
     );
     if (r) return r;
@@ -265,18 +265,18 @@ function Ge(e, t, n) {
     }
   );
 }
-const na = /^[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 aa(e) {
-  return na.test(e.trim());
+const aa = /^[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 ra(e) {
+  return aa.test(e.trim());
 }
-function qt(e, t) {
+function Wt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t ? !1 : !aa(n);
+  return !n || t && n === t ? !1 : !ra(n);
 }
-function ut(e) {
-  return qt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : qt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function mt(e) {
+  return Wt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Wt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Wt = [
+const Xt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -304,7 +304,7 @@ const Wt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ra(e) {
+function ia(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -312,14 +312,14 @@ function ra(e) {
   }
   return Math.abs(t);
 }
-function cs(e) {
-  return Wt[ra(e) % Wt.length];
-}
-function ia(e) {
-  return cs(e).emoji;
+function ds(e) {
+  return Xt[ia(e) % Xt.length];
 }
 function la(e) {
-  return cs(e).bgColor;
+  return ds(e).emoji;
+}
+function oa(e) {
+  return ds(e).bgColor;
 }
 const ne = ({
   id: e,
@@ -330,7 +330,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = ia(e), d = la(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const l = la(e), d = oa(e), m = 0.45, h = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -368,7 +368,7 @@ const ne = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ s(Ee, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ s(Ie, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ s(
@@ -382,7 +382,7 @@ const ne = ({
             style: {
               ...c,
               ...o && {
-                borderWidth: `${f}px`,
+                borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
@@ -394,7 +394,7 @@ const ne = ({
       ]
     }
   );
-}, oa = "https://linktr.ee/s/about/trust-center/report", ca = ({
+}, ca = "https://linktr.ee/s/about/trust-center/report", da = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -405,10 +405,10 @@ const ne = ({
   onBlockParticipantClick: l,
   onReportParticipantClick: d,
   onActionComplete: m,
-  logLabel: g = "useChannelModerationActions"
+  logLabel: f = "useChannelModerationActions"
 }) => {
   var E;
-  const { service: h, debug: f } = ct(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = U(!1), [p, _] = U(null), [w, k] = U(!1), [L, S] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  const { service: h, debug: g } = dt(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, _] = B(null), [w, k] = B(!1), [D, S] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
       x(!1), _(null);
@@ -425,27 +425,27 @@ const ne = ({
           )
         );
       } catch (T) {
-        I || console.error(`[${g}] Failed to check blocked status:`, T);
+        I || console.error(`[${f}] Failed to check blocked status:`, T);
       } finally {
         I || _({ participantId: c, service: h });
       }
     })(), () => {
       I = !0;
     };
-  }, [b, h, c, g]), {
+  }, [b, h, c, f]), {
     isParticipantBlocked: v,
     isCheckingBlockedStatus: R,
     isLeaving: w,
-    isUpdatingBlockStatus: L,
+    isUpdatingBlockStatus: D,
     handleLeaveConversation: async () => {
       var I;
       if (!w) {
-        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), k(!0);
+        o == null || o(), g && console.log(`[${f}] Leave conversation`, e.cid), k(!0);
         try {
           const T = ((I = e._client) == null ? void 0 : I.userID) ?? null;
           await e.hide(T, !1), r && await r(e), m == null || m();
         } catch (T) {
-          console.error(`[${g}] Failed to leave conversation`, T);
+          console.error(`[${f}] Failed to leave conversation`, T);
         } finally {
           k(!1);
         }
@@ -453,12 +453,12 @@ const ne = ({
     },
     handleBlockUser: async () => {
       var I, T, M;
-      if (!(L || !h)) {
-        l == null || l(), f && console.log(`[${g}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
+      if (!(D || !h)) {
+        l == null || l(), g && console.log(`[${f}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
         try {
           await h.blockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
         } catch (P) {
-          console.error(`[${g}] Failed to block member`, P);
+          console.error(`[${f}] Failed to block member`, P);
         } finally {
           S(!1);
         }
@@ -466,22 +466,22 @@ const ne = ({
     },
     handleUnblockUser: async () => {
       var I, T, M;
-      if (!(L || !h)) {
-        l == null || l(), f && console.log(`[${g}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
+      if (!(D || !h)) {
+        l == null || l(), g && console.log(`[${f}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), S(!0);
         try {
           await h.unBlockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
         } catch (P) {
-          console.error(`[${g}] Failed to unblock member`, P);
+          console.error(`[${f}] Failed to unblock member`, P);
         } finally {
           S(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(oa, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(ca, "_blank", "noopener,noreferrer");
     }
   };
-}, Ne = ({
+}, ye = ({
   variant: e = "default",
   className: t,
   children: n,
@@ -498,7 +498,7 @@ const ne = ({
     ...a,
     children: n
   }
-), rt = ({
+), it = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -509,23 +509,23 @@ const ne = ({
   onDeleteConversationClick: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
-  customChannelActions: g,
+  customChannelActions: f,
   triggerClassName: h
 }) => {
-  const [f, c] = U(!1), b = G(null), v = Us(), x = J(() => c(!1), []), {
+  const [g, c] = B(!1), b = G(null), v = js(), x = J(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: _,
     isLeaving: w,
     isUpdatingBlockStatus: k,
-    handleLeaveConversation: L,
+    handleLeaveConversation: D,
     handleBlockUser: S,
     handleUnblockUser: R,
     handleReportUser: O
-  } = ca({
+  } = da({
     channel: e,
     participant: t,
     showBlockParticipant: a,
-    enabled: f,
+    enabled: g,
     onLeaveConversation: i,
     onBlockParticipant: o,
     onDeleteConversationClick: l,
@@ -535,32 +535,32 @@ const ne = ({
     logLabel: "ChannelActionsMenu"
   });
   return K(() => {
-    if (!f) return;
-    const D = (E) => {
+    if (!g) return;
+    const L = (E) => {
       b.current && !b.current.contains(E.target) && c(!1);
     }, C = (E) => {
       E.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", D), document.addEventListener("keydown", C), () => {
-      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", C);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", C), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", C);
     };
-  }, [f]), !t || !(n || a || r || !!g) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
+  }, [g]), !t || !(n || a || r || !!f) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ u(
       "button",
       {
         className: h,
         type: "button",
         "aria-haspopup": "true",
-        "aria-expanded": f,
-        "aria-controls": f ? v : void 0,
-        onClick: () => c((D) => !D),
+        "aria-expanded": g,
+        "aria-controls": g ? v : void 0,
+        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" })
         ]
       }
     ),
-    f && /* @__PURE__ */ s(
+    g && /* @__PURE__ */ s(
       "div",
       {
         id: v,
@@ -571,13 +571,13 @@ const ne = ({
         ),
         children: /* @__PURE__ */ u("ul", { className: "flex flex-col gap-1", children: [
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(
-            Ne,
+            ye,
             {
-              onClick: L,
+              onClick: D,
               disabled: w,
               "aria-busy": w,
               children: [
-                w ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Mn, { className: "h-5 w-5" }),
+                w ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(An, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -585,46 +585,46 @@ const ne = ({
           a && /* @__PURE__ */ s("li", { children: _ ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ u(Ne, { disabled: !0, "aria-busy": !0, children: [
-              /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
+            /* @__PURE__ */ u(ye, { disabled: !0, "aria-busy": !0, children: [
+              /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : p ? /* @__PURE__ */ u(
-            Ne,
+            ye,
             {
               onClick: R,
               disabled: k,
               "aria-busy": k,
               children: [
-                k ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                k ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ u(
-            Ne,
+            ye,
             {
               onClick: S,
               disabled: k,
               "aria-busy": k,
               children: [
-                k ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                k ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(Ne, { variant: "danger", onClick: O, children: [
-            /* @__PURE__ */ s(as, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(ye, { variant: "danger", onClick: O, children: [
+            /* @__PURE__ */ s(rs, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
-          g
+          f
         ] })
       }
     )
   ] });
-}, Ke = "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", da = "CUSTOMER_PAID", ua = "Replies instantly with AI assistant", ma = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === da, ha = (e) => {
+}, Ze = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ua = "CUSTOMER_PAID", ma = "Replies instantly with AI assistant", ha = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ua, fa = (e) => {
   const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ma);
-}, fa = ({
+  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ha);
+}, ga = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -635,26 +635,26 @@ const ne = ({
   showDeleteConversation: l = !0,
   showBlockParticipant: d = !0,
   showReportParticipant: m = !0,
-  onDeleteConversationClick: g,
+  onDeleteConversationClick: f,
   onBlockParticipantClick: h,
-  onReportParticipantClick: f,
+  onReportParticipantClick: g,
   customChannelActions: c,
   renderChannelActions: b,
   showChannelInfo: v = !0,
   onParticipantNameClick: x
 }) => {
-  var F, D, C;
-  const { channel: p } = oe(), { client: _ } = he(), w = V.useMemo(
+  var F, L, C;
+  const { channel: p } = ce(), { client: _ } = fe(), w = V.useMemo(
     () => {
       var E;
-      return Ge(
+      return He(
         (E = p.state) == null ? void 0 : E.members,
         _ == null ? void 0 : _.userID,
         p.type
       );
     },
     [(F = p.state) == null ? void 0 : F.members, _ == null ? void 0 : _.userID, p.type]
-  ), k = ut(w == null ? void 0 : w.user), L = (D = w == null ? void 0 : w.user) == null ? void 0 : D.image, S = dt(p), R = ha(w), O = async () => {
+  ), k = mt(w == null ? void 0 : w.user), D = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, S = ut(p), R = fa(w), O = async () => {
     try {
       S ? await p.unpin() : await p.pin();
     } catch (E) {
@@ -676,14 +676,14 @@ const ne = ({
           "button",
           {
             className: y(
-              Ke,
+              Ze,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
             onClick: t || (() => {
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(nt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(at, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: /* @__PURE__ */ u(
@@ -699,7 +699,7 @@ const ne = ({
                 {
                   id: ((C = w == null ? void 0 : w.user) == null ? void 0 : C.id) || p.id || "unknown",
                   name: k,
-                  image: L,
+                  image: D,
                   dmAgentEnabled: r,
                   shape: "circle",
                   size: 48,
@@ -715,7 +715,7 @@ const ne = ({
                       {
                         "aria-label": "Paid customer",
                         className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                        children: /* @__PURE__ */ s(An, { className: "size-2.5", weight: "bold" })
+                        children: /* @__PURE__ */ s(Rn, { className: "size-2.5", weight: "bold" })
                       }
                     ),
                     a && S && /* @__PURE__ */ s(
@@ -723,11 +723,11 @@ const ne = ({
                       {
                         "aria-label": "Starred conversation",
                         className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                        children: /* @__PURE__ */ s(Ee, { className: "size-2.5", weight: "fill" })
+                        children: /* @__PURE__ */ s(Ie, { className: "size-2.5", weight: "fill" })
                       }
                     ),
                     /* @__PURE__ */ s(
-                      ve,
+                      xe,
                       {
                         "aria-hidden": "true",
                         className: "size-4 shrink-0 text-black/65",
@@ -737,8 +737,8 @@ const ne = ({
                   ] })
                 ] }),
                 r && /* @__PURE__ */ u("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-                  /* @__PURE__ */ s("span", { children: ua })
+                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s("span", { children: ma })
                 ] })
               ] })
             ]
@@ -748,13 +748,13 @@ const ne = ({
           a && /* @__PURE__ */ s(
             "button",
             {
-              className: Ke,
+              className: Ze,
               onClick: O,
               type: "button",
               "aria-pressed": S,
               "aria-label": S ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ s(
-                Ee,
+                Ie,
                 {
                   className: y("size-5", {
                     "text-[#FFD60A]": S,
@@ -766,7 +766,7 @@ const ne = ({
             }
           ),
           v && (b !== void 0 ? b : /* @__PURE__ */ s(
-            rt,
+            it,
             {
               channel: p,
               participant: w,
@@ -775,31 +775,31 @@ const ne = ({
               showReportParticipant: m,
               onLeaveConversation: i,
               onBlockParticipant: o,
-              onDeleteConversationClick: g,
+              onDeleteConversationClick: f,
               onBlockParticipantClick: h,
-              onReportParticipantClick: f,
+              onReportParticipantClick: g,
               customChannelActions: c,
-              triggerClassName: Ke
+              triggerClassName: Ze
             }
           ))
         ] })
       ] })
     }
   );
-}, ga = (e) => /* @__PURE__ */ s(Ys, { ...e, position: "center" }), it = "vote_up", lt = "vote_down";
-function pa(e) {
-  return e != null && e.length ? e.some((t) => t.type === lt) ? "down" : e.some((t) => t.type === it) ? "up" : null : null;
-}
+}, pa = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), lt = "vote_up", ot = "vote_down";
 function ba(e) {
-  const { channel: t } = oe(), { client: n } = he("useMessageVote"), a = re(
-    () => pa(e.own_reactions),
+  return e != null && e.length ? e.some((t) => t.type === ot) ? "down" : e.some((t) => t.type === lt) ? "up" : null : null;
+}
+function va(e) {
+  const { channel: t } = ce(), { client: n } = fe("useMessageVote"), a = re(
+    () => ba(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, it) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, lt) : await t.sendReaction(
           e.id,
-          { type: it },
+          { type: lt },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -807,9 +807,9 @@ function ba(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]), i = J(async () => {
     if (n != null && n.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, lt) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, ot) : await t.sendReaction(
           e.id,
-          { type: lt },
+          { type: ot },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -817,18 +817,38 @@ function ba(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function va(e) {
+function xa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function ds({
+function us({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = va(t);
+  const n = e == null ? void 0 : e.text, a = xa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const xa = [
+const wa = ["linktr.ee", "cloudfront.net", "cloudinary"], _a = "messaging-attachment-v1_0";
+function Na(e) {
+  try {
+    return new URL(e).hostname.toLowerCase();
+  } catch {
+    return null;
+  }
+}
+function ya(e) {
+  return wa.some((t) => e.includes(t));
+}
+function ie(e) {
+  const t = e == null ? void 0 : e.trim();
+  if (!t) return;
+  const n = Na(t);
+  if (!n || !ya(n) || /[?&]io=true(?:&|$)/.test(t) && /[?&]size=/.test(t))
+    return t;
+  const a = t.includes("?") ? "&" : "?";
+  return `${t}${a}io=true&size=${_a}`;
+}
+const ka = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -838,42 +858,42 @@ const xa = [
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ce(e) {
+function de(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function us(e) {
-  const t = xa.find(
+function ms(e) {
+  const t = ka.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const wa = {
-  video: is,
+const Ca = {
+  video: ls,
   audio: Dn,
-  image: Rn,
-  document: rs
-}, _a = {
-  pdf: Un,
+  image: Ln,
+  document: is
+}, Sa = {
+  pdf: jn,
   doc: Bn,
-  xls: $n,
-  csv: On,
-  ppt: Pn,
-  zip: Fn,
-  text: zn,
-  markdown: Ln,
-  generic: rs
+  xls: Un,
+  csv: $n,
+  ppt: On,
+  zip: Pn,
+  text: Fn,
+  markdown: zn,
+  generic: is
 };
-function Na(e) {
-  const t = ce(e);
-  return t !== "document" ? wa[t] : _a[us(e)];
+function Ea(e) {
+  const t = de(e);
+  return t !== "document" ? Ca[t] : Sa[ms(e)];
 }
-function we(e, t) {
-  return V.createElement(Na(e), t);
+function _e(e, t) {
+  return V.createElement(Ea(e), t);
 }
-const ya = (e) => {
+const Ia = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, ka = ({
+}, Ta = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -885,15 +905,15 @@ const ya = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [v, x] = U(a), [p, _] = U(0), [w, k] = U(!1), [L, S] = U(!1), [R, O] = U(!1), [F, D] = U(!1), [C, E] = U(!0), [I, T] = U(null), M = J(() => {
+  const f = de(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, k] = B(!1), [D, S] = B(!1), [R, O] = B(!1), [F, L] = B(!1), [C, E] = B(!0), [I, T] = B(null), M = J(() => {
     O(!1), x(!0);
   }, []), P = J((N) => {
-    const A = f.current;
+    const A = g.current;
     if (!A) return 0;
     const H = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ya(N) - H.left) / H.width)
+      Math.min(1, (Ia(N) - H.left) / H.width)
     );
   }, []), $ = J((N) => {
     const A = h.current;
@@ -956,7 +976,7 @@ const ya = (e) => {
         }
       },
       children: [
-        n && (g === "audio" || C) && /* @__PURE__ */ s(
+        n && (f === "audio" || C) && /* @__PURE__ */ s(
           "img",
           {
             src: n,
@@ -964,11 +984,11 @@ const ya = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (g === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
+        !n && (f === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
-        /* @__PURE__ */ s("div", { className: "absolute inset-0", children: g === "audio" ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "absolute inset-0", children: f === "audio" ? /* @__PURE__ */ s(
           "audio",
           {
             ref: h,
@@ -976,11 +996,11 @@ const ya = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => D(!0),
+            onLoadStart: () => L(!0),
             onCanPlay: () => {
-              D(!1), E(!1);
+              L(!1), E(!1);
             },
-            onWaiting: () => D(!0),
+            onWaiting: () => L(!0),
             onPlay: () => O(!1),
             onEnded: () => {
               i || (x(!1), _(0));
@@ -996,11 +1016,11 @@ const ya = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => D(!0),
+            onLoadStart: () => L(!0),
             onCanPlay: () => {
-              D(!1), E(!1);
+              L(!1), E(!1);
             },
-            onWaiting: () => D(!0),
+            onWaiting: () => L(!0),
             onPlay: () => O(!1),
             onLoadedMetadata: () => {
               const N = h.current;
@@ -1013,7 +1033,7 @@ const ya = (e) => {
           }
         ) }),
         F && !R && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
-          Ce,
+          Se,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
@@ -1032,7 +1052,7 @@ const ya = (e) => {
             onKeyDown: (N) => {
               N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), M());
             },
-            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(at, { 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(rt, { 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(
@@ -1044,7 +1064,7 @@ const ya = (e) => {
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
-            ref: f,
+            ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: j,
             onTouchStart: j,
@@ -1071,7 +1091,7 @@ const ya = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": v ? "Pause" : "Play",
-              children: v ? /* @__PURE__ */ s(jn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(at, { className: "size-5 translate-x-px", weight: "fill" })
+              children: v ? /* @__PURE__ */ s(Vn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ u(
@@ -1083,7 +1103,7 @@ const ya = (e) => {
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
-              ref: f,
+              ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: j,
               onTouchStart: j,
@@ -1097,7 +1117,7 @@ const ya = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${L || w ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${D || w ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ s(
                       "div",
                       {
@@ -1110,7 +1130,7 @@ const ya = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${L || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${D || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${X}%` }
                   }
                 )
@@ -1121,7 +1141,7 @@ const ya = (e) => {
       ]
     }
   );
-}, Xt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ca = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ms = ({
+}, Kt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ma = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1130,20 +1150,20 @@ const ya = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, m] = U(!1);
+  const l = de(e), [d, m] = B(!1), f = ie(t), h = ie(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
-    ka,
+    Ta,
     {
       source: t,
       mimeType: e,
-      poster: n,
+      poster: h,
       controls: !0,
       ...i
     }
   ) : t && l === "image" ? o ? /* @__PURE__ */ s("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ s(
     "img",
     {
-      src: t,
+      src: f ?? t,
       alt: a ?? "",
       className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
@@ -1152,7 +1172,7 @@ const ya = (e) => {
   ) }) : /* @__PURE__ */ s(
     "img",
     {
-      src: t,
+      src: f ?? t,
       alt: a ?? "",
       className: "block w-full",
       draggable: !1
@@ -1160,7 +1180,7 @@ const ya = (e) => {
   ) : t && l === "document" ? n ? o ? /* @__PURE__ */ s("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ s(
     "img",
     {
-      src: n,
+      src: h ?? n,
       alt: a ?? "",
       className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
@@ -1169,7 +1189,7 @@ const ya = (e) => {
   ) }) : /* @__PURE__ */ s(
     "img",
     {
-      src: n,
+      src: h ?? n,
       alt: "",
       className: "block w-full",
       draggable: !1
@@ -1178,15 +1198,15 @@ const ya = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: we(e, {
-        className: Xt(r),
+      children: _e(e, {
+        className: Kt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ca(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ma(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
-      src: n,
+      src: h ?? n,
       alt: a ?? "",
       draggable: !1,
       className: "absolute inset-0 h-full w-full object-cover"
@@ -1195,13 +1215,13 @@ const ya = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: we(e, {
-        className: Xt(r),
+      children: _e(e, {
+        className: Kt(r),
         weight: "regular"
       })
     }
   );
-}, hs = ({
+}, fs = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1212,18 +1232,18 @@ const ya = (e) => {
   action: l,
   topLeft: d,
   topRight: m,
-  rootRef: g,
+  rootRef: f,
   "data-testid": h
 }) => {
-  const f = e === "dark", c = f ? n ?? a : n ?? "", b = f && !n;
+  const g = e === "dark", c = g ? n ?? a : n ?? "", b = g && !n;
   return /* @__PURE__ */ u(
     "div",
     {
-      ref: g,
+      ref: f,
       "data-testid": h,
       className: y(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-        f ? "bg-[#1e2330]" : "bg-white"
+        g ? "bg-[#1e2330]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
@@ -1234,18 +1254,18 @@ const ya = (e) => {
             "p",
             {
               className: y("mb-0.5 truncate text-base font-medium", {
-                "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-black": !g,
+                "text-white/30": g && b,
+                "text-white": g && !b
               }),
               children: c
             }
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
-            we(r, {
+            _e(r, {
               className: y(
                 "size-5 shrink-0",
-                f ? "text-white/55" : "text-black/55"
+                g ? "text-white/55" : "text-black/55"
               ),
               weight: "regular"
             }),
@@ -1254,7 +1274,7 @@ const ya = (e) => {
               {
                 className: y(
                   "text-xs font-medium",
-                  f ? "text-white/55" : "text-black/55"
+                  g ? "text-white/55" : "text-black/55"
                 ),
                 children: i
               }
@@ -1267,59 +1287,59 @@ const ya = (e) => {
     }
   );
 };
-function fs(e) {
+function gs(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function mt(e) {
+function ht(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function Sa(e) {
+function Aa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ea(e) {
+function Ra(e) {
   return e ? "text-white" : "text-black";
 }
-function Ia(e) {
+function La(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Ta(e) {
+function Da(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Ma(e) {
+function za(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const ht = ({ attachment: e, isMyMessage: t }) => {
+const ft = ({ 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, m = /* @__PURE__ */ u(V.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
       {
-        src: r,
+        src: ie(r) ?? r,
         alt: n ?? "",
         className: "aspect-video w-full rounded-[20px] object-cover"
       }
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Sa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Vn, { className: `size-12 ${Ma(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Aa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Gn, { className: `size-12 ${za(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ea(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ia(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Ta(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ra(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${La(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Da(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function gs(e) {
+function ps(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function ft(e) {
+function gt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(gs);
+  return (t = e.attachments) == null ? void 0 : t.find(ps);
 }
-async function Aa(e, t) {
+async function Fa(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1331,11 +1351,11 @@ async function Aa(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 Ra = ({
+const Pa = ({
   url: e,
   filename: t
 }) => {
-  const [n, a] = U(!1);
+  const [n, a] = B(!1);
   return /* @__PURE__ */ s(
     "button",
     {
@@ -1343,7 +1363,7 @@ const Ra = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Aa(e, t).then(() => {
+        a(!0), Fa(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1351,18 +1371,18 @@ const Ra = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ s(Ce, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ u(V.Fragment, { children: [
-        /* @__PURE__ */ s(Se, { className: "size-4 text-white", weight: "bold" }),
+      children: n ? /* @__PURE__ */ s(Se, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ u(V.Fragment, { children: [
+        /* @__PURE__ */ s(Ee, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function gt(e) {
-  var h, f, c, b;
+function pt(e) {
+  var h, g, c, b;
   const t = (h = e.attachments) == null ? void 0 : h.find(
     (v) => v.type === "video" && v.asset_url
-  ), n = (f = e.attachments) == null ? void 0 : f.find(
+  ), n = (g = e.attachments) == null ? void 0 : g.find(
     (v) => v.type === "image" && v.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (v) => v.type === "audio" && v.asset_url
@@ -1370,25 +1390,25 @@ function gt(e) {
     (v) => v.type === "file" && v.asset_url
   ), i = t ?? n ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (n == null ? void 0 : n.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!o) return null;
-  const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
+  const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, f = t == null ? void 0 : t.thumb_url;
   return {
     resolvedUrl: o,
     resolvedType: l,
     title: d,
     fileSize: m,
-    thumbnailUrl: g
+    thumbnailUrl: f
   };
 }
-const ps = ({
+const bs = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? fs(a) : void 0;
+  const i = a !== void 0 ? gs(a) : void 0;
   return /* @__PURE__ */ s(
-    hs,
+    fs,
     {
       variant: "dark",
       title: n,
@@ -1396,7 +1416,7 @@ const ps = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        ms,
+        hs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1407,23 +1427,23 @@ const ps = ({
       )
     }
   );
-}, bs = ({
+}, vs = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? fs(a) : void 0;
+  const i = de(t), o = a !== void 0 ? gs(a) : void 0;
   return /* @__PURE__ */ s(
-    hs,
+    fs,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ s(
-        ms,
+        hs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1433,14 +1453,14 @@ const ps = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Ra, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Pa, { url: e, filename: n })
     }
   );
-}, Da = ({
+}, Oa = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const n = ft(e), a = gt(e);
+  const n = gt(e), a = pt(e);
   return !n && !a ? null : /* @__PURE__ */ u("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ s(
       ne,
@@ -1462,41 +1482,41 @@ const ps = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: mt(t), children: /* @__PURE__ */ s(ht, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(ps, { ...a }) : /* @__PURE__ */ s(bs, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: ht(t), children: /* @__PURE__ */ s(ft, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(bs, { ...a }) : /* @__PURE__ */ s(vs, { ...a })
           }
         ) })
       }
     )
   ] });
-}, La = ({
+}, $a = ({
   message: e
 }) => {
-  const t = ft(e);
+  const t = gt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: mt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ht, { attachment: t, isMyMessage: !0 }) });
-  const n = gt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ps, { ...n }) }) : null;
-}, za = ({
+    return /* @__PURE__ */ s("div", { className: ht(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !0 }) });
+  const n = pt(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(bs, { ...n }) }) : null;
+}, Ua = ({
   message: e
 }) => {
-  const t = ft(e);
+  const t = gt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: mt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ht, { attachment: t, isMyMessage: !1 }) });
-  const n = gt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(bs, { ...n }) }) : null;
-}, cl = Object.assign(Da, {
-  Creator: La,
-  Visitor: za
-}), Fa = {
+    return /* @__PURE__ */ s("div", { className: ht(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !1 }) });
+  const n = pt(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
+}, fl = Object.assign(Oa, {
+  Creator: $a,
+  Visitor: Ua
+}), Ba = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, Pa = {
+}, ja = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Oa = {
+}, Va = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, $a = (e) => e === "dark" ? "sender" : "receiver", Ba = {
+}, Ga = (e) => e === "dark" ? "sender" : "receiver", Ha = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -1509,7 +1529,7 @@ const ps = ({
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Te = ({
+}, Me = ({
   variant: e,
   text: t,
   bordered: n = !0,
@@ -1518,7 +1538,7 @@ const ps = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Ba[$a(e)][a];
+  const l = t != null && t !== "", d = Ha[Ga(e)][a];
   return /* @__PURE__ */ u(
     "div",
     {
@@ -1533,10 +1553,10 @@ const ps = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Fa[e],
-        Pa[e],
+        Ba[e],
+        ja[e],
         n && "border",
-        n && Oa[e],
+        n && Va[e],
         r
       ),
       children: [
@@ -1561,7 +1581,7 @@ const ps = ({
       ]
     }
   );
-}, Me = ({
+}, Ae = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: n = "Dismiss attachment"
@@ -1577,18 +1597,18 @@ const ps = ({
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ s(Ve, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ s(Ge, { className: "size-3", weight: "bold" })
   }
-), Ae = (e) => e === "received" ? "light" : "dark", Ua = ({
+), Re = (e) => e === "received" ? "light" : "dark", Ya = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", ja = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", qa = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Va = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Wa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1600,7 +1620,7 @@ const ps = ({
     }
   ),
   n ?? null
-] }), pt = ({
+] }), bt = ({
   state: e,
   src: t,
   mimeType: n,
@@ -1611,41 +1631,41 @@ const ps = ({
   preload: l,
   onDismiss: d
 }) => {
-  const m = Ae(e), g = e === "composer" && !!d, h = ja({ src: t, mimeType: n, filename: a, items: r });
+  const m = Re(e), f = e === "composer" && !!d, h = qa({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
-  const f = l ?? (h.length > 1 ? "none" : "metadata");
+  const g = l ?? (h.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ s(
-    Te,
+    Me,
     {
       variant: m,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, b) => /* @__PURE__ */ s(
-        Va,
+        Wa,
         {
           item: c,
-          preload: f,
+          preload: g,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ s(Me, { onClick: d, variant: "inline" }) : void 0
+            f && b === 0 ? /* @__PURE__ */ s(Ae, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${b}`
       )) })
     }
   );
-}, Ga = (e) => /* @__PURE__ */ s(pt, { ...e, state: "composer" }), Ha = (e) => /* @__PURE__ */ s(pt, { ...e, state: "sent" }), Ya = (e) => /* @__PURE__ */ s(pt, { ...e, state: "received" }), qa = {
-  Composer: Ga,
-  Sent: Ha,
-  Received: Ya
+}, Xa = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), Ka = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), Za = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), Ja = {
+  Composer: Xa,
+  Sent: Ka,
+  Received: Za
 };
-function Wa(e) {
+function Qa(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Xa = {
+const er = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1655,7 +1675,7 @@ const Xa = {
   text: "TXT",
   markdown: "MD"
 };
-function Ka(e, t) {
+function tr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1664,8 +1684,8 @@ function Ka(e, t) {
     }
   }
   if (!e) return;
-  if (ce(e) === "document") {
-    const r = us(e), i = Xa[r];
+  if (de(e) === "document") {
+    const r = ms(e), i = er[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1673,11 +1693,11 @@ function Ka(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Za(e, t, n) {
-  const a = Ka(e, t), r = typeof n == "number" && n > 0 ? Wa(n) : void 0;
+function sr(e, t, n) {
+  const a = tr(e, t), r = typeof n == "number" && n > 0 ? Qa(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function ie(e) {
+function le(e) {
   try {
     const n = new URL(e).pathname.split("/").pop();
     return n && n.length > 0 ? decodeURIComponent(n) : "download";
@@ -1685,16 +1705,16 @@ function ie(e) {
     return "download";
   }
 }
-const Ja = {
+const nr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Qa = {
+}, ar = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, er = {
+}, rr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, vs = ({
+}, xs = ({
   variant: e,
   filename: t,
   title: n,
@@ -1704,16 +1724,16 @@ const Ja = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = n ?? t ?? "File", m = Za(a, t, r), g = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = sr(a, t, r), f = /* @__PURE__ */ s(
     "div",
     {
       className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Qa[e]
+        ar[e]
       ),
       "aria-hidden": !0,
-      children: we(a, {
-        className: y("size-6", er[e]),
+      children: _e(a, {
+        className: y("size-6", rr[e]),
         weight: "regular"
       })
     }
@@ -1724,12 +1744,12 @@ const Ja = {
       {
         className: y(
           "truncate text-xs leading-4",
-          Ja[e]
+          nr[e]
         ),
         children: m
       }
     ) : null
-  ] }), f = i ? /* @__PURE__ */ u(
+  ] }), g = i ? /* @__PURE__ */ u(
     "button",
     {
       type: "button",
@@ -1740,21 +1760,21 @@ const Ja = {
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
       children: [
-        g,
+        f,
         h
       ]
     }
   ) : /* @__PURE__ */ u(se, { children: [
-    g,
+    f,
     h
   ] });
   return /* @__PURE__ */ u("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-    f,
+    g,
     l ? /* @__PURE__ */ s("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function xs(e, t) {
-  const n = t ?? ie(e);
+async function ws(e, t) {
+  const n = t ?? le(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -1767,23 +1787,23 @@ async function xs(e, t) {
     }
   }
 }
-const tr = ({
+const ir = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], sr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], lr = ({
   variant: e,
   item: t,
   index: n,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ie(t.src);
+  const i = t.filename ?? le(t.src);
   return /* @__PURE__ */ s(
-    vs,
+    xs,
     {
       variant: e,
       filename: i,
@@ -1795,7 +1815,7 @@ const tr = ({
       trailingAction: r
     }
   );
-}, bt = ({
+}, vt = ({
   state: e,
   src: t,
   filename: n,
@@ -1806,9 +1826,9 @@ const tr = ({
   text: l,
   groupPosition: d,
   onClick: m,
-  onDismiss: g
+  onDismiss: f
 }) => {
-  const h = Ae(e), f = e === "composer" && !!g, c = tr({
+  const h = Re(e), g = e === "composer" && !!f, c = ir({
     src: t,
     filename: n,
     fileSize: a,
@@ -1819,8 +1839,8 @@ const tr = ({
     if ((m == null ? void 0 : m(x)) === !1) return;
     const p = c[x];
     if (!p) return;
-    const _ = p.filename ?? ie(p.src);
-    xs(p.src, _);
+    const _ = p.filename ?? le(p.src);
+    ws(p.src, _);
   };
   if (c.length === 0)
     return null;
@@ -1832,34 +1852,34 @@ const tr = ({
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ s(Se, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ s(Ee, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ s(
-    Te,
+    Me,
     {
       variant: h,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((x, p) => /* @__PURE__ */ s(
-        sr,
+        lr,
         {
           variant: h,
           item: x,
           index: p,
           onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ s(Me, { onClick: g, variant: "inline" }) : v
+          trailingAction: g && p === 0 ? /* @__PURE__ */ s(Ae, { onClick: f, variant: "inline" }) : v
         },
         `${x.src}-${p}`
       )) })
     }
   );
-}, nr = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), ar = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), rr = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), ir = {
-  Composer: nr,
-  Sent: ar,
-  Received: rr
-}, vt = ({
+}, or = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), cr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), dr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), ur = {
+  Composer: or,
+  Sent: cr,
+  Received: dr
+}, xt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
@@ -1872,7 +1892,7 @@ const tr = ({
       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(Hn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1882,10 +1902,10 @@ const tr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ s(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(xe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), ws = ({
+] }), _s = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1894,15 +1914,15 @@ const tr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = U(!1), m = J(
+  const [l, d] = B(!1), m = J(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), xs(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), ws(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
     },
     [l, e, t, o]
-  ), g = r ?? n !== "pill", f = { className: y(
+  ), f = r ?? n !== "pill", g = { className: y(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1921,14 +1941,14 @@ const tr = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ s(
-        Ce,
+        Se,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ s(
-        Se,
+        Ee,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -1944,7 +1964,7 @@ const tr = ({
       disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: l ? /* @__PURE__ */ s(Ce, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ s(Se, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Ee, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ u(
     "button",
@@ -1952,34 +1972,34 @@ const tr = ({
       type: "button",
       onClick: m,
       disabled: l,
-      "aria-label": g ? a : void 0,
+      "aria-label": f ? a : void 0,
       className: y(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
       children: [
         l ? /* @__PURE__ */ s(
-          Ce,
+          Se,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ s(Se, { ...f, "aria-hidden": !0 }),
-        g ? null : a
+        ) : /* @__PURE__ */ s(Ee, { ...g, "aria-hidden": !0 }),
+        f ? null : a
       ]
     }
   );
-}, Ze = (e, t, n) => Math.min(Math.max(e, t), n), xt = ({
+}, Je = (e, t, n) => Math.min(Math.max(e, t), n), wt = ({
   length: e,
   initialIndex: t,
   open: n
 }) => {
-  const a = Ze(t, 0, Math.max(e - 1, 0)), [r, i] = U(a);
+  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
   K(() => {
-    n && i(Ze(t, 0, Math.max(e - 1, 0)));
+    n && i(Je(t, 0, Math.max(e - 1, 0)));
   }, [n, t, e]), K(() => {
-    i((d) => Ze(d, 0, Math.max(e - 1, 0)));
+    i((d) => Je(d, 0, Math.max(e - 1, 0)));
   }, [e]);
   const o = J(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
@@ -1990,12 +2010,12 @@ const tr = ({
     if (!n || e <= 1) return;
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
-      const g = document.activeElement;
-      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
+      const f = document.activeElement;
+      f && (f.tagName === "VIDEO" || f.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, o, l]), { index: r, prev: o, next: l };
-}, wt = ({
+}, _t = ({
   open: e,
   onClose: t,
   ariaLabel: n,
@@ -2006,7 +2026,7 @@ const tr = ({
 }) => {
   const l = G(null), d = G(null);
   return K(() => {
-    var f;
+    var g;
     const h = l.current;
     if (h) {
       if (e) {
@@ -2020,7 +2040,7 @@ const tr = ({
           else
             h.setAttribute("open", "");
         const c = typeof document < "u" ? document.activeElement : null;
-        return (f = d.current) == null || f.focus(), () => {
+        return (g = d.current) == null || g.focus(), () => {
           if (h.open)
             if (typeof h.close == "function")
               try {
@@ -2076,7 +2096,7 @@ const tr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ s(Ve, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ s(Ge, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -2085,29 +2105,29 @@ const tr = ({
       ]
     }
   );
-}, _s = ({
+}, Ns = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = xt({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
   }), l = t[r], d = re(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "image"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? le(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ u(
-    wt,
+    _t,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        ws,
+        _s,
         {
           url: l.src,
           filename: d,
@@ -2130,7 +2150,7 @@ const tr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          vt,
+          xt,
           {
             onPrev: i,
             onNext: o,
@@ -2141,7 +2161,7 @@ const tr = ({
       ]
     }
   ) : null;
-}, lr = "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", Ns = ({
+}, 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", ys = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2149,8 +2169,8 @@ const tr = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, m, g) => {
-    const h = y(lr, "h-full w-full");
+  const i = e.slice(0, Math.min(r, n)), o = r - i.length, l = (d, m, f) => {
+    const h = y(mr, "h-full w-full");
     return t ? /* @__PURE__ */ u(
       "button",
       {
@@ -2160,13 +2180,13 @@ const tr = ({
         className: y(h, "cursor-zoom-in"),
         children: [
           d.content,
-          g
+          f
         ]
       },
       m
     ) : /* @__PURE__ */ u("div", { className: h, children: [
       d.content,
-      g
+      f
     ] }, m);
   };
   return i.length === 1 ? /* @__PURE__ */ s("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
@@ -2199,11 +2219,11 @@ const tr = ({
         a
       ),
       children: i.map((d, m) => {
-        const g = o > 0 && m === i.length - 1;
+        const f = o > 0 && m === i.length - 1;
         return l(
           d,
           m,
-          g ? /* @__PURE__ */ u("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+          f ? /* @__PURE__ */ u("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
             o
           ] }) : null
@@ -2211,20 +2231,20 @@ const tr = ({
       })
     }
   );
-}, Re = (e) => {
-  const [t, n] = U(!1), [a, r] = U(0), i = J(
+}, Le = (e) => {
+  const [t, n] = B(!1), [a, r] = B(0), i = J(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), n(!0));
     },
     [e]
   ), o = J(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, or = (e, t, n, a) => ({
+}, hr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
     {
-      src: e.src,
+      src: ie(e.src) ?? e.src,
       alt: e.alt ?? "",
       width: e.width,
       height: e.height,
@@ -2234,16 +2254,16 @@ const tr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), cr = ({
+}), fr = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], ys = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], ks = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), dr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Re(
+})), gr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Le(
     r
   );
   return /* @__PURE__ */ u("div", { className: "relative w-fit", children: [
@@ -2257,7 +2277,7 @@ const tr = ({
         children: /* @__PURE__ */ s(
           "img",
           {
-            src: e,
+            src: ie(e) ?? e,
             alt: t ?? "",
             draggable: !1,
             loading: a,
@@ -2267,18 +2287,18 @@ const tr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Me, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      _s,
+      Ns,
       {
         open: o,
-        items: ys([{ src: e, alt: t }], n),
+        items: ks([{ src: e, alt: t }], n),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, ks = ({
+}, Cs = ({
   state: e,
   src: t,
   alt: n,
@@ -2289,58 +2309,58 @@ const tr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = cr({ src: t, alt: n, items: r }), g = Ae(e), { viewerOpen: h, viewerIndex: f, handleActivate: c, closeViewer: b } = Re(
+  const m = fr({ src: t, alt: n, items: r }), f = Re(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: b } = Le(
     d
   );
   if (m.length === 0)
     return null;
   const v = m.map(
-    (x, p) => or(x, p, m.length, l)
+    (x, p) => hr(x, p, m.length, l)
   );
   return /* @__PURE__ */ u(
-    Te,
+    Me,
     {
-      variant: g,
+      variant: f,
       text: i,
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Ns, { tiles: v, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(ys, { tiles: v, onTileActivate: c }) }),
         /* @__PURE__ */ s(
-          _s,
+          Ns,
           {
             open: h,
-            items: ys(m, a),
-            initialIndex: f,
+            items: ks(m, a),
+            initialIndex: g,
             onClose: b
           }
         )
       ]
     }
   );
-}, ur = (e) => /* @__PURE__ */ s(dr, { ...e }), mr = (e) => /* @__PURE__ */ s(ks, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(ks, { ...e, state: "received" }), fr = {
-  Composer: ur,
-  Sent: mr,
-  Received: hr
-}, gr = ({
+}, pr = (e) => /* @__PURE__ */ s(gr, { ...e }), br = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), vr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), xr = {
+  Composer: pr,
+  Sent: br,
+  Received: vr
+}, wr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = xt({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
   }), l = t[r], d = re(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "document"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? le(l.src) : "document"),
     [l]
   ), m = re(
-    () => l ? pr(l.src) : void 0,
+    () => l ? _r(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ u(
-    wt,
+    _t,
     {
       open: e,
       onClose: a,
@@ -2359,7 +2379,7 @@ const tr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          vt,
+          xt,
           {
             onPrev: i,
             onNext: o,
@@ -2370,25 +2390,25 @@ const tr = ({
       ]
     }
   );
-}, pr = (e) => {
+}, _r = (e) => {
   const t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${n}#${r.toString()}`;
-}, br = ({
+}, Nr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], vr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], yr = ({
   variant: e,
   item: t,
   index: n,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ie(t.src);
+  const i = t.filename ?? le(t.src);
   return /* @__PURE__ */ s(
-    vs,
+    xs,
     {
       variant: e,
       filename: i,
@@ -2400,7 +2420,7 @@ const tr = ({
       trailingAction: r
     }
   );
-}, _t = ({
+}, Nt = ({
   state: e,
   src: t,
   filename: n,
@@ -2412,50 +2432,50 @@ const tr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Ae(e), h = br({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Re(
+  const f = Re(e), h = Nr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
     d
   ), x = e === "composer" && !!m;
   if (h.length === 0)
     return null;
   const p = h.map((_) => ({
     src: _.src,
-    filename: _.filename ?? ie(_.src)
+    filename: _.filename ?? le(_.src)
   }));
   return /* @__PURE__ */ u(
-    Te,
+    Me,
     {
-      variant: g,
+      variant: f,
       text: o,
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
-          const k = _.filename ?? ie(_.src), L = x && w === 0 ? /* @__PURE__ */ s(Me, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            ws,
+          const k = _.filename ?? le(_.src), D = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+            _s,
             {
               url: _.src,
               filename: k,
               variant: "inline",
               label: `Download ${k}`,
-              tone: g
+              tone: f
             }
           );
           return /* @__PURE__ */ s(
-            vr,
+            yr,
             {
-              variant: g,
+              variant: f,
               item: _,
               index: w,
               onActivate: b,
-              trailingAction: L
+              trailingAction: D
             },
             `${_.src}-${w}`
           );
         }) }),
         /* @__PURE__ */ s(
-          gr,
+          wr,
           {
-            open: f,
+            open: g,
             items: p,
             initialIndex: c,
             onClose: v
@@ -2464,26 +2484,26 @@ const tr = ({
       ]
     }
   );
-}, xr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "composer" }), wr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "sent" }), _r = (e) => /* @__PURE__ */ s(_t, { ...e, state: "received" }), Nr = {
-  Composer: xr,
-  Sent: wr,
-  Received: _r
-}, Cs = ({
+}, kr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ s(Nt, { ...e, state: "received" }), Er = {
+  Composer: kr,
+  Sent: Cr,
+  Received: Sr
+}, Ss = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = xt({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
   }), l = t[r], d = re(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "video"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? le(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ u(
-    wt,
+    _t,
     {
       open: e,
       onClose: a,
@@ -2507,7 +2527,7 @@ const tr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          vt,
+          xt,
           {
             onPrev: i,
             onNext: o,
@@ -2518,7 +2538,7 @@ const tr = ({
       ]
     }
   ) : null;
-}, yr = () => /* @__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(at, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ss = ({
+}, Ir = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ u("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2533,31 +2553,31 @@ const tr = ({
       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(
-    is,
+    ls,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(yr, {})
-] }), kr = (e, t, n) => ({
+  /* @__PURE__ */ s(Ir, {})
+] }), Tr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(Ss, { item: e, index: t })
-}), Cr = ({
+  content: /* @__PURE__ */ s(Es, { item: e, index: t })
+}), Mr = ({
   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 }] : [], Es = (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 }] : [], Is = (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
-})), Sr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = Re(
+})), Ar = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: f } = Le(
     i
   );
   return /* @__PURE__ */ u("div", { className: "relative w-fit", children: [
@@ -2568,24 +2588,24 @@ const tr = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ s(Ss, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Es, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Me, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: o }) }) : null,
     /* @__PURE__ */ s(
-      Cs,
+      Ss,
       {
         open: l,
-        items: Es(
+        items: Is(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
         initialIndex: d,
-        onClose: g
+        onClose: f
       }
     )
   ] });
-}, Is = ({
+}, Ts = ({
   state: e,
   src: t,
   poster: n,
@@ -2597,16 +2617,16 @@ const tr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = Cr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Ae(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Re(
+  const f = Mr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: v } = Le(
     m
   );
-  if (g.length === 0)
+  if (f.length === 0)
     return null;
-  const x = g.map(
-    (p, _) => kr(p, _, g.length)
+  const x = f.map(
+    (p, _) => Tr(p, _, f.length)
   );
   return /* @__PURE__ */ u(
-    Te,
+    Me,
     {
       variant: h,
       text: o,
@@ -2614,7 +2634,7 @@ const tr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          Ns,
+          ys,
           {
             tiles: x,
             onTileActivate: b,
@@ -2622,10 +2642,10 @@ const tr = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          Cs,
+          Ss,
           {
-            open: f,
-            items: Es(g, r),
+            open: g,
+            items: Is(f, r),
             initialIndex: c,
             onClose: v
           }
@@ -2633,31 +2653,31 @@ const tr = ({
       ]
     }
   );
-}, Er = (e) => /* @__PURE__ */ s(Sr, { ...e }), Ir = (e) => /* @__PURE__ */ s(Is, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(Is, { ...e, state: "received" }), Mr = {
-  Composer: Er,
-  Sent: Ir,
-  Received: Tr
-}, ye = {
-  Image: fr,
-  Video: Mr,
-  Audio: qa,
-  Pdf: Nr,
-  File: ir
-}, Ar = {
+}, Rr = (e) => /* @__PURE__ */ s(Ar, { ...e }), Lr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Dr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), zr = {
+  Composer: Rr,
+  Sent: Lr,
+  Received: Dr
+}, ke = {
+  Image: xr,
+  Video: zr,
+  Audio: Ja,
+  Pdf: Er,
+  File: ur
+}, Fr = {
   isUnlocking: () => !1
-}, Rr = {
-  LockedAttachment: Ar
-}, Ts = ot({}), dl = Ts.Provider;
-function Dr(e) {
-  return Ie(Ts)[e] ?? Rr[e];
+}, Pr = {
+  LockedAttachment: Fr
+}, Ms = ct({}), gl = Ms.Provider;
+function Or(e) {
+  return Te(Ms)[e] ?? Pr[e];
 }
-const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import("./Card-Za6WfwFP.js")), Fr = () => /* @__PURE__ */ s(
+const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-Bme-pBSF.js")), Br = () => /* @__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
   }
-), Fe = (e) => /* @__PURE__ */ s(js, { fallback: /* @__PURE__ */ s(Fr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Lr, { ...e }) : /* @__PURE__ */ s(zr, { ...e }) }), Pr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Pe = (e) => /* @__PURE__ */ s(Vs, { fallback: /* @__PURE__ */ s(Br, {}), children: e.contentType === "text" ? /* @__PURE__ */ s($r, { ...e }) : /* @__PURE__ */ s(Ur, { ...e }) }), jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2674,43 +2694,43 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
       }
     )
   }
-), Or = (e) => {
+), Vr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, $r = (e) => {
+}, Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, $e = (e) => {
+}, Ue = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Nt = (e) => {
+}, yt = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Br = (e) => {
+}, Hr = (e) => {
   var t;
-  return Nt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Ur = (e) => {
+  return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+}, Yr = (e) => {
   var t;
-  return Nt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ms = (e) => Or(e) || $r(e), jr = (e) => {
+  return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+}, As = (e) => Vr(e) || Gr(e), qr = (e) => {
   var t;
-  return Ms(e) && !((t = e.text) != null && t.trim());
-}, Je = ({
+  return As(e) && !((t = e.text) != null && t.trim());
+}, Qe = ({
   message: e,
   standalone: t = !1,
   isMyMessage: n = !1,
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = Ms(e), i = $e(e);
+  const r = As(e), i = Ue(e);
   if (!r && !i)
     return null;
   if (r) {
-    const f = (h = e.metadata) == null ? void 0 : h.amount_text;
-    if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const g = (h = e.metadata) == null ? void 0 : h.amount_text;
+    if (!g) return null;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${g} tip` : `Delivered with ${g} tip`;
     return /* @__PURE__ */ u("div", { className: c, children: [
-      /* @__PURE__ */ s(Hn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(Yn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: b })
     ] });
   }
@@ -2718,15 +2738,15 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Pr, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: l }), f = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(jr, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ u(se, { children: [
     m,
-    g
+    f
   ] }) : /* @__PURE__ */ u(se, { children: [
-    g,
+    f,
     m
   ] }) });
-}, Vr = ({
+}, Wr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2742,7 +2762,7 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
       "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(qn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2756,11 +2776,11 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
       "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(Wn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Qe = () => {
-  const { message: e } = _e("SentMessageDeliveryStatus"), { messages: t } = oe("SentMessageDeliveryStatus"), n = (() => {
+] }), et = () => {
+  const { message: e } = Ne("SentMessageDeliveryStatus"), { messages: t } = ce("SentMessageDeliveryStatus"), n = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
         const r = t[a];
@@ -2769,37 +2789,37 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
       }
   })();
   return e.id !== n ? null : /* @__PURE__ */ u(se, { children: [
-    /* @__PURE__ */ s(Wn, { weight: "bold", "aria-hidden": "true" }),
+    /* @__PURE__ */ s(Xn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
-}, Gr = () => null, Hr = () => /* @__PURE__ */ s(
-  qs,
+}, Xr = () => null, Kr = () => /* @__PURE__ */ s(
+  Ws,
   {
-    MessageSentStatus: Qe,
-    MessageDeliveredStatus: Qe,
-    MessageReadStatus: Qe,
-    MessageSendingStatus: Gr
+    MessageSentStatus: et,
+    MessageDeliveredStatus: et,
+    MessageReadStatus: et,
+    MessageSendingStatus: Xr
   }
-), Yr = /^([a-z][a-z0-9+.-]*):/i, qr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function yt(e) {
+), Zr = /^([a-z][a-z0-9+.-]*):/i, Jr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function kt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Yr.exec(t);
+  const n = Zr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return qr.has(a) ? t : void 0;
+    return Jr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Wr = {
+const Qr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, Xr = ({ variant: e, cta: t }) => {
+}, ei = ({ variant: e, cta: t }) => {
   const n = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Wr[e]
-  ), a = yt(t.href);
+    Qr[e]
+  ), a = kt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
     {
@@ -2825,13 +2845,13 @@ const Wr = {
       children: t.label
     }
   );
-}, Kr = {
+}, ti = {
   dark: "text-white",
   light: "text-black/90"
-}, Zr = "text-white/30", Jr = {
+}, si = "text-white/30", ni = {
   dark: "text-white/55",
   light: "text-black/55"
-}, kt = ({
+}, Ct = ({
   variant: e,
   title: t,
   placeholderTitle: n,
@@ -2841,32 +2861,32 @@ const Wr = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", g = m.trim() !== "", h = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
-  if (!g && !h && !c && !b) return null;
+  const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", f = m.trim() !== "", h = a != null && a.trim() !== "", g = typeof r == "string" ? r.trim() : "", c = g !== "", b = o != null;
+  if (!f && !h && !c && !b) return null;
   const x = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? Zr : Kr[e]
+    d && !t ? si : ti[e]
   ), p = y(
     "truncate text-xs leading-4",
-    Jr[e]
+    ni[e]
   );
   return /* @__PURE__ */ u("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ u("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
         /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-col gap-1", children: [
-          g && /* @__PURE__ */ u("div", { className: "flex min-w-0 items-center gap-2", children: [
+          f && /* @__PURE__ */ u("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
             /* @__PURE__ */ s("p", { className: y("min-w-0", x), children: m })
           ] }),
           h && /* @__PURE__ */ s("p", { className: p, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ s("p", { className: p, children: f })
+        !b && c && /* @__PURE__ */ s("p", { className: p, children: g })
       ] }),
       l && /* @__PURE__ */ s("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ s(Xr, { variant: e, cta: o })
+    o && /* @__PURE__ */ s(ei, { variant: e, cta: o })
   ] });
-}, Qr = y(
+}, ai = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2884,8 +2904,8 @@ const Wr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = n != null || a != null, g = y(
-    Qr,
+  const m = n != null || a != null, f = y(
+    ai,
     l ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2901,7 +2921,7 @@ const Wr = {
       rel: "noopener noreferrer",
       onClick: a,
       "data-testid": d,
-      className: g,
+      className: f,
       children: [
         t,
         h
@@ -2915,7 +2935,7 @@ const Wr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(g, "text-left"),
+      className: y(f, "text-left"),
       children: [
         t,
         h
@@ -2926,24 +2946,24 @@ const Wr = {
     {
       ref: i,
       "data-testid": d,
-      className: g,
+      className: f,
       children: [
         t,
         h
       ]
     }
   );
-}, ei = {
+}, ri = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ti = {
+}, ii = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, He = (e, t) => !!t && !!e && ce(e) === "audio", Ct = (e, t) => {
+}, Ye = (e, t) => !!t && !!e && de(e) === "audio", St = (e, t) => {
   if (!t || !e) return !1;
-  const n = ce(e);
+  const n = de(e);
   return n === "video" || n === "audio";
-}, St = "bg-[#F2F3F4]", Ue = ({
+}, Et = "bg-[#F2F3F4]", je = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: n,
@@ -2952,8 +2972,8 @@ const Wr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ce(r), d = !!n && l === "video";
-  return He(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
+  const l = de(r), d = !!n && l === "video", m = ie(t);
+  return Ye(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
       src: n,
@@ -2974,7 +2994,7 @@ const Wr = {
           "video",
           {
             src: n,
-            poster: t,
+            poster: m,
             controls: !0,
             playsInline: !0,
             preload: "metadata",
@@ -2984,7 +3004,7 @@ const Wr = {
         ) : t ? /* @__PURE__ */ s(
           "img",
           {
-            src: t,
+            src: m ?? t,
             alt: a ?? "",
             draggable: !1,
             className: "absolute inset-0 h-full w-full object-cover"
@@ -2994,10 +3014,10 @@ const Wr = {
           {
             className: y(
               "flex h-full w-full items-center justify-center",
-              ei[e]
+              ri[e]
             ),
-            children: we(r, {
-              className: ti[e],
+            children: _e(r, {
+              className: ii[e],
               weight: "regular"
             })
           }
@@ -3007,7 +3027,7 @@ const Wr = {
       ]
     }
   );
-}, si = ({
+}, li = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3018,17 +3038,17 @@ const Wr = {
   layout: l = "featured",
   appIcon: d,
   cta: m,
-  onDismiss: g,
+  onDismiss: f,
   onEditClick: h
 }) => {
-  const f = l === "classic", c = He(r, o), b = g ? /* @__PURE__ */ s(
+  const g = l === "classic", c = Ye(r, o), b = f ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      onClick: g,
+      onClick: f,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ s(Ve, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ s(Ge, { className: "size-3", weight: "bold" })
     }
   ) : void 0, v = h ? /* @__PURE__ */ s(
     "button",
@@ -3037,12 +3057,12 @@ const Wr = {
       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(Xn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Kn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: St, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: Et, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
-      Ue,
+      je,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3055,10 +3075,10 @@ const Wr = {
     Be,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: g ? b : void 0,
       children: [
-        !f && /* @__PURE__ */ s(
-          Ue,
+        !g && /* @__PURE__ */ s(
+          je,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3069,7 +3089,7 @@ const Wr = {
           }
         ),
         /* @__PURE__ */ s(
-          kt,
+          Ct,
           {
             variant: "dark",
             title: e,
@@ -3084,7 +3104,7 @@ const Wr = {
       ]
     }
   );
-}, ni = ({
+}, oi = ({
   title: e,
   description: t,
   url: n,
@@ -3096,7 +3116,7 @@ const Wr = {
   cta: d,
   onClick: m
 }) => {
-  const g = Ct(a, i), h = yt(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = He(a, i) ? St : void 0, v = d && m ? {
+  const f = St(a, i), h = kt(n), g = d == null && h != null && !f ? h : void 0, c = d == null && !f ? m : void 0, b = Ye(a, i) ? Et : void 0, v = d && m ? {
     ...d,
     onClick: () => {
       var x;
@@ -3107,14 +3127,14 @@ const Wr = {
     Be,
     {
       variant: "light",
-      href: f,
+      href: g,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
       bgClassName: b,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ s(
-          Ue,
+          je,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3124,7 +3144,7 @@ const Wr = {
           }
         ),
         /* @__PURE__ */ s(
-          kt,
+          Ct,
           {
             variant: "light",
             title: e,
@@ -3137,7 +3157,7 @@ const Wr = {
       ]
     }
   );
-}, ai = ({
+}, ci = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3148,19 +3168,19 @@ const Wr = {
   layout: l = "featured",
   appIcon: d,
   cta: m,
-  onClick: g
+  onClick: f
 }) => {
-  const h = Ct(r, o), f = yt(a), c = m == null && f != null && !h ? f : void 0, b = m == null && !h && c != null ? g : void 0;
+  const h = St(r, o), g = kt(a), c = m == null && g != null && !h ? g : void 0, b = m == null && !h && c != null ? f : void 0;
   return /* @__PURE__ */ u(
     Be,
     {
       variant: "dark",
       href: c,
       onClick: b,
-      bgClassName: He(r, o) ? St : void 0,
+      bgClassName: Ye(r, o) ? Et : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ s(
-          Ue,
+          je,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3170,7 +3190,7 @@ const Wr = {
           }
         ),
         /* @__PURE__ */ s(
-          kt,
+          Ct,
           {
             variant: "dark",
             title: e,
@@ -3184,22 +3204,22 @@ const Wr = {
       ]
     }
   );
-}, Kt = {
-  Composer: si,
-  Sent: ai,
-  Received: ni
+}, Zt = {
+  Composer: li,
+  Sent: ci,
+  Received: oi
 };
 function z(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function Zt(e) {
+function Jt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function ri(e, t) {
+function di(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = Zt(e), a = Zt(t);
+  const n = Jt(e), a = Jt(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3207,29 +3227,29 @@ function ri(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function Jt(e) {
+function Qt(e) {
   const t = z(e.og_scrape_url) ?? z(e.title_link), n = z(e.image_url) ?? z(e.thumb_url), a = z(e.asset_url), r = z(e.mime_type);
   return {
     title: z(e.title),
     description: z(e.text),
     url: t,
-    thumbnailUrl: n,
+    thumbnailUrl: ie(n),
     // 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 || Ct(r, a) ? "featured" : "classic",
+    layout: n || St(r, a) ? "featured" : "classic",
     mimeType: r
   };
 }
-function ii(e) {
+function ui(e) {
   var t;
-  return As(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 Rs(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 As(e) {
+function Rs(e) {
   const t = z(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Rs(e) {
+function Ls(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const o = t[t.length - 1];
@@ -3247,45 +3267,47 @@ function Rs(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (As(r)) {
+    if (Rs(r)) {
       a(r);
       continue;
     }
-    const i = ii(r);
+    const i = ui(r);
     i && n(i, r);
   }
   return t;
 }
-function li(e) {
+function mi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function oi(e, t, n) {
+function hi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function Qt(e) {
-  return z(e.image_url) ?? z(e.asset_url) ?? "";
+function es(e) {
+  return ie(
+    z(e.image_url)
+  ) ?? ie(z(e.asset_url)) ?? "";
 }
-function ci(e) {
+function fi(e) {
   switch (e) {
     case "image":
-      return ye.Image;
+      return ke.Image;
     case "video":
-      return ye.Video;
+      return ke.Video;
     case "audio":
-      return ye.Audio;
+      return ke.Audio;
     case "pdf":
-      return ye.Pdf;
+      return ke.Pdf;
     default:
-      return ye.File;
+      return ke.File;
   }
 }
-function di(e, t) {
+function gi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: Qt(a),
+            src: es(a),
             alt: z(a.title)
           }))
         };
@@ -3336,7 +3358,7 @@ function di(e, t) {
   switch (e) {
     case "image":
       return {
-        src: Qt(n),
+        src: es(n),
         alt: z(n.title)
       };
     case "video":
@@ -3366,42 +3388,42 @@ function di(e, t) {
       };
   }
 }
-function ui({
+function pi({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = ci(n.kind), r = {
-    ...di(n.kind, n.attachments),
+  const a = fi(n.kind), r = {
+    ...gi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const mi = ({
+const bi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var b;
-  const r = Rs(n.attachments);
+  const r = Ls(n.attachments);
   if (r.length === 0) return null;
-  const i = li(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Jt(l.attachments[0] ?? {}).url : void 0, m = o && ri(o, d) ? void 0 : o;
-  let g = 0;
-  const h = [], f = (v, x) => {
-    const p = t ? Kt.Sent : Kt.Received;
+  const i = mi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Qt(l.attachments[0] ?? {}).url : void 0, m = o && di(o, d) ? void 0 : o;
+  let f = 0;
+  const h = [], g = (v, x) => {
+    const p = t ? Zt.Sent : Zt.Received;
     h.push(
-      /* @__PURE__ */ s(p, { ...Jt(v) }, x)
+      /* @__PURE__ */ s(p, { ...Qt(v) }, x)
     );
   }, c = (v, x) => {
-    const p = oi(
-      g,
+    const p = hi(
+      f,
       i,
       e
     );
-    g += 1, h.push(
+    f += 1, h.push(
       /* @__PURE__ */ s(
-        ui,
+        pi,
         {
           groupPosition: p,
           isMyMessage: t,
@@ -3414,7 +3436,7 @@ const mi = ({
   return r.forEach((v, x) => {
     if (v.type === "link") {
       v.attachments.forEach((p, _) => {
-        f(p, `link-${x}-${_}`);
+        g(p, `link-${x}-${_}`);
       });
       return;
     }
@@ -3433,23 +3455,23 @@ const mi = ({
         },
         children: [
           h,
-          !m && /* @__PURE__ */ s(st, {})
+          !m && /* @__PURE__ */ s(nt, {})
         ]
       }
     ),
     m ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble", children: [
       /* @__PURE__ */ s(
-        Oe,
+        $e,
         {
           message: n,
           renderText: a
         }
       ),
-      /* @__PURE__ */ s(st, {})
+      /* @__PURE__ */ s(nt, {})
     ] }) : null
   ] });
-}, hi = (e) => {
-  var Dt, Lt, zt, Ft, Pt, Ot, $t, Bt, Ut, jt;
+}, vi = (e) => {
+  var Dt, zt, Ft, Pt, Ot, $t, Ut, Bt, jt, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3460,57 +3482,57 @@ const mi = ({
     handleAction: l,
     handleOpenThread: d,
     handleRetry: m,
-    highlighted: g,
+    highlighted: f,
     isMessageAIGenerated: h,
-    isMyMessage: f,
+    isMyMessage: g,
     message: c,
     renderText: b,
     threadList: v,
     viewerLanguage: x
-  } = e, { client: p } = he("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: L, onDownloadClick: S } = Dr("LockedAttachment"), [R, O] = U(!1), F = Xs(c.id), { selected: D, voteUp: C, voteDown: E } = ba(c), {
-    Attachment: I = Ks,
-    EditMessageModal: T = Zs,
+  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = ce("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: D, onDownloadClick: S } = Or("LockedAttachment"), [R, O] = B(!1), F = Ks(c.id), { selected: L, voteUp: C, voteDown: E } = va(c), {
+    Attachment: I = Zs,
+    EditMessageModal: T = Js,
     MessageActions: M,
-    MessageBlocked: P = Js,
-    MessageBouncePrompt: $ = Qs,
-    MessageDeleted: j = en,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = tn,
-    MessageRepliesCountButton: ee = sn,
-    ReminderNotification: X = nn,
-    StreamedMessageText: N = an,
+    MessageBlocked: P = Qs,
+    MessageBouncePrompt: $ = en,
+    MessageDeleted: j = tn,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = sn,
+    MessageRepliesCountButton: ee = nn,
+    ReminderNotification: X = an,
+    StreamedMessageText: N = rn,
     PinIndicator: A
-  } = ns("CustomMessage"), H = rn(c), q = ln(c), Y = re(
+  } = as("CustomMessage"), H = ln(c), q = on(c), Y = re(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), B = re(() => {
-    const me = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!$e(c)) return pe;
-    const Vt = pe.filter((Gt) => !("type" in Gt) || !gs(Gt));
-    return Vt.length === pe.length ? pe : Vt;
+  ), U = re(() => {
+    const he = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...he] : he;
+    if (!Ue(c)) return be;
+    const Gt = be.filter((Ht) => !("type" in Ht) || !ps(Ht));
+    return Gt.length === be.length ? be : Gt;
   }, [c]), W = re(
-    () => Rs(B),
-    [B]
+    () => Ls(U),
+    [U]
   ), Z = re(() => {
-    const me = ds({ message: c, viewerLanguage: x });
-    return me === c.text ? c : { ...c, text: me };
-  }, [c, x]), de = W.length > 0, De = W.reduce(
-    (me, pe) => me + pe.attachments.length,
+    const he = us({ message: c, viewerLanguage: x });
+    return he === c.text ? c : { ...c, text: he };
+  }, [c, x]), ue = W.length > 0, De = W.reduce(
+    (he, be) => he + be.attachments.length,
     0
-  ) === ((B == null ? void 0 : B.length) ?? 0), Le = Ua({
+  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Ya({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
   });
-  if (on(c))
+  if (cn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(j, { message: c });
-  if (cn(c))
+  if (dn(c))
     return /* @__PURE__ */ s(P, {});
-  const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, It = dn(c);
-  let fe;
-  le ? fe = () => m(c) : It && (fe = () => O(!0));
-  const te = f(), Os = y(
+  const ae = !v && !!c.reply_count, me = !v && c.show_in_channel && c.parent_id, oe = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = un(c);
+  let ge;
+  oe ? ge = () => m(c) : Tt && (ge = () => O(!0));
+  const te = g(), $s = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3518,29 +3540,29 @@ const mi = ({
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": H,
-      "str-chat__message--highlighted": g,
+      "str-chat__message--highlighted": f,
       "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" && ((Lt = c == null ? void 0 : c.error) == null ? void 0 : Lt.status) !== 403,
-      "str-chat__message-with-thread-link": ae || ue,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((zt = c == null ? void 0 : c.error) == null ? void 0 : zt.status) !== 403,
+      "str-chat__message-with-thread-link": ae || me,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ye = c.poll_id && p.polls.fromState(c.poll_id), Tt = jr(c), ge = $e(c), $s = Nt(c), qe = !!(B != null && B.length && !c.quoted_message), Mt = ge && te && qe, Bs = de && De && !c.quoted_message && !Ye && !Y && !ge, At = {
+  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Ue(c), Us = yt(c), We = !!(U != null && U.length && !c.quoted_message), At = pe && te && We, Bs = ue && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
     contentType: "text",
-    amountText: (zt = c.metadata) == null ? void 0 : zt.amount_text,
-    paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
-    renderedText: c.text && /* @__PURE__ */ s(Oe, { message: Z, renderText: b })
-  }, Rt = {
+    amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
+    paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
+    renderedText: c.text && /* @__PURE__ */ s($e, { message: Z, renderText: b })
+  }, Lt = {
     contentType: "media",
-    title: (Pt = c.metadata) == null ? void 0 : Pt.attachment_title,
-    mimeType: (Ot = c.metadata) == null ? void 0 : Ot.attachment_mime_type,
-    thumbnailUrl: ($t = c.metadata) == null ? void 0 : $t.attachment_thumbnail,
+    title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
+    mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
+    thumbnailUrl: (Ut = c.metadata) == null ? void 0 : Ut.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,
-    onFetchSource: L ? () => L(c, _) : void 0
+    detail: (jt = c.metadata) == null ? void 0 : jt.attachment_detail,
+    paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
+    onFetchSource: D ? () => D(c, _) : void 0
   };
   return /* @__PURE__ */ u(se, { children: [
     a && /* @__PURE__ */ s(
@@ -3550,7 +3572,7 @@ const mi = ({
       }
     ),
     R && /* @__PURE__ */ s(
-      un,
+      mn,
       {
         MessageBouncePrompt: $,
         onClose: () => O(!1),
@@ -3560,7 +3582,7 @@ const mi = ({
     /* @__PURE__ */ u(
       "div",
       {
-        className: Os,
+        className: $s,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -3575,58 +3597,58 @@ const mi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: ge
+              dmAgentEnabled: pe
             }
           ),
           /* @__PURE__ */ s(
             "div",
             {
               className: y("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": le || It
+                "str-chat__simple-message--error-failed": oe || Tt
               }),
               "data-testid": "message-inner",
-              onClick: fe,
-              onKeyDown: fe,
-              role: fe ? "button" : void 0,
-              tabIndex: fe ? 0 : void 0,
+              onClick: ge,
+              onKeyDown: ge,
+              role: ge ? "button" : void 0,
+              tabIndex: ge ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Tt ? /* @__PURE__ */ s(Je, { message: c, standalone: !0 }) : Br(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+              children: Mt ? /* @__PURE__ */ s(Qe, { message: c, standalone: !0 }) : Hr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                 te && M && /* @__PURE__ */ s(M, {}),
                 te ? /* @__PURE__ */ s(
-                  Fe,
+                  Pe,
                   {
-                    ...At,
+                    ...Rt,
                     isMine: !0
                   }
                 ) : /* @__PURE__ */ s(
-                  Fe,
+                  Pe,
                   {
-                    ...At,
+                    ...Rt,
                     isMine: !1,
                     isUnlocking: w(c.id),
                     onUnlockClick: () => k == null ? void 0 : k(c, _)
                   }
                 ),
                 !te && M && /* @__PURE__ */ s(M, {})
-              ] }) }) : Ur(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : Yr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   te && M && /* @__PURE__ */ s(M, {}),
                   te ? /* @__PURE__ */ s(
-                    Fe,
+                    Pe,
                     {
-                      ...Rt,
+                      ...Lt,
                       isMine: !0,
                       onPreviewClick: () => k ? k(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ s(
-                    Fe,
+                    Pe,
                     {
-                      ...Rt,
+                      ...Lt,
                       isMine: !1,
                       isUnlocking: w(c.id),
                       onUnlockClick: () => k ? k(c, _) : void 0,
@@ -3636,20 +3658,20 @@ const mi = ({
                   !te && M && /* @__PURE__ */ s(M, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
-                  Oe,
+                  $e,
                   {
                     message: Z,
                     renderText: b
                   }
                 ) })
               ] }) : Bs ? /* @__PURE__ */ s(
-                mi,
+                bi,
                 {
-                  groupPosition: Le,
+                  groupPosition: ze,
                   isMyMessage: te,
                   message: {
                     ...Z,
-                    attachments: B,
+                    attachments: U,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -3658,20 +3680,20 @@ const mi = ({
                   renderText: b
                 }
               ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ u("div", { className: "str-chat__message-bubble", children: [
-                ge && !Mt && /* @__PURE__ */ s(
-                  Je,
+                pe && !At && /* @__PURE__ */ s(
+                  Qe,
                   {
                     message: c,
-                    hasAttachment: qe,
+                    hasAttachment: We,
                     isMyMessage: te
                   }
                 ),
-                Ye && /* @__PURE__ */ s(mn, { poll: Ye }),
-                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
+                qe && /* @__PURE__ */ s(hn, { poll: qe }),
+                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
                   I,
                   {
                     actionHandler: l,
-                    attachments: B
+                    attachments: U
                   }
                 ) : null,
                 Y ? /* @__PURE__ */ s(
@@ -3681,35 +3703,35 @@ const mi = ({
                     renderText: b
                   }
                 ) : /* @__PURE__ */ s(
-                  Oe,
+                  $e,
                   {
                     message: Z,
                     renderText: b
                   }
                 ),
-                /* @__PURE__ */ s(st, {})
+                /* @__PURE__ */ s(nt, {})
               ] }) })
             }
           ),
-          !$s && !Tt && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
-            (!ge || Mt) && /* @__PURE__ */ s(
-              Je,
+          !Us && !Mt && /* @__PURE__ */ u("div", { className: "str-chat__message-footer", children: [
+            (!pe || At) && /* @__PURE__ */ s(
+              Qe,
               {
                 message: c,
-                hasAttachment: qe,
+                hasAttachment: We,
                 isMyMessage: te
               }
             ),
-            n && ge && /* @__PURE__ */ s(
-              Vr,
+            n && pe && /* @__PURE__ */ s(
+              Wr,
               {
-                selected: D,
+                selected: L,
                 onVoteUp: C,
                 onVoteDown: E
               }
             )
           ] }),
-          /* @__PURE__ */ s(Hr, {}),
+          /* @__PURE__ */ s(Kr, {}),
           ae && /* @__PURE__ */ s(
             ee,
             {
@@ -3717,56 +3739,56 @@ const mi = ({
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ s(Q, {})
+          me && /* @__PURE__ */ s(Q, {})
         ]
       },
       c.id
     )
   ] });
-}, fi = V.memo(
-  hi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ws(e, t)
-), gi = (e) => {
-  const t = _e("CustomMessage");
-  return /* @__PURE__ */ s(fi, { ...t, ...e });
-}, pi = () => {
+}, xi = V.memo(
+  vi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Xs(e, t)
+), wi = (e) => {
+  const t = Ne("CustomMessage");
+  return /* @__PURE__ */ s(xi, { ...t, ...e });
+}, _i = () => {
   var n;
-  const { handleDelete: e, message: t } = _e("CustomMessageActions");
+  const { handleDelete: e, message: t } = Ne("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    ls,
+    os,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Kn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, bi = () => {
-  const { handleFlag: e } = _e("CustomMessageActions");
+}, Ni = () => {
+  const { handleFlag: e } = Ne("CustomMessageActions");
   return /* @__PURE__ */ s(
-    ls,
+    os,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(as, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(rs, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, vi = () => {
+}, yi = () => {
   var t;
-  const { message: e } = _e("CustomMessageActions");
+  const { message: e } = Ne("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    Qn,
+    ea,
     {
       messageActionSet: [
-        { Component: pi, placement: "quick", type: "delete" },
-        { Component: bi, placement: "quick", type: "flag" }
+        { Component: _i, placement: "quick", type: "delete" },
+        { Component: Ni, placement: "quick", type: "flag" }
       ]
     }
   );
-}, xi = ({
+}, ki = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3796,7 +3818,7 @@ const mi = ({
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ s(Ve, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ s(Ge, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ u("div", { className: "p-2", children: [
@@ -3806,14 +3828,14 @@ const mi = ({
       ]
     }
   );
-}, wi = (e) => ({
+}, Ci = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
+    (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
-}), _i = () => {
-  const { linkPreviewsManager: e } = hn(), { linkPreviews: t } = fn(
+}), Si = () => {
+  const { linkPreviewsManager: e } = fn(), { linkPreviews: t } = gn(
     e.state,
-    wi
+    Ci
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3826,9 +3848,9 @@ const mi = ({
     // 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(xi, { 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(ki, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Et = V.createContext(!1), ul = () => Ie(Et), Ni = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, It = V.createContext(!1), pl = () => Te(It), Ei = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3836,13 +3858,13 @@ const mi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(Zn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Jn, { weight: "bold", className: "size-4" })
   }
-), yi = () => {
-  const e = Ie(Et), { handleSubmit: t } = pn(), n = bn(), a = e || !n, {
-    SendButton: r = Ni,
-    AttachmentPreviewList: i = vn
-  } = ns("CustomMessageInput");
+), Ii = () => {
+  const e = Te(It), { handleSubmit: t } = bn(), n = vn(), a = e || !n, {
+    SendButton: r = Ei,
+    AttachmentPreviewList: i = xn
+  } = as("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
@@ -3858,12 +3880,12 @@ const mi = ({
         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(_i, {}),
+          /* @__PURE__ */ s(wn, {}),
+          /* @__PURE__ */ s(Si, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ u("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
-              wn,
+              _n,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3890,7 +3912,7 @@ const mi = ({
       }
     )
   );
-}, ki = ({
+}, Ti = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3898,7 +3920,7 @@ const mi = ({
   composerInput: r
 }) => {
   var l;
-  const { channel: i } = oe(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
+  const { channel: i } = ce(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
   return n ? /* @__PURE__ */ u(se, { 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()
@@ -3911,67 +3933,67 @@ const mi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(Et.Provider, { value: o, children: /* @__PURE__ */ s(gn, { Input: r ?? yi }) })
+          /* @__PURE__ */ s(It.Provider, { value: o, children: /* @__PURE__ */ s(pn, { Input: r ?? Ii }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Ci = [
+}, Mi = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Si = {
+], Ai = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ei = [
+}, Ri = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ii = {
+], Li = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, et = "age safety guidelines.", Ti = "https://linktr.ee/s/about/contact", es = (e) => Ci.includes(e), Mi = (e) => Ei.includes(e), Ai = (e) => {
+}, tt = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", ts = (e) => Mi.includes(e), zi = (e) => Ri.includes(e), Fi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (es(t))
+  if (ts(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Mi(t))
+  if (zi(t))
     return {
       kind: "age-safety",
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (es(n))
+  if (ts(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Ri = (e) => {
-  const t = e.indexOf(et);
+}, Pi = (e) => {
+  const t = e.indexOf(tt);
   if (t === -1)
     return e;
-  const n = t + et.length;
+  const n = t + tt.length;
   return /* @__PURE__ */ u(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: Ti,
+        href: Di,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: et
+        children: tt
       }
     ),
     e.slice(n)
   ] });
-}, Di = (e) => {
+}, Oi = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = Ai(
+  const t = e.message.hide_date === !0, n = Fi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Si[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -3981,7 +4003,7 @@ const mi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              xe,
+              we,
               {
                 size: 16,
                 weight: "regular",
@@ -3993,11 +4015,11 @@ const mi = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ s(We, { message: e.message })
+      !t && /* @__PURE__ */ s(Xe, { message: e.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ii[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Li[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4007,7 +4029,7 @@ const mi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Jn,
+              Qn,
               {
                 size: 24,
                 weight: "duotone",
@@ -4016,11 +4038,11 @@ const mi = ({
                 "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: Ri(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: Pi(i) }) })
           ]
         }
       ),
-      !t && /* @__PURE__ */ s(We, { message: e.message })
+      !t && /* @__PURE__ */ s(Xe, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -4029,9 +4051,9 @@ const mi = ({
       /* @__PURE__ */ s("p", { children: e.message.text }),
       /* @__PURE__ */ s("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ s(We, { message: e.message })
+    !t && /* @__PURE__ */ s(Xe, { message: e.message })
   ] });
-}, Ds = ot(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Ds = ct(!1), st = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4041,17 +4063,17 @@ const mi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Li = /* @__PURE__ */ new Set([
-  Xe.Thinking,
-  Xe.Generating,
-  Xe.ExternalSources
-]), zi = ({ threadList: e }) => {
+) }), $i = /* @__PURE__ */ new Set([
+  Ke.Thinking,
+  Ke.Generating,
+  Ke.ExternalSources
+]), Ui = ({ threadList: e }) => {
   var b, v;
-  const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = he(), { typing: i = {} } = _n(), { aiState: o } = Nn(t), l = Ie(Ds);
-  if (!e && l && Li.has(o)) {
-    const x = Fi(t, (b = r.user) == null ? void 0 : b.id);
+  const { channel: t, channelConfig: n, thread: a } = ce(), { client: r } = fe(), { typing: i = {} } = Nn(), { aiState: o } = yn(t), l = Te(Ds);
+  if (!e && l && $i.has(o)) {
+    const x = Bi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
-      ts,
+      ss,
       {
         avatarId: (x == null ? void 0 : x.id) ?? "ai-agent",
         avatarName: (x == null ? void 0 : x.name) ?? (x == null ? void 0 : x.id) ?? "Agent",
@@ -4067,25 +4089,25 @@ const mi = ({
       var _;
       return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !x;
     }
-  ), g = e ? Object.values(i).filter(
+  ), f = e ? Object.values(i).filter(
     ({ parent_id: x, user: p }) => {
       var _;
       return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && x === (a == null ? void 0 : a.id);
     }
-  ) : [], h = e ? g : m;
+  ) : [], h = e ? f : m;
   if (!h.length)
     return null;
-  const f = (v = h[0]) == null ? void 0 : v.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const g = (v = h[0]) == null ? void 0 : v.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
-    ts,
+    ss,
     {
-      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",
-      avatarImage: (f == null ? void 0 : f.image) ?? (c == null ? void 0 : c.image),
+      avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
+      avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
+      avatarImage: (g == null ? void 0 : g.image) ?? (c == null ? void 0 : c.image),
       testId: "typing-indicator"
     }
   );
-}, ts = ({
+}, ss = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4120,16 +4142,16 @@ const mi = ({
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ s(tt, { cx: "4", index: 0 }),
-            /* @__PURE__ */ s(tt, { cx: "16", index: 1 }),
-            /* @__PURE__ */ s(tt, { cx: "28", index: 2 })
+            /* @__PURE__ */ s(st, { cx: "4", index: 0 }),
+            /* @__PURE__ */ s(st, { cx: "16", index: 1 }),
+            /* @__PURE__ */ s(st, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
     ] })
   }
 );
-function Fi(e, t) {
+function Bi(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)) {
@@ -4138,7 +4160,7 @@ function Fi(e, t) {
       return i;
   }
 }
-const Pi = () => null, Oi = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -4181,12 +4203,12 @@ const Pi = () => null, Oi = ({ className: e, message: t }) => /* @__PURE__ */ u(
       t && /* @__PURE__ */ s("span", { className: "text-stone", children: t })
     ]
   }
-), je = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(Oi, { className: "w-6 h-6" }),
+), Ve = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ s(Vi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-je.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", $i = ({
+Ve.displayName = "LoadingState";
+const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Oe = "Replies instantly with AI assistant", Gi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4197,29 +4219,29 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: l = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: m,
-  onBlockParticipantClick: g,
+  onBlockParticipantClick: f,
   onReportParticipantClick: h,
-  customChannelActions: f,
+  customChannelActions: g,
   renderChannelActions: c,
   showChannelInfo: b = !0,
   onParticipantNameClick: v,
   renderHeaderTitleBadges: x
 }) => {
   var E, I, T, M, P, $;
-  const { channel: p } = oe(), { client: _ } = he(), w = V.useMemo(
+  const { channel: p } = ce(), { client: _ } = fe(), w = V.useMemo(
     () => {
       var j;
-      return Ge(
+      return He(
         (j = p.state) == null ? void 0 : j.members,
         _ == null ? void 0 : _.userID,
         p.type
       );
     },
     [(E = p.state) == null ? void 0 : E.members, _ == null ? void 0 : _.userID, p.type]
-  ), k = ut(w == null ? void 0 : w.user), L = (I = w == null ? void 0 : w.user) == null ? void 0 : I.image, S = dt(p), R = x == null ? void 0 : x({
+  ), k = mt(w == null ? void 0 : w.user), D = (I = w == null ? void 0 : w.user) == null ? void 0 : I.image, S = ut(p), R = x == null ? void 0 : x({
     channel: p,
     participant: w
-  }), O = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", F = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", D = /* @__PURE__ */ u(se, { children: [
+  }), O = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", F = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", L = /* @__PURE__ */ u(se, { children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: k }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
   ] }), C = async () => {
@@ -4238,14 +4260,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         "button",
         {
           className: y(
-            be,
+            ve,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ s(nt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ s(at, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ s(
@@ -4269,19 +4291,19 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   {
                     id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
                     name: k,
-                    image: L,
+                    image: D,
                     starred: n && S,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
                 /* @__PURE__ */ u("span", { className: "flex max-w-full items-center gap-0.5", children: [
-                  D,
-                  /* @__PURE__ */ s(ve, { className: "size-3 shrink-0", weight: "bold" })
+                  L,
+                  /* @__PURE__ */ s(xe, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-                  /* @__PURE__ */ s("span", { children: Pe })
+                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s("span", { children: Oe })
                 ] })
               ]
             }
@@ -4291,16 +4313,16 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               {
                 id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
                 name: k,
-                image: L,
+                image: D,
                 starred: n && S,
                 dmAgentEnabled: a,
                 size: 48
               }
             ),
             /* @__PURE__ */ u("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-              D,
+              L,
               /* @__PURE__ */ s(
-                ve,
+                xe,
                 {
                   className: "invisible size-3 shrink-0",
                   weight: "bold"
@@ -4308,8 +4330,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-              /* @__PURE__ */ s("span", { children: Pe })
+              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s("span", { children: Oe })
             ] })
           ] })
         }
@@ -4318,12 +4340,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         n && /* @__PURE__ */ s(
           "button",
           {
-            className: be,
+            className: ve,
             onClick: C,
             type: "button",
             "aria-label": S ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
-              Ee,
+              Ie,
               {
                 className: y("size-5", {
                   "text-yellow-600": S,
@@ -4335,7 +4357,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         b && (c !== void 0 ? c : /* @__PURE__ */ s(
-          rt,
+          it,
           {
             channel: p,
             participant: w,
@@ -4345,10 +4367,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: m,
-            onBlockParticipantClick: g,
+            onBlockParticipantClick: f,
             onReportParticipantClick: h,
-            customChannelActions: f,
-            triggerClassName: y(be, "bg-[#F1F0EE]")
+            customChannelActions: g,
+            triggerClassName: y(ve, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -4359,13 +4381,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: y(
-              be,
+              ve,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(nt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(at, { className: "size-5 text-black/90" })
           }
         ),
         v ? /* @__PURE__ */ u(
@@ -4384,7 +4406,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 {
                   id: ((P = w == null ? void 0 : w.user) == null ? void 0 : P.id) || p.id || "unknown",
                   name: k,
-                  image: L,
+                  image: D,
                   starred: n && S,
                   dmAgentEnabled: a,
                   size: 48
@@ -4392,12 +4414,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ),
               /* @__PURE__ */ u("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ u("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-                  D,
-                  /* @__PURE__ */ s(ve, { className: "size-4 shrink-0", weight: "bold" })
+                  L,
+                  /* @__PURE__ */ s(xe, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-                  /* @__PURE__ */ s("span", { className: "truncate", children: Pe })
+                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s("span", { className: "truncate", children: Oe })
                 ] })
               ] })
             ]
@@ -4408,7 +4430,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
               name: k,
-              image: L,
+              image: D,
               starred: n && S,
               dmAgentEnabled: a,
               size: 48
@@ -4416,9 +4438,9 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ),
           /* @__PURE__ */ u("div", { className: "min-w-0", children: [
             /* @__PURE__ */ u("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-              D,
+              L,
               /* @__PURE__ */ s(
-                ve,
+                xe,
                 {
                   className: "invisible size-4 shrink-0",
                   weight: "bold"
@@ -4426,8 +4448,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-              /* @__PURE__ */ s("span", { className: "truncate", children: Pe })
+              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s("span", { className: "truncate", children: Oe })
             ] })
           ] })
         ] })
@@ -4436,12 +4458,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         n && /* @__PURE__ */ s(
           "button",
           {
-            className: be,
+            className: ve,
             onClick: C,
             type: "button",
             "aria-label": S ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
-              Ee,
+              Ie,
               {
                 className: y("size-6", {
                   "text-yellow-600": S,
@@ -4453,7 +4475,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         b && (c !== void 0 ? c : /* @__PURE__ */ s(
-          rt,
+          it,
           {
             channel: p,
             participant: w,
@@ -4463,16 +4485,16 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: m,
-            onBlockParticipantClick: g,
+            onBlockParticipantClick: f,
             onReportParticipantClick: h,
-            customChannelActions: f,
-            triggerClassName: be
+            customChannelActions: g,
+            triggerClassName: ve
           }
         ))
       ] })
     ] })
   ] });
-}, Bi = ({
+}, Hi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4483,9 +4505,9 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: m,
-  onReportParticipantClick: g,
+  onReportParticipantClick: f,
   showBlockParticipant: h = !0,
-  showReportParticipant: f = !0,
+  showReportParticipant: g = !0,
   composerDisabled: c = !1,
   composerDisabledReason: b,
   showStarButton: v = !1,
@@ -4494,18 +4516,18 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: _,
   customChannelActions: w,
   renderChannelActions: k,
-  renderMessage: L,
+  renderMessage: D,
   dmAgentEnabled: S = !1,
   viewerLanguage: R,
   showChannelInfo: O = !0,
   onParticipantNameClick: F,
-  composerInput: D
+  composerInput: L
 }) => {
   var N, A, H, q;
-  const { channel: C } = oe(), { client: E } = he(), I = V.useMemo(
+  const { channel: C } = ce(), { client: E } = fe(), I = V.useMemo(
     () => {
       var Y;
-      return Ge(
+      return He(
         (Y = C.state) == null ? void 0 : Y.members,
         E == null ? void 0 : E.userID,
         C.type
@@ -4516,13 +4538,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     var W;
     const Y = E == null ? void 0 : E.userID;
     return Y ? Object.values(((W = C.state) == null ? void 0 : W.members) || {}).find((Z) => {
-      var de;
-      return ((de = Z.user) == null ? void 0 : de.id) === Y;
+      var ue;
+      return ((ue = Z.user) == null ? void 0 : ue.id) === Y;
     }) : void 0;
   }, [E == null ? void 0 : E.userID, (A = C.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), $ = S && M === !1 && P === !0, j = C.state.messages.some(
     (Y) => Y.type !== "deleted"
   ), Q = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
-    fa,
+    ga,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
@@ -4534,41 +4556,41 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onBlockParticipant: o,
       showDeleteConversation: l,
       showBlockParticipant: h,
-      showReportParticipant: f,
+      showReportParticipant: g,
       onDeleteConversationClick: d,
       onBlockParticipantClick: m,
-      onReportParticipantClick: g,
+      onReportParticipantClick: f,
       customChannelActions: w,
       renderChannelActions: k,
       onParticipantNameClick: F
     }
   ) : null, X = J(
     (Y) => {
-      const { message: B } = _e("ChannelView"), W = /* @__PURE__ */ s(
-        gi,
+      const { message: U } = Ne("ChannelView"), W = /* @__PURE__ */ s(
+        wi,
         {
           ...Y,
           chatbotVotingEnabled: x,
           viewerLanguage: R
         }
       );
-      return !L || !B ? W : L(W, B);
+      return !D || !U ? W : D(W, U);
     },
-    [x, L, R]
+    [x, D, R]
   );
   return /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s(
-    kn,
+    Cn,
     {
       overrides: {
         Message: X,
-        MessageActions: vi,
+        MessageActions: yi,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ u(Cn, { children: [
+      children: /* @__PURE__ */ u(Sn, { children: [
         !F && /* @__PURE__ */ u(se, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            $i,
+            Gi,
             {
               onBack: e,
               showBackButton: t,
@@ -4579,10 +4601,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onBlockParticipant: o,
               showDeleteConversation: l,
               showBlockParticipant: h,
-              showReportParticipant: f,
+              showReportParticipant: g,
               onDeleteConversationClick: d,
               onBlockParticipantClick: m,
-              onReportParticipantClick: g,
+              onReportParticipantClick: f,
               customChannelActions: w,
               renderChannelActions: k,
               renderHeaderTitleBadges: _
@@ -4600,7 +4622,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 Q
               ] }) }),
               /* @__PURE__ */ s(
-                Sn,
+                En,
                 {
                   head: F && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                     ee,
@@ -4616,7 +4638,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         ),
         r ? /* @__PURE__ */ s(V.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          ki,
+          Ti,
           {
             ...n && {
               renderActions: () => n == null ? void 0 : n(C)
@@ -4624,14 +4646,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             renderFooter: () => a == null ? void 0 : a(C),
             disabled: c,
             disabledReason: b,
-            composerInput: D
+            composerInput: L
           },
           "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, Ls = V.memo(
+}, zs = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4642,10 +4664,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Pi,
-    showDeleteConversation: g = !0,
+    CustomChannelEmptyState: m = ji,
+    showDeleteConversation: f = !0,
     onDeleteConversationClick: h,
-    onBlockParticipantClick: f,
+    onBlockParticipantClick: g,
     onReportParticipantClick: c,
     showBlockParticipant: b = !0,
     showReportParticipant: v = !0,
@@ -4654,12 +4676,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     dmAgentEnabled: _,
     messageMetadata: w,
     onMessageSent: k,
-    showStarButton: L = !1,
+    showStarButton: D = !1,
     chatbotVotingEnabled: S = !1,
     renderChannelBanner: R,
     renderHeaderTitleBadges: O,
     customChannelActions: F,
-    renderChannelActions: D,
+    renderChannelActions: L,
     renderMessage: C,
     onMessageLinkClick: E,
     sendButton: I,
@@ -4681,10 +4703,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ...w
             }
           }
-        }, B = {
+        }, U = {
           ...A,
           ...q && { skip_push: !0 }
-        }, W = await e.sendMessage(Y, B);
+        }, W = await e.sendMessage(Y, U);
         return k == null || k(W), W;
       },
       [e, _, w, k]
@@ -4696,7 +4718,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const N = (A) => {
         const H = A.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
+        const U = q == null ? void 0 : q.closest("[data-message-id]"), W = U == null ? void 0 : U.getAttribute("data-message-id"), Z = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
         E(Y, Z);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
@@ -4709,19 +4731,19 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           d
         ),
         children: /* @__PURE__ */ s(Ds.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
-          yn,
+          kn,
           {
             channel: e,
-            MessageSystem: Di,
+            MessageSystem: Oi,
             EmptyStateIndicator: m,
-            LoadingIndicator: je,
-            DateSeparator: ga,
-            TypingIndicator: zi,
+            LoadingIndicator: Ve,
+            DateSeparator: pa,
+            TypingIndicator: Ui,
             doSendMessageRequest: Q,
             ...I ? { SendButton: I } : {},
             ...T ? { AttachmentPreviewList: T } : {},
             children: /* @__PURE__ */ s(
-              Bi,
+              Hi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4731,21 +4753,21 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onLeaveConversation: o,
                 onBlockParticipant: l,
                 CustomChannelEmptyState: m,
-                showDeleteConversation: g,
+                showDeleteConversation: f,
                 onDeleteConversationClick: h,
-                onBlockParticipantClick: f,
+                onBlockParticipantClick: g,
                 onReportParticipantClick: c,
                 showBlockParticipant: b,
                 showReportParticipant: v,
                 composerDisabled: x,
                 composerDisabledReason: p,
-                showStarButton: L,
+                showStarButton: D,
                 dmAgentEnabled: _,
                 chatbotVotingEnabled: S,
                 renderChannelBanner: R,
                 renderHeaderTitleBadges: O,
                 customChannelActions: F,
-                renderChannelActions: D,
+                renderChannelActions: L,
                 renderMessage: C,
                 viewerLanguage: M,
                 showChannelInfo: P,
@@ -4759,8 +4781,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-Ls.displayName = "ChannelView";
-const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ u("div", { className: "text-center max-w-sm", children: [
+zs.displayName = "ChannelView";
+const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ u("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ s("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -4774,8 +4796,8 @@ const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
     }
   )
 ] }) }));
-ke.displayName = "ErrorState";
-const ml = ({
+Ce.displayName = "ErrorState";
+const bl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4786,9 +4808,9 @@ const ml = ({
   CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
-  dmAgentEnabled: g,
+  dmAgentEnabled: f,
   onMessageSent: h,
-  chatbotVotingEnabled: f = !1,
+  chatbotVotingEnabled: g = !1,
   viewerLanguage: c,
   renderHeaderTitleBadges: b,
   renderChannelBanner: v,
@@ -4797,18 +4819,18 @@ const ml = ({
   onParticipantNameClick: _,
   renderMessage: w,
   onMessageLinkClick: k,
-  showChannelInfo: L,
+  showChannelInfo: D,
   composerInput: S
 }) => {
   const {
     client: R,
     isConnected: O,
     isLoading: F,
-    error: D,
+    error: L,
     refreshConnection: C,
     service: E,
     debug: I
-  } = ea(), [T, M] = U(null), [P, $] = U(null), [j, Q] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
+  } = ta(), [T, M] = B(null), [P, $] = B(null), [j, Q] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
   N.current = a;
@@ -4817,16 +4839,16 @@ const ml = ({
     H.current = T;
   }, [T]), K(() => {
     if (!R || !O) return;
-    const B = R.userID;
-    if (!B) return;
-    const W = `${B}::${i}`;
+    const U = R.userID;
+    if (!U) return;
+    const W = `${U}::${i}`;
     if (A.current === W) return;
     A.current = W;
     const Z = () => {
       A.current === W && (A.current = null);
     };
     (async () => {
-      var De, Le;
+      var De, ze;
       try {
         I && console.log(
           "[MessagingShell] Loading initial conversation with:",
@@ -4835,7 +4857,7 @@ const ml = ({
         const ae = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [B, i] }
+            members: { $eq: [U, i] }
           },
           {},
           { limit: 1 }
@@ -4847,8 +4869,8 @@ const ml = ({
           );
           return;
         }
-        const ue = X.current;
-        if (!ue || !E) {
+        const me = X.current;
+        if (!me || !E) {
           Z(), $("No conversation found with this account"), I && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -4856,19 +4878,19 @@ const ml = ({
           return;
         }
         try {
-          const le = await E.startChannelWithParticipant({
-            id: ue.id,
-            name: ue.name,
-            phone: ue.phone
+          const oe = await E.startChannelWithParticipant({
+            id: me.id,
+            name: me.name,
+            phone: me.phone
           });
-          M(le), $(null), (Le = N.current) == null || Le.call(N, le), I && console.log(
+          M(oe), $(null), (ze = N.current) == null || ze.call(N, oe), I && console.log(
             "[MessagingShell] Channel created and loaded:",
-            le.id
+            oe.id
           );
-        } catch (le) {
+        } catch (oe) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            le
+            oe
           ), Z(), $("Failed to create conversation");
         }
       } catch (ae) {
@@ -4882,17 +4904,17 @@ const ml = ({
   const q = G(r);
   q.current = r;
   const Y = J(() => {
-    var B;
-    M(null), Q(!0), (B = q.current) == null || B.call(q);
+    var U;
+    M(null), Q(!0), (U = q.current) == null || U.call(q);
   }, []);
-  return F ? /* @__PURE__ */ s(je, {}) : D ? /* @__PURE__ */ s(ke, { message: D, onBack: C }) : !O || !R ? /* @__PURE__ */ s(
-    ke,
+  return F ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: C }) : !O || !R ? /* @__PURE__ */ s(
+    Ce,
     {
       message: "Not connected to messaging service",
       onBack: C
     }
-  ) : P ? /* @__PURE__ */ s(ke, { message: P }) : j && !T ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    Ls,
+  ) : P ? /* @__PURE__ */ s(Ce, { message: P }) : j && !T ? /* @__PURE__ */ s(Ce, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
+    zs,
     {
       channel: T,
       renderMessageInputActions: t,
@@ -4904,9 +4926,9 @@ const ml = ({
       showDeleteConversation: ee,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
-      dmAgentEnabled: g,
+      dmAgentEnabled: f,
       onMessageSent: h,
-      chatbotVotingEnabled: f,
+      chatbotVotingEnabled: g,
       viewerLanguage: c,
       renderHeaderTitleBadges: b,
       customChannelActions: x,
@@ -4914,19 +4936,19 @@ const ml = ({
       onParticipantNameClick: _,
       renderMessage: w,
       onMessageLinkClick: k,
-      showChannelInfo: L,
+      showChannelInfo: D,
       composerInput: S
     },
     T.id
-  ) }) }) : /* @__PURE__ */ s(je, {});
+  ) }) }) : /* @__PURE__ */ s(Ve, {});
 };
-function Ui(e) {
+function Yi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const zs = V.createContext({
+const Fs = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4934,18 +4956,18 @@ const zs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), ji = zs.Provider, Vi = () => V.useContext(zs), Gi = (e, t) => {
+}), qi = Fs.Provider, Wi = () => V.useContext(Fs), Xi = (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));
-}, Hi = (e) => {
+}, Ki = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Gi(e, t);
+  const a = Xi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4955,9 +4977,9 @@ const zs = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Fs = V.memo(
+}, Ps = V.memo(
   (e) => {
-    var O, F, D;
+    var O, F, L;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4965,28 +4987,28 @@ const zs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Vi(), { client: m } = he(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = dt(t);
+    } = Wi(), { client: m } = fe(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ut(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
         {
           ...e,
-          active: g,
+          active: f,
           selectedChannel: a,
           onChannelSelect: r,
           viewerLanguage: d
         }
       );
-    const f = () => {
+    const g = () => {
       t && r(t);
     }, c = (C) => {
       const E = C.key === "Enter" || C.key === " ", I = C.repeat;
-      !E || I || (C.preventDefault(), f());
-    }, b = Ge(
+      !E || I || (C.preventDefault(), g());
+    }, b = He(
       (O = t == null ? void 0 : t.state) == null ? void 0 : O.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
-    ), v = ut(b == null ? void 0 : b.user), x = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, p = (() => {
+    ), v = mt(b == null ? void 0 : b.user), x = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, p = (() => {
       var E;
       const C = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
       if (C != null && C.length) {
@@ -4995,7 +5017,7 @@ const zs = V.createContext({
       }
     })(), w = (() => {
       var M;
-      const C = ds({
+      const C = us({
         message: p,
         viewerLanguage: d
       }), { custom_type: E, attachment_content_type: I } = (p == null ? void 0 : p.metadata) || {};
@@ -5012,10 +5034,10 @@ const zs = V.createContext({
       if (C) return C;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), k = p != null && p.created_at ? Hi(new Date(p.created_at)) : "", L = p ? $e(p) : !1, S = l ? l(p, w) : `${L ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), k = p != null && p.created_at ? Ki(new Date(p.created_at)) : "", D = p ? Ue(p) : !1, S = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
-      isSelected: g,
+      isSelected: f,
       participantName: v,
       unreadCount: R,
       hasTimestamp: !!k
@@ -5024,13 +5046,13 @@ const zs = V.createContext({
       {
         role: "button",
         tabIndex: 0,
-        onClick: f,
+        onClick: g,
         onKeyDown: c,
         className: y(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
-            "bg-black/[0.04]": g,
-            "hover:bg-black/[0.02]": !g
+            "bg-black/[0.04]": f,
+            "hover:bg-black/[0.02]": !f
           }
         ),
         "data-dd-privacy": "mask",
@@ -5038,7 +5060,7 @@ const zs = V.createContext({
           /* @__PURE__ */ s(
             ne,
             {
-              id: ((D = b == null ? void 0 : b.user) == null ? void 0 : D.id) || t.id || "unknown",
+              id: ((L = b == null ? void 0 : b.user) == null ? void 0 : L.id) || t.id || "unknown",
               name: v,
               image: x,
               size: 48,
@@ -5071,22 +5093,22 @@ const zs = V.createContext({
     );
   }
 );
-Fs.displayName = "CustomChannelPreview";
-const Yi = { last_message_at: -1 }, qi = V.memo(
+Ps.displayName = "CustomChannelPreview";
+const Zi = { last_message_at: -1 }, Ji = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Yi,
+    sort: i = Zi,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = In,
+    channelListPaginator: d = Tn,
     channelPreview: m,
-    renderMessagePreview: g,
+    renderMessagePreview: f,
     viewerLanguage: h,
-    lockChannelOrder: f,
+    lockChannelOrder: g,
     onMessageNewHandler: c,
     onMessageNew: b,
     onChannelVisible: v,
@@ -5095,10 +5117,10 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
   }) => {
     const _ = V.useRef(0);
     _.current++;
-    const { debug: w = !1 } = ct(), k = V.useCallback(
+    const { debug: w = !1 } = dt(), k = V.useCallback(
       (S) => {
         for (const R of S)
-          Ui(R);
+          Yi(R);
         return r ? r(S) : S;
       },
       [r]
@@ -5108,13 +5130,13 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
-    const L = V.useMemo(
+    const D = V.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
         debug: w,
         channelPreview: m,
-        renderMessagePreview: g,
+        renderMessagePreview: f,
         viewerLanguage: h
       }),
       [
@@ -5122,7 +5144,7 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
         e,
         w,
         m,
-        g,
+        f,
         h
       ]
     );
@@ -5133,22 +5155,22 @@ const Yi = { last_message_at: -1 }, qi = 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(ji, { value: L, children: /* @__PURE__ */ s(
-          En,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(qi, { value: D, children: /* @__PURE__ */ s(
+          In,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: k,
-            lockChannelOrder: f,
+            lockChannelOrder: g,
             onMessageNewHandler: c,
             onMessageNew: b,
             onChannelVisible: v,
             onAddedToChannel: x,
             onChannelUpdated: p,
             Paginator: d,
-            Preview: Fs,
+            Preview: Ps,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5157,11 +5179,11 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
     );
   }
 );
-qi.displayName = "ChannelList";
-const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Wi = {
+Ji.displayName = "ChannelList";
+const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Qi = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Xi = ({ variant: e }) => /* @__PURE__ */ s(
+}, el = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5171,12 +5193,12 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Wi[e],
-      WebkitMask: ss,
-      mask: ss
+      backgroundColor: Qi[e],
+      WebkitMask: ns,
+      mask: ns
     }
   }
-), Ki = {
+), tl = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5185,7 +5207,7 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, Ps = ({
+}, Os = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5201,23 +5223,23 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       r
     ),
     style: {
-      ...Ki[e],
+      ...tl[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(Xi, { variant: e })
+      n && /* @__PURE__ */ s(el, { variant: e })
     ]
   }
-), Zi = ({
+), sl = ({
   text: e,
   tail: t,
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Ps,
+  Os,
   {
     variant: "received",
     text: e,
@@ -5225,10 +5247,10 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), Ji = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Ps, { variant: "sent", text: e, tail: t, className: n }), hl = {
-  Sent: Ji,
-  Received: Zi
-}, Qi = ({
+), nl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Os, { variant: "sent", text: e, tail: t, className: n }), vl = {
+  Sent: nl,
+  Received: sl
+}, al = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5250,7 +5272,7 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), fl = ({
+), xl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5279,7 +5301,7 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            Qi,
+            al,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5293,41 +5315,42 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   ] }) });
 };
 export {
-  ms as A,
-  ut as B,
-  Pi as C,
-  ul as D,
-  Dr as E,
-  fl as F,
-  ba as G,
-  ea as H,
-  Kt as L,
-  cl as M,
-  Ne as a,
+  hs as A,
+  pt as B,
+  ji as C,
+  mt as D,
+  pl as E,
+  xl as F,
+  Or as G,
+  va as H,
+  ta as I,
+  Zt as L,
+  fl as M,
+  ye as a,
   ne as b,
-  qi as c,
-  Ls as d,
-  dl as e,
-  Qi as f,
-  ce as g,
-  Fe as h,
-  ye as i,
-  hl as j,
-  Vr as k,
-  ol as l,
-  ml as m,
-  Za as n,
-  Wa as o,
-  Hi as p,
-  Ka as q,
-  we as r,
-  ds as s,
-  gs as t,
-  aa as u,
-  Ua as v,
-  va as w,
-  Ge as x,
-  ft as y,
+  Ji as c,
+  zs as d,
+  gl as e,
+  al as f,
+  de as g,
+  Pe as h,
+  ke as i,
+  vl as j,
+  Wr as k,
+  hl as l,
+  bl as m,
+  sr as n,
+  ie as o,
+  Qa as p,
+  Ki as q,
+  _e as r,
+  tr as s,
+  us as t,
+  ps as u,
+  ra as v,
+  Ya as w,
+  xa as x,
+  He as y,
   gt as z
 };
-//# sourceMappingURL=index-KfZ2Wx3D.js.map
+//# sourceMappingURL=index-D9_M5IWl.js.map