@linktr.ee/messaging-react 2.3.0 → 2.3.3-rc-1779777764

package/dist/index-BCbVXFHI.js

@@ -1,4698 +0,0 @@
-import { jsx as n, jsxs as m, Fragment as ie } from "react/jsx-runtime";
-import y from "classnames";
-import P, { createContext as qe, useContext as Xe, useCallback as U, useState as O, useRef as Z, useEffect as W, useMemo as re, Suspense as Ze } from "react";
-import { StreamChatService as Cn } from "@linktr.ee/messaging-core";
-import { Chat as kn, ChannelList as En, DateSeparator as In, useChannelStateContext as ue, useChatContext as Ke, areMessageUIPropsEqual as Sn, useMessageReminder as Tn, useComponentContext as jt, Attachment as Mn, EditMessageModal as An, MessageBlocked as Dn, MessageBouncePrompt as Rn, MessageDeleted as Ln, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as On, ReminderNotification as zn, StreamedMessageText as Pn, messageHasAttachments as Bn, messageHasReactions as $n, isDateSeparatorMessage as jn, isMessageBlocked as Un, isMessageBounced as Vn, MessageBounceModal as Gn, MessageText as Tt, Poll as Hn, MessageErrorIcon as Yn, useMessageContext as Ut, useMessageComposer as Wn, useStateStore as qn, MessageInput as Xn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Kn, SimpleAttachmentSelector as Jn, QuotedMessagePreview as Qn, AttachmentPreviewList as es, TextareaComposer as ts, MessageTimestamp as Fe, AIStates as Oe, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os } from "stream-chat-react";
-import { StarIcon as Ue, GiftIcon as ls, XIcon as ve, SpinnerGapIcon as ze, SignOutIcon as cs, ProhibitInsetIcon as Mt, FlagIcon as ds, FileIcon as Vt, ImageIcon as us, SpeakerHighIcon as ms, VideoCameraIcon as Gt, FileMdIcon as hs, FileTextIcon as fs, FileZipIcon as gs, FilePptIcon as bs, FileCsvIcon as ps, FileXlsIcon as vs, FileDocIcon as xs, FilePdfIcon as ws, CircleNotchIcon as be, PlayIcon as Ve, PauseIcon as Ns, LinkIcon as ys, DownloadSimpleIcon as pe, ThumbsUpIcon as _s, ThumbsDownIcon as Cs, ArrowUpIcon as ks, SparkleIcon as Ge, ProhibitIcon as Es, ArrowLeftIcon as At, CaretRightIcon as He, DotsThreeIcon as Dt, PencilSimpleIcon as Is, CaretLeftIcon as Ss } from "@phosphor-icons/react";
-import { LinkPreviewsManager as Rt } from "stream-chat";
-const Ht = qe({
-  service: null,
-  client: null,
-  isConnected: !1,
-  isLoading: !1,
-  error: null,
-  capabilities: {},
-  refreshConnection: async () => {
-  },
-  debug: !1
-}), Je = () => Xe(Ht), hi = ({
-  children: e,
-  user: t,
-  serviceConfig: s,
-  apiKey: a,
-  capabilities: r = {},
-  debug: i = !1
-}) => {
-  const l = U(
-    (T, ...M) => {
-      i && console.log(`🔥 [MessagingProvider] ${T}`, ...M);
-    },
-    [i]
-  );
-  l("🔄 RENDER START", {
-    userId: t == null ? void 0 : t.id,
-    apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-    serviceConfig: !!s,
-    capabilities: Object.keys(r)
-  });
-  const [o, d] = O(null), [h, g] = O(null), [u, f] = O(!1), [c, b] = O(!1), [x, v] = O(null), N = Z(!1), w = Z({
-    userId: t == null ? void 0 : t.id,
-    apiKey: a,
-    serviceConfig: s,
-    capabilities: r
-  }), C = Z(0);
-  C.current++, l("📊 RENDER INFO", {
-    renderCount: C.current,
-    currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
-    propChanges: {
-      userChanged: w.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: w.current.apiKey !== a,
-      serviceConfigChanged: w.current.serviceConfig !== s,
-      capabilitiesChanged: w.current.capabilities !== r
-    }
-  }), w.current = {
-    userId: t == null ? void 0 : t.id,
-    apiKey: a,
-    serviceConfig: s,
-    capabilities: r
-  }, W(() => {
-    const T = C.current;
-    if (l("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: T,
-      apiKey: !!a,
-      serviceConfig: !!s,
-      dependencies: {
-        apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-        serviceConfigRef: s,
-        serviceConfigStable: w.current.serviceConfig === s,
-        apiKeyStable: w.current.apiKey === a
-      }
-    }), !a || !s) {
-      l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: T,
-        reason: "Missing apiKey or serviceConfig"
-      });
-      return;
-    }
-    l("🚀 CREATING NEW SERVICE", {
-      renderCount: T,
-      apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-      serviceConfigChanged: w.current.serviceConfig !== s
-    });
-    const M = new Cn({
-      ...s,
-      apiKey: a,
-      debug: i
-    });
-    return d(M), l("✅ SERVICE SET", {
-      renderCount: T,
-      serviceInstance: !!M
-    }), () => {
-      l("🧹 SERVICE CLEANUP", {
-        renderCount: T,
-        reason: "Effect cleanup"
-      }), M.disconnectUser().catch(console.error);
-    };
-  }, [a, s, i, l]);
-  const k = Z(null);
-  W(() => {
-    var M, A;
-    if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
-      hasService: !!o,
-      hasUser: !!t,
-      userId: t == null ? void 0 : t.id,
-      isConnecting: N.current,
-      isConnected: u,
-      dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
-    }), !o || !t) {
-      l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
-      return;
-    }
-    if (N.current) {
-      l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
-      return;
-    }
-    if (((M = k.current) == null ? void 0 : M.serviceId) === o && ((A = k.current) == null ? void 0 : A.userId) === t.id) {
-      l(
-        "⚠️ USER CONNECTION SKIPPED",
-        "Already connected this user with this service"
-      );
-      return;
-    }
-    (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, b(!0), v(null);
-      try {
-        l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const R = await o.connectUser(t);
-        g(R), f(!0), k.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
-          userId: t.id,
-          clientId: R.userID
-        });
-      } catch (R) {
-        const I = R instanceof Error ? R.message : "Connection failed";
-        v(I), l("❌ USER CONNECTION ERROR", {
-          userId: t.id,
-          error: I
-        });
-      } finally {
-        b(!1), N.current = !1, l("🔄 USER CONNECTION FINISHED", {
-          userId: t.id,
-          isConnected: u
-        });
-      }
-    })();
-  }, [o, t, l, u]), W(() => (l("🔌 CLEANUP EFFECT REGISTERED", {
-    hasService: !!o,
-    isConnected: u
-  }), () => {
-    o && u ? (l(
-      "🧹 CLEANUP EFFECT TRIGGERED",
-      "Cleaning up connection on unmount"
-    ), k.current = null, o.disconnectUser().catch(console.error)) : l("🔇 CLEANUP EFFECT SKIPPED", {
-      hasService: !!o,
-      isConnected: u
-    });
-  }), [o, u, l]);
-  const E = U(async () => {
-    if (l("🔄 REFRESH CONNECTION CALLED", {
-      hasService: !!o,
-      hasUser: !!t
-    }), !o || !t) {
-      l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
-      return;
-    }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
-    try {
-      l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const T = await o.connectUser(t);
-      g(T), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (T) {
-      const M = T instanceof Error ? T.message : "Refresh failed";
-      v(M), l("❌ CONNECTION REFRESH ERROR", {
-        userId: t.id,
-        error: M
-      });
-    } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
-    }
-  }, [o, t, l]), F = P.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
-    hasService: !!o,
-    hasClient: !!h,
-    isConnected: u,
-    isLoading: c,
-    hasError: !!x,
-    capabilitiesKeys: Object.keys(r)
-  }), {
-    service: o,
-    client: h,
-    isConnected: u,
-    isLoading: c,
-    error: x,
-    capabilities: r,
-    refreshConnection: E,
-    debug: i
-  }), [
-    o,
-    h,
-    u,
-    c,
-    x,
-    r,
-    E,
-    i,
-    l
-  ]);
-  return l("🔄 RENDER END", {
-    renderCount: C.current,
-    willRenderChat: !!(h && u),
-    contextValueReady: !!F
-  }), /* @__PURE__ */ n(Ht.Provider, { value: F, children: h && u ? /* @__PURE__ */ n(
-    kn,
-    {
-      client: h,
-      customClasses: {
-        channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
-      },
-      children: e
-    }
-  ) : e });
-}, Ts = () => Je();
-function Ms(e) {
-  const t = e.state.pending_messages;
-  if (t != null && t.length)
-    for (const s of t)
-      e.state.addMessageSorted(s.message);
-}
-const Yt = P.createContext({
-  selectedChannel: void 0,
-  onChannelSelect: () => {
-  },
-  debug: !1,
-  renderMessagePreview: void 0,
-  viewerLanguage: void 0
-}), As = Yt.Provider, Ds = () => P.useContext(Yt), Wt = (e) => {
-  var a, r;
-  const [t, s] = O(
-    !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
-  );
-  return W(() => {
-    var l;
-    if (!e) {
-      s(!1);
-      return;
-    }
-    s(!!((l = e.state.membership) != null && l.pinned_at));
-    const i = (o) => {
-      var d;
-      s(
-        o != null && o.member ? !!o.member.pinned_at : !!((d = e.state.membership) != null && d.pinned_at)
-      );
-    };
-    return e.on("member.updated", i), () => {
-      e.off("member.updated", i);
-    };
-  }, [e]), t;
-}, Rs = (e, t) => {
-  const s = new Date(
-    Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
-  ), r = new Date(
-    Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
-  ).getTime() - s.getTime();
-  return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Ls = (e) => {
-  const t = /* @__PURE__ */ new Date();
-  if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
-    return "Just now";
-  const a = Rs(e, t);
-  return a === 0 ? e.toLocaleTimeString([], {
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: !0
-  }) : a === 1 ? "Yesterday" : a < 7 ? `${a}d` : a < 28 ? `${Math.floor(a / 7)}w` : e.toLocaleDateString("en-US", {
-    month: "numeric",
-    day: "numeric",
-    year: "2-digit"
-  });
-};
-function Fs(e) {
-  return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
-}
-function qt({
-  message: e,
-  viewerLanguage: t
-}) {
-  var r;
-  const s = e == null ? void 0 : e.text, a = Fs(t);
-  return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
-}
-const Os = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function zs(e) {
-  return Os.test(e.trim());
-}
-function Lt(e, t) {
-  const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !zs(s);
-}
-function Qe(e) {
-  return Lt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Lt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
-}
-const Ft = [
-  "🍎",
-  // Apple
-  "🍌",
-  // Banana
-  "🍇",
-  // Grape
-  "🍊",
-  // Orange
-  "🍓",
-  // Strawberry
-  "🥥",
-  // Coconut
-  "🍒",
-  // Cherry
-  "🥭",
-  // Mango
-  "🍉",
-  // Watermelon
-  "🍋",
-  // Lemon
-  "🥝",
-  // Kiwi
-  "🫒",
-  // Olive
-  "🍈"
-  // Melon
-];
-function Ps(e) {
-  let t = 0;
-  for (let s = 0; s < e.length; s++) {
-    const a = e.charCodeAt(s);
-    t = (t << 5) - t + a, t = t & t;
-  }
-  return Math.abs(t);
-}
-function Bs(e) {
-  const s = Ps(e) % Ft.length;
-  return Ft[s];
-}
-const oe = ({
-  id: e,
-  image: t,
-  size: s = 40,
-  className: a,
-  starred: r = !1,
-  shape: i = "squircle",
-  dmAgentEnabled: l = !1
-}) => {
-  const o = Bs(e), h = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : {
-    borderRadius: "33%",
-    cornerShape: "superellipse(1.3)"
-  }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
-    "img",
-    {
-      src: t,
-      alt: "",
-      className: "h-full w-full object-cover"
-    }
-  ) : /* @__PURE__ */ n(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: y(
-        "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
-        h
-      ),
-      children: o
-    }
-  ) });
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: y(
-        "relative flex-shrink-0 !bg-transparent",
-        a
-      ),
-      style: {
-        "--str-chat__avatar-size": `${s}px`,
-        width: `${s}px`,
-        height: `${s}px`
-      },
-      children: [
-        r && /* @__PURE__ */ n(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(Ue, { className: "size-3 text-yellow-600", weight: "duotone" })
-          }
-        ),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            "data-testid": "avatar-ring",
-            className: y(
-              "h-full w-full",
-              "bg-transparent"
-            ),
-            style: {
-              ...u,
-              ...l && {
-                borderWidth: `${g}px`,
-                borderStyle: "solid",
-                borderColor: "var(--AI-Gradient, #7F22FE)",
-                boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
-              }
-            },
-            children: f
-          }
-        )
-      ]
-    }
-  );
-}, $s = ({ size: e = 15 }) => /* @__PURE__ */ n(
-  "svg",
-  {
-    width: e,
-    height: e,
-    viewBox: "0 0 15 15",
-    fill: "none",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ n(
-      "path",
-      {
-        d: "M12.003 9a.985.985 0 0 1-.652.934l-3.223 1.191-1.188 3.226a.995.995 0 0 1-1.867 0l-1.195-3.226L.65 9.937a.995.995 0 0 1 0-1.867l3.227-1.195 1.187-3.226a.995.995 0 0 1 1.868 0l1.195 3.226 3.226 1.187a.99.99 0 0 1 .649.938m3-5.83a.52.52 0 0 1-.344.492l-1.702.63-.627 1.703a.525.525 0 0 1-.986 0l-.63-1.704-1.704-.627a.525.525 0 0 1 0-.986l1.703-.63.627-1.704a.526.526 0 0 1 .986 0l.631 1.703 1.704.627a.52.52 0 0 1 .342.495",
-        fill: "currentColor",
-        fillOpacity: 0.55
-      }
-    )
-  }
-), js = (e) => {
-  var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Us = (e) => {
-  var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Te = (e) => {
-  var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Vs = (e) => {
-  var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Xt = (e) => js(e) || Us(e), Gs = (e) => {
-  var t;
-  return Xt(e) && !((t = e.text) != null && t.trim());
-}, Pe = ({
-  message: e,
-  standalone: t = !1,
-  isMyMessage: s = !1,
-  hasAttachment: a = !1
-}) => {
-  var u;
-  const r = Xt(e), i = Te(e);
-  if (!r && !i)
-    return null;
-  if (r) {
-    const f = (u = e.metadata) == null ? void 0 : u.amount_text;
-    if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
-    return /* @__PURE__ */ m("div", { className: c, children: [
-      /* @__PURE__ */ n(ls, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
-    ] });
-  }
-  const l = s && a, o = l ? "Sent with AI" : "Sent with DM Agent", d = [
-    "message-chatbot-indicator",
-    s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
-    l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), h = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n($s, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ m(ie, { children: [
-    h,
-    g
-  ] }) : /* @__PURE__ */ m(ie, { children: [
-    g,
-    h
-  ] }) });
-}, Zt = P.memo(
-  ({ channel: e, unread: t }) => {
-    var F, T, M;
-    const {
-      selectedChannel: s,
-      onChannelSelect: a,
-      debug: r,
-      renderMessagePreview: i,
-      viewerLanguage: l
-    } = Ds(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
-      e && a(e);
-    }, h = (A) => {
-      const R = A.key === "Enter" || A.key === " ", I = A.repeat;
-      !R || I || (A.preventDefault(), d());
-    }, u = Object.values(((F = e == null ? void 0 : e.state) == null ? void 0 : F.members) || {}).find(
-      (A) => {
-        var R, I;
-        return ((R = A.user) == null ? void 0 : R.id) && A.user.id !== ((I = e == null ? void 0 : e._client) == null ? void 0 : I.userID);
-      }
-    ), f = Qe(u == null ? void 0 : u.user), c = (T = u == null ? void 0 : u.user) == null ? void 0 : T.image, b = (() => {
-      var R;
-      const A = (R = e == null ? void 0 : e.state) == null ? void 0 : R.messages;
-      if (A != null && A.length) {
-        for (let I = A.length - 1; I >= 0; I--)
-          if (A[I].type !== "system") return A[I];
-      }
-    })(), v = (() => {
-      var D, j;
-      const A = qt({
-        message: b,
-        viewerLanguage: l
-      });
-      if (A) return A;
-      if (((D = b == null ? void 0 : b.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
-      const I = (j = b == null ? void 0 : b.attachments) == null ? void 0 : j[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";
-    })(), N = b != null && b.created_at ? Ls(new Date(b.created_at)) : "", w = b ? Te(b) : !1, C = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, k = Wt(e), E = t ?? 0;
-    return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
-      channelId: e == null ? void 0 : e.id,
-      isSelected: o,
-      participantName: f,
-      unreadCount: E,
-      hasTimestamp: !!N
-    }), /* @__PURE__ */ n(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        onClick: d,
-        onKeyDown: h,
-        className: y(
-          "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": o,
-            "hover:bg-sand": !o
-          }
-        ),
-        children: /* @__PURE__ */ m("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ n(
-            oe,
-            {
-              id: ((M = u == null ? void 0 : u.user) == null ? void 0 : M.id) || e.id || "unknown",
-              name: f,
-              image: c,
-              size: 44,
-              starred: k,
-              className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
-            }
-          ),
-          /* @__PURE__ */ m("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-            /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ m(
-                "h3",
-                {
-                  className: y(
-                    "text-sm font-medium truncate",
-                    o ? "text-primary" : "text-charcoal"
-                  ),
-                  children: [
-                    k && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
-                    f
-                  ]
-                }
-              ),
-              N && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: N })
-            ] }),
-            /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: C }),
-              E > 0 && /* @__PURE__ */ n("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 })
-            ] })
-          ] })
-        ] })
-      }
-    );
-  }
-);
-Zt.displayName = "CustomChannelPreview";
-const Hs = { last_message_at: -1 }, Kt = P.memo(
-  ({
-    onChannelSelect: e,
-    selectedChannel: t,
-    filters: s,
-    allowNewMessagesFromUnfilteredChannels: a = !1,
-    onMessageNew: r,
-    onAddedToChannel: i,
-    channelRenderFilterFn: l,
-    sort: o = Hs,
-    className: d,
-    customEmptyStateIndicator: h,
-    renderMessagePreview: g,
-    viewerLanguage: u
-  }) => {
-    const f = P.useRef(0);
-    f.current++;
-    const { debug: c = !1 } = Je(), b = P.useCallback(
-      (v) => {
-        for (const N of v)
-          Ms(N);
-        return l ? l(v) : v;
-      },
-      [l]
-    );
-    c && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: f.current,
-      selectedChannelId: t == null ? void 0 : t.id,
-      filters: s
-    });
-    const x = P.useMemo(
-      () => ({
-        selectedChannel: t,
-        onChannelSelect: e,
-        debug: c,
-        renderMessagePreview: g,
-        viewerLanguage: u
-      }),
-      [
-        t,
-        e,
-        c,
-        g,
-        u
-      ]
-    );
-    return /* @__PURE__ */ n(
-      "div",
-      {
-        className: y(
-          "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          d
-        ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(As, { value: x, children: /* @__PURE__ */ n(
-          En,
-          {
-            filters: s,
-            sort: o,
-            options: { limit: 30 },
-            allowNewMessagesFromUnfilteredChannels: a,
-            onMessageNew: r,
-            onAddedToChannel: i,
-            channelRenderFilterFn: b,
-            Preview: Zt,
-            EmptyStateIndicator: h
-          },
-          `${JSON.stringify(s)}:${JSON.stringify(o)}`
-        ) }) })
-      }
-    );
-  }
-);
-Kt.displayName = "ChannelList";
-const Ie = ({
-  variant: e = "default",
-  className: t,
-  children: s,
-  ...a
-}) => /* @__PURE__ */ n(
-  "button",
-  {
-    type: "button",
-    className: y(
-      "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
-      e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
-      t
-    ),
-    ...a,
-    children: s
-  }
-);
-function Ys({ label: e, className: t, children: s, ...a }) {
-  return /* @__PURE__ */ m(
-    "button",
-    {
-      type: "button",
-      className: y(
-        "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
-        {
-          "cursor-not-allowed opacity-50": a.disabled,
-          "hover:bg-sand": !a.disabled
-        },
-        t
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ n("span", { className: "sr-only", children: e }),
-        s
-      ]
-    }
-  );
-}
-function Ws({ onClick: e }) {
-  return /* @__PURE__ */ n(Ys, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(ve, { className: "h-5 w-5 text-stone", weight: "bold" }) });
-}
-const qs = ({
-  dialogRef: e,
-  onClose: t,
-  participant: s,
-  participantDisplayName: a,
-  channel: r,
-  followerStatusLabel: i,
-  onLeaveConversation: l,
-  onBlockParticipant: o,
-  showDeleteConversation: d = !0,
-  onDeleteConversationClick: h,
-  onBlockParticipantClick: g,
-  onReportParticipantClick: u,
-  customProfileContent: f,
-  customChannelActions: c
-}) => {
-  var H, L, V, G;
-  const { service: b, debug: x } = Je(), [v, N] = O(!1), [w, C] = O(!1), [k, E] = O(!1), F = U(async () => {
-    var S;
-    if (!(!b || !((S = s == null ? void 0 : s.user) != null && S.id)))
-      try {
-        const p = (await b.getBlockedUsers()).some(
-          (_) => {
-            var B;
-            return _.blocked_user_id === ((B = s == null ? void 0 : s.user) == null ? void 0 : B.id);
-          }
-        );
-        N(p);
-      } catch (z) {
-        console.error(
-          "[ChannelInfoDialog] Failed to check blocked status:",
-          z
-        );
-      }
-  }, [b, (H = s == null ? void 0 : s.user) == null ? void 0 : H.id]);
-  W(() => {
-    F();
-  }, [F]);
-  const T = async () => {
-    var S;
-    if (!w) {
-      h == null || h(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), C(!0);
-      try {
-        const z = ((S = r._client) == null ? void 0 : S.userID) ?? null;
-        await r.hide(z, !1), l && await l(r), t();
-      } catch (z) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", z);
-      } finally {
-        C(!1);
-      }
-    }
-  }, M = async () => {
-    var S, z, p;
-    if (!(k || !b)) {
-      g == null || g(), x && console.log("[ChannelInfoDialog] Block member", (S = s == null ? void 0 : s.user) == null ? void 0 : S.id), E(!0);
-      try {
-        await b.blockUser((z = s == null ? void 0 : s.user) == null ? void 0 : z.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
-      } catch (_) {
-        console.error("[ChannelInfoDialog] Failed to block member", _);
-      } finally {
-        E(!1);
-      }
-    }
-  }, A = async () => {
-    var S, z, p;
-    if (!(k || !b)) {
-      g == null || g(), x && console.log("[ChannelInfoDialog] Unblock member", (S = s == null ? void 0 : s.user) == null ? void 0 : S.id), E(!0);
-      try {
-        await b.unBlockUser((z = s == null ? void 0 : s.user) == null ? void 0 : z.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
-      } catch (_) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", _);
-      } finally {
-        E(!1);
-      }
-    }
-  }, R = () => {
-    u == null || u(), t(), window.open(
-      "https://linktr.ee/s/about/trust-center/report",
-      "_blank",
-      "noopener,noreferrer"
-    );
-  };
-  if (!s) return null;
-  const I = a ?? Qe(s.user), D = (L = s.user) == null ? void 0 : L.image, j = (V = s.user) == null ? void 0 : V.username, q = j ? `linktr.ee/${j}` : void 0, Y = ((G = s.user) == null ? void 0 : G.id) || "unknown";
-  return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    /* @__PURE__ */ n(
-      "dialog",
-      {
-        ref: e,
-        className: "mes-dialog group",
-        onClose: t,
-        onClick: (S) => {
-          S.target === e.current && t();
-        },
-        children: /* @__PURE__ */ m("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__ */ m("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
-            /* @__PURE__ */ n("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ n(Ws, { onClick: t })
-          ] }),
-          /* @__PURE__ */ m("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
-            /* @__PURE__ */ m(
-              "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__ */ m("div", { className: "flex items-center gap-3 w-full", children: [
-                    /* @__PURE__ */ n(
-                      oe,
-                      {
-                        id: Y,
-                        name: I,
-                        image: D,
-                        size: 88,
-                        shape: "circle"
-                      }
-                    ),
-                    /* @__PURE__ */ m("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: I }),
-                      q && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: q }),
-                      i && !f && /* @__PURE__ */ n(
-                        "span",
-                        {
-                          className: "mt-1 rounded-full text-xs font-normal w-fit",
-                          style: {
-                            padding: "4px 8px",
-                            backgroundColor: i === "Subscribed to you" ? "#DCFCE7" : "#F5F5F4",
-                            color: i === "Subscribed to you" ? "#008236" : "#78716C",
-                            lineHeight: "133.333%",
-                            letterSpacing: "0.21px"
-                          },
-                          children: i
-                        }
-                      )
-                    ] })
-                  ] }),
-                  f && /* @__PURE__ */ n("div", { className: "w-full", children: f })
-                ]
-              }
-            ),
-            /* @__PURE__ */ m("ul", { className: "flex flex-col gap-2 mt-2", children: [
-              d && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(
-                Ie,
-                {
-                  onClick: T,
-                  disabled: w,
-                  "aria-busy": w,
-                  children: [
-                    w ? /* @__PURE__ */ n(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
-                    /* @__PURE__ */ n("span", { children: "Delete Conversation" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ n("li", { children: v ? /* @__PURE__ */ m(
-                Ie,
-                {
-                  onClick: A,
-                  disabled: k,
-                  "aria-busy": k,
-                  children: [
-                    k ? /* @__PURE__ */ n(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
-                    /* @__PURE__ */ n("span", { children: "Unblock" })
-                  ]
-                }
-              ) : /* @__PURE__ */ m(
-                Ie,
-                {
-                  onClick: M,
-                  disabled: k,
-                  "aria-busy": k,
-                  children: [
-                    k ? /* @__PURE__ */ n(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
-                    /* @__PURE__ */ n("span", { children: "Block" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(Ie, { variant: "danger", onClick: R, children: [
-                /* @__PURE__ */ n(ds, { className: "h-5 w-5" }),
-                /* @__PURE__ */ n("span", { children: "Report" })
-              ] }) }),
-              c
-            ] })
-          ] })
-        ] })
-      }
-    )
-  );
-}, Xs = (e) => /* @__PURE__ */ n(In, { ...e, position: "center" }), Ye = "vote_up", We = "vote_down";
-function Zs(e) {
-  return e != null && e.length ? e.some((t) => t.type === We) ? "down" : e.some((t) => t.type === Ye) ? "up" : null : null;
-}
-function Ks(e) {
-  const { channel: t } = ue(), { client: s } = Ke("useMessageVote"), a = re(
-    () => Zs(e.own_reactions),
-    [e.own_reactions]
-  ), r = U(async () => {
-    if (s != null && s.userID)
-      try {
-        a === "up" ? await t.deleteReaction(e.id, Ye) : await t.sendReaction(
-          e.id,
-          { type: Ye },
-          { enforce_unique: !0, skip_push: !0 }
-        );
-      } catch {
-      }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = U(async () => {
-    if (s != null && s.userID)
-      try {
-        a === "down" ? await t.deleteReaction(e.id, We) : await t.sendReaction(
-          e.id,
-          { type: We },
-          { enforce_unique: !0, skip_push: !0 }
-        );
-      } catch {
-      }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]);
-  return { selected: a, voteUp: r, voteDown: i };
-}
-const Js = P.lazy(() => import("./Card-BuROm0u7.js")), Qs = P.lazy(() => import("./Card-4takoN_-.js")), ea = P.lazy(() => import("./Card-DdpdnSh_.js")), et = () => /* @__PURE__ */ n(
-  "div",
-  {
-    className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
-    "aria-hidden": !0
-  }
-), ta = (e) => /* @__PURE__ */ n(Ze, { fallback: /* @__PURE__ */ n(et, {}), children: /* @__PURE__ */ n(Js, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(Ze, { fallback: /* @__PURE__ */ n(et, {}), children: /* @__PURE__ */ n(Qs, { ...e }) }), Qt = (e) => /* @__PURE__ */ n(Ze, { fallback: /* @__PURE__ */ n(et, {}), children: /* @__PURE__ */ n(ea, { ...e }) }), na = Jt, sa = Qt, Ot = { Composer: ta, Sent: Jt, Received: Qt, Creator: na, Visitor: sa }, aa = [
-  [/pdf/, "pdf"],
-  [/wordprocessingml|msword|\.doc/, "doc"],
-  [/spreadsheetml|ms-excel|\.xls/, "xls"],
-  [/csv/, "csv"],
-  [/presentationml|ms-powerpoint|\.ppt/, "ppt"],
-  [/zip|x-rar|x-7z|x-tar|x-gzip/, "zip"],
-  [/plain|rtf/, "text"],
-  [/markdown/, "markdown"]
-];
-function le(e) {
-  return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
-}
-function en(e) {
-  const t = aa.find(
-    ([s]) => s.test(e)
-  );
-  return t ? t[1] : "generic";
-}
-const ra = {
-  video: Gt,
-  audio: ms,
-  image: us,
-  document: Vt
-}, ia = {
-  pdf: ws,
-  doc: xs,
-  xls: vs,
-  csv: ps,
-  ppt: bs,
-  zip: gs,
-  text: fs,
-  markdown: hs,
-  generic: Vt
-};
-function oa(e) {
-  const t = le(e);
-  return t !== "document" ? ra[t] : ia[en(e)];
-}
-function fe(e, t) {
-  return P.createElement(oa(e), t);
-}
-const la = (e) => {
-  var t, s;
-  return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, ca = ({
-  source: e,
-  mimeType: t,
-  poster: s,
-  autoPlay: a = !1,
-  playing: r,
-  loop: i = !1,
-  controls: l = !0,
-  showProgress: o = !1,
-  muted: d = !1,
-  onContainerClick: h
-}) => {
-  const g = le(t), u = Z(null), f = Z(null), c = Z(null), b = Z(r), [x, v] = O(a), [N, w] = O(0), [C, k] = O(!1), [E, F] = O(!1), [T, M] = O(!1), [A, R] = O(!1), [I, D] = O(!0), [j, q] = O(null), Y = U(() => {
-    M(!1), v(!0);
-  }, []), H = U((p) => {
-    const _ = f.current;
-    if (!_) return 0;
-    const B = _.getBoundingClientRect();
-    return Math.max(
-      0,
-      Math.min(1, (la(p) - B.left) / B.width)
-    );
-  }, []), L = U((p) => {
-    const _ = u.current;
-    _ && _.duration && (_.currentTime = p * _.duration);
-  }, []), V = (p) => {
-    p.stopPropagation(), k(!0);
-    const _ = H(p);
-    w(_), L(_);
-  };
-  W(() => {
-    r !== void 0 && r !== b.current && (b.current = r, v(r));
-  }, [r]), W(() => {
-    if (!x) {
-      c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
-      return;
-    }
-    const p = () => {
-      const _ = u.current;
-      _ && _.duration && !C && w(_.currentTime / _.duration), c.current = requestAnimationFrame(p);
-    };
-    return c.current = requestAnimationFrame(p), () => {
-      c.current !== null && cancelAnimationFrame(c.current);
-    };
-  }, [x, C]), W(() => {
-    const p = u.current;
-    p && (x ? p.play().catch((_) => {
-      v(!1), M(!0);
-    }) : p.pause());
-  }, [x]), W(() => {
-    if (!C) return;
-    const p = (B) => w(H(B)), _ = (B) => {
-      k(!1), L(H(B));
-    };
-    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", _), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", _), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", _);
-    };
-  }, [C, H, L]);
-  const G = j ? { aspectRatio: String(j) } : void 0, S = j ? "" : " aspect-video", z = Math.round(N * 100);
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${S}`,
-      style: G,
-      onClick: (p) => {
-        if (h) {
-          h(p);
-          return;
-        }
-        T || l && v((_) => !_);
-      },
-      onKeyDown: (p) => {
-        if (!(p.key !== "Enter" && p.key !== " ")) {
-          if (p.preventDefault(), h) {
-            h(p);
-            return;
-          }
-          T || l && v((_) => !_);
-        }
-      },
-      children: [
-        s && (g === "audio" || I) && /* @__PURE__ */ n(
-          "img",
-          {
-            src: s,
-            alt: "",
-            className: "absolute inset-0 h-full w-full object-cover"
-          }
-        ),
-        !s && (g === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: fe(t, {
-          className: "size-12 text-black/20",
-          weight: "regular"
-        }) }),
-        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: g === "audio" ? /* @__PURE__ */ n(
-          "audio",
-          {
-            ref: u,
-            src: e,
-            loop: i,
-            muted: d,
-            style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
-            onCanPlay: () => {
-              R(!1), D(!1);
-            },
-            onWaiting: () => R(!0),
-            onPlay: () => M(!1),
-            onEnded: () => {
-              i || (v(!1), w(0));
-            },
-            children: /* @__PURE__ */ n("track", { kind: "captions" })
-          }
-        ) : /* @__PURE__ */ n(
-          "video",
-          {
-            ref: u,
-            src: e,
-            loop: i,
-            muted: d,
-            playsInline: !0,
-            style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
-            onCanPlay: () => {
-              R(!1), D(!1);
-            },
-            onWaiting: () => R(!0),
-            onPlay: () => M(!1),
-            onLoadedMetadata: () => {
-              const p = u.current;
-              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && q(p.videoWidth / p.videoHeight);
-            },
-            onEnded: () => {
-              i || (v(!1), w(0));
-            },
-            children: /* @__PURE__ */ n("track", { kind: "captions" })
-          }
-        ) }),
-        A && !T && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          be,
-          {
-            className: "size-8 animate-spin text-white/80",
-            weight: "bold"
-          }
-        ) }),
-        T && !l && /* @__PURE__ */ n(
-          "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(), Y();
-            },
-            onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), Y());
-            },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Ve, { className: "size-9 translate-x-0.5", weight: "fill" }) })
-          }
-        ),
-        o && !l && /* @__PURE__ */ n("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__ */ n(
-          "div",
-          {
-            role: "slider",
-            "aria-label": "Playback position",
-            "aria-valuenow": z,
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            tabIndex: 0,
-            ref: f,
-            className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: V,
-            onTouchStart: V,
-            onClick: (p) => p.stopPropagation(),
-            onKeyDown: (p) => {
-              p.key === "ArrowRight" && L(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && L(Math.max(0, N - 0.05));
-            },
-            children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
-              "div",
-              {
-                className: "h-full rounded-full bg-white",
-                style: { width: `${z}%` }
-              }
-            ) })
-          }
-        ) }),
-        l && /* @__PURE__ */ m("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__ */ n(
-            "button",
-            {
-              type: "button",
-              onClick: (p) => {
-                p.stopPropagation(), v((_) => !_);
-              },
-              className: "shrink-0 text-white",
-              "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ n(Ns, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Ve, { className: "size-5 translate-x-px", weight: "fill" })
-            }
-          ),
-          /* @__PURE__ */ m(
-            "div",
-            {
-              role: "slider",
-              "aria-label": "Playback position",
-              "aria-valuenow": z,
-              "aria-valuemin": 0,
-              "aria-valuemax": 100,
-              tabIndex: 0,
-              ref: f,
-              className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: V,
-              onTouchStart: V,
-              onClick: (p) => p.stopPropagation(),
-              onMouseEnter: () => F(!0),
-              onMouseLeave: () => F(!1),
-              onKeyDown: (p) => {
-                p.key === "ArrowRight" && L(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && L(Math.max(0, N - 0.05));
-              },
-              children: [
-                /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${E || C ? "h-1.5" : "h-1"}`,
-                    children: /* @__PURE__ */ n(
-                      "div",
-                      {
-                        className: "h-full rounded-full bg-white",
-                        style: { width: `${z}%` }
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${E || C ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${z}%` }
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", da = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", tn = ({
-  mimeType: e,
-  sourceUrl: t,
-  thumbnailUrl: s,
-  title: a,
-  variant: r,
-  mediaPlayerProps: i,
-  containedImage: l = !1
-}) => {
-  const o = le(e), [d, h] = O(!1);
-  return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
-    ca,
-    {
-      source: t,
-      mimeType: e,
-      poster: s,
-      controls: !0,
-      ...i
-    }
-  ) : t && o === "image" ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
-    "img",
-    {
-      src: t,
-      alt: a ?? "",
-      className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
-      draggable: !1,
-      onLoad: () => h(!0)
-    }
-  ) }) : /* @__PURE__ */ n(
-    "img",
-    {
-      src: t,
-      alt: a ?? "",
-      className: "block w-full",
-      draggable: !1
-    }
-  ) : t && o === "document" ? s ? l ? /* @__PURE__ */ n("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: /* @__PURE__ */ n(
-    "img",
-    {
-      src: s,
-      alt: a ?? "",
-      className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d ? "opacity-100" : "opacity-0"}`,
-      draggable: !1,
-      onLoad: () => h(!0)
-    }
-  ) }) : /* @__PURE__ */ n(
-    "img",
-    {
-      src: s,
-      alt: "",
-      className: "block w-full",
-      draggable: !1
-    }
-  ) : /* @__PURE__ */ n(
-    "div",
-    {
-      className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: fe(e, {
-        className: zt(r),
-        weight: "regular"
-      })
-    }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${da(r)}`, children: /* @__PURE__ */ n(
-    "img",
-    {
-      src: s,
-      alt: a ?? "",
-      draggable: !1,
-      className: "absolute inset-0 h-full w-full object-cover"
-    }
-  ) }) : /* @__PURE__ */ n(
-    "div",
-    {
-      className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: fe(e, {
-        className: zt(r),
-        weight: "regular"
-      })
-    }
-  );
-}, nn = ({
-  variant: e,
-  thumbnail: t,
-  title: s,
-  placeholderTitle: a = "Attachment title",
-  mimeType: r,
-  detail: i,
-  statusBadge: l,
-  action: o,
-  topLeft: d,
-  topRight: h,
-  rootRef: g,
-  "data-testid": u
-}) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      ref: g,
-      "data-testid": u,
-      className: y(
-        "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-        f ? "bg-[#121110]" : "bg-white"
-      ),
-      children: [
-        d ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
-        h ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: h }) : null,
-        t,
-        /* @__PURE__ */ m("div", { className: "px-4 pb-3 pt-3", children: [
-          c.trim() !== "" && /* @__PURE__ */ n(
-            "p",
-            {
-              className: y("mb-0.5 truncate text-base font-medium", {
-                "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
-              }),
-              children: c
-            }
-          ),
-          /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-1", children: [
-            fe(r, {
-              className: y(
-                "size-5 shrink-0",
-                f ? "text-white/55" : "text-black/55"
-              ),
-              weight: "regular"
-            }),
-            i != null && i !== "" && /* @__PURE__ */ n(
-              "span",
-              {
-                className: y(
-                  "text-xs font-medium",
-                  f ? "text-white/55" : "text-black/55"
-                ),
-                children: i
-              }
-            ),
-            l
-          ] }),
-          o
-        ] })
-      ]
-    }
-  );
-};
-function sn(e) {
-  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-}
-function tt(e) {
-  return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
-}
-function ua(e) {
-  return e ? "bg-white/10" : "bg-black/5";
-}
-function ma(e) {
-  return e ? "text-white" : "text-black";
-}
-function ha(e) {
-  return e ? "text-white/55" : "text-black/55";
-}
-function fa(e) {
-  return e ? "text-white/40" : "text-black/40";
-}
-function ga(e) {
-  return e ? "text-white/20" : "text-black/20";
-}
-const nt = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, h = /* @__PURE__ */ m(P.Fragment, { children: [
-    /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
-      "img",
-      {
-        src: r,
-        alt: s ?? "",
-        className: "aspect-video w-full rounded-[20px] object-cover"
-      }
-    ) : /* @__PURE__ */ n(
-      "div",
-      {
-        className: `aspect-video w-full rounded-[20px] ${ua(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ys, { className: `size-12 ${ga(t)}` })
-      }
-    ) }),
-    /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ma(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ha(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${fa(t)}`, children: d })
-    ] })
-  ] });
-  return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: h }) : /* @__PURE__ */ n("div", { className: "block", children: h });
-};
-function an(e) {
-  return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
-}
-function st(e) {
-  var t;
-  return (t = e.attachments) == null ? void 0 : t.find(an);
-}
-async function ba(e, t) {
-  let s;
-  try {
-    s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
-  } catch {
-    s = t ?? "download";
-  }
-  const a = await fetch(e, { mode: "cors" });
-  if (!a.ok) throw new Error(`HTTP ${a.status}`);
-  const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
-  l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
-}
-const pa = ({
-  url: e,
-  filename: t
-}) => {
-  const [s, a] = O(!1);
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: (i) => {
-        i.stopPropagation();
-        const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), ba(e, t).then(() => {
-          l == null || l.close();
-        }).catch(() => {
-          l && (l.location.href = e);
-        }).finally(() => a(!1));
-      },
-      disabled: s,
-      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: s ? /* @__PURE__ */ n(be, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(P.Fragment, { children: [
-        /* @__PURE__ */ n(pe, { className: "size-4 text-white", weight: "bold" }),
-        "Download"
-      ] })
-    }
-  );
-};
-function at(e) {
-  var u, f, c, b;
-  const t = (u = e.attachments) == null ? void 0 : u.find(
-    (x) => x.type === "video" && x.asset_url
-  ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (x) => x.type === "image" && x.image_url
-  ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (x) => x.type === "audio" && x.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
-    (x) => x.type === "file" && x.asset_url
-  ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
-  if (!l) return null;
-  const o = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, h = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
-  return {
-    resolvedUrl: l,
-    resolvedType: o,
-    title: d,
-    fileSize: h,
-    thumbnailUrl: g
-  };
-}
-const rn = ({
-  resolvedUrl: e,
-  resolvedType: t,
-  title: s,
-  fileSize: a,
-  thumbnailUrl: r
-}) => {
-  const i = a !== void 0 ? sn(a) : void 0;
-  return /* @__PURE__ */ n(
-    nn,
-    {
-      variant: "dark",
-      title: s,
-      placeholderTitle: "",
-      mimeType: t,
-      detail: i,
-      thumbnail: /* @__PURE__ */ n(
-        tn,
-        {
-          mimeType: t,
-          sourceUrl: e,
-          thumbnailUrl: r,
-          title: s,
-          variant: "dark"
-        }
-      )
-    }
-  );
-}, on = ({
-  resolvedUrl: e,
-  resolvedType: t,
-  title: s,
-  fileSize: a,
-  thumbnailUrl: r
-}) => {
-  const i = le(t), l = a !== void 0 ? sn(a) : void 0;
-  return /* @__PURE__ */ n(
-    nn,
-    {
-      variant: "light",
-      title: s,
-      mimeType: t,
-      detail: l,
-      thumbnail: /* @__PURE__ */ n(
-        tn,
-        {
-          mimeType: t,
-          sourceUrl: e,
-          thumbnailUrl: r,
-          title: s,
-          variant: "light",
-          containedImage: i === "image" || i === "document"
-        }
-      ),
-      action: /* @__PURE__ */ n(pa, { url: e, filename: s })
-    }
-  );
-}, va = ({
-  message: e,
-  isMyMessage: t = !1
-}) => {
-  const s = st(e), a = at(e);
-  return !s && !a ? null : /* @__PURE__ */ m("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
-    !t && e.user && /* @__PURE__ */ n(
-      oe,
-      {
-        className: "str-chat__avatar str-chat__message-sender-avatar",
-        id: e.user.id,
-        image: e.user.image,
-        name: e.user.name ?? e.user.id
-      }
-    ),
-    /* @__PURE__ */ n(
-      "div",
-      {
-        className: "str-chat__message-inner",
-        style: { marginInlineEnd: 0, marginInlineStart: 0 },
-        children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ n(
-          "div",
-          {
-            className: "str-chat__message-bubble",
-            style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: tt(t), children: /* @__PURE__ */ n(nt, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(rn, { ...a }) : /* @__PURE__ */ n(on, { ...a })
-          }
-        ) })
-      }
-    )
-  ] });
-}, xa = ({
-  message: e
-}) => {
-  const t = st(e);
-  if (t)
-    return /* @__PURE__ */ n("div", { className: tt(!0), children: /* @__PURE__ */ n(nt, { attachment: t, isMyMessage: !0 }) });
-  const s = at(e);
-  return s ? /* @__PURE__ */ n(rn, { ...s }) : null;
-}, wa = ({
-  message: e
-}) => {
-  const t = st(e);
-  if (t)
-    return /* @__PURE__ */ n("div", { className: tt(!1), children: /* @__PURE__ */ n(nt, { attachment: t, isMyMessage: !1 }) });
-  const s = at(e);
-  return s ? /* @__PURE__ */ n(on, { ...s }) : null;
-}, fi = Object.assign(va, {
-  Creator: xa,
-  Visitor: wa
-}), Na = {
-  isUnlocking: () => !1
-}, ya = {
-  LockedAttachment: Na
-}, ln = qe({}), gi = ln.Provider;
-function _a(e) {
-  return Xe(ln)[e] ?? ya[e];
-}
-const Ca = ({
-  selected: e,
-  onVoteUp: t,
-  onVoteDown: s
-}) => /* @__PURE__ */ m("div", { className: "message-vote-buttons", children: [
-  /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      className: y("message-vote-button focus-ring", {
-        "message-vote-button--selected": e === "up"
-      }),
-      onClick: t,
-      "aria-label": "Good response",
-      "aria-pressed": e === "up",
-      "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(_s, { size: 16, weight: e === "up" ? "fill" : "regular" })
-    }
-  ),
-  /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      className: y("message-vote-button focus-ring", {
-        "message-vote-button--selected": e === "down"
-      }),
-      onClick: s,
-      "aria-label": "Bad response",
-      "aria-pressed": e === "down",
-      "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "down" ? "fill" : "regular" })
-    }
-  )
-] }), ka = (e) => {
-  var ht, ft, gt, bt, pt, vt, xt, wt, Nt, yt, _t, Ct, kt, Et;
-  const {
-    additionalMessageInputProps: t,
-    chatbotVotingEnabled: s,
-    editing: a,
-    endOfGroup: r,
-    firstOfGroup: i,
-    groupedByUser: l,
-    handleAction: o,
-    handleOpenThread: d,
-    handleRetry: h,
-    highlighted: g,
-    isMessageAIGenerated: u,
-    isMyMessage: f,
-    message: c,
-    renderText: b,
-    threadList: x,
-    viewerLanguage: v
-  } = e, { client: N } = Ke("CustomMessage"), { channel: w } = ue("CustomMessage"), { isUnlocking: C, onUnlockClick: k, onFetchSource: E, onDownloadClick: F } = _a("LockedAttachment"), [T, M] = O(!1), A = Tn(c.id), { selected: R, voteUp: I, voteDown: D } = Ks(c), {
-    Attachment: j = Mn,
-    EditMessageModal: q = An,
-    MessageBlocked: Y = Dn,
-    MessageBouncePrompt: H = Rn,
-    MessageDeleted: L = Ln,
-    MessageIsThreadReplyInChannelButtonIndicator: V = Fn,
-    MessageRepliesCountButton: G = On,
-    ReminderNotification: S = zn,
-    StreamedMessageText: z = Pn,
-    PinIndicator: p
-  } = jt("CustomMessage"), _ = Bn(c), B = $n(c), X = re(
-    () => u == null ? void 0 : u(c),
-    [u, c]
-  ), K = re(() => {
-    const ge = c.attachments ?? [], Ee = c.shared_location ? [c.shared_location, ...ge] : ge;
-    if (!Te(c)) return Ee;
-    const It = Ee.filter((St) => !("type" in St) || !an(St));
-    return It.length === Ee.length ? Ee : It;
-  }, [c]), ee = re(() => {
-    const ge = qt({ message: c, viewerLanguage: v });
-    return ge === c.text ? c : { ...c, text: ge };
-  }, [c, v]);
-  if (jn(c))
-    return null;
-  if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(L, { message: c });
-  if (Un(c))
-    return /* @__PURE__ */ n(Y, {});
-  const _e = !x && !!c.reply_count, Ce = !x && c.show_in_channel && c.parent_id, ce = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, te = Vn(c);
-  let se;
-  ce ? se = () => h(c) : te && (se = () => M(!0));
-  const de = f(), Le = y(
-    "str-chat__message str-chat__message-simple",
-    `str-chat__message--${c.type}`,
-    `str-chat__message--${c.status}`,
-    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
-    c.text ? "str-chat__message--has-text" : "has-no-text",
-    {
-      "str-chat__message--has-attachment": _,
-      "str-chat__message--highlighted": g,
-      "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": B,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((ft = c == null ? void 0 : c.error) == null ? void 0 : ft.status) !== 403,
-      "str-chat__message-with-thread-link": _e || Ce,
-      "str-chat__virtual-message__wrapper--end": r,
-      "str-chat__virtual-message__wrapper--first": i,
-      "str-chat__virtual-message__wrapper--group": l
-    }
-  ), ke = c.poll_id && N.polls.fromState(c.poll_id), me = Gs(c), $ = Te(c), J = Vs(c), Q = !!(K != null && K.length && !c.quoted_message), ae = $ && de && Q;
-  return /* @__PURE__ */ m(ie, { children: [
-    a && /* @__PURE__ */ n(
-      q,
-      {
-        additionalMessageInputProps: t
-      }
-    ),
-    T && /* @__PURE__ */ n(
-      Gn,
-      {
-        MessageBouncePrompt: H,
-        onClose: () => M(!1),
-        open: T
-      }
-    ),
-    /* @__PURE__ */ m("div", { className: Le, children: [
-      p && /* @__PURE__ */ n(p, {}),
-      !!A && /* @__PURE__ */ n(S, { reminder: A }),
-      c.user && /* @__PURE__ */ n(
-        oe,
-        {
-          className: "str-chat__avatar str-chat__message-sender-avatar",
-          id: c.user.id,
-          image: c.user.image,
-          name: c.user.name || c.user.id,
-          size: $ ? 24 : 28,
-          shape: "circle",
-          dmAgentEnabled: $
-        }
-      ),
-      /* @__PURE__ */ n(
-        "div",
-        {
-          className: y("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": ce || te
-          }),
-          "data-testid": "message-inner",
-          onClick: se,
-          onKeyDown: se,
-          role: se ? "button" : void 0,
-          tabIndex: se ? 0 : void 0,
-          style: {
-            // Force margins to 0 to prevent hover layout shift
-            // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
-            marginInlineEnd: 0,
-            marginInlineStart: 0
-          },
-          children: J ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
-            de ? /* @__PURE__ */ n(
-              Ot.Sent,
-              {
-                title: (gt = c.metadata) == null ? void 0 : gt.attachment_title,
-                mimeType: (bt = c.metadata) == null ? void 0 : bt.attachment_mime_type,
-                thumbnailUrl: (pt = c.metadata) == null ? void 0 : pt.attachment_thumbnail,
-                amountText: (vt = c.metadata) == null ? void 0 : vt.amount_text,
-                detail: (xt = c.metadata) == null ? void 0 : xt.attachment_detail,
-                paymentStatus: (wt = c.metadata) == null ? void 0 : wt.payment_status,
-                onPreviewClick: () => k == null ? void 0 : k(c, w),
-                onFetchSource: async () => await (E == null ? void 0 : E(c, w))
-              }
-            ) : /* @__PURE__ */ n(
-              Ot.Received,
-              {
-                title: (Nt = c.metadata) == null ? void 0 : Nt.attachment_title,
-                mimeType: (yt = c.metadata) == null ? void 0 : yt.attachment_mime_type,
-                thumbnailUrl: (_t = c.metadata) == null ? void 0 : _t.attachment_thumbnail,
-                amountText: (Ct = c.metadata) == null ? void 0 : Ct.amount_text,
-                detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
-                paymentStatus: (Et = c.metadata) == null ? void 0 : Et.payment_status,
-                isUnlocking: C(c.id),
-                onUnlockClick: () => k == null ? void 0 : k(c, w),
-                onFetchSource: async () => await (E == null ? void 0 : E(c, w)),
-                onDownloadClick: () => F == null ? void 0 : F(c, w)
-              }
-            ),
-            c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-              Tt,
-              {
-                message: ee,
-                renderText: b
-              }
-            ) })
-          ] }) : me ? (
-            /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
-          ) : /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
-            /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-              $ && !ae && /* @__PURE__ */ n(
-                Pe,
-                {
-                  message: c,
-                  hasAttachment: Q,
-                  isMyMessage: de
-                }
-              ),
-              ke && /* @__PURE__ */ n(Hn, { poll: ke }),
-              K != null && K.length && !c.quoted_message ? /* @__PURE__ */ n(
-                j,
-                {
-                  actionHandler: o,
-                  attachments: K
-                }
-              ) : null,
-              X ? /* @__PURE__ */ n(
-                z,
-                {
-                  message: ee,
-                  renderText: b
-                }
-              ) : /* @__PURE__ */ n(
-                Tt,
-                {
-                  message: ee,
-                  renderText: b
-                }
-              ),
-              /* @__PURE__ */ n(Yn, {})
-            ] }),
-            (!$ || ae) && /* @__PURE__ */ n(
-              Pe,
-              {
-                message: c,
-                hasAttachment: Q,
-                isMyMessage: de
-              }
-            ),
-            s && $ && /* @__PURE__ */ n(
-              Ca,
-              {
-                selected: R,
-                onVoteUp: I,
-                onVoteDown: D
-              }
-            )
-          ] })
-        }
-      ),
-      _e && /* @__PURE__ */ n(
-        G,
-        {
-          onClick: d,
-          reply_count: c.reply_count
-        }
-      ),
-      Ce && /* @__PURE__ */ n(V, {})
-    ] }, c.id)
-  ] });
-}, Ea = P.memo(
-  ka,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Sn(e, t)
-), Ia = (e) => {
-  const t = Ut("CustomMessage");
-  return /* @__PURE__ */ n(Ea, { ...t, ...e });
-}, Sa = (e) => ({
-  linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Rt.previewIsLoaded(t) || Rt.previewIsLoading(t)
-  )
-}), Ta = ({
-  link: e,
-  onDismiss: t
-}) => {
-  const { og_scrape_url: s, title: a, image_url: r } = e;
-  return /* @__PURE__ */ m(
-    "a",
-    {
-      href: s,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "relative w-full block rounded-[24px] bg-[#121110] p-2 no-underline transition-opacity hover:opacity-90",
-      children: [
-        r && /* @__PURE__ */ n(
-          "img",
-          {
-            src: r,
-            alt: a || "",
-            className: "h-[148px] w-full rounded-[20px] object-cover"
-          }
-        ),
-        /* @__PURE__ */ n(
-          "button",
-          {
-            type: "button",
-            onClick: (l) => {
-              l.preventDefault(), t(s);
-            },
-            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__ */ n(ve, { className: "size-4 text-black/90" })
-          }
-        ),
-        /* @__PURE__ */ m("div", { className: "p-2", children: [
-          a && /* @__PURE__ */ n("div", { className: "text-[14px] font-medium leading-5 text-white", children: a }),
-          /* @__PURE__ */ n("div", { className: "text-[12px] leading-4 text-white/55", children: s })
-        ] })
-      ]
-    }
-  );
-}, Ma = () => {
-  const { linkPreviewsManager: e } = Wn(), { linkPreviews: t } = qn(
-    e.state,
-    Sa
-  ), s = (r) => {
-    e.dismissPreview(r);
-  };
-  return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Ta,
-    {
-      link: r,
-      onDismiss: s
-    },
-    r.og_scrape_url
-  )) }) : null;
-}, Aa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
-  "button",
-  {
-    ...s,
-    type: "button",
-    "aria-label": "Send",
-    disabled: t,
-    onClick: e,
-    children: /* @__PURE__ */ n(ks, { weight: "bold", className: "size-4" })
-  }
-), Da = () => {
-  var o;
-  const { channel: e } = ue(), t = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.frozen) === !0, { handleSubmit: s } = Zn(), { SendButton: a } = jt(
-    "CustomMessageInput"
-  ), r = a ?? Aa, i = Kn();
-  return /* @__PURE__ */ m(ie, { children: [
-    /* @__PURE__ */ n("div", { className: "left-container", children: /* @__PURE__ */ n(Jn, {}) }),
-    /* @__PURE__ */ m("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__ */ n(Qn, {}),
-      /* @__PURE__ */ n(Ma, {}),
-      /* @__PURE__ */ n(es, {}),
-      /* @__PURE__ */ m("div", { className: "flex", children: [
-        /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-          ts,
-          {
-            "aria-disabled": t || void 0,
-            className: "w-full resize-none outline-none leading-6",
-            maxRows: 4,
-            readOnly: t,
-            tabIndex: t ? -1 : void 0
-          }
-        ) }),
-        /* @__PURE__ */ n(
-          r,
-          {
-            sendMessage: s,
-            "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: t || !i,
-            type: "button"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}, Ra = ({
-  renderActions: e
-}) => {
-  var a;
-  const { channel: t } = ue(), s = ((a = t == null ? void 0 : t.data) == null ? void 0 : a.frozen) === !0;
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      inert: s ? "" : void 0,
-      "aria-disabled": s || void 0,
-      className: "message-input flex items-center gap-2 p-4 aria-disabled:opacity-40",
-      children: [
-        e == null ? void 0 : e(),
-        /* @__PURE__ */ n(Xn, { Input: Da })
-      ]
-    }
-  );
-}, La = [
-  "SYSTEM_DM_AGENT_PAUSED",
-  "SYSTEM_DM_AGENT_RESUMED"
-], Fa = {
-  SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
-  SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Oa = [
-  "SYSTEM_AGE_SAFETY_BLOCKED"
-], za = {
-  SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Be = "age safety guidelines.", Pa = "https://linktr.ee/s/about/contact", Pt = (e) => La.includes(e), Ba = (e) => Oa.includes(e), $a = (e) => {
-  var a;
-  const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Pt(t))
-    return {
-      kind: "dm-agent",
-      type: t
-    };
-  if (Ba(t))
-    return {
-      kind: "age-safety",
-      type: t
-    };
-  const s = e.dm_agent_system_type;
-  if (Pt(s))
-    return {
-      kind: "dm-agent",
-      type: s
-    };
-}, ja = (e) => {
-  const t = e.indexOf(Be);
-  if (t === -1)
-    return e;
-  const s = t + Be.length;
-  return /* @__PURE__ */ m(ie, { children: [
-    e.slice(0, t),
-    /* @__PURE__ */ n(
-      "a",
-      {
-        href: Pa,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Be
-      }
-    ),
-    e.slice(s)
-  ] });
-}, Ua = (e) => {
-  var a, r;
-  const t = e.message.hide_date === !0, s = $a(
-    e.message
-  );
-  if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Fa[s.type];
-    return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ m(
-        "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)]",
-          "data-testid": "dm-agent-system-message",
-          "data-dm-agent-system-type": s.type,
-          children: [
-            /* @__PURE__ */ n(
-              Ge,
-              {
-                size: 16,
-                weight: "regular",
-                "aria-hidden": !0,
-                className: "mes-dm-agent-system-message__sparkle shrink-0"
-              }
-            ),
-            /* @__PURE__ */ n("p", { className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]", children: i })
-          ]
-        }
-      ),
-      !t && /* @__PURE__ */ n(Fe, { message: e.message })
-    ] });
-  }
-  if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || za[s.type];
-    return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ m(
-        "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)]",
-          "data-testid": "age-safety-system-message",
-          "data-age-safety-system-type": s.type,
-          children: [
-            /* @__PURE__ */ n(
-              Es,
-              {
-                size: 24,
-                weight: "duotone",
-                "aria-hidden": !0,
-                className: "mes-age-safety-system-message__icon shrink-0 text-[color:var(--text-warning-on-warning,#894b00)]",
-                "data-testid": "age-safety-system-message-icon"
-              }
-            ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("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: ja(i) }) })
-          ]
-        }
-      ),
-      !t && /* @__PURE__ */ n(Fe, { message: e.message })
-    ] });
-  }
-  return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-    /* @__PURE__ */ m("div", { className: "str-chat__message--system__text", children: [
-      /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" }),
-      /* @__PURE__ */ n("p", { children: e.message.text }),
-      /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
-    ] }),
-    !t && /* @__PURE__ */ n(Fe, { message: e.message })
-  ] });
-}, cn = qe(!1), $e = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
-  "animateTransform",
-  {
-    attributeName: "transform",
-    type: "translate",
-    values: "0 0; 0 -2.25; 0 0;",
-    dur: "900ms",
-    begin: `${120 * t}ms`,
-    repeatCount: "indefinite"
-  }
-) }), Va = /* @__PURE__ */ new Set([
-  Oe.Thinking,
-  Oe.Generating,
-  Oe.ExternalSources
-]), Ga = ({ threadList: e }) => {
-  var b, x;
-  const { channel: t, channelConfig: s, thread: a } = ue(), { client: r } = Ke(), { typing: i = {} } = ns(), { aiState: l } = ss(t), o = Xe(cn);
-  if (!e && o && Va.has(l)) {
-    const v = Ha(t, (b = r.user) == null ? void 0 : b.id);
-    return /* @__PURE__ */ n(
-      Bt,
-      {
-        avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
-        avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
-        avatarImage: v == null ? void 0 : v.image,
-        testId: "typing-indicator-ai"
-      }
-    );
-  }
-  if ((s == null ? void 0 : s.typing_events) === !1)
-    return null;
-  const h = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
-      var w;
-      return (N == null ? void 0 : N.id) !== ((w = r.user) == null ? void 0 : w.id) && !v;
-    }
-  ), g = e ? Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
-      var w;
-      return (N == null ? void 0 : N.id) !== ((w = r.user) == null ? void 0 : w.id) && v === (a == null ? void 0 : a.id);
-    }
-  ) : [], u = e ? g : h;
-  if (!u.length)
-    return null;
-  const f = (x = u[0]) == null ? void 0 : x.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
-  return /* @__PURE__ */ n(
-    Bt,
-    {
-      avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
-      avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
-      avatarImage: (f == null ? void 0 : f.image) ?? (c == null ? void 0 : c.image),
-      testId: "typing-indicator"
-    }
-  );
-}, Bt = ({
-  avatarId: e,
-  avatarName: t,
-  avatarImage: s,
-  testId: a
-}) => /* @__PURE__ */ m(
-  "div",
-  {
-    className: "str-chat__typing-indicator !items-end !bg-transparent",
-    "data-testid": a,
-    style: { insetInlineStart: 0, insetInlineEnd: "auto" },
-    children: [
-      /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
-        oe,
-        {
-          id: e,
-          name: t,
-          image: s ?? void 0,
-          size: 24,
-          shape: "circle"
-        }
-      ) }),
-      /* @__PURE__ */ n("div", { className: "px-4 py-3 rounded-lg bg-[#E9EAED] h-12 flex flex-col justify-end", children: /* @__PURE__ */ m(
-        "svg",
-        {
-          "aria-hidden": "true",
-          className: "block overflow-visible mb-[0.2rem]",
-          viewBox: "0 0 32 8",
-          width: "32",
-          height: "8",
-          overflow: "visible",
-          children: [
-            /* @__PURE__ */ n($e, { cx: "4", index: 0 }),
-            /* @__PURE__ */ n($e, { cx: "16", index: 1 }),
-            /* @__PURE__ */ n($e, { cx: "28", index: 2 })
-          ]
-        }
-      ) })
-    ]
-  }
-);
-function Ha(e, t) {
-  var a;
-  const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
-  for (const r of Object.values(s)) {
-    const i = r == null ? void 0 : r.user;
-    if (i && i.id !== t)
-      return i;
-  }
-}
-const Ya = () => null, Wa = ({ className: e, message: t }) => /* @__PURE__ */ m(
-  "div",
-  {
-    className: y("flex items-center justify-center h-full", e),
-    children: [
-      /* @__PURE__ */ m("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
-        /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            dur: "1s",
-            type: "translate",
-            values: "0 15 ; 0 -15; 0 15",
-            repeatCount: "indefinite",
-            begin: "0.1"
-          }
-        ) }),
-        /* @__PURE__ */ n("circle", { cx: "30", cy: "50", r: "6", children: /* @__PURE__ */ n(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            dur: "1s",
-            type: "translate",
-            values: "0 10 ; 0 -10; 0 10",
-            repeatCount: "indefinite",
-            begin: "0.2"
-          }
-        ) }),
-        /* @__PURE__ */ n("circle", { cx: "54", cy: "50", r: "6", children: /* @__PURE__ */ n(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            dur: "1s",
-            type: "translate",
-            values: "0 5 ; 0 -5; 0 5",
-            repeatCount: "indefinite",
-            begin: "0.3"
-          }
-        ) })
-      ] }),
-      t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
-    ]
-  }
-), Me = P.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(Wa, { className: "w-6 h-6" }),
-  /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
-] }) }));
-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", $t = "Replies instantly with AI assistant", qa = ({
-  onBack: e,
-  showBackButton: t,
-  onShowInfo: s,
-  canShowInfo: a,
-  showStarButton: r = !1,
-  dmAgentEnabled: i = !1,
-  getParticipantDisplayName: l
-}) => {
-  var c, b, x, v, N;
-  const { channel: o } = ue(), d = P.useMemo(() => {
-    var k, E;
-    const w = (k = o._client) == null ? void 0 : k.userID;
-    return w ? Object.values(((E = o.state) == null ? void 0 : E.members) || {}).find(
-      (F) => {
-        var T;
-        return ((T = F.user) == null ? void 0 : T.id) && F.user.id !== w;
-      }
-    ) : void 0;
-  }, [(c = o._client) == null ? void 0 : c.userID, (b = o.state) == null ? void 0 : b.members]), h = l(d), g = (x = d == null ? void 0 : d.user) == null ? void 0 : x.image, u = Wt(o), f = async () => {
-    try {
-      u ? await o.unpin() : await o.pin();
-    } catch (w) {
-      console.error(
-        "[CustomChannelHeader] Failed to update pinned status:",
-        w
-      );
-    }
-  };
-  return /* @__PURE__ */ m("div", { className: "@container", children: [
-    /* @__PURE__ */ m("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden", children: [
-      /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
-        "button",
-        {
-          className: he,
-          onClick: e || (() => {
-          }),
-          type: "button",
-          "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(At, { className: "size-5 text-black/90" })
-        }
-      ) }),
-      /* @__PURE__ */ m("div", { className: "flex flex-col gap-1 items-center", children: [
-        /* @__PURE__ */ n(
-          oe,
-          {
-            id: ((v = d == null ? void 0 : d.user) == null ? void 0 : v.id) || o.id || "unknown",
-            name: h,
-            image: g,
-            starred: r && u,
-            dmAgentEnabled: i,
-            size: 40
-          }
-        ),
-        /* @__PURE__ */ m(
-          "button",
-          {
-            type: "button",
-            onClick: s,
-            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 ${h}`,
-            children: [
-              h,
-              /* @__PURE__ */ n(He, { className: "size-3 shrink-0" })
-            ]
-          }
-        ),
-        i && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(Ge, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: $t })
-        ] })
-      ] }),
-      /* @__PURE__ */ m("div", { className: "flex justify-end items-center gap-2", children: [
-        r && /* @__PURE__ */ n(
-          "button",
-          {
-            className: he,
-            onClick: f,
-            type: "button",
-            "aria-label": u ? "Unstar conversation" : "Star conversation",
-            children: /* @__PURE__ */ n(
-              Ue,
-              {
-                className: y("size-5", {
-                  "text-yellow-600": u,
-                  "text-black/90": !u
-                }),
-                weight: u ? "duotone" : "regular"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ n(
-          "button",
-          {
-            className: he,
-            onClick: s,
-            type: "button",
-            "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Dt, { className: "size-5 text-black/90" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ m("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
-      /* @__PURE__ */ m("div", { className: "flex items-center gap-4 min-w-0", children: [
-        t && e && /* @__PURE__ */ n(
-          "button",
-          {
-            type: "button",
-            onClick: e,
-            className: he,
-            "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(At, { className: "size-5 text-black/90" })
-          }
-        ),
-        /* @__PURE__ */ n(
-          oe,
-          {
-            id: ((N = d == null ? void 0 : d.user) == null ? void 0 : N.id) || o.id || "unknown",
-            name: h,
-            image: g,
-            starred: r && u,
-            dmAgentEnabled: i,
-            size: 40
-          }
-        ),
-        /* @__PURE__ */ m("div", { className: "min-w-0", children: [
-          a ? /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              onClick: s,
-              className: "flex items-center gap-1 font-medium text-black/90 truncate hover:text-black/70 transition-colors",
-              "aria-label": `View info for ${h}`,
-              children: [
-                /* @__PURE__ */ n("span", { className: "truncate", children: h }),
-                /* @__PURE__ */ n(He, { className: "size-4 shrink-0" })
-              ]
-            }
-          ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: h }),
-          i && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ n(Ge, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ n("span", { className: "truncate", children: $t })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-        r && /* @__PURE__ */ n(
-          "button",
-          {
-            className: he,
-            onClick: f,
-            type: "button",
-            "aria-label": u ? "Unstar conversation" : "Star conversation",
-            children: /* @__PURE__ */ n(
-              Ue,
-              {
-                className: y("size-5", {
-                  "text-yellow-600": u,
-                  "text-black/90": !u
-                }),
-                weight: u ? "duotone" : "regular"
-              }
-            )
-          }
-        ),
-        a && s && /* @__PURE__ */ n(
-          "button",
-          {
-            className: he,
-            onClick: s,
-            type: "button",
-            "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Dt, { className: "size-5 text-black/90" })
-          }
-        )
-      ] })
-    ] })
-  ] });
-}, Xa = ({
-  onBack: e,
-  showBackButton: t,
-  renderMessageInputActions: s,
-  renderConversationFooter: a,
-  onLeaveConversation: r,
-  onBlockParticipant: i,
-  showDeleteConversation: l = !0,
-  onDeleteConversationClick: o,
-  onBlockParticipantClick: d,
-  onReportParticipantClick: h,
-  showStarButton: g = !1,
-  chatbotVotingEnabled: u = !1,
-  renderChannelBanner: f,
-  customProfileContent: c,
-  customChannelActions: b,
-  renderMessage: x,
-  dmAgentEnabled: v = !1,
-  viewerLanguage: N,
-  getParticipantDisplayName: w
-}) => {
-  var q, Y, H, L, V, G;
-  const { channel: C } = ue(), k = Z(null), E = P.useMemo(() => {
-    var p, _;
-    const S = (p = C._client) == null ? void 0 : p.userID;
-    return S ? Object.values(((_ = C.state) == null ? void 0 : _.members) || {}).find(
-      (B) => {
-        var X;
-        return ((X = B.user) == null ? void 0 : X.id) && B.user.id !== S;
-      }
-    ) : void 0;
-  }, [(q = C._client) == null ? void 0 : q.userID, (Y = C.state) == null ? void 0 : Y.members]), F = P.useMemo(() => {
-    var p, _;
-    const S = (p = C._client) == null ? void 0 : p.userID;
-    return S ? Object.values(((_ = C.state) == null ? void 0 : _.members) || {}).find((B) => {
-      var X;
-      return ((X = B.user) == null ? void 0 : X.id) === S;
-    }) : void 0;
-  }, [(H = C._client) == null ? void 0 : H.userID, (L = C.state) == null ? void 0 : L.members]), T = ((V = F == null ? void 0 : F.user) == null ? void 0 : V.is_account) ?? (F == null ? void 0 : F.is_account), M = ((G = E == null ? void 0 : E.user) == null ? void 0 : G.is_account) ?? (E == null ? void 0 : E.is_account), A = v && T === !1 && M === !0, R = P.useMemo(() => {
-    const S = C.data ?? {};
-    if (S.followerStatus)
-      return String(S.followerStatus);
-    if (S.isFollower !== void 0)
-      return S.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [C.data]), I = U(() => {
-    var S;
-    (S = k.current) == null || S.showModal();
-  }, []), D = U(() => {
-    var S;
-    (S = k.current) == null || S.close();
-  }, []), j = U(
-    (S) => {
-      const { message: z } = Ut("ChannelView"), p = /* @__PURE__ */ n(
-        Ia,
-        {
-          ...S,
-          chatbotVotingEnabled: u,
-          viewerLanguage: N
-        }
-      );
-      return !x || !z ? p : x(p, z);
-    },
-    [u, x, N]
-  );
-  return /* @__PURE__ */ m(ie, { children: [
-    /* @__PURE__ */ n(rs, { overrides: { Message: j }, children: /* @__PURE__ */ m(is, { children: [
-      /* @__PURE__ */ n("div", { className: "p-4", children: /* @__PURE__ */ n(
-        qa,
-        {
-          onBack: e,
-          showBackButton: t,
-          onShowInfo: I,
-          canShowInfo: !!E,
-          showStarButton: g,
-          dmAgentEnabled: A,
-          getParticipantDisplayName: w
-        }
-      ) }, "lt-channel-header"),
-      f ? /* @__PURE__ */ n(P.Fragment, { children: f() }, "lt-channel-banner") : null,
-      /* @__PURE__ */ n(
-        "div",
-        {
-          className: "flex-1 overflow-hidden relative",
-          children: /* @__PURE__ */ n(
-            os,
-            {
-              hideDeletedMessages: !0,
-              hideNewMessageSeparator: !1,
-              messageActions: void 0
-            }
-          )
-        },
-        "lt-channel-message-list"
-      ),
-      a ? /* @__PURE__ */ n(P.Fragment, { children: a(C) }, "lt-channel-conversation-footer") : null,
-      /* @__PURE__ */ n(
-        Ra,
-        {
-          renderActions: () => s == null ? void 0 : s(C)
-        },
-        "lt-channel-message-input"
-      )
-    ] }) }),
-    /* @__PURE__ */ n(
-      qs,
-      {
-        dialogRef: k,
-        onClose: D,
-        participant: E,
-        participantDisplayName: w(E),
-        channel: C,
-        followerStatusLabel: R,
-        onLeaveConversation: r,
-        onBlockParticipant: i,
-        showDeleteConversation: l,
-        onDeleteConversationClick: o,
-        onBlockParticipantClick: d,
-        onReportParticipantClick: h,
-        customProfileContent: c,
-        customChannelActions: b
-      }
-    )
-  ] });
-}, dn = P.memo(
-  ({
-    channel: e,
-    onBack: t,
-    showBackButton: s = !1,
-    renderMessageInputActions: a,
-    renderConversationFooter: r,
-    onLeaveConversation: i,
-    onBlockParticipant: l,
-    className: o,
-    CustomChannelEmptyState: d = Ya,
-    showDeleteConversation: h = !0,
-    onDeleteConversationClick: g,
-    onBlockParticipantClick: u,
-    onReportParticipantClick: f,
-    dmAgentEnabled: c,
-    messageMetadata: b,
-    onMessageSent: x,
-    showStarButton: v = !1,
-    chatbotVotingEnabled: N = !1,
-    renderChannelBanner: w,
-    customProfileContent: C,
-    customChannelActions: k,
-    renderMessage: E,
-    sendButton: F,
-    viewerLanguage: T,
-    getParticipantDisplayName: M
-  }) => {
-    const A = U(
-      (I) => (M == null ? void 0 : M(I)) ?? Qe(I == null ? void 0 : I.user),
-      [M]
-    ), R = U(
-      async (I, D, j) => {
-        var G;
-        const q = ((G = e.data) == null ? void 0 : G.chatbot_paused) === !0, Y = c && !q, H = {
-          ...D,
-          ...Y && { silent: !0 },
-          ...b && {
-            metadata: {
-              ...D.metadata ?? {},
-              ...b
-            }
-          }
-        }, L = {
-          ...j,
-          ...Y && { skip_push: !0 }
-        }, V = await e.sendMessage(H, L);
-        return x == null || x(V), V;
-      },
-      [e, c, b, x]
-    );
-    return /* @__PURE__ */ n(
-      "div",
-      {
-        className: y(
-          "messaging-channel-view h-full flex flex-col",
-          o
-        ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: c ?? !1, children: /* @__PURE__ */ n(
-          as,
-          {
-            channel: e,
-            MessageSystem: Ua,
-            EmptyStateIndicator: d,
-            LoadingIndicator: Me,
-            DateSeparator: Xs,
-            TypingIndicator: Ga,
-            doSendMessageRequest: R,
-            ...F ? { SendButton: F } : {},
-            children: /* @__PURE__ */ n(
-              Xa,
-              {
-                onBack: t,
-                showBackButton: s,
-                renderMessageInputActions: a,
-                renderConversationFooter: r,
-                onLeaveConversation: i,
-                onBlockParticipant: l,
-                CustomChannelEmptyState: d,
-                showDeleteConversation: h,
-                onDeleteConversationClick: g,
-                onBlockParticipantClick: u,
-                onReportParticipantClick: f,
-                showStarButton: v,
-                dmAgentEnabled: c,
-                chatbotVotingEnabled: N,
-                renderChannelBanner: w,
-                customProfileContent: C,
-                customChannelActions: k,
-                renderMessage: E,
-                viewerLanguage: T,
-                getParticipantDisplayName: A
-              }
-            )
-          }
-        ) })
-      }
-    );
-  }
-);
-dn.displayName = "ChannelView";
-const Za = ({ className: e }) => /* @__PURE__ */ m(
-  "svg",
-  {
-    width: "140",
-    height: "120",
-    viewBox: "44 -2 144 126",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: e,
-    children: [
-      /* @__PURE__ */ m("g", { clipPath: "url(#clip0_empty_state)", children: [
-        /* @__PURE__ */ n(
-          "path",
-          {
-            d: "M123.68 82.1932C123.383 103.675 105.839 121 84.2417 121C77.4724 121 71.0986 119.297 65.5327 116.299L52.5873 119.687L53.8036 106.673C48.1776 99.8701 44.7994 91.1453 44.7994 81.6356C44.7994 59.8965 62.4554 42.2754 84.2374 42.2754C89.1328 42.2754 93.8175 43.1633 98.1413 44.789",
-            fill: "#D7D4CE"
-          }
-        ),
-        /* @__PURE__ */ n(
-          "path",
-          {
-            d: "M84.2458 86.0364C82.2851 86.0364 80.6957 84.4501 80.6957 82.4933C80.6957 80.5365 82.2851 78.9502 84.2458 78.9502C86.2065 78.9502 87.7959 80.5365 87.7959 82.4933C87.7959 84.4501 86.2065 86.0364 84.2458 86.0364Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ n(
-          "path",
-          {
-            d: "M68.3044 86.0364C66.3437 86.0364 64.7543 84.4501 64.7543 82.4933C64.7543 80.5365 66.3437 78.9502 68.3044 78.9502C70.2651 78.9502 71.8545 80.5365 71.8545 82.4933C71.8545 84.4501 70.2651 86.0364 68.3044 86.0364Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ n(
-          "path",
-          {
-            d: "M100.183 86.0364C98.2226 86.0364 96.6332 84.4501 96.6332 82.4933C96.6332 80.5365 98.2226 78.9502 100.183 78.9502C102.144 78.9502 103.733 80.5365 103.733 82.4933C103.733 84.4501 102.144 86.0364 100.183 86.0364Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ m("g", { filter: "url(#filter0_empty_state)", children: [
-          /* @__PURE__ */ n(
-            "path",
-            {
-              d: "M171.522 68.7154C177.443 61.4539 181 52.1488 181 42C181 18.8027 162.421 0 139.5 0C116.579 0 98 18.8027 98 42C98 65.1973 116.579 84 139.5 84C146.622 84 153.328 82.1857 159.184 78.9829L172.801 82.5993L171.522 68.7154Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ n(
-            "path",
-            {
-              d: "M171.522 68.7154C177.443 61.4539 181 52.1488 181 42C181 18.8027 162.421 0 139.5 0C116.579 0 98 18.8027 98 42C98 65.1973 116.579 84 139.5 84C146.622 84 153.328 82.1857 159.184 78.9829L172.801 82.5993L171.522 68.7154Z",
-              stroke: "#D7D4CE",
-              strokeWidth: "2",
-              strokeMiterlimit: "10"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ n(
-          "path",
-          {
-            d: "M139.502 45.5431C137.541 45.5431 135.952 43.9568 135.952 42C135.952 40.0432 137.541 38.4569 139.502 38.4569C141.462 38.4569 143.052 40.0432 143.052 42C143.052 43.9568 141.462 45.5431 139.502 45.5431Z",
-            fill: "#D7D4CE"
-          }
-        ),
-        /* @__PURE__ */ n(
-          "path",
-          {
-            d: "M123.561 45.5431C121.601 45.5431 120.011 43.9568 120.011 42C120.011 40.0432 121.601 38.4569 123.561 38.4569C125.522 38.4569 127.111 40.0432 127.111 42C127.111 43.9568 125.522 45.5431 123.561 45.5431Z",
-            fill: "#D7D4CE"
-          }
-        ),
-        /* @__PURE__ */ n(
-          "path",
-          {
-            d: "M155.439 45.5431C153.478 45.5431 151.889 43.9568 151.889 42C151.889 40.0432 153.478 38.4569 155.439 38.4569C157.4 38.4569 158.989 40.0432 158.989 42C158.989 43.9568 157.4 45.5431 155.439 45.5431Z",
-            fill: "#D7D4CE"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ m("defs", { children: [
-        /* @__PURE__ */ m(
-          "filter",
-          {
-            id: "filter0_empty_state",
-            x: "97",
-            y: "-1",
-            width: "89",
-            height: "90",
-            filterUnits: "userSpaceOnUse",
-            colorInterpolationFilters: "sRGB",
-            children: [
-              /* @__PURE__ */ n("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ n(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  type: "matrix",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                  result: "hardAlpha"
-                }
-              ),
-              /* @__PURE__ */ n("feOffset", { dx: "4", dy: "4" }),
-              /* @__PURE__ */ n("feComposite", { in2: "hardAlpha", operator: "out" }),
-              /* @__PURE__ */ n(
-                "feColorMatrix",
-                {
-                  type: "matrix",
-                  values: "0 0 0 0 0.8428 0 0 0 0 0.830064 0 0 0 0 0.8095 0 0 0 1 0"
-                }
-              ),
-              /* @__PURE__ */ n(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow"
-                }
-              ),
-              /* @__PURE__ */ n(
-                "feBlend",
-                {
-                  mode: "normal",
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n("clipPath", { id: "clip0_empty_state", children: /* @__PURE__ */ n("rect", { width: "233", height: "233", fill: "white" }) })
-      ] })
-    ]
-  }
-), un = P.memo(
-  ({ hasChannels: e, channelsLoaded: t }) => /* @__PURE__ */ n("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ n(Za, {}),
-    t && !e && /* @__PURE__ */ m("div", { className: "mt-8", children: [
-      /* @__PURE__ */ n("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
-      /* @__PURE__ */ n("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
-    ] })
-  ] }) })
-);
-un.displayName = "EmptyState";
-const Se = P.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
-  /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
-  /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
-  /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
-  t && /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: t,
-      className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-[#7f22fe] hover:bg-primary-alt rounded-lg transition-colors focus-ring",
-      children: "Go Back"
-    }
-  )
-] }) }));
-Se.displayName = "ErrorState";
-const bi = ({
-  capabilities: e = {},
-  className: t,
-  renderMessageInputActions: s,
-  renderConversationFooter: a,
-  onChannelSelect: r,
-  initialParticipantFilter: i,
-  initialParticipantData: l,
-  CustomChannelEmptyState: o,
-  showChannelList: d = !0,
-  filters: h,
-  channelRenderFilterFn: g,
-  channelListCustomEmptyStateIndicator: u,
-  onDeleteConversationClick: f,
-  onBlockParticipantClick: c,
-  onReportParticipantClick: b,
-  dmAgentEnabled: x,
-  messageMetadata: v,
-  onMessageSent: N,
-  showStarButton: w = !1,
-  chatbotVotingEnabled: C = !1,
-  viewerLanguage: k,
-  renderMessagePreview: E,
-  renderChannelBanner: F,
-  customProfileContent: T,
-  customChannelActions: M,
-  renderMessage: A,
-  sendButton: R
-}) => {
-  const {
-    service: I,
-    client: D,
-    isConnected: j,
-    isLoading: q,
-    error: Y,
-    refreshConnection: H,
-    debug: L
-  } = Ts(), [V, G] = O(null), [S, z] = O(!1), [p, _] = O(!1), [B, X] = O(!1), [K, ee] = O(null), { showDeleteConversation: _e = !0 } = e, Ce = P.useMemo(() => {
-    const $ = D == null ? void 0 : D.userID;
-    return {
-      ...{
-        type: "messaging",
-        last_message_at: { $exists: !0 },
-        ...$ && {
-          members: { $in: [$] },
-          hidden: !1
-        }
-      },
-      ...h
-    };
-  }, [h, D == null ? void 0 : D.userID]), ce = Z(null), te = U(async () => {
-    if (!D || !j) return;
-    const $ = D.userID;
-    if ($)
-      try {
-        L && console.log("[MessagingShell] Syncing channels for user:", $);
-        const J = await D.queryChannels(
-          {
-            type: "messaging",
-            members: { $in: [$] }
-          },
-          {},
-          { limit: 100 }
-        );
-        z(J.length > 0), _(!0), ce.current = $, L && console.log("[MessagingShell] Channels synced successfully:", {
-          channelCount: J.length
-        });
-      } catch (J) {
-        console.error("[MessagingShell] Failed to sync channels:", J);
-      }
-  }, [D, j, L]);
-  W(() => {
-    if (!D || !j) return;
-    const $ = D.userID;
-    $ && ce.current !== $ && te();
-  }, [D, j, te]), W(() => {
-    if (!i || !D || !j) return;
-    (async () => {
-      const J = D.userID;
-      if (J)
-        try {
-          L && console.log(
-            "[MessagingShell] Loading initial conversation with:",
-            i
-          );
-          const Q = await D.queryChannels(
-            {
-              type: "messaging",
-              members: { $eq: [J, i] }
-            },
-            {},
-            { limit: 1 }
-          );
-          if (Q.length > 0)
-            G(Q[0]), X(!0), ee(null), r && r(Q[0]), L && console.log(
-              "[MessagingShell] Initial conversation loaded:",
-              Q[0].id
-            );
-          else if (l && I) {
-            L && console.log(
-              "[MessagingShell] No conversation found, creating one for:",
-              l
-            );
-            try {
-              const ae = await I.startChannelWithParticipant({
-                id: l.id,
-                name: l.name,
-                phone: l.phone
-              });
-              G(ae), X(!0), ee(null), r && r(ae), L && console.log(
-                "[MessagingShell] Channel created and loaded:",
-                ae.id
-              );
-            } catch (ae) {
-              console.error(
-                "[MessagingShell] Failed to create conversation:",
-                ae
-              ), ee("Failed to create conversation");
-            }
-          } else
-            ee(
-              "No conversation found with this account"
-            ), L && console.log(
-              "[MessagingShell] No conversation found for:",
-              i
-            );
-        } catch (Q) {
-          console.error(
-            "[MessagingShell] Failed to load initial conversation:",
-            Q
-          ), ee("Failed to load conversation");
-        }
-    })();
-  }, [
-    i,
-    l,
-    D,
-    j,
-    I,
-    L,
-    r
-  ]);
-  const se = U(
-    ($) => {
-      G($), r == null || r($);
-    },
-    [r]
-  ), de = U(() => {
-    B || G(null);
-  }, [B]), Le = U(
-    async ($) => {
-      L && console.log("[MessagingShell] Leaving conversation:", $.id), G(null), X(!1), ce.current = null, await te();
-    },
-    [te, L]
-  ), ke = U(
-    async ($) => {
-      L && console.log("[MessagingShell] Blocking participant:", $), G(null), X(!1), ce.current = null, await te();
-    },
-    [te, L]
-  ), me = !!V;
-  return q ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Me, {}) }) : Y ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Se, { message: Y, onBack: H }) }) : !j || !D ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(
-    Se,
-    {
-      message: "Not connected to messaging service",
-      onBack: H
-    }
-  ) }) : K ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Se, { message: K }) }) : /* @__PURE__ */ n(
-    "div",
-    {
-      className: y(
-        "messaging-shell h-full bg-background-primary overflow-hidden",
-        t
-      ),
-      children: /* @__PURE__ */ m("div", { className: "flex h-full min-h-0", children: [
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: y(
-              "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
-              {
-                "!hidden": d === !1 || B,
-                // 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 && !B && me,
-                // 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 && !B && !me
-              }
-            ),
-            children: /* @__PURE__ */ n(
-              Kt,
-              {
-                onChannelSelect: se,
-                selectedChannel: V || void 0,
-                filters: Ce,
-                channelRenderFilterFn: g,
-                customEmptyStateIndicator: u,
-                renderMessagePreview: E,
-                viewerLanguage: k
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: y(
-              "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: B || me || i,
-                // Normal mode: hide on mobile when no channel selected
-                "hidden lg:flex": !B && !me && !i
-              }
-            ),
-            children: V ? /* @__PURE__ */ n("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ n(
-              dn,
-              {
-                channel: V,
-                onBack: de,
-                showBackButton: !B,
-                renderMessageInputActions: s,
-                renderConversationFooter: a,
-                renderChannelBanner: F,
-                onLeaveConversation: Le,
-                onBlockParticipant: ke,
-                CustomChannelEmptyState: o,
-                showDeleteConversation: _e,
-                onDeleteConversationClick: f,
-                onBlockParticipantClick: c,
-                onReportParticipantClick: b,
-                dmAgentEnabled: x,
-                messageMetadata: v,
-                onMessageSent: N,
-                showStarButton: w,
-                chatbotVotingEnabled: C,
-                viewerLanguage: k,
-                customProfileContent: T,
-                customChannelActions: M,
-                renderMessage: A,
-                sendButton: R
-              },
-              V.id
-            ) }) : i ? (
-              // Show loading while creating/loading direct conversation channel
-              /* @__PURE__ */ n(Me, {})
-            ) : /* @__PURE__ */ n(
-              un,
-              {
-                hasChannels: S,
-                channelsLoaded: p
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-}, Ka = /^([a-z][a-z0-9+.-]*):/i, Ja = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function mn(e) {
-  if (typeof e != "string") return;
-  const t = e.trim();
-  if (t === "") return;
-  const s = Ka.exec(t);
-  if (s) {
-    const a = s[1].toLowerCase();
-    return Ja.has(a) ? t : void 0;
-  }
-  return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
-}
-const Qa = {
-  dark: "bg-white text-[#121110] hover:bg-white/90",
-  light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, er = ({ variant: e, cta: t }) => {
-  const s = y(
-    "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Qa[e]
-  ), a = mn(t.href);
-  return a ? /* @__PURE__ */ n(
-    "a",
-    {
-      href: a,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      onClick: (r) => {
-        var i;
-        r.stopPropagation(), (i = t.onClick) == null || i.call(t);
-      },
-      className: `${s} no-underline`,
-      children: t.label
-    }
-  ) : /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: (r) => {
-        var i;
-        r.stopPropagation(), (i = t.onClick) == null || i.call(t);
-      },
-      className: s,
-      children: t.label
-    }
-  );
-}, tr = {
-  dark: "text-white",
-  light: "text-black/90"
-}, nr = "text-white/30", sr = {
-  dark: "text-white/55",
-  light: "text-black/55"
-}, rt = ({
-  variant: e,
-  title: t,
-  placeholderTitle: s,
-  description: a,
-  url: r,
-  appIcon: i,
-  cta: l,
-  trailingAction: o
-}) => {
-  const d = e === "dark", h = t ?? (d ? s : void 0) ?? "", g = h.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
-  if (!g && !u && !c && !b) return null;
-  const v = y(
-    "truncate text-base font-medium leading-6",
-    d && !t ? nr : tr[e]
-  ), N = y(
-    "truncate text-xs leading-4",
-    sr[e]
-  );
-  return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
-    /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
-      /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-        /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-col gap-1", children: [
-          g && /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2", children: [
-            i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: y("min-w-0", v), children: h })
-          ] }),
-          u && /* @__PURE__ */ n("p", { className: N, children: a })
-        ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: N, children: f })
-      ] }),
-      o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
-    ] }),
-    l && /* @__PURE__ */ n(er, { variant: e, cta: l })
-  ] });
-}, ar = y(
-  "relative block w-[280px] select-none overflow-hidden rounded-md",
-  // 1px hairline border that sits flush with the card chrome — matches
-  // the messaging design system's "small border around link attachments"
-  // treatment from the mobile spec. The drop shadow remains for depth.
-  "border border-black/[0.08]",
-  "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Ae = ({
-  variant: e,
-  children: t,
-  href: s,
-  onClick: a,
-  ariaLabel: r,
-  rootRef: i,
-  topRight: l,
-  bgClassName: o,
-  "data-testid": d
-}) => {
-  const h = s != null || a != null, g = y(
-    ar,
-    o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
-    // `focus-ring` is a design-system utility from the component-library
-    // tailwind preset — outline-none + a black 2px focus-visible ring
-    // with offset, so keyboard users can see the focused card.
-    h ? "cursor-pointer no-underline focus-ring" : null
-  ), u = l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
-  return s ? /* @__PURE__ */ m(
-    "a",
-    {
-      ref: i,
-      href: s,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      onClick: a,
-      "data-testid": d,
-      className: g,
-      children: [
-        t,
-        u
-      ]
-    }
-  ) : a ? /* @__PURE__ */ m(
-    "button",
-    {
-      ref: i,
-      type: "button",
-      onClick: a,
-      "aria-label": r,
-      "data-testid": d,
-      className: y(g, "text-left"),
-      children: [
-        t,
-        u
-      ]
-    }
-  ) : /* @__PURE__ */ m(
-    "div",
-    {
-      ref: i,
-      "data-testid": d,
-      className: g,
-      children: [
-        t,
-        u
-      ]
-    }
-  );
-}, rr = {
-  dark: "bg-white/10",
-  light: "bg-black/5"
-}, ir = {
-  dark: "size-16 text-white/25",
-  light: "size-16 text-black/25"
-}, Re = (e, t) => !!t && !!e && le(e) === "audio", or = (e, t) => {
-  if (!t || !e) return !1;
-  const s = le(e);
-  return s === "video" || s === "audio";
-}, it = "bg-[#F2F3F4]", De = ({
-  variant: e,
-  thumbnailUrl: t,
-  sourceUrl: s,
-  title: a,
-  mimeType: r = "image/*",
-  topLeft: i,
-  topRight: l
-}) => {
-  const o = le(r), d = !!s && o === "video";
-  return Re(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
-    "audio",
-    {
-      src: s,
-      controls: !0,
-      preload: "metadata",
-      className: "block w-full",
-      children: /* @__PURE__ */ n("track", { kind: "captions" })
-    }
-  ) }) : /* @__PURE__ */ m(
-    "div",
-    {
-      className: y(
-        "relative h-[180px] w-full overflow-hidden",
-        d && "bg-black"
-      ),
-      children: [
-        d ? /* @__PURE__ */ n(
-          "video",
-          {
-            src: s,
-            poster: t,
-            controls: !0,
-            playsInline: !0,
-            preload: "metadata",
-            className: "absolute inset-0 h-full w-full object-contain",
-            children: /* @__PURE__ */ n("track", { kind: "captions" })
-          }
-        ) : t ? /* @__PURE__ */ n(
-          "img",
-          {
-            src: t,
-            alt: a ?? "",
-            draggable: !1,
-            className: "absolute inset-0 h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ n(
-          "div",
-          {
-            className: y(
-              "flex h-full w-full items-center justify-center",
-              rr[e]
-            ),
-            children: fe(r, {
-              className: ir[e],
-              weight: "regular"
-            })
-          }
-        ),
-        i ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute left-3 top-3 z-10", children: i }) : null,
-        l ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null
-      ]
-    }
-  );
-}, lr = ({
-  title: e,
-  placeholderTitle: t,
-  description: s,
-  url: a,
-  mimeType: r,
-  thumbnailUrl: i,
-  sourceUrl: l,
-  layout: o = "featured",
-  appIcon: d,
-  cta: h,
-  onDismiss: g,
-  onEditClick: u
-}) => {
-  const f = o === "classic", c = Re(r, l), b = g ? /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: g,
-      "aria-label": "Dismiss attachment",
-      className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(ve, { className: "size-3", weight: "bold" })
-    }
-  ) : void 0, x = u ? /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: u,
-      "aria-label": "Edit attachment",
-      className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Is, { className: "size-5", weight: "regular" })
-    }
-  ) : void 0;
-  return c ? /* @__PURE__ */ n(Ae, { variant: "dark", bgClassName: it, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
-    /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      De,
-      {
-        variant: "dark",
-        sourceUrl: l,
-        title: e,
-        mimeType: r
-      }
-    ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
-  ] }) }) : /* @__PURE__ */ m(
-    Ae,
-    {
-      variant: "dark",
-      topRight: f ? b : void 0,
-      children: [
-        !f && /* @__PURE__ */ n(
-          De,
-          {
-            variant: "dark",
-            thumbnailUrl: i,
-            sourceUrl: l,
-            title: e,
-            mimeType: r,
-            topRight: b
-          }
-        ),
-        /* @__PURE__ */ n(
-          rt,
-          {
-            variant: "dark",
-            title: e,
-            placeholderTitle: t,
-            description: s,
-            url: a,
-            appIcon: d,
-            cta: h,
-            trailingAction: x
-          }
-        )
-      ]
-    }
-  );
-}, cr = ({
-  title: e,
-  description: t,
-  url: s,
-  mimeType: a,
-  thumbnailUrl: r,
-  sourceUrl: i,
-  layout: l = "featured",
-  appIcon: o,
-  cta: d,
-  onClick: h
-}) => {
-  const g = or(a, i), u = mn(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? h : void 0, b = Re(a, i) ? it : void 0, x = d && h ? {
-    ...d,
-    onClick: () => {
-      var v;
-      h(), (v = d.onClick) == null || v.call(d);
-    }
-  } : d;
-  return /* @__PURE__ */ m(
-    Ae,
-    {
-      variant: "light",
-      href: f,
-      onClick: c,
-      ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
-      "data-testid": "link-attachment",
-      children: [
-        l === "featured" && /* @__PURE__ */ n(
-          De,
-          {
-            variant: "light",
-            thumbnailUrl: r,
-            sourceUrl: i,
-            title: e,
-            mimeType: a
-          }
-        ),
-        /* @__PURE__ */ n(
-          rt,
-          {
-            variant: "light",
-            title: e,
-            description: t,
-            url: s,
-            appIcon: o,
-            cta: x
-          }
-        )
-      ]
-    }
-  );
-}, dr = ({
-  title: e,
-  placeholderTitle: t,
-  description: s,
-  url: a,
-  mimeType: r,
-  thumbnailUrl: i,
-  sourceUrl: l,
-  layout: o = "featured",
-  appIcon: d,
-  cta: h
-}) => /* @__PURE__ */ m(
-  Ae,
-  {
-    variant: "dark",
-    bgClassName: Re(r, l) ? it : void 0,
-    children: [
-      o === "featured" && /* @__PURE__ */ n(
-        De,
-        {
-          variant: "dark",
-          thumbnailUrl: i,
-          sourceUrl: l,
-          title: e,
-          mimeType: r
-        }
-      ),
-      /* @__PURE__ */ n(
-        rt,
-        {
-          variant: "dark",
-          title: e,
-          placeholderTitle: t,
-          description: s,
-          url: a,
-          appIcon: d,
-          cta: h
-        }
-      )
-    ]
-  }
-), pi = {
-  Composer: lr,
-  Sent: dr,
-  Received: cr
-}, ur = {
-  dark: "bg-[#121110]",
-  light: "bg-[#e9eaed]"
-}, mr = {
-  dark: "text-white",
-  light: "text-[#080707]"
-}, hr = {
-  dark: "border-white/[0.08]",
-  light: "border-black/[0.08]"
-}, fr = (e) => e === "dark" ? "sender" : "receiver", gr = {
-  sender: {
-    single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
-    first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
-    middle: "rounded-tl-[18px] rounded-tr-[4px] rounded-bl-[18px] rounded-br-[4px]",
-    end: "rounded-tl-[18px] rounded-tr-[4px] rounded-bl-[18px] rounded-br-[18px]"
-  },
-  receiver: {
-    single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
-    first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
-    middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
-    end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
-  }
-}, xe = ({
-  variant: e,
-  text: t,
-  bordered: s = !0,
-  groupPosition: a = "single",
-  className: r,
-  children: i,
-  "data-testid": l
-}) => {
-  const o = t != null && t !== "", d = gr[fr(e)][a];
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      "data-testid": l,
-      "data-group-position": a,
-      className: y(
-        // 280px-wide bubble — matches the mobile chat attachment width
-        // and keeps the document / image / audio bubbles visually
-        // consistent inside the conversation timeline. The 8px / 16px
-        // inset matches `--str-chat__spacing-2 --str-chat__spacing-4`
-        // so attachments share the same hit / negative-space rhythm
-        // as the surrounding `CustomMessage` text bubbles.
-        "relative w-[280px] overflow-hidden px-2 py-2",
-        d,
-        ur[e],
-        mr[e],
-        s && "border",
-        s && hr[e],
-        r
-      ),
-      children: [
-        i,
-        o ? /* @__PURE__ */ n(
-          "p",
-          {
-            className: y(
-              // No `text-*` / `font-*` overrides here — caption inherits
-              // the same font family + size as `.str-chat__message-text`
-              // so it matches the surrounding `CustomMessage` bubbles.
-              "whitespace-pre-wrap break-words leading-snug",
-              // Top gutter only — bubble's `py-2` already supplies the
-              // bottom inset, and the children above already render
-              // flush against their own bottom edge.
-              "pt-2",
-              "px-2"
-            ),
-            children: t
-          }
-        ) : null
-      ]
-    }
-  );
-}, we = ({
-  onClick: e,
-  variant: t = "overlay",
-  ariaLabel: s = "Dismiss attachment"
-}) => /* @__PURE__ */ n(
-  "button",
-  {
-    type: "button",
-    onClick: (a) => {
-      a.stopPropagation(), e();
-    },
-    "aria-label": s,
-    className: y(
-      "flex size-6 items-center justify-center rounded-full text-white",
-      t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
-    ),
-    children: /* @__PURE__ */ n(ve, { className: "size-3", weight: "bold" })
-  }
-), Ne = (e) => e === "received" ? "light" : "dark", vi = ({
-  firstOfGroup: e,
-  endOfGroup: t,
-  groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", br = ({
-  src: e,
-  mimeType: t,
-  filename: s,
-  items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], pr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ n(
-    "audio",
-    {
-      src: e.src,
-      controls: !0,
-      preload: e.preload ?? t,
-      className: "block min-w-0 flex-1",
-      children: e.mimeType ? /* @__PURE__ */ n("source", { src: e.src, type: e.mimeType }) : null
-    }
-  ),
-  s ?? null
-] }), ot = ({
-  state: e,
-  src: t,
-  mimeType: s,
-  filename: a,
-  items: r,
-  text: i,
-  groupPosition: l,
-  preload: o,
-  onDismiss: d
-}) => {
-  const h = Ne(e), g = e === "composer" && !!d, u = br({ src: t, mimeType: s, filename: a, items: r });
-  if (u.length === 0)
-    return null;
-  const f = o ?? (u.length > 1 ? "none" : "metadata");
-  return /* @__PURE__ */ n(
-    xe,
-    {
-      variant: h,
-      text: i,
-      groupPosition: l,
-      "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
-        pr,
-        {
-          item: c,
-          preload: f,
-          trailingAction: (
-            // Composer only supports a single attachment, so the
-            // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(we, { onClick: d, variant: "inline" }) : void 0
-          )
-        },
-        `${c.src}-${b}`
-      )) })
-    }
-  );
-}, vr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), xr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), wr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Nr = {
-  Composer: vr,
-  Sent: xr,
-  Received: wr
-};
-function yr(e) {
-  return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
-}
-const _r = {
-  pdf: "PDF",
-  doc: "DOC",
-  xls: "XLS",
-  csv: "CSV",
-  ppt: "PPT",
-  zip: "ZIP",
-  text: "TXT",
-  markdown: "MD"
-};
-function Cr(e, t) {
-  if (t) {
-    const r = t.lastIndexOf(".");
-    if (r > 0 && r < t.length - 1) {
-      const i = t.slice(r + 1);
-      if (i && i.length <= 5) return i.toUpperCase();
-    }
-  }
-  if (!e) return;
-  if (le(e) === "document") {
-    const r = en(e), i = _r[r];
-    if (i) return i;
-    if (e === "application/octet-stream") return;
-  }
-  const a = e.split("/")[1];
-  if (!(!a || a === "*"))
-    return a.toUpperCase();
-}
-function kr(e, t, s) {
-  const a = Cr(e, t), r = typeof s == "number" && s > 0 ? yr(s) : void 0;
-  return [a, r].filter(Boolean).join(" · ") || void 0;
-}
-function ne(e) {
-  try {
-    const s = new URL(e).pathname.split("/").pop();
-    return s && s.length > 0 ? decodeURIComponent(s) : "download";
-  } catch {
-    return "download";
-  }
-}
-const Er = {
-  dark: "text-white/55",
-  light: "text-black/65"
-}, Ir = {
-  dark: "bg-white/10",
-  light: "bg-black/5"
-}, Sr = {
-  dark: "text-white/85",
-  light: "text-black/85"
-}, hn = ({
-  variant: e,
-  filename: t,
-  title: s,
-  mimeType: a = "application/octet-stream",
-  fileSize: r,
-  onActivate: i,
-  activateLabel: l,
-  trailingAction: o
-}) => {
-  const d = s ?? t ?? "File", h = kr(a, t, r), g = /* @__PURE__ */ n(
-    "div",
-    {
-      className: y(
-        "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Ir[e]
-      ),
-      "aria-hidden": !0,
-      children: fe(a, {
-        className: y("size-6", Sr[e]),
-        weight: "regular"
-      })
-    }
-  ), u = /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
-    /* @__PURE__ */ n("p", { className: "truncate font-medium leading-snug", children: d }),
-    h ? /* @__PURE__ */ n(
-      "p",
-      {
-        className: y(
-          "truncate text-xs leading-4",
-          Er[e]
-        ),
-        children: h
-      }
-    ) : null
-  ] }), f = i ? /* @__PURE__ */ m(
-    "button",
-    {
-      type: "button",
-      onClick: i,
-      "aria-label": l,
-      className: y(
-        "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
-        e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
-      ),
-      children: [
-        g,
-        u
-      ]
-    }
-  ) : /* @__PURE__ */ m(ie, { children: [
-    g,
-    u
-  ] });
-  return /* @__PURE__ */ m("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-    f,
-    o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
-  ] });
-};
-async function fn(e, t) {
-  const s = t ?? ne(e);
-  try {
-    const a = await fetch(e, { mode: "cors" });
-    if (!a.ok) throw new Error(`HTTP ${a.status}`);
-    const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
-    l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
-  } catch {
-    if (!window.open(e, "_blank", "noopener,noreferrer")) {
-      const r = document.createElement("a");
-      r.href = e, r.download = s, r.target = "_blank", r.rel = "noopener noreferrer", r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r);
-    }
-  }
-}
-const Tr = ({
-  src: e,
-  filename: t,
-  fileSize: s,
-  mimeType: a,
-  title: r,
-  items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Mr = ({
-  variant: e,
-  item: t,
-  index: s,
-  onActivate: a,
-  trailingAction: r
-}) => {
-  const i = t.filename ?? ne(t.src);
-  return /* @__PURE__ */ n(
-    hn,
-    {
-      variant: e,
-      filename: i,
-      title: t.title,
-      mimeType: t.mimeType ?? "application/octet-stream",
-      fileSize: t.fileSize,
-      onActivate: () => a(s),
-      activateLabel: `Download ${i}`,
-      trailingAction: r
-    }
-  );
-}, lt = ({
-  state: e,
-  src: t,
-  filename: s,
-  fileSize: a,
-  mimeType: r,
-  title: i,
-  items: l,
-  text: o,
-  groupPosition: d,
-  onClick: h,
-  onDismiss: g
-}) => {
-  const u = Ne(e), f = e === "composer" && !!g, c = Tr({
-    src: t,
-    filename: s,
-    fileSize: a,
-    mimeType: r,
-    title: i,
-    items: l
-  }), b = (v) => {
-    if ((h == null ? void 0 : h(v)) === !1) return;
-    const N = c[v];
-    if (!N) return;
-    const w = N.filename ?? ne(N.src);
-    fn(N.src, w);
-  };
-  if (c.length === 0)
-    return null;
-  const x = /* @__PURE__ */ n(
-    "span",
-    {
-      className: y(
-        "flex size-8 items-center justify-center rounded-full",
-        u === "dark" ? "text-white/70" : "text-black/70"
-      ),
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ n(pe, { className: "size-5", weight: "bold" })
-    }
-  );
-  return /* @__PURE__ */ n(
-    xe,
-    {
-      variant: u,
-      text: o,
-      groupPosition: d,
-      "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
-        Mr,
-        {
-          variant: u,
-          item: v,
-          index: N,
-          onActivate: b,
-          trailingAction: f && N === 0 ? /* @__PURE__ */ n(we, { onClick: g, variant: "inline" }) : x
-        },
-        `${v.src}-${N}`
-      )) })
-    }
-  );
-}, Ar = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Dr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Rr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Lr = {
-  Composer: Ar,
-  Sent: Dr,
-  Received: Rr
-}, ct = ({
-  onPrev: e,
-  onNext: t,
-  prevLabel: s = "Previous",
-  nextLabel: a = "Next"
-}) => /* @__PURE__ */ m(ie, { children: [
-  /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: e,
-      "aria-label": s,
-      className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ss, { size: 20, weight: "bold", "aria-hidden": !0 })
-    }
-  ),
-  /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: t,
-      "aria-label": a,
-      className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(He, { size: 20, weight: "bold", "aria-hidden": !0 })
-    }
-  )
-] }), gn = ({
-  url: e,
-  filename: t,
-  variant: s = "pill",
-  label: a = "Download",
-  iconOnly: r,
-  tone: i = "dark",
-  onTriggered: l
-}) => {
-  const [o, d] = O(!1), h = U(
-    (c) => {
-      c.stopPropagation(), !o && (d(!0), fn(e, t).catch(() => {
-      }).finally(() => {
-        d(!1), l == null || l();
-      }));
-    },
-    [o, e, t, l]
-  ), g = r ?? s !== "pill", f = { className: y(
-    s === "pill" ? "size-4" : "size-5",
-    "shrink-0"
-  ), weight: "bold" };
-  return s === "inline" ? /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: h,
-      disabled: o,
-      "aria-label": a,
-      className: y(
-        "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
-        {
-          dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
-          light: "text-black/70 hover:bg-black/[0.08] hover:text-black"
-        }[i]
-      ),
-      children: o ? /* @__PURE__ */ n(
-        be,
-        {
-          className: "size-4 animate-spin",
-          weight: "bold",
-          "aria-hidden": !0
-        }
-      ) : /* @__PURE__ */ n(
-        pe,
-        {
-          className: "size-5 shrink-0",
-          weight: "bold",
-          "aria-hidden": !0
-        }
-      )
-    }
-  ) : s === "viewer" ? /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      onClick: h,
-      disabled: o,
-      "aria-label": a,
-      className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(pe, { size: 20, weight: "bold", "aria-hidden": !0 })
-    }
-  ) : /* @__PURE__ */ m(
-    "button",
-    {
-      type: "button",
-      onClick: h,
-      disabled: o,
-      "aria-label": g ? a : void 0,
-      className: y(
-        "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
-        i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
-      ),
-      children: [
-        o ? /* @__PURE__ */ n(
-          be,
-          {
-            className: "size-4 animate-spin",
-            weight: "bold",
-            "aria-hidden": !0
-          }
-        ) : /* @__PURE__ */ n(pe, { ...f, "aria-hidden": !0 }),
-        g ? null : a
-      ]
-    }
-  );
-}, je = (e, t, s) => Math.min(Math.max(e, t), s), dt = ({
-  length: e,
-  initialIndex: t,
-  open: s
-}) => {
-  const a = je(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
-  W(() => {
-    s && i(je(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), W(() => {
-    i((d) => je(d, 0, Math.max(e - 1, 0)));
-  }, [e]);
-  const l = U(() => {
-    e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = U(() => {
-    e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
-  }, [e]);
-  return W(() => {
-    if (!s || e <= 1) return;
-    const d = (h) => {
-      if (h.key !== "ArrowLeft" && h.key !== "ArrowRight") return;
-      const g = document.activeElement;
-      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (h.preventDefault(), h.key === "ArrowLeft" ? l() : o());
-    };
-    return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [s, e, l, o]), { index: r, prev: l, next: o };
-}, ut = ({
-  open: e,
-  onClose: t,
-  ariaLabel: s,
-  counter: a,
-  actions: r,
-  children: i,
-  "data-testid": l
-}) => {
-  const o = Z(null), d = Z(null);
-  return W(() => {
-    var f;
-    const u = o.current;
-    if (u) {
-      if (e) {
-        if (!u.open)
-          if (typeof u.showModal == "function")
-            try {
-              u.showModal();
-            } catch {
-              u.setAttribute("open", "");
-            }
-          else
-            u.setAttribute("open", "");
-        const c = typeof document < "u" ? document.activeElement : null;
-        return (f = d.current) == null || f.focus(), () => {
-          if (u.open)
-            if (typeof u.close == "function")
-              try {
-                u.close();
-              } catch {
-                u.removeAttribute("open");
-              }
-            else
-              u.removeAttribute("open");
-          c && document.body.contains(c) && c.focus();
-        };
-      }
-      if (u.open)
-        if (typeof u.close == "function")
-          try {
-            u.close();
-          } catch {
-            u.removeAttribute("open");
-          }
-        else
-          u.removeAttribute("open");
-    }
-  }, [e]), // The native `<dialog>` element ships its own keyboard dismissal
-  // (Escape, handled by the platform and surfaced through `onClose`),
-  // so the `onClick` on the backdrop doesn't need a paired keyboard
-  // listener — that's the whole point of using `<dialog>`. The
-  // `jsx-a11y` rules below don't model `<dialog>` as interactive, so
-  // we silence them locally with the rationale captured here.
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-  /* @__PURE__ */ m(
-    "dialog",
-    {
-      ref: o,
-      className: "mes-media-viewer",
-      "aria-label": s ?? "Attachment viewer",
-      "data-testid": l,
-      onClose: () => {
-        t();
-      },
-      onClick: (u) => {
-        u.target === o.current && t();
-      },
-      children: [
-        /* @__PURE__ */ m("div", { className: "mes-media-viewer__chrome", children: [
-          a ? /* @__PURE__ */ n("span", { className: "mes-media-viewer__counter", children: a }) : null,
-          /* @__PURE__ */ m("div", { className: "mes-media-viewer__actions", children: [
-            r,
-            /* @__PURE__ */ n(
-              "button",
-              {
-                ref: d,
-                type: "button",
-                onClick: t,
-                "aria-label": "Close viewer",
-                className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "mes-media-viewer__body", children: i })
-      ]
-    }
-  );
-}, bn = ({
-  open: e,
-  items: t,
-  initialIndex: s = 0,
-  onClose: a
-}) => {
-  const { index: r, prev: i, next: l } = dt({
-    length: t.length,
-    initialIndex: s,
-    open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "image"),
-    [o]
-  );
-  return o ? /* @__PURE__ */ m(
-    ut,
-    {
-      open: e,
-      onClose: a,
-      ariaLabel: d,
-      counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
-      actions: /* @__PURE__ */ n(
-        gn,
-        {
-          url: o.src,
-          filename: d,
-          variant: "viewer",
-          label: `Download ${d}`
-        }
-      ),
-      "data-testid": "image-viewer",
-      children: [
-        /* @__PURE__ */ n(
-          "img",
-          {
-            src: o.src,
-            alt: o.alt ?? d,
-            draggable: !1,
-            loading: "eager",
-            decoding: "async",
-            className: "mes-media-viewer__image"
-          },
-          `${r}:${o.src}`
-        ),
-        t.length > 1 ? /* @__PURE__ */ n(
-          ct,
-          {
-            onPrev: i,
-            onNext: l,
-            prevLabel: "Previous image",
-            nextLabel: "Next image"
-          }
-        ) : null
-      ]
-    }
-  ) : null;
-}, Fr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", pn = ({
-  tiles: e,
-  onTileActivate: t,
-  maxVisible: s = 4,
-  className: a
-}) => {
-  const r = e.length;
-  if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, h, g) => {
-    const u = y(Fr, "h-full w-full");
-    return t ? /* @__PURE__ */ m(
-      "button",
-      {
-        type: "button",
-        onClick: () => t(h),
-        "aria-label": d.ariaLabel ?? `Open media ${h + 1}`,
-        className: y(u, "cursor-zoom-in"),
-        children: [
-          d.content,
-          g
-        ]
-      },
-      h
-    ) : /* @__PURE__ */ m("div", { className: u, children: [
-      d.content,
-      g
-    ] }, h);
-  };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
-    "div",
-    {
-      className: y(
-        "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
-        a
-      ),
-      children: i.map((d, h) => o(d, h))
-    }
-  ) : i.length === 3 ? /* @__PURE__ */ m(
-    "div",
-    {
-      className: y(
-        "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
-        a
-      ),
-      children: [
-        /* @__PURE__ */ n("div", { className: "row-span-2", children: o(i[0], 0) }),
-        o(i[1], 1),
-        o(i[2], 2)
-      ]
-    }
-  ) : /* @__PURE__ */ n(
-    "div",
-    {
-      className: y(
-        "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
-        a
-      ),
-      children: i.map((d, h) => {
-        const g = l > 0 && h === i.length - 1;
-        return o(
-          d,
-          h,
-          g ? /* @__PURE__ */ m("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
-            "+",
-            l
-          ] }) : null
-        );
-      })
-    }
-  );
-}, ye = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = U(
-    (o) => {
-      (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
-    },
-    [e]
-  ), l = U(() => s(!1), []);
-  return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, Or = (e, t, s, a) => ({
-  ariaLabel: `Open image ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(
-    "img",
-    {
-      src: e.src,
-      alt: e.alt ?? "",
-      width: e.width,
-      height: e.height,
-      draggable: !1,
-      loading: e.loading ?? a,
-      decoding: "async",
-      className: "absolute inset-0 size-full rounded-md object-cover"
-    }
-  )
-}), zr = ({
-  src: e,
-  alt: t,
-  items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], vn = (e, t) => e.map((s, a) => ({
-  src: s.src,
-  alt: s.alt,
-  filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Pr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: h } = ye(
-    r
-  );
-  return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
-    /* @__PURE__ */ n(
-      "button",
-      {
-        type: "button",
-        onClick: () => d(0),
-        "aria-label": "Open image",
-        className: "block size-[280px] cursor-zoom-in overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(
-          "img",
-          {
-            src: e,
-            alt: t ?? "",
-            draggable: !1,
-            loading: a,
-            decoding: "async",
-            className: "size-full object-cover"
-          }
-        )
-      }
-    ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: i }) }) : null,
-    /* @__PURE__ */ n(
-      bn,
-      {
-        open: l,
-        items: vn([{ src: e, alt: t }], s),
-        initialIndex: o,
-        onClose: h
-      }
-    )
-  ] });
-}, xn = ({
-  state: e,
-  src: t,
-  alt: s,
-  filename: a,
-  items: r,
-  text: i,
-  groupPosition: l,
-  loading: o = "lazy",
-  onClick: d
-}) => {
-  const h = zr({ src: t, alt: s, items: r }), g = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = ye(
-    d
-  );
-  if (h.length === 0)
-    return null;
-  const x = h.map(
-    (v, N) => Or(v, N, h.length, o)
-  );
-  return /* @__PURE__ */ m(
-    xe,
-    {
-      variant: g,
-      text: i,
-      groupPosition: l,
-      "data-testid": "image-attachment",
-      children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(pn, { tiles: x, onTileActivate: c }) }),
-        /* @__PURE__ */ n(
-          bn,
-          {
-            open: u,
-            items: vn(h, a),
-            initialIndex: f,
-            onClose: b
-          }
-        )
-      ]
-    }
-  );
-}, Br = (e) => /* @__PURE__ */ n(Pr, { ...e }), $r = (e) => /* @__PURE__ */ n(xn, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ n(xn, { ...e, state: "received" }), Ur = {
-  Composer: Br,
-  Sent: $r,
-  Received: jr
-}, Vr = ({
-  open: e,
-  items: t,
-  initialIndex: s = 0,
-  onClose: a
-}) => {
-  const { index: r, prev: i, next: l } = dt({
-    length: t.length,
-    initialIndex: s,
-    open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
-    [o]
-  ), h = re(
-    () => o ? Gr(o.src) : void 0,
-    [o]
-  );
-  return !o || !h ? null : /* @__PURE__ */ m(
-    ut,
-    {
-      open: e,
-      onClose: a,
-      ariaLabel: d,
-      counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
-      "data-testid": "pdf-viewer",
-      children: [
-        /* @__PURE__ */ n(
-          "iframe",
-          {
-            src: h,
-            title: d,
-            className: "mes-media-viewer__iframe",
-            sandbox: "allow-scripts allow-forms allow-popups allow-downloads"
-          },
-          `${r}:${o.src}`
-        ),
-        t.length > 1 ? /* @__PURE__ */ n(
-          ct,
-          {
-            onPrev: i,
-            onNext: l,
-            prevLabel: "Previous document",
-            nextLabel: "Next document"
-          }
-        ) : null
-      ]
-    }
-  );
-}, Gr = (e) => {
-  const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
-  return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Hr = ({
-  src: e,
-  filename: t,
-  fileSize: s,
-  title: a,
-  items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Yr = ({
-  variant: e,
-  item: t,
-  index: s,
-  onActivate: a,
-  trailingAction: r
-}) => {
-  const i = t.filename ?? ne(t.src);
-  return /* @__PURE__ */ n(
-    hn,
-    {
-      variant: e,
-      filename: i,
-      title: t.title,
-      mimeType: "application/pdf",
-      fileSize: t.fileSize,
-      onActivate: () => a(s),
-      activateLabel: `Open ${i}`,
-      trailingAction: r
-    }
-  );
-}, mt = ({
-  state: e,
-  src: t,
-  filename: s,
-  fileSize: a,
-  title: r,
-  items: i,
-  text: l,
-  groupPosition: o,
-  onClick: d,
-  onDismiss: h
-}) => {
-  const g = Ne(e), u = Hr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = ye(
-    d
-  ), v = e === "composer" && !!h;
-  if (u.length === 0)
-    return null;
-  const N = u.map((w) => ({
-    src: w.src,
-    filename: w.filename ?? ne(w.src)
-  }));
-  return /* @__PURE__ */ m(
-    xe,
-    {
-      variant: g,
-      text: l,
-      groupPosition: o,
-      "data-testid": "pdf-attachment",
-      children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, C) => {
-          const k = w.filename ?? ne(w.src), E = v && C === 0 ? /* @__PURE__ */ n(we, { onClick: h, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            gn,
-            {
-              url: w.src,
-              filename: k,
-              variant: "inline",
-              label: `Download ${k}`,
-              tone: g
-            }
-          );
-          return /* @__PURE__ */ n(
-            Yr,
-            {
-              variant: g,
-              item: w,
-              index: C,
-              onActivate: b,
-              trailingAction: E
-            },
-            `${w.src}-${C}`
-          );
-        }) }),
-        /* @__PURE__ */ n(
-          Vr,
-          {
-            open: f,
-            items: N,
-            initialIndex: c,
-            onClose: x
-          }
-        )
-      ]
-    }
-  );
-}, Wr = (e) => /* @__PURE__ */ n(mt, { ...e, state: "composer" }), qr = (e) => /* @__PURE__ */ n(mt, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(mt, { ...e, state: "received" }), Zr = {
-  Composer: Wr,
-  Sent: qr,
-  Received: Xr
-}, wn = ({
-  open: e,
-  items: t,
-  initialIndex: s = 0,
-  onClose: a
-}) => {
-  const { index: r, prev: i, next: l } = dt({
-    length: t.length,
-    initialIndex: s,
-    open: e
-  }), o = t[r], d = re(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "video"),
-    [o]
-  );
-  return o ? /* @__PURE__ */ m(
-    ut,
-    {
-      open: e,
-      onClose: a,
-      ariaLabel: d,
-      counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
-      "data-testid": "video-viewer",
-      children: [
-        /* @__PURE__ */ n(
-          "video",
-          {
-            src: o.src,
-            poster: o.poster,
-            controls: !0,
-            autoPlay: !0,
-            muted: !0,
-            playsInline: !0,
-            preload: o.preload ?? "metadata",
-            className: "mes-media-viewer__video",
-            children: o.mimeType ? /* @__PURE__ */ n("source", { src: o.src, type: o.mimeType }) : null
-          },
-          `${r}:${o.src}`
-        ),
-        t.length > 1 ? /* @__PURE__ */ n(
-          ct,
-          {
-            onPrev: i,
-            onNext: l,
-            prevLabel: "Previous video",
-            nextLabel: "Next video"
-          }
-        ) : null
-      ]
-    }
-  ) : null;
-}, Kr = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Ve, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Nn = ({
-  item: e,
-  index: t
-}) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
-  e.poster ? /* @__PURE__ */ n(
-    "img",
-    {
-      src: e.poster,
-      alt: `Video ${t + 1} thumbnail`,
-      draggable: !1,
-      loading: "lazy",
-      decoding: "async",
-      className: "absolute inset-0 size-full rounded-md object-cover"
-    }
-  ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    Gt,
-    {
-      className: "size-16 rounded-md text-white/30",
-      weight: "regular",
-      "aria-hidden": !0
-    }
-  ) }),
-  /* @__PURE__ */ n(Kr, {})
-] }), Jr = (e, t, s) => ({
-  ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Nn, { item: e, index: t })
-}), Qr = ({
-  src: e,
-  poster: t,
-  mimeType: s,
-  preload: a,
-  items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], yn = (e, t) => e.map((s, a) => ({
-  src: s.src,
-  poster: s.poster,
-  mimeType: s.mimeType,
-  preload: s.preload,
-  filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), ei = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: h, closeViewer: g } = ye(
-    i
-  );
-  return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
-    /* @__PURE__ */ n(
-      "button",
-      {
-        type: "button",
-        onClick: () => h(0),
-        "aria-label": "Play video",
-        className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(Nn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
-      }
-    ),
-    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: l }) }) : null,
-    /* @__PURE__ */ n(
-      wn,
-      {
-        open: o,
-        items: yn(
-          [{ src: e, poster: t, mimeType: s, preload: r }],
-          a
-        ),
-        initialIndex: d,
-        onClose: g
-      }
-    )
-  ] });
-}, _n = ({
-  state: e,
-  src: t,
-  poster: s,
-  mimeType: a,
-  filename: r,
-  items: i,
-  text: l,
-  groupPosition: o,
-  preload: d,
-  onClick: h
-}) => {
-  const g = Qr({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ne(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = ye(
-    h
-  );
-  if (g.length === 0)
-    return null;
-  const v = g.map(
-    (N, w) => Jr(N, w, g.length)
-  );
-  return /* @__PURE__ */ m(
-    xe,
-    {
-      variant: u,
-      text: l,
-      groupPosition: o,
-      "data-testid": "video-attachment",
-      children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          pn,
-          {
-            tiles: v,
-            onTileActivate: b,
-            className: "overflow-hidden rounded-md"
-          }
-        ) }),
-        /* @__PURE__ */ n(
-          wn,
-          {
-            open: f,
-            items: yn(g, r),
-            initialIndex: c,
-            onClose: x
-          }
-        )
-      ]
-    }
-  );
-}, ti = (e) => /* @__PURE__ */ n(ei, { ...e }), ni = (e) => /* @__PURE__ */ n(_n, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(_n, { ...e, state: "received" }), ai = {
-  Composer: ti,
-  Sent: ni,
-  Received: si
-}, xi = {
-  Image: Ur,
-  Video: ai,
-  Audio: Nr,
-  Pdf: Zr,
-  File: Lr
-}, ri = ({
-  question: e,
-  onClick: t,
-  loading: s = !1,
-  className: a
-}) => /* @__PURE__ */ n(
-  "button",
-  {
-    type: "button",
-    onClick: t,
-    disabled: s,
-    style: { backgroundColor: "#E6E5E3" },
-    className: y(
-      "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
-      {
-        "hover:brightness-95 active:brightness-90": !s,
-        "opacity-50 cursor-not-allowed": s
-      },
-      a
-    ),
-    children: e
-  }
-), wi = ({
-  faqs: e,
-  onFaqClick: t,
-  loadingFaqId: s,
-  headerText: a,
-  className: r,
-  avatarImage: i,
-  avatarName: l
-}) => {
-  const o = e.filter((d) => d.enabled).sort((d, h) => (d.order ?? 0) - (h.order ?? 0));
-  return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ m("div", { className: "flex gap-3 items-end", children: [
-    (i || l) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      oe,
-      {
-        id: l || "account",
-        name: l || "Account",
-        image: i,
-        size: 24,
-        shape: "circle"
-      }
-    ) }),
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
-        style: { backgroundColor: "#F1F0EE" },
-        children: [
-          a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
-          o.map((d) => /* @__PURE__ */ n(
-            ri,
-            {
-              question: d.question,
-              onClick: () => t(d.id),
-              loading: s === d.id
-            },
-            d.id
-          ))
-        ]
-      }
-    )
-  ] }) });
-};
-export {
-  tn as A,
-  Ks as B,
-  Ya as C,
-  Ts as D,
-  wi as F,
-  pi as L,
-  fi as M,
-  Ie as a,
-  oe as b,
-  Kt as c,
-  dn as d,
-  gi as e,
-  ri as f,
-  le as g,
-  Ot as h,
-  xi as i,
-  Ca as j,
-  hi as k,
-  bi as l,
-  kr as m,
-  yr as n,
-  Ls as o,
-  Cr as p,
-  qt as q,
-  fe as r,
-  an as s,
-  zs as t,
-  vi as u,
-  Fs as v,
-  st as w,
-  at as x,
-  Qe as y,
-  _a as z
-};
-//# sourceMappingURL=index-BCbVXFHI.js.map