@linktr.ee/messaging-react 1.37.0 → 1.38.0-rc-1777583423

package/dist/{index-DOsC03ZN.js → index-jnKl3mQ0.js}

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as o, Fragment as se } from "react/jsx-runtime";
-import $ from "classnames";
-import j, { createContext as dt, useContext as ut, useCallback as O, useState as T, useRef as J, useEffect as Z, useMemo as Be, Suspense as mt } from "react";
-import { StreamChatService as Pt } from "@linktr.ee/messaging-core";
-import { Chat as Lt, ChannelList as Ft, DateSeparator as At, useChannelStateContext as me, useChatContext as We, areMessageUIPropsEqual as Ot, useMessageReminder as Ut, useComponentContext as ht, Attachment as $t, EditMessageModal as zt, MessageBlocked as Bt, MessageBouncePrompt as jt, MessageDeleted as Gt, MessageIsThreadReplyInChannelButtonIndicator as Ht, MessageRepliesCountButton as Vt, ReminderNotification as Yt, StreamedMessageText as Wt, messageHasAttachments as qt, messageHasReactions as Xt, isDateSeparatorMessage as Zt, isMessageBlocked as Kt, isMessageBounced as Jt, MessageBounceModal as Qt, MessageText as Je, Poll as es, MessageErrorIcon as ts, useMessageContext as ft, useMessageComposer as ss, useStateStore as ns, MessageInput as as, useMessageInputContext as rs, useMessageComposerHasSendableData as is, SimpleAttachmentSelector as ls, QuotedMessagePreview as os, AttachmentPreviewList as cs, TextareaComposer as ds, MessageTimestamp as Oe, useTypingContext as us, Channel as ms, WithComponents as hs, Window as fs, MessageList as gs } from "stream-chat-react";
-import { StarIcon as je, GiftIcon as bs, XIcon as Re, SpinnerGapIcon as ke, SignOutIcon as xs, ProhibitInsetIcon as Qe, FlagIcon as ps, ArrowUpIcon as vs, SparkleIcon as Ge, ProhibitIcon as ws, ArrowLeftIcon as et, CaretRightIcon as tt, DotsThreeIcon as st, MagnifyingGlassIcon as Ns, ChatCircleDotsIcon as nt, FileIcon as gt, ImageIcon as ys, SpeakerHighIcon as Cs, VideoCameraIcon as _s, FileMdIcon as Es, FileTextIcon as Is, FileZipIcon as Ss, FilePptIcon as ks, FileCsvIcon as Ts, FileXlsIcon as Ms, FileDocIcon as Ds, FilePdfIcon as Rs, CircleNotchIcon as bt, PlayIcon as at, PauseIcon as Ps, LinkIcon as Ls, DownloadSimpleIcon as Fs } from "@phosphor-icons/react";
-import { LinkPreviewsManager as rt } from "stream-chat";
-const xt = dt({
+import { jsx as e, jsxs as d, Fragment as fe } from "react/jsx-runtime";
+import A from "classnames";
+import j, { createContext as mt, useContext as ht, useCallback as U, useState as M, useRef as Q, useEffect as K, useMemo as ze, Suspense as ft } from "react";
+import { StreamChatService as Ot } from "@linktr.ee/messaging-core";
+import { Chat as Ut, ChannelList as $t, DateSeparator as zt, useChannelStateContext as ue, useChatContext as He, areMessageUIPropsEqual as jt, useMessageReminder as Bt, useComponentContext as gt, Attachment as Gt, EditMessageModal as Vt, MessageBlocked as Ht, MessageBouncePrompt as Yt, MessageDeleted as Wt, MessageIsThreadReplyInChannelButtonIndicator as qt, MessageRepliesCountButton as Xt, ReminderNotification as Zt, StreamedMessageText as Kt, messageHasAttachments as Jt, messageHasReactions as Qt, isDateSeparatorMessage as es, isMessageBlocked as ts, isMessageBounced as ss, MessageBounceModal as ns, MessageText as Qe, Poll as as, MessageErrorIcon as rs, useMessageContext as bt, useMessageComposer as is, useStateStore as os, MessageInput as ls, useMessageInputContext as cs, useMessageComposerHasSendableData as ds, SimpleAttachmentSelector as us, QuotedMessagePreview as ms, AttachmentPreviewList as hs, TextareaComposer as fs, MessageTimestamp as Fe, useTypingContext as gs, Channel as bs, WithComponents as xs, Window as ps, MessageList as vs } from "stream-chat-react";
+import { StarIcon as je, GiftIcon as ws, XIcon as Ye, SpinnerGapIcon as Se, SignOutIcon as ys, ProhibitInsetIcon as et, FlagIcon as Ns, ArrowUpIcon as Cs, SparkleIcon as Be, ProhibitIcon as _s, ArrowLeftIcon as tt, CaretRightIcon as st, DotsThreeIcon as nt, MagnifyingGlassIcon as Es, ChatCircleDotsIcon as at, FileIcon as xt, ImageIcon as ks, SpeakerHighIcon as Ss, VideoCameraIcon as Is, FileMdIcon as Ms, FileTextIcon as Ts, FileZipIcon as Ds, FilePptIcon as Rs, FileCsvIcon as Ls, FileXlsIcon as Ps, FileDocIcon as As, FilePdfIcon as Fs, CircleNotchIcon as pt, PlayIcon as rt, PauseIcon as Os, LinkIcon as Us, DownloadSimpleIcon as $s } from "@phosphor-icons/react";
+import { LinkPreviewsManager as it } from "stream-chat";
+const vt = mt({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,50 +15,50 @@ const xt = dt({
   refreshConnection: async () => {
   },
   debug: !1
-}), Pe = () => ut(xt), ia = ({
+}), De = () => ht(vt), ha = ({
   children: t,
   user: s,
   serviceConfig: n,
   apiKey: r,
-  capabilities: l = {},
-  debug: u = !1
+  capabilities: o = {},
+  debug: l = !1
 }) => {
-  const i = O(
-    (g, ...x) => {
-      u && console.log(`🔥 [MessagingProvider] ${g}`, ...x);
+  const i = U(
+    (b, ...k) => {
+      l && console.log(`🔥 [MessagingProvider] ${b}`, ...k);
     },
-    [u]
+    [l]
   );
   i("🔄 RENDER START", {
     userId: s == null ? void 0 : s.id,
     apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
     serviceConfig: !!n,
-    capabilities: Object.keys(l)
+    capabilities: Object.keys(o)
   });
-  const [c, f] = T(null), [d, m] = T(null), [h, C] = T(!1), [a, E] = T(!1), [y, w] = T(null), b = J(!1), S = J({
+  const [c, h] = M(null), [u, m] = M(null), [f, v] = M(!1), [a, C] = M(!1), [g, y] = M(null), p = Q(!1), S = Q({
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
-    capabilities: l
-  }), v = J(0);
-  v.current++, i("📊 RENDER INFO", {
-    renderCount: v.current,
+    capabilities: o
+  }), w = Q(0);
+  w.current++, i("📊 RENDER INFO", {
+    renderCount: w.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: S.current.userId !== (s == null ? void 0 : s.id),
       apiKeyChanged: S.current.apiKey !== r,
       serviceConfigChanged: S.current.serviceConfig !== n,
-      capabilitiesChanged: S.current.capabilities !== l
+      capabilitiesChanged: S.current.capabilities !== o
     }
   }), S.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
-    capabilities: l
-  }, Z(() => {
-    const g = v.current;
+    capabilities: o
+  }, K(() => {
+    const b = w.current;
     if (i("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: g,
+      renderCount: b,
       apiKey: !!r,
       serviceConfig: !!n,
       dependencies: {
@@ -69,50 +69,50 @@ const xt = dt({
       }
     }), !r || !n) {
       i("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: g,
+        renderCount: b,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     i("🚀 CREATING NEW SERVICE", {
-      renderCount: g,
+      renderCount: b,
       apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
       serviceConfigChanged: S.current.serviceConfig !== n
     });
-    const x = new Pt({
+    const k = new Ot({
       ...n,
       apiKey: r,
-      debug: u
+      debug: l
     });
-    return f(x), i("✅ SERVICE SET", {
-      renderCount: g,
-      serviceInstance: !!x
+    return h(k), i("✅ SERVICE SET", {
+      renderCount: b,
+      serviceInstance: !!k
     }), () => {
       i("🧹 SERVICE CLEANUP", {
-        renderCount: g,
+        renderCount: b,
         reason: "Effect cleanup"
-      }), x.disconnectUser().catch(console.error);
+      }), k.disconnectUser().catch(console.error);
     };
-  }, [r, n, u, i]);
-  const _ = J(null);
-  Z(() => {
-    var x, R;
+  }, [r, n, l, i]);
+  const E = Q(null);
+  K(() => {
+    var k, R;
     if (i("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
-      isConnecting: b.current,
-      isConnected: h,
+      isConnecting: p.current,
+      isConnected: f,
       dependencies: { service: !!c, userId: s == null ? void 0 : s.id }
     }), !c || !s) {
       i("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (b.current) {
+    if (p.current) {
       i("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((x = _.current) == null ? void 0 : x.serviceId) === c && ((R = _.current) == null ? void 0 : R.userId) === s.id) {
+    if (((k = E.current) == null ? void 0 : k.serviceId) === c && ((R = E.current) == null ? void 0 : R.userId) === s.id) {
       i(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,40 +120,40 @@ const xt = dt({
       return;
     }
     (async () => {
-      i("🚀 STARTING USER CONNECTION", { userId: s.id }), b.current = !0, E(!0), w(null);
+      i("🚀 STARTING USER CONNECTION", { userId: s.id }), p.current = !0, C(!0), y(null);
       try {
         i("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const k = await c.connectUser(s);
-        m(k), C(!0), _.current = { serviceId: c, userId: s.id }, i("✅ USER CONNECTION SUCCESS", {
+        const I = await c.connectUser(s);
+        m(I), v(!0), E.current = { serviceId: c, userId: s.id }, i("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: k.userID
+          clientId: I.userID
         });
-      } catch (k) {
-        const P = k instanceof Error ? k.message : "Connection failed";
-        w(P), i("❌ USER CONNECTION ERROR", {
+      } catch (I) {
+        const L = I instanceof Error ? I.message : "Connection failed";
+        y(L), i("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: P
+          error: L
         });
       } finally {
-        E(!1), b.current = !1, i("🔄 USER CONNECTION FINISHED", {
+        C(!1), p.current = !1, i("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: h
+          isConnected: f
         });
       }
     })();
-  }, [c, s, i, h]), Z(() => (i("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, i, f]), K(() => (i("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
-    isConnected: h
+    isConnected: f
   }), () => {
-    c && h ? (i(
+    c && f ? (i(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), _.current = null, c.disconnectUser().catch(console.error)) : i("🔇 CLEANUP EFFECT SKIPPED", {
+    ), E.current = null, c.disconnectUser().catch(console.error)) : i("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
-      isConnected: h
+      isConnected: f
     });
-  }), [c, h, i]);
-  const L = O(async () => {
+  }), [c, f, i]);
+  const F = U(async () => {
     if (i("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
       hasUser: !!s
@@ -161,108 +161,108 @@ const xt = dt({
       i("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    i("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), E(!0);
+    i("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), C(!0);
     try {
       i("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), i("📞 RECONNECTING FOR REFRESH");
-      const g = await c.connectUser(s);
-      m(g), C(!0), w(null), i("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
-    } catch (g) {
-      const x = g instanceof Error ? g.message : "Refresh failed";
-      w(x), i("❌ CONNECTION REFRESH ERROR", {
+      const b = await c.connectUser(s);
+      m(b), v(!0), y(null), i("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (b) {
+      const k = b instanceof Error ? b.message : "Refresh failed";
+      y(k), i("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
-        error: x
+        error: k
       });
     } finally {
-      E(!1), i("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      C(!1), i("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
   }, [c, s, i]), N = j.useMemo(() => (i("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
-    hasClient: !!d,
-    isConnected: h,
+    hasClient: !!u,
+    isConnected: f,
     isLoading: a,
-    hasError: !!y,
-    capabilitiesKeys: Object.keys(l)
+    hasError: !!g,
+    capabilitiesKeys: Object.keys(o)
   }), {
     service: c,
-    client: d,
-    isConnected: h,
+    client: u,
+    isConnected: f,
     isLoading: a,
-    error: y,
-    capabilities: l,
-    refreshConnection: L,
-    debug: u
+    error: g,
+    capabilities: o,
+    refreshConnection: F,
+    debug: l
   }), [
     c,
-    d,
-    h,
+    u,
+    f,
     a,
-    y,
+    g,
+    o,
+    F,
     l,
-    L,
-    u,
     i
   ]);
   return i("🔄 RENDER END", {
-    renderCount: v.current,
-    willRenderChat: !!(d && h),
+    renderCount: w.current,
+    willRenderChat: !!(u && f),
     contextValueReady: !!N
-  }), /* @__PURE__ */ e(xt.Provider, { value: N, children: d && h ? /* @__PURE__ */ e(
-    Lt,
+  }), /* @__PURE__ */ e(vt.Provider, { value: N, children: u && f ? /* @__PURE__ */ e(
+    Ut,
     {
-      client: d,
+      client: u,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: t
     }
   ) : t });
-}, As = () => Pe();
-function Os(t) {
+}, zs = () => De();
+function js(t) {
   const s = t.state.pending_messages;
   if (s != null && s.length)
     for (const n of s)
       t.state.addMessageSorted(n.message);
 }
-const pt = j.createContext({
+const wt = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), Us = pt.Provider, $s = () => j.useContext(pt), vt = (t) => {
-  var r, l;
-  const [s, n] = T(
-    !!((l = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && l.pinned_at)
+}), Bs = wt.Provider, Gs = () => j.useContext(wt), yt = (t) => {
+  var r, o;
+  const [s, n] = M(
+    !!((o = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && o.pinned_at)
   );
-  return Z(() => {
+  return K(() => {
     var i;
     if (!t) {
       n(!1);
       return;
     }
     n(!!((i = t.state.membership) != null && i.pinned_at));
-    const u = (c) => {
-      var f;
+    const l = (c) => {
+      var h;
       n(
-        c != null && c.member ? !!c.member.pinned_at : !!((f = t.state.membership) != null && f.pinned_at)
+        c != null && c.member ? !!c.member.pinned_at : !!((h = t.state.membership) != null && h.pinned_at)
       );
     };
-    return t.on("member.updated", u), () => {
-      t.off("member.updated", u);
+    return t.on("member.updated", l), () => {
+      t.off("member.updated", l);
     };
   }, [t]), s;
-}, zs = (t, s) => {
+}, Vs = (t, s) => {
   const n = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
-  ), l = new Date(
+  ), o = new Date(
     Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate())
   ).getTime() - n.getTime();
-  return Math.floor(l / (1e3 * 60 * 60 * 24));
-}, Bs = (t) => {
+  return Math.floor(o / (1e3 * 60 * 60 * 24));
+}, Hs = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const r = zs(t, s);
+  const r = Vs(t, s);
   return r === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -272,7 +272,7 @@ const pt = j.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, it = [
+}, ot = [
   "🍎",
   // Apple
   "🍌",
@@ -300,7 +300,7 @@ const pt = j.createContext({
   "🍈"
   // Melon
 ];
-function js(t) {
+function Ys(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
     const r = t.charCodeAt(n);
@@ -308,23 +308,23 @@ function js(t) {
   }
   return Math.abs(s);
 }
-function Gs(t) {
-  const n = js(t) % it.length;
-  return it[n];
+function Ws(t) {
+  const n = Ys(t) % ot.length;
+  return ot[n];
 }
-const ae = ({
+const ne = ({
   id: t,
   image: s,
   size: n = 40,
   className: r,
-  starred: l = !1,
-  shape: u = "squircle",
+  starred: o = !1,
+  shape: l = "squircle",
   dmAgentEnabled: i = !1
 }) => {
-  const c = Gs(t), d = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", m = n >= 40 ? 2 : 1, h = u === "circle" ? { borderRadius: "50%" } : {
+  const c = Ws(t), u = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", m = n >= 40 ? 2 : 1, f = l === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     cornerShape: "superellipse(1.3)"
-  }, C = /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: h, children: s ? /* @__PURE__ */ e(
+  }, v = /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: f, children: s ? /* @__PURE__ */ e(
     "img",
     {
       src: s,
@@ -335,17 +335,17 @@ const ae = ({
     "div",
     {
       "aria-hidden": "true",
-      className: $(
+      className: A(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
-        d
+        u
       ),
       children: c
     }
   ) });
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: $(
+      className: A(
         "relative flex-shrink-0 !bg-transparent",
         r
       ),
@@ -354,7 +354,7 @@ const ae = ({
         height: `${n}px`
       },
       children: [
-        l && /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e(
           "div",
           {
             "aria-hidden": "true",
@@ -366,12 +366,12 @@ const ae = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: $(
+            className: A(
               "h-full w-full",
               "bg-transparent"
             ),
             style: {
-              ...h,
+              ...f,
               ...i && {
                 borderWidth: `${m}px`,
                 borderStyle: "solid",
@@ -379,13 +379,13 @@ const ae = ({
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: C
+            children: v
           }
         )
       ]
     }
   );
-}, Hs = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, qs = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -402,131 +402,131 @@ const ae = ({
       }
     )
   }
-), Vs = (t) => {
+), Xs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, Ys = (t) => {
+}, Zs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
-}, qe = (t) => {
+}, We = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, Ws = (t) => {
+}, Ks = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_ATTACHMENT";
-}, wt = (t) => Vs(t) || Ys(t), qs = (t) => {
+}, Nt = (t) => Xs(t) || Zs(t), Js = (t) => {
   var s;
-  return wt(t) && !((s = t.text) != null && s.trim());
-}, Ue = ({
+  return Nt(t) && !((s = t.text) != null && s.trim());
+}, Oe = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
   hasAttachment: r = !1
 }) => {
-  var h;
-  const l = wt(t), u = qe(t);
-  if (!l && !u)
+  var f;
+  const o = Nt(t), l = We(t);
+  if (!o && !l)
     return null;
-  if (l) {
-    const C = (h = t.metadata) == null ? void 0 : h.amount_text;
-    if (!C) return null;
-    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", E = s ? `${C} tip` : `Delivered with ${C} tip`;
-    return /* @__PURE__ */ o("div", { className: a, children: [
-      /* @__PURE__ */ e(bs, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: E })
+  if (o) {
+    const v = (f = t.metadata) == null ? void 0 : f.amount_text;
+    if (!v) return null;
+    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", C = s ? `${v} tip` : `Delivered with ${v} tip`;
+    return /* @__PURE__ */ d("div", { className: a, children: [
+      /* @__PURE__ */ e(ws, { size: s ? 14 : 12 }),
+      /* @__PURE__ */ e("span", { children: C })
     ] });
   }
-  const i = n && r, c = i ? "Sent with AI" : "Sent with DM Agent", f = [
+  const i = n && r, c = i ? "Sent with AI" : "Sent with DM Agent", h = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     i ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), d = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), m = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(Hs, { size: i ? 12 : 15 }) });
-  return /* @__PURE__ */ e("div", { className: f, "data-testid": "message-chatbot-indicator", children: n && !i ? /* @__PURE__ */ o(se, { children: [
-    d,
+  ].join(" "), u = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), m = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(qs, { size: i ? 12 : 15 }) });
+  return /* @__PURE__ */ e("div", { className: h, "data-testid": "message-chatbot-indicator", children: n && !i ? /* @__PURE__ */ d(fe, { children: [
+    u,
     m
-  ] }) : /* @__PURE__ */ o(se, { children: [
+  ] }) : /* @__PURE__ */ d(fe, { children: [
     m,
-    d
+    u
   ] }) });
-}, Nt = j.memo(
+}, Ct = j.memo(
   ({ channel: t, unread: s }) => {
-    var L, N, g, x;
-    const { selectedChannel: n, onChannelSelect: r, debug: l, renderMessagePreview: u } = $s(), i = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
+    var F, N, b, k;
+    const { selectedChannel: n, onChannelSelect: r, debug: o, renderMessagePreview: l } = Gs(), i = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && r(t);
-    }, f = (R) => {
-      const k = R.key === "Enter" || R.key === " ", P = R.repeat;
-      !k || P || (R.preventDefault(), c());
-    }, m = Object.values(((L = t == null ? void 0 : t.state) == null ? void 0 : L.members) || {}).find(
+    }, h = (R) => {
+      const I = R.key === "Enter" || R.key === " ", L = R.repeat;
+      !I || L || (R.preventDefault(), c());
+    }, m = Object.values(((F = t == null ? void 0 : t.state) == null ? void 0 : F.members) || {}).find(
       (R) => {
-        var k, P;
-        return ((k = R.user) == null ? void 0 : k.id) && R.user.id !== ((P = t == null ? void 0 : t._client) == null ? void 0 : P.userID);
+        var I, L;
+        return ((I = R.user) == null ? void 0 : I.id) && R.user.id !== ((L = t == null ? void 0 : t._client) == null ? void 0 : L.userID);
       }
-    ), h = ((N = m == null ? void 0 : m.user) == null ? void 0 : N.name) || "Conversation", C = (g = m == null ? void 0 : m.user) == null ? void 0 : g.image, a = (() => {
-      var k;
-      const R = (k = t == null ? void 0 : t.state) == null ? void 0 : k.messages;
+    ), f = ((N = m == null ? void 0 : m.user) == null ? void 0 : N.name) || "Conversation", v = (b = m == null ? void 0 : m.user) == null ? void 0 : b.image, a = (() => {
+      var I;
+      const R = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
       if (R != null && R.length) {
-        for (let P = R.length - 1; P >= 0; P--)
-          if (R[P].type !== "system") return R[P];
+        for (let L = R.length - 1; L >= 0; L--)
+          if (R[L].type !== "system") return R[L];
       }
-    })(), y = (() => {
-      var P, M;
+    })(), g = (() => {
+      var L, T;
       if (a != null && a.text) return a.text;
-      if (((P = a == null ? void 0 : a.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
-      const k = (M = a == null ? void 0 : a.attachments) == null ? void 0 : M[0];
-      return k ? k.og_scrape_url ? k.og_scrape_url : k.type === "image" ? "📷 Sent an image" : k.type === "video" ? "🎥 Sent a video" : k.type === "audio" ? "🎵 Sent audio" : k.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), w = a != null && a.created_at ? Bs(new Date(a.created_at)) : "", b = a ? qe(a) : !1, S = u ? u(a, y) : `${b ? "✨ " : ""}${y}`, v = vt(t), _ = s ?? 0;
-    return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
+      if (((L = a == null ? void 0 : a.metadata) == null ? void 0 : L.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
+      const I = (T = a == null ? void 0 : a.attachments) == null ? void 0 : T[0];
+      return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), y = a != null && a.created_at ? Hs(new Date(a.created_at)) : "", p = a ? We(a) : !1, S = l ? l(a, g) : `${p ? "✨ " : ""}${g}`, w = yt(t), E = s ?? 0;
+    return o && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: i,
-      participantName: h,
-      unreadCount: _,
-      hasTimestamp: !!w
+      participantName: f,
+      unreadCount: E,
+      hasTimestamp: !!y
     }), /* @__PURE__ */ e(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: c,
-        onKeyDown: f,
-        className: $(
+        onKeyDown: h,
+        className: A(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
             "bg-primary-alt/10 border-l-4 border-l-primary": i,
             "hover:bg-sand": !i
           }
         ),
-        children: /* @__PURE__ */ o("div", { className: "flex items-start gap-3", children: [
+        children: /* @__PURE__ */ d("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
-            ae,
+            ne,
             {
-              id: ((x = m == null ? void 0 : m.user) == null ? void 0 : x.id) || t.id || "unknown",
-              name: h,
-              image: C,
+              id: ((k = m == null ? void 0 : m.user) == null ? void 0 : k.id) || t.id || "unknown",
+              name: f,
+              image: v,
               size: 44,
-              starred: v,
+              starred: w,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
-          /* @__PURE__ */ o("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ o(
+          /* @__PURE__ */ d("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+            /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ d(
                 "h3",
                 {
-                  className: $(
+                  className: A(
                     "text-sm font-medium truncate",
                     i ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    v && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
-                    h
+                    w && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
+                    f
                   ]
                 }
               ),
-              w && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: w })
+              y && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: y })
             ] }),
-            /* @__PURE__ */ o("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
+            /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: S }),
-              _ > 0 && /* @__PURE__ */ e("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: _ > 99 ? "99+" : _ })
+              E > 0 && /* @__PURE__ */ e("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: E > 99 ? "99+" : E })
             ] })
           ] })
         ] })
@@ -534,64 +534,64 @@ const ae = ({
     );
   }
 );
-Nt.displayName = "CustomChannelPreview";
-const Xs = { last_message_at: -1 }, yt = j.memo(
+Ct.displayName = "CustomChannelPreview";
+const Qs = { last_message_at: -1 }, _t = j.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: r = !1,
-    onMessageNew: l,
-    onAddedToChannel: u,
+    onMessageNew: o,
+    onAddedToChannel: l,
     channelRenderFilterFn: i,
-    sort: c = Xs,
-    className: f,
-    customEmptyStateIndicator: d,
+    sort: c = Qs,
+    className: h,
+    customEmptyStateIndicator: u,
     renderMessagePreview: m
   }) => {
-    const h = j.useRef(0);
-    h.current++;
-    const { debug: C = !1 } = Pe(), a = j.useCallback(
-      (y) => {
-        for (const w of y)
-          Os(w);
-        return i ? i(y) : y;
+    const f = j.useRef(0);
+    f.current++;
+    const { debug: v = !1 } = De(), a = j.useCallback(
+      (g) => {
+        for (const y of g)
+          js(y);
+        return i ? i(g) : g;
       },
       [i]
     );
-    C && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: h.current,
+    v && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: f.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const E = j.useMemo(
+    const C = j.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
-        debug: C,
+        debug: v,
         renderMessagePreview: m
       }),
-      [s, t, C, m]
+      [s, t, v, m]
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        className: $(
+        className: A(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          f
+          h
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Us, { value: E, children: /* @__PURE__ */ e(
-          Ft,
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Bs, { value: C, children: /* @__PURE__ */ e(
+          $t,
           {
             filters: n,
             sort: c,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: r,
-            onMessageNew: l,
-            onAddedToChannel: u,
+            onMessageNew: o,
+            onAddedToChannel: l,
             channelRenderFilterFn: a,
-            Preview: Nt,
-            EmptyStateIndicator: d
+            Preview: Ct,
+            EmptyStateIndicator: u
           },
           `${JSON.stringify(n)}:${JSON.stringify(c)}`
         ) }) })
@@ -599,8 +599,8 @@ const Xs = { last_message_at: -1 }, yt = j.memo(
     );
   }
 );
-yt.displayName = "ChannelList";
-const Se = ({
+_t.displayName = "ChannelList";
+const ke = ({
   variant: t = "default",
   className: s,
   children: n,
@@ -609,7 +609,7 @@ const Se = ({
   "button",
   {
     type: "button",
-    className: $(
+    className: A(
       "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",
       t === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       s
@@ -618,12 +618,12 @@ const Se = ({
     children: n
   }
 );
-function Ct({ label: t, className: s, children: n, ...r }) {
-  return /* @__PURE__ */ o(
+function Et({ label: t, className: s, children: n, ...r }) {
+  return /* @__PURE__ */ d(
     "button",
     {
       type: "button",
-      className: $(
+      className: A(
         "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
         {
           "cursor-not-allowed opacity-50": r.disabled,
@@ -639,81 +639,81 @@ function Ct({ label: t, className: s, children: n, ...r }) {
     }
   );
 }
-function _t({ onClick: t }) {
-  return /* @__PURE__ */ e(Ct, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Re, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function kt({ onClick: t }) {
+  return /* @__PURE__ */ e(Et, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Ye, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const Zs = ({
+const en = ({
   dialogRef: t,
   onClose: s,
   participant: n,
   channel: r,
-  followerStatusLabel: l,
-  onLeaveConversation: u,
+  followerStatusLabel: o,
+  onLeaveConversation: l,
   onBlockParticipant: i,
   showDeleteConversation: c = !0,
-  onDeleteConversationClick: f,
-  onBlockParticipantClick: d,
+  onDeleteConversationClick: h,
+  onBlockParticipantClick: u,
   onReportParticipantClick: m,
-  customProfileContent: h,
-  customChannelActions: C
+  customProfileContent: f,
+  customChannelActions: v
 }) => {
-  var U, F, W, K, re, Q, p;
-  const { service: a, debug: E } = Pe(), [y, w] = T(!1), [b, S] = T(!1), [v, _] = T(!1), L = O(async () => {
-    var I;
-    if (!(!a || !((I = n == null ? void 0 : n.user) != null && I.id)))
+  var $, P, W, Z, ae, J, x;
+  const { service: a, debug: C } = De(), [g, y] = M(!1), [p, S] = M(!1), [w, E] = M(!1), F = U(async () => {
+    var _;
+    if (!(!a || !((_ = n == null ? void 0 : n.user) != null && _.id)))
       try {
-        const V = (await a.getBlockedUsers()).some(
+        const H = (await a.getBlockedUsers()).some(
           (ee) => {
-            var le;
-            return ee.blocked_user_id === ((le = n == null ? void 0 : n.user) == null ? void 0 : le.id);
+            var ie;
+            return ee.blocked_user_id === ((ie = n == null ? void 0 : n.user) == null ? void 0 : ie.id);
           }
         );
-        w(V);
+        y(H);
       } catch (z) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
           z
         );
       }
-  }, [a, (U = n == null ? void 0 : n.user) == null ? void 0 : U.id]);
-  Z(() => {
-    L();
-  }, [L]);
+  }, [a, ($ = n == null ? void 0 : n.user) == null ? void 0 : $.id]);
+  K(() => {
+    F();
+  }, [F]);
   const N = async () => {
-    var I;
-    if (!b) {
-      f == null || f(), E && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
+    var _;
+    if (!p) {
+      h == null || h(), C && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
       try {
-        const z = ((I = r._client) == null ? void 0 : I.userID) ?? null;
-        await r.hide(z, !1), u && await u(r), s();
+        const z = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
+        await r.hide(z, !1), l && await l(r), s();
       } catch (z) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", z);
       } finally {
         S(!1);
       }
     }
-  }, g = async () => {
-    var I, z, V;
-    if (!(v || !a)) {
-      d == null || d(), E && console.log("[ChannelInfoDialog] Block member", (I = n == null ? void 0 : n.user) == null ? void 0 : I.id), _(!0);
+  }, b = async () => {
+    var _, z, H;
+    if (!(w || !a)) {
+      u == null || u(), C && console.log("[ChannelInfoDialog] Block member", (_ = n == null ? void 0 : n.user) == null ? void 0 : _.id), E(!0);
       try {
-        await a.blockUser((z = n == null ? void 0 : n.user) == null ? void 0 : z.id), i && await i((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
+        await a.blockUser((z = n == null ? void 0 : n.user) == null ? void 0 : z.id), i && await i((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
       } catch (ee) {
         console.error("[ChannelInfoDialog] Failed to block member", ee);
       } finally {
-        _(!1);
+        E(!1);
       }
     }
-  }, x = async () => {
-    var I, z, V;
-    if (!(v || !a)) {
-      d == null || d(), E && console.log("[ChannelInfoDialog] Unblock member", (I = n == null ? void 0 : n.user) == null ? void 0 : I.id), _(!0);
+  }, k = async () => {
+    var _, z, H;
+    if (!(w || !a)) {
+      u == null || u(), C && console.log("[ChannelInfoDialog] Unblock member", (_ = n == null ? void 0 : n.user) == null ? void 0 : _.id), E(!0);
       try {
-        await a.unBlockUser((z = n == null ? void 0 : n.user) == null ? void 0 : z.id), i && await i((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), s();
+        await a.unBlockUser((z = n == null ? void 0 : n.user) == null ? void 0 : z.id), i && await i((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
       } catch (ee) {
         console.error("[ChannelInfoDialog] Failed to unblock member", ee);
       } finally {
-        _(!1);
+        E(!1);
       }
     }
   }, R = () => {
@@ -724,7 +724,7 @@ const Zs = ({
     );
   };
   if (!n) return null;
-  const k = ((F = n.user) == null ? void 0 : F.name) || ((W = n.user) == null ? void 0 : W.id) || "Unknown member", P = (K = n.user) == null ? void 0 : K.image, M = (re = n.user) == null ? void 0 : re.email, B = (Q = n.user) == null ? void 0 : Q.username, A = M || (B ? `linktr.ee/${B}` : void 0), G = ((p = n.user) == null ? void 0 : p.id) || "unknown";
+  const I = ((P = n.user) == null ? void 0 : P.name) || ((W = n.user) == null ? void 0 : W.id) || "Unknown member", L = (Z = n.user) == null ? void 0 : Z.image, T = (ae = n.user) == null ? void 0 : ae.email, B = (J = n.user) == null ? void 0 : J.username, O = T || (B ? `linktr.ee/${B}` : void 0), G = ((x = n.user) == null ? void 0 : x.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -733,121 +733,121 @@ const Zs = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (I) => {
-          I.target === t.current && s();
+        onClick: (_) => {
+          _.target === t.current && s();
         },
-        children: /* @__PURE__ */ o("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
-          /* @__PURE__ */ o("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
+        children: /* @__PURE__ */ d("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
+          /* @__PURE__ */ d("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
             /* @__PURE__ */ e("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ e(_t, { onClick: s })
+            /* @__PURE__ */ e(kt, { onClick: s })
           ] }),
-          /* @__PURE__ */ o("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
-            /* @__PURE__ */ o(
+          /* @__PURE__ */ d("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
+            /* @__PURE__ */ d(
               "div",
               {
                 className: "flex flex-col items-center gap-3 self-stretch px-4 py-2 mt-6 rounded-lg border border-black/[0.04]",
                 style: { backgroundColor: "#FBFAF9" },
                 children: [
-                  /* @__PURE__ */ o("div", { className: "flex items-center gap-3 w-full", children: [
+                  /* @__PURE__ */ d("div", { className: "flex items-center gap-3 w-full", children: [
                     /* @__PURE__ */ e(
-                      ae,
+                      ne,
                       {
                         id: G,
-                        name: k,
-                        image: P,
+                        name: I,
+                        image: L,
                         size: 88,
                         shape: "circle"
                       }
                     ),
-                    /* @__PURE__ */ o("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                      /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: k }),
-                      A && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: A }),
-                      l && !h && /* @__PURE__ */ e(
+                    /* @__PURE__ */ d("div", { className: "flex flex-col min-w-0 flex-1", children: [
+                      /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: I }),
+                      O && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: O }),
+                      o && !f && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "mt-1 rounded-full text-xs font-normal w-fit",
                           style: {
                             padding: "4px 8px",
-                            backgroundColor: l === "Subscribed to you" ? "#DCFCE7" : "#F5F5F4",
-                            color: l === "Subscribed to you" ? "#008236" : "#78716C",
+                            backgroundColor: o === "Subscribed to you" ? "#DCFCE7" : "#F5F5F4",
+                            color: o === "Subscribed to you" ? "#008236" : "#78716C",
                             lineHeight: "133.333%",
                             letterSpacing: "0.21px"
                           },
-                          children: l
+                          children: o
                         }
                       )
                     ] })
                   ] }),
-                  h && /* @__PURE__ */ e("div", { className: "w-full", children: h })
+                  f && /* @__PURE__ */ e("div", { className: "w-full", children: f })
                 ]
               }
             ),
-            /* @__PURE__ */ o("ul", { className: "flex flex-col gap-2 mt-2", children: [
-              c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
-                Se,
+            /* @__PURE__ */ d("ul", { className: "flex flex-col gap-2 mt-2", children: [
+              c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+                ke,
                 {
                   onClick: N,
-                  disabled: b,
-                  "aria-busy": b,
+                  disabled: p,
+                  "aria-busy": p,
                   children: [
-                    b ? /* @__PURE__ */ e(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(xs, { className: "h-5 w-5" }),
+                    p ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ys, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: y ? /* @__PURE__ */ o(
-                Se,
+              /* @__PURE__ */ e("li", { children: g ? /* @__PURE__ */ d(
+                ke,
                 {
-                  onClick: x,
-                  disabled: v,
-                  "aria-busy": v,
+                  onClick: k,
+                  disabled: w,
+                  "aria-busy": w,
                   children: [
-                    v ? /* @__PURE__ */ e(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Qe, { className: "h-5 w-5" }),
+                    w ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(et, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
-              ) : /* @__PURE__ */ o(
-                Se,
+              ) : /* @__PURE__ */ d(
+                ke,
                 {
-                  onClick: g,
-                  disabled: v,
-                  "aria-busy": v,
+                  onClick: b,
+                  disabled: w,
+                  "aria-busy": w,
                   children: [
-                    v ? /* @__PURE__ */ e(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Qe, { className: "h-5 w-5" }),
+                    w ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(et, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(Se, { variant: "danger", onClick: R, children: [
-                /* @__PURE__ */ e(ps, { className: "h-5 w-5" }),
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(ke, { variant: "danger", onClick: R, children: [
+                /* @__PURE__ */ e(Ns, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              C
+              v
             ] })
           ] })
         ] })
       }
     )
   );
-}, Ks = (t) => /* @__PURE__ */ e(At, { ...t, position: "center" }), He = "vote_up", Ve = "vote_down";
-function Js(t) {
-  return t != null && t.length ? t.some((s) => s.type === Ve) ? "down" : t.some((s) => s.type === He) ? "up" : null : null;
+}, tn = (t) => /* @__PURE__ */ e(zt, { ...t, position: "center" }), Ge = "vote_up", Ve = "vote_down";
+function sn(t) {
+  return t != null && t.length ? t.some((s) => s.type === Ve) ? "down" : t.some((s) => s.type === Ge) ? "up" : null : null;
 }
-function Qs(t) {
-  const { channel: s } = me(), { client: n } = We("useMessageVote"), r = Be(
-    () => Js(t.own_reactions),
+function nn(t) {
+  const { channel: s } = ue(), { client: n } = He("useMessageVote"), r = ze(
+    () => sn(t.own_reactions),
     [t.own_reactions]
-  ), l = O(async () => {
+  ), o = U(async () => {
     if (n != null && n.userID)
       try {
-        r === "up" ? await s.deleteReaction(t.id, He) : await s.sendReaction(
+        r === "up" ? await s.deleteReaction(t.id, Ge) : await s.sendReaction(
           t.id,
-          { type: He },
+          { type: Ge },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, r]), u = O(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, r]), l = U(async () => {
     if (n != null && n.userID)
       try {
         r === "down" ? await s.deleteReaction(t.id, Ve) : await s.sendReaction(
@@ -858,23 +858,23 @@ function Qs(t) {
       } catch {
       }
   }, [s, n == null ? void 0 : n.userID, t.id, r]);
-  return { selected: r, voteUp: l, voteDown: u };
+  return { selected: r, voteUp: o, voteDown: l };
 }
-const en = j.lazy(() => import("./Card-D4vEgqWt.js")), tn = j.lazy(() => import("./Card-BHrnmHeu.js")), Et = () => /* @__PURE__ */ e(
+const an = j.lazy(() => import("./Card-DoNJA-jg.js")), rn = j.lazy(() => import("./Card-BlXnKGaR.js")), St = () => /* @__PURE__ */ e(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-[24px] bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
     "aria-hidden": !0
   }
-), sn = (t) => /* @__PURE__ */ e(mt, { fallback: /* @__PURE__ */ e(Et, {}), children: /* @__PURE__ */ e(en, { ...t }) }), nn = (t) => /* @__PURE__ */ e(mt, { fallback: /* @__PURE__ */ e(Et, {}), children: /* @__PURE__ */ e(tn, { ...t }) }), lt = { Creator: sn, Visitor: nn }, an = {
+), on = (t) => /* @__PURE__ */ e(ft, { fallback: /* @__PURE__ */ e(St, {}), children: /* @__PURE__ */ e(an, { ...t }) }), ln = (t) => /* @__PURE__ */ e(ft, { fallback: /* @__PURE__ */ e(St, {}), children: /* @__PURE__ */ e(rn, { ...t }) }), lt = { Creator: on, Visitor: ln }, cn = {
   isUnlocking: () => !1
-}, rn = {
-  LockedAttachment: an
-}, It = dt({}), la = It.Provider;
-function ln(t) {
-  return ut(It)[t] ?? rn[t];
+}, dn = {
+  LockedAttachment: cn
+}, It = mt({}), fa = It.Provider;
+function un(t) {
+  return ht(It)[t] ?? dn[t];
 }
-const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M4.667 7.333l2.666-6A1.333 1.333 0 018.667 2v2.667a.667.667 0 00.666.666h3.764a1.334 1.334 0 011.192 1.93l-2.333 4.666a1.333 1.333 0 01-1.193.738H4.667m0-5.334v5.334m0-5.334H2.667a1.333 1.333 0 00-1.334 1.334v2.666a1.333 1.333 0 001.334 1.334h2",
@@ -884,7 +884,7 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), cn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), hn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M11.333 8.667l-2.666 6A1.333 1.333 0 017.333 14v-2.667a.667.667 0 00-.666-.666H2.903a1.334 1.334 0 01-1.192-1.93l2.333-4.666a1.333 1.333 0 011.193-.738h6.096m0 5.334V3.333m0 5.334h2a1.333 1.333 0 001.334-1.334V4.667a1.333 1.333 0 00-1.334-1.334h-2",
@@ -894,11 +894,11 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), dn = ({
+) }), fn = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
-}) => /* @__PURE__ */ o("div", { className: "message-vote-buttons", children: [
+}) => /* @__PURE__ */ d("div", { className: "message-vote-buttons", children: [
   /* @__PURE__ */ e(
     "button",
     {
@@ -907,7 +907,7 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(on, { filled: t === "up" })
+      children: /* @__PURE__ */ e(mn, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -918,73 +918,73 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(cn, { filled: t === "down" })
+      children: /* @__PURE__ */ e(hn, { filled: t === "down" })
     }
   )
-] }), un = (t) => {
-  var ce, ne, Ne, ye, Ce, de, _e, Ee, Ie, ue, D, X, H, Y;
+] }), gn = (t) => {
+  var le, se, we, ye, Ne, ce, Ce, _e, Ee, de, D, X, V, Y;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
     editing: r,
-    endOfGroup: l,
-    firstOfGroup: u,
+    endOfGroup: o,
+    firstOfGroup: l,
     groupedByUser: i,
     handleAction: c,
-    handleOpenThread: f,
-    handleRetry: d,
+    handleOpenThread: h,
+    handleRetry: u,
     highlighted: m,
-    isMessageAIGenerated: h,
-    isMyMessage: C,
+    isMessageAIGenerated: f,
+    isMyMessage: v,
     message: a,
-    renderText: E,
-    threadList: y
-  } = t, { client: w } = We("CustomMessage"), { channel: b } = me("CustomMessage"), { isUnlocking: S, onUnlockClick: v, onFetchSource: _, onDownloadClick: L } = ln("LockedAttachment"), [N, g] = T(!1), x = Ut(a.id), { selected: R, voteUp: k, voteDown: P } = Qs(a), {
-    Attachment: M = $t,
-    EditMessageModal: B = zt,
-    MessageBlocked: A = Bt,
-    MessageBouncePrompt: G = jt,
-    MessageDeleted: U = Gt,
-    MessageIsThreadReplyInChannelButtonIndicator: F = Ht,
-    MessageRepliesCountButton: W = Vt,
-    ReminderNotification: K = Yt,
-    StreamedMessageText: re = Wt,
-    PinIndicator: Q
-  } = ht("CustomMessage"), p = qt(a), I = Xt(a), z = Be(
-    () => h == null ? void 0 : h(a),
-    [h, a]
-  ), V = Be(
+    renderText: C,
+    threadList: g
+  } = t, { client: y } = He("CustomMessage"), { channel: p } = ue("CustomMessage"), { isUnlocking: S, onUnlockClick: w, onFetchSource: E, onDownloadClick: F } = un("LockedAttachment"), [N, b] = M(!1), k = Bt(a.id), { selected: R, voteUp: I, voteDown: L } = nn(a), {
+    Attachment: T = Gt,
+    EditMessageModal: B = Vt,
+    MessageBlocked: O = Ht,
+    MessageBouncePrompt: G = Yt,
+    MessageDeleted: $ = Wt,
+    MessageIsThreadReplyInChannelButtonIndicator: P = qt,
+    MessageRepliesCountButton: W = Xt,
+    ReminderNotification: Z = Zt,
+    StreamedMessageText: ae = Kt,
+    PinIndicator: J
+  } = gt("CustomMessage"), x = Jt(a), _ = Qt(a), z = ze(
+    () => f == null ? void 0 : f(a),
+    [f, a]
+  ), H = ze(
     () => !a.shared_location && !a.attachments ? [] : a.shared_location ? [a.shared_location, ...a.attachments ?? []] : a.attachments,
     [a]
   );
-  if (Zt(a))
+  if (es(a))
     return null;
   if (a.deleted_at || a.type === "deleted")
-    return /* @__PURE__ */ e(U, { message: a });
-  if (Kt(a))
-    return /* @__PURE__ */ e(A, {});
-  const ee = !y && !!a.reply_count, le = !y && a.show_in_channel && a.parent_id, xe = a.status === "failed" && ((ce = a.error) == null ? void 0 : ce.status) !== 403, Le = Jt(a);
+    return /* @__PURE__ */ e($, { message: a });
+  if (ts(a))
+    return /* @__PURE__ */ e(O, {});
+  const ee = !g && !!a.reply_count, ie = !g && a.show_in_channel && a.parent_id, be = a.status === "failed" && ((le = a.error) == null ? void 0 : le.status) !== 403, Le = ss(a);
   let q;
-  xe ? q = () => d(a) : Le && (q = () => g(!0));
-  const te = C(), pe = $(
+  be ? q = () => u(a) : Le && (q = () => b(!0));
+  const te = v(), xe = A(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${a.type}`,
     `str-chat__message--${a.status}`,
     te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     a.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": p,
+      "str-chat__message--has-attachment": x,
       "str-chat__message--highlighted": m,
       "str-chat__message--pinned pinned-message": a.pinned,
-      "str-chat__message--with-reactions": I,
-      "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((ne = a == null ? void 0 : a.error) == null ? void 0 : ne.status) !== 403,
-      "str-chat__message-with-thread-link": ee || le,
-      "str-chat__virtual-message__wrapper--end": l,
-      "str-chat__virtual-message__wrapper--first": u,
+      "str-chat__message--with-reactions": _,
+      "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((se = a == null ? void 0 : a.error) == null ? void 0 : se.status) !== 403,
+      "str-chat__message-with-thread-link": ee || ie,
+      "str-chat__virtual-message__wrapper--end": o,
+      "str-chat__virtual-message__wrapper--first": l,
       "str-chat__virtual-message__wrapper--group": i
     }
-  ), ie = a.poll_id && w.polls.fromState(a.poll_id), he = qs(a), oe = qe(a), ve = Ws(a), ge = !!(V != null && V.length && !a.quoted_message), we = oe && te && ge;
-  return /* @__PURE__ */ o(se, { children: [
+  ), re = a.poll_id && y.polls.fromState(a.poll_id), me = Js(a), oe = We(a), pe = Ks(a), ge = !!(H != null && H.length && !a.quoted_message), ve = oe && te && ge;
+  return /* @__PURE__ */ d(fe, { children: [
     r && /* @__PURE__ */ e(
       B,
       {
@@ -992,18 +992,18 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       }
     ),
     N && /* @__PURE__ */ e(
-      Qt,
+      ns,
       {
         MessageBouncePrompt: G,
-        onClose: () => g(!1),
+        onClose: () => b(!1),
         open: N
       }
     ),
-    /* @__PURE__ */ o("div", { className: pe, children: [
-      Q && /* @__PURE__ */ e(Q, {}),
-      !!x && /* @__PURE__ */ e(K, { reminder: x }),
+    /* @__PURE__ */ d("div", { className: xe, children: [
+      J && /* @__PURE__ */ e(J, {}),
+      !!k && /* @__PURE__ */ e(Z, { reminder: k }),
       a.user && /* @__PURE__ */ e(
-        ae,
+        ne,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: a.user.id,
@@ -1014,8 +1014,8 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       /* @__PURE__ */ e(
         "div",
         {
-          className: $("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": xe || Le
+          className: A("str-chat__message-inner", {
+            "str-chat__simple-message--error-failed": be || Le
           }),
           "data-testid": "message-inner",
           onClick: q,
@@ -1028,68 +1028,68 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: ve ? /* @__PURE__ */ o("div", { className: "str-chat__message-bubble-wrapper", children: [
+          children: pe ? /* @__PURE__ */ d("div", { className: "str-chat__message-bubble-wrapper", children: [
             te ? /* @__PURE__ */ e(
               lt.Creator,
               {
-                title: (Ne = a.metadata) == null ? void 0 : Ne.attachment_title,
+                title: (we = a.metadata) == null ? void 0 : we.attachment_title,
                 mimeType: (ye = a.metadata) == null ? void 0 : ye.attachment_mime_type,
-                thumbnailUrl: (Ce = a.metadata) == null ? void 0 : Ce.attachment_thumbnail,
-                amountText: (de = a.metadata) == null ? void 0 : de.amount_text,
-                detail: (_e = a.metadata) == null ? void 0 : _e.attachment_detail,
-                paymentStatus: (Ee = a.metadata) == null ? void 0 : Ee.payment_status,
+                thumbnailUrl: (Ne = a.metadata) == null ? void 0 : Ne.attachment_thumbnail,
+                amountText: (ce = a.metadata) == null ? void 0 : ce.amount_text,
+                detail: (Ce = a.metadata) == null ? void 0 : Ce.attachment_detail,
+                paymentStatus: (_e = a.metadata) == null ? void 0 : _e.payment_status,
                 isUnlocking: S(a.id),
-                onPreviewClick: () => v == null ? void 0 : v(a, b),
-                onFetchSource: async () => await (_ == null ? void 0 : _(a, b))
+                onPreviewClick: () => w == null ? void 0 : w(a, p),
+                onFetchSource: async () => await (E == null ? void 0 : E(a, p))
               }
             ) : /* @__PURE__ */ e(
               lt.Visitor,
               {
-                title: (Ie = a.metadata) == null ? void 0 : Ie.attachment_title,
-                mimeType: (ue = a.metadata) == null ? void 0 : ue.attachment_mime_type,
+                title: (Ee = a.metadata) == null ? void 0 : Ee.attachment_title,
+                mimeType: (de = a.metadata) == null ? void 0 : de.attachment_mime_type,
                 thumbnailUrl: (D = a.metadata) == null ? void 0 : D.attachment_thumbnail,
                 amountText: (X = a.metadata) == null ? void 0 : X.amount_text,
-                detail: (H = a.metadata) == null ? void 0 : H.attachment_detail,
+                detail: (V = a.metadata) == null ? void 0 : V.attachment_detail,
                 paymentStatus: (Y = a.metadata) == null ? void 0 : Y.payment_status,
                 isUnlocking: S(a.id),
-                onUnlockClick: () => v == null ? void 0 : v(a, b),
-                onFetchSource: async () => await (_ == null ? void 0 : _(a, b)),
-                onDownloadClick: () => L == null ? void 0 : L(a, b)
+                onUnlockClick: () => w == null ? void 0 : w(a, p),
+                onFetchSource: async () => await (E == null ? void 0 : E(a, p)),
+                onDownloadClick: () => F == null ? void 0 : F(a, p)
               }
             ),
-            a.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(Je, { message: a, renderText: E }) })
-          ] }) : he ? (
+            a.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(Qe, { message: a, renderText: C }) })
+          ] }) : me ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(Ue, { message: a, standalone: !0 })
-          ) : /* @__PURE__ */ o("div", { className: "str-chat__message-bubble-wrapper", children: [
-            /* @__PURE__ */ o("div", { className: "str-chat__message-bubble", children: [
-              oe && !we && /* @__PURE__ */ e(
-                Ue,
+            /* @__PURE__ */ e(Oe, { message: a, standalone: !0 })
+          ) : /* @__PURE__ */ d("div", { className: "str-chat__message-bubble-wrapper", children: [
+            /* @__PURE__ */ d("div", { className: "str-chat__message-bubble", children: [
+              oe && !ve && /* @__PURE__ */ e(
+                Oe,
                 {
                   message: a,
                   hasAttachment: ge,
                   isMyMessage: te
                 }
               ),
-              ie && /* @__PURE__ */ e(es, { poll: ie }),
-              V != null && V.length && !a.quoted_message ? /* @__PURE__ */ e(
-                M,
+              re && /* @__PURE__ */ e(as, { poll: re }),
+              H != null && H.length && !a.quoted_message ? /* @__PURE__ */ e(
+                T,
                 {
                   actionHandler: c,
-                  attachments: V
+                  attachments: H
                 }
               ) : null,
               z ? /* @__PURE__ */ e(
-                re,
+                ae,
                 {
                   message: a,
-                  renderText: E
+                  renderText: C
                 }
-              ) : /* @__PURE__ */ e(Je, { message: a, renderText: E }),
-              /* @__PURE__ */ e(ts, {})
+              ) : /* @__PURE__ */ e(Qe, { message: a, renderText: C }),
+              /* @__PURE__ */ e(rs, {})
             ] }),
-            (!oe || we) && /* @__PURE__ */ e(
-              Ue,
+            (!oe || ve) && /* @__PURE__ */ e(
+              Oe,
               {
                 message: a,
                 hasAttachment: ge,
@@ -1097,11 +1097,11 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
               }
             ),
             n && oe && /* @__PURE__ */ e(
-              dn,
+              fn,
               {
                 selected: R,
-                onVoteUp: k,
-                onVoteDown: P
+                onVoteUp: I,
+                onVoteDown: L
               }
             )
           ] })
@@ -1110,29 +1110,29 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ee && /* @__PURE__ */ e(
         W,
         {
-          onClick: f,
+          onClick: h,
           reply_count: a.reply_count
         }
       ),
-      le && /* @__PURE__ */ e(F, {})
+      ie && /* @__PURE__ */ e(P, {})
     ] }, a.id)
   ] });
-}, mn = j.memo(
-  un,
-  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled ? !1 : Ot(t, s)
-), hn = (t) => {
-  const s = ft("CustomMessage");
-  return /* @__PURE__ */ e(mn, { ...s, ...t });
-}, fn = (t) => ({
+}, bn = j.memo(
+  gn,
+  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled ? !1 : jt(t, s)
+), xn = (t) => {
+  const s = bt("CustomMessage");
+  return /* @__PURE__ */ e(bn, { ...s, ...t });
+}, pn = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => rt.previewIsLoaded(s) || rt.previewIsLoading(s)
+    (s) => it.previewIsLoaded(s) || it.previewIsLoading(s)
   )
-}), gn = ({
+}), vn = ({
   link: t,
   onDismiss: s
 }) => {
-  const { og_scrape_url: n, title: r, image_url: l } = t;
-  return /* @__PURE__ */ o(
+  const { og_scrape_url: n, title: r, image_url: o } = t;
+  return /* @__PURE__ */ d(
     "a",
     {
       href: n,
@@ -1140,10 +1140,10 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       rel: "noopener noreferrer",
       className: "relative w-full block rounded-[24px] bg-[#121110] p-2 no-underline transition-opacity hover:opacity-90",
       children: [
-        l && /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e(
           "img",
           {
-            src: l,
+            src: o,
             alt: r || "",
             className: "h-[148px] w-full rounded-[20px] object-cover"
           }
@@ -1157,32 +1157,32 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ e(Re, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ e(Ye, { className: "size-4 text-black/90" })
           }
         ),
-        /* @__PURE__ */ o("div", { className: "p-2", children: [
+        /* @__PURE__ */ d("div", { className: "p-2", children: [
           r && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: r }),
           /* @__PURE__ */ e("div", { className: "text-[12px] leading-4 text-white/55", children: n })
         ] })
       ]
     }
   );
-}, bn = () => {
-  const { linkPreviewsManager: t } = ss(), { linkPreviews: s } = ns(
+}, wn = () => {
+  const { linkPreviewsManager: t } = is(), { linkPreviews: s } = os(
     t.state,
-    fn
-  ), n = (l) => {
-    t.dismissPreview(l);
+    pn
+  ), n = (o) => {
+    t.dismissPreview(o);
   };
-  return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((l) => /* @__PURE__ */ e(
-    gn,
+  return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((o) => /* @__PURE__ */ e(
+    vn,
     {
-      link: l,
+      link: o,
       onDismiss: n
     },
-    l.og_scrape_url
+    o.og_scrape_url
   )) }) : null;
-}, xn = ({ sendMessage: t, disabled: s, ...n }) => /* @__PURE__ */ e(
+}, yn = ({ sendMessage: t, disabled: s, ...n }) => /* @__PURE__ */ e(
   "button",
   {
     ...n,
@@ -1190,22 +1190,22 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     "aria-label": "Send",
     disabled: s,
     onClick: t,
-    children: /* @__PURE__ */ e(vs, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ e(Cs, { weight: "bold", className: "size-4" })
   }
-), pn = () => {
+), Nn = () => {
   var c;
-  const { channel: t } = me(), s = ((c = t == null ? void 0 : t.data) == null ? void 0 : c.frozen) === !0, { handleSubmit: n } = rs(), { SendButton: r } = ht(
+  const { channel: t } = ue(), s = ((c = t == null ? void 0 : t.data) == null ? void 0 : c.frozen) === !0, { handleSubmit: n } = cs(), { SendButton: r } = gt(
     "CustomMessageInput"
-  ), l = r ?? xn, u = is();
-  return /* @__PURE__ */ o(se, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(ls, {}) }),
-    /* @__PURE__ */ o("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-      /* @__PURE__ */ e(os, {}),
-      /* @__PURE__ */ e(bn, {}),
-      /* @__PURE__ */ e(cs, {}),
-      /* @__PURE__ */ o("div", { className: "flex", children: [
+  ), o = r ?? yn, l = ds();
+  return /* @__PURE__ */ d(fe, { children: [
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(us, {}) }),
+    /* @__PURE__ */ d("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
+      /* @__PURE__ */ e(ms, {}),
+      /* @__PURE__ */ e(wn, {}),
+      /* @__PURE__ */ e(hs, {}),
+      /* @__PURE__ */ d("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
-          ds,
+          fs,
           {
             "aria-disabled": s || void 0,
             className: "w-full resize-none outline-none leading-6",
@@ -1216,25 +1216,25 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           }
         ) }),
         /* @__PURE__ */ e(
-          l,
+          o,
           {
             sendMessage: n,
             "aria-label": "Send",
             className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
             "data-testid": "send-button",
-            disabled: s || !u,
+            disabled: s || !l,
             type: "button"
           }
         )
       ] })
     ] })
   ] });
-}, vn = ({
+}, Cn = ({
   renderActions: t
 }) => {
   var r;
-  const { channel: s } = me(), n = ((r = s == null ? void 0 : s.data) == null ? void 0 : r.frozen) === !0;
-  return /* @__PURE__ */ o(
+  const { channel: s } = ue(), n = ((r = s == null ? void 0 : s.data) == null ? void 0 : r.frozen) === !0;
+  return /* @__PURE__ */ d(
     "div",
     {
       inert: n ? "" : void 0,
@@ -1242,67 +1242,67 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       className: "message-input flex items-center gap-2 p-4 aria-disabled:opacity-40",
       children: [
         t == null ? void 0 : t(),
-        /* @__PURE__ */ e(as, { Input: pn })
+        /* @__PURE__ */ e(ls, { Input: Nn })
       ]
     }
   );
-}, wn = [
+}, _n = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Nn = {
+], En = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, yn = [
+}, kn = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Cn = {
+], Sn = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, $e = "age safety guidelines.", _n = "https://linktr.ee/s/about/contact", ot = (t) => wn.includes(t), En = (t) => yn.includes(t), In = (t) => {
+}, Ue = "age safety guidelines.", In = "https://linktr.ee/s/about/contact", ct = (t) => _n.includes(t), Mn = (t) => kn.includes(t), Tn = (t) => {
   var r;
   const s = (r = t.metadata) == null ? void 0 : r.custom_type;
-  if (ot(s))
+  if (ct(s))
     return {
       kind: "dm-agent",
       type: s
     };
-  if (En(s))
+  if (Mn(s))
     return {
       kind: "age-safety",
       type: s
     };
   const n = t.dm_agent_system_type;
-  if (ot(n))
+  if (ct(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Sn = (t) => {
-  const s = t.indexOf($e);
+}, Dn = (t) => {
+  const s = t.indexOf(Ue);
   if (s === -1)
     return t;
-  const n = s + $e.length;
-  return /* @__PURE__ */ o(se, { children: [
+  const n = s + Ue.length;
+  return /* @__PURE__ */ d(fe, { children: [
     t.slice(0, s),
     /* @__PURE__ */ e(
       "a",
       {
-        href: _n,
+        href: In,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: $e
+        children: Ue
       }
     ),
     t.slice(n)
   ] });
-}, kn = (t) => {
-  var r, l;
-  const s = t.message.hide_date === !0, n = In(
+}, Rn = (t) => {
+  var r, o;
+  const s = t.message.hide_date === !0, n = Tn(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const u = ((r = t.message.text) == null ? void 0 : r.trim()) || Nn[n.type];
-    return /* @__PURE__ */ o("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ o(
+    const l = ((r = t.message.text) == null ? void 0 : r.trim()) || En[n.type];
+    return /* @__PURE__ */ d("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ d(
         "div",
         {
           className: "mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]",
@@ -1310,7 +1310,7 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              Ge,
+              Be,
               {
                 size: 16,
                 weight: "regular",
@@ -1318,17 +1318,17 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                 className: "mes-dm-agent-system-message__sparkle shrink-0"
               }
             ),
-            /* @__PURE__ */ e("p", { className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]", children: u })
+            /* @__PURE__ */ e("p", { className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]", children: l })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Oe, { message: t.message })
+      !s && /* @__PURE__ */ e(Fe, { message: t.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const u = ((l = t.message.text) == null ? void 0 : l.trim()) || Cn[n.type];
-    return /* @__PURE__ */ o("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ o(
+    const l = ((o = t.message.text) == null ? void 0 : o.trim()) || Sn[n.type];
+    return /* @__PURE__ */ d("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ d(
         "div",
         {
           className: "mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]",
@@ -1336,7 +1336,7 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              ws,
+              _s,
               {
                 size: 24,
                 weight: "duotone",
@@ -1345,22 +1345,22 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("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: Sn(u) }) })
+            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("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: Dn(l) }) })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Oe, { message: t.message })
+      !s && /* @__PURE__ */ e(Fe, { message: t.message })
     ] });
   }
-  return /* @__PURE__ */ o("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-    /* @__PURE__ */ o("div", { className: "str-chat__message--system__text", children: [
+  return /* @__PURE__ */ d("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+    /* @__PURE__ */ d("div", { className: "str-chat__message--system__text", children: [
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" }),
       /* @__PURE__ */ e("p", { children: t.message.text }),
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" })
     ] }),
-    !s && /* @__PURE__ */ e(Oe, { message: t.message })
+    !s && /* @__PURE__ */ e(Fe, { message: t.message })
   ] });
-}, ze = ({ cx: t, index: s }) => /* @__PURE__ */ e("circle", { cx: t, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ e(
+}, $e = ({ cx: t, index: s }) => /* @__PURE__ */ e("circle", { cx: t, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ e(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1370,26 +1370,26 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     begin: `${120 * s}ms`,
     repeatCount: "indefinite"
   }
-) }), Tn = ({ threadList: t }) => {
-  var E;
-  const { channel: s, channelConfig: n, thread: r } = me(), { client: l } = We(), { typing: u = {} } = us();
+) }), Ln = ({ threadList: t }) => {
+  var C;
+  const { channel: s, channelConfig: n, thread: r } = ue(), { client: o } = He(), { typing: l = {} } = gs();
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
-  const i = t ? [] : Object.values(u).filter(
-    ({ parent_id: y, user: w }) => {
-      var b;
-      return (w == null ? void 0 : w.id) !== ((b = l.user) == null ? void 0 : b.id) && !y;
+  const i = t ? [] : Object.values(l).filter(
+    ({ parent_id: g, user: y }) => {
+      var p;
+      return (y == null ? void 0 : y.id) !== ((p = o.user) == null ? void 0 : p.id) && !g;
     }
-  ), c = t ? Object.values(u).filter(
-    ({ parent_id: y, user: w }) => {
-      var b;
-      return (w == null ? void 0 : w.id) !== ((b = l.user) == null ? void 0 : b.id) && y === (r == null ? void 0 : r.id);
+  ), c = t ? Object.values(l).filter(
+    ({ parent_id: g, user: y }) => {
+      var p;
+      return (y == null ? void 0 : y.id) !== ((p = o.user) == null ? void 0 : p.id) && g === (r == null ? void 0 : r.id);
     }
-  ) : [], f = t ? c : i;
-  if (!f.length)
+  ) : [], h = t ? c : i;
+  if (!h.length)
     return null;
-  const d = (E = f[0]) == null ? void 0 : E.user, m = d != null && d.id && s.state.members[d.id] ? s.state.members[d.id].user : void 0, h = (d == null ? void 0 : d.id) ?? (m == null ? void 0 : m.id) ?? "typing-user", C = (d == null ? void 0 : d.name) ?? (m == null ? void 0 : m.name) ?? (d == null ? void 0 : d.id) ?? "Typing user", a = (d == null ? void 0 : d.image) ?? (m == null ? void 0 : m.image);
-  return /* @__PURE__ */ o(
+  const u = (C = h[0]) == null ? void 0 : C.user, m = u != null && u.id && s.state.members[u.id] ? s.state.members[u.id].user : void 0, f = (u == null ? void 0 : u.id) ?? (m == null ? void 0 : m.id) ?? "typing-user", v = (u == null ? void 0 : u.name) ?? (m == null ? void 0 : m.name) ?? (u == null ? void 0 : u.id) ?? "Typing user", a = (u == null ? void 0 : u.image) ?? (m == null ? void 0 : m.image);
+  return /* @__PURE__ */ d(
     "div",
     {
       className: "str-chat__typing-indicator !items-end !bg-transparent",
@@ -1397,16 +1397,16 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       style: { insetInlineStart: 0, insetInlineEnd: "auto" },
       children: [
         /* @__PURE__ */ e("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ e(
-          ae,
+          ne,
           {
-            id: h,
-            name: C,
+            id: f,
+            name: v,
             image: a,
             size: 24,
             shape: "circle"
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: "px-4 py-3 rounded-lg bg-[#E9EAED] h-12 flex flex-col justify-end", children: /* @__PURE__ */ o(
+        /* @__PURE__ */ e("div", { className: "px-4 py-3 rounded-lg bg-[#E9EAED] h-12 flex flex-col justify-end", children: /* @__PURE__ */ d(
           "svg",
           {
             "aria-hidden": "true",
@@ -1416,21 +1416,21 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             height: "8",
             overflow: "visible",
             children: [
-              /* @__PURE__ */ e(ze, { cx: "4", index: 0 }),
-              /* @__PURE__ */ e(ze, { cx: "16", index: 1 }),
-              /* @__PURE__ */ e(ze, { cx: "28", index: 2 })
+              /* @__PURE__ */ e($e, { cx: "4", index: 0 }),
+              /* @__PURE__ */ e($e, { cx: "16", index: 1 }),
+              /* @__PURE__ */ e($e, { cx: "28", index: 2 })
             ]
           }
         ) })
       ]
     }
   );
-}, Mn = () => null, Dn = ({ className: t, message: s }) => /* @__PURE__ */ o(
+}, Pn = () => null, An = ({ className: t, message: s }) => /* @__PURE__ */ d(
   "div",
   {
-    className: $("flex items-center justify-center h-full", t),
+    className: A("flex items-center justify-center h-full", t),
     children: [
-      /* @__PURE__ */ o("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
+      /* @__PURE__ */ d("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ e(
           "animateTransform",
           {
@@ -1468,90 +1468,90 @@ const on = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), De = j.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ o("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(Dn, { className: "w-6 h-6" }),
+), Me = j.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ e(An, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-De.displayName = "LoadingState";
-const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", ct = "Replies instantly with AI assistant", Rn = ({
+Me.displayName = "LoadingState";
+const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", dt = "Replies instantly with AI assistant", Fn = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
   canShowInfo: r,
-  showStarButton: l = !1,
-  dmAgentEnabled: u = !1
+  showStarButton: o = !1,
+  dmAgentEnabled: l = !1
 }) => {
-  var C, a, E, y, w;
-  const { channel: i } = me(), c = j.useMemo(() => Object.values(i.state.members || {}).find(
+  var v, a, C, g, y;
+  const { channel: i } = ue(), c = j.useMemo(() => Object.values(i.state.members || {}).find(
     (S) => {
-      var v;
-      return ((v = S.user) == null ? void 0 : v.id) && S.user.id !== i._client.userID;
+      var w;
+      return ((w = S.user) == null ? void 0 : w.id) && S.user.id !== i._client.userID;
     }
-  ), [i._client.userID, i.state.members]), f = ((C = c == null ? void 0 : c.user) == null ? void 0 : C.name) || ((a = c == null ? void 0 : c.user) == null ? void 0 : a.id) || "Unknown member", d = (E = c == null ? void 0 : c.user) == null ? void 0 : E.image, m = vt(i), h = async () => {
+  ), [i._client.userID, i.state.members]), h = ((v = c == null ? void 0 : c.user) == null ? void 0 : v.name) || ((a = c == null ? void 0 : c.user) == null ? void 0 : a.id) || "Unknown member", u = (C = c == null ? void 0 : c.user) == null ? void 0 : C.image, m = yt(i), f = async () => {
     try {
       m ? await i.unpin() : await i.pin();
-    } catch (b) {
+    } catch (p) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        b
+        p
       );
     }
   };
-  return /* @__PURE__ */ o("div", { className: "@container", children: [
-    /* @__PURE__ */ o("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden", children: [
+  return /* @__PURE__ */ d("div", { className: "@container", children: [
+    /* @__PURE__ */ d("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden", children: [
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: s && /* @__PURE__ */ e(
         "button",
         {
-          className: fe,
+          className: he,
           onClick: t || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ e(et, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ e(tt, { className: "size-5 text-black/90" })
         }
       ) }),
-      /* @__PURE__ */ o("div", { className: "flex flex-col gap-1 items-center", children: [
+      /* @__PURE__ */ d("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
-          ae,
+          ne,
           {
-            id: ((y = c == null ? void 0 : c.user) == null ? void 0 : y.id) || i.id || "unknown",
-            name: f,
-            image: d,
-            starred: l && m,
-            dmAgentEnabled: u,
+            id: ((g = c == null ? void 0 : c.user) == null ? void 0 : g.id) || i.id || "unknown",
+            name: h,
+            image: u,
+            starred: o && m,
+            dmAgentEnabled: l,
             size: 40
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             onClick: n,
             className: "flex items-center gap-0.5 rounded-full bg-black/[0.05] px-3 py-1 text-xs font-medium text-black/90 hover:bg-black/[0.08] transition-colors",
-            "aria-label": `View info for ${f}`,
+            "aria-label": `View info for ${h}`,
             children: [
-              f,
-              /* @__PURE__ */ e(tt, { className: "size-3 shrink-0" })
+              h,
+              /* @__PURE__ */ e(st, { className: "size-3 shrink-0" })
             ]
           }
         ),
-        u && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ e(Ge, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ e("span", { children: ct })
+        l && /* @__PURE__ */ d("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+          /* @__PURE__ */ e(Be, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ e("span", { children: dt })
         ] })
       ] }),
-      /* @__PURE__ */ o("div", { className: "flex justify-end items-center gap-2", children: [
-        l && /* @__PURE__ */ e(
+      /* @__PURE__ */ d("div", { className: "flex justify-end items-center gap-2", children: [
+        o && /* @__PURE__ */ e(
           "button",
           {
-            className: fe,
-            onClick: h,
+            className: he,
+            onClick: f,
             type: "button",
             "aria-label": m ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               je,
               {
-                className: $("size-5", {
+                className: A("size-5", {
                   "text-yellow-600": m,
                   "text-black/90": !m
                 }),
@@ -1563,70 +1563,70 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ e(
           "button",
           {
-            className: fe,
+            className: he,
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(st, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(nt, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ o("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
-      /* @__PURE__ */ o("div", { className: "flex items-center gap-4 min-w-0", children: [
+    /* @__PURE__ */ d("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-4 min-w-0", children: [
         s && t && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             onClick: t,
-            className: fe,
+            className: he,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ e(et, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(tt, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ e(
-          ae,
+          ne,
           {
-            id: ((w = c == null ? void 0 : c.user) == null ? void 0 : w.id) || i.id || "unknown",
-            name: f,
-            image: d,
-            starred: l && m,
-            dmAgentEnabled: u,
+            id: ((y = c == null ? void 0 : c.user) == null ? void 0 : y.id) || i.id || "unknown",
+            name: h,
+            image: u,
+            starred: o && m,
+            dmAgentEnabled: l,
             size: 40
           }
         ),
-        /* @__PURE__ */ o("div", { className: "min-w-0", children: [
-          r ? /* @__PURE__ */ o(
+        /* @__PURE__ */ d("div", { className: "min-w-0", children: [
+          r ? /* @__PURE__ */ d(
             "button",
             {
               type: "button",
               onClick: n,
               className: "flex items-center gap-1 font-medium text-black/90 truncate hover:text-black/70 transition-colors",
-              "aria-label": `View info for ${f}`,
+              "aria-label": `View info for ${h}`,
               children: [
-                /* @__PURE__ */ e("span", { className: "truncate", children: f }),
-                /* @__PURE__ */ e(tt, { className: "size-4 shrink-0" })
+                /* @__PURE__ */ e("span", { className: "truncate", children: h }),
+                /* @__PURE__ */ e(st, { className: "size-4 shrink-0" })
               ]
             }
-          ) : /* @__PURE__ */ e("h1", { className: "font-medium text-black/90 truncate", children: f }),
-          u && /* @__PURE__ */ o("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ e(Ge, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ e("span", { className: "truncate", children: ct })
+          ) : /* @__PURE__ */ e("h1", { className: "font-medium text-black/90 truncate", children: h }),
+          l && /* @__PURE__ */ d("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+            /* @__PURE__ */ e(Be, { className: "size-3 shrink-0 text-black/55" }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: dt })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-        l && /* @__PURE__ */ e(
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+        o && /* @__PURE__ */ e(
           "button",
           {
-            className: fe,
-            onClick: h,
+            className: he,
+            onClick: f,
             type: "button",
             "aria-label": m ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               je,
               {
-                className: $("size-5", {
+                className: A("size-5", {
                   "text-yellow-600": m,
                   "text-black/90": !m
                 }),
@@ -1638,197 +1638,197 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         r && n && /* @__PURE__ */ e(
           "button",
           {
-            className: fe,
+            className: he,
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(st, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(nt, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, Pn = ({
+}, On = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
   renderConversationFooter: r,
-  onLeaveConversation: l,
-  onBlockParticipant: u,
+  onLeaveConversation: o,
+  onBlockParticipant: l,
   showDeleteConversation: i = !0,
   onDeleteConversationClick: c,
-  onBlockParticipantClick: f,
-  onReportParticipantClick: d,
+  onBlockParticipantClick: h,
+  onReportParticipantClick: u,
   showStarButton: m = !1,
-  chatbotVotingEnabled: h = !1,
-  renderChannelBanner: C,
+  chatbotVotingEnabled: f = !1,
+  renderChannelBanner: v,
   customProfileContent: a,
-  customChannelActions: E,
-  renderMessage: y,
-  dmAgentEnabled: w = !1
+  customChannelActions: C,
+  renderMessage: g,
+  dmAgentEnabled: y = !1
 }) => {
-  var M, B;
-  const { channel: b } = me(), S = J(null), v = j.useMemo(() => Object.values(b.state.members || {}).find(
+  var T, B;
+  const { channel: p } = ue(), S = Q(null), w = j.useMemo(() => Object.values(p.state.members || {}).find(
     (G) => {
-      var U;
-      return ((U = G.user) == null ? void 0 : U.id) && G.user.id !== b._client.userID;
+      var $;
+      return (($ = G.user) == null ? void 0 : $.id) && G.user.id !== p._client.userID;
     }
-  ), [b._client.userID, b.state.members]), _ = j.useMemo(() => Object.values(b.state.members || {}).find((G) => {
-    var U;
-    return ((U = G.user) == null ? void 0 : U.id) === b._client.userID;
-  }), [b._client.userID, b.state.members]), L = ((M = _ == null ? void 0 : _.user) == null ? void 0 : M.is_account) ?? (_ == null ? void 0 : _.is_account), N = ((B = v == null ? void 0 : v.user) == null ? void 0 : B.is_account) ?? (v == null ? void 0 : v.is_account), g = w && L === !1 && N === !0, x = j.useMemo(() => {
-    const A = b.data ?? {};
-    if (A.followerStatus)
-      return String(A.followerStatus);
-    if (A.isFollower !== void 0)
-      return A.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [b.data]), R = O(() => {
-    var A;
-    (A = S.current) == null || A.showModal();
-  }, []), k = O(() => {
-    var A;
-    (A = S.current) == null || A.close();
-  }, []), P = O(
-    (A) => {
-      const { message: G } = ft("ChannelView"), U = /* @__PURE__ */ e(hn, { ...A, chatbotVotingEnabled: h });
-      return !y || !G ? U : y(U, G);
+  ), [p._client.userID, p.state.members]), E = j.useMemo(() => Object.values(p.state.members || {}).find((G) => {
+    var $;
+    return (($ = G.user) == null ? void 0 : $.id) === p._client.userID;
+  }), [p._client.userID, p.state.members]), F = ((T = E == null ? void 0 : E.user) == null ? void 0 : T.is_account) ?? (E == null ? void 0 : E.is_account), N = ((B = w == null ? void 0 : w.user) == null ? void 0 : B.is_account) ?? (w == null ? void 0 : w.is_account), b = y && F === !1 && N === !0, k = j.useMemo(() => {
+    const O = p.data ?? {};
+    if (O.followerStatus)
+      return String(O.followerStatus);
+    if (O.isFollower !== void 0)
+      return O.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [p.data]), R = U(() => {
+    var O;
+    (O = S.current) == null || O.showModal();
+  }, []), I = U(() => {
+    var O;
+    (O = S.current) == null || O.close();
+  }, []), L = U(
+    (O) => {
+      const { message: G } = bt("ChannelView"), $ = /* @__PURE__ */ e(xn, { ...O, chatbotVotingEnabled: f });
+      return !g || !G ? $ : g($, G);
     },
-    [h, y]
+    [f, g]
   );
-  return /* @__PURE__ */ o(se, { children: [
-    /* @__PURE__ */ e(hs, { overrides: { Message: P }, children: /* @__PURE__ */ o(fs, { children: [
+  return /* @__PURE__ */ d(fe, { children: [
+    /* @__PURE__ */ e(xs, { overrides: { Message: L }, children: /* @__PURE__ */ d(ps, { children: [
       /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-        Rn,
+        Fn,
         {
           onBack: t,
           showBackButton: s,
           onShowInfo: R,
-          canShowInfo: !!v,
+          canShowInfo: !!w,
           showStarButton: m,
-          dmAgentEnabled: g
+          dmAgentEnabled: b
         }
       ) }),
-      C == null ? void 0 : C(),
+      v == null ? void 0 : v(),
       /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
-        gs,
+        vs,
         {
           hideDeletedMessages: !0,
           hideNewMessageSeparator: !1,
           messageActions: void 0
         }
       ) }),
-      r == null ? void 0 : r(b),
+      r == null ? void 0 : r(p),
       /* @__PURE__ */ e(
-        vn,
+        Cn,
         {
-          renderActions: () => n == null ? void 0 : n(b)
+          renderActions: () => n == null ? void 0 : n(p)
         }
       )
     ] }) }),
     /* @__PURE__ */ e(
-      Zs,
+      en,
       {
         dialogRef: S,
-        onClose: k,
-        participant: v,
-        channel: b,
-        followerStatusLabel: x,
-        onLeaveConversation: l,
-        onBlockParticipant: u,
+        onClose: I,
+        participant: w,
+        channel: p,
+        followerStatusLabel: k,
+        onLeaveConversation: o,
+        onBlockParticipant: l,
         showDeleteConversation: i,
         onDeleteConversationClick: c,
-        onBlockParticipantClick: f,
-        onReportParticipantClick: d,
+        onBlockParticipantClick: h,
+        onReportParticipantClick: u,
         customProfileContent: a,
-        customChannelActions: E
+        customChannelActions: C
       }
     )
   ] });
-}, St = j.memo(
+}, Mt = j.memo(
   ({
     channel: t,
     onBack: s,
     showBackButton: n = !1,
     renderMessageInputActions: r,
-    renderConversationFooter: l,
-    onLeaveConversation: u,
+    renderConversationFooter: o,
+    onLeaveConversation: l,
     onBlockParticipant: i,
     className: c,
-    CustomChannelEmptyState: f = Mn,
-    showDeleteConversation: d = !0,
+    CustomChannelEmptyState: h = Pn,
+    showDeleteConversation: u = !0,
     onDeleteConversationClick: m,
-    onBlockParticipantClick: h,
-    onReportParticipantClick: C,
+    onBlockParticipantClick: f,
+    onReportParticipantClick: v,
     dmAgentEnabled: a,
-    messageMetadata: E,
-    onMessageSent: y,
-    showStarButton: w = !1,
-    chatbotVotingEnabled: b = !1,
+    messageMetadata: C,
+    onMessageSent: g,
+    showStarButton: y = !1,
+    chatbotVotingEnabled: p = !1,
     renderChannelBanner: S,
-    customProfileContent: v,
-    customChannelActions: _,
-    renderMessage: L,
+    customProfileContent: w,
+    customChannelActions: E,
+    renderMessage: F,
     sendButton: N
   }) => {
-    const g = O(
-      async (x, R, k) => {
-        var U;
-        const P = ((U = t.data) == null ? void 0 : U.chatbot_paused) === !0, M = a && !P, B = {
+    const b = U(
+      async (k, R, I) => {
+        var $;
+        const L = (($ = t.data) == null ? void 0 : $.chatbot_paused) === !0, T = a && !L, B = {
           ...R,
-          ...M && { silent: !0 },
-          ...E && {
+          ...T && { silent: !0 },
+          ...C && {
             metadata: {
               ...R.metadata ?? {},
-              ...E
+              ...C
             }
           }
-        }, A = {
-          ...k,
-          ...M && { skip_push: !0 }
-        }, G = await t.sendMessage(B, A);
-        return y == null || y(G), G;
+        }, O = {
+          ...I,
+          ...T && { skip_push: !0 }
+        }, G = await t.sendMessage(B, O);
+        return g == null || g(G), G;
       },
-      [t, a, E, y]
+      [t, a, C, g]
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        className: $(
+        className: A(
           "messaging-channel-view h-full flex flex-col",
           c
         ),
         children: /* @__PURE__ */ e(
-          ms,
+          bs,
           {
             channel: t,
-            MessageSystem: kn,
-            EmptyStateIndicator: f,
-            LoadingIndicator: De,
-            DateSeparator: Ks,
-            TypingIndicator: Tn,
-            doSendMessageRequest: g,
+            MessageSystem: Rn,
+            EmptyStateIndicator: h,
+            LoadingIndicator: Me,
+            DateSeparator: tn,
+            TypingIndicator: Ln,
+            doSendMessageRequest: b,
             ...N ? { SendButton: N } : {},
             children: /* @__PURE__ */ e(
-              Pn,
+              On,
               {
                 onBack: s,
                 showBackButton: n,
                 renderMessageInputActions: r,
-                renderConversationFooter: l,
-                onLeaveConversation: u,
+                renderConversationFooter: o,
+                onLeaveConversation: l,
                 onBlockParticipant: i,
-                CustomChannelEmptyState: f,
-                showDeleteConversation: d,
+                CustomChannelEmptyState: h,
+                showDeleteConversation: u,
                 onDeleteConversationClick: m,
-                onBlockParticipantClick: h,
-                onReportParticipantClick: C,
-                showStarButton: w,
+                onBlockParticipantClick: f,
+                onReportParticipantClick: v,
+                showStarButton: y,
                 dmAgentEnabled: a,
-                chatbotVotingEnabled: b,
+                chatbotVotingEnabled: p,
                 renderChannelBanner: S,
-                customProfileContent: v,
-                customChannelActions: _,
-                renderMessage: L
+                customProfileContent: w,
+                customChannelActions: E,
+                renderMessage: F
               }
             )
           }
@@ -1837,16 +1837,16 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-St.displayName = "ChannelView";
-function Ln({
+Mt.displayName = "ChannelView";
+function Un({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const r = J(null);
-  return /* @__PURE__ */ o("div", { className: "relative", children: [
+  const r = Q(null);
+  return /* @__PURE__ */ d("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      Ns,
+      Es,
       {
         className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
         weight: "bold"
@@ -1859,39 +1859,39 @@ function Ln({
         type: "text",
         placeholder: n,
         value: t,
-        onChange: (l) => s(l.target.value),
+        onChange: (o) => s(o.target.value),
         className: "w-full pl-10 pr-10 py-3 text-sm border border-sand rounded-xl focus:outline-none focus:ring-2 focus:ring-black focus:border-transparent"
       }
     ),
     t && /* @__PURE__ */ e(
-      Ct,
+      Et,
       {
         label: "Clear search",
         onClick: () => {
-          var l;
-          s(""), (l = r.current) == null || l.focus();
+          var o;
+          s(""), (o = r.current) == null || o.focus();
         },
         className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
-        children: /* @__PURE__ */ e(Re, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ e(Ye, { className: "h-4 w-4", weight: "bold" })
       }
     )
   ] });
 }
-const Fn = ({
+const $n = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
   existingParticipantIds: r = /* @__PURE__ */ new Set(),
-  participantLabel: l = "participants",
-  searchPlaceholder: u = "Search participants...",
+  participantLabel: o = "participants",
+  searchPlaceholder: l = "Search participants...",
   className: i
 }) => {
-  const { debug: c } = Pe(), [f, d] = T(""), [m, h] = T([]), [C, a] = T(!1), [E, y] = T(null), [w, b] = T(
+  const { debug: c } = De(), [h, u] = M(""), [m, f] = M([]), [v, a] = M(!1), [C, g] = M(null), [y, p] = M(
     null
-  ), S = J(!1);
-  Z(() => {
+  ), S = Q(!1);
+  K(() => {
     S.current = !1;
-  }, [t]), Z(() => {
+  }, [t]), K(() => {
     if (t.loading) {
       c && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
@@ -1900,123 +1900,123 @@ const Fn = ({
     }
     if (S.current) return;
     (async () => {
-      c && console.log("[ParticipantPicker] Loading initial participants..."), a(!0), y(null);
+      c && console.log("[ParticipantPicker] Loading initial participants..."), a(!0), g(null);
       try {
-        const g = await t.loadParticipants({
+        const b = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        h(g.participants), S.current = !0, c && console.log(
+        f(b.participants), S.current = !0, c && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
-          g.participants.length
+          b.participants.length
         );
-      } catch (g) {
-        const x = g instanceof Error ? g.message : "Failed to load participants";
-        y(x), console.error("[ParticipantPicker] Failed to load participants:", g);
+      } catch (b) {
+        const k = b instanceof Error ? b.message : "Failed to load participants";
+        g(k), console.error("[ParticipantPicker] Failed to load participants:", b);
       } finally {
         a(!1);
       }
     })();
   }, [t, c]);
-  const v = m.filter((N) => !r.has(N.id)).filter((N) => {
-    var x;
-    if (!f) return !0;
-    const g = f.toLowerCase();
-    return N.name.toLowerCase().includes(g) || ((x = N.email) == null ? void 0 : x.toLowerCase().includes(g)) || !1;
-  }), _ = O(
+  const w = m.filter((N) => !r.has(N.id)).filter((N) => {
+    var k;
+    if (!h) return !0;
+    const b = h.toLowerCase();
+    return N.name.toLowerCase().includes(b) || ((k = N.email) == null ? void 0 : k.toLowerCase().includes(b)) || !1;
+  }), E = U(
     async (N) => {
-      if (!w) {
-        b(N.id);
+      if (!y) {
+        p(N.id);
         try {
           await s(N);
-        } catch (g) {
-          console.error("[ParticipantPicker] Failed to start chat:", g), b(null);
+        } catch (b) {
+          console.error("[ParticipantPicker] Failed to start chat:", b), p(null);
         }
       }
     },
-    [s, w]
-  ), L = (N, g) => {
-    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), _(g));
+    [s, y]
+  ), F = (N, b) => {
+    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), E(b));
   };
-  return /* @__PURE__ */ o("div", { className: $("flex flex-col h-full", i), children: [
-    /* @__PURE__ */ o("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
-      /* @__PURE__ */ o("div", { className: "flex items-center justify-between mb-3", children: [
+  return /* @__PURE__ */ d("div", { className: A("flex flex-col h-full", i), children: [
+    /* @__PURE__ */ d("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
-        /* @__PURE__ */ e(_t, { onClick: n })
+        /* @__PURE__ */ e(kt, { onClick: n })
       ] }),
-      /* @__PURE__ */ o("p", { className: "text-xs text-stone mb-3", children: [
+      /* @__PURE__ */ d("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
-        l.slice(0, -1),
+        o.slice(0, -1),
         " to start messaging (",
-        v.length,
+        w.length,
         " available)",
-        t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
+        t.totalCount !== void 0 && ` • ${t.totalCount} ${o} total`
       ] }),
       /* @__PURE__ */ e(
-        Ln,
+        Un,
         {
-          searchQuery: f,
-          setSearchQuery: d,
-          placeholder: u
+          searchQuery: h,
+          setSearchQuery: u,
+          placeholder: l
         }
       )
     ] }),
-    E && /* @__PURE__ */ o("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    C && /* @__PURE__ */ d("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
-      l,
+      o,
       ": ",
-      E
+      C
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: C && v.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ o("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: v && w.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
-      /* @__PURE__ */ o("span", { className: "text-sm text-stone", children: [
+      /* @__PURE__ */ d("span", { className: "text-sm text-stone", children: [
         "Loading ",
-        l,
+        o,
         "..."
       ] })
-    ] }) }) : v.length === 0 ? /* @__PURE__ */ o("div", { className: "p-6 text-center", children: [
-      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(nt, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: f ? `No ${l} found` : m.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: f ? "Try a different search term" : m.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
-    ] }) : /* @__PURE__ */ o("ul", { className: "space-y-0", children: [
-      v.map((N) => {
-        const g = N.name || N.email || N.id, x = N.email && N.name ? N.email : N.phone;
+    ] }) }) : w.length === 0 ? /* @__PURE__ */ d("div", { className: "p-6 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(at, { className: "h-8 w-8 text-charcoal" }) }),
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: h ? `No ${o} found` : m.length > 0 ? `Already chatting with all ${o}` : `No ${o} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: h ? "Try a different search term" : m.length > 0 ? `You have existing conversations with all your ${o}` : `${o.charAt(0).toUpperCase() + o.slice(1)} will appear here` })
+    ] }) : /* @__PURE__ */ d("ul", { className: "space-y-0", children: [
+      w.map((N) => {
+        const b = N.name || N.email || N.id, k = N.email && N.name ? N.email : N.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => _(N),
-            onKeyDown: (R) => L(R, N),
+            onClick: () => E(N),
+            onKeyDown: (R) => F(R, N),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus-ring",
-            children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ o("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
+            children: /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ d("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
                 /* @__PURE__ */ e(
-                  ae,
+                  ne,
                   {
                     id: N.id,
-                    name: g,
+                    name: b,
                     image: N.image,
                     size: 40
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: g }),
-                  x && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: x })
+                /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: b }),
+                  k && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: k })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: w === N.id ? /* @__PURE__ */ e(ke, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(nt, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: y === N.id ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(at, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
         ) }, N.id);
       }),
-      C && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ o("div", { className: "flex items-center space-x-2", children: [
+      v && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading more..." })
       ] }) })
     ] }) })
   ] });
-}, An = ({ className: t }) => /* @__PURE__ */ o(
+}, zn = ({ className: t }) => /* @__PURE__ */ d(
   "svg",
   {
     width: "140",
@@ -2026,7 +2026,7 @@ const Fn = ({
     xmlns: "http://www.w3.org/2000/svg",
     className: t,
     children: [
-      /* @__PURE__ */ o("g", { clipPath: "url(#clip0_empty_state)", children: [
+      /* @__PURE__ */ d("g", { clipPath: "url(#clip0_empty_state)", children: [
         /* @__PURE__ */ e(
           "path",
           {
@@ -2055,7 +2055,7 @@ const Fn = ({
             fill: "white"
           }
         ),
-        /* @__PURE__ */ o("g", { filter: "url(#filter0_empty_state)", children: [
+        /* @__PURE__ */ d("g", { filter: "url(#filter0_empty_state)", children: [
           /* @__PURE__ */ e(
             "path",
             {
@@ -2095,8 +2095,8 @@ const Fn = ({
           }
         )
       ] }),
-      /* @__PURE__ */ o("defs", { children: [
-        /* @__PURE__ */ o(
+      /* @__PURE__ */ d("defs", { children: [
+        /* @__PURE__ */ d(
           "filter",
           {
             id: "filter0_empty_state",
@@ -2150,17 +2150,17 @@ const Fn = ({
       ] })
     ]
   }
-), kt = j.memo(
-  ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ o("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(An, {}),
-    s && !t && /* @__PURE__ */ o("div", { className: "mt-8", children: [
+), Tt = j.memo(
+  ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ d("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
+    /* @__PURE__ */ e(zn, {}),
+    s && !t && /* @__PURE__ */ d("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ e("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
     ] })
   ] }) })
 );
-kt.displayName = "EmptyState";
-const Te = j.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ o("div", { className: "text-center max-w-sm", children: [
+Tt.displayName = "EmptyState";
+const Ie = j.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ d("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t }),
@@ -2174,50 +2174,50 @@ const Te = j.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
     }
   )
 ] }) }));
-Te.displayName = "ErrorState";
-const oa = ({
+Ie.displayName = "ErrorState";
+const ga = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
   renderConversationFooter: r,
-  onChannelSelect: l,
-  onParticipantSelect: u,
+  onChannelSelect: o,
+  onParticipantSelect: l,
   initialParticipantFilter: i,
   initialParticipantData: c,
-  CustomChannelEmptyState: f,
-  showChannelList: d = !0,
+  CustomChannelEmptyState: h,
+  showChannelList: u = !0,
   filters: m,
-  channelRenderFilterFn: h,
-  channelListCustomEmptyStateIndicator: C,
+  channelRenderFilterFn: f,
+  channelListCustomEmptyStateIndicator: v,
   onDeleteConversationClick: a,
-  onBlockParticipantClick: E,
-  onReportParticipantClick: y,
-  dmAgentEnabled: w,
-  messageMetadata: b,
+  onBlockParticipantClick: C,
+  onReportParticipantClick: g,
+  dmAgentEnabled: y,
+  messageMetadata: p,
   onMessageSent: S,
-  showStarButton: v = !1,
-  chatbotVotingEnabled: _ = !1,
-  renderMessagePreview: L,
+  showStarButton: w = !1,
+  chatbotVotingEnabled: E = !1,
+  renderMessagePreview: F,
   renderChannelBanner: N,
-  customProfileContent: g,
-  customChannelActions: x,
+  customProfileContent: b,
+  customChannelActions: k,
   renderMessage: R,
-  sendButton: k
+  sendButton: I
 }) => {
   const {
-    service: P,
-    client: M,
+    service: L,
+    client: T,
     isConnected: B,
-    isLoading: A,
+    isLoading: O,
     error: G,
-    refreshConnection: U,
-    debug: F
-  } = As(), [W, K] = T(null), [re, Q] = T(!1), [p, I] = T(!1), [z, V] = T(!1), [ee, le] = T(/* @__PURE__ */ new Set()), [xe, Le] = T(0), [q, te] = T(!1), [pe, ie] = T(null), he = J(null), {
+    refreshConnection: $,
+    debug: P
+  } = zs(), [W, Z] = M(null), [ae, J] = M(!1), [x, _] = M(!1), [z, H] = M(!1), [ee, ie] = M(/* @__PURE__ */ new Set()), [be, Le] = M(0), [q, te] = M(!1), [xe, re] = M(null), me = Q(null), {
     participantSource: oe,
-    participantLabel: ve = "participants",
+    participantLabel: pe = "participants",
     showDeleteConversation: ge = !0
-  } = t, we = j.useMemo(() => {
-    const D = M == null ? void 0 : M.userID;
+  } = t, ve = j.useMemo(() => {
+    const D = T == null ? void 0 : T.userID;
     return {
       ...{
         type: "messaging",
@@ -2229,50 +2229,50 @@ const oa = ({
       },
       ...m
     };
-  }, [m, M == null ? void 0 : M.userID]), ce = J(null), ne = O(async () => {
-    if (!M || !B) return;
-    const D = M.userID;
+  }, [m, T == null ? void 0 : T.userID]), le = Q(null), se = U(async () => {
+    if (!T || !B) return;
+    const D = T.userID;
     if (D)
       try {
-        F && console.log("[MessagingShell] Syncing channels for user:", D);
-        const X = await M.queryChannels(
+        P && console.log("[MessagingShell] Syncing channels for user:", D);
+        const X = await T.queryChannels(
           {
             type: "messaging",
             members: { $in: [D] }
           },
           {},
           { limit: 100 }
-        ), H = /* @__PURE__ */ new Set();
+        ), V = /* @__PURE__ */ new Set();
         X.forEach((Y) => {
-          const Fe = Y.state.members;
-          Object.values(Fe).forEach((Rt) => {
-            var Ke;
-            const Ae = (Ke = Rt.user) == null ? void 0 : Ke.id;
-            Ae && Ae !== D && H.add(Ae);
+          const Pe = Y.state.members;
+          Object.values(Pe).forEach((Ft) => {
+            var Je;
+            const Ae = (Je = Ft.user) == null ? void 0 : Je.id;
+            Ae && Ae !== D && V.add(Ae);
           });
-        }), le((Y) => Y.size === H.size && [...Y].every((Fe) => H.has(Fe)) ? Y : H), Q(X.length > 0), I(!0), ce.current = D, F && console.log("[MessagingShell] Channels synced successfully:", {
+        }), ie((Y) => Y.size === V.size && [...Y].every((Pe) => V.has(Pe)) ? Y : V), J(X.length > 0), _(!0), le.current = D, P && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: X.length,
-          memberCount: H.size
+          memberCount: V.size
         });
       } catch (X) {
         console.error("[MessagingShell] Failed to sync channels:", X);
       }
-  }, [M, B, F]);
-  Z(() => {
-    if (!M || !B) return;
-    const D = M.userID;
-    D && ce.current !== D && ne();
-  }, [M, B, ne]), Z(() => {
-    if (!i || !M || !B) return;
+  }, [T, B, P]);
+  K(() => {
+    if (!T || !B) return;
+    const D = T.userID;
+    D && le.current !== D && se();
+  }, [T, B, se]), K(() => {
+    if (!i || !T || !B) return;
     (async () => {
-      const X = M.userID;
+      const X = T.userID;
       if (X)
         try {
-          F && console.log(
+          P && console.log(
             "[MessagingShell] Loading initial conversation with:",
             i
           );
-          const H = await M.queryChannels(
+          const V = await T.queryChannels(
             {
               type: "messaging",
               members: { $eq: [X, i] }
@@ -2280,24 +2280,24 @@ const oa = ({
             {},
             { limit: 1 }
           );
-          if (H.length > 0)
-            K(H[0]), te(!0), ie(null), l && l(H[0]), F && console.log(
+          if (V.length > 0)
+            Z(V[0]), te(!0), re(null), o && o(V[0]), P && console.log(
               "[MessagingShell] Initial conversation loaded:",
-              H[0].id
+              V[0].id
             );
-          else if (c && P) {
-            F && console.log(
+          else if (c && L) {
+            P && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               c
             );
             try {
-              const Y = await P.startChannelWithParticipant({
+              const Y = await L.startChannelWithParticipant({
                 id: c.id,
                 name: c.name,
                 email: c.email,
                 phone: c.phone
               });
-              K(Y), te(!0), ie(null), l && l(Y), F && console.log(
+              Z(Y), te(!0), re(null), o && o(Y), P && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 Y.id
               );
@@ -2305,120 +2305,120 @@ const oa = ({
               console.error(
                 "[MessagingShell] Failed to create conversation:",
                 Y
-              ), ie("Failed to create conversation");
+              ), re("Failed to create conversation");
             }
           } else
-            ie(
+            re(
               "No conversation found with this account"
-            ), F && console.log(
+            ), P && console.log(
               "[MessagingShell] No conversation found for:",
               i
             );
-        } catch (H) {
+        } catch (V) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
-            H
-          ), ie("Failed to load conversation");
+            V
+          ), re("Failed to load conversation");
         }
     })();
   }, [
     i,
     c,
-    M,
+    T,
     B,
+    L,
     P,
-    F,
-    l
+    o
   ]);
-  const Ne = O(
+  const we = U(
     (D) => {
-      K(D), l == null || l(D);
+      Z(D), o == null || o(D);
     },
-    [l]
-  ), ye = O(() => {
-    q || K(null);
-  }, [q]), Ce = O(
+    [o]
+  ), ye = U(() => {
+    q || Z(null);
+  }, [q]), Ne = U(
     async (D) => {
       var X;
-      if (P)
+      if (L)
         try {
-          F && console.log(
+          P && console.log(
             "[MessagingShell] Starting conversation with:",
             D.id
           );
-          const H = await P.startChannelWithParticipant({
+          const V = await L.startChannelWithParticipant({
             id: D.id,
             name: D.name,
             email: D.email,
             phone: D.phone
           });
           try {
-            await H.show();
+            await V.show();
           } catch (Y) {
             console.warn("[MessagingShell] Failed to unhide channel:", Y);
           }
-          K(H), V(!1), (X = he.current) == null || X.close(), u == null || u(D);
-        } catch (H) {
-          console.error("[MessagingShell] Failed to start conversation:", H);
+          Z(V), H(!1), (X = me.current) == null || X.close(), l == null || l(D);
+        } catch (V) {
+          console.error("[MessagingShell] Failed to start conversation:", V);
         }
     },
-    [P, u, F]
-  ), de = O(() => {
+    [L, l, P]
+  ), ce = U(() => {
     var D;
-    V(!1), (D = he.current) == null || D.close();
-  }, []), _e = O(
+    H(!1), (D = me.current) == null || D.close();
+  }, []), Ce = U(
     (D) => {
-      D.target === he.current && de();
+      D.target === me.current && ce();
     },
-    [de]
-  ), Ee = O(
+    [ce]
+  ), _e = U(
     async (D) => {
-      F && console.log("[MessagingShell] Leaving conversation:", D.id), K(null), te(!1), ce.current = null, await ne();
+      P && console.log("[MessagingShell] Leaving conversation:", D.id), Z(null), te(!1), le.current = null, await se();
     },
-    [ne, F]
-  ), Ie = O(
+    [se, P]
+  ), Ee = U(
     async (D) => {
-      F && console.log("[MessagingShell] Blocking participant:", D), K(null), te(!1), ce.current = null, await ne();
+      P && console.log("[MessagingShell] Blocking participant:", D), Z(null), te(!1), le.current = null, await se();
     },
-    [ne, F]
-  ), ue = !!W;
-  return A ? /* @__PURE__ */ e("div", { className: $("h-full", s), children: /* @__PURE__ */ e(De, {}) }) : G ? /* @__PURE__ */ e("div", { className: $("h-full", s), children: /* @__PURE__ */ e(Te, { message: G, onBack: U }) }) : !B || !M ? /* @__PURE__ */ e("div", { className: $("h-full", s), children: /* @__PURE__ */ e(
-    Te,
+    [se, P]
+  ), de = !!W;
+  return O ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Me, {}) }) : G ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, { message: G, onBack: $ }) }) : !B || !T ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
+    Ie,
     {
       message: "Not connected to messaging service",
-      onBack: U
+      onBack: $
     }
-  ) }) : pe ? /* @__PURE__ */ e("div", { className: $("h-full", s), children: /* @__PURE__ */ e(Te, { message: pe }) }) : /* @__PURE__ */ o(
+  ) }) : xe ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, { message: xe }) }) : /* @__PURE__ */ d(
     "div",
     {
-      className: $(
+      className: A(
         "messaging-shell h-full bg-background-primary overflow-hidden",
         s
       ),
       children: [
-        /* @__PURE__ */ o("div", { className: "flex h-full min-h-0", children: [
+        /* @__PURE__ */ d("div", { className: "flex h-full min-h-0", children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: $(
+              className: A(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": d === !1 || q,
+                  "!hidden": u === !1 || q,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": d !== !1 && !q && ue,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": u !== !1 && !q && de,
                   // Show on mobile when no channel selected, use same wide width on desktop
-                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": d !== !1 && !q && !ue
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": u !== !1 && !q && !de
                 }
               ),
               children: /* @__PURE__ */ e(
-                yt,
+                _t,
                 {
-                  onChannelSelect: Ne,
+                  onChannelSelect: we,
                   selectedChannel: W || void 0,
-                  filters: we,
-                  channelRenderFilterFn: h,
-                  customEmptyStateIndicator: C,
-                  renderMessagePreview: L
+                  filters: ve,
+                  channelRenderFilterFn: f,
+                  customEmptyStateIndicator: v,
+                  renderMessagePreview: F
                 }
               )
             }
@@ -2426,17 +2426,17 @@ const oa = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: $(
+              className: A(
                 "messaging-conversation-view flex-1 flex-col min-w-0 min-h-0",
                 {
                   // In direct conversation mode (or waiting for it), always show (full width)
-                  flex: q || ue || i,
+                  flex: q || de || i,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !q && !ue && !i
+                  "hidden lg:flex": !q && !de && !i
                 }
               ),
               children: W ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                St,
+                Mt,
                 {
                   channel: W,
                   onBack: ye,
@@ -2444,32 +2444,32 @@ const oa = ({
                   renderMessageInputActions: n,
                   renderConversationFooter: r,
                   renderChannelBanner: N,
-                  onLeaveConversation: Ee,
-                  onBlockParticipant: Ie,
-                  CustomChannelEmptyState: f,
+                  onLeaveConversation: _e,
+                  onBlockParticipant: Ee,
+                  CustomChannelEmptyState: h,
                   showDeleteConversation: ge,
                   onDeleteConversationClick: a,
-                  onBlockParticipantClick: E,
-                  onReportParticipantClick: y,
-                  dmAgentEnabled: w,
-                  messageMetadata: b,
+                  onBlockParticipantClick: C,
+                  onReportParticipantClick: g,
+                  dmAgentEnabled: y,
+                  messageMetadata: p,
                   onMessageSent: S,
-                  showStarButton: v,
-                  chatbotVotingEnabled: _,
-                  customProfileContent: g,
-                  customChannelActions: x,
+                  showStarButton: w,
+                  chatbotVotingEnabled: E,
+                  customProfileContent: b,
+                  customChannelActions: k,
                   renderMessage: R,
-                  sendButton: k
+                  sendButton: I
                 },
                 W.id
               ) }) : i ? (
                 // Show loading while creating/loading direct conversation channel
-                /* @__PURE__ */ e(De, {})
+                /* @__PURE__ */ e(Me, {})
               ) : /* @__PURE__ */ e(
-                kt,
+                Tt,
                 {
-                  hasChannels: re,
-                  channelsLoaded: p
+                  hasChannels: ae,
+                  channelsLoaded: x
                 }
               )
             }
@@ -2479,28 +2479,28 @@ const oa = ({
         /* @__PURE__ */ e(
           "dialog",
           {
-            ref: he,
+            ref: me,
             className: "mes-dialog",
-            onClick: _e,
-            onClose: de,
+            onClick: Ce,
+            onClose: ce,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Fn,
+              $n,
               {
                 participantSource: oe,
-                onSelectParticipant: Ce,
-                onClose: de,
+                onSelectParticipant: Ne,
+                onClose: ce,
                 existingParticipantIds: ee,
-                participantLabel: ve,
-                searchPlaceholder: `Search ${ve}...`
+                participantLabel: pe,
+                searchPlaceholder: `Search ${pe}...`
               },
-              xe
+              be
             ) })
           }
         )
       ]
     }
   );
-}, On = ({
+}, jn = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2512,7 +2512,7 @@ const oa = ({
     onClick: s,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: $(
+    className: A(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -2522,48 +2522,48 @@ const oa = ({
     ),
     children: t
   }
-), ca = ({
+), ba = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
   headerText: r,
-  className: l,
-  avatarImage: u,
+  className: o,
+  avatarImage: l,
   avatarName: i
 }) => {
-  const c = t.filter((f) => f.enabled).sort((f, d) => (f.order ?? 0) - (d.order ?? 0));
-  return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ o("div", { className: "flex gap-3 items-end", children: [
-    (u || i) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
-      ae,
+  const c = t.filter((h) => h.enabled).sort((h, u) => (h.order ?? 0) - (u.order ?? 0));
+  return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: o, children: /* @__PURE__ */ d("div", { className: "flex gap-3 items-end", children: [
+    (l || i) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
+      ne,
       {
         id: i || "account",
         name: i || "Account",
-        image: u,
+        image: l,
         size: 24,
         shape: "circle"
       }
     ) }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ d(
       "div",
       {
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
         style: { backgroundColor: "#F1F0EE" },
         children: [
           r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
-          c.map((f) => /* @__PURE__ */ e(
-            On,
+          c.map((h) => /* @__PURE__ */ e(
+            jn,
             {
-              question: f.question,
-              onClick: () => s(f.id),
-              loading: n === f.id
+              question: h.question,
+              onClick: () => s(h.id),
+              loading: n === h.id
             },
-            f.id
+            h.id
           ))
         ]
       }
     )
   ] }) });
-}, Un = [
+}, Bn = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -2573,125 +2573,125 @@ const oa = ({
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function Xe(t) {
+function Re(t) {
   return t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : t.startsWith("image/") ? "image" : "document";
 }
-function $n(t) {
-  const s = Un.find(
+function Gn(t) {
+  const s = Bn.find(
     ([n]) => n.test(t)
   );
   return s ? s[1] : "generic";
 }
-const zn = {
-  video: _s,
-  audio: Cs,
-  image: ys,
-  document: gt
-}, Bn = {
-  pdf: Rs,
-  doc: Ds,
-  xls: Ms,
-  csv: Ts,
-  ppt: ks,
-  zip: Ss,
-  text: Is,
-  markdown: Es,
-  generic: gt
+const Vn = {
+  video: Is,
+  audio: Ss,
+  image: ks,
+  document: xt
+}, Hn = {
+  pdf: Fs,
+  doc: As,
+  xls: Ps,
+  csv: Ls,
+  ppt: Rs,
+  zip: Ds,
+  text: Ts,
+  markdown: Ms,
+  generic: xt
 };
-function jn(t) {
-  const s = Xe(t);
-  return s !== "document" ? zn[s] : Bn[$n(t)];
+function Yn(t) {
+  const s = Re(t);
+  return s !== "document" ? Vn[s] : Hn[Gn(t)];
 }
-function Ze(t, s) {
-  return j.createElement(jn(t), s);
+function Te(t, s) {
+  return j.createElement(Yn(t), s);
 }
-const Gn = (t) => {
+const Wn = (t) => {
   var s, n;
   return "touches" in t ? ((s = t.touches[0]) == null ? void 0 : s.clientX) ?? ((n = t.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : t.clientX;
-}, Ye = ({
+}, qn = ({
   source: t,
   mimeType: s,
   poster: n,
   autoPlay: r = !1,
-  playing: l,
-  loop: u = !1,
+  playing: o,
+  loop: l = !1,
   controls: i = !0,
   showProgress: c = !1,
-  muted: f = !1,
-  onContainerClick: d
+  muted: h = !1,
+  onContainerClick: u
 }) => {
-  const m = Xe(s), h = J(null), C = J(null), a = J(null), E = J(l), [y, w] = T(r), [b, S] = T(0), [v, _] = T(!1), [L, N] = T(!1), [g, x] = T(!1), [R, k] = T(!1), [P, M] = T(!0), [B, A] = T(null), G = O(() => {
-    x(!1), w(!0);
-  }, []), U = O((p) => {
-    const I = C.current;
-    if (!I) return 0;
-    const z = I.getBoundingClientRect();
+  const m = Re(s), f = Q(null), v = Q(null), a = Q(null), C = Q(o), [g, y] = M(r), [p, S] = M(0), [w, E] = M(!1), [F, N] = M(!1), [b, k] = M(!1), [R, I] = M(!1), [L, T] = M(!0), [B, O] = M(null), G = U(() => {
+    k(!1), y(!0);
+  }, []), $ = U((x) => {
+    const _ = v.current;
+    if (!_) return 0;
+    const z = _.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Gn(p) - z.left) / z.width)
+      Math.min(1, (Wn(x) - z.left) / z.width)
     );
-  }, []), F = O((p) => {
-    const I = h.current;
-    I && I.duration && (I.currentTime = p * I.duration);
-  }, []), W = (p) => {
-    p.stopPropagation(), _(!0);
-    const I = U(p);
-    S(I), F(I);
+  }, []), P = U((x) => {
+    const _ = f.current;
+    _ && _.duration && (_.currentTime = x * _.duration);
+  }, []), W = (x) => {
+    x.stopPropagation(), E(!0);
+    const _ = $(x);
+    S(_), P(_);
   };
-  Z(() => {
-    l !== void 0 && l !== E.current && (E.current = l, w(l));
-  }, [l]), Z(() => {
-    if (!y) {
+  K(() => {
+    o !== void 0 && o !== C.current && (C.current = o, y(o));
+  }, [o]), K(() => {
+    if (!g) {
       a.current !== null && (cancelAnimationFrame(a.current), a.current = null);
       return;
     }
-    const p = () => {
-      const I = h.current;
-      I && I.duration && !v && S(I.currentTime / I.duration), a.current = requestAnimationFrame(p);
+    const x = () => {
+      const _ = f.current;
+      _ && _.duration && !w && S(_.currentTime / _.duration), a.current = requestAnimationFrame(x);
     };
-    return a.current = requestAnimationFrame(p), () => {
+    return a.current = requestAnimationFrame(x), () => {
       a.current !== null && cancelAnimationFrame(a.current);
     };
-  }, [y, v]), Z(() => {
-    const p = h.current;
-    p && (y ? p.play().catch((I) => {
-      w(!1), x(!0);
-    }) : p.pause());
-  }, [y]), Z(() => {
-    if (!v) return;
-    const p = (z) => S(U(z)), I = (z) => {
-      _(!1), F(U(z));
+  }, [g, w]), K(() => {
+    const x = f.current;
+    x && (g ? x.play().catch((_) => {
+      y(!1), k(!0);
+    }) : x.pause());
+  }, [g]), K(() => {
+    if (!w) return;
+    const x = (z) => S($(z)), _ = (z) => {
+      E(!1), P($(z));
     };
-    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", I), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", I), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", I);
+    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", _), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", _), () => {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", _);
     };
-  }, [v, U, F]);
-  const K = B ? { aspectRatio: String(B) } : void 0, re = B ? "" : " aspect-video", Q = Math.round(b * 100);
-  return /* @__PURE__ */ o(
+  }, [w, $, P]);
+  const Z = B ? { aspectRatio: String(B) } : void 0, ae = B ? "" : " aspect-video", J = Math.round(p * 100);
+  return /* @__PURE__ */ d(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${re}`,
-      style: K,
-      onClick: (p) => {
-        if (d) {
-          d(p);
+      className: `relative cursor-pointer overflow-hidden bg-black ${ae}`,
+      style: Z,
+      onClick: (x) => {
+        if (u) {
+          u(x);
           return;
         }
-        g || i && w((I) => !I);
+        b || i && y((_) => !_);
       },
-      onKeyDown: (p) => {
-        if (!(p.key !== "Enter" && p.key !== " ")) {
-          if (p.preventDefault(), d) {
-            d(p);
+      onKeyDown: (x) => {
+        if (!(x.key !== "Enter" && x.key !== " ")) {
+          if (x.preventDefault(), u) {
+            u(x);
             return;
           }
-          g || i && w((I) => !I);
+          b || i && y((_) => !_);
         }
       },
       children: [
-        n && (m === "audio" || P) && /* @__PURE__ */ e(
+        n && (m === "audio" || L) && /* @__PURE__ */ e(
           "img",
           {
             src: n,
@@ -2699,75 +2699,75 @@ const Gn = (t) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (m === "audio" || P) && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: Ze(s, {
+        !n && (m === "audio" || L) && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: Te(s, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
         /* @__PURE__ */ e("div", { className: "absolute inset-0", children: m === "audio" ? /* @__PURE__ */ e(
           "audio",
           {
-            ref: h,
+            ref: f,
             src: t,
-            loop: u,
-            muted: f,
+            loop: l,
+            muted: h,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => k(!0),
+            onLoadStart: () => I(!0),
             onCanPlay: () => {
-              k(!1), M(!1);
+              I(!1), T(!1);
             },
-            onWaiting: () => k(!0),
-            onPlay: () => x(!1),
+            onWaiting: () => I(!0),
+            onPlay: () => k(!1),
             onEnded: () => {
-              u || (w(!1), S(0));
+              l || (y(!1), S(0));
             },
             children: /* @__PURE__ */ e("track", { kind: "captions" })
           }
         ) : /* @__PURE__ */ e(
           "video",
           {
-            ref: h,
+            ref: f,
             src: t,
-            loop: u,
-            muted: f,
+            loop: l,
+            muted: h,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => k(!0),
+            onLoadStart: () => I(!0),
             onCanPlay: () => {
-              k(!1), M(!1);
+              I(!1), T(!1);
             },
-            onWaiting: () => k(!0),
-            onPlay: () => x(!1),
+            onWaiting: () => I(!0),
+            onPlay: () => k(!1),
             onLoadedMetadata: () => {
-              const p = h.current;
-              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && A(p.videoWidth / p.videoHeight);
+              const x = f.current;
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && O(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              u || (w(!1), S(0));
+              l || (y(!1), S(0));
             },
             children: /* @__PURE__ */ e("track", { kind: "captions" })
           }
         ) }),
-        R && !g && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ e(
-          bt,
+        R && !b && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ e(
+          pt,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        g && !i && /* @__PURE__ */ e(
+        b && !i && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (p) => {
-              p.stopPropagation(), G();
+            onClick: (x) => {
+              x.stopPropagation(), G();
             },
-            onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), G());
+            onKeyDown: (x) => {
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), G());
             },
-            children: /* @__PURE__ */ e("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ e(at, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ e("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ e(rt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         c && !i && /* @__PURE__ */ e("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ e(
@@ -2775,69 +2775,69 @@ const Gn = (t) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": Q,
+            "aria-valuenow": J,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
-            ref: C,
+            ref: v,
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: W,
             onTouchStart: W,
-            onClick: (p) => p.stopPropagation(),
-            onKeyDown: (p) => {
-              p.key === "ArrowRight" && F(Math.min(1, b + 0.05)), p.key === "ArrowLeft" && F(Math.max(0, b - 0.05));
+            onClick: (x) => x.stopPropagation(),
+            onKeyDown: (x) => {
+              x.key === "ArrowRight" && P(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, p - 0.05));
             },
             children: /* @__PURE__ */ e("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ e(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${Q}%` }
+                style: { width: `${J}%` }
               }
             ) })
           }
         ) }),
-        i && /* @__PURE__ */ o("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
+        i && /* @__PURE__ */ d("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: (p) => {
-                p.stopPropagation(), w((I) => !I);
+              onClick: (x) => {
+                x.stopPropagation(), y((_) => !_);
               },
               className: "shrink-0 text-white",
-              "aria-label": y ? "Pause" : "Play",
-              children: y ? /* @__PURE__ */ e(Ps, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ e(at, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": g ? "Pause" : "Play",
+              children: g ? /* @__PURE__ */ e(Os, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ e(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ d(
             "div",
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": Q,
+              "aria-valuenow": J,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
-              ref: C,
+              ref: v,
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: W,
               onTouchStart: W,
-              onClick: (p) => p.stopPropagation(),
+              onClick: (x) => x.stopPropagation(),
               onMouseEnter: () => N(!0),
               onMouseLeave: () => N(!1),
-              onKeyDown: (p) => {
-                p.key === "ArrowRight" && F(Math.min(1, b + 0.05)), p.key === "ArrowLeft" && F(Math.max(0, b - 0.05));
+              onKeyDown: (x) => {
+                x.key === "ArrowRight" && P(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${L || v ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${F || w ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ e(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${Q}%` }
+                        style: { width: `${J}%` }
                       }
                     )
                   }
@@ -2845,8 +2845,8 @@ const Gn = (t) => {
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${L || v ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${Q}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${F || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${J}%` }
                   }
                 )
               ]
@@ -2856,32 +2856,204 @@ const Gn = (t) => {
       ]
     }
   );
+}, ut = (t) => t === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Xn = (t) => t === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Dt = ({
+  mimeType: t,
+  sourceUrl: s,
+  thumbnailUrl: n,
+  title: r,
+  variant: o,
+  mediaPlayerProps: l,
+  containedImage: i = !1
+}) => {
+  const c = Re(t), [h, u] = M(!1);
+  return s && (c === "video" || c === "audio") ? /* @__PURE__ */ e(
+    qn,
+    {
+      source: s,
+      mimeType: t,
+      poster: n,
+      controls: !0,
+      ...l
+    }
+  ) : s && c === "image" ? i ? /* @__PURE__ */ e("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: s,
+      alt: r ?? "",
+      className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${h ? "opacity-100" : "opacity-0"}`,
+      draggable: !1,
+      onLoad: () => u(!0)
+    }
+  ) }) : /* @__PURE__ */ e(
+    "img",
+    {
+      src: s,
+      alt: r ?? "",
+      className: "block w-full",
+      draggable: !1
+    }
+  ) : s && c === "document" ? n ? i ? /* @__PURE__ */ e("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: n,
+      alt: r ?? "",
+      className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${h ? "opacity-100" : "opacity-0"}`,
+      draggable: !1,
+      onLoad: () => u(!0)
+    }
+  ) }) : /* @__PURE__ */ e(
+    "img",
+    {
+      src: n,
+      alt: "",
+      className: "block w-full",
+      draggable: !1
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: `flex aspect-video w-full items-center justify-center ${o === "dark" ? "bg-white/10" : "bg-black/5"}`,
+      children: Te(t, {
+        className: ut(o),
+        weight: "regular"
+      })
+    }
+  ) : n ? /* @__PURE__ */ e("div", { className: `relative ${Xn(o)}`, children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: n,
+      alt: r ?? "",
+      draggable: !1,
+      className: "absolute inset-0 h-full w-full object-cover"
+    }
+  ) }) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: `flex aspect-video w-full items-center justify-center ${o === "dark" ? "bg-white/10" : "bg-black/5"}`,
+      children: Te(t, {
+        className: ut(o),
+        weight: "regular"
+      })
+    }
+  );
+}, Rt = ({
+  variant: t,
+  thumbnail: s,
+  title: n,
+  placeholderTitle: r = "Attachment title",
+  mimeType: o,
+  detail: l,
+  statusBadge: i,
+  action: c,
+  topLeft: h,
+  topRight: u,
+  rootRef: m,
+  "data-testid": f
+}) => {
+  const v = t === "dark", a = v ? n ?? r : n ?? "", C = v && !n;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: m,
+      "data-testid": f,
+      className: A(
+        "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)]",
+        v ? "bg-[#121110]" : "bg-white"
+      ),
+      children: [
+        h ? /* @__PURE__ */ e("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: h }) : null,
+        u ? /* @__PURE__ */ e("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: u }) : null,
+        s,
+        /* @__PURE__ */ d("div", { className: "px-4 pb-3 pt-3", children: [
+          /* @__PURE__ */ e(
+            "p",
+            {
+              className: A("mb-0.5 truncate text-base font-medium", {
+                "text-black": !v,
+                "text-white/30": v && C,
+                "text-white": v && !C
+              }),
+              children: a
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-1", children: [
+            Te(o, {
+              className: A(
+                "size-5 shrink-0",
+                v ? "text-white/55" : "text-black/55"
+              ),
+              weight: "regular"
+            }),
+            l != null && l !== "" && /* @__PURE__ */ e(
+              "span",
+              {
+                className: A(
+                  "text-xs font-medium",
+                  v ? "text-white/55" : "text-black/55"
+                ),
+                children: l
+              }
+            ),
+            i
+          ] }),
+          c
+        ] })
+      ]
+    }
+  );
 };
-function Hn(t) {
+function Lt(t) {
   return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Vn(t) {
+function qe(t) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${t ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function Tt(t) {
+function Zn(t) {
+  return t ? "bg-white/10" : "bg-black/5";
+}
+function Kn(t) {
   return t ? "text-white" : "text-black";
 }
-function be(t) {
+function Jn(t) {
   return t ? "text-white/55" : "text-black/55";
 }
-function Yn(t) {
+function Qn(t) {
   return t ? "text-white/40" : "text-black/40";
 }
-function Mt(t) {
-  return t ? "bg-white/10" : "bg-black/5";
-}
-function Dt(t) {
+function ea(t) {
   return t ? "text-white/20" : "text-black/20";
 }
-function Wn(t) {
-  return t ? "bg-white/10 hover:bg-white/15" : "bg-black/[0.06] hover:bg-black/10";
+const Xe = ({ attachment: t, isMyMessage: s }) => {
+  const { title: n, text: r, image_url: o, og_scrape_url: l, title_link: i } = t, c = l ?? i;
+  return /* @__PURE__ */ d("a", { href: c, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: [
+    /* @__PURE__ */ e("div", { className: "p-2", children: o ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: o,
+        alt: n ?? "",
+        className: "aspect-video w-full rounded-[20px] object-cover"
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        className: `aspect-video w-full rounded-[20px] ${Zn(s)} flex items-center justify-center`,
+        children: /* @__PURE__ */ e(Us, { className: `size-12 ${ea(s)}` })
+      }
+    ) }),
+    /* @__PURE__ */ d("div", { className: "px-3 pb-3", children: [
+      n && /* @__PURE__ */ e("p", { className: `truncate text-[14px] font-medium leading-5 ${Kn(s)}`, children: n }),
+      r && /* @__PURE__ */ e("p", { className: `truncate text-[12px] leading-4 ${Jn(s)}`, children: r }),
+      c && /* @__PURE__ */ e("p", { className: `mt-1 truncate text-[12px] leading-4 ${Qn(s)}`, children: c })
+    ] })
+  ] });
+};
+function Ze(t) {
+  var s;
+  return (s = t.attachments) == null ? void 0 : s.find(
+    (n) => n.type === "link" || n.og_scrape_url != null && !n.asset_url
+  );
 }
-async function qn(t, s) {
+async function ta(t, s) {
   let n;
   try {
     n = s ?? new URL(t).pathname.split("/").pop() ?? "download";
@@ -2890,347 +3062,227 @@ async function qn(t, s) {
   }
   const r = await fetch(t, { mode: "cors" });
   if (!r.ok) throw new Error(`HTTP ${r.status}`);
-  const l = await r.blob(), u = URL.createObjectURL(l), i = document.createElement("a");
-  i.href = u, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(u);
+  const o = await r.blob(), l = URL.createObjectURL(o), i = document.createElement("a");
+  i.href = l, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(l);
 }
-const Xn = ({
+const sa = ({
   url: t,
-  filename: s,
-  isMyMessage: n
+  filename: s
 }) => {
-  const [r, l] = T(!1);
+  const [n, r] = M(!1);
   return /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      onClick: (i) => {
-        i.stopPropagation();
-        const c = window.open("", "_blank", "noopener,noreferrer");
-        l(!0), qn(t, s).then(() => {
-          c == null || c.close();
+      onClick: (l) => {
+        l.stopPropagation();
+        const i = window.open("", "_blank", "noopener,noreferrer");
+        r(!0), ta(t, s).then(() => {
+          i == null || i.close();
         }).catch(() => {
-          c && (c.location.href = t);
-        }).finally(() => l(!1));
+          i && (i.location.href = t);
+        }).finally(() => r(!1));
       },
-      disabled: r,
-      className: `flex size-8 items-center justify-center rounded-full ${Wn(n)} disabled:opacity-50`,
-      "aria-label": "Download",
-      children: r ? /* @__PURE__ */ e(bt, { className: `size-4 animate-spin ${be(n)}`, weight: "bold" }) : /* @__PURE__ */ e(Fs, { className: `size-4 ${be(n)}`, weight: "bold" })
+      disabled: n,
+      className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
+      children: n ? /* @__PURE__ */ e(pt, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ d(j.Fragment, { children: [
+        /* @__PURE__ */ e($s, { className: "size-4 text-white", weight: "bold" }),
+        "Download"
+      ] })
     }
   );
-}, Me = ({ mimeType: t, title: s, fileSize: n, url: r, isMyMessage: l }) => /* @__PURE__ */ o("div", { className: "flex items-start gap-2 px-4 pb-3 pt-3", children: [
-  /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
-    s && /* @__PURE__ */ e("p", { className: `truncate text-base font-medium ${Tt(l)}`, children: s }),
-    n !== void 0 && /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
-      Ze(t, {
-        className: `size-5 shrink-0 ${be(l)}`,
-        weight: "regular"
-      }),
-      /* @__PURE__ */ e("span", { className: `text-xs font-medium ${be(l)}`, children: Hn(n) })
-    ] })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-1 pt-0.5", children: /* @__PURE__ */ e(Xn, { url: r, filename: s, isMyMessage: l }) })
-] }), Zn = ({ url: t, mimeType: s, title: n, fileSize: r, isMyMessage: l, onExpand: u }) => {
-  const i = /* @__PURE__ */ e(
-    "div",
+};
+function Ke(t) {
+  var f, v, a, C;
+  const s = (f = t.attachments) == null ? void 0 : f.find(
+    (g) => g.type === "video" && g.asset_url
+  ), n = (v = t.attachments) == null ? void 0 : v.find(
+    (g) => g.type === "image" && g.image_url
+  ), r = (a = t.attachments) == null ? void 0 : a.find(
+    (g) => g.type === "audio" && g.asset_url
+  ), o = (C = t.attachments) == null ? void 0 : C.find(
+    (g) => g.type === "file" && g.asset_url
+  ), l = s ?? n ?? r ?? o, i = (s == null ? void 0 : s.asset_url) ?? (n == null ? void 0 : n.image_url) ?? (r == null ? void 0 : r.asset_url) ?? (o == null ? void 0 : o.asset_url);
+  if (!i) return null;
+  const c = (l == null ? void 0 : l.mime_type) ?? ((l == null ? void 0 : l.type) === "image" ? "image/jpeg" : (l == null ? void 0 : l.type) === "video" ? "video/mp4" : (l == null ? void 0 : l.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), h = l == null ? void 0 : l.title, u = l == null ? void 0 : l.file_size, m = s == null ? void 0 : s.thumb_url;
+  return {
+    resolvedUrl: i,
+    resolvedType: c,
+    title: h,
+    fileSize: u,
+    thumbnailUrl: m
+  };
+}
+const Pt = ({
+  resolvedUrl: t,
+  resolvedType: s,
+  title: n,
+  fileSize: r,
+  thumbnailUrl: o
+}) => {
+  const l = r !== void 0 ? Lt(r) : void 0;
+  return /* @__PURE__ */ e(
+    Rt,
     {
-      className: `aspect-video w-full ${Mt(l)} flex items-center justify-center`,
-      children: Ze(s, {
-        className: `size-12 ${Dt(l)}`,
-        weight: "regular"
-      })
+      variant: "dark",
+      title: n,
+      mimeType: s,
+      detail: l,
+      thumbnail: /* @__PURE__ */ e(
+        Dt,
+        {
+          mimeType: s,
+          sourceUrl: t,
+          thumbnailUrl: o,
+          title: n,
+          variant: "dark"
+        }
+      )
     }
   );
-  return /* @__PURE__ */ o("div", { children: [
-    u ? /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: u,
-        className: "block w-full",
-        "aria-label": "Open PDF viewer",
-        children: i
-      }
-    ) : /* @__PURE__ */ e("a", { href: t, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: i }),
-    /* @__PURE__ */ e(
-      Me,
-      {
-        mimeType: s,
-        title: n,
-        fileSize: r,
-        url: t,
-        isMyMessage: l
-      }
-    )
-  ] });
-}, Kn = ({ attachment: t, isMyMessage: s }) => {
-  const { title: n, text: r, image_url: l, og_scrape_url: u, title_link: i } = t, c = u ?? i;
-  return /* @__PURE__ */ o("a", { href: c, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: [
-    /* @__PURE__ */ e("div", { className: "p-2", children: l ? /* @__PURE__ */ e(
-      "img",
-      {
-        src: l,
-        alt: n ?? "",
-        className: "aspect-video w-full rounded-[20px] object-cover"
-      }
-    ) : /* @__PURE__ */ e(
-      "div",
-      {
-        className: `aspect-video w-full rounded-[20px] ${Mt(s)} flex items-center justify-center`,
-        children: /* @__PURE__ */ e(Ls, { className: `size-12 ${Dt(s)}` })
-      }
-    ) }),
-    /* @__PURE__ */ o("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ e("p", { className: `truncate text-[14px] font-medium leading-5 ${Tt(s)}`, children: n }),
-      r && /* @__PURE__ */ e("p", { className: `truncate text-[12px] leading-4 ${be(s)}`, children: r }),
-      c && /* @__PURE__ */ e("p", { className: `mt-1 truncate text-[12px] leading-4 ${Yn(s)}`, children: c })
-    ] })
-  ] });
-}, Jn = ({ sourceType: t, url: s, mimeType: n, title: r, poster: l, onClose: u }) => {
-  const i = J(null);
-  return Z(() => {
-    const d = i.current;
-    return d == null || d.showModal(), () => {
-      d != null && d.open && d.close();
-    };
-  }, []), // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-  /* @__PURE__ */ e(
-    "dialog",
+}, At = ({
+  resolvedUrl: t,
+  resolvedType: s,
+  title: n,
+  fileSize: r,
+  thumbnailUrl: o
+}) => {
+  const l = Re(s), i = r !== void 0 ? Lt(r) : void 0;
+  return /* @__PURE__ */ e(
+    Rt,
     {
-      ref: i,
-      className: "mes-media-viewer",
-      onClose: u,
-      onClick: (d) => {
-        d.target === i.current && u();
-      },
-      children: /* @__PURE__ */ o("div", { className: "relative flex h-full w-full items-center justify-center p-6", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: u,
-            className: "absolute right-4 top-4 z-10 flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20",
-            "aria-label": "Close",
-            children: /* @__PURE__ */ e(Re, { className: "size-5", weight: "bold" })
-          }
-        ),
-        t === "image" ? /* @__PURE__ */ e(
-          "img",
-          {
-            src: s,
-            alt: r ?? "",
-            className: "max-h-[90vh] max-w-[90vw] rounded-2xl object-contain"
-          }
-        ) : n === "application/pdf" ? /* @__PURE__ */ o("div", { className: "flex h-full w-full max-w-4xl flex-col pt-14", children: [
-          r && /* @__PURE__ */ e("p", { className: "mb-2 shrink-0 truncate text-sm font-medium text-white/70", children: r }),
-          /* @__PURE__ */ e(
-            "iframe",
-            {
-              src: s,
-              title: r ?? "Document",
-              className: "w-full flex-1 rounded-xl"
-            }
-          )
-        ] }) : /* @__PURE__ */ o("div", { className: "w-full max-w-2xl", children: [
-          r && /* @__PURE__ */ e("p", { className: "mb-4 text-center text-sm font-medium text-white/70", children: r }),
-          /* @__PURE__ */ e(Ye, { source: s, mimeType: n, poster: l, controls: !0 })
-        ] })
-      ] })
+      variant: "light",
+      title: n,
+      mimeType: s,
+      detail: i,
+      thumbnail: /* @__PURE__ */ e(
+        Dt,
+        {
+          mimeType: s,
+          sourceUrl: t,
+          thumbnailUrl: o,
+          title: n,
+          variant: "light",
+          containedImage: l === "image" || l === "document"
+        }
+      ),
+      action: /* @__PURE__ */ e(sa, { url: t, filename: n })
     }
   );
-}, da = ({
+}, na = ({
   message: t,
   isMyMessage: s = !1
 }) => {
-  var v, _, L, N, g;
-  const [n, r] = T(!1), l = (v = t.attachments) == null ? void 0 : v.find(
-    (x) => x.type === "link" || x.og_scrape_url && !x.asset_url
-  ), u = (_ = t.attachments) == null ? void 0 : _.find(
-    (x) => x.type === "video" && x.asset_url
-  ), i = (L = t.attachments) == null ? void 0 : L.find(
-    (x) => x.type === "image" && x.image_url
-  ), c = (N = t.attachments) == null ? void 0 : N.find(
-    (x) => x.type === "audio" && x.asset_url
-  ), f = (g = t.attachments) == null ? void 0 : g.find(
-    (x) => x.type === "file" && x.asset_url
-  ), d = u ?? i ?? c ?? f, m = (u == null ? void 0 : u.asset_url) ?? (i == null ? void 0 : i.image_url) ?? (c == null ? void 0 : c.asset_url) ?? (f == null ? void 0 : f.asset_url), h = (d == null ? void 0 : d.mime_type) ?? ((d == null ? void 0 : d.type) === "image" ? "image/jpeg" : (d == null ? void 0 : d.type) === "video" ? "video/mp4" : (d == null ? void 0 : d.type) === "audio" ? "audio/mpeg" : "application/octet-stream");
-  if (!l && !m) return null;
-  const C = m ? Xe(h) : null, a = d == null ? void 0 : d.title, E = d == null ? void 0 : d.file_size, y = u == null ? void 0 : u.thumb_url, w = h === "application/pdf", b = s ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", S = C === "image" || C === "video" || w;
-  return /* @__PURE__ */ o(se, { children: [
-    /* @__PURE__ */ o("div", { className: b, children: [
-      !s && t.user && /* @__PURE__ */ e(
-        ae,
-        {
-          className: "str-chat__avatar str-chat__message-sender-avatar",
-          id: t.user.id,
-          image: t.user.image,
-          name: t.user.name ?? t.user.id
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: "str-chat__message-inner",
-          style: { marginInlineEnd: 0, marginInlineStart: 0 },
-          children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e(
-            "div",
-            {
-              className: "str-chat__message-bubble",
-              style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-              children: /* @__PURE__ */ e("div", { className: Vn(s), children: l ? /* @__PURE__ */ e(Kn, { attachment: l, isMyMessage: s }) : C === "image" ? /* @__PURE__ */ o(se, { children: [
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => r(!0),
-                    className: "block w-full cursor-zoom-in",
-                    children: /* @__PURE__ */ e("img", { src: m, alt: a ?? "", className: "block w-full" })
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  Me,
-                  {
-                    mimeType: h,
-                    title: a,
-                    fileSize: E,
-                    url: m,
-                    isMyMessage: s
-                  }
-                )
-              ] }) : C === "video" ? /* @__PURE__ */ o(se, { children: [
-                /* @__PURE__ */ e(
-                  Ye,
-                  {
-                    source: m,
-                    mimeType: h,
-                    poster: y,
-                    controls: !0,
-                    onContainerClick: () => r(!0)
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  Me,
-                  {
-                    mimeType: h,
-                    title: a,
-                    fileSize: E,
-                    url: m,
-                    isMyMessage: s
-                  }
-                )
-              ] }) : C === "audio" ? /* @__PURE__ */ o(se, { children: [
-                /* @__PURE__ */ e(
-                  Ye,
-                  {
-                    source: m,
-                    mimeType: h,
-                    controls: !0
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  Me,
-                  {
-                    mimeType: h,
-                    title: a,
-                    fileSize: E,
-                    url: m,
-                    isMyMessage: s
-                  }
-                )
-              ] }) : (
-                // document: PDF gets viewer, unknown gets link-only thumbnail
-                /* @__PURE__ */ e(
-                  Zn,
-                  {
-                    url: m,
-                    mimeType: h,
-                    title: a,
-                    fileSize: E,
-                    isMyMessage: s,
-                    onExpand: w ? () => r(!0) : void 0
-                  }
-                )
-              ) })
-            }
-          ) })
-        }
-      )
-    ] }),
-    n && S && m && /* @__PURE__ */ e(
-      Jn,
+  const n = Ze(t), r = Ke(t);
+  return !n && !r ? null : /* @__PURE__ */ d("div", { className: s ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
+    !s && t.user && /* @__PURE__ */ e(
+      ne,
       {
-        sourceType: C,
-        url: m,
-        mimeType: h,
-        title: a,
-        poster: y,
-        onClose: () => r(!1)
+        className: "str-chat__avatar str-chat__message-sender-avatar",
+        id: t.user.id,
+        image: t.user.image,
+        name: t.user.name ?? t.user.id
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "str-chat__message-inner",
+        style: { marginInlineEnd: 0, marginInlineStart: 0 },
+        children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "str-chat__message-bubble",
+            style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
+            children: n ? /* @__PURE__ */ e("div", { className: qe(s), children: /* @__PURE__ */ e(Xe, { attachment: n, isMyMessage: s }) }) : s ? /* @__PURE__ */ e(Pt, { ...r }) : /* @__PURE__ */ e(At, { ...r })
+          }
+        ) })
       }
     )
   ] });
-}, ua = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, u] = T([]), [i, c] = T(!1), [f, d] = T(null), [m, h] = T(n), [C, a] = T(!0), [E, y] = T(), w = O(async (_ = !1, L) => {
+}, aa = ({
+  message: t
+}) => {
+  const s = Ze(t);
+  if (s)
+    return /* @__PURE__ */ e("div", { className: qe(!0), children: /* @__PURE__ */ e(Xe, { attachment: s, isMyMessage: !0 }) });
+  const n = Ke(t);
+  return n ? /* @__PURE__ */ e(Pt, { ...n }) : null;
+}, ra = ({
+  message: t
+}) => {
+  const s = Ze(t);
+  if (s)
+    return /* @__PURE__ */ e("div", { className: qe(!1), children: /* @__PURE__ */ e(Xe, { attachment: s, isMyMessage: !1 }) });
+  const n = Ke(t);
+  return n ? /* @__PURE__ */ e(At, { ...n }) : null;
+}, xa = Object.assign(na, {
+  Creator: aa,
+  Visitor: ra
+}), pa = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: r = 20 } = s, [o, l] = M([]), [i, c] = M(!1), [h, u] = M(null), [m, f] = M(n), [v, a] = M(!0), [C, g] = M(), y = U(async (E = !1, F) => {
     if (i) return;
-    const N = L !== void 0 ? L : m;
-    c(!0), d(null);
+    const N = F !== void 0 ? F : m;
+    c(!0), u(null);
     try {
-      const g = await t.loadParticipants({
+      const b = await t.loadParticipants({
         search: N || void 0,
         limit: r,
-        cursor: _ ? void 0 : E
+        cursor: E ? void 0 : C
       });
-      u(
-        (x) => _ ? g.participants : [...x, ...g.participants]
-      ), a(g.hasMore), y(g.nextCursor);
-    } catch (g) {
-      const x = g instanceof Error ? g.message : "Failed to load participants";
-      d(x), console.error("[useParticipants] Load error:", g);
+      l(
+        (k) => E ? b.participants : [...k, ...b.participants]
+      ), a(b.hasMore), g(b.nextCursor);
+    } catch (b) {
+      const k = b instanceof Error ? b.message : "Failed to load participants";
+      u(k), console.error("[useParticipants] Load error:", b);
     } finally {
       c(!1);
     }
-  }, [t, m, E, r, i]), b = O(() => {
-    C && !i && w(!1);
-  }, [C, i, w]), S = O((_) => {
-    h(_), y(void 0), w(!0, _);
-  }, [w]), v = O(() => {
-    y(void 0), w(!0);
-  }, [w]);
-  return Z(() => {
-    w(!0);
+  }, [t, m, C, r, i]), p = U(() => {
+    v && !i && y(!1);
+  }, [v, i, y]), S = U((E) => {
+    f(E), g(void 0), y(!0, E);
+  }, [y]), w = U(() => {
+    g(void 0), y(!0);
+  }, [y]);
+  return K(() => {
+    y(!0);
   }, [t.loadParticipants]), {
-    participants: l,
+    participants: o,
     loading: i,
-    error: f,
+    error: h,
     searchQuery: m,
-    hasMore: C,
+    hasMore: v,
     totalCount: t.totalCount,
-    loadMore: b,
+    loadMore: p,
     search: S,
-    refresh: v
+    refresh: w
   };
 };
 export {
-  Se as A,
-  Mn as C,
-  ca as F,
+  Rt as A,
+  Pn as C,
+  ba as F,
   lt as L,
-  Ye as M,
-  Fn as P,
-  ae as a,
-  yt as b,
-  St as c,
-  la as d,
-  On as e,
-  da as f,
-  Xe as g,
-  dn as h,
-  ia as i,
-  oa as j,
-  Bs as k,
-  Qs as l,
-  As as m,
-  ua as n,
+  xa as M,
+  $n as P,
+  Dt as a,
+  ke as b,
+  ne as c,
+  _t as d,
+  Mt as e,
+  fa as f,
+  jn as g,
+  fn as h,
+  ha as i,
+  ga as j,
+  Hs as k,
+  Ke as l,
+  nn as m,
+  zs as n,
+  pa as o,
   Ze as r,
-  ln as u
+  un as u
 };
-//# sourceMappingURL=index-DOsC03ZN.js.map
+//# sourceMappingURL=index-jnKl3mQ0.js.map