@linktr.ee/messaging-react 3.12.2-rc-1784003424 → 3.12.2-rc-1784010232

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