@linktr.ee/messaging-react 3.12.1 → 3.12.2-rc-1784002380

package/dist/{index-thS5zrVb.js → index-Butsywzq.js}

@@ -4,7 +4,7 @@ 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 y from "classnames";
+import k from "classnames";
 import { MessageActions as Qn, DefaultDropdownActionButton as ls } from "stream-chat-react/experimental";
 const os = ot({
   service: null,
@@ -16,7 +16,7 @@ const os = ot({
   refreshConnection: async () => {
   },
   debug: !1
-}), ct = () => Ie(os), ol = ({
+}), ct = () => Ie(os), ll = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -25,7 +25,7 @@ const os = ot({
   debug: i = !1,
   client: o
 }) => {
-  var I, T;
+  var y, T;
   const l = J(
     (M, ...P) => {
       i && console.log(`🔥 [MessagingProvider] ${M}`, ...P);
@@ -38,11 +38,11 @@ const 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);
-  k.current = n;
+  const [d, m] = U(null), [p, h] = U(null), [f, c] = U(!1), [b, v] = U(!1), [x, g] = U(null), _ = G(!1), w = G(null), C = G(n);
+  C.current = n;
   const L = G(i);
   L.current = i;
-  const S = G({
+  const E = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
@@ -52,24 +52,24 @@ const os = ot({
     renderCount: R.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: S.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: S.current.apiKey !== a,
-      serviceConfigChanged: S.current.serviceConfig !== n,
-      capabilitiesChanged: S.current.capabilities !== r
+      userChanged: E.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: E.current.apiKey !== a,
+      serviceConfigChanged: E.current.serviceConfig !== n,
+      capabilitiesChanged: E.current.capabilities !== r
     }
-  }), S.current = {
+  }), E.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
   };
   const O = G(null);
-  !o && a && ((I = O.current) == null ? void 0 : I.apiKey) !== a && (O.current = { apiKey: a, client: new Gs(a) });
+  !o && a && ((y = O.current) == null ? void 0 : y.apiKey) !== a && (O.current = { apiKey: a, client: new Gs(a) });
   const F = o || (a ? ((T = O.current) == null ? void 0 : T.client) ?? null : null);
   K(() => {
-    const M = R.current, P = k.current;
+    const M = R.current, P = C.current;
     if (o) {
-      w.current = null, m(null), h(null), c(!1), p(null), v(!1);
+      w.current = null, m(null), h(null), c(!1), g(null), v(!1);
       return;
     }
     if (!a || !F || !P) {
@@ -122,7 +122,7 @@ const os = ot({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, v(!0), p(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, v(!0), g(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
@@ -132,7 +132,7 @@ const os = ot({
         });
       } catch (j) {
         const Q = j instanceof Error ? j.message : "Connection failed";
-        p(Q), l("❌ USER CONNECTION ERROR", {
+        g(Q), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: Q
         });
@@ -150,7 +150,7 @@ const os = ot({
       M && (D.current = null, (P = w.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const C = J(async () => {
+  const S = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -163,10 +163,10 @@ const os = ot({
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
         const M = await d.connectUser(t);
-        h(M), c(!0), p(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+        h(M), c(!0), g(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
       } catch (M) {
         const P = M instanceof Error ? M.message : "Refresh failed";
-        p(P), l("❌ CONNECTION REFRESH ERROR", {
+        g(P), l("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: P
         });
@@ -174,9 +174,9 @@ const os = ot({
         v(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), E = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), I = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
-    hasClient: !!g,
+    hasClient: !!p,
     isConnected: f,
     isLoading: b,
     hasError: !!x,
@@ -191,30 +191,30 @@ 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,
+    client: o ?? p,
     isConnected: o ? !0 : f,
     isLoading: o ? !1 : b,
     error: o ? null : x,
     capabilities: r,
-    refreshConnection: C,
+    refreshConnection: S,
     debug: i
   }), [
     d,
-    g,
+    p,
     o,
     f,
     b,
     x,
     r,
-    C,
+    S,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
     renderCount: R.current,
     willRenderChat: !!F,
-    contextValueReady: !!E
-  }), /* @__PURE__ */ s(os.Provider, { value: E, children: F ? /* @__PURE__ */ s(
+    contextValueReady: !!I
+  }), /* @__PURE__ */ s(os.Provider, { value: I, children: F ? /* @__PURE__ */ s(
     Hs,
     {
       client: F,
@@ -341,7 +341,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: y(
+      className: k(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: h, lineHeight: 1 },
@@ -351,7 +351,7 @@ const ne = ({
   return /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "relative flex-shrink-0",
         a
       ),
@@ -375,7 +375,7 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: y(
+            className: k(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -405,75 +405,75 @@ const ne = ({
   onBlockParticipantClick: l,
   onReportParticipantClick: d,
   onActionComplete: m,
-  logLabel: g = "useChannelModerationActions"
+  logLabel: p = "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);
+  var I;
+  const { service: h, debug: f } = ct(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [v, x] = U(!1), [g, _] = U(null), [w, C] = U(!1), [L, E] = U(!1), R = b && ((g == null ? void 0 : g.participantId) !== c || (g == null ? void 0 : g.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
       x(!1), _(null);
       return;
     }
-    let I = !1;
+    let y = !1;
     return (async () => {
       try {
         const T = await h.getBlockedUsers();
-        if (I) return;
+        if (y) return;
         x(
           T.some(
             (M) => M.blocked_user_id === c
           )
         );
       } catch (T) {
-        I || console.error(`[${g}] Failed to check blocked status:`, T);
+        y || console.error(`[${p}] Failed to check blocked status:`, T);
       } finally {
-        I || _({ participantId: c, service: h });
+        y || _({ participantId: c, service: h });
       }
     })(), () => {
-      I = !0;
+      y = !0;
     };
-  }, [b, h, c, g]), {
+  }, [b, h, c, p]), {
     isParticipantBlocked: v,
     isCheckingBlockedStatus: R,
     isLeaving: w,
     isUpdatingBlockStatus: L,
     handleLeaveConversation: async () => {
-      var I;
+      var y;
       if (!w) {
-        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), k(!0);
+        o == null || o(), f && console.log(`[${p}] Leave conversation`, e.cid), C(!0);
         try {
-          const T = ((I = e._client) == null ? void 0 : I.userID) ?? null;
+          const T = ((y = e._client) == null ? void 0 : y.userID) ?? null;
           await e.hide(T, !1), r && await r(e), m == null || m();
         } catch (T) {
-          console.error(`[${g}] Failed to leave conversation`, T);
+          console.error(`[${p}] Failed to leave conversation`, T);
         } finally {
-          k(!1);
+          C(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var I, T, M;
+      var y, 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);
+        l == null || l(), f && console.log(`[${p}] Block member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), E(!0);
         try {
           await h.blockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
         } catch (P) {
-          console.error(`[${g}] Failed to block member`, P);
+          console.error(`[${p}] Failed to block member`, P);
         } finally {
-          S(!1);
+          E(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var I, T, M;
+      var y, 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);
+        l == null || l(), f && console.log(`[${p}] Unblock member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), E(!0);
         try {
           await h.unBlockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
         } catch (P) {
-          console.error(`[${g}] Failed to unblock member`, P);
+          console.error(`[${p}] Failed to unblock member`, P);
         } finally {
-          S(!1);
+          E(!1);
         }
       }
     },
@@ -490,7 +490,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: y(
+    className: k(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -509,16 +509,16 @@ const ne = ({
   onDeleteConversationClick: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
-  customChannelActions: g,
+  customChannelActions: p,
   triggerClassName: h
 }) => {
   const [f, c] = U(!1), b = G(null), v = Us(), x = J(() => c(!1), []), {
-    isParticipantBlocked: p,
+    isParticipantBlocked: g,
     isCheckingBlockedStatus: _,
     isLeaving: w,
-    isUpdatingBlockStatus: k,
+    isUpdatingBlockStatus: C,
     handleLeaveConversation: L,
-    handleBlockUser: S,
+    handleBlockUser: E,
     handleUnblockUser: R,
     handleReportUser: O
   } = ca({
@@ -536,15 +536,15 @@ const ne = ({
   });
   return K(() => {
     if (!f) return;
-    const D = (E) => {
-      b.current && !b.current.contains(E.target) && c(!1);
-    }, C = (E) => {
-      E.key === "Escape" && c(!1);
+    const D = (I) => {
+      b.current && !b.current.contains(I.target) && c(!1);
+    }, S = (I) => {
+      I.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", D), document.addEventListener("keydown", S), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", S);
     };
-  }, [f]), !t || !(n || a || r || !!g) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
+  }, [f]), !t || !(n || a || r || !!p) ? null : /* @__PURE__ */ u("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ u(
       "button",
       {
@@ -565,7 +565,7 @@ const ne = ({
       {
         id: v,
         "aria-label": "Conversation options",
-        className: y(
+        className: k(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -589,25 +589,25 @@ const ne = ({
               /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
-          ) : p ? /* @__PURE__ */ u(
+          ) : g ? /* @__PURE__ */ u(
             Ne,
             {
               onClick: R,
-              disabled: k,
-              "aria-busy": k,
+              disabled: C,
+              "aria-busy": C,
               children: [
-                k ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ u(
             Ne,
             {
-              onClick: S,
-              disabled: k,
-              "aria-busy": k,
+              onClick: E,
+              disabled: C,
+              "aria-busy": C,
               children: [
-                k ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
@@ -616,15 +616,12 @@ const ne = ({
             /* @__PURE__ */ s(as, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
-          g
+          p
         ] })
       }
     )
   ] });
-}, 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) => {
-  const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ma);
-}, fa = ({
+}, 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 = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -635,7 +632,7 @@ const ne = ({
   showDeleteConversation: l = !0,
   showBlockParticipant: d = !0,
   showReportParticipant: m = !0,
-  onDeleteConversationClick: g,
+  onDeleteConversationClick: p,
   onBlockParticipantClick: h,
   onReportParticipantClick: f,
   customChannelActions: c,
@@ -643,31 +640,31 @@ const ne = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: x
 }) => {
-  var F, D, C;
-  const { channel: p } = oe(), { client: _ } = he(), w = V.useMemo(
+  var F, D, S, I;
+  const { channel: g } = oe(), { client: _ } = he(), w = V.useMemo(
     () => {
-      var E;
+      var y;
       return Ge(
-        (E = p.state) == null ? void 0 : E.members,
+        (y = g.state) == null ? void 0 : y.members,
         _ == null ? void 0 : _.userID,
-        p.type
+        g.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 () => {
+    [(F = g.state) == null ? void 0 : F.members, _ == null ? void 0 : _.userID, g.type]
+  ), C = ut(w == null ? void 0 : w.user), L = (D = w == null ? void 0 : w.user) == null ? void 0 : D.image, E = dt(g), R = ma((S = g.data) == null ? void 0 : S.customer_tag), O = async () => {
     try {
-      S ? await p.unpin() : await p.pin();
-    } catch (E) {
+      E ? await g.unpin() : await g.pin();
+    } catch (y) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        E
+        y
       );
     }
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
@@ -675,7 +672,7 @@ const ne = ({
         /* @__PURE__ */ s("div", { className: "flex items-start", children: n && /* @__PURE__ */ s(
           "button",
           {
-            className: y(
+            className: k(
               Ke,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
@@ -691,14 +688,14 @@ const ne = ({
           {
             type: "button",
             onClick: x,
-            "aria-label": `View details for ${k}`,
+            "aria-label": `View details for ${C}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
             children: [
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((C = w == null ? void 0 : w.user) == null ? void 0 : C.id) || p.id || "unknown",
-                  name: k,
+                  id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || g.id || "unknown",
+                  name: C,
                   image: L,
                   dmAgentEnabled: r,
                   shape: "circle",
@@ -708,7 +705,7 @@ const ne = ({
               ),
               /* @__PURE__ */ u("span", { className: "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95", children: [
                 /* @__PURE__ */ u("span", { className: "flex max-w-full items-center justify-center", children: [
-                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: k }),
+                  /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: C }),
                   /* @__PURE__ */ u("span", { className: "ml-2 flex gap-1", children: [
                     R && /* @__PURE__ */ s(
                       "span",
@@ -718,7 +715,7 @@ const ne = ({
                         children: /* @__PURE__ */ s(An, { className: "size-2.5", weight: "bold" })
                       }
                     ),
-                    a && S && /* @__PURE__ */ s(
+                    a && E && /* @__PURE__ */ s(
                       "span",
                       {
                         "aria-label": "Starred conversation",
@@ -751,16 +748,16 @@ const ne = ({
               className: Ke,
               onClick: O,
               type: "button",
-              "aria-pressed": S,
-              "aria-label": S ? "Unstar conversation" : "Star conversation",
+              "aria-pressed": E,
+              "aria-label": E ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ s(
                 Ee,
                 {
-                  className: y("size-5", {
-                    "text-[#FFD60A]": S,
-                    "text-black/90": !S
+                  className: k("size-5", {
+                    "text-[#FFD60A]": E,
+                    "text-black/90": !E
                   }),
-                  weight: S ? "fill" : "regular"
+                  weight: E ? "fill" : "regular"
                 }
               )
             }
@@ -768,14 +765,14 @@ const ne = ({
           v && (b !== void 0 ? b : /* @__PURE__ */ s(
             rt,
             {
-              channel: p,
+              channel: g,
               participant: w,
               showDeleteConversation: l,
               showBlockParticipant: d,
               showReportParticipant: m,
               onLeaveConversation: i,
               onBlockParticipant: o,
-              onDeleteConversationClick: g,
+              onDeleteConversationClick: p,
               onBlockParticipantClick: h,
               onReportParticipantClick: f,
               customChannelActions: c,
@@ -786,13 +783,13 @@ const ne = ({
       ] })
     }
   );
-}, ga = (e) => /* @__PURE__ */ s(Ys, { ...e, position: "center" }), it = "vote_up", lt = "vote_down";
-function pa(e) {
+}, fa = (e) => /* @__PURE__ */ s(Ys, { ...e, position: "center" }), it = "vote_up", lt = "vote_down";
+function ga(e) {
   return e != null && e.length ? e.some((t) => t.type === lt) ? "down" : e.some((t) => t.type === it) ? "up" : null : null;
 }
-function ba(e) {
+function pa(e) {
   const { channel: t } = oe(), { client: n } = he("useMessageVote"), a = re(
-    () => pa(e.own_reactions),
+    () => ga(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (n != null && n.userID)
@@ -817,7 +814,7 @@ function ba(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function va(e) {
+function ba(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function ds({
@@ -825,10 +822,10 @@ function ds({
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = va(t);
+  const n = e == null ? void 0 : e.text, a = ba(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const xa = [
+const va = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -842,17 +839,17 @@ function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function us(e) {
-  const t = xa.find(
+  const t = va.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const wa = {
+const xa = {
   video: is,
   audio: Dn,
   image: Rn,
   document: rs
-}, _a = {
+}, wa = {
   pdf: Un,
   doc: Bn,
   xls: $n,
@@ -863,17 +860,17 @@ const wa = {
   markdown: Ln,
   generic: rs
 };
-function Na(e) {
+function _a(e) {
   const t = ce(e);
-  return t !== "document" ? wa[t] : _a[us(e)];
+  return t !== "document" ? xa[t] : wa[us(e)];
 }
 function we(e, t) {
-  return V.createElement(Na(e), t);
+  return V.createElement(_a(e), t);
 }
-const ya = (e) => {
+const Na = (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 = ({
+}, ya = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -885,7 +882,7 @@ 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 p = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [v, x] = U(a), [g, _] = U(0), [w, C] = U(!1), [L, E] = U(!1), [R, O] = U(!1), [F, D] = U(!1), [S, I] = U(!0), [y, T] = U(null), M = J(() => {
     O(!1), x(!0);
   }, []), P = J((N) => {
     const A = f.current;
@@ -893,13 +890,13 @@ const ya = (e) => {
     const H = A.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ya(N) - H.left) / H.width)
+      Math.min(1, (Na(N) - H.left) / H.width)
     );
   }, []), $ = J((N) => {
     const A = h.current;
     A && A.duration && (A.currentTime = N * A.duration);
   }, []), j = (N) => {
-    N.stopPropagation(), k(!0);
+    N.stopPropagation(), C(!0);
     const A = P(N);
     _(A), $(A);
   };
@@ -925,13 +922,13 @@ const ya = (e) => {
   }, [v]), K(() => {
     if (!w) return;
     const N = (H) => _(P(H)), A = (H) => {
-      k(!1), $(P(H));
+      C(!1), $(P(H));
     };
     return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
       window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
     };
   }, [w, P, $]);
-  const Q = I ? { aspectRatio: String(I) } : void 0, ee = I ? "" : " aspect-video", X = Math.round(p * 100);
+  const Q = y ? { aspectRatio: String(y) } : void 0, ee = y ? "" : " aspect-video", X = Math.round(g * 100);
   return /* @__PURE__ */ u(
     "div",
     {
@@ -956,7 +953,7 @@ const ya = (e) => {
         }
       },
       children: [
-        n && (g === "audio" || C) && /* @__PURE__ */ s(
+        n && (p === "audio" || S) && /* @__PURE__ */ s(
           "img",
           {
             src: n,
@@ -964,11 +961,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 && (p === "audio" || S) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(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: p === "audio" ? /* @__PURE__ */ s(
           "audio",
           {
             ref: h,
@@ -978,7 +975,7 @@ const ya = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => D(!0),
             onCanPlay: () => {
-              D(!1), E(!1);
+              D(!1), I(!1);
             },
             onWaiting: () => D(!0),
             onPlay: () => O(!1),
@@ -998,7 +995,7 @@ const ya = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => D(!0),
             onCanPlay: () => {
-              D(!1), E(!1);
+              D(!1), I(!1);
             },
             onWaiting: () => D(!0),
             onPlay: () => O(!1),
@@ -1050,7 +1047,7 @@ const ya = (e) => {
             onTouchStart: j,
             onClick: (N) => N.stopPropagation(),
             onKeyDown: (N) => {
-              N.key === "ArrowRight" && $(Math.min(1, p + 0.05)), N.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
+              N.key === "ArrowRight" && $(Math.min(1, g + 0.05)), N.key === "ArrowLeft" && $(Math.max(0, g - 0.05));
             },
             children: /* @__PURE__ */ s("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ s(
               "div",
@@ -1088,10 +1085,10 @@ const ya = (e) => {
               onMouseDown: j,
               onTouchStart: j,
               onClick: (N) => N.stopPropagation(),
-              onMouseEnter: () => S(!0),
-              onMouseLeave: () => S(!1),
+              onMouseEnter: () => E(!0),
+              onMouseLeave: () => E(!1),
               onKeyDown: (N) => {
-                N.key === "ArrowRight" && $(Math.min(1, p + 0.05)), N.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
+                N.key === "ArrowRight" && $(Math.min(1, g + 0.05)), N.key === "ArrowLeft" && $(Math.max(0, g - 0.05));
               },
               children: [
                 /* @__PURE__ */ s(
@@ -1121,7 +1118,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 = ({
+}, Xt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ka = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ms = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1132,7 +1129,7 @@ const ya = (e) => {
 }) => {
   const l = ce(e), [d, m] = U(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
-    ka,
+    ya,
     {
       source: t,
       mimeType: e,
@@ -1183,7 +1180,7 @@ const ya = (e) => {
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ca(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${ka(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: n,
@@ -1212,16 +1209,16 @@ const ya = (e) => {
   action: l,
   topLeft: d,
   topRight: m,
-  rootRef: g,
+  rootRef: p,
   "data-testid": h
 }) => {
   const f = e === "dark", c = f ? n ?? a : n ?? "", b = f && !n;
   return /* @__PURE__ */ u(
     "div",
     {
-      ref: g,
+      ref: p,
       "data-testid": h,
-      className: y(
+      className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#1e2330]" : "bg-white"
       ),
@@ -1233,7 +1230,7 @@ const ya = (e) => {
           c.trim() !== "" && /* @__PURE__ */ s(
             "p",
             {
-              className: y("mb-0.5 truncate text-base font-medium", {
+              className: k("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
                 "text-white/30": f && b,
                 "text-white": f && !b
@@ -1243,7 +1240,7 @@ const ya = (e) => {
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
             we(r, {
-              className: y(
+              className: k(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1252,7 +1249,7 @@ const ya = (e) => {
             i != null && i !== "" && /* @__PURE__ */ s(
               "span",
               {
-                className: y(
+                className: k(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1273,19 +1270,19 @@ function fs(e) {
 function mt(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 Ca(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ea(e) {
+function Sa(e) {
   return e ? "text-white" : "text-black";
 }
-function Ia(e) {
+function Ea(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Ta(e) {
+function Ia(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Ma(e) {
+function Ta(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const ht = ({ attachment: e, isMyMessage: t }) => {
@@ -1300,14 +1297,14 @@ const ht = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__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] ${Ca(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Vn, { className: `size-12 ${Ta(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 ${Sa(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ea(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Ia(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 });
@@ -1319,7 +1316,7 @@ function ft(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(gs);
 }
-async function Aa(e, t) {
+async function Ma(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1331,7 +1328,7 @@ 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 Aa = ({
   url: e,
   filename: t
 }) => {
@@ -1343,7 +1340,7 @@ const Ra = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Aa(e, t).then(() => {
+        a(!0), Ma(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1370,13 +1367,13 @@ 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, p = t == null ? void 0 : t.thumb_url;
   return {
     resolvedUrl: o,
     resolvedType: l,
     title: d,
     fileSize: m,
-    thumbnailUrl: g
+    thumbnailUrl: p
   };
 }
 const ps = ({
@@ -1433,10 +1430,10 @@ const ps = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Ra, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Aa, { url: e, filename: n })
     }
   );
-}, Da = ({
+}, Ra = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1468,7 +1465,7 @@ const ps = ({
       }
     )
   ] });
-}, La = ({
+}, Da = ({
   message: e
 }) => {
   const t = ft(e);
@@ -1476,7 +1473,7 @@ const ps = ({
     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 = ({
+}, La = ({
   message: e
 }) => {
   const t = ft(e);
@@ -1484,19 +1481,19 @@ const ps = ({
     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 = {
+}, ol = Object.assign(Ra, {
+  Creator: Da,
+  Visitor: La
+}), za = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, Pa = {
+}, Fa = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Oa = {
+}, Pa = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, $a = (e) => e === "dark" ? "sender" : "receiver", Ba = {
+}, Oa = (e) => e === "dark" ? "sender" : "receiver", $a = {
   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]",
@@ -1518,13 +1515,13 @@ const ps = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Ba[$a(e)][a];
+  const l = t != null && t !== "", d = $a[Oa(e)][a];
   return /* @__PURE__ */ u(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: y(
+      className: k(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -1533,10 +1530,10 @@ const ps = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
+        za[e],
         Fa[e],
-        Pa[e],
         n && "border",
-        n && Oa[e],
+        n && Pa[e],
         r
       ),
       children: [
@@ -1544,7 +1541,7 @@ const ps = ({
         l ? /* @__PURE__ */ s(
           "p",
           {
-            className: y(
+            className: k(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -1573,22 +1570,22 @@ const ps = ({
       a.stopPropagation(), e();
     },
     "aria-label": n,
-    className: y(
+    className: k(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ s(Ve, { className: "size-3", weight: "bold" })
   }
-), Ae = (e) => e === "received" ? "light" : "dark", Ua = ({
+), Ae = (e) => e === "received" ? "light" : "dark", Ba = ({
   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", Ua = ({
   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 }] : [], ja = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1611,7 +1608,7 @@ 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 = Ae(e), p = e === "composer" && !!d, h = Ua({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const f = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1623,29 +1620,29 @@ const ps = ({
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, b) => /* @__PURE__ */ s(
-        Va,
+        ja,
         {
           item: c,
           preload: f,
           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
+            p && b === 0 ? /* @__PURE__ */ s(Me, { 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
+}, Va = (e) => /* @__PURE__ */ s(pt, { ...e, state: "composer" }), Ga = (e) => /* @__PURE__ */ s(pt, { ...e, state: "sent" }), Ha = (e) => /* @__PURE__ */ s(pt, { ...e, state: "received" }), Ya = {
+  Composer: Va,
+  Sent: Ga,
+  Received: Ha
 };
-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 Wa = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1655,7 +1652,7 @@ const Xa = {
   text: "TXT",
   markdown: "MD"
 };
-function Ka(e, t) {
+function Xa(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1665,7 +1662,7 @@ function Ka(e, t) {
   }
   if (!e) return;
   if (ce(e) === "document") {
-    const r = us(e), i = Xa[r];
+    const r = us(e), i = Wa[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1673,8 +1670,8 @@ 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 Ka(e, t, n) {
+  const a = Xa(e, t), r = typeof n == "number" && n > 0 ? qa(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ie(e) {
@@ -1685,13 +1682,13 @@ function ie(e) {
     return "download";
   }
 }
-const Ja = {
+const Za = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Qa = {
+}, Ja = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, er = {
+}, Qa = {
   dark: "text-white/85",
   light: "text-black/85"
 }, vs = ({
@@ -1704,16 +1701,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 = Ka(a, t, r), p = /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Qa[e]
+        Ja[e]
       ),
       "aria-hidden": !0,
       children: we(a, {
-        className: y("size-6", er[e]),
+        className: k("size-6", Qa[e]),
         weight: "regular"
       })
     }
@@ -1722,9 +1719,9 @@ const Ja = {
     m ? /* @__PURE__ */ s(
       "p",
       {
-        className: y(
+        className: k(
           "truncate text-xs leading-4",
-          Ja[e]
+          Za[e]
         ),
         children: m
       }
@@ -1735,17 +1732,17 @@ const Ja = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: y(
+      className: k(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
       children: [
-        g,
+        p,
         h
       ]
     }
   ) : /* @__PURE__ */ u(se, { children: [
-    g,
+    p,
     h
   ] });
   return /* @__PURE__ */ u("div", { className: "flex items-center gap-3 px-3 py-2", children: [
@@ -1767,14 +1764,14 @@ async function xs(e, t) {
     }
   }
 }
-const tr = ({
+const er = ({
   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 }] : [], tr = ({
   variant: e,
   item: t,
   index: n,
@@ -1806,9 +1803,9 @@ const tr = ({
   text: l,
   groupPosition: d,
   onClick: m,
-  onDismiss: g
+  onDismiss: p
 }) => {
-  const h = Ae(e), f = e === "composer" && !!g, c = tr({
+  const h = Ae(e), f = e === "composer" && !!p, c = er({
     src: t,
     filename: n,
     fileSize: a,
@@ -1817,17 +1814,17 @@ const tr = ({
     items: o
   }), b = (x) => {
     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 g = c[x];
+    if (!g) return;
+    const _ = g.filename ?? ie(g.src);
+    xs(g.src, _);
   };
   if (c.length === 0)
     return null;
   const v = /* @__PURE__ */ s(
     "span",
     {
-      className: y(
+      className: k(
         "flex size-8 items-center justify-center rounded-full",
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -1842,23 +1839,23 @@ const tr = ({
       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,
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((x, g) => /* @__PURE__ */ s(
+        tr,
         {
           variant: h,
           item: x,
-          index: p,
+          index: g,
           onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ s(Me, { onClick: g, variant: "inline" }) : v
+          trailingAction: f && g === 0 ? /* @__PURE__ */ s(Me, { onClick: p, variant: "inline" }) : v
         },
-        `${x.src}-${p}`
+        `${x.src}-${g}`
       )) })
     }
   );
-}, 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
+}, sr = (e) => /* @__PURE__ */ s(bt, { ...e, state: "composer" }), nr = (e) => /* @__PURE__ */ s(bt, { ...e, state: "sent" }), ar = (e) => /* @__PURE__ */ s(bt, { ...e, state: "received" }), rr = {
+  Composer: sr,
+  Sent: nr,
+  Received: ar
 }, vt = ({
   onPrev: e,
   onNext: t,
@@ -1902,7 +1899,7 @@ const tr = ({
       }));
     },
     [l, e, t, o]
-  ), g = r ?? n !== "pill", f = { className: y(
+  ), p = r ?? n !== "pill", f = { className: k(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1913,7 +1910,7 @@ const tr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: y(
+      className: k(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -1952,8 +1949,8 @@ const tr = ({
       type: "button",
       onClick: m,
       disabled: l,
-      "aria-label": g ? a : void 0,
-      className: y(
+      "aria-label": p ? a : void 0,
+      className: k(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -1966,7 +1963,7 @@ const tr = ({
             "aria-hidden": !0
           }
         ) : /* @__PURE__ */ s(Se, { ...f, "aria-hidden": !0 }),
-        g ? null : a
+        p ? null : a
       ]
     }
   );
@@ -1990,8 +1987,8 @@ 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 p = document.activeElement;
+      p && (p.tagName === "VIDEO" || p.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 };
@@ -2141,7 +2138,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 = ({
+}, ir = "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 = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2149,30 +2146,30 @@ 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, p) => {
+    const h = k(ir, "h-full w-full");
     return t ? /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: y(h, "cursor-zoom-in"),
+        className: k(h, "cursor-zoom-in"),
         children: [
           d.content,
-          g
+          p
         ]
       },
       m
     ) : /* @__PURE__ */ u("div", { className: h, children: [
       d.content,
-      g
+      p
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ s("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
+  return i.length === 1 ? /* @__PURE__ */ s("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -2181,7 +2178,7 @@ const tr = ({
   ) : i.length === 3 ? /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -2194,16 +2191,16 @@ const tr = ({
   ) : /* @__PURE__ */ s(
     "div",
     {
-      className: y(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
       children: i.map((d, m) => {
-        const g = o > 0 && m === i.length - 1;
+        const p = 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: [
+          p ? /* @__PURE__ */ u("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
             o
           ] }) : null
@@ -2219,7 +2216,7 @@ const tr = ({
     [e]
   ), o = J(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, or = (e, t, n, a) => ({
+}, lr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2234,7 +2231,7 @@ const tr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), cr = ({
+}), or = ({
   src: e,
   alt: t,
   items: n
@@ -2242,7 +2239,7 @@ const tr = ({
   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 }) => {
+})), cr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Re(
     r
   );
@@ -2289,18 +2286,18 @@ 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 = or({ src: t, alt: n, items: r }), p = Ae(e), { viewerOpen: h, viewerIndex: f, handleActivate: c, closeViewer: b } = Re(
     d
   );
   if (m.length === 0)
     return null;
   const v = m.map(
-    (x, p) => or(x, p, m.length, l)
+    (x, g) => lr(x, g, m.length, l)
   );
   return /* @__PURE__ */ u(
     Te,
     {
-      variant: g,
+      variant: p,
       text: i,
       groupPosition: o,
       "data-testid": "image-attachment",
@@ -2318,11 +2315,11 @@ const tr = ({
       ]
     }
   );
-}, 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 = ({
+}, dr = (e) => /* @__PURE__ */ s(cr, { ...e }), ur = (e) => /* @__PURE__ */ s(ks, { ...e, state: "sent" }), mr = (e) => /* @__PURE__ */ s(ks, { ...e, state: "received" }), hr = {
+  Composer: dr,
+  Sent: ur,
+  Received: mr
+}, fr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2336,7 +2333,7 @@ const tr = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? ie(l.src) : "document"),
     [l]
   ), m = re(
-    () => l ? pr(l.src) : void 0,
+    () => l ? gr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ u(
@@ -2370,16 +2367,16 @@ const tr = ({
       ]
     }
   );
-}, pr = (e) => {
+}, gr = (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 = ({
+}, pr = ({
   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 }] : [], br = ({
   variant: e,
   item: t,
   index: n,
@@ -2412,38 +2409,38 @@ 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 p = Ae(e), h = pr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Re(
     d
   ), x = e === "composer" && !!m;
   if (h.length === 0)
     return null;
-  const p = h.map((_) => ({
+  const g = h.map((_) => ({
     src: _.src,
     filename: _.filename ?? ie(_.src)
   }));
   return /* @__PURE__ */ u(
     Te,
     {
-      variant: g,
+      variant: p,
       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(
+          const C = _.filename ?? ie(_.src), L = x && w === 0 ? /* @__PURE__ */ s(Me, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             ws,
             {
               url: _.src,
-              filename: k,
+              filename: C,
               variant: "inline",
-              label: `Download ${k}`,
-              tone: g
+              label: `Download ${C}`,
+              tone: p
             }
           );
           return /* @__PURE__ */ s(
-            vr,
+            br,
             {
-              variant: g,
+              variant: p,
               item: _,
               index: w,
               onActivate: b,
@@ -2453,10 +2450,10 @@ const tr = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          gr,
+          fr,
           {
             open: f,
-            items: p,
+            items: g,
             initialIndex: c,
             onClose: v
           }
@@ -2464,10 +2461,10 @@ 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
+}, vr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "composer" }), xr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "sent" }), wr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "received" }), _r = {
+  Composer: vr,
+  Sent: xr,
+  Received: wr
 }, Cs = ({
   open: e,
   items: t,
@@ -2518,7 +2515,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 = ({
+}, Nr = () => /* @__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 = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ u("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2540,11 +2537,11 @@ const tr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(yr, {})
-] }), kr = (e, t, n) => ({
+  /* @__PURE__ */ s(Nr, {})
+] }), yr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(Ss, { item: e, index: t })
-}), Cr = ({
+}), kr = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2556,8 +2553,8 @@ const tr = ({
   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(
+})), Cr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: p } = Re(
     i
   );
   return /* @__PURE__ */ u("div", { className: "relative w-fit", children: [
@@ -2581,7 +2578,7 @@ const tr = ({
           a
         ),
         initialIndex: d,
-        onClose: g
+        onClose: p
       }
     )
   ] });
@@ -2597,13 +2594,13 @@ 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 p = kr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Ae(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: v } = Re(
     m
   );
-  if (g.length === 0)
+  if (p.length === 0)
     return null;
-  const x = g.map(
-    (p, _) => kr(p, _, g.length)
+  const x = p.map(
+    (g, _) => yr(g, _, p.length)
   );
   return /* @__PURE__ */ u(
     Te,
@@ -2625,7 +2622,7 @@ const tr = ({
           Cs,
           {
             open: f,
-            items: Es(g, r),
+            items: Es(p, r),
             initialIndex: c,
             onClose: v
           }
@@ -2633,31 +2630,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
+}, Sr = (e) => /* @__PURE__ */ s(Cr, { ...e }), Er = (e) => /* @__PURE__ */ s(Is, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ s(Is, { ...e, state: "received" }), Tr = {
+  Composer: Sr,
+  Sent: Er,
+  Received: Ir
 }, ye = {
-  Image: fr,
-  Video: Mr,
-  Audio: qa,
-  Pdf: Nr,
-  File: ir
-}, Ar = {
+  Image: hr,
+  Video: Tr,
+  Audio: Ya,
+  Pdf: _r,
+  File: rr
+}, Mr = {
   isUnlocking: () => !1
-}, Rr = {
-  LockedAttachment: Ar
-}, Ts = ot({}), dl = Ts.Provider;
-function Dr(e) {
-  return Ie(Ts)[e] ?? Rr[e];
+}, Ar = {
+  LockedAttachment: Mr
+}, Ts = ot({}), cl = Ts.Provider;
+function Rr(e) {
+  return Ie(Ts)[e] ?? Ar[e];
 }
-const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import("./Card-DouQTbaB.js")), Fr = () => /* @__PURE__ */ s(
+const Dr = V.lazy(() => import("./Card-qS17qnN0.js")), Lr = V.lazy(() => import("./Card-DrTLat6o.js")), zr = () => /* @__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(
+), Fe = (e) => /* @__PURE__ */ s(js, { fallback: /* @__PURE__ */ s(zr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Dr, { ...e }) : /* @__PURE__ */ s(Lr, { ...e }) }), Fr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2674,10 +2671,10 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
       }
     )
   }
-), Or = (e) => {
+), Pr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, $r = (e) => {
+}, Or = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, $e = (e) => {
@@ -2686,13 +2683,13 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
 }, Nt = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Br = (e) => {
+}, $r = (e) => {
   var t;
   return Nt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Ur = (e) => {
+}, Br = (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) => {
+}, Ms = (e) => Pr(e) || Or(e), Ur = (e) => {
   var t;
   return Ms(e) && !((t = e.text) != null && t.trim());
 }, Je = ({
@@ -2718,15 +2715,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 }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Fr, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !o ? /* @__PURE__ */ u(se, { children: [
     m,
-    g
+    p
   ] }) : /* @__PURE__ */ u(se, { children: [
-    g,
+    p,
     m
   ] }) });
-}, Vr = ({
+}, jr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2735,7 +2732,7 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -2749,7 +2746,7 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: n,
@@ -2772,33 +2769,33 @@ const Lr = V.lazy(() => import("./Card-qS17qnN0.js")), zr = V.lazy(() => import(
     /* @__PURE__ */ s(Wn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
-}, Gr = () => null, Hr = () => /* @__PURE__ */ s(
+}, Vr = () => null, Gr = () => /* @__PURE__ */ s(
   qs,
   {
     MessageSentStatus: Qe,
     MessageDeliveredStatus: Qe,
     MessageReadStatus: Qe,
-    MessageSendingStatus: Gr
+    MessageSendingStatus: Vr
   }
-), Yr = /^([a-z][a-z0-9+.-]*):/i, qr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+), Hr = /^([a-z][a-z0-9+.-]*):/i, Yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function yt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Yr.exec(t);
+  const n = Hr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return qr.has(a) ? t : void 0;
+    return Yr.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 }) => {
-  const n = y(
+}, Wr = ({ variant: e, cta: t }) => {
+  const n = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Wr[e]
+    qr[e]
   ), a = yt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
@@ -2825,10 +2822,10 @@ const Wr = {
       children: t.label
     }
   );
-}, Kr = {
+}, Xr = {
   dark: "text-white",
   light: "text-black/90"
-}, Zr = "text-white/30", Jr = {
+}, Kr = "text-white/30", Zr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, kt = ({
@@ -2841,32 +2838,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 x = y(
+  const d = e === "dark", m = t ?? (d ? n : void 0) ?? "", p = m.trim() !== "", h = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
+  if (!p && !h && !c && !b) return null;
+  const x = k(
     "truncate text-base font-medium leading-6",
-    d && !t ? Zr : Kr[e]
-  ), p = y(
+    d && !t ? Kr : Xr[e]
+  ), g = k(
     "truncate text-xs leading-4",
-    Jr[e]
+    Zr[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: [
+          p && /* @__PURE__ */ u("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ s("p", { className: y("min-w-0", x), children: m })
+            /* @__PURE__ */ s("p", { className: k("min-w-0", x), children: m })
           ] }),
-          h && /* @__PURE__ */ s("p", { className: p, children: a })
+          h && /* @__PURE__ */ s("p", { className: g, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ s("p", { className: p, children: f })
+        !b && c && /* @__PURE__ */ s("p", { className: g, children: f })
       ] }),
       l && /* @__PURE__ */ s("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ s(Xr, { variant: e, cta: o })
+    o && /* @__PURE__ */ s(Wr, { variant: e, cta: o })
   ] });
-}, Qr = y(
+}, Jr = k(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2884,8 +2881,8 @@ const Wr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = n != null || a != null, g = y(
-    Qr,
+  const m = n != null || a != null, p = k(
+    Jr,
     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 +2898,7 @@ const Wr = {
       rel: "noopener noreferrer",
       onClick: a,
       "data-testid": d,
-      className: g,
+      className: p,
       children: [
         t,
         h
@@ -2915,7 +2912,7 @@ const Wr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(g, "text-left"),
+      className: k(p, "text-left"),
       children: [
         t,
         h
@@ -2926,17 +2923,17 @@ const Wr = {
     {
       ref: i,
       "data-testid": d,
-      className: g,
+      className: p,
       children: [
         t,
         h
       ]
     }
   );
-}, ei = {
+}, Qr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ti = {
+}, ei = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, He = (e, t) => !!t && !!e && ce(e) === "audio", Ct = (e, t) => {
@@ -2965,7 +2962,7 @@ const Wr = {
   ) }) : /* @__PURE__ */ u(
     "div",
     {
-      className: y(
+      className: k(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -2992,12 +2989,12 @@ const Wr = {
         ) : /* @__PURE__ */ s(
           "div",
           {
-            className: y(
+            className: k(
               "flex h-full w-full items-center justify-center",
-              ei[e]
+              Qr[e]
             ),
             children: we(r, {
-              className: ti[e],
+              className: ei[e],
               weight: "regular"
             })
           }
@@ -3007,7 +3004,7 @@ const Wr = {
       ]
     }
   );
-}, si = ({
+}, ti = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3018,14 +3015,14 @@ const Wr = {
   layout: l = "featured",
   appIcon: d,
   cta: m,
-  onDismiss: g,
+  onDismiss: p,
   onEditClick: h
 }) => {
-  const f = l === "classic", c = He(r, o), b = g ? /* @__PURE__ */ s(
+  const f = l === "classic", c = He(r, o), b = p ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      onClick: g,
+      onClick: p,
       "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" })
@@ -3084,7 +3081,7 @@ const Wr = {
       ]
     }
   );
-}, ni = ({
+}, si = ({
   title: e,
   description: t,
   url: n,
@@ -3096,7 +3093,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 p = Ct(a, i), h = yt(n), f = d == null && h != null && !p ? h : void 0, c = d == null && !p ? m : void 0, b = He(a, i) ? St : void 0, v = d && m ? {
     ...d,
     onClick: () => {
       var x;
@@ -3137,7 +3134,7 @@ const Wr = {
       ]
     }
   );
-}, ai = ({
+}, ni = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3148,9 +3145,9 @@ const Wr = {
   layout: l = "featured",
   appIcon: d,
   cta: m,
-  onClick: g
+  onClick: p
 }) => {
-  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 = Ct(r, o), f = yt(a), c = m == null && f != null && !h ? f : void 0, b = m == null && !h && c != null ? p : void 0;
   return /* @__PURE__ */ u(
     Be,
     {
@@ -3185,9 +3182,9 @@ const Wr = {
     }
   );
 }, Kt = {
-  Composer: si,
-  Sent: ai,
-  Received: ni
+  Composer: ti,
+  Sent: ni,
+  Received: si
 };
 function z(e) {
   const t = e == null ? void 0 : e.trim();
@@ -3196,7 +3193,7 @@ function z(e) {
 function Zt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function ri(e, t) {
+function ai(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
   const n = Zt(e), a = Zt(t);
@@ -3221,7 +3218,7 @@ function Jt(e) {
     mimeType: r
   };
 }
-function ii(e) {
+function ri(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;
 }
@@ -3251,21 +3248,21 @@ function Rs(e) {
       a(r);
       continue;
     }
-    const i = ii(r);
+    const i = ri(r);
     i && n(i, r);
   }
   return t;
 }
-function li(e) {
+function ii(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function oi(e, t, n) {
+function li(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 ci(e) {
+function oi(e) {
   switch (e) {
     case "image":
       return ye.Image;
@@ -3279,7 +3276,7 @@ function ci(e) {
       return ye.File;
   }
 }
-function di(e, t) {
+function ci(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
@@ -3366,18 +3363,18 @@ function di(e, t) {
       };
   }
 }
-function ui({
+function di({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = ci(n.kind), r = {
-    ...di(n.kind, n.attachments),
+  const a = oi(n.kind), r = {
+    ...ci(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const mi = ({
+const ui = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
@@ -3386,24 +3383,24 @@ const mi = ({
   var b;
   const r = Rs(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 i = ii(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 && ai(o, d) ? void 0 : o;
+  let p = 0;
   const h = [], f = (v, x) => {
-    const p = t ? Kt.Sent : Kt.Received;
+    const g = t ? Kt.Sent : Kt.Received;
     h.push(
-      /* @__PURE__ */ s(p, { ...Jt(v) }, x)
+      /* @__PURE__ */ s(g, { ...Jt(v) }, x)
     );
   }, c = (v, x) => {
-    const p = oi(
-      g,
+    const g = li(
+      p,
       i,
       e
     );
-    g += 1, h.push(
+    p += 1, h.push(
       /* @__PURE__ */ s(
-        ui,
+        di,
         {
-          groupPosition: p,
+          groupPosition: g,
           isMyMessage: t,
           segment: v
         },
@@ -3413,8 +3410,8 @@ const mi = ({
   };
   return r.forEach((v, x) => {
     if (v.type === "link") {
-      v.attachments.forEach((p, _) => {
-        f(p, `link-${x}-${_}`);
+      v.attachments.forEach((g, _) => {
+        f(g, `link-${x}-${_}`);
       });
       return;
     }
@@ -3448,7 +3445,7 @@ const mi = ({
       /* @__PURE__ */ s(st, {})
     ] }) : null
   ] });
-}, hi = (e) => {
+}, mi = (e) => {
   var Dt, Lt, zt, Ft, Pt, Ot, $t, Bt, Ut, jt;
   const {
     additionalMessageInputProps: t,
@@ -3460,15 +3457,15 @@ const mi = ({
     handleAction: l,
     handleOpenThread: d,
     handleRetry: m,
-    highlighted: g,
+    highlighted: p,
     isMessageAIGenerated: h,
     isMyMessage: f,
     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,
+  } = e, { client: g } = he("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: C, onFetchSource: L, onDownloadClick: E } = Rr("LockedAttachment"), [R, O] = U(!1), F = Xs(c.id), { selected: D, voteUp: S, voteDown: I } = pa(c), {
+    Attachment: y = Ks,
     EditMessageModal: T = Zs,
     MessageActions: M,
     MessageBlocked: P = Js,
@@ -3496,7 +3493,7 @@ const mi = ({
   }, [c, x]), de = W.length > 0, De = W.reduce(
     (me, pe) => me + pe.attachments.length,
     0
-  ) === ((B == null ? void 0 : B.length) ?? 0), Le = Ua({
+  ) === ((B == null ? void 0 : B.length) ?? 0), Le = Ba({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
@@ -3510,7 +3507,7 @@ const mi = ({
   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 te = f(), Os = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3518,7 +3515,7 @@ 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": p,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Lt = c == null ? void 0 : c.error) == null ? void 0 : Lt.status) !== 403,
@@ -3527,7 +3524,7 @@ const mi = ({
       "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 = {
+  ), Ye = c.poll_id && g.polls.fromState(c.poll_id), Tt = Ur(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 = {
     contentType: "text",
     amountText: (zt = c.metadata) == null ? void 0 : zt.amount_text,
     paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
@@ -3581,7 +3578,7 @@ const mi = ({
           /* @__PURE__ */ s(
             "div",
             {
-              className: y("str-chat__message-inner", {
+              className: k("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": le || It
               }),
               "data-testid": "message-inner",
@@ -3595,7 +3592,7 @@ const mi = ({
                 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: Tt ? /* @__PURE__ */ s(Je, { message: c, standalone: !0 }) : $r(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,
@@ -3609,11 +3606,11 @@ const mi = ({
                     ...At,
                     isMine: !1,
                     isUnlocking: w(c.id),
-                    onUnlockClick: () => k == null ? void 0 : k(c, _)
+                    onUnlockClick: () => C == null ? void 0 : C(c, _)
                   }
                 ),
                 !te && M && /* @__PURE__ */ s(M, {})
-              ] }) }) : Ur(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : Br(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(
@@ -3621,7 +3618,7 @@ const mi = ({
                     {
                       ...Rt,
                       isMine: !0,
-                      onPreviewClick: () => k ? k(c, _) : void 0
+                      onPreviewClick: () => C ? C(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Fe,
@@ -3629,8 +3626,8 @@ const mi = ({
                       ...Rt,
                       isMine: !1,
                       isUnlocking: w(c.id),
-                      onUnlockClick: () => k ? k(c, _) : void 0,
-                      onDownloadClick: () => S ? S(c, _) : void 0
+                      onUnlockClick: () => C ? C(c, _) : void 0,
+                      onDownloadClick: () => E ? E(c, _) : void 0
                     }
                   ),
                   !te && M && /* @__PURE__ */ s(M, {})
@@ -3643,7 +3640,7 @@ const mi = ({
                   }
                 ) })
               ] }) : Bs ? /* @__PURE__ */ s(
-                mi,
+                ui,
                 {
                   groupPosition: Le,
                   isMyMessage: te,
@@ -3668,7 +3665,7 @@ const mi = ({
                 ),
                 Ye && /* @__PURE__ */ s(mn, { poll: Ye }),
                 B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  I,
+                  y,
                   {
                     actionHandler: l,
                     attachments: B
@@ -3701,15 +3698,15 @@ const mi = ({
               }
             ),
             n && ge && /* @__PURE__ */ s(
-              Vr,
+              jr,
               {
                 selected: D,
-                onVoteUp: C,
-                onVoteDown: E
+                onVoteUp: S,
+                onVoteDown: I
               }
             )
           ] }),
-          /* @__PURE__ */ s(Hr, {}),
+          /* @__PURE__ */ s(Gr, {}),
           ae && /* @__PURE__ */ s(
             ee,
             {
@@ -3723,13 +3720,13 @@ const mi = ({
       c.id
     )
   ] });
-}, fi = V.memo(
-  hi,
+}, hi = V.memo(
+  mi,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ws(e, t)
-), gi = (e) => {
+), fi = (e) => {
   const t = _e("CustomMessage");
-  return /* @__PURE__ */ s(fi, { ...t, ...e });
-}, pi = () => {
+  return /* @__PURE__ */ s(hi, { ...t, ...e });
+}, gi = () => {
   var n;
   const { handleDelete: e, message: t } = _e("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
@@ -3742,7 +3739,7 @@ const mi = ({
       children: /* @__PURE__ */ s(Kn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, bi = () => {
+}, pi = () => {
   const { handleFlag: e } = _e("CustomMessageActions");
   return /* @__PURE__ */ s(
     ls,
@@ -3754,19 +3751,19 @@ const mi = ({
       children: /* @__PURE__ */ s(as, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, vi = () => {
+}, bi = () => {
   var t;
   const { message: e } = _e("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
     Qn,
     {
       messageActionSet: [
-        { Component: pi, placement: "quick", type: "delete" },
-        { Component: bi, placement: "quick", type: "flag" }
+        { Component: gi, placement: "quick", type: "delete" },
+        { Component: pi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, xi = ({
+}, vi = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3806,14 +3803,14 @@ const mi = ({
       ]
     }
   );
-}, wi = (e) => ({
+}, xi = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
   )
-}), _i = () => {
+}), wi = () => {
   const { linkPreviewsManager: e } = hn(), { linkPreviews: t } = fn(
     e.state,
-    wi
+    xi
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3826,9 +3823,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(vi, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Et = V.createContext(!1), ul = () => Ie(Et), Ni = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Et = V.createContext(!1), dl = () => Ie(Et), _i = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3838,9 +3835,9 @@ const mi = ({
     onClick: e,
     children: /* @__PURE__ */ s(Zn, { weight: "bold", className: "size-4" })
   }
-), yi = () => {
+), Ni = () => {
   const e = Ie(Et), { handleSubmit: t } = pn(), n = bn(), a = e || !n, {
-    SendButton: r = Ni,
+    SendButton: r = _i,
     AttachmentPreviewList: i = vn
   } = ns("CustomMessageInput");
   return (
@@ -3859,7 +3856,7 @@ const mi = ({
         "data-dd-privacy": "mask",
         children: [
           /* @__PURE__ */ s(xn, {}),
-          /* @__PURE__ */ s(_i, {}),
+          /* @__PURE__ */ s(wi, {}),
           /* @__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(
@@ -3890,7 +3887,7 @@ const mi = ({
       }
     )
   );
-}, ki = ({
+}, yi = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3911,23 +3908,23 @@ 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(Et.Provider, { value: o, children: /* @__PURE__ */ s(gn, { Input: r ?? Ni }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Ci = [
+}, ki = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Si = {
+], Ci = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ei = [
+}, Si = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ii = {
+], Ei = {
   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) => {
+}, et = "age safety guidelines.", Ii = "https://linktr.ee/s/about/contact", es = (e) => ki.includes(e), Ti = (e) => Si.includes(e), Mi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (es(t))
@@ -3935,7 +3932,7 @@ const mi = ({
       kind: "dm-agent",
       type: t
     };
-  if (Mi(t))
+  if (Ti(t))
     return {
       kind: "age-safety",
       type: t
@@ -3946,7 +3943,7 @@ const mi = ({
       kind: "dm-agent",
       type: n
     };
-}, Ri = (e) => {
+}, Ai = (e) => {
   const t = e.indexOf(et);
   if (t === -1)
     return e;
@@ -3956,7 +3953,7 @@ const mi = ({
     /* @__PURE__ */ s(
       "a",
       {
-        href: Ti,
+        href: Ii,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -3965,13 +3962,13 @@ const mi = ({
     ),
     e.slice(n)
   ] });
-}, Di = (e) => {
+}, Ri = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = Ai(
+  const t = e.message.hide_date === !0, n = Mi(
     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()) || Ci[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -3997,7 +3994,7 @@ const mi = ({
     ] });
   }
   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()) || Ei[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4016,7 +4013,7 @@ 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: Ai(i) }) })
           ]
         }
       ),
@@ -4041,15 +4038,15 @@ const mi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Li = /* @__PURE__ */ new Set([
+) }), Di = /* @__PURE__ */ new Set([
   Xe.Thinking,
   Xe.Generating,
   Xe.ExternalSources
-]), zi = ({ threadList: e }) => {
+]), Li = ({ 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);
+  if (!e && l && Di.has(o)) {
+    const x = zi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       ts,
       {
@@ -4063,16 +4060,16 @@ const mi = ({
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: x, user: p }) => {
+    ({ parent_id: x, user: g }) => {
       var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !x;
+      return (g == null ? void 0 : g.id) !== ((_ = r.user) == null ? void 0 : _.id) && !x;
     }
-  ), g = e ? Object.values(i).filter(
-    ({ parent_id: x, user: p }) => {
+  ), p = e ? Object.values(i).filter(
+    ({ parent_id: x, user: g }) => {
       var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && x === (a == null ? void 0 : a.id);
+      return (g == null ? void 0 : g.id) !== ((_ = r.user) == null ? void 0 : _.id) && x === (a == null ? void 0 : a.id);
     }
-  ) : [], h = e ? g : m;
+  ) : [], h = e ? p : 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;
@@ -4129,7 +4126,7 @@ const mi = ({
     ] })
   }
 );
-function Fi(e, t) {
+function zi(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,10 +4135,10 @@ function Fi(e, t) {
       return i;
   }
 }
-const Pi = () => null, Oi = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const Fi = () => null, Pi = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
-    className: y("flex items-center justify-center h-full", e),
+    className: k("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ u("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ s("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ s(
@@ -4182,11 +4179,11 @@ const Pi = () => null, Oi = ({ className: e, message: t }) => /* @__PURE__ */ u(
     ]
   }
 ), 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" }),
+  /* @__PURE__ */ s(Pi, { 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 = ({
+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", Oi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4197,7 +4194,7 @@ 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: p,
   onReportParticipantClick: h,
   customChannelActions: f,
   renderChannelActions: c,
@@ -4205,26 +4202,26 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: v,
   renderHeaderTitleBadges: x
 }) => {
-  var E, I, T, M, P, $;
-  const { channel: p } = oe(), { client: _ } = he(), w = V.useMemo(
+  var I, y, T, M, P, $;
+  const { channel: g } = oe(), { client: _ } = he(), w = V.useMemo(
     () => {
       var j;
       return Ge(
-        (j = p.state) == null ? void 0 : j.members,
+        (j = g.state) == null ? void 0 : j.members,
         _ == null ? void 0 : _.userID,
-        p.type
+        g.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({
-    channel: p,
+    [(I = g.state) == null ? void 0 : I.members, _ == null ? void 0 : _.userID, g.type]
+  ), C = ut(w == null ? void 0 : w.user), L = (y = w == null ? void 0 : w.user) == null ? void 0 : y.image, E = dt(g), R = x == null ? void 0 : x({
+    channel: g,
     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: [
-    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: k }),
+    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: C }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
-  ] }), C = async () => {
+  ] }), S = async () => {
     try {
-      S ? await p.unpin() : await p.pin();
+      E ? await g.unpin() : await g.pin();
     } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -4237,7 +4234,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ s(
         "button",
         {
-          className: y(
+          className: k(
             be,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -4258,8 +4255,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: v,
-              "aria-label": `View details for ${k}`,
-              className: y(
+              "aria-label": `View details for ${C}`,
+              className: k(
                 O,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
@@ -4267,10 +4264,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 /* @__PURE__ */ s(
                   ne,
                   {
-                    id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
-                    name: k,
+                    id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || g.id || "unknown",
+                    name: C,
                     image: L,
-                    starred: n && S,
+                    starred: n && E,
                     dmAgentEnabled: a,
                     size: 48
                   }
@@ -4289,10 +4286,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ s(
               ne,
               {
-                id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
-                name: k,
+                id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || g.id || "unknown",
+                name: C,
                 image: L,
-                starred: n && S,
+                starred: n && E,
                 dmAgentEnabled: a,
                 size: 48
               }
@@ -4319,17 +4316,17 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: be,
-            onClick: C,
+            onClick: S,
             type: "button",
-            "aria-label": S ? "Unstar conversation" : "Star conversation",
+            "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
-                className: y("size-5", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                className: k("size-5", {
+                  "text-yellow-600": E,
+                  "text-black/90": !E
                 }),
-                weight: S ? "duotone" : "regular"
+                weight: E ? "duotone" : "regular"
               }
             )
           }
@@ -4337,7 +4334,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         b && (c !== void 0 ? c : /* @__PURE__ */ s(
           rt,
           {
-            channel: p,
+            channel: g,
             participant: w,
             showDeleteConversation: o,
             showBlockParticipant: l,
@@ -4345,10 +4342,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: m,
-            onBlockParticipantClick: g,
+            onBlockParticipantClick: p,
             onReportParticipantClick: h,
             customChannelActions: f,
-            triggerClassName: y(be, "bg-[#F1F0EE]")
+            triggerClassName: k(be, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -4358,7 +4355,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ s(
           "button",
           {
-            className: y(
+            className: k(
               be,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -4373,8 +4370,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             type: "button",
             onClick: v,
-            "aria-label": `View details for ${k}`,
-            className: y(
+            "aria-label": `View details for ${C}`,
+            className: k(
               F,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -4382,10 +4379,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((P = w == null ? void 0 : w.user) == null ? void 0 : P.id) || p.id || "unknown",
-                  name: k,
+                  id: ((P = w == null ? void 0 : w.user) == null ? void 0 : P.id) || g.id || "unknown",
+                  name: C,
                   image: L,
-                  starred: n && S,
+                  starred: n && E,
                   dmAgentEnabled: a,
                   size: 48
                 }
@@ -4406,10 +4403,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ s(
             ne,
             {
-              id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
-              name: k,
+              id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || g.id || "unknown",
+              name: C,
               image: L,
-              starred: n && S,
+              starred: n && E,
               dmAgentEnabled: a,
               size: 48
             }
@@ -4437,17 +4434,17 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: be,
-            onClick: C,
+            onClick: S,
             type: "button",
-            "aria-label": S ? "Unstar conversation" : "Star conversation",
+            "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
               Ee,
               {
-                className: y("size-6", {
-                  "text-yellow-600": S,
-                  "text-black/90": !S
+                className: k("size-6", {
+                  "text-yellow-600": E,
+                  "text-black/90": !E
                 }),
-                weight: S ? "duotone" : "regular"
+                weight: E ? "duotone" : "regular"
               }
             )
           }
@@ -4455,7 +4452,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         b && (c !== void 0 ? c : /* @__PURE__ */ s(
           rt,
           {
-            channel: p,
+            channel: g,
             participant: w,
             showDeleteConversation: o,
             showBlockParticipant: l,
@@ -4463,7 +4460,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: m,
-            onBlockParticipantClick: g,
+            onBlockParticipantClick: p,
             onReportParticipantClick: h,
             customChannelActions: f,
             triggerClassName: be
@@ -4472,7 +4469,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Bi = ({
+}, $i = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4483,46 +4480,46 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: m,
-  onReportParticipantClick: g,
+  onReportParticipantClick: p,
   showBlockParticipant: h = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
   composerDisabledReason: b,
   showStarButton: v = !1,
   chatbotVotingEnabled: x = !1,
-  renderChannelBanner: p,
+  renderChannelBanner: g,
   renderHeaderTitleBadges: _,
   customChannelActions: w,
-  renderChannelActions: k,
+  renderChannelActions: C,
   renderMessage: L,
-  dmAgentEnabled: S = !1,
+  dmAgentEnabled: E = !1,
   viewerLanguage: R,
   showChannelInfo: O = !0,
   onParticipantNameClick: F,
   composerInput: D
 }) => {
   var N, A, H, q;
-  const { channel: C } = oe(), { client: E } = he(), I = V.useMemo(
+  const { channel: S } = oe(), { client: I } = he(), y = V.useMemo(
     () => {
       var Y;
       return Ge(
-        (Y = C.state) == null ? void 0 : Y.members,
-        E == null ? void 0 : E.userID,
-        C.type
+        (Y = S.state) == null ? void 0 : Y.members,
+        I == null ? void 0 : I.userID,
+        S.type
       );
     },
-    [(N = C.state) == null ? void 0 : N.members, E == null ? void 0 : E.userID, C.type]
+    [(N = S.state) == null ? void 0 : N.members, I == null ? void 0 : I.userID, S.type]
   ), T = V.useMemo(() => {
     var W;
-    const Y = E == null ? void 0 : E.userID;
-    return Y ? Object.values(((W = C.state) == null ? void 0 : W.members) || {}).find((Z) => {
+    const Y = I == null ? void 0 : I.userID;
+    return Y ? Object.values(((W = S.state) == null ? void 0 : W.members) || {}).find((Z) => {
       var de;
       return ((de = Z.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
-  }, [E == null ? void 0 : E.userID, (A = C.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), $ = S && M === !1 && P === !0, j = C.state.messages.some(
+  }, [I == null ? void 0 : I.userID, (A = S.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = y == null ? void 0 : y.user) == null ? void 0 : q.is_account) ?? (y == null ? void 0 : y.is_account), $ = E && M === !1 && P === !0, j = S.state.messages.some(
     (Y) => Y.type !== "deleted"
-  ), Q = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
-    fa,
+  ), Q = g ? /* @__PURE__ */ s(V.Fragment, { children: g() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
+    ha,
     {
       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,
@@ -4537,15 +4534,15 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       showReportParticipant: f,
       onDeleteConversationClick: d,
       onBlockParticipantClick: m,
-      onReportParticipantClick: g,
+      onReportParticipantClick: p,
       customChannelActions: w,
-      renderChannelActions: k,
+      renderChannelActions: C,
       onParticipantNameClick: F
     }
   ) : null, X = J(
     (Y) => {
       const { message: B } = _e("ChannelView"), W = /* @__PURE__ */ s(
-        gi,
+        fi,
         {
           ...Y,
           chatbotVotingEnabled: x,
@@ -4561,13 +4558,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     {
       overrides: {
         Message: X,
-        MessageActions: vi,
+        MessageActions: bi,
         UnreadMessagesSeparator: () => null
       },
       children: /* @__PURE__ */ u(Cn, { children: [
         !F && /* @__PURE__ */ u(se, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            $i,
+            Oi,
             {
               onBack: e,
               showBackButton: t,
@@ -4581,9 +4578,9 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               showReportParticipant: f,
               onDeleteConversationClick: d,
               onBlockParticipantClick: m,
-              onReportParticipantClick: g,
+              onReportParticipantClick: p,
               customChannelActions: w,
-              renderChannelActions: k,
+              renderChannelActions: C,
               renderHeaderTitleBadges: _
             }
           ) }, "lt-channel-header"),
@@ -4613,14 +4610,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ s(V.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ s(V.Fragment, { children: r(S) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          ki,
+          yi,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(C)
+              renderActions: () => n == null ? void 0 : n(S)
             },
-            renderFooter: () => a == null ? void 0 : a(C),
+            renderFooter: () => a == null ? void 0 : a(S),
             disabled: c,
             disabledReason: b,
             composerInput: D
@@ -4641,27 +4638,27 @@ 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 = Fi,
+    showDeleteConversation: p = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
     showBlockParticipant: b = !0,
     showReportParticipant: v = !0,
     composerDisabled: x = !1,
-    composerDisabledReason: p,
+    composerDisabledReason: g,
     dmAgentEnabled: _,
     messageMetadata: w,
-    onMessageSent: k,
+    onMessageSent: C,
     showStarButton: L = !1,
-    chatbotVotingEnabled: S = !1,
+    chatbotVotingEnabled: E = !1,
     renderChannelBanner: R,
     renderHeaderTitleBadges: O,
     customChannelActions: F,
     renderChannelActions: D,
-    renderMessage: C,
-    onMessageLinkClick: E,
-    sendButton: I,
+    renderMessage: S,
+    onMessageLinkClick: I,
+    sendButton: y,
     attachmentPreviewList: T,
     viewerLanguage: M,
     showChannelInfo: P = !0,
@@ -4684,26 +4681,26 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ...A,
           ...q && { skip_push: !0 }
         }, W = await e.sendMessage(Y, B);
-        return k == null || k(W), W;
+        return C == null || C(W), W;
       },
-      [e, _, w, k]
+      [e, _, w, C]
     ), ee = G(null);
     return K(() => {
-      if (!E) return;
+      if (!I) return;
       const X = ee.current;
       if (!X) return;
       const N = (A) => {
         const H = A.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
         const 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;
-        E(Y, Z);
+        I(Y, Z);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
-    }, [E, e]), /* @__PURE__ */ s(
+    }, [I, e]), /* @__PURE__ */ s(
       "div",
       {
         ref: ee,
-        className: y(
+        className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -4711,16 +4708,16 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           yn,
           {
             channel: e,
-            MessageSystem: Di,
+            MessageSystem: Ri,
             EmptyStateIndicator: m,
             LoadingIndicator: je,
-            DateSeparator: ga,
-            TypingIndicator: zi,
+            DateSeparator: fa,
+            TypingIndicator: Li,
             doSendMessageRequest: Q,
-            ...I ? { SendButton: I } : {},
+            ...y ? { SendButton: y } : {},
             ...T ? { AttachmentPreviewList: T } : {},
             children: /* @__PURE__ */ s(
-              Bi,
+              $i,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4730,22 +4727,22 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onLeaveConversation: o,
                 onBlockParticipant: l,
                 CustomChannelEmptyState: m,
-                showDeleteConversation: g,
+                showDeleteConversation: p,
                 onDeleteConversationClick: h,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
                 showBlockParticipant: b,
                 showReportParticipant: v,
                 composerDisabled: x,
-                composerDisabledReason: p,
+                composerDisabledReason: g,
                 showStarButton: L,
                 dmAgentEnabled: _,
-                chatbotVotingEnabled: S,
+                chatbotVotingEnabled: E,
                 renderChannelBanner: R,
                 renderHeaderTitleBadges: O,
                 customChannelActions: F,
                 renderChannelActions: D,
-                renderMessage: C,
+                renderMessage: S,
                 viewerLanguage: M,
                 showChannelInfo: P,
                 onParticipantNameClick: $,
@@ -4774,7 +4771,7 @@ const ke = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 ke.displayName = "ErrorState";
-const ml = ({
+const ul = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4785,28 +4782,28 @@ const ml = ({
   CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
-  dmAgentEnabled: g,
+  dmAgentEnabled: p,
   onMessageSent: h,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
   renderHeaderTitleBadges: b,
   renderChannelBanner: v,
   customChannelActions: x,
-  renderChannelActions: p,
+  renderChannelActions: g,
   onParticipantNameClick: _,
   renderMessage: w,
-  onMessageLinkClick: k,
+  onMessageLinkClick: C,
   showChannelInfo: L,
-  composerInput: S
+  composerInput: E
 }) => {
   const {
     client: R,
     isConnected: O,
     isLoading: F,
     error: D,
-    refreshConnection: C,
-    service: E,
-    debug: I
+    refreshConnection: S,
+    service: I,
+    debug: y
   } = ea(), [T, M] = U(null), [P, $] = U(null), [j, Q] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
@@ -4827,7 +4824,7 @@ const ml = ({
     (async () => {
       var De, Le;
       try {
-        I && console.log(
+        y && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
@@ -4840,27 +4837,27 @@ const ml = ({
           { limit: 1 }
         );
         if (ae.length > 0) {
-          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), I && console.log(
+          M(ae[0]), $(null), (De = N.current) == null || De.call(N, ae[0]), y && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ae[0].id
           );
           return;
         }
         const ue = X.current;
-        if (!ue || !E) {
-          Z(), $("No conversation found with this account"), I && console.log(
+        if (!ue || !I) {
+          Z(), $("No conversation found with this account"), y && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const le = await E.startChannelWithParticipant({
+          const le = await I.startChannelWithParticipant({
             id: ue.id,
             name: ue.name,
             phone: ue.phone
           });
-          M(le), $(null), (Le = N.current) == null || Le.call(N, le), I && console.log(
+          M(le), $(null), (Le = N.current) == null || Le.call(N, le), y && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -4877,18 +4874,18 @@ const ml = ({
         ), Z(), H.current || $("Failed to load conversation");
       }
     })();
-  }, [i, R, O, E, I]);
+  }, [i, R, O, I, y]);
   const q = G(r);
   q.current = r;
   const Y = J(() => {
     var B;
     M(null), Q(!0), (B = q.current) == null || B.call(q);
   }, []);
-  return F ? /* @__PURE__ */ s(je, {}) : D ? /* @__PURE__ */ s(ke, { message: D, onBack: C }) : !O || !R ? /* @__PURE__ */ s(
+  return F ? /* @__PURE__ */ s(je, {}) : D ? /* @__PURE__ */ s(ke, { message: D, onBack: S }) : !O || !R ? /* @__PURE__ */ s(
     ke,
     {
       message: "Not connected to messaging service",
-      onBack: C
+      onBack: S
     }
   ) : 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,
@@ -4903,23 +4900,23 @@ const ml = ({
       showDeleteConversation: ee,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
-      dmAgentEnabled: g,
+      dmAgentEnabled: p,
       onMessageSent: h,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
       renderHeaderTitleBadges: b,
       customChannelActions: x,
-      renderChannelActions: p,
+      renderChannelActions: g,
       onParticipantNameClick: _,
       renderMessage: w,
-      onMessageLinkClick: k,
+      onMessageLinkClick: C,
       showChannelInfo: L,
-      composerInput: S
+      composerInput: E
     },
     T.id
   ) }) }) : /* @__PURE__ */ s(je, {});
 };
-function Ui(e) {
+function Bi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
@@ -4933,18 +4930,18 @@ const zs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), ji = zs.Provider, Vi = () => V.useContext(zs), Gi = (e, t) => {
+}), Ui = zs.Provider, ji = () => V.useContext(zs), Vi = (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) => {
+}, Gi = (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 = Vi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4964,13 +4961,13 @@ 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);
+    } = ji(), { client: m } = he(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = dt(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
         {
           ...e,
-          active: g,
+          active: p,
           selectedChannel: a,
           onChannelSelect: r,
           viewerLanguage: d
@@ -4978,46 +4975,46 @@ const zs = V.createContext({
       );
     const f = () => {
       t && r(t);
-    }, c = (C) => {
-      const E = C.key === "Enter" || C.key === " ", I = C.repeat;
-      !E || I || (C.preventDefault(), f());
+    }, c = (S) => {
+      const I = S.key === "Enter" || S.key === " ", y = S.repeat;
+      !I || y || (S.preventDefault(), f());
     }, b = Ge(
       (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 = (() => {
-      var E;
-      const C = (E = t == null ? void 0 : t.state) == null ? void 0 : E.messages;
-      if (C != null && C.length) {
-        for (let I = C.length - 1; I >= 0; I--)
-          if (C[I].type !== "system") return C[I];
+    ), v = ut(b == null ? void 0 : b.user), x = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, g = (() => {
+      var I;
+      const S = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
+      if (S != null && S.length) {
+        for (let y = S.length - 1; y >= 0; y--)
+          if (S[y].type !== "system") return S[y];
       }
     })(), w = (() => {
       var M;
-      const C = ds({
-        message: p,
+      const S = ds({
+        message: g,
         viewerLanguage: d
-      }), { custom_type: E, attachment_content_type: I } = (p == null ? void 0 : p.metadata) || {};
-      if (E === "MESSAGE_TIP")
-        return C || "Sent a tip";
-      if (E === "MESSAGE_PAID")
-        return C || "Sent a message";
-      if (E === "MESSAGE_ATTACHMENT") {
-        if (I === "text")
+      }), { custom_type: I, attachment_content_type: y } = (g == null ? void 0 : g.metadata) || {};
+      if (I === "MESSAGE_TIP")
+        return S || "Sent a tip";
+      if (I === "MESSAGE_PAID")
+        return S || "Sent a message";
+      if (I === "MESSAGE_ATTACHMENT") {
+        if (y === "text")
           return "🔒 Sent a locked message";
-        if (I === "media")
+        if (y === "media")
           return "🔒 Sent a locked attachment";
       }
-      if (C) return C;
-      const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
+      if (S) return S;
+      const T = (M = g == null ? void 0 : g.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;
+    })(), C = g != null && g.created_at ? Gi(new Date(g.created_at)) : "", L = g ? $e(g) : !1, E = l ? l(g, w) : `${L ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
-      isSelected: g,
+      isSelected: p,
       participantName: v,
       unreadCount: R,
-      hasTimestamp: !!k
+      hasTimestamp: !!C
     }), /* @__PURE__ */ s(
       "div",
       {
@@ -5025,11 +5022,11 @@ const zs = V.createContext({
         tabIndex: 0,
         onClick: f,
         onKeyDown: c,
-        className: y(
+        className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
-            "bg-black/[0.04]": g,
-            "hover:bg-black/[0.02]": !g
+            "bg-black/[0.04]": p,
+            "hover:bg-black/[0.02]": !p
           }
         ),
         "data-dd-privacy": "mask",
@@ -5049,7 +5046,7 @@ const zs = V.createContext({
               /* @__PURE__ */ u(
                 "h3",
                 {
-                  className: y(
+                  className: k(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -5058,10 +5055,10 @@ const zs = V.createContext({
                   ]
                 }
               ),
-              k && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: k })
+              C && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: C })
             ] }),
             /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: S }),
+              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: E }),
               R > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: R > 99 ? "99+" : R })
             ] })
           ] })
@@ -5071,34 +5068,34 @@ const zs = V.createContext({
   }
 );
 Fs.displayName = "CustomChannelPreview";
-const Yi = { last_message_at: -1 }, qi = V.memo(
+const Hi = { last_message_at: -1 }, Yi = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Yi,
+    sort: i = Hi,
     className: o,
     customEmptyStateIndicator: l,
     channelListPaginator: d = In,
     channelPreview: m,
-    renderMessagePreview: g,
+    renderMessagePreview: p,
     viewerLanguage: h,
     lockChannelOrder: f,
     onMessageNewHandler: c,
     onMessageNew: b,
     onChannelVisible: v,
     onAddedToChannel: x,
-    onChannelUpdated: p
+    onChannelUpdated: g
   }) => {
     const _ = V.useRef(0);
     _.current++;
-    const { debug: w = !1 } = ct(), k = V.useCallback(
-      (S) => {
-        for (const R of S)
-          Ui(R);
-        return r ? r(S) : S;
+    const { debug: w = !1 } = ct(), C = V.useCallback(
+      (E) => {
+        for (const R of E)
+          Bi(R);
+        return r ? r(E) : E;
       },
       [r]
     );
@@ -5113,7 +5110,7 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
         onChannelSelect: e,
         debug: w,
         channelPreview: m,
-        renderMessagePreview: g,
+        renderMessagePreview: p,
         viewerLanguage: h
       }),
       [
@@ -5121,31 +5118,31 @@ const Yi = { last_message_at: -1 }, qi = V.memo(
         e,
         w,
         m,
-        g,
+        p,
         h
       ]
     );
     return /* @__PURE__ */ s(
       "div",
       {
-        className: y(
+        className: k(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(ji, { value: L, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Ui, { value: L, children: /* @__PURE__ */ s(
           En,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: k,
+            channelRenderFilterFn: C,
             lockChannelOrder: f,
             onMessageNewHandler: c,
             onMessageNew: b,
             onChannelVisible: v,
             onAddedToChannel: x,
-            onChannelUpdated: p,
+            onChannelUpdated: g,
             Paginator: d,
             Preview: Fs,
             EmptyStateIndicator: l
@@ -5156,11 +5153,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 = {
+Yi.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%`, 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(
+}, Wi = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5170,12 +5167,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],
+      backgroundColor: qi[e],
       WebkitMask: ss,
       mask: ss
     }
   }
-), Ki = {
+), Xi = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5194,23 +5191,23 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   "div",
   {
     "data-dd-privacy": "mask",
-    className: y(
+    className: k(
       "relative px-4 py-3",
       "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]",
       r
     ),
     style: {
-      ...Ki[e],
+      ...Xi[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(Wi, { variant: e })
     ]
   }
-), Zi = ({
+), Ki = ({
   text: e,
   tail: t,
   header: n,
@@ -5224,10 +5221,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 = ({
+), Zi = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Ps, { variant: "sent", text: e, tail: t, className: n }), ml = {
+  Sent: Zi,
+  Received: Ki
+}, Ji = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5239,7 +5236,7 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     onClick: t,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: y(
+    className: k(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -5249,7 +5246,7 @@ const ss = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), fl = ({
+), hl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5278,7 +5275,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,
+            Ji,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5294,39 +5291,39 @@ 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,
+  Fi as C,
+  dl as D,
+  Rr as E,
+  hl as F,
+  pa as G,
   ea as H,
   Kt as L,
-  cl as M,
+  ol as M,
   Ne as a,
   ne as b,
-  qi as c,
+  Yi as c,
   Ls as d,
-  dl as e,
-  Qi as f,
+  cl as e,
+  Ji 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,
+  ml as j,
+  jr as k,
+  ll as l,
+  ul as m,
+  Ka as n,
+  qa as o,
+  Gi as p,
+  Xa as q,
   we as r,
   ds as s,
   gs as t,
   aa as u,
-  Ua as v,
-  va as w,
+  Ba as v,
+  ba as w,
   Ge as x,
   ft as y,
   gt as z
 };
-//# sourceMappingURL=index-thS5zrVb.js.map
+//# sourceMappingURL=index-Butsywzq.js.map